html{width: 100%;height: 100%;}
body{background: rgba(248,249,250);display: flex;flex-direction: column;width: 100%;height: 100%;}
.payhead{display: flex;background: #FFFFFF;}
.payhead span:nth-child(1){display: block;width: 1.5rem;margin-left: 1.8rem;margin-top: 0.6rem;}
.payhead span:nth-child(2){flex: 1;text-align: center;line-height: 2.5rem;font-weight: bold;}
/*
.one{margin:0.5rem 1rem 0;background: url("./img/scdcdfdc.png") #fff no-repeat;background-size:0.8rem;background-position: 95% center;}
*/
.one {
    margin: 0.5rem 1rem 0;
    background: url(../img/scdcdfdc.png) #fff no-repeat;
    background-size: 0.8rem;
    background-position: 95% 1.2rem;
}
img{width: 100%;display: block;}
.one span{width: 3rem;
    margin: 0 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center}
.zpInfoWarp{background: rgba(248,249,250,1);}
.zpInfoShow{}
.promptInfo{margin:0 2.5rem 0 0;flex: 1}
/*
.two{border-radius: 4px;background: url("./img/xsxs.png") #fff  no-repeat;background-size:0.8rem;background-position: 95% 1.2rem;}
*/
.two{border-radius: 4px;background: url("../img/xsxs.png") #fff  no-repeat;background-size:0.8rem;background-position: 95% 1.2rem;}
.upiTwo{border: 2px solid #1877D3;border-radius: 0.25rem}
.warp-title{font-size: .6rem;color: #333333;margin-left: 30.9rem;}
.zpInposi{position: relative;}
.warp{margin-top: 1.5rem;}
.zpInfoMones{display: flex;background: #FFFFFF;border: 2px solid #D5EFFF;box-shadow: 0 4px 6px 0 #D4EFFF;position: absolute;width: 90%;top: 1.5rem;border-radius: 0.5rem;left: 5%;}
.zpInfoMones p {
    line-height: 3rem;
}
.zpInfoMones p:nth-child(1) {
    margin-left: 0.9rem;
    font-weight: bold;
    font-size: 0.95rem;
    width: 5rem
}
.zpInfoMones p:nth-child(2) {
    text-align: right;
    margin-right: 0.9rem;
    font-weight: bold;
    color: #1877D3;
    flex: 1;
}.promptInfo p:nth-child(1){margin: 0.2rem 0px 0.2rem;font-weight: bold;font-size: 0.75rem;word-break: break-all}
.promptInfo p:nth-child(2){font-size: small;margin-top: 7px;color: rgb(137 137 137);word-break: break-all}
.pay-upi{background: #FFFFFF;flex: 1;border-radius: 0.5rem 0.5rem 0 0 ;margin-top: 0.4rem;}
.pay-list{background: #FFFFFF;flex: 1;border-radius: 0.5rem 0.5rem 0 0 ;margin-top: 0.8rem;text-align: center;line-height: 5rem;font-weight: bold;}
.pay-title{font-size: 0.6rem;color: #333333;margin-left: 1.5rem;margin-top: 1rem;}
.zpInfoUpi{display: flex;padding-left: 1rem;padding-bottom: 0.5rem;flex: 1;}
.upi{margin:0.5rem 0.3rem}
.upi span{display: block;width: 4.7rem;box-sizing: border-box;}
.HandClick{width: 90%;display: block;margin: 0 auto;background: #D8D8D8;line-height: 2rem;border-radius: 0.3rem;outline: none;border:1px solid #D8D8D8;color: #FFFFFF;font-weight: bold;font-size: 0.8rem;}
.content-title{font-size: 0.6rem;color: #333333;margin-left: 1.5rem;margin-top: 0.1rem;}
.content-inp{border: 2px solid #D5EFFF;border-radius: 5px;margin: 1rem auto;width: 85%;line-height: 2rem;background: #FFFFFF;display: flex;}
.content-inp input{width: 70%;outline: none;border:none;padding: 4% 0;flex:1;padding-left: 0.5rem;font-size: 0.5rem}
.upiClass{text-align: center;background: #F7FCFF;border-left: 1px solid #D5EFFF;color: #1877D3;font-size: 0.65rem;display: flex;justify-content: center;padding:0 0.5rem;width: 100px;border: none}
.content-inp span{text-align: center;background: #F7FCFF;border-left: 1px solid #D5EFFF;color: #1877D3;font-size: 0.65rem;display: flex;justify-content: center;padding:0 0.5rem}
.noneclick{width: 90%;display: block;margin: 0 auto;background: #1877D3;line-height: 2rem;border-radius: 0.3rem;outline: none;border:1px solid #D8D8D8;color: #FFFFFF;font-weight: bold;font-size: 0.8rem;}
.upi-code ,.upi-codes ,.upi-pay{display: none;}
#upiSuffix select{flex:1;background: #F7FCFF;text-align: center;outline: none;border:none;color: #1877D3;padding:0 0.5rem}
.total{color: #999999;text-decoration: line-through;position: absolute;bottom: 5px;right: 1rem;font-size: 0.45rem;display: none;}
.channelFee{color: #ff9800;position: absolute;bottom: 5px;right: 1rem;font-size: 0.45rem;display: none;}
.Tips{width: 100%;height: 100%;position: absolute;background: rgba(109,110,110,.5);display: none;top:0;}
.tip-warp {

    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.tipD-warp{
    position:fixed;width: 118%;bottom: 0;
}
.tips-warp{position:fixed;width: 118%;bottom: 0;}
.tips-box{width: 85%;background: #FFFFFF;border-radius: 0.5rem;text-align: center;padding-bottom: 1rem;}
.tips-box p:nth-child(1){font-weight: bold;font-size: 1rem;text-align: center;line-height: 2.5rem;margin-top: 0.5rem}
.tips-box p:nth-child(2){font-size: 14px;text-align: center;line-height:1.1rem ;}
.tips-box button{width: 85%;background: #1877D3;text-align: center;color: #FFFFFF;font-weight: bold;margin: 0 auto;line-height: 1.5rem;border-radius: 5px;border:1px solid #1877D3;margin-top: 0.5rem;}
#form-payment-add{display: flex;flex-direction: column;flex:1}
.upiCodeTips{width: 100%;height: 100%;position: absolute;background: rgba(109,110,110,.5);display: none;top:0;}
.errorTips{width: 100%;height: 100%;position: absolute;background: rgba(109,110,110,.5);display: none;top:0;}
.splitOrderDescriptionTips{width: 100%;height: 100%;position: absolute;background: rgba(109,110,110,.5);display: none;top:0;}
.contant {
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    display: none;
    width: 100%;
    z-index: 999;
}
.contant-warps{
    height: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.toast {
    width: 60%;
    min-width: 290px;
    min-height: 50px;
    color: #393939;
    padding: 20px;
    border-radius: 5px;
    /* position: fixed;
    top: 28%;
    left: 6%;
    z-index: 999999; */
    background: #ffffff;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: SourceHanSansCN-Medium;
}

.copyToast {
    width: 43%;
    min-width: 50px;
    min-height: 30px;
    color: #393939;
    padding: 20px;
    border-radius: 5px;
    /* position: fixed;
    top: 28%;
    left: 6%;
    z-index: 999999; */
    background: #ffffff;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: SourceHanSansCN-Medium;
}

.loadingToast {
    display: none;
    position: fixed;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 18rem;
    height: 18rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.load {
    display: inline-block;
    margin-bottom: 1.5rem;
    height: 1.5rem;
    width: 1.5rem;
    border: 0.4rem solid transparent;
    border-top-color: #4A4A4B;
    border-left-color: #4A4A4B;
    border-bottom-color: #4A4A4B;
    animation: circle 1s infinite linear;
    -webkit-animation: circle 1s infinite linear; /* Safari 和 Chrome */
    border-radius: 50%
}

@-webkit-keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg)
    }
}

.warp_box{position: absolute;width: 100%;height: 100%;top: 0;background: rgba(0,0,0,.15);display: flex;align-items: center;display: none;}

.demo p {width:1000px; margin-left:auto; margin-right:auto;}
.input{padding:12px; width:300px; border:1px solid #c2c2c2; border-radius:4px; box-shadow:0 0 1px #fff, inset 0 0 2px rgba(0,0,0,.15); background-color:#F2F2F2; font-size:14px;}
.emailist{border:1px solid #bdbdbd; border-radius: 4px; background-color:#fff; color:#666; font-size:14px; list-style-type:0; padding:0; margin:0; overflow:hidden;}
.emailist li{padding:2px 11px; cursor:pointer;width: 305px;}
.emailist .on, .emailist li:hover{background-color:#eee;}

.zpInfoMones p:nth-child(1) {
    margin-left: 0.9rem;
    font-weight: bold;
    font-size: 0.95rem;
}
.zpInfoMone{display: flex;background: #FFFFFF;border: 2px solid #D5EFFF;box-shadow: 0 4px 6px 0 #D4EFFF;width: 90%;border-radius: 0.5rem;margin: 1rem auto;position: absolute;margin-left: 0.5rem;margin-top: -2.5rem}
.zpInfoMone p{line-height: 3rem;}
.zpInfoMone p:nth-child(1){margin-left: 0.9rem;font-weight: bold;}
.zpInfoMone p:nth-child(2){font-weight: bold;color: #1877D3;margin-left:.5rem}
.zpInfoMone button{line-height: 0.5rem;margin: 0.5rem 0;margin-left: 2rem;}
.contentnav{padding: 0 1rem;}
.contentnav p:nth-child(1){font-size: 0.85rem;font-weight: bold;}
.contentnav p:nth-child(2){font-size: 0.75rem;line-height: 1rem;margin-top: 0.5rem;color: blueviolet}
.contentnav p:nth-child(3){font-size: 0.75rem;line-height: 1rem;margin-top: 0.5rem;color: coral}
.contentnav p:nth-child(4){font-size: 0.75rem;line-height: 1rem;margin-top: 0.5rem;}
.contentnav p:nth-child(5){font-size: 0.75rem;line-height: 1rem;margin-top: 0.5rem;}
.contentnav p:nth-child(6){font-size: 0.85rem;font-weight: bold;margin-top: 1rem;}
.contentnav p:nth-child(7){font-size: 0.75rem;line-height: 1rem;margin-top: 0.5rem;}
.zpInfo{background: #FFFFFF;border: 2px solid #D5EFFF;box-shadow: 0 4px 6px 0 #D4EFFF;width: 90%;border-radius: 0.5rem;margin: 1rem auto;line-height: 3rem;}
.zpInfo> p{line-height: 3rem; font-size: 0.68rem;font-weight: bold;padding: 0 1rem;background-image: linear-gradient(270deg, #A1A1D3 0%, #7261B7 100%);color: #FFFFFF;border-radius: 0.5rem 0.5rem 0 0;margin-top: 16px;}
.name p:nth-child(1){font-size: 0.68rem;color: #999999;}
.name p{padding: 0 0.35rem;}
.name p span:nth-child(1){color: #999999;}
.name p span:nth-child(1){color: #333333;}
#copyNo,#copyName,#copyBT{margin-left: 0.5rem;background-image: linear-gradient(270deg, #A1A1D3 0%, #7261B7 100%);border-radius: 0.5rem;border:none;color: #FFFFFF;padding: 0.45rem 0.8rem;font-size: 0.65rem;float: right;margin-top: 0.5rem;}
.zip_warp{flex: 1;background: #FFFFFF;border-radius: 0.5rem 0.5rem 0 0;margin-top: 0.5rem;padding: 0 1rem;}
.arti_warp #article{width: 55%;}
#copy{margin-left: 5.5rem;background-image: linear-gradient(270deg, #A1A1D3 0%, #7261B7 100%);border-radius: 0.5rem;border:none;color: #FFFFFF;padding: 0.45rem 0.8rem;font-size: 0.65rem;float: right;margin-right: 0.5rem;}
#article{font-weight: bold;margin-left:1rem;font-size: 1.2rem;color: #7E44A8;display: inline-block;}
.zip_warp h1{font-size: 0.75rem;font-weight: bold;line-height: 1rem;margin-top: 0.5rem;}
.zip_warp p:nth-child(2){color: #7362B7;font-size: 0.65rem;line-height: 1rem;margin-top: 0.5rem;}
.zip_warp p:nth-child(3){color: rgba(255,129,58);font-size: 0.65rem;line-height: 1rem;margin-top: 0.5rem;}
.zip_warp p:nth-child(4){color: rgba(137,137,137);font-size: 0.65rem;line-height: 1rem;margin-top: 0.5rem;}
.zip_warp p:nth-child(5){color: rgba(137,137,137);font-size: 0.65rem;line-height: 1rem;margin-top: 0.5rem;}
.zip_warp p:nth-child(7){color: rgba(137,137,137);font-size: 0.65rem;line-height: 1rem;margin-top: 0.5rem;}
.icon{display: inline-block;width: 1rem;padding-right: 0.5rem;}
.UtrWarp{position: relative;width: 100%;height: 100%;}
.toast_title{text-align: right;padding-right: 0.5rem;}
.toast_title span{font-size: 0.65rem;color: #1877D3;text-decoration: underline;}
.utr_back{padding-bottom:0.8rem;background: url("../img/img_card@2x.png")no-repeat;margin: 0 0.5rem;border-radius: 0.5rem;background-size: 100%;}
.utr_title{font-size: 0.65rem;color: #FFFFFF;margin: 0.5rem;line-height: 2rem;margin-left: 1rem;}
.utr_money{font-size: 0.75rem;color: #FFFFFF;font-weight: bold;margin-left: 1rem;}
.utr_copy p{font-size: 0.75rem;margin:0.5rem 1rem}
.utr_bor{border:2px solid #1877D3;width: 90%;margin:0 auto 1rem;border-radius: 0.3rem;line-height: 1.5rem;font-size: 0.65rem;  }
.utr_bor span:nth-child(1){display: inline-block;margin-left: 0.5rem;width: 83%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; margin-top: 0.5rem;color: #1877D3;  }
.utr_bor span:nth-child(2){display:block;width: 1.5rem;float: right;margin-top: 0.4rem;margin-right: 0.5rem}
.utr_input{border:2px solid #1877D3;width: 90%;margin:0 auto 1rem;border-radius: 0.3rem;line-height: 1.5rem;font-size: 0.65rem;display: flex;padding: 0.45rem 0}
.utr_input input{display: block;width: 83%;border: none;outline: none;margin-left: 0.5rem;background:transparent}
.utr_input span{display:block;width: 1.5rem;float: right;margin-right: 0.5rem}
.hankOk{width: 90%;display: block;margin:0 auto;line-height: 2rem;background: #CCC;border-radius: 0.3rem;border: none;outline: none;color: #FFFFFF;font-weight: bold;margin-bottom: 1rem;}
.handChange{background: #1877D3;}
.utr_where{padding-bottom: 1rem;}
.utr_where p{text-align: center;font-size: 0.75rem;font-weight: bold;line-height: 1rem;}
.utr_where dl{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin-top: 1rem; }
.utr_where dl dt{margin-top: 0.5rem;}
.utr_where dl span{display: block;width: 8.5rem;}
.utr_where dl dt:nth-child(even){margin-left: 0.5rem;}
.notice_warp{display: none;}
.utr_notice{width: 100%;height: 100%;background: rgba(112,112,112,.5);position: absolute;top: 0;display: flex;justify-content: center;align-items: center;}
.utr_notice_content{width: 90%;background: #FFFFFF;border-radius: 0.5rem;padding-bottom: 1rem}
.utr_notice_content p{font-size: 0.65rem;margin: 1rem;font-weight: bold;line-height: 1rem;}
.utr_notice_content p span{color: #1877D3;}
.repay{display: block;width: 10rem;margin: 0 auto;}
.utr_notice button{display: block;width: 90%;line-height: 2rem;background: #1877D3;margin: 1.5rem auto 0;border-radius: 0.3rem;border:none;outline: none;color: #FFFFFF;font-weight: bold;}
.Utr_title{display: flex;padding:0.5rem}
.Utr_title span:nth-child(1){display: block;width: 1.5rem;}
.Utr_title span:nth-child(2){display: block;flex: 1;text-align: center;}
.handGod{display: block;width: 18rem;margin: 2rem auto}
.patient{font-size: 0.65rem;margin: 0 0.8rem;line-height: 1rem;color: #666666;}
.customer{font-size: 0.65rem;margin: 2rem 0.8rem;line-height: 1rem;color: #1877D3;}
.upiReturnTips{width: 100%;height: 100%;position: absolute;background: rgba(109,110,110,.5);display: none;top:0;}

.Tips_loading{width: 100%;height: 100%;position: absolute;background: rgba(109,110,110,.5);display: none;}
.tips-box_loading{width: 85%;background: #FFFFFF;border-radius: 0.5rem;text-align: center;padding: 1rem 0;}
.tips-box_loading span{display: block;width: 6.5rem;margin: 0  auto;}
.tips-box_loading p{font-size: 0.75rem;}

.Tips_windw{width: 100%;height: 100%;position: absolute;background: rgba(109,110,110,.4);display: none;}
.Tips_windw_combine{width: 100%;height: 100%;position: absolute;background: #ffffff;;display: none;}
.Tips_heads{background-repeat:no-repeat;background-size:100%;line-height: 2.5rem;text-align: center;color: #333333;border-radius: 0.5rem 0.5rem 0rem 0;position: relative;}
.Tips_closeds{display: block;position: absolute;top: -80%;right:1rem;}
.Tips_of{margin: 0.5rem auto;background: #FFCC66;width: 90%;border-radius: 1rem;}
.Tips_of p{color: #333333;
    font-size: 12px;
    margin: 0.2rem 0.5rem;
    line-height: 1.2rem;
    text-align: center;}
.tips-box_Tips_windw{width: 85%;background: #FFFFFF;border-radius: 0.5rem;text-align: center;padding-bottom: 1.5rem;}
.Tips_head{background: #1374D6;line-height: 3rem;text-align: center;color: #FFFFFF;border-radius: 0.5rem 0.5rem 0rem 0;position: relative;}
.Tips_bi{display: inline-block;width: 3rem;position: absolute;top: -1.5rem;left: 0.5rem;}
.Tips_closed{display: block;position: absolute;top: -80%;right:0rem;}
.Touch_close{display: block;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top: -65%;
    right: 0.5rem;}
.Tips_head p{font-size: 0.85rem;font-weight: bold;}
.Tips_if{margin: 0.5rem 0;}
.Tips_if p{text-align: left;font-size: 0.65rem;color: #FF0000;font-weight: bold;margin: 0.2rem 0.5rem;}
.Tips_money{width: 90%;height: 3rem;background: #F7F7F7;border-radius: 0.3rem;margin: 1rem auto 0;}
.icon_money{display: inline-block;width: 1.8rem;float: left;margin: 0.6rem;}
.icon_dmony{color: #FF5F00;float: right;margin: 1rem;font-size: 1rem;font-weight: bold;}
.Tips_fee ,.Tips_account{font-size: 0.65rem;color: #C1C1C1;display: flex;justify-content: space-between;}
.Tips_fee span:nth-child(1){margin: 0.8rem}
.Tips_fee span:nth-child(2){margin: 0.8rem 1rem}
.Tips_account span:nth-child(1){margin-left: 0.8rem;}
.Tips_account span:nth-child(2){margin-right: 0.8rem;}
.Tips_btn{display: flex;justify-content: space-around;margin-top: 1.5rem;}
.Take_m{display: block;background: #4537A0;padding: 0.8rem;border: 1px solid #CCCCCC;outline: none;border-radius: 1.5rem;color: #ffffff;}
.want_m{display: block;background: #fff;padding: 0.8rem;border: 1px solid #9a9a9a;outline: none;border-radius: 1.5rem;color: #9a9a9a;}
.Take_money{display: block;background: #E4E4E4;padding: 0.8rem;border: none;outline: none;border-radius: 0.5rem;color: #ffffff;}
.want_money{display: block;background: #fff;padding: 0.8rem;border: 1px solid #CCCCCC;outline: none;border-radius: 0.5rem;color: #CCCCCC;}

.Tips_whatapp{

    display: none;
}
.Tips_warp{
    font-size: 0.65rem;
    color: #C1C1C1;
    display: flex;
    margin-top: 0.8rem;
    justify-content: space-evenly;
}
.Tips_text{margin-top: 0.2rem}

.ClickWhatup span:nth-child(1){
    display:inline-block;
    width: 1rem;
    margin-left: 3.5rem}
.ClickWhatup span:nth-child(2){width: 1rem;display:inline-block;}

.Touch_close_m{display: block;
    width: 0.3rem;
    height: 0.3rem;
    position: absolute;
    top: -60%;
    right: 1.6rem;
}

.tip-warp_bot{}

.tips-warp{position: absolute;width: 100%;bottom:0px;}
.tips-box_Tips{background: #FFFFFF;border-radius: 0.5rem 0.5rem 0 0;text-align: center;padding-bottom: 10px;}
.select{font-size: 0.8rem;color: #2D82FB;}
.bank_list{background: #F8F8F8;width: 90%;margin:0 auto;margin-top: 15px;border-radius: 0.3rem;}
.bank_accout{text-align: right;font-size: 0.8rem;color: #999999;margin-top: 15px;padding-right: 20px;}
.no_checked{display: block;width: 1.2rem;float: left;background: url("../img/yytc_icon_hui@2x.png");background-size: 100%;height: 1.2rem;}
.y_checked{display: block;width: 1.2rem;float: left;background: url("../img/yytc_icon_gouhui.png");background-size: 100%;height: 1.2rem;}

.bank_logo{display: flex;}
.bank_logo dt span{display: block;width: 2rem;margin:0.5rem 0;}
.bank_logo dd{font-size: 0.8rem;margin-left: 1rem;line-height: 2.8rem;}

.pre{flex: 1;
    text-align: right;
    font-size: 0.65rem;
    line-height: 1rem;
    padding-top: 0.5rem;
    padding-right: 1rem;
    color: #999999;

}
.bank {
    max-height: 15.5rem;
    overflow: scroll;
}
.pre span{color: #3cc3ce;font-size: 19px;}
p.free {
    font-size: 0.8rem;
}
.combineWhatsapp{display: none;
    width: 25px;
    position: absolute;
    top: 25%;
    left: 3%;}


.zpInFoShow_warp{display: flex;width: 100%;padding:0.3rem 0;    border: 1px solid #CCCCCC;border-radius: 0.2rem;}
.zpInfoMones_upi p{line-height: 1rem;}
.zpInfoMones_upi p:nth-child(1){font-size: 0.65rem;font-weight: bold;margin-top: 0.2rem;}
.zpInfoMones_upi p:nth-child(2){font-size: 0.65rem;color: #666666;}
.upi_input{background: #F1F8FF;display: none;}
.selected{background: url("../img/zf_icon_xuanzhong.png") #DCEDFF no-repeat;background-size:0.8rem;background-position: 95% 0.5rem;}
.banklist li{border-bottom: 1px solid  #D7EBFF;}
.banklist li p:nth-child(1){font-size: 0.65rem;font-weight: bold;padding: 0.65rem 1rem 0 1rem;}
.banklist li p:nth-child(2){font-size: 0.65rem;padding: 0.5rem 1rem 0.5rem 1rem;color: #666666;}
/* .select_ok{background: red;} */
.nul_select {
    border: 2px solid #1877D3!important;
    background: url(./img/zf_icon_xuanzhong.png) #fff no-repeat !important;
    background-size: 0.8rem!important;
    background-position: 95% 1.2rem!important;
    padding: 0.3rem 0!important;
}
.warp_none{display: flex;
    width: 100%;
    padding: 0.3rem 0;
    border: 1px solid #CCCCCC;
    border-radius: 0.2rem;
    background:#fff
}
.pse_next{background: url("../img/icon_next.png") #FFFFFF no-repeat;background-size:0.8rem;background-position: 95% 1rem;}
.combine_title{font-size:15px;}