.subPage-wrap{background: #ffffff;padding: 40px 0 40px;position: relative}
.subPage-subhead{font-size: 30px;color: #262628;letter-spacing: 0.32px;margin: 34px 0 0 40px}
.card-panel{margin-top:38px}
.card-item{    width: 680px;
    background: #fff;
    background-size: 100% 100%;
    color: #00C9FF;
    box-shadow: 0 20px 20px 0 rgba(0,0,0,0.08);
    border-radius: 11px;
    margin: 0 auto 58px;
    padding-bottom: 40px;
    position: relative;}
.card-item.bind-y{background-image: linear-gradient(-234deg, #55E3D9 0%, #00C9FF 92%);}
.card-item.bind-n{background: #ffffff}
.card-logo{position: absolute;left: 60px;top: 60px}
.card-status{width: 124px;
    height: 48px;
    line-height: 48px;
    font-size: 26px;
    text-align: center;
    display: inline-block;
    color: #fff !important;
    border-radius: 4px;
    margin-right: 20px;
    position: relative;
    top: -6px;}
.card-status.gs{background: #FB576B;}
.card-status.zx{background: #B0B4CF;}
.card-info{padding: 40px 0 52px 40px;font-size: 32px;letter-spacing: 4px;line-height: 72px;background: url("../images/card_bg.png") no-repeat right top}
.card-item.bind-y .card-info{color: #FFFFFF;}
.card-item.bind-n .card-info{color: #4A4A4A;}
.card-info p:nth-child(1){font-size: 48px;letter-spacing: 0;}
.card-info p:nth-child(1) a{position: relative;top: -10px;left: 10px;width: 66px;height: 31px;display: inline-block;font-size: 20px;text-align: center;line-height: 26px;border: 1px solid #99EAFF;
    border-radius: 2px;
    color: #3BD6FF;}
.card-info p:nth-child(2){font-size: 26px;margin-top: 40px;line-height: 26px}
.card-info p:nth-child(3){font-size: 24px;margin-top: 40px;line-height: 24px}
.card-info p:nth-child(4){font-size: 24px;margin-top: 40px;line-height: 24px}
.card-info p:nth-child(5){font-size: 24px;margin-top: 40px;line-height: 24px}
.card-info span{color: #001E00;}
.card-btn {position: absolute;right: 40px;bottom: 0}
.card-btn .bks-btn{    width: 160px;
    height: 70px;
    font-size: 26px;
    letter-spacing: -0.41px;
    line-height: 70px;
    border-radius: 100px;
    background: #00C9FF;
    color: #ffffff;
    margin-bottom: 30px;display:block !important}
.card-item.bind-y .bks-btn{background: #ffffff;color: #00C9FF}
.card-item.bind-n .bks-btn{background-image: linear-gradient(-91deg, #A9FCB2 3%, #5DE5D5 47%, #00C9FF 100%);;color: #00C9FF}
.carCard-info{font-size: 26px;
    color: #FFFFFF;
    padding-top: 30px;
    margin:0 20px;
    border-top: 2px solid #EFF2F7}
.carCard-info td{padding-bottom: 12px;color: #00C9FF;font-size:26px}
.carCard-info td:last-child{margin-bottom: 0 !important;}
.carCard-info tr td:first-child{padding-left: 20px;padding-right: 32px; max-width: 150px;text-align: left}
.carCard-info tr td:nth-child(2){font-size: 26px;}
.carCard-info a{position: relative;left: 10px;width: 66px;height: 31px;display: inline-block;font-size: 20px;text-align: center;line-height: 30px;border: 2px solid #FFFFFF;border-radius: 2px;color:#ffffff}
.remainder-day{color:#F05522 !important}

/*绑定下一步*/
.get-bindBtn{background-image: linear-gradient(90deg, #A9FCB2 3%, #00C9FF 100%);box-shadow: 0 32px 44px 0 rgba(131,146,167,0.20);
    width: 344px;height: 88px;line-height: 88px;font-size: 44px;color: #FFFFFF;}
.bind-cardForm{margin-top: 122px;text-align: center;margin-left: -40px}

/*绑定成功*/
.bind-info{opacity: 0.7;font-size: 34px;color: #1F314A;letter-spacing: 0;line-height: 50px;margin:34px auto 46px;}
.bindSuc-img{margin-top: 100px;position: relative}
.bindSuc-img p{opacity: 0.9;font-size: 44px;color: #1F314A;letter-spacing: 0;text-align: center}
.bindSuc-img span{opacity: 0.4;font-size: 32px;color: #1F314A;letter-spacing: 0;}
.bind-sucInfo{position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0)}
.bindSuc-btn{background-image: linear-gradient(90deg, #A9FCB2 3%, #00C9FF 98%);
    box-shadow: 0 32px 44px 0 rgba(131,146,167,0.20);width: 344px;height: 88px;line-height: 88px;font-size: 44px;color: #FFFFFF;}

.info-panel{font-size: 28px;color: #1B1B1B;letter-spacing: 0;text-align: center;margin-top: 66px}

/*绑定失败*/
.bindFail-img{position: relative;
    margin:200px auto 0;}
.bindFail-img img{width: 316px}

/*交初装费*/
.recharge-module{position: absolute;left: 60px;right:60px;background: #fff;height: 900px;top: 50%;margin-top: -450px;box-shadow: 0 2px 30px 0 rgba(0,0,0,0.33);border-radius: 16px;}
.recharge-title{font-size: 48px;color: #262628;text-align: center;margin-top: 150px;}
.recharge-money{font-size: 44px;color: #9B9B9B;letter-spacing: 0.47px;text-align: center;margin-top: 30px;}
.recharge-type-wrap{padding: 0 40px}
.recharge-type-title{font-size: 32px;color: #262628;letter-spacing: 0.34px;margin-top: 64px}
.recharge-type a:nth-child(2){font-size: 28px; color: #2A2A30;position: relative;top: -10px;margin-left: 14px;}
.recharge-type a:nth-child(3){float: right;}
.recharge-type.sel_a{border: 1px solid #9B9B9B;display: inline-block;width: 36px;height: 36px;background: none;border-radius: 100%;}
.recharge-type{margin-top: 40px}
.pay-btn{text-align: center;margin-top: 65px}
.pay-btn a{background-image: linear-gradient(90deg, #A9FCB2 3%, #00C9FF 100%);border-radius: 100px;
    box-shadow: 0 32px 44px 0 rgba(131,146,167,0.20);width: 344px;height: 84px;line-height: 84px;font-size: 44px;color: #FFFFFF;display: inline-block;text-align: center}
.remark{font-size: 24px;color: #CCCCCC;letter-spacing: 0;text-align: center;margin-top: 40px}
.remark span{color: #0BCCFA}
.lock-sel  a:nth-child(2){color: gray !important;}
.lock-sel a:last-child{display: none !important;}
.wallet_pay{display: inline-block;    width: 40px;height: 40px;background: url(../images/wallt_pay.png) no-repeat;background-size: 100% 100%;}
.close_icon{display: inline-block;width: 30px;height: 30px;background: url("../images/Close.png") no-repeat;background-size: 100% 100%;position: absolute;right: 40px;top: 40px}