@charset "utf-8";
* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}

header {
  position: relative;
  width: 100%;
  height: .96rem;
  color: #232323;
  font-size: .34rem;
  text-align: center;
  line-height: .96rem;
  font-weight: bold;
  border-bottom: 1px solid #EFEFEF;
}

header img {
  position: absolute;
  left: .32rem;
  top: 50%;
  transform: translateY(-50%);
  width: .2rem;
  height: .36rem;
}

.information {
  margin: 0 3%;
  width: 94%;
}

.information nav {
  margin-top: .4rem;
  font-size: .3rem;
}

.information nav p {
  color: #333333;
  font-weight: bold;
  margin-bottom: .26rem;
}

.information nav p span {
  color: #FF0101;
  font-size: .3rem;
  margin-left: .1rem;
  margin-top: .2rem;
}

.information nav input {
  height: .8rem;
  width: 100%;
  outline: none;
  border: 1px solid rgba(191, 191, 191, 1);
  padding: .26rem;
  box-sizing: border-box;
  font-size: .28rem;
  border-radius: .04rem;
}

.information nav .sale {
  height: .8rem;
  width: 100%;
  outline: none;
  border: 1px solid rgba(191, 191, 191, 1);
  border-radius: .04rem;
  font-size: .28rem;
  padding: 0 .24rem;
  box-sizing: border-box;
}

.information nav textarea {
  height: 3.26rem;
  width: 100%;
  padding: .26rem;
  box-sizing: border-box;
  outline: none;
  border: 1px solid #BFBFBF;
  resize: none;
  font-size: .28rem;
  font-family: PingFang SC;
  border-radius: .04rem;
}

/*  联系方式 */
.information .contactWay {
 display: flex;
 height: .8rem;
 align-items: center;
 border: 1px solid #C0C0C0;
}

.information .contactWay:nth-child(2) {
 margin-bottom: .28rem;
}

.information .contactWay span {
 font-size: .3rem;
 color: #626262;
 width: 1.2rem;
 padding: 0 .32rem;
}

.information .contactWay i {
width: 1px;
height: 20px;
background: #D2D2D2;
opacity: 0.8;
}

.information .contactWay input {
 border: none;
}
.choose {
  display: flex;
  height: .8rem;
  border: 1px solid rgba(191, 191, 191, 1);
  border-radius: .04rem;
  font-size: .28rem;
  box-sizing: border-box;
}

.choose select {
  flex: 1;
  outline: none;
  border: none;
  border-right: 1px solid #ccc;
  color: #626262;
  font-size: .28rem;
  padding-left: .2rem;
}

.choose input {
  flex: 2;
  border: none !important;
  height: 100% !important;
}
.submit {
  display: block;
  margin: .86rem 0;
  background: rgba(255, 125, 0, 1);
  height: .92rem;
  line-height: .92rem;
  border-radius: .46rem;
  text-align: center;
  color: #fff;
  font-size: .32rem;
}

/* 上传身份证照片 */
.information nav .upload {
  display: flex;
  height: 1.86rem;
}

.information nav .upload span {
  position: relative;
  margin-right: .3rem;
  flex: 1;
  background-color: #f5f5f5;
  border-radius: .08rem;
}

