.app-main{margin: 70px auto 0;}
.app-main .app-content{max-width: 1200px;margin: 0 auto;}

.v_title{text-align: center;margin-top:50px;}
.v_title h2{font-size: 40px;color: #333;font-weight: normal;}
.v_title p{font-size: 16px; margin-top:20px;}
.v_title .t{font-size: 26px; color: #333;margin-top:40px;}
.v_title .info{font-size: 17px; color: #999;margin-top:20px;}
.v_title .fun{font-size: 14px; color: #444;margin-top:10px;}
.vipbaner{width: 100%; text-align: center; height: 300px; background:#1e1e20; display: flex;justify-content: center;position: relative;}

.countdown{position: absolute;min-height: 100px !important;width: 1000px;bottom:-50px;left: 50%;margin-left: -500px;color: #b70e09; background-color: #fff;border:4px solid #b70e09;display: flex;align-items: center;padding: 5px;border-radius: 70px;}
.countdown .left{flex: 1;font-size: 25px;}
.countdown .left span{font-size: 35px;}
.countdown .right{width: 440px;background-color: #b70e09;color: #fff;font-size:30px;height: 100%;display: flex;align-items: center;border-radius: 70px;justify-content: center;}
.countdown .right span{font-size: 45px;color: #fff601;}
.countdown .icon{width: 60px;height: 51px;background: url(../images/vip/037.png) no-repeat;position:absolute;right: 18px;top: -25px;}
.kefu{padding: 70px 0 30px; display: flex;}

.icons{display: flex; margin-top:40px; height: 384px;width: 80%;}
.icons .icon{flex: 1; text-align: center;transition: .42s;min-width: 160px;}
.icons .icon:hover{margin-top: -10px;}
.icons .icon .info{font-size: 16px; color: #f7ce89; margin-top: 20px;}
.icons .icon .title{font-size: 22px; color: #ed2b2b; margin-top: 20px;font-weight: bold;}
.icons .icon .num{font-size: 22px; color: #333; margin-top: 5px;}
.icons .icon .link{font-size: 16px; color: #999;margin-top: 10px; display: inline-block;}
.icons .icon .link:hover{color: #ed2b2b;}
.icons.bg{padding: 0 20px;}
.icons.bg .icon{margin: 0 50px; background: #fff; padding: 60px 0;border-radius: 20px; box-shadow: 0 2px 5px #ddd;}
.icons.bg .icon .info{color: #888; line-height: 25px;}

.icons.bg .icon:hover{box-shadow: 0 2px 5px #df5474; transform:  translateY(-10px);}

.vipContent{ margin: 0 auto;border-radius: 25px; margin-top: 50px; clear: both;padding-top: 50px;}
.vipContent .v_top ul{display: flex;}
.vipContent .v_top ul li{flex: 1; text-align: center;color: #333;position: relative;border: 1px solid #ddd;min-width: 280px;height:260px;margin: 0 10px;border-radius: 5px; padding:30px 20px 20px;transition: .42s;cursor: pointer;}

.vipContent .v_top ul li .t{ font-size:24px;display: flex;align-content: center;justify-content: center; border-bottom: 1px solid #eee;padding-bottom:20px;}
.vipContent .v_top ul li .t .icon{width: 32px;height: 32px;display: inline-block;background:url(../images/vip/v4.png) no-repeat left top/100%;margin-right: 8px; }
.vipContent .v_top ul li .c{ margin-top: 0px;font-size:22px; color: #fb8a6c;margin-top: 16px;}
.vipContent .v_top ul li .c b{font-size: 50px; margin-right: 5px; vertical-align: -4px;color: #333;}
.vipContent .v_top ul li .b{margin-top: 0px;font-size:20px;}
.vipContent .v_top ul li .gobtn{margin-top: 15px; display:block;border-radius: 5px; height:45px;line-height:45px;background-color: #efc480; background-image: linear-gradient(to right,#f0d6a3,#efc480); color: #61401f;font-size: 18px; font-weight: bold;border-radius: 5x;transition: .42s;}
.vipContent .v_top ul li:hover .gobtn{ font-size: 20px;}
.vipContent .v_top ul li.svip .gobtn{background-color: #0f77fd; background-image: linear-gradient(to right,#71b0ff,#0f77fd); color: #fff;}
.vipContent .v_top ul li:hover,.vipContent .v_top ul li.active{transform: translateY(-10px);border: 1px solid #c46922;box-shadow:0 0 5px #c46922,0 26px 40px -24px rgb(0 36 100 / 30%);}


.vipContent .v_bottom{ width: 1000px; height: 276px; margin:40px auto 0; background:url(../images/vip/010.png) center top no-repeat; text-align: center;padding-top: 30px;}
.vipContent .v_bottom .title{font-size: 68px;background: linear-gradient(to bottom, #d9a14e, #c46922); -webkit-background-clip: text;color: transparent;font-weight: bold;}
.vipContent .v_bottom .title i{font-size: 30px;font-weight: bold;}
.vipContent .v_bottom .info{font-size: 28px;color: #a03d1e;margin-top: 5px; }
.vipContent .v_bottom .gobtn{margin-top: 37px; display:inline-block; padding:13px 30px;background-color: #e90035; background-image: linear-gradient(to bottom,#f45e3b,#e12621,#f45e3b); color: #fff;font-size: 26px; font-weight: bold;border-radius: 40px;transition: .42s;}
.vipContent .v_bottom .gobtn .iconfont{background-color: #fff; color: #e12621; border-radius: 50%;padding: 5px; vertical-align: middle; margin-left: 20px;}
.vipContent .v_bottom:hover .gobtn{ padding: 13px 60px;font-size: 28px;}


.lang_cont{background: linear-gradient(to bottom, #fffefc, #fff1e6); padding:20px 0 100px;}
.giftCont{clear: both; padding:0 0 150px;}
.giftCont::after{ content:''; clear: both; display: block; width: 100%;}
.giftCont li{ width: 272px; position: relative; margin-right: 37px; margin-top:140px;  height: 140px; z-index: 1; float: left;}
.giftCont li:nth-child(4n){margin-right: 0;}
.giftCont li .close{background: url(../images/vip/23.png) no-repeat left top; width: 272px; height: 140px;}
.giftCont li .close h2{font-size: 24px; color: #fff; text-align: center; width: 100%; position: absolute; bottom: 28px; letter-spacing:5px;}
.giftCont li .open{background: url(../images/vip/22.png) no-repeat left top; width: 272px; height:0px; display: none; position: absolute; left: 0; bottom:-106px; transition: all 0.7s;}
.giftCont li .open .cont{ position: absolute; width: 220px; height: 200px; top: 85px; left: 25px;padding: 0 12px;}
.giftCont li .open .cont .t{text-align: center; font-size: 18px;font-weight: bold; margin-top: 30px;}
.giftCont li .open .cont .t span{font-size: 12px;}
.giftCont li .open .cont .c{font-size: 15px; color: #999; margin-top: 20px;}
.giftCont li .open .cont .b{font-size: 14px;color: #333; margin-top: 20px;}
.giftCont li .open h2{position: absolute; font-size: 24px; color: #fff; text-align: center; width: 100%; position: absolute; bottom: 24px; letter-spacing:5px;}
.giftCont li:hover .open{display: block; height:357px;}
.giftCont li:hover .close{display: none;}

.table-module {
    position: relative;
    margin-top: 58px;
    margin-bottom: 80px
}

.table-module .head .row {
    display: flex;
    border-top: 1px solid rgba(0,0,0,.1)
}

.table-module .head .row .th {
    display: inline-block;
    text-align: center;
    border-left: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.table-module .head .row .rights {
    width: 520px;
    background: #f5f8fb;
}

.table-module .head .row .common,.table-module .head .row .rights {
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #222;
}

.table-module .head .row .common {
    width: 226px;
    background: #f5f8fb
}

.table-module .head .row .normal {
    width: 226px;
    background: #71b0ff;
    color:#fff !important;
}



.table-module .head .row .normal,.table-module .head .row .super {
    height: 80px;
    font-size: 18px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #333;
    line-height: 80px;
}

.table-module .head .row .super {
    flex: 1;
    background: #0f77fd;
    color:#fff;
}

.table-module .body .row {
    display: flex;
    align-items: flex-start;
    height: 56px;
    line-height: 56px;
    border-right: 1px solid rgba(0,0,0,.1)
}


.table-module .body .row .icon-xuanzhong1{ background-color: #96d545;  color: #fff; border-radius: 50%;padding: 4px;}
.table-module .body .row .icon-guanbi{ background-color: #c4c0c1;  color: #fff; border-radius: 50%;padding: 6px; font-size: 12px;}

.table-module .body .row .td {
    display: inline-block;
    text-align: center;
    border-left: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.table-module .body .row .type {
    width: 140px;
    height: 56px;
    line-height: 56px;
    background: #fff;
    font-size: 16px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #333;
    margin-left: 0
}

.table-module .body .row .rights {
    width: 380px;
    height: 56px;
    line-height: 56px;
    background: #fff;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #333
}

.table-module .body .row .rights .eqf-why-f {
    color: #999
}

.table-module .body .row .common {
    background: #fff;
    color: #333
}

.table-module .body .row .common,.table-module .body .row .normal {
    width: 226px;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    height: 56px;
    line-height: 56px
}

.table-module .body .row .normal {
    background: #fafafa;
    color: #333
}

.table-module .body .row .super {
    flex: 1;
    height: 56px;
    line-height: 56px;
    background: #fafafa;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #333
}



/* 支付弹窗 */
.pay_content{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.6);z-index: 999999999; bottom:0; top: 0;left:0;right:0; display: none;}
.ment-overlay { position: fixed; top:10%; left: 50%;transform: translateX(-50%);width:100%;max-width:440px; margin:0 auto; z-index: 999;}
.ment-layer-wrap {box-sizing:border-box;background:#fff; border-radius:10px; margin:0 20px;padding: 15px 30px;box-shadow: 0 0 8px rgba(255,136,0,0.3);}
.ment-icon{position:absolute; left:0; right:0;top:-50px;width:90px;height:90px;cursor:pointer; margin:auto;border:5px solid #fff; border-radius:50%; background: #fff;}
.ment-icon img{ width:100%;height:100%;box-sizing:border-box; padding:3px; background:#fff;border-radius:50%;}
.ment-icon_xixi {position:absolute;left:0; right:0;top:-65px;width:165px;height:128px;cursor:pointer;margin:auto}
.ment-layer-wrap .row{clear:both}

.ment-layer-wrap .p_head{ text-align:center; position:relative}

.ment-layer-wrap .p_head p{ color:#333; font-size:14px; margin-top: 10px;}
.ment-layer-wrap h4 {font-size:18px;color:#333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height:35px; line-height:35px;}
.pay_select ul{ padding-top:10px;}
.pay_select ul li{ display:flex;padding:8px 0; cursor: pointer;}
.pay_select li .s_right{ flex:1;text-align: center;}
.pay_select li .s_right .s_price .y{ color:#ff8800; font-size:16px;font-weight:bold}
.pay_select li .s_right .s_price .g{ font-size:14px; color:#adadad; margin:0 5px;}
.pay_select li .s_right .s_price .x{ color: #ff8800; font-size: 14px; }

.pay_select li .s_right .s_des{ color:#646464; font-size:12px; margin-top:5px;}

@media (min-width:1000px) {
	.ment-overlay{ top:100px;}
}
.ewm_content{ text-align: center; }
.ewm_content canvas{border-radius:10px; padding: 10px; }
.ewm_content .tips{ margin-top: 5px; color: #666;}
.ewm_content .tips .iconfont{font-size: 20px; color:rgb(89, 204, 13);border-radius:5px;margin-right:5px}
.pc_ewm_time{position: relative; width: 162px; height: auto; margin: 10px auto;}
.pc_ewm_time .ewmCodeUrl{width: 162px; height: 162px;border-radius: 5px; display: flex; justify-content: center; align-items: center;border:1px solid #ddd;}

.pay__expired{ width: 162px; height: 162px; background: rgba(0,0,0,0.6); position: absolute; top: 0; left:0; display: flex; justify-content: center; align-items: center;flex-direction:column; color: #fff;}
.pay__expired.none{display: none;}
.pay__expired button{background: #2d8cf0; color: #fff; border: none; width: 80px; height: 30px;border-radius: 5px; cursor: pointer;}


.pc_cancel_btn{ position: absolute;right: -32px; top: -20px;border-radius: 50%;width: 40px; height: 40px;border: 1px solid #fff; display: flex; align-items: center; justify-content: center;cursor: pointer;}
.pc_cancel_btn .iconfont{color: #fff; font-size:14px;}