hulimall/pages/aftersales/apply.wxss

/* pages/aftersales/apply.wxss */
.page{
  width: 100%
}
.container{
  background-color: #F4F5F6;
}
.order_goods{    
  border-radius: 0px 0px 24rpx 24rpx;
  margin-bottom:24rpx ;
}
.order_two {
  display: flex;
  border-radius: 0px 0px 24rpx 24rpx;
  border: none;
  background-color: #fff;
  padding: 32rpx; 
}
.shopImage{
  width: 216rpx;
  height: 216rpx;
  border-radius: 16rpx;
  margin-right: 24rpx;
}
.order_two_a {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 216rpx;            
}
.price_num {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 32rpx;
  color: #FA5151;
  
}
.price_num .price{
  font-weight: 600;
}
.price .price_symbol{
  font-size: 32rpx;
}
.order_p_name {
  text-align: start;
   height: auto;
   margin: 0 0 20rpx 0;
   font-size: 32rpx;
   color: #333333;
   overflow:hidden;
   text-overflow:ellipsis;
   display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; 
}
.color_one{
  text-align: start;
  max-width: 260rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 28rpx;
  color: #999999;
}
.color_two {
  font-size: 28rpx;
 color: #999999;
}
.refund_pay {
  border-radius:24rpx;
  margin-left: 5rpx;
  font-size: 32rpx;
  color: #020202;
  background-color: #fff;
}
.right_d{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.right_d_view {
  display: flex;
  align-items: center;
  width: 100%;
  flex: 1;
}
.leftText{
  width: 160rpx;
  white-space: nowrap;
}
.rightText{
  position: absolute;
  right: 32rpx;
}
.refund_pay>view {
  width:auto;
  padding: 32rpx 0rpx 32rpx 0;
  margin: 0 32rpx 0 32rpx ;
  border-bottom: 1rpx solid #eee;
}

.uploadImage {
  font-size: 24rpx;
  border:1rpx dashed #CCCCCC;
  /* position: relative; */
  color: #333333;
  width: 160rpx;
  height: 160rpx;
  float: left;
  margin-right: 15rpx;
  text-align: center;
  border-radius: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
}

.uploadImage .p {
  font-size: 24rpx;
  margin: 0 auto;
  color: #b8b8b8;
}

.xiangji {
  width: 48rpx;
  height: 48rpx;
  margin-bottom: 20rpx;
}

.input {
  position: relative;
  width: 100%;
}
.words_num{
  display: flex;
  position: absolute;
  right: 24rpx;
  bottom: 24rpx;
  font-size: 28rpx;
  color: #333333;
}
.words_num view{
  color: #999999;
}
.input_text {
  border-radius: 16rpx;
  min-height: 136rpx;
  font-size: 28rpx;
  width: 526rpx;
  box-sizing: border-box;
  color:#020202;
  padding:16rpx;
  margin-left: 10rpx;
  word-break: break-all;
  border: 1rpx solid rgba(0,0,0,0.1);
}

.refund_money {
  border: none;
  width: 51%;
  margin: 2rpx 0 0 10rpx;
}

.refund_color {
  font-size: 32rpx;
  color: #9D9D9D;
}

.font_red {
  color: #FA5151;
}
yh-return_suess-view {
  height: 150rpx;
}
.bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  box-shadow: 0 0 0 0 rgba(0,0,0,0.2);
  padding-bottom: env(safe-area-inset-bottom);
}
.bottom view{
  width: 686rpx;
  height: 92rpx;
  font-size: 32rpx;
  color: #fff;
  text-align: center;
  line-height: 92rpx;
  border-radius: 52rpx;
  margin: 20rpx;
  padding:0;
  background-color: #FA5151;
}
.p_name {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.image_dele {
  position: absolute;
  top: -10rpx;
  right: 0;
  height: 20rpx;
  width: 20rpx;
}

.evaluat_image {
  height: 100%;
  width: 100%;
}

.image_dele {
  height: 28rpx;
  width: 28rpx;
}
.evaluat_imageBox {
  display: flex;
}
.evaluat_view {
  float: left;
  height: 150rpx;
  width: 150rpx;
  margin-right: 10rpx;
  position: relative;
}

.evaluat_view:after {
  display: block;
  content: "";
  clear: both;
}
/*  申请成功     */
.return_end {
  font-size: 28rpx;
  color: #020202;
  /* background-color: white; */
}

.pic {
  margin-top: 60rpx;
  text-align: center;
}

.pic image {
  width: 100rpx;
  height: 100rpx;
  margin: 0 auto;
}

.end_one {
  font-size: 30rpx;
  text-align: center;
  margin-top: 30rpx;
}

.end_two {
  font-size: 24rpx;
  color: #9D9D9D;
  text-align: center;
  margin: 18rpx 0 60rpx 0;
}

.return_message {
  padding: 30rpx;
  border-bottom: 1px solid #eee;
  font-size: 32rpx;
}

.end_message {
  display: flex;
}

.end_message {
  padding: 30rpx 30rpx 0 30rpx;
}

.end_text {
  width: 450rpx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
}

.end_lef {
  text-align: justify;
  width: 160rpx;
  height: 39rpx;
  color: #666;
}

.detail{
  color: #666;
}
.yh-return-end-view {
  height: 30rpx;
  width: 100%;
  background-color: #eee;
}
.re_photo {
  width: 120rpx;
  height: 120rpx;
  margin-right: 10rpx;
}

.re_photo image {
  width: 100%;
  height: 100%;
}