body,
html{
    font-family: "微软雅黑",Arail,Tabhoma;
}
.banner{
    padding-top: 89px;
}
.change_btns{
    margin-top: 3.6%;
}
.change_btns span{
    display: inline-block;
    font-size: 16px;
    width: 201px;
    line-height: 44px;
    text-align: center;
    background: #cad8fa;
    border-radius: 4px;
    cursor: pointer;
}
.change_btns span:first-child{
    margin-right: 2%;
}
.change_btns .active{
    color: #fff;
    background: #084cf9;
}
.con{
    padding-top: 3.5%;
    display: none;
}
.show{
    display: block;
}

.ipt_wrap{
    overflow: hidden;
    margin-bottom: 2.3%;
}
.coupon_wrap{
    overflow: visible;
}
.p_label{
    font-size: 16px;
    float: left;
    line-height: 41px;
    width: 112px;
}
.p_acc{
    display: inline-block;
    width: 403px;
    line-height: 41px;
    background: #dbdbdb;
    padding: 0 10px;
    border-radius: 4px;
    float: left;
}
.card_type{
    float: left;
    width: calc(100% - 160px);
}
.card_change{
    border-bottom: 1px solid #dbdbdb;
    padding-left: 2.3%;
    overflow: hidden;
    width: 61%;
}
.card_change span{
    float: left;
    cursor: pointer;
    line-height: 41px;
}
.card_change span:first-child{
    margin-right: 18.3%;
}
.card_change .card_active{
    color: #084cf9;
    border-bottom: 1px solid #084cf9;
}
.card_info{
    color: #5e5e5e;
    margin: 1.5% 0 4.5%;
}
.cards{
    display: none;
}
.cards_wrap{
    /*overflow: hidden;*/
}
.cards_wrap li{
    float: left;
    width: 205px;
    margin-right: 3.5%;
    padding-bottom: 4%;
}
.cards_wrap li img{
    width: 100%;
    display: none;
    cursor: pointer;
}
.cards_wrap li img.show{
    display: block;
}
.select_pic{
    box-shadow: 0px 8px 14px 0px
    rgba(0, 0, 0, 0.4);
    /*border-radius: 10px;*/
}
.card{
    margin-bottom: 0;
}
.pay_type{
    float: left;
    width: calc(100% - 160px);
}
.pay_type span{
    float: left;
    padding: 1% 3%;
}
.pay_type span img{
    cursor: pointer;
}
.pay_type .p_active{
    border: 1px solid #0e15e9;
    background: #e5ecff;
    border-radius: 4px;
    padding: 0.9% 2.9%;
}
.amount{
    font-size: 26px;
    color: #084cf9;
    font-weight: 700;
    line-height: 41px;
}
.pay_btn {
    display: block;
    background: #084cf9;
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 1.5% 9.7%;
    border-radius: 4px;
    margin: 8% auto 13%;
}
.pay_btn1 {
    display: block;
    background: #084cf9;
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 1.5% 9.7%;
    border-radius: 4px;
    margin: 8% auto 13%;
}

.cdk_wrap .pay_btn{
    margin: 7% 0 0 15%;
}
.cdk_wrap .pay_btn1{
    margin: 7% 0 0 15%;
}
.c_tips{
    background: url("../images/recharge/back.png") 0 0 no-repeat;
    background-size: 100% 100%;
    width: 92%;
    padding: 8% 14% 15% 24%;
    float: right;
    margin-right: -8%;
    margin-top: -1%;
    margin-bottom: 2.5%;
    line-height: 2;
}
.coupon_wrap .layui-input-inline{
    width: 58%;
    min-width: 190px;
}
.coupon_wrap .layui-form-select .layui-input {
    background: #e8e8e8;
}
.coupon_wrap .layui-form-selected dl{
    background: #e8e8e8;
}
.coupon_wrap .layui-form-selected dl dd:first-child{
    background: #fff;
    color: #666;
}
.coupon_wrap .layui-form-select dl dd{
    text-align: center;
    background: #084cf9;
    color: #fff;
}
.coupon_wrap .layui-form-select dl dd:hover{
    background: #3e71f1;
}

.coupon_wrap .layui-form-select dl .an-disabled{
    background: #eae8e8;
    color: #a5a5a5;
    cursor: auto;
}
.coupon_wrap .layui-form-select dl .an-disabled:hover{
    background: #eae8e8;
}

/*微信扫码支付弹窗二维码样式*/
#erweima_code{
    height: 325px;
    margin: 0px auto;
}
#erweima_code .layer-ocde-img{
    width: 70%;
    margin-left: 15%;
}
#erweima_code .tishi{
    color: red;
    font-size: 12px;
    margin-top: 25px;
    text-align: center;
}
@media (max-width: 768px) {
    .change_btns span{
        width: 48%;
    }
    .card_type,
    .card_change,
    .pay_type{
        width: 100%;
    }
    .cards_wrap li{
        width: 45%;
    }
    .pay_type span{
        width: 32%;
    }
    .pay_type span img{
        width: 90%;
    }
    .c_tips{
        margin: 5% 0 0;
        background: none;
        padding: 0;
        width: 100%;
    }
    .coupon_wrap .layui-input-inline{
        margin-left: 0;
    }
}