/**
 * Created by fanweihua.
 */

.communication-list{  width: 100%;  margin: 0 auto;  }
.communication-list .mui-input-row i {  height: 3.4rem;  width: .3rem;  background: #ea3f33;  position: absolute;  z-index: 99; left:0; }
.communication-list .mui-input-row{  margin-bottom: 1px;  background: #ffffff; border-radius: 7px !important; }
.communication-list .mui-input-row label {  width: 27%;  padding: 1.15rem 1rem;  top:0.05rem;  }
.communication-list .mui-input-row .entry {  padding-left: 1rem;  }
.communication-list .mui-input-row label~input{  width: 47%;  text-align: right;  padding-right: 2.4rem;  top:0.3rem; z-index: 99; }
.communication-list .mui-input-row .address{  display:table;  width: 100%;  height: 3rem;}
.communication-list .mui-input-row .address label{  width: 22%;  position: absolute;  }
.communication-list .ui-alert {  text-align: right;  color: #666666;  font-size: .9rem;  position: absolute;  top: .9rem; z-index: 98;  right:2.4rem;  }
.communication-list .textarea {  font-size: .9rem;  padding: 1rem 0;   left: -2.3rem;  }
.communication-list .address-yes .textarea {  width: 79%;  line-height: 1.25rem;  display: table-cell;  font-weight: normal;  vertical-align: middle;  padding-bottom: .4rem; padding: 1rem 0;  padding-left: 2.3rem; -webkit-user-select:text }
.communication-list .mui-input-row .get-yzm{  width: 23%;  line-height: 1.1rem;  background:#E6081F !important;  color:#ffffff;  float:right;  font-size: .8rem;  border-radius: 22px !important;  margin: .35rem .6rem .4rem 0;  }.communication-list .mui-input-row .get-yzm:active {  background:#E6081F !important;  color:#ffffff;  }
.communication-list input[type=text],textarea{  -webkit-appearance: none;  -webkit-text-fill-color: #666;  -webkit-opacity: 1;  opacity: 1;  }
.communication-change .mui-scroll-wrapper .communication-list .mui-input-row label~input{text-align: right;padding-right: 3rem;}
.communication-change .communication-list .activation{margin-top: 10px;}
.communication-change .mui-input-row .amend:after{content: "";  width: 1.2rem;  height: 1.2rem;  display: inline-block;  background-image: url(../images/icon_img.png);  background-repeat: no-repeat;  background-position: 0 -25.1rem;  background-size: 9rem;  position: absolute;  top: 40%;  right: .6rem;}
.communication-change .mui-input-row .amend-no:after{content: "";  width: 1.2rem;  height: 1.2rem;  display: inline-block;  background-image: url(../images/icon_img.png);  background-repeat: no-repeat;  background-position: 0 -26.3rem;  background-size: 9rem;  position: absolute;  top: 40%;  right: .6rem;}
#warm-popover .template-title{margin-top: 1.5rem;width: 100%;text-align: center;}
#warm-popover .template-content{margin-top: 1rem;text-align: left;}
.communication-change .detailAddress{text-align: right;padding-right: 1rem !important;}
.change-address{display: none;}
.change-yes .communication-list .address-yes .textarea{ padding-left: 3.7rem;}
.change-yes .communication-list .erweima-box div{width: 6rem;  height: 2.1rem;background: navajowhite;left: 76%;top: .55rem;}
.change-yes .communication-list .erweima-box .mui-input-clear{padding-right: 7.4rem;}
.change-yes .payexp-yes .botm-btn ul li{background: none}
.change-yes .communication-list .mui-input-row .yzmBox{text-align: left}
.change-yes .mui-input-row .get-yzm{text-align: center !important;   padding: 6px 0px !important ;}
.change-yes .communication-list .mui-input-row .yzmInput{text-align: left;padding-right: 0;padding-left: 4.5rem;padding-right: 1rem;}
.communication-successful {background: #fff;padding-top: 80px}
.communication-successful  .success-header{  width: 100%;  text-align: center;  }
.communication-successful .mui-content-padded .mui-input-row p{font-size: 1.1rem;line-height: 2rem;text-align: center;}
.communication-successful .mui-content-padded .mui-input-row .mui-btn-outlined {  padding: 12px 0px;border: 0px;  border-radius: 22px;  width: 50%;  color: #ffffff;  font-size: 1.15rem; text-align: center;  position: relative;  left: -25%;  background: linear-gradient( 90deg, #E6081F 0%, #CE001C 100%);  margin-top: 3rem;  }
.communication-successful  .success-header i {  width: 5rem;  height: 4.8rem;  display: inline-block;  background-image: url(../images/icon_img.png);  background-position: 2px -495px;  background-size: 7rem;  }
.mui-poppicker-btn-ok{background: #ea3f33;  border:1px solid #ea3f33;}
.change-yes .communication-list .mui-input-row .yzmInput{margin-right: 1rem;width: 40%;}

@media screen and (min-width:320px) and (max-width: 320px) {
    .change-yes .communication-list .erweima-box div{left: 71.5%;}
    .communication-list .mui-input-row label{width: 29%;}
    .publicBody {  font-size: .7rem!important;  }
    .red-btn a, .white-btn a{padding:.8rem 3.3rem !important;}
    .communication-list .mui-input-row .get-yzm{width: 24%;}
    .communication-list .mui-input-row label~input{width: 44%;}
    .change-yes .communication-list .mui-input-row .yzmInput{padding-left: 4rem;padding-right: 1rem;}
    .change-yes .communication-list .address-yes .textarea{text-align: left;}
    .communication-list .address-yes .textarea{padding-right: 0 !important;}
}
@media screen and (min-width:360px) and (max-width: 360px) {
    .change-yes .communication-list .erweima-box div{left: 74.5%;}
    .red-btn a, .white-btn a{padding:.8rem 3.3rem !important;}
    .communication-list .address-yes .textarea{padding-right: 0 !important;}
}
@media screen and (min-width:375px) and (max-width: 375px) {
    .change-yes .communication-list .erweima-box div{left: 75.5%;}
    .red-btn a, .white-btn a{padding:.8rem 4.3rem !important;}
    .communication-list .address-yes .textarea{padding-right: 0 !important;}
}
@media screen and (min-width:412px) and (max-width: 412px) {
    .change-yes .communication-list .erweima-box div{left: 77.5%;}
    .communication-list .address-yes .textarea{padding-right: 0 !important;}
}
@media screen and (min-width:414px) and (max-width: 414px) {
    .communication-successful  .success-header i {width: 5rem;height: 4.8rem;display: inline-block; background-image: url('../images/icon_img.png');background-position: 2px -530px;background-size: 7rem;}
    .communication-list .address-yes .textarea{padding-right: 0 !important;}
}
@media screen and (min-width:768px) and (max-width: 768px) {
    .change-yes .communication-list .erweima-box div{left: 87%;}
}
@media screen and (min-width:1024px) and (max-width: 1024px) {
    .change-yes .communication-list .erweima-box div{left: 90%;}
}

/**温馨提示弹框
 */
.buy-popover-wrap .buy-popover-main ul li{  width: 50%;  }
.buy-popover-wrap {  width:100%;  position:fixed;  top:6.1rem;  left:0;  background:#fff;  z-index:9999;  }
.mui-popover .bank-popover{  width:70%;  position:fixed;  left:15%;  background:#fff;  z-index:9999;  border-radius: .3rem;}
.mui-popover .bank-popover .mui-icon-closeempty{  color: #b5b5b5;  font-weight: bold;  float: right;  }
.mui-popover .bank-popover .buy-popover-content p{  width: 100%;  text-align: center;  font-size: 1rem;  color: #333333;  margin: 2.2rem 0 .5rem 0;  }
.mui-popover .bank-popover .buy-popover-content button{  font-size: .9rem;  margin: 1.2rem auto;  padding: 0 .8rem;  line-height: 1.8rem;  background: #ea3f33;  border-radius: .2rem;  border: 0;  color: #ffffff;  display: block;  }
.buy-popover-content {  margin: 0 .9rem;  color:#4c4c4c;  border-bottom: 0px;  padding:.4rem 0;  }
.mui-popover input[type=button],input[type=reset]{  line-height: 1.6rem;  }