.mask{width: 100%;height: 100%;position: fixed;background: rgba(0, 0, 0, 0.6);top: 0;left: 0;display:none;}
.mask .close{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAAA9CAMAAADvVccnAAAApVBMVEUAAAD+/v7////+/v7+/v7////////////////////////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///////93d3cuje3s9P01ke78/v6Li4vy8vJ8fHxQoPDO5fvb29vi4uKUxfbr6+uYmJiGhobI4fqCu/RGmu9zs/SgoKC42PhmrPKurq6RkZH19fVcp/G7u7ve7Pumz/fQ0NDDw8OmpqZdKo2AAAAAFXRSTlMAm8OugUQ8M/J2H4lJ7pIp6OJfVBLJcKDQAAACS0lEQVRo3uzBgQAAAACAoP2pF6kCAAAAAADgcsxsSVEYjMKDC+LS2tsJGFAUUFzQdu33f7TJn9AiZLqdy1D9FUUuvqtTSQ4Jvxi7azWbVtd+pOtCx3pGzstw9EjXgF4fJVrvj7TptJ8giI+7zWZ3jSF4tjXtbaM0PW+51KYvv1cILj7L2c8gGJT1MnMV4/VJaZMZAAgSdsfmA4B9p73MLRhHHIDJ89RzgPmClfBj4OX9pk9Tt0TGhTZ4P/WBYMEq+B9A90t7K7fCmpM2lQ6AhGlsAPRynbkakdSGYgEX1QpMMVFTNgP6Sm9dYuoqxiv59kgbCgDZdZ+YTWSygMsxARylZZg1lmOZzONyTEmbSRuYM2IRUCbaRDMmiYEO6dAlVp7MNBWDmixO2khawDFvBMpEiSZMcgW6pCNXMqVM4hWOXUlobEE0gU92yzQvErEdYJFeuwqKIxMpzqSNpEF9V2SiREXnNUlnbpGJEuVEpI2kGmmuRTrULVJl4Ymn9guvWg9FJr0ewvt6WBpbD1qJB9+WeFiTEv8DcF9tHUpEmbgc94Cj9Kpmn1oqgAsjfO1ANCT9zYHoRNpQbIDvmUYCYJTrw7+Preb+gmgA8YRVWARA60vrl4uMkzaWDtevgIsYeOop7QBhJdPBE9rYu4XgDUBcWntJAGBwp73S2ku58T8fXiG4+izHv0DwVtbbW6h1qLTZDDgE8+MuSXbHGIKntqZP5zRNo62Xa9MZDVGi3/tZm7yPbtiWgxzH6vysTT016LRbVqNhtdr/r/8CuC+A5wxEEh4AAAAASUVORK5CYII=);background-repeat: no-repeat;position: absolute;right: -10px;width: 30px;height: 30px;text-indent: -9999px;top: -10px;cursor: pointer;background-position:-149px -31px;}
.mask .close:hover{background-position: -180px -31px;}
/*复制弹窗*/
@-webkit-keyframes alert-bounceIn {0% {opacity: 0;transform: scale(.5)}100% {opacity: 1;transform: scale(1)}}
.alert-bounceIn {animation-name: alert-bounceIn;animation-duration: .3s;animation-fill-mode: forwards;}

.copy_mask{z-index:1000;}
.copy-alert{padding:30px 0 25px;width: 347px;height: 370px;background-color: #fff;position: relative;margin: 10% auto;border-radius: 2px;
    /* CCY验证码为：width: 711px;*/  
}
.paybox{
    width:345px;
    float: right;
    border-left:1px solid #ccc;
}
.paybox-img {
    width: 100px;
    margin: 54px auto 4%;
}
.paybox-img img {
    width: 100%;
}
.paybox-money{height: 40px;line-height: 40px;margin: 10px;text-align: center}
.paybox-money h2{color: #ff6600;font-size: 15px;display: inline-block;font-weight: 600;margin:0;}
.paybox-money span{text-decoration: line-through;color: #949494;margin-left: 10px;font-size: 14px;}
.paybox-bottom{width:80%;text-align:center;margin:10px auto 0;cursor: pointer;background: #44b549;height: 47px;line-height: 47px;border-radius: 4px;font-size: 17px;color: #fff;font-weight: 600}
.paybox-service{margin-top:13px;text-align: center}
.paybox-service span{font-size: 14px;color:#999;margin:0 10px;cursor: pointer}
.paybox-title,.codebox_title{
    color: #44b549;
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    line-height: 40px;
    height: 40px;
    width: 100%;
    margin-bottom: 12px;
}
.paybox-art,.codebox_tip{
    color: #666;
    font-size: 16px;
    line-height: 26px;
    height: 26px;
    width: 100%;
    margin: 0 0 8px 0;
    text-align: center;
}

.codebox{
    width:365px;
    float: left;
}
.codebox_qrcode{
    width: 200px;
    display: block;
    margin:6px auto 0;
}
.codebox_search{margin: 6px auto 0;width: 74%;border: 1px solid #44b549;height: 40px;line-height: 40px;overflow: hidden;}
.codebox_search .houhao_bar{width: 70%; font-size: 15px; float: left; border: none; color: #bdbdbd; line-height: 40px; padding-left: 3%;height: 38px;outline:none}
.codebox_search .houhao_bar{width: 70%; font-size: 15px; float: left; border: none; color: #bdbdbd; line-height: 40px; padding-left: 3%;height: 38px;outline:none}
.codebox_search .houhaoresults{width: 23%;background: #44b549;color: #fff;text-align: center;font-size: 16px;border: 0 none;cursor: pointer;float: right;height: 40px;}
.codebox_search .houhaoresults:hover{opacity: .8;text-decoration: none;}
.houhao_bar::-webkit-input-placeholder {
    color: #ccc;
}
.houhao_bar:-moz-placeholder {
    color: #ccc;
}
.houhao_bar:-ms-input-placeholder {
    color: #ccc;
}
.codebox_tips {
    color: #999;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    width: 100%;
    margin-top: 12px;
    text-align: center;
}
/*客服弹窗*/
.customer_mask{z-index:1001;}
.customer_service_box{width:552px;min-height:414px;background: #fff;border-radius: 5px;margin:200px auto 0;position: relative;padding:1px 30px 30px;}
.customer_service_box li{padding:10px 0;text-align: left;}
.cj_title{display:none;font-size:18px;color:#20ad48;margin-top:20px;text-align: center;font-weight: bold;}
.cj_title span{display: inline-block;}
.customer_service_box li{margin-top:10px;}
.que{font-size:14px;color:#44b549;font-weight: bold}
.ans{font-size:14px;color:#666;margin:8px 10px 0;line-height: 20px;border-top:1px dashed #eee;padding-top:6px;}
/*支付弹窗*/
.pay_mask{z-index:1002;}
.pay_mask .mask_box{width:342px;height:375px;background: #fff;margin:200px auto 0;border-radius: 5px;position: relative;}
.pay_mask_top{height:68px;background: #44b549;color:#fff;line-height: 68px;font-size: 28px;border-radius: 5px 5px 0 0;text-align: center}
.pay_qrcode{width:160px;height:160px;margin:30px auto 0;}
.pay_qrcode img{width:100%;height:100%;}
.pay_tip{width:170px;height:28px;line-height:28px;margin:20px auto 0;background:#44b549;color:#fff;font-size:16px; }
.pay_tip img{width:24px;height:24px;vertical-align: -6px;margin:0 5px 0 10px;}
.pay_price{font-size:18px;color:#666;text-align: center;margin-top:10px;}
.pay_price span{color:#ff7800;font-weight: bold;}
/*支付成功弹窗*/
.buy_success{z-index:1003;}
.buy_success .mask_box{width:342px;height:375px;background: #fff;margin:200px auto 0;border-radius: 5px;position: relative;}
.buy_success .icon{display: block;margin:60px auto 0;width:86px;height:86px;fill: #44b549;padding-top:34px;}
.buy_success_tip1{color:#44b549;text-align: center;font-size:18px;margin:20px auto 0;}
.buy_success_tip2{font-size:14px;color:#666;text-align: center;line-height: 26px;}
.buy_btn_qr{cursor:pointer;width:241px;height:43px;background: #44b549;color:#fff;line-height: 43px;text-align: center;font-size:18px;margin:80px auto 0;border-radius: 4px;}

/*dd  2024-4-25*/
.payed_mask {
   
        z-index: 4445;
}
.modal-payed .wx_pic_img {
    width: 365px;
    height: 430px
}

.payed-success,.loading {
    padding-top: 30px;
}

.payed-error {
    padding-top: 5px;
}

.payed-success,.payed-error {
    display: none;
}

.payed-success span.text {
    display: block;
    font-size: 30px;
    color: #44b549;
    margin: 6px auto;
}

.payed-button {
    background: #44b549;
    border: none;
    width: 250px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    border-radius: 6px;
    margin: 20px auto 0 auto;
    cursor: pointer;
    text-decoration: none;
    display: block;
}

a.payed-success-btn.payed-button {
    color: #fff;
    text-decoration: none;
}

.payed-success-tips {
    margin: 10px auto;
    width: 250px;
    line-height: 20px;
    color: #989898;
    padding-left: 20px;
    text-align: left
}

.payed-success-tips span {
    color: #ff6600;
    font-weight: 700;
}

.payed-error-tips {
    margin: 10px auto;
    width: 270px;
    line-height: 20px;
    color: #989898;
    padding-left: 20px;
    text-align: left
}

.payed-error span.text {
    display: block;
    font-size: 18px;
    color: #a2a2a2;
    margin: 6px auto;
}

.check-order-tips {
    color: #f60;
    font-size: 13px;
    padding: 5px 0;
    width: 250px;
    text-align: left;
    margin: 0 auto;
    line-height: 20px;
}

.payed-error .payed-button {
    margin-top: 10px;
    height: 35px;
    line-height: 35px;
}

.payed-error .input {
    color: #989898;
    margin-top: 10px;
}

.payed-error .input input {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    width: 240px;
    font-size: 12px;
    line-height: 30px;
    text-indent: 10px;
}

.payed-error .input input::placeholder {
    color: #989898;
    font-size: 12px;
}

a.billsample {
    font-size: 12px;
    color: #0000ff
}

.modal-payed {
    width: 365px;
    height: 430px;
    
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    text-align: center;
    background: #fff;
    visibility: visible;
    opacity: 1;
    cursor: auto;
    z-index: 150;
    border-radius: 20px;
    margin-left: -182px;
    margin-top: -207px;
}

.modal-close {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    margin-left: 0;

    background-position: 1px 0;
    cursor: pointer;
}

.wx_top {
    background: #44b549;
    height: 78px;
    color: #fff;
    font-size: 28px;
    line-height: 78px;
    border-radius: 20px 20px 0 0;
}
.payed-error img{
    margin: auto;
}
.payed-success img{
    margin: auto;
}
.loading img{
    margin: auto;
}


.payed-error-tips {
    margin: 10px auto;
    width: 270px;
    line-height: 20px;
    color: #989898;
    padding-left: 20px;
    text-align: left;
    font-size: 12px;
}

.kefu-weixin {
    color: #f60;
}

.payed-success-tips{
    text-align: center;
}