.information nav .upload .idCard1::after {
  content: '';
  width: 2.06rem;
  height: 1.28rem;
  background: url(/m/img/web/serv/cardPic1@2x.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.information nav .upload #idCard2 {
  margin-right: 0;
}

.information nav .upload .idCard2::after {
  content: '';
  width: 2.06rem;
  height: 1.28rem;
  background: url(/m/img/web/serv/cardPic2@2x.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.information nav .contactService {
  display: flex;
}

.information nav .contactService p {
  flex: 1;
  color: #626262;
  font-size: .28rem;
  font-weight: 500;
  display: flex;
}

.information nav .contactService p i {
  width: .4rem;
  height: .4rem;
  border: 1px solid #D2D2D2;
  border-radius: 50%;
  display: block;
  margin-right: .24rem;
}
.information nav .contactService p .on {
      border: none;
      background-color: #FD7637;
}

.contactService p i img {
  width: .24rem;
  height: .24rem;
  margin: 0 .08rem;
  vertical-align: baseline;
}

#idCard span i,
#chatRecord1 span i,
#voucher span i {
  position: absolute;
  width: .46rem;
  height: .46rem;
  background: url(/m/img/web/delete.png) no-repeat;
  background-size: 100% 100%;
  top: -10px;
  right: -10px;
  z-index: 10;
}

#idCard span img {
margin: auto;
  height: 100%;
  width: 100%;
}
/*   .contactService p .on::after {
  content: '';
  width:.4rem;
  height: .4rem;
  background: url(/m/img/web/corrent@2x.png) no-repeat;;
  background-size: 100% 100%;
  background-color: #FD7637;
  display:block;
  border-radius: 50%;
} */

/* 上传聊天记录截图 */
.crux {
  display: none;
}

.crux .upload {
  position: relative;
  overflow: hidden;
  padding: 10px 5px 0;
}

.crux nav .voucher {
  position: relative;
  overflow: hidden;
  padding: 10px 5px 0;
}
.crux .upload span,
.crux nav .voucher span {
  width: 1.58rem;
  height: 1.58rem;
  background-color: #F5F5F5;
  border-radius: .08rem; 	
  display: block;
  float: left;
  position: relative;
  margin-bottom: .2rem;
}

/*   .crux .upload span,
.crux nav .voucher span{
  margin-right: 0;
} */
.crux .upload #chatRecord::after,
.crux nav .voucher #printscreen::after {
  content: '';
  width: .64rem;
  height: .64rem;
  background: url(/m/img/web/serv/add@2x.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.crux p,
.crux nav .screenshot {
  color: #F10D0D;
  font-size: .26rem;
}

.cha,
.card1Cha,
.card2Cha{display:none;}

#chatRecord1 div,
#voucher div{
  width: 1.58rem !important;
  height: 1.58rem !important;
}

  #chatRecord1 span,
  #voucher span {
    width: 1.58rem !important;
    height: 1.58rem !important;
    margin-left: .1rem;
  }
  
/*     #chatRecord1 span:nth-child(5n) {
     margin-right: 0;
   }  */
  
  #chatRecord1 span img,
  #voucher span img {
    width: 100%;
    height: 100%;
    margin: auto;
  }

/*  .retrieve {
  display: none;
} */

/* 遮罩层 */
.shade {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .5;
  z-index: 100;
  display: none;
}
/* 售后提交后弹框  */
	.boxa {
    width: 100%;
    height: 2.8rem;   
    background: #fff;
    border-radius: .4rem .4rem 0px 0px;
    position: relative;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index:999;
    display:none;
}
.boxa .deleteAlert{
	position: absolute;
    top: 0;
    right: 2%;    
    font-size: .64rem;        
    text-align: center;
    color: #666;
    z-index:1111111111111
}
.box_title {
    margin-top: .6rem;
    text-align: center;
}

.box_title span:nth-of-type(1) {
    font-size: .42rem;    
    display: block;
    text-align: center;
    position: relative;
    bottom: 0.4rem;
}
.box_conter{
    font-size: .42rem;
    text-align: center;
}
.contactServiceDiv{
	position: fixed;
    bottom: 0;
    display: block;
    width: 100%;
}
.contactServiceDiv a{	
    background: #4EB3DF;    
    color: #fff;
    padding: 8px 0;
    display: block;
    text-align: center;
    font-size: 0.32rem;   
}
.copyId {
    cursor: pointer;
    color: #2e6fb7;
}
.goodsIdDiv{
	margin-bottom: .5rem;
	font-size: 0.3rem;
}