jzmall_wx/pages/ucenter/applyRefund/applyRefund.wxss

page {
    /* height: 100%; */
    width: 100%;
    background: #f4f4f4;
    padding:0 0 80rpx;
  }
  .container{
    padding:0 30rpx;
  }
  .order-goods {
    margin-top: 30rpx;
    background: #fff;
    border-radius:10rpx;
    width:690rpx;
    padding:30rpx 20rpx;
  }
  
  .order-goods .h {
    height: 30rpx;
    line-height: 30rpx;
    margin-bottom:30rpx;
    font-size: 30rpx;
    color:#333;
  }
  
  .order-goods .h .label {
    float: left;
    font-size: 30rpx;
    color: #333;
  }
  
  .order-goods .h .status {
    float: right;
    font-size: 30rpx;
    color: #b4282d;
  }
  
  .order-goods .item {
    display: flex;
    align-items: center;
    height: 190rpx;
  }
  
  .order-goods .item:last-child {
    border-bottom: none;
  }
  
  .order-goods .item .img {
    height: 190rpx;
    width: 190rpx;
    background: #f4f4f4;
    margin-right:20rpx;
    border-radius:10rpx;
  }
  
  .order-goods .item .img image {
    height: 190rpx;
    border-radius:10rpx;
    width: 190rpx;
  }
  
  .order-goods .item .info {
    flex: 1;
    height: 190rpx;
  }
  
  .order-goods .item .t {
    margin-top: 10rpx;
    /* height: 33rpx; */
    line-height: 34rpx;
    margin-bottom: 30rpx;
    display: flex;
   justify-content: space-between;
  }
  
  .order-goods .item .t .name {
    max-height: 68rpx;
    line-height: 34rpx;
    color: #333;
    font-size: 30rpx;
   width:360rpx;
   margin-right:40rpx;
   /* text-overflow: ellipsis;
   white-space: nowrap;*/
   overflow: hidden; 
  }
  
  .order-goods .item .t .number {
    line-height: 36rpx;
    color: #666;
    font-size: 26rpx;
  }
  
  .order-goods .item .attr {
    height: 26rpx;
    line-height: 26rpx;
    color: #666;
    font-size: 26rpx;
  }
  
  .order-goods .item .price {
    height: 26rpx;
    line-height: 26rpx;
    color: #666;
    font-size: 26rpx;
    margin-top:16rpx;
  }
  .module-title{
    height: 80rpx;
    padding:0 8rpx;
    line-height: 80rpx;
    font-size: 30rpx;
    color:#333;
    border-bottom:1rpx solid #EFEFEF;
  }
  .tt-cell{
    display: flex;
    /* padding:0 4rpx 0 8rpx; */
    align-items: flex-end;
    justify-content: space-between;
    background: #fff;
    height: 78rpx;
    padding-bottom:12rpx;
    /* border-bottom:2rpx solid #ebedf0; */
  }
  .tt-cell view{
    font-size: 26rpx;
    color: #191919;
    font-weight: bold;
  }
  .tt-cell view.cell-right{
    font-family: normal;
    flex:1;
    border-bottom: 2rpx solid #E0E0E0;
    padding-bottom:8rpx;
  }
  .arrow-wrapper{
    border-bottom: 2rpx solid #E0E0E0;
    height: 40rpx;
  }
  .arrow-img{
    width:28rpx;
    height: 28rpx;
  }
  .tt-cell view.cell-right.default{
    color: #ACADB1;
    font-size: 24rpx;
    font-weight: normal;
  
  }
  .tt-cell input{
    flex:1;
    border-bottom: 2rpx solid #E0E0E0;
  }
  .need{
    color:red;
  } 

  .tt-cell.comment-cell{
    border:none;
  }
  .tt-cell.comment-cell view{
    padding-left:14rpx;
  }
  .comment-tips{
   /* padding-left:22rpx; */
   height: 50rpx;
   line-height: 30rpx;
   color: #777;
   font-size: 20rpx;
   background: #fff;
  }
  .submit-btn{
    text-align: center;
    color: #fff;
    margin:120rpx 26rpx 60rpx;
    width: 650rpx;
  height: 90rpx;
  line-height: 90rpx;
  background: #FF8219;
  border-radius: 90rpx;
  font-size: 34rpx;
  }
  .upload-text{
    height: 88rpx;
    line-height: 88rpx;
    /* padding-left:22rpx; */
    background: #fff;
    font-size: 26rpx;
    color: #191919;
    font-weight: bold;
  }
  .upload-wrapper{
    /* margin:18rpx -20rpx 56rpx 0; */
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    padding:0 24rpx 40rpx 0;
  }
  .upload{
    width: 160rpx;
  height: 160rpx;
  background: #FAFAFA;
  border-radius: 4rpx;
  border: 1rpx solid #D9D9D9;
  display:flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-right:16rpx;
  box-sizing: border-box;
  }
  .upload image{
    width:38rpx;
    height: 38rpx;
    margin-bottom:22rpx;
  }
  .upload view{
    font-weight: 400;
  color: #C5C3C3;
  line-height: 48rpx;
  font-size: 26rpx;
  }
  .img-item{
    width: 160rpx;
    height: 160rpx;
    background: #fff;
    border-radius: 2rpx;
    border: 1rpx solid #D9D9D9;
    margin:0 20rpx 24rpx 0;
    padding:8rpx;
    position: relative;
    box-sizing: border-box;
  }
  .img-item .user-upload{
    width:144rpx;
    height:144rpx;
  }
  .img-item .close-img{
    width:28rpx;
    height:28rpx;
    position:absolute;
    top:0;
    right:0;
  }
  .refund-tips{
    color:#ee0a24;
    font-size: 22rpx;
    line-height: 40rpx;
    padding-left:8rpx;
    margin:4rpx 0 8rpx;
  }
  .card{
    background: #fff;
    border-radius:24rpx;
    padding:30rpx 24rpx;
  }
  .tt-cell input{
    flex:1;
    font-size: 26rpx;
    color:#666;
  }
  
  
  
  /* 产品订单信息 */
  .product-block { 
    background: #FFFFFF;
    border-radius: 24rpx;
    padding: 24rpx;
    margin: 28rpx 0 30rpx;
  }
  
  .product-block .title {
    height: 88rpx;
    line-height: 78rpx;
  }
  
  .profuct-info {
    height: 190rpx;
    display: flex;
    align-items: flex-start;
  }
  
  .product-img {
    width: 190rpx;
    height: 190rpx;
    border-radius: 10rpx;
    margin-right:20rpx;
  }
  
  .info-right {
    /* padding-top: 10rpx; */
    flex:1;
  }
  .info-main{
    display: flex;
    height: 40rpx;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 58rpx;
  }
  .product-name {
    line-height: 40rpx;
    font-size: 28rpx;
    /* padding-left: 20rpx;
    text-indent: -16rpx; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 328rpx;
    font-weight: bold;
    color: rgba(0,0,0,0.9);
  }
  .info-main .price{
    color: rgba(0,0,0,0.9);
    font-size: 18rpx;
    font-weight: bold;
  }
  
  .info-right .other-info {
    font-size: 24rpx;
    color: rgba(0,0,0,0.9);
    line-height: 34rpx;
  }
  .refund-title{
    color: #191919;
    font-size: 30rpx;
    font-weight: bold;
    margin-bottom:28rpx;
    height: 30rpx;
    line-height: 30rpx;
  }
  .real-price{
    display: flex;
    align-items: center;
    height: 36rpx;
    justify-content: flex-end;
    font-size: 26rpx;
    font-weight: bold;
    margin:20rpx 0 12rpx;
  }
  .real-price text{
    color:#FF004E;
    font-size: 26rpx;
  }
   .tt-cell view.refund-price{
    color: #FF004E;
  }
  /* 选择备注 */
  .appoint-overlay-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index:999;
  }
  .appoint-overlay-wrapper.remark-overlay{
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
  .remark-select{
    width:750rpx;
    padding:0 24rpx 56rpx;
    background: #FFFFFF;
    border-radius: 24rpx 24rpx 0 0;
  }
  .remark-select .title{
    font-weight: 600;
  color: #191919;
  font-size: 30rpx;
  height: 90rpx;
  line-height: 90rpx;
  text-align: center;
  border-bottom: 2rpx solid #E0E0E0;
  }
  .remark-list{
    height: 340rpx;
    overflow-y: scroll;
  }
  .remark-item .remark-value{
    color: #191919;
    font-size: 26rpx;
    font-weight: bold;
    flex:1;
    text-align: left;
  }
  .remark-list .remark-item{
    height: 84rpx;
    display: flex;
  border-bottom: 2rpx solid #E0E0E0;
  align-items: center;
  }
  .remark-item .radio-img{
   width:26rpx;
   height: 26rpx;
  }
  .remark-conf-btn{
    width: 652rpx;
  height: 90rpx;
  line-height: 90rpx;
  border-radius: 90rpx;
  border: 4rpx solid #FF8219;
  text-align: center;
  font-size: 36rpx;
  color: #FF8219;
  margin:0 auto;
  margin-top:54rpx;
  
  }