@media screen and (min-width: 1921px) {
    .banner-wrap .mc,
    .codm-redeem .banner-wrap,
    .codm-redeem .banner-wrap .mess,
    .codm-redeem .banner-wrap .swiper-slide,
    .game-ticket-new .banner-wrap,
    .game-ticket-new .banner-wrap .mess,
    .game-ticket-new .banner-wrap .swiper-slide,
    .game_list_new .banner-wrap,
    .game_list_new .banner-wrap .mess,
    .game_list_new .banner-wrap .swiper-slide {
        height: 320px;
    }
    .special-area .banner-wrap,
    .special-area .banner-wrap ul li {
        height: 400px;
    }
}
@media screen and (max-width: 1550px) {
    .banner-wrap .swiper-slide {
        max-width: 1340px;
    }
    .game_list .banner-wrap .swiper-slide {
        height: 300px;
    }
    .codm-redeem .banner-wrap,
    .codm-redeem .banner-wrap .mess,
    .codm-redeem .banner-wrap .swiper-slide,
    .game-ticket-new .banner-wrap,
    .game-ticket-new .banner-wrap .mess,
    .game-ticket-new .banner-wrap .swiper-slide,
    .game-ticket-new .game_list .banner-wrap .mess,
    .game_list_new .banner-wrap,
    .game_list_new .banner-wrap .mess,
    .game_list_new .banner-wrap .swiper-slide {
        height: 240px;
        max-width: 100%;
    }
    .codm-redeem .pay-sec-box .x-main,
    .codm-redeem .pay-sec .x-main,
    .game-ticket-new .pay-sec-box .x-main,
    .game-ticket-new .pay-sec .x-main,
    .game_list_new .pay-sec-box .x-main,
    .game_list_new .pay-sec .x-main {
        max-width: 990px;
    }
}
@media screen and (max-width: 1441px) {
    .codm-redeem .banner-wrap,
    .codm-redeem .banner-wrap .mess,
    .codm-redeem .banner-wrap .swiper-slide,
    .game-ticket-new .banner-wrap,
    .game-ticket-new .banner-wrap .mess,
    .game-ticket-new .banner-wrap .swiper-slide,
    .game-ticket-new .game_list .banner-wrap .mess,
    .game_list_new .banner-wrap,
    .game_list_new .banner-wrap .mess,
    .game_list_new .banner-wrap .swiper-slide {
        height: 240px;
    }
}
@media screen and (max-width: 1440px) {
    .banner-wrap .swiper-slide {
        max-width: 1240px;
    }
    .banner-wrap .swiper-slide .img-box {
        width: 100%;
    }
    .pendant {
        right: 0;
    }
    .wetv .content {
        padding-bottom: 0;
    }
    .points-redemption .head {
        height: 240px;
    }
    .points-redemption .content {
        margin-top: 0;
    }
}
@media screen and (max-width: 1439px) {
    .header .menu.min1440 {
        display: block;
    }
    .header .menu.max1440 {
        display: none;
    }
    .header .main {
        max-width: 990px;
        padding: 0;
    }
    .header .menu {
        margin-left: 40px;
    }
    .header .menu > .multistage-nav {
        color: #fff;
    }
}
@media screen and (max-width: 1439px) {
    .header .menu.min1440 {
        display: block;
    }
    .header .menu.max1440 {
        display: none;
    }
    .header .main {
        max-width: 990px;
        padding: 0;
    }
    .header .menu {
        margin-left: 40px;
    }
    .header .menu > .multistage-nav {
        color: #fff;
        margin-right: 0;
    }
}
@media screen and (max-width: 1340px) {
    .banner-wrap .swiper-slide {
        max-width: 1140px;
    }
}
@media screen and (max-width: 1314px) {
    .header .user-mess-box {
        right: 1%;
    }
}
@media screen and (max-width: 1280px) {
    .banner-wrap .swiper-slide {
        max-width: 1040px;
        height: 320px;
    }
    .banner-wrap .swiper-slide .img-box {
        height: 320px;
    }
    .game_list .banner-wrap .swiper-slide .img-box {
        height: 300px;
    }
    .codm-redeem .banner-wrap .swiper-slide,
    .game-ticket-new .banner-wrap .swiper-slide,
    .game_list_new .banner-wrap .swiper-slide {
        max-width: 100%;
    }
}
@media screen and (max-width: 1220px) {
    .coupon-pop .pop {
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        right: auto;
        bottom: auto;
    }
    .content .title-box h2 {
        font-size: 20px;
    }
    .activity-consultation .head .main,
    .app-down .content,
    .buy-suc .follow-box .main,
    .content .main,
    .notifications .head .main,
    .operation-results .x-head-mod .x-main,
    .operation-results .x-main,
    .vip-head .main {
        padding: 0 6%;
    }
    .app-down .content {
        width: auto;
    }
    .medal-mod-icon {
        right: 8%;
    }
    .vip-head .main {
        box-sizing: unset;
    }
    .vip-mess .privilege {
        left: 36%;
    }
    .footer .main {
        padding: 16px 6%;
    }
    .set-bottom-footer .main {
        padding: 0 6%;
    }
    .set-bottom-footer .close {
        right: 6%;
    }
    .banner-wrap .nav-box .main,
    .clause-box-pop .x-main,
    .content .head-title .x-main,
    .content > .c-main,
    .content > .x-main,
    .game-coin .x-main,
    .game-mess-box .x-main,
    .game_list .banner-tool .main,
    .game_list .banner-wrap .mess,
    .pay-sec-box .x-main,
    .sub-head .x-main,
    .vip-head > .x-main,
    .xnav .main {
        padding: 0 6%;
    }
    .header .main,
    .points-redemption .content .main,
    .points-redemption .head .main {
        max-width: 100%;
        padding: 0 6%;
    }
    .event-head .main {
        max-width: 100%;
        padding: 40px 6% 0;
    }
    .event-head .back {
        left: 6%;
    }
    .game-coin .pay-sec .x-main {
        padding: 0;
    }
    .codm-redeem .content > .c-main,
    .game-list-new .content > .x-main,
    .game-ticket-new .content > .x-main {
        max-width: 100%;
    }
    .codm-redeem .pay-sec-box .x-main,
    .codm-redeem .pay-sec .x-main,
    .game-ticket-new .pay-sec-box .x-main,
    .game_list_new .pay-sec-box .x-main,
    .game_list_new .pay-sec .x-main {
        max-width: 100%;
        padding: 0;
    }
    .game-coin .coin-mess-box .x-main {
        padding: 0;
    }
    .currency .go-back {
        left: 6%;
    }
    .pay-sec {
        padding: 17px 6%;
        box-sizing: border-box;
    }
    .game-coin .coin-mess-box {
        padding: 0 6%;
    }
    .banner-wrap .nav-box .main,
    .game_list .banner-wrap .mess,
    .xnav .main {
        width: 100%;
        box-sizing: border-box;
    }
    .game_list .banner-wrap .logo {
        left: 10%;
    }
    .codm-redeem .banner-wrap .nav-box .main ul {
        left: 6%;
    }
    .codm-redeem .banner-wrap .nav-box .main ul,
    .game-ticket-new .banner-wrap .nav-box .main ul,
    .game_list_new .banner-wrap .nav-box .main ul,
    .xnav .main ul {
        left: 6%;
        right: 6%;
        padding: 0;
    }
    .banner-wrap .left-btn {
        left: 6%;
    }
    .banner-wrap .right-btn {
        right: 6%;
    }
    .pop-mode-box .pop-mode:not(.unbound-retain, .receive-items-pop, .pop-default-mode, .review-details) {
        width: 312px;
        padding: 24px 16px;
    }
    .pop-mode-box .pop-mode.pop-login-mode {
        padding: 0;
    }
    .pop-mode-box .pop-mode .mess {
        padding-top: 28px;
        padding-bottom: 34px;
    }
    .pop-mode-box .pop-mode.pop-information-confirm {
        width: 328px;
        padding: 24px;
    }
    .pop-mode-box .pop-mode.pop-information-confirm .mess {
        padding-top: 14px;
        padding-bottom: 12px;
    }
    .pop-mode-box .pop-mode.remove-phone-mode .mess p {
        font-size: 16px;
        line-height: 20px;
    }
    .pop-mode-box .pop-mode .btn-wrap .btn.cancel-btn,
    .pop-mode-box .pop-mode .btn-wrap .btn.comfirm-btn {
        width: 152px;
    }
    .pop-mode-box .pop-mode .mess.have-desc {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .pop-mode-box .pop-mode .desc {
        padding-bottom: 16px;
    }
    .pop-mode-box .pop-mode.product-detail .desc {
        box-sizing: border-box;
        padding: 20px;
        min-height: 270px;
    }
    .pop-mode-box .pop-mode .desc.max-desc p {
        line-height: 22px;
    }
    .credit-card .header .menu {
        margin-left: 4%;
    }
    .header .user-mess-box {
        right: 5.1%;
    }
    .not-vip .medal-mod-icon,
    .vip:not(.not-vip) .medal-mod-icon {
        right: 5%;
    }
    .gift-box .pic-box {
        max-height: 316px;
    }
    .vip-privileges-new .tab-con .con-btn.next-btn {
        right: -50px;
    }
    .vip-privileges-new .tab-con .con-btn.pre-btn {
        left: -50px;
    }
    .hot-media .list-box .list,
    .other-section .list-box li {
        width: 49%;
        margin-right: 2%;
    }
}
@media screen and (max-width: 1150px) {
    .banner-wrap .swiper-slide {
        max-width: 1000px;
        height: 320px;
    }
    .banner-wrap .swiper-slide .img-box {
        height: 320px;
    }
    .game_list .banner-wrap .swiper-slide .img-box {
        height: 300px;
    }
    .game_list .banner-wrap .game-logo {
        left: 15px;
    }
    .benefit-section {
        width: 49.2%;
    }
    .shop-list-mod .list-box > ul > li:nth-child(4n-1) .prop-block {
        left: -320px;
        right: auto;
    }
    .shop-list-mod .list-box > ul > li:nth-child(4n-1) .prop-block:before {
        right: -11px;
        left: auto;
        transform: translateY(-50%) rotate(180deg);
        -webkit-transform: translateY(-50%) rotate(180deg);
        -moz-transform: translateY(-50%) rotate(180deg);
        -o-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
    }
    .vip-new .vip-mess {
        padding: 32px 60px;
    }
    .vip-new .vip-mess .privilege-box {
        padding-left: 10%;
    }
    #all-vip-swiper {
        margin-right: -50px;
    }
    .vip-all .vip-mess .con-btn.pre-btn {
        right: 415px;
    }
}
@media screen and (max-width: 1130px) {
    .credit-card-new .side-box {
        float: left;
        width: 100%;
        margin-bottom: 16px;
    }
    .credit-card-new .main-box {
        float: right;
        width: 100%;
    }
}
@media screen and (max-width: 1100px) {
    .banner-wrap .swiper-slide {
        max-width: 900px;
        height: 300px;
    }
    .banner-wrap .swiper-slide .img-box {
        height: 300px;
    }
    .vip-privileges-new .tab-box li {
        margin-left: 10px;
    }
    .vip-privileges-new .tab-box .ul {
        max-width: 791px;
    }
}
@media screen and (max-width: 1121px) {
    .nav-item-box:not(.nav-3-item-box) .item-box {
        display: block;
        width: 100%;
        float: left;
    }
    .nav-item-box:not(.nav-3-item-box) .item-box .item {
        min-width: 50px;
        width: 23.5%;
        margin-left: 2%;
    }
    .nav-item-box:not(.nav-3-item-box) {
        width: 100%;
        overflow: hidden;
    }
}
@media screen and (max-width: 1060px) {
    .vip-new .vip-mess {
        padding: 32px 60px;
    }
    .vip-new .vip-mess .privilege-box {
        padding-left: 4%;
    }
}
@media screen and (max-width: 1050px) {
    .banner-wrap .swiper-slide {
        max-width: 880px;
        height: 300px;
    }
    .banner-wrap .swiper-slide .img-box {
        height: 300px;
    }
    .game_list .banner-tool .right .btn {
        margin-left: 24px;
    }
    .buy-suc .follow-box .main,
    .content .main {
        box-sizing: border-box;
    }
    .pay-type-box .pay-list-box .label,
    .pay-type-box .pay-list-box .point-bonus,
    .pay-type-box .pay-list-box .tips {
        margin-left: 16px;
    }
    .pay-type-box .pay-list-box .list.active:after {
        width: 36px;
        height: 36px;
    }
    .xnav .main {
        padding: 0 6%;
    }
    .game_list_section .list-box > ul > li,
    .hot-game .list-box ul li {
        width: 23.5%;
        margin-right: 2%;
    }
    .hot-media .list-box .list {
        width: 49%;
        margin-right: 2%;
    }
    .content > .x-main {
        width: 100%;
        box-sizing: border-box;
    }
    .header .main {
        width: 100%;
        padding: 0 6%;
    }
    .shop-list-mod .list-box ul li .pic {
        max-height: 202px;
    }
    .codm-redeem .content > .c-main,
    .game-list-new .content > .x-main,
    .game-ticket-new .content > .x-main {
        max-width: 100%;
    }
    .game-shop .shop-mess-box {
        padding: 30px 6%;
        box-sizing: border-box;
    }
    .pay-sec {
        box-sizing: border-box;
        padding: 17px 6%;
    }
    .footer .main,
    .set-bottom-footer .main {
        width: auto;
        box-sizing: border-box;
    }
    .game-mess-box .x-main {
        box-sizing: border-box;
    }
    .game-coin .coin-mess-box,
    .game_list .banner-tool .main {
        padding: 0 6%;
        box-sizing: border-box;
    }
    .special-area .banner-wrap .x-main {
        padding: 0 6%;
        width: 100%;
        box-sizing: border-box;
    }
    .coupon .list-box .list .left .desc,
    .coupon .list-box .list .left .money {
        padding-left: 15%;
    }
    .coupon .list-box .list .right {
        padding: 8% 6%;
    }
    .down-game {
        right: 10px;
    }
    .draw-mod-block {
        padding-left: 24px;
    }
    .gift-box .pic-box {
        max-height: 294px;
    }
    #all-vip-swiper {
        padding: 0;
        margin-right: -30px;
    }
    .vip-all .vip-mess .con-btn.next-btn {
        right: 0;
    }
    .vip-all .vip-mess .con-btn.pre-btn {
        right: 354px;
    }
    #all-vip-swiper .swiper-slide-next,
    #all-vip-swiper .swiper-slide-prev {
        -webkit-transform: scale(1) translateX(0);
        opacity: 1;
        z-index: 8;
    }
    .redemption-center-section .item-box .item .mess {
        padding-left: 10%;
    }
    .redemption-center-section .item-box .item .icon {
        right: 5%;
    }
}
@media screen and (max-width: 999px) {
    .header .collection {
        padding-right: 0;
        margin-right: 20px;
    }
    .header .collection p {
        width: auto;
        height: 26px;
    }
    .header .collection,
    .header .down-app,
    .header .facebook {
        padding-right: 0;
        margin-right: 16px;
    }
    .header .down-app,
    .header .facebook {
        margin-right: 20px;
    }
    .header .facebook-btn {
        margin-right: 16px;
        padding-right: 8px;
    }
    .header .down-app .label {
        padding-left: 24px;
    }
    .header .collection p {
        padding-left: 26px;
        padding-right: 20px;
    }
    .header .facebook p {
        padding-left: 24px;
        padding-right: 20px;
    }
    .header .collection p,
    .header .down-app .label,
    .header .facebook p {
        font-size: 0;
    }
    .nav-item-box.nav-3-item-box .item-box .item {
        width: 16%;
        min-width: 180px;
    }
    .header .log .logined {
        width: 20px;
        height: 20px;
        margin-top: 25px;
        padding-right: 0;
    }
    .header .log .logined .user-pic,
    .header .log .luanch .country-icon {
        width: 19px;
        height: 19px;
        display: block !important;
        margin-top: 0;
    }
    .header .log .luanch .country-icon {
        width: 32px;
        height: 22px;
        display: inline-block !important;
    }
    .header .log .luanch .country {
        margin-top: 24px;
    }
    .header .log .logined .message {
        width: 6px;
        height: 6px;
        right: -2px;
        bottom: -2px;
    }
    .header .log .logined .user-email {
        display: none;
    }
    .is-vip .header .log .logined.imp:after,
    .not-is-vip .header .log .logined.imp:after {
        content: " ";
        width: 8px;
        height: 8px;
        position: absolute;
        border-radius: 50%;
        background: #fb3939;
        display: block;
        top: 2px;
        right: -4px;
    }
    .is-vip .header .log .logined:before {
        content: " ";
        width: 13px;
        height: 11px;
        position: absolute;
        display: block;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAeCAMAAACVFoclAAABMlBMVEVHcEz/wUDQbCvngTjshkHFZCrqmlnpi0rgj1K0VCHAYii0VB7JZyregDvgjlHqgzfIZim5VyLtk068WSO9WyP4wovxtn7adTHpnl3mn2Prq3H2u4DlfDXbfkDTdDLceDXthzruiDrziz2zVCDooWS1VSC7WyPvqXHYczDhfDXhfTTUcC/llFLfgD7viDrkfjW5WSHngTe8WyLrhDjQbSzZdTDTby3CYCbMaSrzjDzWci+/XiS3ViDGZCfrqXHJaCr60qLcdzG1VB/yvIjvtH7EYif4zpvilFjwuIP0xJLIZSjopWv82KjSdznbiEngezPtr3jzwI7feTPNayvPcTLnoGbWf0Dfi033yZXJbTDjmFz62LDZg0XlnWH1yp/cgkLrkUzupWnXeTn94L3bfTr7w4jQLDWxAAAALnRSTlMABGlfDCc6H/5VZ1Xlybejp6ebHOzD4qNs9vCUe1HY8eDj9UCH6orP5OKJ+t+R2xpNpAAAAfVJREFUGBltwYdCqgAUANDrBG3Y3uvtDQrhDNAHKEggEENxNt7//8K7mJWm58BVhapUHh/7Iy0NMzsV9K9/i04BIEeher8+sk9hKpb8WEG3qF4HlKAoipX7I036Bs/OKHRfj+wDIlg06Y9s9QSmYh8o1K03UQwiVwW2wI5GkiwQEEmwaNJsNrvdfZjKFZCkqZZ+BJGNAsuyarfb1TQCphI0urdlwdsElC5ENE2z7QN4RtAdmg4kSx/+BpSj0b1tS5KUhpkfHSQLXkgmAQi6Q9O0KkmqegAvDhuO4+jCsBWcA/x0Oh1noqqyLB/Bi0QDtfSQNP9A8rLhOI4gy5Z1Aq8IDo29VjDegHgDPVmWJQif4c13rspxIWmOL2MXHAoFQdePYc5hFZHB+Ik7qyJO13XP24E58SIamP5D9VexWKyanjccHidhTuoaGYMHwy1GWmEYtjZhwfo18g33OvLQQiQBC7bKyHDvpkySDIJNWBQXxXLZdcUyugtM0xykYVGqjcrlttgWRWMw8P0NeG+d53lF5Ns83/Z93zDO4b0tpaQovIJ6huG6F7AkW3rRc3u9XhaWpGozSk8U+fUYLNtjGKbG1GolpVQrxWGFbSbPoDyD9pKwQjb/5iuskrp5ld+Flb78fXZzsw2rfcpkMmuZtUxmbRcW/QeSJILDAvoVGQAAAABJRU5ErkJggg==)
            no-repeat 50%;
        background-size: 13px 11px;
        right: -4px;
        bottom: 1px;
        left: auto;
        top: auto;
        transform: translateY(-50%);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
    .not-is-vip .header .log .logined:before {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAeCAMAAACVFoclAAAAzFBMVEVHcEyOjo50dHSAgIBycnJmZmZhYWFTU1N1dXWCgoKIiIiOjo5YWFhWVlaPj49jY2N0dHSGhoaGhoaysrKTk5Obm5ugoKB0dHRpaWltbW15eXl8fHx+fn6Wlparq6tXV1eBgYFubm6GhoZXV1dTU1NcXFxlZWV2dnZxcXFiYmJoaGh5eXmJiYlubm5+fn6Dg4NfX1+Pj490dHRqamp7e3tsbGyBgYGZmZmioqKUlJTFxcWnp6ednZ20tLStra2vr6+4uLi/v7+qqqq7u7tOmzRCAAAAInRSTlMAFEMKHyhnVaVf3pyn7C7k7fJ47920fL1s04jikMJbish9V3ijZwAAAbhJREFUGBltwYdiojAYAOBfRQuOave6u94FTRhJ2AFkuN7/ne5XSqst3wdjgtbrQ7W/hg8Tjso12v0BgAlB9W67KR6h0bvhnPBqt9sd7gAZHkoP1T57gMYtQcEBbR8BaQrx7abI7qEx9lCx3VbVHZy8SSVVXWdl2oMjQyFSVdVmM4ETXaKyyNLcgKO/UimVb+q6LnpwYsQoyMo8mAC6lkfFfl8UD9DQXKSyNOdjQHqMeJGha/jw5qI0DzgZAGixi9KsLMvf0NJDxlgQcKL6AK/MZUyWKepDywiRCrgnX2GwCBljPM3z/B4+aRZyuSfjJ3gOEcvzIAgM+LKwEFExW8CLhWSAxnBGF0hKN7T+WUJYFuGck1s4M0oQc5klUCIYIZ53M4AzwwgJZokkiaIkkUpJ+QsuzB0UiiRyoigSUsZx3IMLOqUOFZFzErouYzpcGlHkOA5FTng0hEtDG1FqU5vSyLKEeILv5jai9lGSJFHUh++mfst2HIe+wA+jFfJXvu/blFL7Cn4Yrlq27/tz6DAzTXNlrhrP0GFqfpkNoMNoaS6XZuMdugyXn0wNOs2WrSl061+1NLj0H/C+W5GIMR9/AAAAAElFTkSuQmCC)
            no-repeat 50%;
        background-size: 13px 11px;
    }
    .header .log .country {
        position: relative;
    }
    .gift-box .pic-box {
        max-height: 268px;
    }
    .vip-mess .privilege-box .list li {
        width: 33.3333%;
        margin-top: 10px;
        padding: 0 1%;
        box-sizing: border-box;
        margin-left: 0;
    }
    .vip-mess .privilege-box .list.max-list {
        margin-top: 10px;
    }
    .vip-mess .privilege-box .list {
        margin-top: 20px;
    }
    .vip-mess .privilege-box .label {
        font-size: 12px;
        line-height: 12px;
        margin-right: 0;
    }
    .vip-mess .privilege-box .label span {
        vertical-align: unset;
    }
    .vip-mess .privilege-box .more-leve {
        float: right;
    }
    .vip-privileges-new .tab-box li {
        margin-left: 5px;
        width: 90px;
    }
    .vip-privileges-new .tab-box .ul {
        max-width: 690px;
    }
    .vip-privileges-new .tab-box li:last-child {
        margin-right: 30px;
    }
    .vip-privileges-new .tab-box li .icon,
    .vip-privileges-new .tab-box li .icon:before {
        width: 40px;
        height: 40px;
        margin-bottom: 8px;
    }
    .vip-privileges-new .tab-box li .icon:before {
        margin-bottom: 0;
    }
    .vip-privileges-new .tab-box li img {
        width: 40px;
        height: 40px;
    }
}
@media screen and (max-width: 980px) {
    .banner-wrap .swiper-slide {
        max-width: 800px;
        height: 280px;
    }
    .banner-wrap .swiper-slide .img-box,
    .game_list .banner-wrap .swiper-slide .img-box {
        height: 280px;
    }
    #all-vip-swiper {
        -webkit-transform: translateY(-50%);
        position: absolute;
        right: 30px;
        top: 50%;
        margin-right: 0;
    }
}
@media screen and (max-width: 940px) {
    #all-vip-swiper {
        -webkit-transform: translateY(-50%) scale(0.9);
        position: absolute;
        right: 10px;
        top: 50%;
        margin-right: 0;
    }
    .vip-all .vip-mess .con-btn.pre-btn {
        right: 316px;
    }
}
@media screen and (max-width: 920px) {
    .banner-wrap .swiper-slide {
        height: 280px;
    }
    .login .register-box {
        width: 90%;
    }
    .coupon .list-box .list .left .money {
        font-size: 24px;
    }
    .coupon .list-box .list .left {
        width: 100px;
    }
    .coupon .list-box .list .line {
        left: 100px;
    }
    .coupon .list-box .list .right .cou-name,
    .coupon .list-box .list .right .date {
        font-size: 11px;
    }
    .coupon .list-box .list .right {
        padding: 7% 5%;
    }
}
@media screen and (max-width: 900px) {
    .pop-mode-box .select-order-mode-pop {
        width: 100%;
    }
    .banner-wrap .swiper-slide {
        max-width: 720px;
    }
    .banner-wrap .swiper-slide .img-box {
        height: 260px;
    }
    .game_list .banner-wrap .swiper-slide,
    .game_list .banner-wrap .swiper-slide .img-box {
        height: 280px;
    }
    .codm-redeem .banner-wrap,
    .codm-redeem .banner-wrap .mess,
    .codm-redeem .banner-wrap .swiper-slide,
    .game-ticket-new .banner-wrap,
    .game-ticket-new .banner-wrap .mess,
    .game-ticket-new .banner-wrap .swiper-slide,
    .game-ticket-new .game_list .banner-wrap .mess,
    .game_list_new .banner-wrap,
    .game_list_new .banner-wrap .mess,
    .game_list_new .banner-wrap .swiper-slide {
        height: 240px;
    }
    .credit-card:not("personal") .header .menu {
        display: none;
    }
    .choose-plan .item {
        width: 32%;
        margin-bottom: 2%;
    }
    .choose-plan .item:nth-child(3n) {
        margin-right: 0;
    }
    .choose-plan .item:nth-child(4n) {
        margin-right: 2%;
    }
    .gift-box .pic-box {
        max-height: 242px;
    }
    .vip-new .vip-mess {
        padding: 32px 30px;
    }
    .redemption-center-section .item-box .item .icon {
        right: -20px;
    }
}
@media screen and (max-width: 850px) {
    .draw-mod-block {
        padding: 24px 0 24px 24px;
    }
    #all-vip-swiper {
        -webkit-transform: translateY(-50%) scale(0.8);
        position: absolute;
        right: -8px;
        top: 50%;
        margin-right: 0;
    }
    .vip-all .vip-mess .con-btn.pre-btn {
        right: 280px;
    }
}
@media screen and (max-width: 1100px) {
    .hot-game .list-box ul li {
        width: 32%;
        margin-bottom: 3%;
    }
    .hot-game .list-box ul li .pic {
        max-width: 100%;
    }
    .hot-game .list-box ul li .mask {
        height: 90px;
    }
    .hot-game .list-box ul li:nth-child(3n) {
        margin-right: 0;
    }
    .hot-game .list-box ul li:nth-child(4n) {
        margin-right: 2%;
    }
    .hot-game .list-box ul li:last-child {
        margin-right: 0;
    }
    .hot-game {
        margin-bottom: 50px;
    }
    .hot-media .list-box .list {
        width: 100%;
    }
    .hot-media {
        margin-bottom: 50px;
    }
    .banner-wrap .swiper-slide {
        max-width: 650px;
        height: 260px;
    }
    .banner-wrap .swiper-slide .img-box {
        height: 260px;
    }
    .game_list .banner-wrap .swiper-slide .img-box {
        height: 280px;
    }
    .game_list_section .list-box > ul > li {
        width: 32%;
        margin-bottom: 3%;
    }
    .game_list_section .list-box > ul > li:nth-child(3n) {
        margin-right: 0;
    }
    .game_list_section .list-box > ul > li:nth-child(4n) {
        margin-right: 2%;
    }
    .game_list_section .list-box > ul > li:last-child {
        margin-right: 0;
    }
    .game-pay-section ul li {
        width: 32.333333%;
        margin-bottom: 10px;
    }
    .game-pay-section ul li:nth-child(3n) {
        margin-right: 0;
    }
    .game-pay-section ul li:nth-child(4n) {
        margin-right: 1.5%;
    }
    .login .register-box {
        width: 85%;
    }
    .country .list ul li,
    .select-country-box .list ul li {
        width: 23.875%;
        margin-right: 1.5%;
    }
    .country .list ul li:nth-child(4n),
    .select-country-box .list ul li:nth-child(4n) {
        margin-right: 0;
    }
    .country .list ul li:nth-child(5n),
    .err-country .list ul li:nth-child(5n),
    .err-country .list ul li:nth-child(6n),
    .select-country-box .list ul li:nth-child(5n) {
        margin-right: 1.5%;
    }
    .pay-type-box .pay-list-box .list {
        width: 32.333333%;
        margin-bottom: 8px;
    }
    .pay-type-box .pay-list-box .list:nth-child(3n) {
        margin-right: 0;
    }
    .pay-type-box .pay-list-box .list:nth-child(4n),
    .pay-type-box.payment .pay-list-box .list {
        margin-right: 1.5%;
    }
    .shop-list-mod .list-box > ul > li {
        width: 32%;
        margin-right: 2%;
    }
    .shop-list-mod .list-box > ul > li:nth-child(-n + 4) {
        margin-top: 17px;
    }
    .shop-list-mod .list-box > ul > li:nth-child(-n + 3) {
        margin-top: 0;
    }
    .shop-list-mod .list-box > ul > li:nth-child(4n) {
        margin-right: 2%;
    }
    .shop-list-mod .list-box > ul > li:nth-child(3n) {
        margin-right: 0;
    }
    .shop-list-mod .list-box > ul > li:nth-child(3n) .prop-block,
    .shop-list-mod .list-box > ul > li:nth-child(4n-1) .prop-block {
        left: -320px;
        right: auto;
    }
    .shop-list-mod .list-box > ul > li:nth-child(3n) .prop-block:before,
    .shop-list-mod .list-box > ul > li:nth-child(4n-1) .prop-block:before {
        right: -11px;
        left: auto;
        transform: translateY(-50%) rotate(180deg);
        -webkit-transform: translateY(-50%) rotate(180deg);
        -moz-transform: translateY(-50%) rotate(180deg);
        -o-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
    }
    .shop-list-mod .list-box > ul > li:nth-child(3n + 1) .prop-block,
    .shop-list-mod .list-box > ul > li:nth-child(4n) .prop-block {
        right: -320px;
        left: auto;
    }
    .shop-list-mod .list-box > ul > li:nth-child(3n + 1) .prop-block:before,
    .shop-list-mod .list-box > ul > li:nth-child(4n) .prop-block:before {
        left: -11px;
        right: auto;
        transform: translateY(-50%) rotate(0);
        -webkit-transform: translateY(-50%) rotate(0deg);
        -moz-transform: translateY(-50%) rotate(0deg);
        -o-transform: translateY(-50%) rotate(0deg);
        -ms-transform: translateY(-50%) rotate(0deg);
    }
    .other-wrap-mod:before {
        background: url(//cdn.midasbuy.com/oversea_web/static/images/head-bg.b19f849e.png) no-repeat top;
        background-size: cover;
        width: 100%;
        height: 200px;
        top: 0;
        left: 0;
        right: 0;
    }
    .other-wrap-mod:after {
        background: url(data:image/png;base64,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)
            no-repeat top;
        background-size: cover;
        width: 100%;
        height: 64px;
        top: 136px;
        left: 0;
        right: 0;
    }
    .gift-box .pic-box,
    .shop-list-mod .list-box ul li .pic {
        max-height: 228px;
    }
    .help-center .mod-block:not(.feedback-questions-block) .list-box .list {
        width: 32.333333%;
        margin-top: 12px;
        margin-right: 1.5%;
    }
    .help-center .mod-block:not(.feedback-questions-block) .list-box .list:nth-child(4n) {
        margin-right: 1.5%;
    }
    .help-center .mod-block:not(.feedback-questions-block) .list-box .list:nth-child(3n) {
        margin-right: 0;
    }
    .help-center .mod-block:not(.feedback-questions-block) .list-box .list:nth-child(-n + 4) {
        margin-top: 12px;
    }
    .help-center .mod-block:not(.feedback-questions-block) .list-box .list:nth-child(-n + 3) {
        margin-top: 0;
    }
}
@media screen and (max-width: 800px) {
    .header .menu > .multistage-nav,
    .header .menu > a {
        margin: 0 25px;
    }
}
@media screen and (min-width: 769px) {
    .found-id-pop .pop-boxs .list-box::-webkit-scrollbar,
    .game-wrap .tab-nav-box .select-box .input-box.have-select-input-box .select-input .row::-webkit-scrollbar,
    .game-wrap .tab-nav-box .select-box .select-input-box .row::-webkit-scrollbar,
    .limited-event-section .item-box .item .x-item-box::-webkit-scrollbar,
    .pay-type-box .choose-pay-box .choose-min-box ul::-webkit-scrollbar,
    .points-redemption .head .main .mess-box .left .select-region .row-area::-webkit-scrollbar,
    .pop-mode-box .pop-mode.about-midas-coins-pop .mess::-webkit-scrollbar,
    .pop-mode-box .pop-mode.card-event-congratulations .x-item-con::-webkit-scrollbar,
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-details-pop .mess::-webkit-scrollbar,
    .pop-mode-box .pop-mode.confirm-default-mode .mess.email-pic-box::-webkit-scrollbar,
    .pop-mode-box .pop-mode.confirm-default-mode .mess.saving-card-form::-webkit-scrollbar,
    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .mess::-webkit-scrollbar,
    .pop-mode-box .pop-mode.confirm-default-mode .redeem-details-mess::-webkit-scrollbar,
    .pop-mode-box .pop-mode.confirm-default-mode .select-country-mess::-webkit-scrollbar,
    .pop-mode-box .pop-mode.cr-and-lg-pop .mess::-webkit-scrollbar,
    .pop-mode-box .pop-mode.feedback-questions-pop .mess::-webkit-scrollbar,
    .pop-mode-box .pop-mode.pay-props-purchase-confirm-pop .mess::-webkit-scrollbar,
    .pop-mode-box .pop-mode.pop-default-mode.receive-items-pop .mess::-webkit-scrollbar,
    .prop-block .item-box::-webkit-scrollbar,
    .subscription .pop-mode-box .pop-mode.pop-default-mode.receive-items-pop .mess::-webkit-scrollbar {
        width: 6px;
    }
    .found-id-pop .pop-boxs .list-box::-webkit-scrollbar-thumb,
    .game-wrap .tab-nav-box .select-box .input-box.have-select-input-box .select-input .row::-webkit-scrollbar-thumb,
    .game-wrap .tab-nav-box .select-box .select-input-box .row::-webkit-scrollbar-thumb,
    .limited-event-section .item-box .item .x-item-box::-webkit-scrollbar-thumb,
    .pay-type-box .choose-pay-box .choose-min-box ul::-webkit-scrollbar-thumb,
    .points-redemption .head .main .mess-box .left .select-region .row-area::-webkit-scrollbar-thumb,
    .pop-mode-box .pop-mode.about-midas-coins-pop .mess::-webkit-scrollbar-thumb,
    .pop-mode-box .pop-mode.card-event-congratulations .x-item-con::-webkit-scrollbar-thumb,
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-details-pop .mess::-webkit-scrollbar-thumb,
    .pop-mode-box .pop-mode.confirm-default-mode .mess.email-pic-box::-webkit-scrollbar-thumb,
    .pop-mode-box .pop-mode.confirm-default-mode .mess.saving-card-form::-webkit-scrollbar-thumb,
    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .mess::-webkit-scrollbar-thumb,
    .pop-mode-box .pop-mode.confirm-default-mode .redeem-details-mess::-webkit-scrollbar-thumb,
    .pop-mode-box .pop-mode.confirm-default-mode .select-country-mess::-webkit-scrollbar-thumb,
    .pop-mode-box .pop-mode.cr-and-lg-pop .mess::-webkit-scrollbar-thumb,
    .pop-mode-box .pop-mode.feedback-questions-pop .mess::-webkit-scrollbar-thumb,
    .pop-mode-box .pop-mode.pay-props-purchase-confirm-pop .mess::-webkit-scrollbar-thumb,
    .pop-mode-box .pop-mode.pop-default-mode.receive-items-pop .mess::-webkit-scrollbar-thumb,
    .prop-block .item-box::-webkit-scrollbar-thumb,
    .subscription .pop-mode-box .pop-mode.pop-default-mode.receive-items-pop .mess::-webkit-scrollbar-thumb {
        background-color: #2c3665;
        border-radius: 0;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    }
    .game-wrap .tab-nav-box .select-box .input-box.have-select-input-box .select-input .row::-webkit-scrollbar-track,
    .game-wrap .tab-nav-box .select-box .select-input-box .row::-webkit-scrollbar-track,
    .limited-event-section .item-box .item .x-item-box::-webkit-scrollbar-track,
    .pay-type-box .choose-pay-box .choose-min-box ul::-webkit-scrollbar-track,
    .points-redemption .head .main .mess-box .left .select-region .row-area::-webkit-scrollbar-track,
    .pop-mode-box .pop-mode.about-midas-coins-pop .mess::-webkit-scrollbar-track,
    .pop-mode-box .pop-mode.card-event-congratulations .x-item-con::-webkit-scrollbar-track,
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-details-pop .mess::-webkit-scrollbar-track,
    .pop-mode-box .pop-mode.confirm-default-mode .mess.email-pic-box::-webkit-scrollbar-track,
    .pop-mode-box .pop-mode.confirm-default-mode .mess.saving-card-form::-webkit-scrollbar-track,
    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .mess::-webkit-scrollbar-track,
    .pop-mode-box .pop-mode.confirm-default-mode .redeem-details-mess::-webkit-scrollbar-track,
    .pop-mode-box .pop-mode.confirm-default-mode .select-country-mess::-webkit-scrollbar-track,
    .pop-mode-box .pop-mode.cr-and-lg-pop .mess::-webkit-scrollbar-track,
    .pop-mode-box .pop-mode.feedback-questions-pop .mess::-webkit-scrollbar-track,
    .pop-mode-box .pop-mode.pay-props-purchase-confirm-pop .mess::-webkit-scrollbar-track,
    .pop-mode-box .pop-mode.pop-default-mode.receive-items-pop .mess::-webkit-scrollbar-track .found-id-pop .pop-boxs .list-box::-webkit-scrollbar-track,
    .prop-block .item-box::-webkit-scrollbar-track,
    .subscription .pop-mode-box .pop-mode.pop-default-mode.receive-items-pop .mess::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        background-color: var(--bg-color-8, #1e2754);
    }
    .game-wrap .tab-nav-box .select-box .select-input-box.row-three .row:first-child::-webkit-scrollbar,
    .game-wrap .tab-nav-box .select-box .select-input-box.row-three .row:nth-child(2)::-webkit-scrollbar,
    .game-wrap .tab-nav-box .select-box .select-input-box.row-two .row:first-child::-webkit-scrollbar {
        display: none;
        width: 0;
    }
    .country-input .history-list .hist-box .card-num-box::-webkit-scrollbar,
    .email-input .history-list .hist-box .card-num-box::-webkit-scrollbar,
    .following-agreement-box .form-box::-webkit-scrollbar,
    .sign-up-box .form-box::-webkit-scrollbar {
        width: 6px;
    }
    .country-input .history-list .hist-box .card-num-box::-webkit-scrollbar-thumb,
    .email-input .history-list .hist-box .card-num-box::-webkit-scrollbar-thumb,
    .following-agreement-box .form-box::-webkit-scrollbar-thumb,
    .sign-up-box .form-box::-webkit-scrollbar-thumb {
        background-color: #2c3665;
        border-radius: 0;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    }
    .sign-up-box .form-box::-webkit-scrollbar-thumb {
        background-color: hsla(0, 0%, 100%, 0.10196078431372549);
        -webkit-box-shadow: inset 0 0 5px hsla(0, 0%, 100%, 0.1);
    }
    .country-input .history-list .hist-box .card-num-box::-webkit-scrollbar-track,
    .email-input .history-list .hist-box .card-num-box::-webkit-scrollbar-track,
    .following-agreement-box .form-box::-webkit-scrollbar-track,
    .sign-up-box .form-box::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        background-color: var(--bg-color-8, #1e2754);
    }
    .account-mod-box .btn-box .btn.cancel-btn:hover {
        border-color: var(--btn-color-6, #4e88fc);
        color: var(--btn-color-6, #4e88fc);
    }
    .account-mod-box .btn-box .btn.cancel-btn:active {
        border-color: #346ee2;
        color: #346ee2;
    }
    .account-mod-box .btn-box .btn.facebook-log-btn:hover:after,
    .account-mod-box .btn-box .btn.webnovel-log-btn:hover:after,
    .account-mod-box .btn-box .btn.wetv-log-btn:hover:after {
        opacity: 1;
        background: hsla(0, 0%, 100%, 0.1);
    }
    .account-mod-box .btn-box .btn.facebook-log-btn:active:after,
    .account-mod-box .btn-box .btn.webnovel-log-btn:active:after,
    .account-mod-box .btn-box .btn.wetv-log-btn:active:after {
        opacity: 1;
        background: rgba(0, 0, 0, 0.1);
    }
}
@media screen and (max-width: 768px) {
    .eea-pop .ft_link {
        padding-top: 20px;
    }
    .eea-pop .ft_link a {
        font-size: 12px;
        line-height: 18px;
    }
    .pop-mode-box .pop-mode.pop-payment-failed {
        width: 100%;
        bottom: 0;
        transform: translate(-50%);
        padding: 40px 20px 20px;
        top: auto;
    }
    .game-wrap .tab-nav-box .new-y-box {
        width: auto;
        padding: 16px;
    }
    .bind-result-pop .pop-mode,
    .pop-mode-box .pop-mode.bind-guide-pop {
        width: 100%;
        height: 100%;
    }
    .bind-result-pop .pop-mode .title-box p {
        font-size: 18px;
        line-height: 24px;
    }
    .bind-result-pop .pop-mode .mess p {
        opacity: 0.797406017780304;
        color: #fff;
    }
    .bind-result-pop .pop-mode {
        padding: 48px 20px 24px;
    }
    .bind-result-pop .pop-mode .title-box {
        margin-top: 0;
        margin-bottom: 24px;
    }
    .bind-result-pop .pop-mode .mess {
        margin-bottom: 40px;
    }
    .bind-result-pop .pop-mode .midas-logo,
    .pop-mode-box .pop-mode.bind-guide-pop .midas-logo {
        display: block;
    }
    .pop-mode-box .pop-mode.bind-guide-pop .title-box {
        padding: 80px 20px 24px;
    }
    .pop-mode-box .pop-mode.bind-guide-pop .title-box p {
        margin: 0;
        text-align: left;
    }
    .pop-mode-box .pop-mode.bind-guide-pop .bind-guide-pop-mess {
        margin: 0 20px;
    }
    .pop-mode-box .pop-mode.bind-guide-pop .btn-wrap {
        padding: 0 20px;
        margin-bottom: 0;
    }
    .mod-accumulated-recharge,
    .mod-accumulated-recharge.pc-short {
        padding: 14px 15px;
        flex-direction: column;
        background-image: url(//cdn.midasbuy.com/oversea_web/static/images/mod-accumulated-recharge-mobile.3e7927a4.png);
        background-size: 100% 100%;
    }
    .mod-accumulated-recharge .img,
    .mod-accumulated-recharge.pc-short .img {
        top: -8.1px;
        left: auto;
        right: 17px;
        width: 78px;
        height: 68px;
    }
    .mod-accumulated-recharge .mod-title,
    .mod-accumulated-recharge.pc-short .mod-title {
        margin-right: 0;
        font-size: 12px;
    }
    .mod-accumulated-recharge .mod-text,
    .mod-accumulated-recharge.pc-short .mod-text {
        margin-right: 0;
    }
    .mod-accumulated-recharge .mod-btn,
    .mod-accumulated-recharge.pc-short .mod-btn {
        margin-left: 8px;
    }
    .pc-select {
        display: none;
    }
    .mobile-select {
        display: block;
        position: relative;
        z-index: 2;
    }
    .game-ticket .game-mess-box .gift-exchange-btn p {
        font-size: 12px;
    }
    .banner-wrap .swiper-slide {
        max-width: 100%;
        height: 240px;
    }
    .game_list .game-mess-box .game-recharge-btn p,
    .game_list .game-mess-box .gift-exchange-btn p,
    .game_list .game-mess-box .subscription-btn p {
        font-size: 12px;
        padding-left: 18px;
        position: relative;
    }
    .game_list .game-mess-box .gift-exchange-btn p.imp:after {
        content: " ";
        width: 5px;
        height: 5px;
        background: #f66;
        border-radius: 50%;
        position: absolute;
        right: -7px;
        top: 18px;
    }
    .game_list .game-mess-box .game-recharge-btn,
    .game_list .game-mess-box .gift-exchange-btn {
        margin-left: 16px;
    }
    .banner-wrap .swiper-slide .img-box {
        height: 240px;
    }
    .game_list .banner-wrap .swiper-slide,
    .game_list .banner-wrap .swiper-slide .img-box {
        height: 230px;
    }
    .header {
        padding: 19px 0;
        height: 57px;
    }
    .credit-card:not("personal") .header {
        background: #181f43;
        padding-top: 16px;
        padding-bottom: 0;
        height: 53px;
    }
    .header-box {
        height: 57px;
    }
    .credit-card:not("personal") .header-box {
        height: 53px;
    }
    .header .main {
        padding: 0 30px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .header .logo {
        width: 96px;
        height: 19px;
        margin: 0 auto;
        float: none;
        display: none;
    }
    .email-unsubscribe-model .header .logo {
        display: block;
        margin: 0;
    }
    .header .logo a {
        height: 19px;
    }
    .header .logo.mobile-show {
        display: block;
        margin: 0 0 0 10px;
    }
    .other-wrap-mod .header .logo {
        margin: 0;
    }
    .credit-card:not("personal") .header .logo {
        float: left;
    }
    .header .menu {
        display: none;
    }
    .banner-wrap {
        margin: 0 30px;
        overflow: hidden;
    }
    .content {
        margin-top: 0;
    }
    .game-shop .content {
        margin-top: 32px;
    }
    .credit-card .content {
        margin-top: 0;
    }
    .currency .content {
        padding-bottom: 0;
    }
    .home .content {
        padding-top: 24px;
        overflow: hidden;
    }
    .coupon .content {
        min-height: calc(100vh - 167px);
    }
    .xnav {
        top: 57px;
    }
    .xnav .main {
        padding: 0 30px;
    }
    .banner-wrap.mt {
        margin-top: 57px;
    }
    .hot-game .list-box ul li .text {
        font-size: 14px;
        bottom: 55px;
    }
    .header .menu-more {
        display: block;
    }
    .credit-card:not("personal") .header .menu-more {
        display: none;
    }
    .header .log {
        right: 30px;
        position: absolute;
        top: 0;
    }
    .header .log .login {
        font-size: 12px;
        margin-left: 0;
        margin-top: -2px;
    }
    .header .log .logined,
    .header .log .luanch {
        padding: 0;
    }
    .header .log .logined,
    .header .log .luanch .country {
        margin-top: 0;
        padding-right: 0;
    }
    .header .log .logined {
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        border-radius: 50%;
    }
    .header .log .luanch .country-icon {
        width: 26px;
        height: 18px;
        margin-top: 0;
        vertical-align: top;
    }
    .header .log .luanch .country .language {
        line-height: 18px;
    }
    .header .user-mess-box .san {
        width: 20px;
        height: 10px;
        top: -10px;
        right: 31px;
        display: none;
    }
    .header .user-mess-box {
        top: 0;
        left: 75px;
        right: 0;
        width: auto;
        bottom: 0;
        position: fixed;
        border-top: none;
        background: var(--bg-color-3, #141b3d);
        -webkit-transform: translateX(100%);
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        display: block;
    }
    .header .user-mess-box.mobile-show {
        display: block !important;
        -webkit-transform: translateX(0);
    }
    .header .user-mess-box li.user-coins-mess p.user-ms {
        font-size: 16px;
        line-height: 16px;
    }
    .header .user-mess-box .login-out,
    .header .user-mess-box li.link a {
        padding-left: 32px;
        height: 62px;
    }
    .header .user-mess-box li:not(.user-coins-mess) {
        background: var(--bg-color-4, #171f45);
    }
    .header .user-mess-box li.link {
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
    }
    .header .user-mess-box li:not(.user-coins-mess, .check-status) {
        height: 61px;
        line-height: 61px;
    }
    .header .user-mess-box li.check-status {
        height: auto;
        line-height: 20px;
        padding: 24px 32px;
        box-sizing: border-box;
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
    }
    .header .user-mess-box li.user-not-login {
        height: auto;
    }
    .header .user-mess-box li.user-coins-mess {
        padding: 24px 32px;
    }
    .header .user-mess-box li.user-not-login {
        padding: 24px 32px;
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
    }
    .header .user-mess-box-logo {
        position: absolute;
        left: 32px;
        bottom: 28px;
        width: 101px;
    }
    .header .menu-nav-box .head-box,
    .header .user-mess-box .head-box {
        display: block;
    }
    .header .menu-nav-box ul {
        float: left;
        width: 100%;
    }
    .swiper-container {
        width: 100%;
        margin-bottom: 0;
    }
    .game_list .swiper-container {
        margin-bottom: 0;
    }
    .game_list #pic-block-swiper {
        margin-bottom: 32px;
    }
    .swiper-container.leng-one {
        margin-bottom: 20px;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets {
        height: 20px;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 5px 2px 0;
    }
    .swiper-pagination-bullet {
        height: 4px;
        width: 4px;
    }
    .banner-wrap .swiper-button-next.swiper-button-white,
    .banner-wrap .swiper-button-prev.swiper-button-white {
        width: 36px;
        height: 36px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAPFBMVEVHcEz///////////////////////////////////////////////////////////////////////////+PybD1AAAAE3RSTlMACKnO9xgNKjLktjuVTL+EaVp5UbjTfQAAAHJJREFUKM+l090KgCAMBeBppWal1d7/XWNQ0MW2A3VuP5C5H6J3Sk1kJ8/cgqfM0dJJdFy+6SC6GZqw8mFoaKK7pdVTiqKnq93SVbQWNbdaoc5/GDz+lJbV4I+htqCmgpGggaJ1QMuEVhG7fwboiJQTvACrhRJxK2KtWwAAAABJRU5ErkJggg==)
            no-repeat 50%;
        background-size: 15px 15px;
        top: 100%;
        left: 0;
        margin: 0;
        display: none;
    }
    .banner-wrap .swiper-button-next.swiper-button-white {
        width: 36px;
        height: 36px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAP1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////9KjZoYAAAAFHRSTlMAHsK2DvmpMisG6d6VQ9JVhHPzZAAH3OQAAAB6SURBVCjPpdNJDoAgDAVQBERAnHv/swosTIz8VuPfvoSUDkrdYs2gcIKm6DE7Iood5GHPPmKf+hc+W+iL5JlJYz+qB+hbcSO4w75Wr51oxhRPmYlJ4pnWP5wf981cpQkf+94Wvqn8SPiB8uswyQpXUVhk4QyEI3qc4AkWkBNnZBMVbgAAAABJRU5ErkJggg==)
            no-repeat 50%;
        background-size: 15px 15px;
        top: 100%;
        right: 0;
        margin: 0;
    }
    .banner-wrap .swiper-button-next.swiper-button-white:hover {
        background: none;
        background-color: none;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAP1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////9KjZoYAAAAFHRSTlMAHsK2DvmpMisG6d6VQ9JVhHPzZAAH3OQAAAB6SURBVCjPpdNJDoAgDAVQBERAnHv/swosTIz8VuPfvoSUDkrdYs2gcIKm6DE7Iood5GHPPmKf+hc+W+iL5JlJYz+qB+hbcSO4w75Wr51oxhRPmYlJ4pnWP5wf981cpQkf+94Wvqn8SPiB8uswyQpXUVhk4QyEI3qc4AkWkBNnZBMVbgAAAABJRU5ErkJggg==)
            no-repeat 50%;
        background-size: 15px 15px;
    }
    .banner-wrap .swiper-button-prev.swiper-button-white:hover {
        background: none;
        background-color: none;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAPFBMVEVHcEz///////////////////////////////////////////////////////////////////////////+PybD1AAAAE3RSTlMACKnO9xgNKjLktjuVTL+EaVp5UbjTfQAAAHJJREFUKM+l090KgCAMBeBppWal1d7/XWNQ0MW2A3VuP5C5H6J3Sk1kJ8/cgqfM0dJJdFy+6SC6GZqw8mFoaKK7pdVTiqKnq93SVbQWNbdaoc5/GDz+lJbV4I+htqCmgpGggaJ1QMuEVhG7fwboiJQTvACrhRJxK2KtWwAAAABJRU5ErkJggg==)
            no-repeat 50%;
        background-size: 15px 15px;
    }
    .banner-wrap .swiper-button-next.swiper-button-white:active,
    .banner-wrap .swiper-button-prev.swiper-button-white:active {
        background-color: rgba(4, 27, 46, 0.8);
    }
    .activity-consultation .head .main,
    .buy-suc .follow-box .main,
    .con-item-box,
    .content .main,
    .event-head .main,
    .notifications .head .main,
    .pay-subscription .section.desc-box,
    .sub-head .x-main,
    .x-head-mod .x-main {
        padding: 0 30px;
        width: auto;
    }
    .app-down .content {
        padding: 0;
    }
    .bg-icon {
        right: 30px;
    }
    .content .title-box h2 {
        width: 100%;
        font-size: 16px;
        position: relative;
    }
    .content .title-box .desc {
        width: 100%;
        margin-top: 14px;
    }
    .content .title-box .desc .text {
        flex: 1;
    }
    .content .title-box .subscribe.xsubscribe {
        display: inline-block;
        position: absolute;
        margin-left: 9px;
    }
    .content .title-box .desc .facebook-icon {
        width: 14px;
        height: 14px;
    }
    .footer {
        margin-bottom: 0;
    }
    .footer .main {
        padding: 0 30px;
    }
    .game_list_section .list-box ul li .mess-box {
        padding: 38px 9px 14px;
    }
    .game_list_section .list-box ul li .buy-btn-box {
        padding: 0 9px;
        bottom: 14px;
    }
    .game_list_section .list-box ul li .soon-buy-btn {
        height: 36px;
        line-height: 36px;
    }
    .game_list_section .list-box ul li .more-box {
        padding: 0 9px;
    }
    .game_list_section .list-box ul li .more-box .shop-list-wrap {
        left: 9px;
        right: 9px;
        bottom: 60px;
    }
    .game_list_section .list-box ul li .shop {
        padding-top: 15px;
        padding-bottom: 50px;
    }
    .owned-list .pic-block {
        width: 79px;
    }
    .owned-list .pic-block p {
        font-size: 11px;
    }
    .game_list_section .list-box ul li .recharge .btn {
        height: 36px;
        line-height: 36px;
    }
    .game_list_section .list-box ul li .recharge .name {
        margin-bottom: 14px;
    }
    .game_list_section .list-box ul li .buy-btn,
    .game_list_section .list-box ul li .buy-btn .btn {
        height: 36px;
        line-height: 36px;
    }
    .game_list_section .list-box ul li .buy-btn .shop-car {
        width: 36px;
        height: 36px;
        line-height: 36px;
    }
    .game_list_section .list-box ul li .more-box .shop-list-wrap li .shop-pic {
        width: 33px;
        margin-right: 8px;
    }
    .game_list_section .list-box ul li .more-box .shop-list-wrap li .shop-pic img {
        width: 33px;
        height: 33px;
    }
    .game_list_section .list-box ul li .more-box .shop-list-wrap li .desc {
        font-size: 11px;
    }
    .game_list_section .list-box ul li .more-box {
        padding-bottom: 14px;
        box-sizing: border-box;
    }
    .game_list_section .list-box ul li .more-box .shop-list-wrap {
        bottom: 0;
        top: 32px;
    }
    .game_list_section .list-box ul li .more-box .more {
        display: none;
    }
    .game_list_section .list-box ul li .more-box .title {
        padding: 10px 0;
    }
    .game_list_section .list-box ul li .more-box .title .total {
        display: none;
    }
    .game_list_section .list-box,
    .game_list_section .list-box ul {
        padding-bottom: 10px;
    }
    .game_list_section .list-box ul li .item-box {
        display: block;
    }
    .game_list_section .list-box ul li .shop .price em {
        display: none;
    }
    .game_list .banner-wrap .game-logo {
        height: 32px;
        top: 25%;
        left: 15px;
    }
    .game_list .banner-wrap .row-game-logo {
        height: auto;
        width: 60px;
    }
    .content .title-box .subscribe:hover {
        background: hsla(0, 0%, 100%, 0.15);
    }
    .content .title-box .subscribe:active {
        background: hsla(0, 0%, 100%, 0.2);
    }
    .footer li a:hover {
        opacity: 0.6;
    }
    .footer li a:active {
        opacity: 1;
    }
    .game-shop .shop-mess-box {
        padding: 30px;
    }
    .coin-rechage-block .x-main,
    .content .head-title .x-main,
    .content > .x-main {
        padding: 0 30px;
    }
    .game-coin .pay-sec .x-main {
        padding: 0;
    }
    .game-coin .pay-sec.pay-sec-flex .x-main {
        padding: 17px 20px;
    }
    .pay-sec {
        padding: 17px 30px;
    }
    .id-mess .x-main {
        padding: 12px 30px;
    }
    .game-coin .id-mess {
        padding: 17px 30px;
    }
    .pay-sec-flex {
        bottom: 110px;
    }
    .credit-card-new.pay-sec-flex,
    .login.pay-sec-flex,
    .subscription.pay-sec-flex,
    .vip-privileges-new.pay-sec-flex {
        bottom: 0;
    }
    .game-mess-box .x-main {
        padding: 0 30px;
    }
    .game-ticket .mt {
        margin-top: 79px;
    }
    .game-ticket .game-mess-box,
    .redeem-code .game-mess-box {
        top: 56px;
    }
    .game-shop .mt {
        margin-top: 56px;
    }
    .forget .content,
    .login .content {
        min-height: calc(100vh - 189px);
    }
    .game-shops .shop-mess-box .x-main {
        display: block;
    }
    .game-shops .shop-mess-box .mess-box {
        float: left;
        width: 100%;
    }
    .game-shops .shop-banner {
        float: right;
        width: 100%;
    }
    .game-shops .shop-mess-box .mess-box.pc-mess-box {
        display: none;
    }
    .game-shops .shop-mess-box .mess-box.mobile-mess-box {
        display: block;
        margin-bottom: 20px;
    }
    .game-shops .shop-banner {
        margin-right: 0;
        padding: 0 0 59px;
    }
    .game-shops .shop-banner .swiper-container {
        width: 100%;
        margin-bottom: 0;
    }
    .game-shops .shop-banner .swiper-pagination {
        width: 100%;
        margin-top: 0;
        bottom: 15px;
    }
    .game-shops .shop-banner .swiper-slide .desc {
        padding: 0;
        text-align: left;
        font-size: 12px;
        opacity: 0.6;
        line-height: 16px;
    }
    .swiper-pagination-clickable .swiper-pagination-bullet {
        margin: 0 2px;
    }
    .game-shop .shop-banner .swiper-button-prev.swiper-button-white {
        width: 36px;
        height: 36px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAPFBMVEVHcEz///////////////////////////////////////////////////////////////////////////+PybD1AAAAE3RSTlMACKnO9xgNKjLktjuVTL+EaVp5UbjTfQAAAHJJREFUKM+l090KgCAMBeBppWal1d7/XWNQ0MW2A3VuP5C5H6J3Sk1kJ8/cgqfM0dJJdFy+6SC6GZqw8mFoaKK7pdVTiqKnq93SVbQWNbdaoc5/GDz+lJbV4I+htqCmgpGggaJ1QMuEVhG7fwboiJQTvACrhRJxK2KtWwAAAABJRU5ErkJggg==)
            no-repeat 50%;
        background-size: 15px 15px;
        top: 88%;
        left: 0;
        margin: 0;
    }
    .game-shop .shop-banner .swiper-button-next.swiper-button-white {
        width: 36px;
        height: 36px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAP1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////9KjZoYAAAAFHRSTlMAHsK2DvmpMisG6d6VQ9JVhHPzZAAH3OQAAAB6SURBVCjPpdNJDoAgDAVQBERAnHv/swosTIz8VuPfvoSUDkrdYs2gcIKm6DE7Iood5GHPPmKf+hc+W+iL5JlJYz+qB+hbcSO4w75Wr51oxhRPmYlJ4pnWP5wf981cpQkf+94Wvqn8SPiB8uswyQpXUVhk4QyEI3qc4AkWkBNnZBMVbgAAAABJRU5ErkJggg==)
            no-repeat 50%;
        background-size: 15px 15px;
        top: 88%;
        right: 0;
        margin: 0;
    }
    .game-shop .shop-banner .swiper-button-next.swiper-button-white:hover {
        background: none;
        background-color: none;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAP1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////9KjZoYAAAAFHRSTlMAHsK2DvmpMisG6d6VQ9JVhHPzZAAH3OQAAAB6SURBVCjPpdNJDoAgDAVQBERAnHv/swosTIz8VuPfvoSUDkrdYs2gcIKm6DE7Iood5GHPPmKf+hc+W+iL5JlJYz+qB+hbcSO4w75Wr51oxhRPmYlJ4pnWP5wf981cpQkf+94Wvqn8SPiB8uswyQpXUVhk4QyEI3qc4AkWkBNnZBMVbgAAAABJRU5ErkJggg==)
            no-repeat 50%;
        background-size: 15px 15px;
    }
    .game-shop .shop-banner .swiper-button-prev.swiper-button-white:hover {
        background: none;
        background-color: none;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAPFBMVEVHcEz///////////////////////////////////////////////////////////////////////////+PybD1AAAAE3RSTlMACKnO9xgNKjLktjuVTL+EaVp5UbjTfQAAAHJJREFUKM+l090KgCAMBeBppWal1d7/XWNQ0MW2A3VuP5C5H6J3Sk1kJ8/cgqfM0dJJdFy+6SC6GZqw8mFoaKK7pdVTiqKnq93SVbQWNbdaoc5/GDz+lJbV4I+htqCmgpGggaJ1QMuEVhG7fwboiJQTvACrhRJxK2KtWwAAAABJRU5ErkJggg==)
            no-repeat 50%;
        background-size: 15px 15px;
    }
    .game-shop .shop-banner .swiper-button-next.swiper-button-white:active,
    .game-shop .shop-banner .swiper-button-prev.swiper-button-white:active {
        background-color: rgba(4, 27, 46, 0.8);
    }
    .game-shops .shop-mess-box {
        padding-bottom: 0;
    }
    .game_list .banner-wrap {
        box-sizing: border-box;
        margin: 56px 30px 0;
        width: auto;
        overflow: hidden;
    }
    .game_list .banner-wrap .ad-pic,
    .game_list .banner-wrap .x-main {
        height: 215px;
    }
    .game_list .banner-tool .main,
    .game_list .banner-wrap .x-main {
        padding: 0;
        width: 100%;
    }
    .game_list .banner-tool .right {
        display: none;
    }
    .game_list .banner-tool .desc .text > p {
        font-size: 11px;
    }
    .game_list .banner-tool .desc .text {
        flex: 1;
    }
    .game_list .banner-tool .main .left {
        width: 100%;
        padding: 0 5px;
        box-sizing: border-box;
    }
    .game_list .banner-tool .abox {
        margin-left: 5px;
        text-align: right;
    }
    .game_list .banner-tool .subscribe {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .game_list .banner-tool .subscribe .p:after {
        top: 49%;
    }
    .game_list .banner-tool .subscribe .p {
        font-size: 11px;
        white-space: nowrap;
        line-height: 25px;
    }
    .game-coin .coin-mess-box {
        padding: 0 30px;
        box-sizing: border-box;
    }
    .game_list .game-mess-box {
        display: block;
        background: var(--bg-color-3, #141b3d);
    }
    .game_list .banner-tool {
        top: 0;
        left: 0;
        right: 0;
        padding: 7px 0;
        width: 100%;
        box-sizing: border-box;
        position: absolute;
    }
    .game_list .banner-tool .main {
        display: block;
    }
    .buy-suc .follow-box {
        top: 57px;
        min-height: 36px;
        padding: 11px 0;
    }
    .buy-suc .follow-box .left {
        font-size: 12px;
        margin-right: 10px;
    }
    .buy-suc .follow-box .right .follow-btn {
        width: 110px;
        height: 36px;
        line-height: 36px;
    }
    .buy-suc .follow-box .right .follow-btn p {
        font-size: 12px;
        line-height: 18px;
    }
    .buy-suc-box {
        padding-top: 30%;
    }
    .buy-suc .content {
        min-height: calc(100vh - 57px);
    }
    .feedback .tab-nav-box {
        padding: 15px 0;
    }
    .coop {
        padding: 32px 12px;
    }
    .feedback .content,
    .feedback .content.calc {
        min-height: calc(100vh - 167px);
    }
    .feedback .content.calc .x-main {
        margin: 0 14px;
        width: auto;
    }
    .feedback .content.calc .tab-nav-box {
        padding: 15px 0;
    }
    .country .content .main {
        padding-top: 40px;
    }
    .country .title {
        margin-bottom: 50px;
    }
    .err-country .warn {
        margin-top: 25px;
        margin-bottom: 17px;
    }
    .err-country .title {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -0.5px;
        margin-bottom: 54px;
    }
    .err-country .line-box p {
        font-size: 12px;
        padding: 0 12px;
    }
    .err-country .line-box {
        margin-bottom: 24px;
    }
    .err-country .bg-box {
        height: 64px;
    }
    .err-country .line-box .line {
        height: 1px;
    }
    .country .list ul li {
        margin-bottom: 8px;
    }
    .country .list {
        margin-bottom: 24px;
    }
    .footer {
        padding: 32px 0;
        min-height: auto;
    }
    .footer .main,
    .set-bottom-footer .main {
        padding: 0 30px;
    }
    .set-bottom-footer .close {
        right: 30px;
    }
    .footer .t {
        position: relative;
        padding-bottom: 23px;
    }
    .footer .t .p-box {
        width: 100%;
        margin-bottom: 0;
        position: relative;
        display: block;
    }
    .footer .t .p-box .box {
        flex: 1;
        padding-right: 0;
        margin-bottom: 12px;
        overflow: hidden;
    }
    .footer .t .left .p-box .box {
        margin-bottom: 0;
    }
    .footer .copying,
    .footer li a {
        font-size: 12px;
        line-height: 20px;
    }
    .footer .copying {
        letter-spacing: -0.2px;
    }
    .footer .t .contact-btn {
        min-width: 48%;
        margin-right: 4%;
        display: block;
        float: left;
    }
    .footer .t .left,
    .footer .t .right {
        width: 100%;
    }
    .footer .t .label {
        margin-bottom: 12px;
    }
    .footer .t .left .label {
        margin-bottom: 0;
    }
    .footer .t .p-box .on-list {
        margin-top: 16px;
    }
    .footer .t .left {
        margin-bottom: 23px;
        padding-bottom: 23px;
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
    }
    .other-wrap-mod .footer {
        padding: 16px 0;
    }
    .other-wrap-mod .footer .copying,
    .other-wrap-mod .footer li a {
        color: hsla(0, 0%, 100%, 0.2);
        line-height: 20px;
    }
    .other-wrap-mod .footer li a:after {
        opacity: 0.2;
    }
    .coupon .tab-nav-box {
        margin-top: 24px;
        margin-bottom: 17px;
    }
    .coupon .tab-nav-box li {
        margin-right: 24px;
    }
    .coupon .list-box .list {
        width: 49.5%;
        margin-right: 1%;
        margin-bottom: 8px;
        display: block;
        padding: 12px 16px 8px;
        box-sizing: border-box;
    }
    .coupon .list-box .list:nth-child(3n) {
        margin-right: 1%;
    }
    .coupon .list-box .list:nth-child(2n) {
        margin-right: 0;
    }
    .coupon .list-box .list .right .pc-logo {
        display: none;
    }
    .coupon .list-box .list .right .mobile-logo {
        display: block;
    }
    .coupon .list-box .list .line {
        display: none;
    }
    .coupon .list-box .list .yuan {
        width: 8px;
        height: 8px;
    }
    .coupon .list-box .list .ly {
        left: -4px;
    }
    .coupon .list-box .list .ry {
        right: -4px;
    }
    .coupon .list-box .list .left .money {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 4px;
        padding-left: 0;
    }
    .coupon .list-box .list .left .desc {
        padding-left: 0;
        line-height: 17px;
        margin-bottom: 4px;
    }
    .coupon .list-box .list .right {
        padding: 0;
    }
    .coupon .list-box .list .right .mobile-logo {
        position: absolute;
        right: 13px;
        top: 14px;
    }
    .coupon .list-box .list .right .cou-name {
        display: none;
    }
    .record .select-data-box .data {
        height: 42px;
    }
    .record .select-data-box {
        padding: 0 30px;
        margin-top: 18px;
        margin-bottom: 14px;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        box-sizing: border-box;
    }
    .time-picker-box {
        width: auto;
        right: 15px;
    }
    .record .select-data-box .data {
        flex: 1;
    }
    .record .select-data-box .data .stat-time {
        padding-left: 12px;
        font-size: 12px;
    }
    .record .select-data-box .data .end-time {
        padding-right: 12px;
        font-size: 12px;
    }
    .record .select-data-box .data .mid {
        padding: 0 14px;
    }
    .record .select-data-box .date-box {
        height: 42px;
    }
    .record .select-data-box .btn {
        height: 42px;
        line-height: 42px;
    }
    .record .content > .x-main {
        padding: 0;
    }
    .table .table-body .tr .td,
    .table .th .td {
        padding-left: 15px;
    }
    .record .content {
        min-height: calc(100vh - 167px);
        margin-bottom: 40px;
    }
    .table .th .td1 {
        width: 25%;
    }
    .table .th .td2 {
        width: 34%;
    }
    .table .th .td3 {
        width: 23%;
    }
    .table .th .td4 {
        width: 18%;
    }
    .table .table-body .tr .td1 {
        width: 25%;
    }
    .table .table-body .tr .td2 {
        width: 34%;
    }
    .table .table-body .tr .td3 {
        width: 23%;
    }
    .table .table-body .tr .td4 {
        width: 18%;
        padding-left: 25px;
    }
    .feedback .tab-nav-box {
        padding: 30px;
        margin: 0;
    }
    .feedback-list .tab-nav-box {
        padding: 7px 30px 10px;
        margin: 0;
    }
    .feedback .go-problem-btn {
        width: 112px;
        height: 42px;
        line-height: 42px;
    }
    .feedback .content .x-main {
        padding: 0;
    }
    .feedback .btn-box {
        padding: 0 30px;
        box-sizing: border-box;
    }
    .xnav .main li {
        margin-right: 24px;
    }
    .shop-car .tab-box {
        height: 46px;
    }
    .shop-car .tab-box .list {
        width: 50%;
    }
    .shop-car .tab-box ul {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
    }
    .shop-car .tab-box .list {
        flex: 1;
        height: 46px;
    }
    .shop-car .tab-list-box .item {
        padding: 20px 12px;
        height: 125px;
    }
    .shop-car .checkbox {
        padding-right: 17px;
    }
    .shop-car .shop-mess-box .shop-pic {
        max-height: 74px;
        margin-right: 23px;
    }
    .shop-car .tab-list-box .item-box {
        width: 100%;
        margin-right: 0;
    }
    .shop-car .shop-mess-box .mess-box .list {
        height: 20px;
    }
    .shop-car .shop-mess-box .mess-box .list .val.shop-name {
        font-size: 12px;
    }
    .shop-car .shop-mess-box .mess-box .list .label,
    .shop-car .shop-mess-box .mess-box .list .val {
        font-size: 10px;
    }
    .shop-car .shop-mess-box .mess-box .list .num-box {
        height: 21px;
    }
    .shop-car .shop-mess-box .mess-box .list .num-box .add,
    .shop-car .shop-mess-box .mess-box .list .num-box .reduce {
        line-height: 21px;
        height: 21px;
        width: 21px;
    }
    .shop-car .shop-mess-box .mess-box .list .num-box .num {
        line-height: 21px;
        height: 21px;
        width: 30px;
    }
    .shop-car .tab-list-box .item .del {
        width: 38px;
        height: 54px;
        top: 0;
    }
    .shop-car .tab-list-box .item .more {
        width: 36px;
        height: 23px;
    }
    .shop-car .more-box .swiper-bbox {
        height: 228px;
    }
    .shop-car .more-box .more-btn {
        height: 20px;
    }
    .shop-car .more-box {
        height: 248px;
    }
    .shop-car .more-box .swiper-container {
        height: 228px;
    }
    .shop-car .more-box .swiper-slide {
        height: 228px;
        max-height: 100%;
        display: block;
        padding: 0;
        border-bottom: none;
    }
    .shop-car .more-box .swiper-slide .list-box {
        width: 100%;
        float: left;
    }
    .shop-car .more-box .swiper-slide .slide-box {
        padding-left: 42px;
        height: 114px;
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
    }
    .shop-car .more-box .swiper-slide .slide-box:last-child {
        border-bottom: none;
    }
    .shop-car .more-box .more-btn p {
        width: 11px;
        height: 6px;
    }
    .shop-car .tab-list-box {
        margin-bottom: 360px;
    }
    .pop-mode-box .select-order-mode-pop {
        width: 92%;
    }
    .pop-mode-box .select-order-mode-pop .sect-box::-webkit-scrollbar {
        display: none;
    }
    .pop-mode-box .select-order-mode-pop .sect-box .tab-list-box {
        width: 100%;
    }
    .pop-mode-box .select-order-mode-pop .checkbox {
        left: 15px;
    }
    .pop-mode-box .select-order-mode-pop .table .table-body .tr .td1,
    .pop-mode-box .select-order-mode-pop .table .th .td1 {
        padding-left: 43px;
    }
    .pop-mode-box .select-order-mode-pop {
        padding-bottom: 32px;
    }
    .pop-mode-box .select-order-mode-pop .btn-wrap {
        padding: 0 15px;
        width: 100%;
        box-sizing: border-box;
    }
    .pop-mode-box .select-order-mode-pop .btn-wrap .btn-box {
        width: 49%;
        padding: 0;
        margin-right: 2%;
    }
    .pop-mode-box .select-order-mode-pop .btn-wrap .btn-box:last-child {
        margin-right: 0;
    }
    .pop-mode-box .select-order-mode-pop .btn-wrap .btn-box .btn {
        width: 100%;
    }
    .pop-mode-box .select-order-mode-pop .not-find .item-list .item-label {
        padding-left: 16px;
        width: 70px;
    }
    .time-picker-box {
        left: 0;
        min-width: 100%;
        max-width: 500px;
    }
    .pop-mode-box .select-order-mode-pop .not-find .item-list .select-data-box .time-picker-box {
        width: 290px;
        left: -70px;
        padding-bottom: 19px;
    }
    .game-pay-section ul li .shop-box .bonus {
        font-size: 18px;
        margin-top: -3px;
    }
    .new-media.game-pay-section ul li .shop-box .bonus {
        font-size: 24px;
        margin-top: 0;
    }
    .personal .content {
        min-height: calc(100vh - 167px);
    }
    .mc {
        display: none;
    }
    .codm-redeem .mc,
    .game-ticket-new .mc,
    .game_list_new .mc {
        display: block !important;
    }
    .change-old {
        position: relative;
        float: right;
        margin-bottom: 24px;
        right: 0;
        bottom: 0;
    }
    .mobile-show {
        display: block;
    }
    .pc-show {
        display: none;
    }
    .credit-card .head-title p {
        padding-top: 8px;
        padding-bottom: 30px;
        font-size: 20px;
        text-align: center;
    }
    .credit-card .head-title .x-main {
        position: relative;
    }
    .credit-card .back-icon {
        display: block;
        position: absolute;
        left: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
    }
    .credit-card .back-icon img {
        width: 9px;
    }
    .credit-card .con-1 {
        height: auto;
        line-height: 20px;
        padding-top: 0;
        margin-top: 32px;
        width: 100%;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .credit-card .con-1 .text-1 {
        width: 100%;
        margin-bottom: 16px;
        font-size: 18px;
        padding-bottom: 0;
    }
    .credit-card .con-1 .text-2 {
        padding-top: 0;
        opacity: 1;
        width: 100%;
    }
    .credit-card .con-1 .text-2 .pp {
        float: right;
    }
    .credit-card .con .title {
        margin-bottom: 19px;
    }
    .history-list .hist-box .title {
        margin-bottom: 0;
    }
    .credit-card .con .text-1 {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 20px;
        margin-bottom: 0;
    }
    .credit-card .tip-txt {
        padding: 3px 14px;
    }
    .credit-card .tip-txt p i {
        display: block;
    }
    .credit-card .head-title .icon-pic {
        display: none;
    }
    .credit-card .list-box .list .left,
    .credit-card .list-box .list .right {
        width: 100%;
    }
    .personal .pop-mode.pop-form-mode-2 .list-box .list-1 .left,
    .personal .pop-mode.pop-form-mode-2 .list-box .list-1 .right {
        width: 48%;
        margin-bottom: 0;
    }
    .pop-mode-box .pop-mode.pop-form-mode-1 .form-box-wrap-2 .form-box-warp .history-list,
    .pop-mode-box .pop-mode.pop-form-mode-2 .form-box-wrap-2 .form-box-warp .history-list {
        width: 100%;
    }
    .credit-card .list-box .list-0 .left,
    .credit-card .list-box .list-4 .left,
    .credit-card .list-box .list .max-left {
        margin-bottom: 0;
    }
    .credit-card .list-box .list .max-left {
        margin-bottom: 0 !important;
    }
    .credit-card .list-box .list .left,
    .pop-mode-box .pop-mode.pop-form-mode-2 .list-1 .right {
        margin-bottom: 24px;
    }
    .form-box-wrap-2 .list-box {
        padding-bottom: 11px;
    }
    .credit-card .form-box-wrap-2 .list-box .list-2,
    .credit-card.game-shop .form-box-wrap-1 .list-box .list-2 {
        margin-bottom: 0;
    }
    .record .upload_img_wrap {
        margin-bottom: 24px;
        overflow: hidden;
    }
    .credit-card .list-box .list-2 .left {
        width: 48.3%;
        float: left;
        margin-bottom: 0;
    }
    .credit-card .form-box-wrap-1 .list-box .list-2 .left,
    .credit-card .form-box-wrap-1 .list-box .list-2 .right,
    .credit-card .form-box-wrap-2 .list-box .list-2 .left,
    .credit-card .form-box-wrap-2 .list-box .list-2 .right {
        width: 100%;
        margin-bottom: 24px;
    }
    .credit-card .form-box-wrap-1 .list-box .list-2 .right {
        margin-bottom: 0;
    }
    .pop-mode-box .pop-mode.pop-form-mode .form-box-wrap .close {
        width: 14px;
        height: 14px;
        right: 24px;
        top: 35px;
    }
    .credit-card .list-box .list-2 .right {
        width: 48.3%;
        float: right;
    }
    .credit-card .con-2 .list-box .list-3 {
        margin-top: 8px;
    }
    .credit-card .list-box .list .label {
        margin-bottom: 12px;
    }
    .credit-card .list-box .list .xy-box p {
        width: 92%;
        line-height: 21px;
        padding: 12px 0;
    }
    .credit-card .list-box .list .xy-box .check-icon {
        margin-top: 16px;
    }
    .credit-card .con-2 {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .pay-sec-box {
        margin-top: 0;
    }
    .pay-sec-box .x-main {
        width: 100%;
        display: block;
        box-sizing: border-box;
    }
    .pay-sec-box .left .txt {
        text-align: center;
        margin-bottom: 17px;
    }
    .credit-card .con-3 .list-box .list-1 .left,
    .credit-card .con-3 .list-box .list-1 .right,
    .credit-card .con-3 .list-box .list-2 .left,
    .credit-card .con-3 .list-box .list-2 .right {
        width: 49%;
        margin-bottom: 0;
    }
    .credit-card .con .month-picker-box ul li div:hover {
        background: none;
    }
    .pendant {
        bottom: 55px;
        right: -5px;
    }
    .pendant img {
        width: 175px;
    }
    .clause-box-pop .x-main {
        padding: 0 15px;
    }
    .clause-box-pop {
        width: auto;
        bottom: 63px;
        left: 0;
        right: 0;
    }
    .pay-sec.pay-sec-flex .clause-box-pop {
        left: 16px;
        right: 16px;
        bottom: 80px;
    }
    .clause-box-pop .b-box {
        padding: 20px 16px;
    }
    .clause-box-pop .list-row {
        margin-bottom: 16px;
    }
    .clause-box-pop .list-two .list {
        width: 100%;
    }
    .clause-box-pop .list-two .l-list {
        margin-bottom: 16px;
    }
    .clause-box-pop .detail-box {
        padding: 32px 16px 16px;
    }
    .clause-box-pop .detail-box .list {
        margin-bottom: 24px;
    }
    .record .form-box .select-box {
        float: left;
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    .user-personal .record .form-box .select-box {
        padding: 0;
    }
    #city_dummy,
    #date_dummy,
    .record .form-box .select-box .select-item .select-block p {
        padding-right: 32px;
        box-sizing: border-box;
        max-width: 100%;
        min-width: auto;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        position: relative;
    }
    #date_dummy_1 {
        width: 100%;
        height: 46px;
        box-sizing: border-box;
    }
    .record .form-box .select-box .select-item.left {
        float: left;
    }
    .record .form-box .select-box .select-item.right {
        float: right;
    }
    .record .form-box {
        height: auto;
    }
    .record .form-box .form-title {
        width: 100%;
        text-align: center;
        font-size: 20px;
        color: #fff;
        letter-spacing: 0;
        padding-top: 32px;
        padding-bottom: 22px;
        line-height: 24px;
    }
    .record .form-box .select-box {
        margin-top: 0;
        margin-bottom: 18px;
    }
    .record .form-box.posts.show .select-box {
        padding-bottom: 48px;
    }
    .record .form-box .select-box .select-item {
        margin-left: 0;
        width: 48%;
    }
    .record-table .th {
        display: none;
    }
    .record-table .table-body .tr {
        border-bottom: 1px solid var(--bg-color-3, #141b3d);
        padding: 16px 24px 21px;
    }
    .record-table .table-body .tr:last-child {
        border-bottom: none;
    }
    .record-table .table-body .tr .td {
        line-height: unset;
        width: auto;
        height: auto;
    }
    .record-table .table-body .tr .td1 {
        padding-left: 0;
        width: 100%;
        margin-bottom: 12px;
    }
    .record-table .table-body .tr .td1 p {
        line-height: 24px;
        font-size: 16px;
        width: auto;
    }
    .record-table .table-body .tr .td1 p:first-child,
    .record-table .table-body .tr .td2 p,
    .record-table .table-body .tr .td4 p {
        width: 228px;
        white-space: pre-wrap;
        word-break: break-word;
        box-sizing: unset;
        white-space: unset;
        text-overflow: unset;
    }
    .user-personal .record-table .table-body .tr .td1 p:first-child,
    .user-personal .record-table .table-body .tr .td2 p,
    .user-personal .record-table .table-body .tr .td4 p {
        width: 100%;
    }
    .art-box.record .record-table .table-body .tr .td.td1 p.mobile-show {
        display: block !important;
        float: right;
        font-size: 16px;
        color: #fff;
        text-align: right;
        line-height: 24px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 16px;
        max-width: 106px;
        padding-right: 20px;
    }
    .record-table .tr .td .mobile-show:after {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAHlBMVEVHcEz////////////////////////////////////JATChAAAACXRSTlMAAhS/sQcMirmD9x4xAAAAVElEQVQY02NgYGAQFGDAAdQVEFJMlkaMcA5r52QkqZSZyFKeSFICyFKMovil4EYIhCBJIXNQlCEbgGI0iskozkGRQPYCG7LnBJG9zSAoiBQg8KACALA5FPDqap4TAAAAAElFTkSuQmCC);
        background-repeat: no-repeat;
        background-size: cover;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .record-table .table-body .tr .td2 {
        padding-left: 0;
        width: 100%;
        margin-bottom: 9px;
    }
    .record-table .table-body .tr .td2 p,
    .record-table .table-body .tr .td4 p {
        font-size: 12px;
        color: hsla(0, 0%, 100%, 0.6);
        line-height: 18px;
    }
    .record-table .table-body .tr .td3 {
        display: none;
    }
    .record-table .table-body .tr .td4 {
        float: left;
        padding-left: 0;
    }
    .record-table .table-body .tr .td5 {
        float: right;
        padding-left: 0;
    }
    .record-table .table-body .tr:hover {
        background: var(--bg-color-6, #19214b);
    }
    .record-table .table-body .tr:active {
        background: var(--bg-color-8, #1d2657);
    }
    .record-table {
        margin-bottom: 0;
    }
    .record-detailt-pop .item ul li {
        margin-bottom: 12px;
    }
    .record-detailt-pop {
        width: 100%;
        top: 57px;
        left: 0;
        bottom: 0;
        transform: unset;
        box-shadow: 0 -8px 20px var(--bg-color-2, #111733);
        position: fixed;
    }
    .record-detailt-pop.show {
        transform: unset;
    }
    .record-detailt-pop .pop-title {
        height: 64px;
        padding: 20px;
    }
    .record-detailt-pop .pop-title p {
        font-size: 16px;
        line-height: 24px;
    }
    .record-detailt-pop .item ul li .val {
        padding-right: 68px;
    }
    .record-detailt-pop .item ul li .val .invoice {
        right: 20px;
    }
    .record-detailt-pop .close-btn {
        width: 12.8px;
        height: 12.8px;
        top: 24px;
        right: 20px;
        opacity: 0.6;
    }
    .record-detailt-pop .detailt-box {
        height: calc(100vh - 212px);
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 0;
        margin-bottom: 67px;
    }
    .cookie-agreement-pop .detailt-box {
        margin: 0 20px;
        box-sizing: border-box;
        padding-bottom: 90px;
    }
    .record-detailt-pop .bottom-zz-bg {
        height: 67px;
        text-align: center;
    }
    .record-detailt-pop .bottom-zz-bg .pop-btn {
        bottom: 20px;
        left: 20px;
        right: 20px;
    }
    .record-detailt-pop .x-pop-btn {
        text-align: center;
        padding-top: 20px;
        padding-right: 0;
    }
    .record-detailt-pop .block .block-title p {
        font-size: 16px;
    }
    .record-detailt-pop .item ul li.total .label {
        font-size: 14px;
    }
    .record-detailt-pop .item ul li .label {
        width: 111px;
    }
    .paging-tool-box {
        display: none;
    }
    .market-message {
        position: relative !important;
        right: auto !important;
        margin-bottom: 28px;
        bottom: auto !important;
        top: auto !important;
        margin-top: 6px;
        float: left;
        border-radius: 4px;
        width: 100% !important;
        z-index: 1;
    }
    .game_list_new .market-message {
        margin-top: 0;
    }
    .vip .market-message {
        margin-bottom: 0;
        margin-top: 20px;
    }
    .notification-message {
        padding-right: 8px;
        padding-left: 12px;
        margin-top: -4px;
        margin-bottom: 20px;
    }
    .notification-message .block .more {
        margin-right: 6px;
    }
    .notification-message .mess {
        padding-right: 8px;
        padding-left: 21px;
    }
    .game-pay-section .title {
        display: block;
    }
    .game-pay-section .title .mark-mod-bubble {
        width: auto;
        display: block;
        padding: 0;
        float: left;
        margin-left: 0;
        border: none;
        background: none;
        margin-top: 2px;
    }
    .game-pay-section ul li .mark-mod-text {
        line-height: 32px;
        height: 32px;
    }
    .game-pay-section ul li.have-mark-text .price-box {
        margin-top: 36px;
    }
    .game_list_section .list-box ul li .mark-mod-shop-text {
        font-size: 12px;
        color: #ffd085;
        letter-spacing: -0.18px;
        line-height: 12px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.11);
        padding-left: 17px;
        margin-bottom: 10px;
    }
    .game_list_section .list-box ul li .mark-mod-shop-text:before {
        width: 12px;
        height: 12px;
    }
    .currency .go-back {
        display: block;
        top: 12px;
        left: 20px;
    }
    .currency .form-box .not-opened,
    .currency .form-box .yes-opened,
    .currency .mess-box {
        width: 100%;
    }
    .currency .content .x-main {
        padding-top: 60px;
        padding-left: 0;
        padding-right: 0;
        background: var(--bg-color-2, #111733);
    }
    .currency .form-box .not-opened,
    .currency .form-box .yes-opened {
        float: left;
        padding-left: 20px;
        padding-right: 20px;
    }
    .currency .mess-box {
        border-right: none;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 42px;
        background: #141b3d;
    }
    .currency .form-box .not-opened .title,
    .currency .form-box .yes-opened .title {
        font-size: 20px;
        line-height: 24px;
        padding-left: 28px;
        margin-bottom: 28px;
    }
    .currency .form-box .yes-opened .title {
        padding-left: 0;
    }
    .currency .form-box .not-opened .title:before,
    .currency .form-box .yes-opened .title:before {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }
    .currency .form-box .not-opened .btn,
    .currency .form-box .not-opened .tips,
    .currency .form-box .yes-opened .tips {
        margin-top: 20px;
    }
    .currency .form-box .yes-opened .btn {
        margin-top: 40px;
        margin-bottom: 32px;
    }
    .currency .list-box .list {
        margin-bottom: 32px;
    }
    .currency .mess-box .block .title {
        margin-bottom: 20px;
    }
    .currency .mess-box .block .desc {
        line-height: 24px;
    }
    .currency .mess-box .block {
        margin-bottom: 58px;
    }
    .currency .header {
        background: var(--bg-color-2, #111733);
    }
    .back-mod-btn {
        display: block;
    }
    .currency .form-box .not-opened .btn {
        display: none;
    }
    .not-opened-btn {
        display: block;
        height: 46px;
        line-height: 46px;
        text-align: center;
        font-size: 14px;
        letter-spacing: 0;
        cursor: pointer;
        position: relative;
        background: var(--btn-color-2, #3a7bfc);
        color: #fff;
        margin: 0 20px 48px;
    }
    .not-opened-btn.position-fixed {
        position: fixed;
        bottom: 16px;
        left: 0;
        right: 0;
        z-index: 20;
        margin-bottom: 0;
    }
    .currency .form-box .yes-opened .btn.btn-gold-icon:before {
        left: 10px;
        top: -12px;
    }
    .currency .form-box .yes-opened .btn.btn-gold-icon:after {
        right: 7px;
    }
    .currency .form-box .yes-opened .item-box .item .val {
        float: right;
    }
    .midas-coins .form-box .not-opened .item-box .item .val,
    .midas-coins .form-box .yes-opened .item-box .item .val {
        overflow: hidden;
        float: none;
    }
    .gold-icon-block {
        display: block;
    }
    .gold-icon-block .midascoin-1 {
        position: absolute;
        right: 24px;
        top: 65px;
        width: 53px;
    }
    .gold-icon-block .midascoin-2 {
        position: absolute;
        right: 89px;
        top: 120px;
        width: 37px;
    }
    .currency .form-box .not-opened .btn:not(.disable):hover,
    .currency .form-box .yes-opened .btn:not(.disable):hover {
        background: #3167d3;
        color: hsla(0, 0%, 100%, 0.8);
    }
    .game-coin .coin-mess-box .coin-big-icon {
        display: none;
    }
    .game-coin .coin-mess-box .t-box .item-box .item:first-child {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
        margin-top: 0;
    }
    .game-coin .coin-mess-box .t-box .item-box .item {
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        margin-top: 22px;
    }
    .game-coin .coin-mess-box .t-box .item-box .item .val {
        float: right;
    }
    .game-coin .coin-rechage-block {
        padding-top: 33px;
    }
    .game-coin .pay-type-box .title {
        margin-bottom: 16px;
    }
    .game-coin .pay-type-box .title p {
        line-height: 16px;
    }
    .game-pay-section ul li .shop-pic-box img {
        height: 32px;
    }
    .game-pay-section ul li .shop-pic-box img.extra-icon {
        width: 24px;
        height: 24px;
    }
    .game-pay-section ul li .shop-pic-box .give-shop {
        width: 32px;
        height: 32px;
    }
    .game-pay-section ul li .shop-pic-box .give-shop:not(:first-child) {
        margin-left: -8px;
    }
    .game-pay-section ul li .shop-pic-box .give-shop span {
        color: hsla(0, 0%, 100%, 0.7490196078431373);
        font-size: 12px;
        font-weight: 400;
        font-family: "Montserrat", sans-serif;;
        text-align: center;
        line-height: 12px;
    }
    .pay-type-box .pay-list-box .give-shop-box .give-shop {
        width: 28px;
        height: 28px;
    }
    .pay-type-box .pay-list-box .give-shop-box .give-shop:not(:first-child) {
        margin-left: -8px;
    }
    .pay-type-box .pay-list-box img {
        height: 28px;
    }
    .game-coin .pay-type-box .pay-list-box .other-list,
    .pay-type-box.account .pay-list-box .list {
        height: 62px;
    }
    .game-coin .pay-type-box .pay-list-box .list .t-box {
        height: 60px;
        line-height: 60px;
    }
    .game-coin .account {
        margin-bottom: 40px;
    }
    .pay-type-box.payment .pay-list-box .list {
        padding: 16px;
    }
    .game-coin .content {
        padding-bottom: 120px;
    }
    .vip .content {
        padding-bottom: 0;
    }
    .vip-privileges .content {
        padding-bottom: 90px;
    }
    .coin-warn-tips {
        margin-top: 6px;
    }
    .pay-type-box .coins-tips-box .type {
        font-size: 14px;
    }
    .pay-type-box.payment .pay-list-box .list:not(.coins):hover .pay-tips-box {
        display: none;
    }
    .other-paymen-box {
        margin-top: 8px;
        text-align: center;
    }
    .pay-type-box.payment .pay-list-box .list-box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 8px;
    }
    .pay-type-box.payment .pay-list-box .list {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }
    .pay-type-box.payment .pay-list-box .list-box.activeParent .pay-tips-box {
        display: block !important;
        position: relative;
        float: left;
        left: auto;
        top: auto;
        padding: 16px 16px 8px;
    }
    .pay-type-box.payment .pay-list-box .list-box.activeParent .coins-tips-box {
        display: block !important;
        position: relative;
        float: left;
        left: auto;
        top: auto;
        padding: 16px;
    }
    .pay-type-box .coins-tips-box {
        padding: 16px;
        top: 64px;
    }
    .load-more {
        display: block;
    }
    .user-side-nav-box {
        position: fixed;
        left: 0;
        right: 0;
        top: 120px;
        bottom: 0;
        background: rgba(0, 0, 0, 0.4);
        z-index: 100;
        display: none;
    }
    .user-side-nav {
        width: 100%;
    }
    .user-side-nav li p {
        padding-left: 32px;
        font-size: 16px;
    }
    .user-side-nav li {
        height: 64px;
    }
    .user-side-nav li:active {
        background: var(--bg-color-8, #1e2754);
    }
    .user-side-nav li p {
        height: 64px;
        line-height: 64px;
    }
    .user-side-nav li.active p:after {
        content: "\e763";
        width: 16px;
        height: 12px;
        position: absolute;
        right: 28px;
        top: 0;
        color: #fff;
        font-family: "Montserrat", sans-serif;;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .user-personal .content > .x-main {
        padding-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    .art-box {
        padding-top: 0;
    }
    .art-box .form-box .form-title {
        text-align: center;
        font-size: 20px;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 24px;
    }
    .art-box.record .form-box .form-title {
        margin-bottom: 24px;
    }
    .art-box .form-box .list-box .list-title .title {
        font-size: 16px;
        color: #fff;
        letter-spacing: 0.36px;
        line-height: 16px;
        padding-left: 12px;
        margin-bottom: 0;
    }
    .art-box .form-box .list-box .list-title {
        margin-bottom: 16px;
    }
    .art-box .form-box .list-box .list-title .title:before {
        height: 16px;
    }
    .account-details .form-box .list-block,
    .payment-method .form-box .list-block {
        padding: 24px 16px;
    }
    .account-details .form-box .facebook-list-block {
        padding: 19px 16px;
        justify-content: space-between;
    }
    .account-details .form-box .facebook-list-block .user-pic {
        margin-right: 8px;
        width: 35px;
        height: 35px;
    }
    .account-details .form-box .list-box .list {
        margin-bottom: 40px;
    }
    .account-details .form-box .list-box .tool.add-phone,
    .account-details .form-box .list-box .tool.edit-password {
        padding-right: 20px;
    }
    .account-details .form-box .list-box .tool.add-phone:after,
    .account-details .form-box .list-box .tool.edit-password:after {
        width: 16px;
        height: 16px;
    }
    .account-details .form-box .list-block .val {
        float: right;
    }
    .user-personal .content {
        padding-bottom: 60px;
    }
    .midas-coins .form-box .not-opened .btn {
        display: block;
        margin: 16px 0 0;
        width: 100%;
    }
    .midas-coins .form-box .not-opened .b-block {
        display: block;
    }
    .midas-coins .form-box .not-opened .list-box .list .label {
        width: 100%;
        overflow: hidden;
        float: none;
    }
    .midas-coins .form-box .not-opened .history-list {
        width: 100%;
    }
    .midas-coins .form-box .not-opened,
    .midas-coins .form-box .yes-opened {
        padding: 0;
    }
    .about-midas-coins,
    .create-midas-coins,
    .my-account {
        padding: 24px 16px;
    }
    .midas-coins .form-box .not-opened .list-box .list .label {
        line-height: 26px;
        height: 26px;
        margin-bottom: 8px;
    }
    .midas-coins .form-box .not-opened .tips {
        margin-top: 16px;
        padding-left: 0;
    }
    .user-personal .form-box .list-box .tool {
        line-height: 16px;
    }
    .account-details .form-box .list-box .tool.add-phone,
    .account-details .form-box .list-box .tool.edit-password,
    .payment-method .form-box .list-box .tool.add-new-card {
        padding-right: 21px;
    }
    .account-details .form-box .list-box .tool.add-phone:after,
    .account-details .form-box .list-box .tool.edit-password:after,
    .payment-method .form-box .list-box .tool.add-new-card:after {
        height: 18px;
        width: 18px;
    }
    .user-personal .form-box .select-box {
        margin-bottom: 0;
    }
    .user-personal .record-table {
        margin-top: 16px;
    }
    .art-box.record .record-table .table-body .tr .td,
    .art-box.record .record-table .table-body .tr .td:not(.td1) {
        line-height: 0;
        height: auto;
    }
    .art-box.record .record-table .table-body .tr .td2 {
        display: block;
        height: auto;
    }
    .art-box.record .record-table .table-body .tr .td p.time {
        display: none;
    }
    .art-box.record .record-table .table-body .tr .td1 {
        width: 100%;
        display: block;
        margin-bottom: 4px;
    }
    .art-box.record .record-table .table-body .tr .td2 {
        margin-bottom: 4px;
    }
    .art-box.record .record-table .table-body .tr {
        padding: 24px;
        border-bottom: none;
    }
    .user-personal .art-box.record .record-table .table-body .tr {
        padding: 16px 106px 16px 16px;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .art-box.record .record-table .table-body .tr .td1 .p-block {
        width: 228px;
        float: left;
    }
    .user-personal .art-box.record .record-table .table-body .tr .td1 .p-block {
        width: 208px;
    }
    .art-box.record .record-table .table-body .tr .td5 {
        width: auto;
    }
    .user-personal .content {
        padding-left: 0;
        padding-right: 0;
    }
    .art-box .form-box .form-title span {
        position: relative;
        padding-right: 30px;
    }
    .art-box .form-box .form-title em {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-color: var(--bg-color-9, #222c5c);
        border-radius: 2px;
        margin-left: 10px;
        right: 0;
    }
    .art-box .form-box .form-title em,
    .art-box .form-box .form-title em img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(0);
        -webkit-transform: translateY(-50%) rotate(0deg);
        -moz-transform: translateY(-50%) rotate(0deg);
        -o-transform: translateY(-50%) rotate(0deg);
        -ms-transform: translateY(-50%) rotate(0deg);
    }
    .art-box .form-box .form-title em img {
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        left: 50%;
        margin-left: -4px;
        width: 10px;
        height: 7px;
    }
    .art-box .form-box .form-title span.active em img {
        transform: translateY(-50%) rotate(180deg);
        -webkit-transform: translateY(-50%) rotate(180deg);
        -moz-transform: translateY(-50%) rotate(180deg);
        -o-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
    }
    .sub-head {
        height: 64px;
        line-height: 64px;
    }
    .sub-head .mess {
        width: 100%;
        display: block;
    }
    .sub-head .mess .logo {
        float: right;
        margin-right: 0;
    }
    .ent-sub-head .mess .logo {
        width: 34px;
        margin-top: 17px;
    }
    .sub-head .mess .name {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 64px;
    }
    .subscription .introduce-mod-block {
        margin: 28px 0;
        display: block;
        padding: 0 20px;
    }
    .wetv .introduce-mod-block {
        margin-top: 16px;
        margin-bottom: 12px;
    }
    .introduce-mod-block {
        height: 139px;
    }
    .interests-list .list p,
    .subscription .introduce-mod-block .mc-bg {
        display: none;
    }
    .ent-subscription .introduce-mod-block .title {
        font-size: 16px;
        color: #000;
        letter-spacing: 0;
        line-height: 16px;
        margin-top: 24px;
    }
    .subscription .introduce-mod-block .block {
        position: absolute;
        bottom: 21px;
        left: 20px;
        right: 20px;
    }
    .introduce-mod-block .interests-list {
        position: absolute;
        left: 20px;
        top: 56px;
        display: block;
    }
    .vip-new .introduce-mod-block .interests-list {
        top: 60px;
    }
    .introduce-mod-block .interests-list,
    .introduce-mod-block .mess {
        width: auto;
        right: 20px;
    }
    .interests-list .list {
        margin-right: 10px;
        display: block;
        float: left;
    }
    .vip-new .interests-list .list {
        margin-right: 14px;
    }
    .interests-list .list img {
        width: 32px;
        height: 32px;
    }
    .vip-new .interests-list .list img {
        width: 28px;
        height: 28px;
    }
    .subscription .introduce-mod-block .desc {
        max-width: 211px;
        float: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        margin: 0 8px 0 0;
    }
    .choose-plan .item {
        margin-bottom: 12px;
    }
    .choose-plan .item,
    .choose-plan .item .box {
        width: 100%;
        margin-right: 0;
        background: var(--bg-color-7, #1b234d);
        position: relative;
    }
    .choose-plan .item .box {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .choose-plan .item .tips-box {
        display: block;
    }
    .choose-plan .item .bottom .btn.disable .help-icon {
        display: none;
    }
    .choose-plan .item .top {
        flex: 1;
        height: auto;
        padding: 20px;
        background: var(--bg-color-7, #1b234d);
    }
    .choose-plan .item .bottom {
        width: 112px;
        padding: 24px 16px;
        box-sizing: border-box;
        background: var(--bg-color-8, #1e2754);
    }
    .choose-plan .item .bottom .desc,
    .pc-show-mod,
    .sub-details {
        display: none;
    }
    .mobile-show-mod {
        display: block;
    }
    .choose-plan .item .top .label {
        text-align: left;
        font-size: 14px;
        color: #fff;
        letter-spacing: 0;
        line-height: 14px;
    }
    .choose-plan .item .top .desc {
        margin-top: 6px;
        font-size: 12px;
        color: hsla(0, 0%, 100%, 0.6);
        line-height: 18px;
    }
    .choose-plan .item .top .gift {
        position: relative;
        right: auto;
        top: auto;
        margin-top: 10px;
        font-size: 10px;
        color: #514008;
        letter-spacing: -0.2px;
        line-height: 10px;
        padding: 4px 6px;
        border-radius: 2px;
    }
    .choose-plan .item .bottom .val {
        font-size: 18px;
        color: #fff;
        letter-spacing: 0;
        text-align: center;
        line-height: 18px;
        font-family: "Montserrat", sans-serif;;
        margin-bottom: 14px;
    }
    .choose-plan .item .bottom .original-price {
        font-size: 10px;
        color: hsla(0, 0%, 100%, 0.4);
        text-align: center;
        line-height: 10px;
        margin-bottom: 8px;
        margin-top: -8px;
        text-decoration: line-through;
    }
    .choose-plan .item .bottom .btn {
        height: 26px;
        line-height: 26px;
        font-size: 12px;
        color: #fff;
        letter-spacing: 0;
        text-align: center;
    }
    .game-sub-head .mess .logo {
        width: 42px;
        margin-top: 17px;
    }
    .game-subscription .tab-box {
        margin-top: 24px;
        margin-bottom: 20px;
    }
    .game-subscription .tab-swiper-box .swiper-slide-1 .introduce-mod-block,
    .game-subscription .tab-swiper-box .swiper-slide-2 .introduce-mod-block {
        margin: 0;
    }
    .game-subscription .introduce-mod-block .title {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 16px;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
        margin-top: 24px;
    }
    .game-subscription .introduce-mod-block .details {
        font-size: 12px;
        color: hsla(0, 0%, 100%, 0.6);
        line-height: 18px;
        position: relative;
        padding-right: 9px;
        display: inline-block;
        vertical-align: bottom;
    }
    .game-subscription .introduce-mod-block .details:after {
        content: " ";
        width: 5px;
        height: 10px;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxbDMgNC0zIDQiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
            no-repeat 50%;
        background-size: 5px 10px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        opacity: 0.6;
    }
    .game-subscription .introduce-mod-block .desc {
        color: hsla(0, 0%, 100%, 0.6);
    }
    .tab-swiper-box {
        margin-bottom: 24px;
    }
    .pay-subscription .game-sub-head {
        margin-bottom: 20px;
    }
    .pay-subscription .form-box {
        width: 100%;
    }
    .pay-subscription .about-sub-box {
        float: left;
        width: 100%;
    }
    .sub-plan h2 {
        display: none;
    }
    .sub-plan .mess-box .date {
        margin-top: 5px;
        margin-bottom: 8px;
    }
    .pay-subscription .section {
        margin-bottom: 32px;
    }
    .pay-subscription .con-item-box {
        border-top: 1px solid hsla(0, 0%, 100%, 0.05);
        padding-bottom: 28px;
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
        background: #131938;
    }
    .pay-subscription .section.desc-box {
        background: #131938;
        padding-bottom: 24px;
    }
    .pay-subscription .section.including-items-box {
        margin-bottom: 0;
        padding-top: 28px;
    }
    .pay-subscription .section.sub-id {
        padding-top: 24px;
    }
    .pay-subscription .section h2 {
        margin-bottom: 16px;
    }
    .pay-now-box {
        display: none;
    }
    .pay-subscription .pay-type-box.payment .pay-list-box .list-box:last-child {
        margin-bottom: 0;
    }
    .about-sub p {
        font-size: 12px;
        line-height: 18px;
    }
    .about-sub .link-mod-a {
        width: 100%;
        text-align: center;
        margin-top: 24px;
    }
    .about-sub .link-mod-a a {
        border: 1px solid hsla(0, 0%, 100%, 0.07);
        border-radius: 2px;
        display: inline-block;
        padding: 10px 22px 10px 12px;
    }
    .about-sub .link-mod-a a:after {
        right: 10px;
    }
    .pay-subscription .content {
        padding-bottom: 250px;
    }
    .pay-subscription .pay-sec {
        display: block !important;
    }
    .pay-subscription .pay-type-box.payment .pay-list-box .list {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .pay-subscription .pay-type-box.payment .pay-list-box .list-box {
        width: 100%;
    }
    .pay-subscription .pay-type-box.payment .pay-list-box .list-box:nth-child(2n) {
        margin-right: 0;
    }
    .account-mess .user-head {
        margin-right: 16px;
    }
    .subscription-suc .buy-suc-box {
        padding-top: 24px;
    }
    .purchase_suc .buy-suc-box,
    .redeem_suc .buy-suc-box {
        padding-top: 80px;
        width: 100%;
    }
    .purchase_suc .content:after {
        height: 187px;
    }
    .header .menu-nav-box li.acitve {
        background: none;
    }
    .header .menu-nav-box li.acitve a {
        font-weight: 400;
    }
    .header .menu-nav-box li a {
        opacity: 1;
        text-align: left;
        padding: 0 32px;
    }
    .header .menu-nav-box li {
        height: auto;
        line-height: 61px;
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
    }
    .header .menu-nav-box li.mul-li > a {
        position: relative;
        padding: 0 32px;
    }
    .header .menu-nav-box li.mul-li.up > a {
        height: 46px;
        line-height: 46px;
    }
    .header .menu-nav-box li.mul-li > a:after {
        content: " ";
        width: 14px;
        height: 7px;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWw0IDQgNC00IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
            no-repeat 50%;
        background-size: 14px 7px;
        position: absolute;
        right: 27px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transition: all 0.2s ease-in;
    }
    .header .menu-nav-box li.mul-li.up > a:after {
        transform: translateY(-50%) rotate(180deg);
        -webkit-transform: translateY(-50%) rotate(180deg);
        -moz-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
        -o-transform: translateY(-50%) rotate(180deg);
    }
    .menu-nav-box .multistage-nav-box {
        display: block;
        position: relative;
        left: auto;
        top: auto;
        background: none;
        width: 100%;
        margin-bottom: 12px;
    }
    .menu-nav-box .multistage-nav-box .li {
        height: 44px;
        line-height: 44px;
        padding: 0 32px;
    }
    .menu-nav-box .multistage-nav-box .li > a {
        padding: 0;
    }
    .menu-nav-box .multistage-nav-box .li .logo-box {
        margin-top: 12px;
    }
    .menu-nav-box .multistage-nav-box .li p {
        text-align: left;
    }
    .account-details .form-box .list-block .remove {
        float: right;
        margin-left: 0;
        margin-top: 8px;
    }
    .account-details .form-box .list-3 .list-block .val {
        float: none;
        overflow: hidden;
        text-align: right;
    }
    .account-details .form-box .list-3 .list-block .val p {
        float: right;
    }
    .pop-mode-box .pop-mode.remove-phone-mode .desc p {
        line-height: 22px;
    }
    .pop-mode-box .pop-mode.remove-phone-mode .desc {
        padding-bottom: 16px;
    }
    .pop-mode-box .pop-mode.remove-phone-mode .mess {
        padding-bottom: 12px;
    }
    .pop-mode-box .pop-mode .desc p.x-tips {
        line-height: 22px;
    }
    .x-head-mod {
        height: 124px;
    }
    .x-head-mod .mess {
        width: 263px;
    }
    .x-head-mod .mess h2 {
        line-height: 30px;
        font-size: 20px;
        color: #fff;
        letter-spacing: 0;
    }
    .operation-results .mess-box .title {
        margin: 32px 0 28px;
        font-size: 16px;
        color: #fff;
        letter-spacing: 0;
        line-height: 20px;
    }
    .operation-results .mess-box.edit-mess-box .title {
        margin-bottom: 24px;
    }
    .operation-results .mess-box .val {
        margin-bottom: 16px;
    }
    .operation-results .mess-box .text {
        margin-bottom: 32px;
    }
    .operation-results .mess-box .btn {
        width: 100%;
    }
    .operation-results .mess-box {
        max-width: 100%;
    }
    .bg-icon {
        right: 15px;
        width: 100px;
        height: 82px;
    }
    .operation-results .mess-box .box .text {
        margin-bottom: 20px;
        line-height: 14px;
    }
    .operation-results .form-box .left {
        width: 100%;
        margin-bottom: 16px;
    }
    .operation-results .form-box .right {
        width: 100%;
    }
    .operation-results .mess-box .box {
        margin-bottom: 32px;
    }
    .operation-results .mess-box .btn-box .btn {
        width: 48% !important;
    }
    .operation-results .error-message p {
        padding: 0 30px;
    }
    .question-answer .con-box {
        width: 100%;
    }
    .question-answer .page-title {
        margin-top: 10px;
    }
    .question-answer .btn-box {
        margin-top: 20px;
    }
    .question-answer .btn-box .face-book-btn {
        width: 100%;
    }
    .question-answer .content {
        padding-bottom: 48px;
    }
    .pop-mode-box .pop-mode .btn-r-wrap {
        width: 100%;
    }
    .pay-sec .right .pay-mess.midas-coins-pay-mess .b .label,
    .pay-sec .right .pay-mess.midas-coins-pay-mess .t .label {
        min-width: auto;
        text-align: left;
    }
    .pay-sec .right .pay-mess.midas-coins-pay-mess .b .label {
        white-space: nowrap;
    }
    .pay-type-box .choose-pay-box {
        position: fixed;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 1001;
    }
    .pay-props .pay-type-box .choose-pay-box {
        z-index: 1001;
    }
    .pay-type-box .choose-pay-box .choose-min-box .min-title {
        display: block;
        padding: 24px 20px;
        position: relative;
    }
    .pay-type-box .choose-pay-box .choose-min-box .min-title p {
        font-size: 16px;
        color: #fff;
        letter-spacing: 0;
        line-height: 20px;
    }
    .pay-type-box .choose-pay-box .choose-min-box .min-title .close {
        width: 14px;
        height: 14px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAElBMVEX///////9HcEz///////////9J36p7AAAABXRSTlMi4wC/3FGYuIsAAABqSURBVBjTZZCxDYAwDASfwABp0keZgIaeFSLk/VdBcBR+kSKO7ffFtvo+vrMWbbPw7u3UERVniUtLkOotqp6LxCwapN6YMISEJSIUaEUtFEGFL7Dgf47JMsDQ+VNrJzdqI9hwNrYtJK/qBjueKwkDWwvqAAAAAElFTkSuQmCC)
            no-repeat 50%;
        background-size: 14px 14px;
        position: absolute;
        right: 24px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        cursor: pointer;
    }
    .pay-type-box .choose-pay-box li:first-child {
        border-top: 1px solid hsla(0, 0%, 100%, 0.03);
    }
    .pay-type-box .choose-pay-box li.active {
        border-top: none !important;
    }
    .pay-type-box .choose-pay-box li .wallet-icon {
        margin: 0 16px 0 20px;
        width: 24px;
        height: 24px;
    }
    .pay-type-box .choose-pay-box li {
        padding: 16px 0;
    }
    .pay-type-box .choose-pay-box li .wallet-label {
        line-height: 24px;
    }
    .choose-min-box:not(.sdk) {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--bg-color-4, #171f45);
        border-radius: 8px 8px 0 0;
    }
    .pay-type-box .pay-list-box .choose-pay .selected .wallet-label {
        font-size: 12px;
    }
    .pay-type-box .pay-list-box .bd {
        display: block;
    }
    .pay-type-box .pay-list-box .bonus {
        display: inline-block;
        margin-top: 8px;
    }
    .pay-type-box .pay-list-box .point-bonus {
        margin-left: 16px;
    }
    .promotions .account-details .list-box .list {
        width: 100%;
        margin-right: 0;
    }
    .promotions .account-details .list-box .list .label {
        top: 0;
    }
    .promotions .account-details .list-box .list .mess-box {
        padding: 16px;
    }
    .promotions .account-details .list-box .list .mess-box .desc {
        height: auto;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .promotions .account-details {
        padding-top: 24px;
    }
    .event-header .pic {
        height: 150px;
    }
    .event-details .flex-mod-box .event-mod-btn {
        flex: 1;
    }
    .event-details .share-box {
        display: block;
    }
    .event-details .flex-mod-box {
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        box-sizing: border-box;
        width: 100%;
        background: var(--bg-color-3, #141b3d);
    }
    .event-small-mod-box.pay-sec-flex {
        position: absolute;
    }
    .event-details .tab-box .item {
        height: 42px;
        line-height: 42px;
    }
    .event-details .tab-box .line,
    .event-details .tab-box .line span {
        height: 2px;
    }
    .tab-con-box .tbody .tr .td-1,
    .tab-con-box .th .td-1 {
        width: 110px;
    }
    .tab-con-box .tbody .tr:after {
        left: 110px;
    }
    .special-area .banner-wrap .x-main {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        position: relative;
        text-align: left;
    }
    .special-area .banner-wrap {
        margin: 0;
        height: 250px;
    }
    .special-area .banner-wrap ul li {
        height: 250px;
    }
    .special-area .banner-wrap .con {
        height: 48px;
        padding-top: 36px;
        padding-bottom: 16px;
    }
    .special-area .banner-wrap .con .logo {
        float: left;
        width: 41px;
        margin: 0 10px 0 0;
    }
    .special-area .banner-wrap .con .box {
        overflow: hidden;
        margin-bottom: 0;
        padding-right: 70px;
    }
    .special-area .banner-wrap .con .box .name {
        font-size: 18px;
        color: #fff;
        letter-spacing: 0;
        line-height: 16px;
        margin-bottom: 8px;
        margin-top: 6px;
    }
    .special-area .down-game p {
        display: none;
    }
    .special-area .down-game {
        right: 20px;
        bottom: 0;
    }
    .nav-item-box .item-box .item p.name {
        line-height: 48px;
        padding-left: 16px;
        font-size: 14px;
        letter-spacing: 0;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    }
    .nav-item-box .item-box .item img {
        height: 58px;
        top: -10px;
    }
    .hot-events h3 {
        font-size: 14px;
    }
    .hot-events .mess {
        display: none;
    }
    .hot-events .banner {
        width: 100%;
        height: 90px;
    }
    .hot-events .box .swiper-slide {
        height: 90px;
    }
    .hot-events {
        margin-bottom: 48px;
    }
    .codm-redeem .banner-wrap,
    .game-ticket-new .banner-wrap,
    .game_list.codm-redeem .banner-wrap .x-main,
    .game_list.game-ticket-new .banner-wrap .x-main,
    .game_list.game_list_new .banner-wrap .x-main,
    .game_list_new .banner-wrap {
        height: 200px;
    }
    .game_list.codm-redeem .banner-wrap,
    .game_list.game-ticket-new .banner-wrap,
    .game_list.game_list_new .banner-wrap,
    .promotions.game-ticket-new .banner-wrap {
        margin: 0;
    }
    .codm-redeem .banner-wrap .logo,
    .game-ticket-new .banner-wrap .logo,
    .game_list_new .banner-wrap .logo {
        height: 34px;
        left: 68px;
    }
    .game_list.codm-redeem .banner-wrap .swiper-slide,
    .game_list.game-ticket-new .banner-wrap .swiper-slide,
    .game_list.game_list_new .banner-wrap .swiper-slide {
        height: 200px !important;
    }
    .banner-wrap .nav-box,
    .banner-wrap .nav-box .main,
    .banner-wrap .nav-box li a {
        height: 64px;
    }
    .banner-wrap .nav-box li a {
        font-size: 14px;
        color: hsla(0, 0%, 100%, 0.6);
        letter-spacing: 1px;
        line-height: 14px;
    }
    .banner-wrap .nav-box li {
        margin-right: 20px;
    }
    .banner-wrap .nav-box li.home {
        padding-right: 24px;
        margin-right: 24px;
    }
    .banner-wrap .nav-box li.home a:after {
        right: -24px;
    }
    .banner-wrap .nav-box li.active a {
        font-size: 14px;
        color: #ffe500;
        letter-spacing: 1px;
        line-height: 14px;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }
    .special-area .content {
        min-height: calc(100vh - 384px);
    }
    .codm-redeem .left-btn,
    .game-ticket-new .left-btn,
    .game_list_new .left-btn {
        left: 30px;
    }
    .codm-redeem .right-btn,
    .game-ticket-new .right-btn,
    .game_list_new .right-btn {
        right: 30px;
    }
    .game-ticket-new .pay-type-box .title p {
        line-height: 14px;
        font-size: 14px;
    }
    .game-ticket-new .game-pay-section .title,
    .game-ticket-new .pay-type-box .title {
        margin-bottom: 16px;
    }
    .game-wrap.codm-redeem .tab-nav-box,
    .game-wrap.game-ticket-new .tab-nav-box,
    .game-wrap.game_list_new .tab-nav-box {
        margin-bottom: 40px;
    }
    .game-wrap.codm-redeem .tab-nav-box {
        margin-bottom: 32px;
    }
    .game-wrap.codm-redeem .tab-nav-box .n-box,
    .game-wrap.game-ticket-new .tab-nav-box .n-box,
    .game-wrap.game_list_new .tab-nav-box .n-box {
        margin-bottom: 16px;
    }
    .game-ticket-new .game-pay-section {
        margin-top: 38px;
    }
    .section.game-pay-section .tax-included p {
        position: absolute;
        top: 0;
        right: 0;
    }
    .game-ticket-new .content {
        padding-bottom: 140px;
    }
    .pay-sec.pay-sec-flex {
        bottom: 24px;
    }
    .game-ticket-new.event-details .content {
        padding-bottom: 120px;
    }
    .pay-sec .right .pay-btn {
        max-width: 152px;
        min-width: 33.33%;
        margin-left: 0;
    }
    .pay-sec .right .pay-mess .t .total {
        font-size: 16px;
    }
    .pay-sec .right .pay-mess .t .label {
        font-size: 14px;
        color: #fff;
    }
    .pay-sec .right .pay-mess .t .total .uc-icon {
        display: inline-block;
        width: 21px;
        vertical-align: bottom;
        margin-right: 2px;
    }
    .article {
        margin-top: 24px;
    }
    .article .article-mod-box .mod-title {
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 14px;
        margin-bottom: 12px;
    }
    .article .article-mod-box .desc {
        font-size: 12px;
        color: hsla(0, 0%, 100%, 0.8);
        letter-spacing: 0;
        line-height: 18px;
        margin-bottom: 16px;
    }
    .article .article-mod-box {
        margin-bottom: 44px;
    }
    .article .article-mod-box img {
        margin-bottom: 16px;
    }
    .download-pop {
        display: none;
    }
    .codm-redeem .banner-wrap .nav-box .main,
    .game-ticket-new .banner-wrap .nav-box .main,
    .game_list_new .banner-wrap .nav-box .main {
        padding: 0 30px;
    }
    .codm-redeem .banner-wrap .nav-box .main ul,
    .game-ticket-new .banner-wrap .nav-box .main ul,
    .game_list_new .banner-wrap .nav-box .main ul {
        left: 30px;
        bottom: 0;
        top: auto;
    }
    .pay-sec.pay-sec-flex .x-main {
        border: none;
        padding: 20px;
    }
    .pay-sec.pay-sec-flex .id-mess .x-main {
        background: #1e3673;
        padding: 12px 20px;
    }
    .pay-sec.pay-sec-flex {
        bottom: 0;
        padding: 0;
        border-top: 1px solid hsla(0, 0%, 100%, 0.05);
        z-index: 998;
    }
    .event-details .flex-mod-box {
        padding: 16px 20px;
    }
    .codm-redeem .banner-wrap .nav-box .main ul,
    .game-ticket-new .banner-wrap .nav-box .main ul,
    .game_list_new .banner-wrap .nav-box .main ul {
        height: 48px;
        padding: 0;
        right: auto;
    }
    .codm-redeem .banner-wrap .nav-box .main ul li,
    .game-ticket-new .banner-wrap .nav-box .main ul li,
    .game_list_new .banner-wrap .nav-box .main ul li {
        float: none;
        height: auto;
        line-height: 46px;
    }
    .banner-wrap .nav-box li.home a {
        margin-top: 8px;
    }
    .game-ticket .content,
    .game-ticket.pay-sec-flex .content,
    .wetv.pay-sec-flex .content {
        padding-bottom: 0;
    }
    .pay-type-box .choose-pay-box .choose-min-box ul {
        max-height: calc(100vh - 125px);
        overflow: scroll;
    }
    .credit-card-new .con .title-mod {
        font-size: 18px;
        color: #000;
        letter-spacing: 0;
        line-height: 18px;
        padding-top: 27px;
        padding-bottom: 29px;
    }
    .card-payment .title-mod:after {
        top: 48%;
    }
    .card-payment .box-mod .title-block {
        height: 54px;
        line-height: 54px;
        font-size: 14px;
        color: #000;
        letter-spacing: 1px;
        padding: 0 16px;
    }
    .card-payment .order-summary-box .order-items {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 24px 16px;
    }
    .credit-card-new .order-summary-box .order-details {
        margin: 0 16px;
    }
    .credit-card-new .block {
        padding: 16px 16px 0;
    }
    .credit-card-new .xy-box {
        padding-bottom: 16px;
    }
    .credit-card-new .xy-box p {
        line-height: 22px;
        flex: 1;
    }
    .credit-card-new .order-summary-box .total {
        padding: 16px 16px 24px;
    }
    .card-payment .order-summary-box .order-items .label {
        width: auto;
        margin-bottom: 0;
    }
    .card-payment .order-summary-box .order-items .items {
        flex: 1;
        padding-left: 10px;
    }
    .card-payment .order-summary-box .order-items .items p {
        text-align: right;
    }
    .card-payment .order-summary-box .accept {
        display: none;
    }
    .card-payment .card-mess-block {
        width: 100%;
        float: left;
        padding-top: 0;
        margin-bottom: 24px;
    }
    .card-mess-block .card {
        width: 270px;
        margin: 0 auto;
    }
    .card-mess-block .mess {
        width: 270px;
        margin: 20px auto 0;
    }
    .credit-card-new .form-block {
        width: 100%;
    }
    .credit-card-new .list-box .list .left,
    .credit-card-new .list-box .list .right {
        width: 48%;
        margin-bottom: 0;
    }
    .credit-card-new .list-box .list {
        margin-bottom: 16px;
    }
    .credit-card-new .pay-block {
        background: none;
        border: none;
        display: block;
        padding: 4px 0 0;
    }
    .credit-card-new .pay-block p {
        flex: none;
        width: 100%;
        text-align: center;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.4);
        letter-spacing: 0;
        line-height: 18px;
        padding: 0 20px;
        box-sizing: border-box;
        margin-bottom: 16px;
    }
    .credit-card-new .footer {
        padding-top: 32px;
        padding-bottom: 24px;
    }
    .credit-card-new .footer p {
        line-height: 18px;
    }
    .credit-card-new .btn {
        width: 100%;
    }
    .credit-card-new .list-box .list .input-box textarea {
        height: 68px;
        line-height: 22px;
    }
    .card-mess-block .container {
        margin: 0 auto;
    }
    .credit-card-new .error-tips-box {
        padding: 8px 12px;
        margin-top: 8px;
    }
    .credit-card-new .error-tips-box:before {
        display: none;
    }
    .credit-card .list-box .list .input-box .se-code-icon {
        right: 12px;
        display: block;
    }
    .credit-card-new .mobile-show {
        display: block;
        margin-top: 0;
    }
    .credit-card-new .bg-logo {
        display: none;
    }
    .iframe-3ds-pop .pop-box {
        width: 100%;
        top: auto;
        bottom: 0;
        -webkit-transform: translate(-50%);
        padding-bottom: 0;
    }
    .iframe-3ds-pop .pop-box .head-bg {
        height: 253px;
    }
    .iframe-3ds-pop .pop-box .head-mess {
        padding: 24px 20px 14px;
    }
    .iframe-3ds-pop .pop-box .security-wl {
        left: -10px;
        top: -20px;
    }
    .iframe-3ds-pop .pop-box .mess-box {
        margin: 0;
    }
    .iframe-3ds-pop .pop-box .step li:last-child {
        margin-bottom: 110px;
    }
    .iframe-3ds-pop .pop-box .mess-box .step {
        margin-top: 76px;
    }
    .iframe-3ds-pop .pop-box .close-btn {
        right: 12px;
        top: 12px;
    }
    .filter-box {
        margin: 20px 0;
    }
    .shop-list-mod .mark-mod-shop-text {
        font-size: 10px;
        color: #ffe55b;
        letter-spacing: 0;
        line-height: 10px;
    }
    .shop-list-mod .b-box {
        padding: 10px 12px;
        min-height: 92px;
    }
    .shop-list-mod .b-box .shop-name {
        font-size: 12px;
        color: #fff;
        letter-spacing: 0;
        line-height: 16px;
        margin-bottom: 6px;
    }
    .shop-list-mod .b-box .price {
        font-size: 14px;
        color: #ffe55b;
        letter-spacing: 0;
        line-height: 14px;
        bottom: 10px;
    }
    .shop-list-mod h3 {
        margin-bottom: 16px;
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 14px;
    }
    .game_list_new .shop-list-mod {
        margin-top: 20px;
        margin-bottom: 27px;
    }
    .game_list_new .have-vip-tips {
        margin-top: 24px;
    }
    .shop-list-mod .b-box .old-price {
        font-size: 12px;
        letter-spacing: 0;
    }
    .codm-redeem .content {
        padding-top: 24px !important;
    }
    .codm-redeem .pic-block {
        margin-bottom: 0;
    }
    .codm-redeem .pc-show-mod {
        display: none !important;
    }
    .codm-redeem .mobile-show-mod {
        display: block !important;
    }
    .codm-redeem .title-m-box .title {
        font-size: 14px;
        line-height: 14px;
    }
    .codm-redeem .title-m-box {
        margin-bottom: 16px;
    }
    .codm-redeem .login-box {
        display: block;
    }
    .codm-redeem .login-box .login-btn {
        float: left;
        width: 100%;
        margin-bottom: 16px;
    }
    .codm-redeem .login-box .desc {
        float: left;
        line-height: 18px;
    }
    .codm-redeem .login-box .desc.mobile-show-mod {
        display: block !important;
    }
    .codm-redeem .id-veri-sec {
        margin-bottom: 32px;
    }
    .codm-redeem .redeem-box .box .btn,
    .redeem-code-sec .box .btn {
        width: auto;
        min-width: 53px;
    }
    .codm-redeem .tips-wrap .mess {
        margin-bottom: 8px;
    }
    .codm-redeem .tips-wrap .mess p {
        margin-bottom: 2px;
    }
    .codm-redeem .redeem-code-sec,
    .common-problem-box {
        padding-bottom: 32px;
        margin-bottom: 32px;
    }
    .codm-redeem .swiper-slide .img-box {
        width: 100px;
        height: 110px;
        background-size: 100px 110px;
    }
    .codm-redeem .swiper-slide .img-box .pic {
        width: 70px;
        height: 70px;
        bottom: 14px;
    }
    .codm-redeem .swiper-slide p {
        font-size: 12px;
    }
    .codm-redeem .swiper-slide-next p {
        font-size: 14px;
    }
    .codm-redeem .recommended-swiper {
        min-height: auto;
    }
    .codm-redeem .mess-box {
        margin-top: 17px;
    }
    .codm-redeem .mess-box .item-box ul {
        padding: 0 20px;
    }
    .codm-redeem .mess-box .item-box li {
        display: block;
        padding: 20px 0;
    }
    .codm-redeem .mess-box .item-box li .label {
        margin-bottom: 8px;
    }
    .codm-redeem .mess-box .item-box li.li-2 .mess {
        width: 80%;
    }
    .codm-redeem .mess-box .item-box li.li-2 .address-icon {
        position: absolute;
        right: 0;
        top: 52px;
    }
    .codm-redeem .recommended-merchants {
        padding-bottom: 31px;
    }
    .codm-redeem .mess-box .item-box li .label {
        padding-left: 24px;
        line-height: 14px;
    }
    .pop-redeem-box {
        width: 100%;
        top: auto;
        bottom: 0;
        transform: translate(-50%);
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        padding: 0 0 24px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    .pop-redeem-box .pop-title {
        padding: 24px 20px;
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
        font-size: 16px;
        color: #fff;
        letter-spacing: 0;
        line-height: 20px;
        margin-bottom: 24px;
        box-sizing: border-box;
    }
    .pop-redeem-box .close-btn {
        right: 24px;
        top: 24px;
        width: 14px;
        height: 14px;
    }
    .pop-redeem-box .details-box {
        padding: 0 20px;
        box-sizing: border-box;
        max-height: calc(100vh - 200px);
        overflow-y: auto;
    }
    .pop-redeem-box .item-box .item {
        width: 100%;
        padding: 0;
    }
    .pop-redeem-box .item-box .more-box {
        margin-bottom: 20px;
    }
    .pop-redeem-box .game-account {
        padding-top: 20px;
    }
    .pop-redeem-box .game-account .x-title {
        margin-bottom: 16px;
        font-weight: 400;
        font-size: 12px;
    }
    .pop-redeem-box .btn-box {
        width: 100%;
        margin-top: 20px;
        box-sizing: border-box;
        background: var(--bg-color-3, #141b3d);
    }
    .pop-redeem-box .btn-box .btn {
        width: 48%;
    }
    .pop-redeem-box .btn-box .btn.btn-previous {
        margin-right: 4%;
    }
    .subscription .account-mess {
        max-width: 100%;
        padding: 24px 16px;
    }
    .subscription-status {
        margin-top: 24px;
    }
    .subscription .id-veri-sec {
        margin-top: 24px;
        padding-bottom: 0;
    }
    .subscription .section h2 {
        font-size: 14px;
        line-height: 14px;
    }
    .subscription .id-veri-sec h2 {
        display: none;
    }
    .account-mess .user-head-box {
        margin-right: 16px;
    }
    .account-mess.subscribed .prime-plus,
    .account-mess.subscribed .unlink {
        right: 16px;
    }
    .link-account-box,
    .order-expired-box {
        width: 100%;
        margin-top: 32px;
        margin-bottom: 40px;
    }
    .sub-process.link-account-box {
        margin: 0;
    }
    .link-account-box .title,
    .order-expired-box .title {
        font-size: 20px;
    }
    .link-account-box .btn-box {
        margin-top: 132px;
    }
    .link-account-box .desc {
        margin-bottom: 16px;
    }
    .link-account-suc-box .btn-box {
        margin-top: 48px;
    }
    .create-account .btn-box {
        margin-top: 7px;
    }
    .all-set-box .btn-box {
        margin-top: 53px;
    }
    .subscription .content {
        min-height: calc(100vh - 255px);
    }
    .link-account-confirm-box .tips {
        margin-bottom: 28px;
    }
    .link-account-confirm-box .btn-box {
        margin-top: 0;
    }
    .pop-mode-box .pop-mode.pop-sub-noticon-mode {
        padding: 20px 16px;
    }
    .pop-mode-box .pop-mode.pop-sub-noticon-mode .mess {
        padding-top: 8px;
        padding-bottom: 0;
        margin-bottom: 20px;
    }
    .link_account .content {
        min-height: calc(100vh - 129px);
    }
    .other-wrap-mod .header .language-box {
        margin-top: 0;
        position: absolute;
        right: 15px;
        top: 4px;
    }
    .other-wrap-mod .header .language-box .label {
        font-size: 12px;
        color: #fff;
        letter-spacing: -0.17px;
        line-height: 14px;
    }
    .language-nav-box .li {
        height: 44px;
        line-height: 44px;
        padding: 0 20px;
    }
    .language-nav-box .li p {
        line-height: 44px;
        font-size: 12px;
    }
    .other-wrap-mod:before {
        height: 200px;
    }
    .other-wrap-mod:after {
        top: 136px;
    }
    .account-mod-box {
        width: 100%;
    }
    .other-wrap-mod .content {
        min-height: calc(100vh - 129px);
    }
    .pay-sec-flex.other-wrap-mod {
        bottom: 0;
    }
    .pop-mode-box .pop-mode.pop-information-confirm {
        width: 280px;
    }
    .header .collection.mobile-show {
        display: block !important;
        float: none;
        margin-left: 6px;
    }
    .nav-item-box .item-box .item {
        width: 48%;
        margin-right: 4%;
        float: left;
        height: 48px;
        line-height: 48px;
        margin-top: 19px;
        min-width: 100px;
        margin-left: 0;
    }
    .redeem_suc .pop-mode-box .pop-mode .mess {
        padding: 4px 0 18px;
    }
    .pop-mode-box .pop-mode.pop-information-confirm {
        width: 328px;
        padding: 24px 16px;
        box-sizing: border-box;
    }
    .pop-mode-box .pop-mode.pop-information-confirm .btn-wrap .btn {
        width: 48%;
    }
    .payment-method .form-block {
        width: 100%;
    }
    .card-mess-block {
        margin: 0 auto 28px;
        float: none;
        padding-top: 8px;
    }
    .credit-card.payment-method .list-box .list .xy-box {
        padding: 16px;
    }
    .credit-card.payment-method .list-box .list .xy-box p {
        line-height: 22px;
        flex: 1;
    }
    .payment-method .block {
        padding: 16px 16px 0;
    }
    .credit-card.payment-method .list-box .list {
        margin-bottom: 16px;
    }
    .credit-card.payment-method .list-box .list .left,
    .credit-card.payment-method .list-box .list .right {
        width: 48%;
        margin-bottom: 0;
    }
    .credit-card.payment-method .btn-wrap .box,
    .credit-card.payment-method .btn-wrap .btn {
        width: 100%;
    }
    .credit-card.payment-method .btn-wrap .btn.cancel-btn:not(.disable) {
        margin-right: 0;
        margin-bottom: 16px;
    }
    .user-personal .pop-redeem-box .btn-box {
        margin-top: 42px;
    }
    .user-personal .pop-redeem-box .desc-box {
        padding-top: 24px;
    }
    .pop-redeem-box .details-box .mess-box .sub-logo {
        width: 46px;
        height: 46px;
    }
    .subscriptions .record-table {
        margin-top: 0;
    }
    .subscriptions .record-table .table-body .tr {
        padding: 24px 16px;
        border-bottom: 0;
        margin-bottom: 8px;
    }
    .subscriptions .record-table .table-body .tr:last-child {
        margin-bottom: 0;
    }
    .art-box.subscriptions .record-table .table-body .tr .td {
        line-height: 0;
        height: auto;
    }
    .art-box.subscriptions .record-table .table-body .tr .td1 {
        width: 100%;
        display: block;
        margin-bottom: 0;
    }
    .art-box.subscriptions .record-table .table-body .tr .sub-logo {
        width: 38px;
        height: 38px;
        margin-right: 13px;
        border-radius: 2px;
        float: left;
    }
    .art-box.subscriptions .record-table .table-body .tr .td1 .mobile-show {
        overflow: hidden;
        float: none;
        text-align: left;
    }
    .art-box.subscriptions .record-table .table-body .tr .td2,
    .art-box.subscriptions .record-table .table-body .tr .td3 {
        display: none;
    }
    .art-box.subscriptions .record-table .table-body .tr .td1 .mobile-show .p-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        position: relative;
    }
    .art-box.subscriptions .record-table .table-body .tr .td1 .mobile-show .p-block:nth-child(3) {
        margin-top: 8px;
    }
    .subscriptions .record-table .table-body .tr .td1 p:first-child {
        width: auto;
        flex: 1;
        font-size: 14px;
        line-height: 14px;
    }
    .art-box.subscriptions .record-table .table-body .tr .td p.id,
    .art-box.subscriptions .record-table .table-body .tr .td p.time,
    .subscriptions .record-table .table-body .tr .td1 p:nth-child(2) {
        font-size: 12px;
        line-height: 14px;
    }
    .art-box.subscriptions .record-table .table-body .tr .td p.time {
        margin-top: 0;
    }
    .art-box.subscriptions .record-table .table-body .tr .td p.edit {
        font-size: 12px;
        color: var(--btn-color-2, #3a7bfc);
        line-height: 12px;
        position: relative;
        padding-right: 12px;
        width: auto;
    }
    .art-box.subscriptions .record-table .table-body .tr .td p.edit:after {
        content: " ";
        width: 6px;
        height: 10px;
        position: absolute;
        right: 0;
        top: 50%;
        background: var(
                --url-image-color-1,
                url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUBAMAAABL3sEiAAAAD1BMVEU6e/3///9HcEw8fP06e/wuhCWpAAAABHRSTlOdAQCAEMO29AAAAEdJREFUCNdjUAIDBiUDIRCl7MIIohRcHIBcBkUWEJdBSQDEZVACcxmUwFwgBeICKRAXQUEFIUqgGiDaoYYJQIyGWgS1FuIIAHzEEF1wn9YNAAAAAElFTkSuQmCC)
            )
            no-repeat 50%;
        background-size: 6px 10px;
        margin-top: -5px;
    }
    .header .collection {
        margin: 0;
        width: 22px;
        height: 22px;
        background-size: 22px 22px;
    }
    .header .collection p:after {
        top: 40%;
    }
    .header .collection.mobile-show,
    .header .down-app.mobile-show {
        display: block !important;
        float: none;
    }
    .header .down-app.mobile-show {
        top: -3px;
        width: 22px;
        height: 22px;
        margin: 0 0 0 16px;
    }
    .side-mod-pop {
        width: 100%;
        transform: translate(0) translateY(200%);
        -webkit-transform: translateX(0) translateY(200%);
        -moz-transform: translateX(0) translateY(200%);
        -ms-transform: translateX(0) translateY(200%);
        -o-transform: translateX(0) translateY(200%);
        -webkit-transition: all 0.5s ease-in-out;
        transform-origin: center;
        top: auto;
        padding: 0 20px 32px;
        overflow: hidden;
        border-radius: 6px 6px 0 0;
    }
    .side-mod-pop.show {
        opacity: 1;
        z-index: 99999;
        transform: translate(0) translateY(0);
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
    }
    .side-mod-pop .introduce {
        margin-top: 32px;
    }
    .side-mod-pop .desc {
        opacity: 0.8;
    }
    .side-mod-pop .btn-box {
        margin-top: 32px;
    }
    .side-mod-pop:after {
        background-size: 200px 200px;
        width: 200px;
        height: 200px;
        right: -40px;
        top: -60px;
    }
    .side-mod-pop .fixed-btn-box {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 24px;
    }
    .side-mod-pop .course {
        margin-top: 32px;
    }
    .collection-introduce-pop .course .pop-title {
        margin-bottom: 24px;
    }
    .side-mod-pop .detailt-box .item .step-desc {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 16px;
    }
    .follow {
        display: block;
    }
    .have-pay-sec .follow {
        bottom: 148px;
    }
    .new-label {
        height: 24px;
    }
    .new-label span {
        font-size: 11px;
        line-height: 26px;
        padding-left: 12px;
    }
    .new-label span:before {
        width: 8px;
        height: 10px;
        background-size: 8px 10px;
        top: 50%;
    }
    .header .log .logined .user-email,
    .header .menu.min1440 {
        display: none;
    }
    .nav-item-box {
        background: none;
        margin: 0;
        text-align: left;
        width: 100%;
        overflow: hidden;
        padding-bottom: 34px;
    }
    .nav-item-box .item-box {
        display: block;
        width: 100%;
        float: left;
    }
    .nav-item-box .item-box .item,
    .nav-item-box.nav-3-item-box .item-box .item,
    .nav-item-box:not(.nav-3-item-box) .item-box .item {
        width: 48%;
        margin-right: 4%;
        float: left;
        height: 48px;
        line-height: 48px;
        margin-top: 19px;
        min-width: 100px;
        margin-left: 0;
    }
    .nav-item-box .item-box .item:first-child,
    .nav-item-box .item-box .item:nth-child(2) {
        margin-top: 0;
    }
    .nav-item-box .item-box .item-2 {
        margin: 0 4% 0 0;
    }
    .nav-item-box .item-box .item:nth-child(2n) {
        margin-right: 0;
    }
    .pay-sec .right .pay-mess .b .taxes-label {
        text-align: left;
    }
    .taxes-box-pop {
        width: 100%;
        right: 0;
        left: 0;
        position: fixed;
        bottom: 0;
        z-index: 99;
        border-top: 1px solid hsla(0, 0%, 100%, 0.05);
        background: var(--bg-color-4, #171f45);
        padding: 24px 20px 16px;
        border-radius: 12px 12px 0 0;
    }
    .taxes-box-pop .pay-btn {
        display: block;
    }
    .taxes-box-pop .close {
        display: block;
        cursor: pointer;
    }
    .pay-sec .right .pay-mess {
        max-width: 60%;
        padding-right: 4%;
    }
    .pay-sec .right .pay-mess .b {
        justify-content: flex-start;
    }
    .pay-sec .right .pay-mess .b .taxes-label {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .pay-sec .login-tips-bar {
        left: 0;
        right: 0;
        padding: 8px 20px;
    }
    .vip .header {
        position: relative;
    }
    .vip-head {
        width: 100%;
        background: url(//cdn.midasbuy.com/oversea_web/static/images/vipbg_mobile.c82aa369.png) no-repeat top;
        background-size: cover;
        margin-top: -57px;
        height: auto;
        padding-top: 0;
    }
    .vip-new .vip-head {
        background: url(//cdn.midasbuy.com/oversea_web/static/images/v1-bg-mobile.5474c49a.png) no-repeat top;
        background-size: cover;
    }
    .not-vip .vip-head {
        background: url(//cdn.midasbuy.com/oversea_web/static/images/noneVIP-bg-pc.2ccfaff2.png) no-repeat top;
        background-size: cover;
    }
    .vip-new .vip-1 {
        background: url(//cdn.midasbuy.com/oversea_web/static/images/v1-bg-mobile.5474c49a.png) no-repeat 50%;
        background-size: cover;
    }
    .vip-new .vip-2 {
        background: url(//cdn.midasbuy.com/oversea_web/static/images/v2-bg-mobile.d8ead466.png) no-repeat 50%;
        background-size: cover;
    }
    .vip-new .vip-3 {
        background: url(//cdn.midasbuy.com/oversea_web/static/images/v3-bg-mobile.cd6dc058.png) no-repeat 50%;
        background-size: cover;
    }
    .vip-new .vip-4 {
        background: url(//cdn.midasbuy.com/oversea_web/static/images/v4-bg-mobile.ac58d7de.png) no-repeat 50%;
        background-size: cover;
    }
    .vip-new .vip-5 {
        background: url(//cdn.midasbuy.com/oversea_web/static/images/v5-bg-mobile.6f4ecc4c.png) no-repeat 50%;
        background-size: cover;
    }
    .vip-new .vip-6 {
        background: url(//cdn.midasbuy.com/oversea_web/static/images/v6-bg-mobile.b4f734fb.png) no-repeat 50%;
        background-size: cover;
    }
    .vip-new .vip-7 {
        background: url(//cdn.midasbuy.com/oversea_web/static/images/v7-bg-mobile.7586cf17.png) no-repeat 50%;
        background-size: cover;
    }
    .vip-new .vip-8 {
        background: url(//cdn.midasbuy.com/oversea_web/static/images/v8-bg-mobile.dc3a62b5.png) no-repeat 50%;
        background-size: cover;
    }
    .vip-mess {
        width: 100%;
        background-size: cover;
        box-shadow: inset -1px 1px 1px hsla(0, 0%, 100%, 0.18823529411764706), inset 0 0 10px hsla(0, 0%, 100%, 0.10196078431372549);
        border-radius: 4px;
        padding: 28px 27px 20px;
        box-sizing: border-box;
        overflow: hidden;
        height: auto;
    }
    .vip-new .vip-mess {
        width: 100%;
        height: 345px;
        background: url(//cdn.midasbuy.com/oversea_web/static/images/mobile-ms.32f0559e.png) no-repeat top;
        background-size: 100% 345px;
        border-radius: 0 0 4px 4px;
        padding: 0;
    }
    .vip-new .vip-mess .card-mess-box {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .vip-mess .vip-member {
        margin-bottom: 14px;
    }
    .vip-head .main {
        width: 100%;
        box-sizing: border-box;
        padding: 0 30px;
    }
    .vip-head .user-mess {
        margin-bottom: 0;
        padding-top: 81px;
    }
    .vip-new .vip-head .user-mess {
        padding-top: 80px;
    }
    .vip-head .user-mess .mess {
        margin-bottom: 28px;
        line-height: 18px;
        font-size: 18px;
        float: none;
    }
    .vip-head .user-mess .label {
        line-height: 14px;
        margin-bottom: 12px;
        float: none;
    }
    .vip-new .vip-mess .privilege-box {
        float: left;
        height: auto;
        padding: 24px 15px 0;
        box-sizing: border-box;
        width: 100%;
    }
    .vip-new .vip-mess .privilege-box .more-leve {
        float: right;
    }
    .medal-mod-icon {
        bottom: auto;
        position: absolute;
        top: -4px;
        right: -20px;
        -webkit-transform: scale(0.5);
    }
    .not-vip .medal-mod-icon {
        -webkit-transform: scale(0.8);
        top: 46px;
        right: 0;
        bottom: auto;
    }
    .vip-mess .growth .faq {
        float: right;
        font-size: 12px;
        color: hsla(0, 0%, 100%, 0.6);
        letter-spacing: 0;
        line-height: 12px;
        padding-left: 16px;
        position: relative;
        left: auto;
        bottom: auto;
    }
    .vip-mess .privilege {
        position: relative;
        width: 100%;
        left: auto;
    }
    .vip-new .vip-mess .privilege-box .label {
        font-size: 12px;
        line-height: 12px;
        margin-left: 5px;
    }
    .vip-new .vip-mess .privilege-box .label span {
        vertical-align: unset;
    }
    .vip-new .vip-mess .privilege-box .list li {
        width: 33.333%;
        margin-left: 0;
        display: none;
        float: left;
    }
    .vip-new .vip-mess .privilege-box .list li img {
        width: 48px;
        height: 48px;
        margin-bottom: 9px;
    }
    .vip-new .vip-mess .privilege-box .list {
        margin-top: 20px;
        display: none;
    }
    .vip-new .vip-mess .privilege-box .list li p {
        font-size: 12px;
        color: #fff;
        letter-spacing: -0.2px;
        text-align: center;
        line-height: 16px;
    }
    .vip-new .vip-mess .privilege-box .list li:nth-child(-n + 3) {
        display: block;
    }
    .draw-mod-block {
        margin-top: 16px;
        width: 100%;
        overflow: hidden;
        box-shadow: inset 0 0 1px rgba(58, 252, 252, 0.2), inset 0 0 15px rgba(58, 187, 252, 0.14901960784313725);
        padding: 24px 28px;
        box-sizing: border-box;
        position: relative;
        height: auto;
        min-height: 142px;
    }
    .draw-mod-block .drawbox {
        right: -10px;
        width: 150px;
    }
    .vip .section .title {
        padding-bottom: 0;
        float: left;
    }
    .vip .section {
        margin-bottom: 40px;
        width: 100%;
    }
    .benefit-section {
        padding-top: 95px;
    }
    .cumulative .desc,
    .not-vip .cumulative .title {
        margin-bottom: 12px;
    }
    .cumulative .desc {
        text-align: center;
    }
    .not-vip .cumulative .title h2 {
        width: 100%;
    }
    .vip .cumulative {
        margin-bottom: 0;
    }
    .not-vip .section.cumulative,
    .not-vip .section.earn-section {
        margin-top: 0;
    }
    .not-vip .section.cumulative {
        margin-bottom: 40px;
        padding-top: 42px;
    }
    .vip .earn-point .item {
        width: 100%;
        overflow: hidden;
        margin-bottom: 8px;
        background: var(--bg-color-4, #171f45);
        padding: 20px;
        position: relative;
        box-sizing: border-box;
        min-height: auto;
        margin-left: 0;
    }
    .earn-point .item .btn {
        min-width: 64px;
        padding: 0 4px;
        width: auto;
        height: 30px;
        border-radius: 15px;
        line-height: 30px;
        left: auto;
        float: none;
        display: inline-block;
    }
    .earn-point .item .btn-box {
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left: auto;
        display: block;
        text-align: right;
        bottom: auto;
    }
    .vip .draw-mod-block .title {
        padding-bottom: 0;
        margin-bottom: 10px;
    }
    .earn-point .item .mess .title {
        margin-bottom: 5px;
    }
    .earn-point .item .mess {
        padding-right: 84px;
    }
    .earn-point .item .btn-box .time {
        padding: 0;
        margin: 6px 0 0;
    }
    .vip .content {
        margin-top: 0;
    }
    .earn-point .item .btn-box .time span {
        display: none;
    }
    .vip-privileges.pay-sec-flex .btn-box {
        bottom: 160px;
        position: fixed;
    }
    .vip-privileges .tab-section {
        padding-bottom: 0;
    }
    .vip.pay-sec-flex {
        bottom: 0;
    }
    .not-vip.pay-sec-flex {
        bottom: 110px;
    }
    .benefit-section {
        max-width: 100%;
    }
    .vip .content.not-market-message .benefit-section {
        padding-top: 30px;
    }
    .vip-tips-box {
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .game_list_new .vip-tips-box {
        margin-top: -24px;
    }
    .vip-privileges .vip-head {
        background-size: 140% 290px;
        height: auto;
    }
    .vip-privileges .vip-head ul {
        display: block;
    }
    .vip-privileges .side-nav {
        display: none;
    }
    .vip-privileges .vip-head .title {
        width: 100%;
        font-family: "Montserrat", sans-serif;;
        font-size: 16px;
        color: #fff;
        letter-spacing: 0.5px;
        text-align: center;
        line-height: 16px;
        text-shadow: 0 2px 2px rgba(109, 58, 40, 0.6);
        padding-top: 0;
        overflow: visible;
        margin-bottom: 24px;
    }
    .vip-privileges .vip-head {
        width: 100%;
        padding-top: 69px;
        overflow: hidden;
        margin-bottom: 30px;
    }
    .vip-privileges .content .main {
        margin-top: 32px;
    }
    .vip-privileges .tab-section .section .label {
        font-family: "Montserrat", sans-serif;;
        font-size: 14px;
        color: #fff;
        letter-spacing: 1px;
        line-height: 14px;
        position: relative;
        padding-left: 10px;
        margin-bottom: 16px;
    }
    .vip-privileges .tab-section .section .label:before {
        width: 2px;
        height: 12px;
        content: " ";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    .vip-privileges .tab-section .section .item {
        margin-bottom: 40px;
    }
    .vip-privileges .btn {
        width: 100%;
        height: 46px;
        box-sizing: border-box;
        background-image: linear-gradient(180deg, #3abbfc, var(--btn-color-2, #3a7bfc) 50%);
        box-shadow: inset 0 2px 1px hsla(0, 0%, 100%, 0.2);
        font-family: "Montserrat", sans-serif;;
        font-size: 14px;
        color: #fff;
        letter-spacing: 1px;
        text-align: center;
        line-height: 46px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    }
    .vip-privileges .btn-box {
        width: 100%;
        background-image: linear-gradient(180deg, rgba(20, 27, 61, 0), var(--bg-color-3, #141b3d) 36%);
        position: fixed;
        left: 0;
        bottom: 0;
        padding: 46px 20px 24px;
        box-sizing: border-box;
        z-index: 999;
    }
    .vip-privileges .btn-box .btn-desc {
        text-align: center;
        margin-bottom: 12px;
    }
    .not-vip.have-pay-sec .footer,
    .vip-privileges.have-pay-sec .footer {
        z-index: -2;
        opacity: 0;
    }
    .not-vip.have-pay-sec .footer.show,
    .vip-privileges.have-pay-sec .footer.show {
        opacity: 1;
        z-index: 1;
    }
    .vip:not(.not-vip) .medal-mod-icon {
        -webkit-transform: scale(0.5);
        right: -30px;
    }
    .earn-point .item .subscript-block:hover .subscript-desc,
    .limited-event-section .item-box .item .subscript-block:focus .subscript-desc,
    .limited-event-section .item-box .item .subscript-block:hover .subscript-desc {
        display: none;
    }
    .anchor-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }
    .cumulative .box .block {
        width: 100%;
        margin-bottom: 16px;
        padding: 20px 16px 20px 20px;
        height: auto;
        margin-top: 0;
    }
    .cumulative .box .block:last-child {
        margin-bottom: 0;
    }
    .not-vip .x-btn-box {
        min-width: 64px;
    }
    .not-vip .x-btn-box .btn {
        height: 32px;
        line-height: 32px;
        padding: 0 11px;
        width: auto;
    }
    .not-vip .x-btn-box {
        margin-left: 12px;
    }
    .cumulative .block-label {
        margin-bottom: 4px;
    }
    .header .log .register-tips {
        top: 36px;
        right: 62px;
    }
    .header .log .register-tips:before {
        width: 12px;
        height: 6px;
        right: 16px;
        content: " ";
        position: absolute;
        top: -6px;
    }
    .prop-block,
    .shop-list-mod .list-box > ul > li:nth-child(3n) .prop-block,
    .shop-list-mod .list-box > ul > li:nth-child(3n + 1) .prop-block,
    .shop-list-mod .list-box > ul > li:nth-child(4n) .prop-block,
    .shop-list-mod .list-box > ul > li:nth-child(4n-1) .prop-block {
        left: 0;
        position: fixed;
        width: 100%;
        top: 0;
        bottom: 0;
        height: 100%;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        z-index: 1000;
        background: none;
        right: 0;
    }
    .prop-block .gift-details {
        display: block;
    }
    .prop-block .block {
        padding: 0 20px 24px;
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: var(--bg-color-3, #141b3d);
        right: 0;
    }
    .prop-block .item {
        border: none;
        padding-bottom: 0;
        margin-bottom: 16px;
    }
    .prop-block .item-box {
        padding-bottom: 24px;
        max-height: 311px;
        box-sizing: border-box;
        position: relative;
        overflow-x: hidden;
        overflow-y: scroll;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
    }
    .prop-block .item-box:after {
        content: " ";
        height: 64px;
        position: fixed;
        left: 0;
        bottom: 70px;
        width: 100%;
        background-image: linear-gradient(180deg, rgba(20, 27, 61, 0.2), var(--bg-color-3, #141b3d));
    }
    .prop-block .btn,
    .prop-block .z-bg {
        display: block;
    }
    .new-pay-subscription .introduce-mod-block {
        margin-top: 14px;
        width: auto;
    }
    .pay-props .gift-box {
        width: 100%;
        margin-top: -57px;
    }
    .gift-box .remain-amount {
        padding: 0 20px;
        margin-top: 4px;
        margin-bottom: 4px;
    }
    .pay-props .gift-box .purchase {
        top: 66px;
    }
    .subscription .content .main {
        overflow: visible;
    }
    .pay-props .content .main {
        padding: 0;
    }
    .pay-props .back-box {
        position: absolute;
        left: 22px;
        top: 8px;
        padding: 0;
        z-index: 1;
        box-sizing: border-box;
        width: auto;
    }
    .new-pay-subscription.pay-props .back-box {
        position: relative;
        left: 0;
        top: 0;
        padding: 0 20px;
    }
    .pay-props .header {
        background: none;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    }
    .gift-box .pic-box .mess p.price {
        display: block;
    }
    .gift-box .pic-box .mess p.price img {
        display: inline-block;
        width: 26px;
        vertical-align: bottom;
        margin-right: 4px;
    }
    .gift-box .pic-box .mess {
        padding: 37px 20px 32px;
    }
    .pay-props .section.pic-box {
        margin-bottom: 0;
        max-height: 100vw;
    }
    .pay-props .mobile-mess-box {
        padding: 20px 20px 24px;
        background: var(--bg-color-2, #131837);
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
        border-top: 1px solid hsla(0, 0%, 100%, 0.05);
        box-sizing: border-box;
        display: block;
    }
    .pay-props .mobile-mess-box ul {
        overflow: hidden;
    }
    .pay-props .mobile-mess-box ul li {
        width: 100%;
        margin-top: 12px;
        overflow: hidden;
    }
    .pay-props .mobile-mess-box ul li:first-child {
        margin-top: 0;
    }
    .pay-props .mobile-mess-box ul li .label {
        font-size: 12px;
        color: hsla(0, 0%, 100%, 0.6);
        line-height: 18px;
        float: left;
        margin-right: 8px;
    }
    .pay-props .mobile-mess-box ul li .val {
        font-size: 12px;
        color: #fff;
        line-height: 18px;
        overflow: hidden;
    }
    .pay-props .form-box {
        padding: 0 20px;
        box-sizing: border-box;
    }
    .pay-props .content {
        padding-bottom: 120px;
    }
    .pay-subscription .section.item-info {
        display: none;
    }
    .pay-props .possible-item-box {
        margin-bottom: 0;
    }
    .possible-item-box {
        padding: 32px 30px 0;
        background: var(--bg-color-2, #131837);
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
        border-top: 1px solid hsla(0, 0%, 100%, 0.05);
        box-sizing: border-box;
    }
    .possible-item-box .item-box {
        background: none;
        padding: 0;
    }
    .pay-type-tips {
        margin-bottom: 16px;
        line-height: 18px;
        margin-top: -4px;
    }
    .agreement-pop-box .pop .bottom {
        padding: 20px 16px;
    }
    .agreement-pop-box .pop .bottom .check-box {
        margin-right: 12px;
    }
    .agreement-pop-box .pop .bottom .text a {
        margin-left: 0;
    }
    .agreement-pop-box .pop .text-box {
        padding: 32px 16px;
    }
    .agreement-pop-box .pop .text-box .item {
        margin-bottom: 12px;
    }
    .header .user-mess-box li:not(.user-coins-mess):hover {
        background: var(--bg-color-4, #171f45);
    }
    .header .user-mess-box li:not(.user-coins-mess):active {
        background: var(--bg-color-8, #1d2657);
    }
    .vip-introduce .vip-head {
        height: 269px;
        background: url(//cdn.midasbuy.com/oversea_web/static/images/mobile-introduce-bg.c2e74b09.png) no-repeat top;
        background-size: 375px 269px;
        position: relative;
    }
    .vip-introduce .vip-head p {
        padding-top: 212px;
        font-size: 12px;
        line-height: 15px;
        width: 100%;
    }
    .vip-introduce .title h2 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .vip-introduce .title {
        margin-bottom: 10px;
    }
    .vip-introduce .content {
        margin-top: 0;
    }
    .vip-introduce .icon ul {
        display: block;
    }
    .vip-introduce .icon ul li {
        width: 100%;
        margin-bottom: 6px;
        padding: 14px 20px;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        text-align: left;
    }
    .vip-introduce .icon ul li:nth-child(2) {
        margin: 0 0 6px;
    }
    .vip-introduce .icon ul li img {
        width: 46px;
        margin-right: 15px;
        margin-bottom: 0;
    }
    .vip-introduce .icon ul li .mess .label {
        font-size: 12px;
        margin-bottom: 6px;
    }
    .vip-introduce .icon ul li .mess .desc {
        line-height: 15px;
        font-size: 12px;
    }
    .vip-introduce .section {
        margin-bottom: 32px;
    }
    .vip-introduce .title .title-desc {
        line-height: 16px;
        font-size: 12px;
    }
    .vip-introduce .block-box .item {
        width: 100%;
        margin-bottom: 10px;
        padding: 14px 20px;
    }
    .vip-introduce .block-box .item:last-child {
        margin-bottom: 0;
    }
    .vip-introduce .block-box .item h4 {
        line-height: 16px;
        font-size: 12px;
    }
    .vip-introduce .block-box .item .desc {
        line-height: 16px;
        font-size: 12px;
        text-align: left;
        margin-bottom: 0;
    }
    .vip-introduce .btn-box {
        margin-top: 32px;
    }
    .vip-introduce .btn-box .btn {
        width: 100%;
        height: 52px;
        line-height: 52px;
        font-size: 17px;
        background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0ODgyQjI0NzRCMDYxMUVCODlEMDhENjY0RjJCNkMwQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0ODgyQjI0ODRCMDYxMUVCODlEMDhENjY0RjJCNkMwQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ4ODJCMjQ1NEIwNjExRUI4OUQwOEQ2NjRGMkI2QzBBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ4ODJCMjQ2NEIwNjExRUI4OUQwOEQ2NjRGMkI2QzBBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAE5gAABQcAAAVBAAAFa//bAIQABgYGBgcGBwgIBwoLCgsKDw4MDA4PFhAREBEQFiIVGRUVGRUiHiQeHB4kHjYqJiYqNj40MjQ+TERETF9aX3x8pwEGBgYGBwYHCAgHCgsKCwoPDgwMDg8WEBEQERAWIhUZFRUZFSIeJB4cHiQeNiomJio2PjQyND5MRERMX1pffHyn/8IAEQgASQACAwEhAAIRAQMRAf/EABcAAQADAAAAAAAAAAAAAAAAAAMBAgf/2gAIAQEAAAAA1KhEIERR/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAb/2gAIAQIQAAAAigB//8QAFwEBAQEBAAAAAAAAAAAAAAAAAwIBBv/aAAgBAxAAAADvEpFRLTf/xAAXEAEBAQEAAAAAAAAAAAAAAAAAEhEQ/9oACAEBAAE/AGqUpSmt5//EABQRAQAAAAAAAAAAAAAAAAAAADD/2gAIAQIBAT8AL//EABcRAQEBAQAAAAAAAAAAAAAAAAAREBL/2gAIAQMBAT8ARERyib//2Q==)
            repeat-x 50%;
        background-size: 100% 52px;
    }
    .vip-introduce-new .vip-head {
        background: none;
        margin-bottom: 8px;
    }
    .vip-introduce-new .vip-head .main {
        padding: 0;
    }
    .vip-introduce-new .vip-head .main img {
        width: 100%;
    }
    .vip-introduce-new .benefits .block-box .item-box,
    .vip-introduce-new .cumulative .block-box .item-box,
    .vip-introduce-new .growth .block-box .item-box {
        padding: 21px 18px;
        margin-bottom: 0;
        border-bottom: 1px solid #1a1c23;
        border-radius: 0;
    }
    .vip-introduce-new .benefits .block-box .item-box:first-child,
    .vip-introduce-new .cumulative .block-box .item-box:first-child,
    .vip-introduce-new .growth .block-box .item-box:first-child {
        border-radius: 6px 6px 0 0;
    }
    .vip-introduce-new .benefits .block-box .item-box:last-child,
    .vip-introduce-new .cumulative .block-box .item-box:last-child,
    .vip-introduce-new .growth .block-box .item-box:last-child {
        border-radius: 0 0 6px 6px;
        bvorder-bottom: none;
    }
    .vip-introduce-new .block-box .item-box .item-icon {
        width: 54px;
        height: 54px;
        margin-right: 23px;
    }
    .vip-introduce-new .cumulative .introduce {
        margin: 0 0 30px;
    }
    .vip-introduce-new .benefits .block-box .item-box .item-desc p {
        overflow: hidden;
    }
    .vip-introduce-new .benefits .block-box .item-box a {
        width: fit-content;
        display: block;
        margin-left: 0;
    }
    .vip-introduce-new .benefits .block-box .item-box a:after {
        top: 6px;
    }
    .vip-introduce-new .btn-box .btn {
        width: 340px;
        height: 54px;
        line-height: 54px;
        font-weight: 700;
        font-size: 14px;
        text-align: center;
    }
    .sub-id .btn {
        min-width: 53px;
        width: auto;
    }
    .redeem-box.email-box .b-bx {
        padding-bottom: 16px;
        margin-top: -8px;
    }
    .redeem-box.email-box .b-bx p {
        line-height: 22px;
    }
    .redeem-box.email-box .btn-box {
        margin-bottom: 24px;
    }
    .redeem-box.email-box .btn-box .btn {
        width: 100%;
    }
    .header .log .logined:after,
    .header .log .logined:before {
        display: none;
    }
    .payment-method .error-tips-box.mobile-show {
        display: block;
        padding: 8px 12px;
    }
    .payment-method .error-tips-box.mobile-show:before {
        display: none;
    }
    .content > .c-main {
        padding: 0;
    }
    .hot-events h3 {
        padding: 0 20px;
    }
    .hot-events .box .swiper-slide {
        width: 89% !important;
    }
    .banner-wrap .nav-box li:not(.home) a:hover {
        color: none;
    }
    .banner-wrap .nav-box li:not(.home) a:active {
        color: #ffe500;
    }
    .game-wrap .tab-nav-box li {
        font-size: 14px;
        line-height: 14px;
    }
    .header .log .country:after {
        display: none;
    }
    .shop-list-mod .list-box ul li .pic {
        max-height: 228px;
    }
    .prop-block .close {
        display: none;
    }
    .pop-integral-toast .pop ul li:nth-child(2) {
        margin-left: 0;
    }
    .pop-integral-toast .pop ul {
        display: inline-block;
        margin-left: -32%;
    }
    .pop-integral-toast .pop ul li {
        display: block;
    }
    .pop-integral-toast .pop ul li:last-child {
        margin-bottom: 0;
    }
    .vip-form-model .vip-head {
        background: none;
        height: auto;
        overflow: visible;
    }
    .vip-form-model .vip-head .main .title {
        font-size: 20px;
        padding-top: 140px;
        letter-spacing: 0;
        line-height: 28px;
    }
    .vip-form-model .content .main .box-content {
        width: 100%;
    }
    .vip-form-model .btn-wrap .btn {
        width: 100%;
        margin-bottom: 12px;
    }
    .vip-form-model .btn-wrap .btn:last-child {
        margin-bottom: 0;
    }
    .vip-form-model .content .main .box-content {
        padding-bottom: 32px;
        padding-top: 29px;
    }
    .vip-form-model .operation-results .box {
        margin-bottom: 32px;
    }
    .content .main .box-content.form-code {
        padding-top: 29px;
    }
    .vip-form-model .label-desc {
        margin-bottom: 32px;
    }
    .vip-form-model .information .tab-nav-box {
        margin-bottom: 4px;
    }
    .accumulated-box {
        margin-bottom: 32px;
    }
    .information .note {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 16px;
    }
    .vip-head .main:after {
        width: 292px;
        height: 240px;
        right: auto;
        left: -48px;
        top: 5px;
    }
    .vip-form-model .consumption .label-desc {
        margin-bottom: 16px;
    }
    .vip-form-model .consumption .note,
    .vip-form-model .consumption .tab-nav-box {
        margin-bottom: 32px;
    }
    .vip-market-message .mobile-show .mess {
        padding: 12px;
        height: auto;
        line-height: 22px;
    }
    .vip-market-message .mobile-show em {
        position: relative;
        display: inline-block;
        left: auto;
        top: auto;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        margin-right: 10px;
        margin-bottom: -4px;
    }
    .pay-sec-flex .follow {
        display: none;
    }
    .pop-mode-box .pop-mode.pop-login-mode,
    .pop-mode-box .pop-mode.pop-status-mode {
        top: 0;
        bottom: 0;
        transform: translate(-50%);
        width: 100% !important;
        border-radius: 0;
    }
    .user-upgrade .pop-mode-box .pop-mode.pop-login-mode {
        top: auto;
    }
    .pop-mode-box .pop-mode.pop-status-mode {
        top: 0;
        box-sizing: border-box;
    }
    .account-mod-box .form-box {
        padding: 0 20px 28px;
        box-sizing: border-box;
        max-height: calc(100vh - 157px);
        overflow-y: auto;
        max-height: calc(100vh - 225px);
    }
    .pop-login-mode .account-mod-box .form-box {
        max-height: 100vh;
    }
    .pop-mode-box .have-form-pop.pop-mode .following-agreement-box .form-box {
        max-height: calc(100vh - 264px);
        min-height: 100px;
        padding-bottom: 0;
    }
    .pop-mode-box .have-form-pop.pop-mode .following-agreement-box .bottom-fixed {
        padding: 16px 20px 28px;
    }
    .account-mod-box .btn-box {
        margin-top: 12px;
    }
    .account-mod-box .other-mod-type {
        margin-top: 32px;
    }
    .account-mod-box.sign-up-boxs .other-mod-type,
    .account-mod-box.sub-process .btn-box,
    .sub-process .other-mod-type {
        margin-top: 20px;
    }
    .account-mod-box.birthday-box .form-box {
        min-height: calc(100vh - 157px);
    }
    .credit-card-event-mod {
        margin-left: 40px;
    }
    .account-mod-box .block {
        padding: 0;
    }
    .pay-props .page-bg {
        display: none;
    }
    .account-mod-box.result-box .icon {
        margin-top: 40px;
    }
    .pop-toast {
        max-width: 90%;
        min-width: 215px;
    }
    .auxiliary-tips {
        margin-top: -4px;
    }
    .codm-redeem .banner-wrap .nav-box .main,
    .game-ticket-new .banner-wrap .nav-box .main,
    .game_list_new .banner-wrap .nav-box .main {
        overflow-y: hidden;
        overflow-x: auto;
    }
    .us-facebook {
        margin-bottom: 40px;
        width: 100%;
        overflow: hidden;
    }
    .keep-in-touch {
        width: 100%;
        overflow: hidden;
        margin-bottom: 32px;
    }
    .redeem_suc .keep-in-touch {
        margin-bottom: 16px;
    }
    .keep-in-touch .mess,
    .keep-in-touch .pic-box {
        width: 100%;
    }
    .keep-in-touch .pic-box {
        height: 90px;
    }
    .keep-in-touch .mess {
        padding: 20px 16px;
        height: auto;
        background: var(--bg-color-7, #1b234d);
    }
    .keep-in-touch .mess .join-btn {
        width: 100%;
        position: relative;
        right: auto;
        bottom: auto;
    }
    .keep-in-touch .mess .title {
        margin-bottom: 15px;
    }
    .keep-in-touch .mess .desc {
        font-size: 12px;
        color: hsla(0, 0%, 100%, 0.8);
        letter-spacing: 0;
        line-height: 18px;
        margin-bottom: 16px;
    }
    .pay-type-box .pay-tips-box .pay-type-list .item-list img {
        height: 20px;
        width: 30px;
    }
    .pay-type-box .pay-tips-box .pay-type-list .item-list {
        margin: 0 8px 8px 0;
    }
    .game-pay-section ul li.active:after {
        width: 30px;
        height: 30px;
    }
    .footer .t .p-box .on-list:active img.default,
    .footer .t .p-box .on-list:hover img.default {
        opacity: 1;
    }
    .footer .t .p-box .on-list:active img.hover,
    .footer .t .p-box .on-list:hover img.hover {
        opacity: 0;
    }
    .growth-value-record .record {
        margin-top: 24px;
        margin-bottom: 0;
    }
    .growth-value-record .record .title {
        margin-bottom: 24px;
        padding: 0 30px;
    }
    .vip.growth-value-record .content .main {
        padding: 0;
    }
    .growth-value-record .record .list li {
        width: 100%;
        margin-right: 0;
        margin-top: 0;
        padding: 16px 20px;
    }
    .growth-value-record .page-control {
        margin-bottom: 24px;
        margin-top: 24px;
    }
    .growth-value-record .page-control .label {
        width: 100%;
        text-align: center;
        line-height: 12px;
    }
    .growth-value-record .page-control .control {
        display: none;
    }
    .vip-privileges-new .content {
        min-height: calc(100vh - 57px);
    }
    .vip-privileges-new .content .main {
        padding: 0;
    }
    .vip-privileges-new .tab-box .label {
        padding-left: 30px;
    }
    .vip-privileges-new .tab-box {
        margin-bottom: 20px;
    }
    .vip-privileges-new .tab-box .ul {
        min-height: 62px;
    }
    .vip-privileges-new .tab-box ul {
        position: absolute;
        left: 30px;
        right: auto;
    }
    .vip-privileges-new .tab-box li {
        width: 72px;
        margin-left: 8px;
    }
    .vip-privileges-new .tab-box li:first-child {
        margin-left: 0;
    }
    .vip-privileges-new .tab-box .label {
        padding-top: 16px;
        margin-bottom: 24px;
        font-size: 12px;
        line-height: 12px;
    }
    .vip-privileges-new .tab-con {
        padding: 0;
    }
    .vip-privileges-new .btn-box {
        padding: 0 30px;
        box-sizing: border-box;
        position: absolute;
        bottom: 48px;
        margin: 0;
        z-index: 20;
    }
    .vip-privileges-new .btn-box .btn {
        width: 100%;
        max-width: 295px;
    }
    .vip-privileges-new .tab-con {
        background: none;
        height: calc(100vh - 223px);
    }
    .vip-privileges-new .swiper-slide {
        width: calc(100vw - 40px);
        background: rgba(0, 0, 0, 0.12);
        box-sizing: border-box;
    }
    .vip-privileges-new .swiper-slide .inner {
        left: 20px;
        right: 20px;
        top: 32px;
        bottom: 32px;
        width: auto;
    }
    .vip-privileges-new .tab-con .con-btn {
        display: none;
    }
    .vip-privileges-new .swiper-slide .title {
        font-size: 14px;
        margin-bottom: 14px;
    }
    .vip-privileges-new .swiper-slide .level-label {
        padding: 2px 6px;
    }
    .vip-privileges-new .swiper-slide .mess {
        margin-top: 27px;
    }
    .vip-privileges-new .swiper-slide .mess .item {
        margin-bottom: 44px;
    }
    .vip-privileges-new {
        background-size: cover;
    }
    .vip-privileges-new:after {
        background: url(//cdn.midasbuy.com/oversea_web/static/images/privilege-mobile-wl.5efd2ac1.png) no-repeat;
        background-size: cover;
    }
    .vip-privileges-new .swiper-slide .title .look {
        width: 10px;
        height: 12px;
    }
    .vip-all .vip-head .main {
        padding: 0;
    }
    .vip-all .vip-head {
        height: 480px;
        margin-bottom: 12px;
    }
    .vip-all .vip-head .title {
        font-size: 12px;
        line-height: 12px;
        padding: 80px 30px 0;
    }
    .vip-all .vip-mess {
        background: none;
        height: auto;
        box-shadow: none;
        padding: 0;
    }
    .vip-all .vip-head .gear-box .label {
        margin-top: 0;
        text-align: center;
        margin-bottom: 0;
    }
    .vip-all .vip-head .gear-box .ms {
        width: 336px;
        margin: 10px auto 0;
    }
    .vip-all .vip-head .gear-box .ms .value {
        padding-right: 0;
    }
    .vip-all .vip-head .gear-box .ms .value:after {
        right: -13px;
    }
    .vip-all .vip-head .gear-box .level-tab-box {
        margin-top: 16px;
    }
    .vip-all .vip-head .gear-box .level-tab-box ul li {
        width: 26px;
        height: 26px;
        margin-left: 18px;
    }
    #all-vip-swiper {
        width: 100%;
        overflow: hidden;
        margin-right: 0;
        margin-top: 20px;
        padding: 0;
        float: left;
        position: relative;
        -webkit-transform: translateY(0) scale(1);
        right: auto;
        top: auto;
    }
    .vip-all .content .title {
        text-align: center;
        margin-bottom: 28px;
    }
    .vip-all .content .list {
        display: table;
    }
    .vip-all .content .list li {
        width: 33.3333%;
        margin-right: 0;
        background: none;
        text-align: center;
        padding: 0;
        margin-top: 32px;
        height: auto;
        display: inline-block;
        *display: inline;
        float: none;
        vertical-align: top;
    }
    .vip-all .content .list li .icon {
        margin: 0 auto 9px;
    }
    .vip-all .content .list li p {
        width: 100%;
        text-align: center;
        flex: none;
    }
    .vip-all .content .list li:nth-child(-n + 4) {
        margin-top: 32px;
    }
    .vip-all .content .list li:nth-child(-n + 3) {
        margin-top: 0;
    }
    #all-vip-swiper .swiper-slide {
        width: 335px;
        height: 188px;
        -webkit-transform: scale(1) translateX(0);
        opacity: 1;
        z-index: 1;
        -o-transition: all 1s ease;
    }
    #all-vip-swiper .swiper-slide-next,
    #all-vip-swiper .swiper-slide-prev {
        -webkit-transform: scale(1) translateX(0);
        opacity: 1;
        z-index: 8;
    }
    #all-vip-swiper .swiper-slide-next {
        -webkit-transform: scale(1) translateX(0);
        z-index: 9;
    }
    .vip-all .vip-head .gear-box {
        width: 100%;
        padding: 0 30px;
        box-sizing: border-box;
    }
    .vip-all .vip-head .gear-box .level-tab-box ul li.now:before {
        width: 26px;
        height: 26px;
    }
    .vip-all .vip-head .gear-box .level-tab-box .line-box {
        left: 12px;
        right: 12px;
    }
    .vip-all .vip-mess .con-btn {
        display: none;
    }
    .vip-mess .privilege-box .list.max-list li .icon,
    .vip-mess .privilege-box .list.max-list li img {
        width: 48px;
        height: 48px;
        margin-bottom: 9px;
    }
    .vip-mess .privilege-box .list.max-list li img {
        margin-bottom: 0;
    }
    .vip-mess .privilege-box .list.max-list {
        margin-top: 20px;
    }
    .vip-head .user-mess .mess,
    .vip-new .vip-head .user-mess .mess {
        margin-top: 12px;
        color: hsla(0, 0%, 100%, 0.8);
    }
    .vip-new .vip-head .user-mess .mess {
        line-height: 12px;
        margin-bottom: 0;
        font-size: 12px;
    }
    .vip-mess .privilege-box .list.max-list li {
        display: none;
    }
    #privilege-swiper,
    .growth-value-record .back-top,
    .vip-mess .privilege-box .list.max-list li:nth-child(-n + 3) {
        display: block;
    }
    .new-pay-subscription {
        background: url(//cdn.midasbuy.com/oversea_web/static/images/wl-mobile-bg.2ad3156c.png) no-repeat top;
        background-size: 1250px 150px;
    }
    .new-pay-subscription .introduce-mod-block .block {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        margin-top: 10px;
    }
    .subscription-suc .content {
        min-height: calc(100vh - 383px);
    }
    .sub-process .header {
        position: relative;
        background: var(--bg-color-3, #141b3d);
    }
    .sub-process .header-title {
        background: none;
        padding-top: 34px;
        min-height: 1px;
        padding-bottom: 29px;
    }
    .sub-process .header-title p {
        padding: 0;
        font-size: 20px;
        color: #fff;
        letter-spacing: 0;
        line-height: 28px;
    }
    .sub-process .facebook-reg-box.account-mod-box {
        margin-top: 0;
    }
    .sub-process .account-mod-box .form-box {
        padding: 0;
    }
    .sub-process .status-box .icon.success {
        margin-top: 0;
    }
    .not-login-tips {
        margin-top: 12px;
    }
    .wetv .interests-list .list {
        width: auto;
        padding: 0;
    }
    .wetv .introduce-mod-block .details {
        display: inline-block;
        color: #fff;
    }
    .ent-subscription .introduce-mod-block .details:after {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMSAxbDMgNC0zIDQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
            no-repeat 50%;
        background-size: 5px 10px;
    }
    .new-pay-subscription .gift-box {
        margin-top: 40px;
    }
    .choose-plan .item .top .x-text-tip {
        text-align: left;
        margin-top: 6px;
    }
    .ent-subscription .introduce-mod-block .title img {
        height: 20px;
    }
    .new-pay-subscription.pay-props .about-sub-box {
        padding: 0 20px;
        box-sizing: border-box;
    }
    .new-pay-subscription.pay-props .sub-plan {
        display: none;
    }
    .psw-tips:after {
        right: 20px;
        left: auto;
        transform: translate(0) rotate(180deg);
        -webkit-transform: translateX(0) rotate(180deg);
        -moz-transform: translateX(0) rotate(180deg);
        -o-transform: translateX(0) rotate(180deg);
        -ms-transform: translateX(0) rotate(180deg);
    }
    .pop-mode-box .pop-mode.overrun-pop {
        padding-bottom: 16px;
    }
    .pop-mode-box .pop-mode.overrun-pop,
    .pop-mode-box .pop-mode.product-detail {
        top: auto;
        bottom: 0;
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        width: 100%;
        left: 0;
        right: 0;
        box-sizing: border-box;
    }
    .pop-mode-box .pop-mode.product-detail {
        padding: 0;
        border-radius: 12px 12px 0 0;
    }
    .pop-mode-box .pop-mode.product-detail .close-btn {
        right: 20px;
        top: 24px;
    }
    .link-account-box .account-mess-box.have-id-account .box {
        padding: 16px;
    }
    .account-mod-box .btn-box .btn.cancel-btn:active {
        border-color: #346ee2;
        color: #346ee2;
    }
    .account-mod-box .btn-box .btn.facebook-log-btn:active:after,
    .account-mod-box .btn-box .btn.webnovel-log-btn:active:after,
    .account-mod-box .btn-box .btn.wetv-log-btn:active:after {
        opacity: 1;
        background: rgba(0, 0, 0, 0.1);
    }
    .account-mod-box .tips-block {
        margin-bottom: 16px;
    }
    .vip-privileges-new .tab-box .btn {
        display: none !important;
    }
    .game-wrap .tab-nav-box .tab-box .box-line {
        display: none;
    }
    .game-wrap .tab-nav-box .tab-box .box {
        width: 100%;
        margin-right: 0;
    }
    .game-wrap .tab-nav-box .box.select-box .select-input-box {
        position: fixed;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        z-index: 1001;
        border: none;
        min-width: 100%;
    }
    .game-wrap .tab-nav-box .box.select-box .select-input-box .select-bg {
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.6);
    }
    .game-wrap .tab-nav-box .box.select-box .select-input-box .select-min-box {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--bg-color-4, #171f45);
        border-radius: 8px 8px 0 0;
    }
    .game-wrap .tab-nav-box .select-box .select-input-box .block {
        min-height: calc(100vh - 232px);
    }
    .game-wrap .tab-nav-box .box.select-box .select-input-box .select-min-box .min-title {
        display: block;
        padding: 24px 20px;
        position: relative;
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
    }
    .game-wrap .tab-nav-box .box.select-box .select-input-box .select-min-box .min-title p {
        font-size: 16px;
        color: #fff;
        letter-spacing: 0;
        line-height: 20px;
        font-family: "Montserrat", sans-serif;;
    }
    .game-wrap .tab-nav-box .box.select-box .select-input-box .select-min-box .min-title .close {
        width: 14px;
        height: 14px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAElBMVEX///////9HcEz///////////9J36p7AAAABXRSTlMi4wC/3FGYuIsAAABqSURBVBjTZZCxDYAwDASfwABp0keZgIaeFSLk/VdBcBR+kSKO7ffFtvo+vrMWbbPw7u3UERVniUtLkOotqp6LxCwapN6YMISEJSIUaEUtFEGFL7Dgf47JMsDQ+VNrJzdqI9hwNrYtJK/qBjueKwkDWwvqAAAAAElFTkSuQmCC)
            no-repeat 50%;
        background-size: 14px 14px;
        position: absolute;
        right: 24px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        cursor: pointer;
    }
    .game-wrap .tab-nav-box .select-box .select-input-box .row {
        min-height: calc(100vh - 232px);
    }
    .game-wrap .tab-nav-box .select-box .select-input-box.row-three .row:first-child,
    .game-wrap .tab-nav-box .select-box .select-input-box.row-three .row:nth-child(2) {
        width: 100px;
    }
    .game-wrap.codm-redeem .tab-nav-box .select-box .n-box,
    .game-wrap.game-ticket-new .tab-nav-box .select-box .n-box,
    .game-wrap.game_list_new .tab-nav-box .select-box .n-box {
        margin-bottom: 12px;
    }
    .game-wrap .tab-nav-box .tab-box .box.have-zIndex-select.id-box .n-box,
    .game-wrap .tab-nav-box .tab-box .box .select-box {
        width: 100%;
        margin-right: 0;
    }
    .game-wrap .tab-nav-box .tab-box .box .select-box {
        margin-bottom: 12px;
    }
    .set-bottom-footer {
        height: auto;
        padding: 0;
    }
    .set-bottom-footer .main {
        height: auto;
        padding: 20px 0;
    }
    .set-bottom-footer .con-int .label {
        margin-right: 0;
        font-size: 12px;
        color: #fff;
        line-height: 12px;
        margin-bottom: 16px;
        width: 100%;
        padding: 0 0 0 20px;
        box-sizing: border-box;
        text-align: left;
    }
    .set-bottom-footer .p-box {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        height: 40px;
        display: block;
    }
    .set-bottom-footer .p-box .box {
        position: absolute;
        left: 20px;
        top: 0;
        bottom: 0;
        right: 20px;
        display: block;
        white-space: nowrap;
        font-size: 0;
    }
    .set-bottom-footer .p-box::-webkit-scrollbar {
        display: none;
    }
    .set-bottom-footer .con-int {
        line-height: 1px;
        width: 100%;
        display: block;
    }
    .set-bottom-footer .close {
        right: 12px;
        top: 12px;
        width: 8px;
        height: 8px;
        z-index: 3;
    }
    .set-bottom-footer .p-box .on-list,
    .set-bottom-footer .p-box .on-list a {
        height: 40px;
        width: 40px;
        margin-right: 16px;
        float: none;
        display: inline-block;
    }
    .event-head {
        height: 204px;
        background: url(//cdn.midasbuy.com/oversea_web/static/images/mobile-bg.3838f22e.png) no-repeat bottom;
        background-size: cover;
    }
    .event-head .main {
        padding-top: 0;
    }
    .event-head .event-title {
        font-size: 16px;
        color: #fff;
        margin-bottom: 24px;
        padding-top: 0;
        margin-top: 30px;
        width: 100%;
    }
    .event-head .event-nav {
        width: 100%;
    }
    .event-head .event-nav .item {
        width: 48.8%;
        margin-right: 2.4%;
        padding: 16px;
    }
    .card-payment-events .content {
        margin-top: 32px;
        z-index: 99;
    }
    .section.limited-event-section .title {
        background: url(//cdn.midasbuy.com/oversea_web/static/images/mobile-limit-bg.c831466e.png) no-repeat 50%;
        background-size: cover;
        height: 96px;
        padding: 0 20px;
    }
    .section.limited-event-section .title h2 {
        letter-spacing: 1px;
        line-height: 16px;
        margin-top: 24px;
        margin-bottom: 12px;
        width: 100%;
    }
    .section.limited-event-section .title .limited-time {
        margin-top: 0;
    }
    .section.limited-event-section {
        margin-bottom: 40px;
        padding-bottom: 36px;
    }
    .limited-event-section .item-box {
        padding: 0;
    }
    .limited-event-section .item-box .item.left-item,
    .limited-event-section .item-box .item.right-item {
        width: 100%;
        margin-right: 0;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .limited-event-section .item-box .item .treasure-box .treasure p {
        margin-top: 2px;
        font-size: 12px;
    }
    .limited-event-section .item-box .item.left-item {
        margin-bottom: 31px;
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
        padding-bottom: 31px;
    }
    .limited-event-section .item-box .item .treasure-box {
        margin-top: 20px;
    }
    .limited-event-section .item-box .item {
        padding: 22px 16px;
    }
    .limited-event-section .item-box .item .item-title {
        margin-bottom: 16px;
    }
    .limited-event-section .item-box .item .other-mess-box {
        padding: 8px 12px 8px 16px;
        margin-bottom: 0;
    }
    .limited-event-section .item-box .item .other-mess-box .btn {
        padding: 0 9px;
    }
    .limited-event-section .item-box .item .treasure-box .treasure img.treasure-pic {
        width: 56px;
        height: 56px;
        margin-top: 2px;
    }
    .limited-event-section .item-box .item .btn-box {
        margin-top: 24px;
    }
    .card-payment-events .earn-point .item {
        width: 100%;
        overflow: hidden;
        margin-bottom: 12px;
        background: var(--bg-color-4, #171f45);
        padding: 20px;
        position: relative;
        box-sizing: border-box;
        min-height: auto;
        margin-left: 0;
    }
    .card-payment-events .earn-point .item:last-child {
        margin-bottom: 0;
    }
    .card-payment-events .earn-point .item .btn {
        min-width: 64px;
        padding: 0 4px;
        width: auto;
        height: 30px;
        border-radius: 15px;
        line-height: 30px;
        left: auto;
        float: none;
        display: inline-block;
    }
    .card-payment-events .earn-point .item .btn-box {
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left: auto;
        display: block;
        text-align: right;
        bottom: auto;
    }
    .card-payment-events .earn-point .item .mess .title {
        margin-bottom: 5px;
    }
    .card-payment-events .earn-point .item .mess {
        padding-right: 84px;
    }
    .card-payment-events .earn-point .item .btn-box .time {
        padding: 0;
        margin: 6px 0 0;
    }
    .card-payment-events .earn-point .item .btn-box .time span {
        display: none;
    }
    .card-payment-events .earn-section {
        margin-bottom: 40px;
    }
    .more-card-events .list-box .list {
        width: 100%;
        margin-right: 0;
        margin-top: 16px;
    }
    .more-card-events .list-box .list:nth-child(2) {
        margin-top: 16px;
    }
    .more-card-events .list-box .list .pic {
        height: 90px;
    }
    .more-card-events .list-box .list .mess-box {
        padding: 16px 20px;
    }
    .more-card-events {
        margin-bottom: 40px;
    }
    .limited-event-section .item-box .item .btn-box .btn {
        width: 160px;
        height: 30px;
        line-height: 30px;
    }
    .limited-event-section .item-box .item .x-item-box {
        left: 0;
        -webkit-transform: translateX(0);
        top: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        padding: 0;
        background: none;
        z-index: 1000;
        bottom: 0;
        max-height: 100%;
    }
    .limited-event-section .item-box .item .x-item-box .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: block;
    }
    .limited-event-section .item-box .item .con-box {
        position: absolute;
        left: 0;
        right: 0;
        top: 111px;
        bottom: 0;
        z-index: 2;
        background: var(--bg-color-4, #171f45);
        border-radius: 8px 8px 0 0;
        overflow: hidden;
        transform: translateY(200%);
        transition: all 0.4s ease;
    }
    .limited-event-section .item-box .item .x-item-box.show .con-box {
        transform: translateY(0);
    }
    .limited-event-section .item-box .item .con-box .item-head {
        width: 100%;
        box-sizing: border-box;
    }
    .limited-event-section .item-box .item .con-box .item-head .title-box {
        height: 63px;
        padding: 0 20px;
        box-sizing: border-box;
        width: 100%;
        background: #171f45;
        position: relative;
        margin-bottom: 0;
    }
    .limited-event-section .item-box .item .con-box .item-head .title-box p {
        font-family: "Montserrat", sans-serif;;
        font-size: 16px;
        color: #fff;
        letter-spacing: 1px;
        line-height: 63px;
        margin-top: 0;
        text-align: left;
    }
    .limited-event-section .item-box .item .con-box .item-head .title-box .close-btn {
        width: 16px;
        height: 16px;
        position: absolute;
        right: 22px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAElBMVEX///////9HcEz///////////9J36p7AAAABXRSTlMi4wC/3FGYuIsAAABqSURBVBjTZZCxDYAwDASfwABp0keZgIaeFSLk/VdBcBR+kSKO7ffFtvo+vrMWbbPw7u3UERVniUtLkOotqp6LxCwapN6YMISEJSIUaEUtFEGFL7Dgf47JMsDQ+VNrJzdqI9hwNrYtJK/qBjueKwkDWwvqAAAAAElFTkSuQmCC)
            no-repeat 50%;
        background-size: cover;
    }
    .limited-event-section .item-box .item .con-box .item-head .head-mess {
        width: 100%;
        overflow: hidden;
        box-sizing: border-box;
        padding: 0 20px;
        position: relative;
    }
    .limited-event-section .item-box .item .con-box .item-head .head-mess:before {
        content: " ";
        width: 100%;
        height: 117px;
        background: url(//cdn.midasbuy.com/oversea_web/static/images/pop-bg.a98ef9e4.png) no-repeat top;
        background-size: cover;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }
    .limited-event-section .item-box .item .con-box .item-head .head-mess .treasure-pic {
        width: 88px;
        height: 88px;
        background: var(--bg-color-3, #141b3d);
        border: 2px solid var(--bg-color-8, #1e2754);
        box-sizing: border-box;
        margin: 19px auto 8px;
        position: relative;
    }
    .limited-event-section .item-box .item .con-box .item-head .head-mess .treasure-pic img {
        width: 72px;
        height: 72px;
        display: block;
        margin-top: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
    }
    .limited-event-section .item-box .item .con-box .item-head .head-mess .x-desc {
        font-size: 14px;
        color: #fff;
        text-align: center;
        line-height: 22px;
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
        padding-bottom: 19px;
    }
    .limited-event-section .item-box .item .con-box .item-head .head-mess .x-desc span {
        color: #32acd9;
        vertical-align: bottom;
    }
    .limited-event-section .item-box .item .con-box .x-item-con {
        padding: 19px 20px 0;
        max-height: 250px;
        box-sizing: border-box;
        position: relative;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    .limited-event-section .item-box .item .x-item-box .pic {
        width: 64px;
        height: 64px;
        border: none;
    }
    .limited-event-section .item-box .item .x-item-box .x-item {
        overflow: hidden;
        margin-top: 16px;
    }
    .limited-event-section .item-box .item .x-item-box .mess .name {
        margin-top: 14px;
    }
    .limited-event-section .item-box .item .x-item-box .btn {
        height: 46px;
        line-height: 46px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        letter-spacing: -0.4px;
        background: var(--btn-color-2, #3a7bfc);
        margin: 20px;
    }
    .limited-event-section .item-box .item .con-box .item-head,
    .limited-event-section .item-box .item .x-item-box .btn {
        display: block;
    }
    .pop-mode-box .pop-mode.card-event-congratulations {
        -webkit-transform: translate(-50%);
        bottom: 0;
        top: auto;
        padding: 0 0 40px;
        width: 100%;
        border-radius: 8px 8px 0 0;
        overflow: hidden;
    }
    .card-event-congratulations .title {
        height: 64px;
        text-align: left;
        padding: 0 20px;
        margin-top: 0;
        line-height: 64px;
        box-sizing: border-box;
        background: #171f45;
        font-size: 16px;
    }
    .pop-mode-box .pop-mode.card-event-congratulations .head-mess {
        padding: 19px 20px 0;
        box-sizing: border-box;
        position: relative;
    }
    .pop-mode-box .pop-mode.card-event-congratulations .head-mess:before {
        content: " ";
        width: 100%;
        height: 117px;
        background: url(//cdn.midasbuy.com/oversea_web/static/images/pop-bg.a98ef9e4.png) no-repeat top;
        background-size: cover;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }
    .pop-mode-box .pop-mode.card-event-congratulations .head-mess .treasure-pic {
        margin-top: 0;
    }
    .pop-mode-box .pop-mode.card-event-congratulations .x-item-con {
        box-sizing: border-box;
        margin: 0 20px 40px;
    }
    .pop-mode-box .pop-mode.card-event-congratulations .btn-wrap {
        padding: 0 20px;
        box-sizing: border-box;
        position: fixed;
        bottom: 24px;
    }
    .pop-mode-box .pop-mode.card-event-congratulations.btn-row-pop .btn-wrap {
        position: relative;
        bottom: 0;
    }
    .pop-mode-box .pop-mode.card-event-congratulations.btn-row-pop {
        padding-bottom: 24px;
    }
    .pop-mode-box .pop-mode.card-event-congratulations .btn.comfirm-btn {
        width: 100%;
    }
    .pop-mode-box .pop-mode.card-event-congratulations .close-btn {
        width: 16px;
        height: 16px;
        right: 20px;
        top: 24px;
    }
    .game-wrap.card-payment-events .tab-nav-box {
        margin-bottom: 0;
    }
    .pop-mode-box .pop-mode.card-event-congratulations:before {
        display: none;
    }
    .event-head .back {
        left: 30px;
        top: 5px;
    }
    .limited-event-section .item-box .item .treasure-box.three-treasure-box .treasure:nth-child(2):after,
    .limited-event-section .item-box .item .treasure-box.three-treasure-box .treasure:nth-child(2):before {
        top: 34%;
    }
    .limited-event-section .item-box .item .treasure-box.four-treasure-box .treasure:nth-child(2):before {
        top: 34%;
        left: -32%;
    }
    .limited-event-section .item-box .item .treasure-box.four-treasure-box .treasure:nth-child(2):after,
    .limited-event-section .item-box .item .treasure-box.four-treasure-box .treasure:nth-child(3):after {
        top: 34%;
    }
    .cumulative .box .block .subscript-block,
    .earn-point .item .subscript-block,
    .limited-event-section .item-box .item .subscript-block {
        z-index: 1;
    }
    .pop-redeem-box .btn-box.btn-row-box .btn {
        width: 100%;
        margin-right: 0;
    }
    .pop-redeem-box .btn-box.btn-row-box .btn-cancel {
        margin-top: 16px;
    }
    .pop-redeem-box .error-text {
        margin-bottom: 24px;
    }
    .pop-redeem-box .warnning-text {
        margin-bottom: 0;
    }
    .pop-redeem-box .box-title.region-title .bubble-tips {
        width: 100%;
        left: 0;
        right: 0;
    }
    .pay-type-box.payment .pay-list-box .your-payment-method .list-box {
        margin-bottom: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode {
        top: auto;
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        border-radius: 8px 8px 0 0;
        box-sizing: border-box;
        padding: 0 0 20px;
    }
    .found-id-pop .pop-boxs .list-box,
    .found-id-pop .pop-boxs .title,
    .pop-mode-box .pop-mode.confirm-default-mode .btn-wraps,
    .pop-mode-box .pop-mode.confirm-default-mode .mess,
    .pop-mode-box .pop-mode.confirm-default-mode .title-box {
        padding: 0 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode .title-box {
        padding-top: 40px;
        padding-bottom: 8px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode .title-box p {
        padding-left: 8px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode .btn-wraps {
        margin-bottom: 0;
    }
    .pop-mode-box .pop-mode.pay-plan-pop .title-box,
    .pop-mode-box .pop-mode.select-country-pop .title-box,
    .pop-mode-box .pop-mode.select-saving-card-pop .title-box {
        box-sizing: border-box;
        padding: 20px 44px;
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
    }
    .pop-mode-box .pop-mode.select-country-pop .title-box {
        padding: 20px;
    }
    .pop-mode-box .pop-mode.pay-plan-pop .title-box p,
    .pop-mode-box .pop-mode.select-country-pop .title-box p,
    .pop-mode-box .pop-mode.select-saving-card-pop .title-box p {
        padding-left: 0;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        font-family: "Montserrat", sans-serif;;
        line-height: 24px;
        letter-spacing: 1px;
    }
    .pop-mode-box .pop-mode.pay-plan-pop .total-box {
        margin: 20px 0;
        padding: 0 17px;
    }
    .pop-mode-box .pop-mode.pay-plan-pop .mess {
        padding: 0;
    }
    .pop-mode-box .pop-mode.pay-plan-pop .total-box {
        padding: 0 20px;
    }
    .pop-mode-box .pop-mode.pay-plan-pop .mess .item-box {
        padding: 0 20px;
        max-height: 420px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode .confirm-payment-loading-mess .loading-1 {
        width: 160px;
        margin-top: 60px;
        margin-bottom: 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode .confirm-payment-loading-mess .loading-desc {
        margin-bottom: 86px;
        width: 50%;
    }
    .pop-mode-box .pop-mode.confirm-default-mode .confirm-payment-loading-mess {
        padding: 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.payment-loading-pop {
        padding-bottom: 20px;
        height: calc(100vh - 57px);
    }
    .pop-mode-box .pop-mode.confirm-default-mode.iframe-3ds-pop .safety-payment,
    .pop-mode-box .pop-mode.confirm-default-mode.payment-loading-pop .safety-payment {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.check-card-pop .cvv-form {
        height: calc(100vh - 271px);
    }
    .other-section .list-box li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 48px;
    }
    .other-section .list-box li:last-child {
        margin-bottom: 0;
    }
    .home .other-section {
        margin-bottom: 48px;
        margin-top: 4px;
    }
    .home .other-section-1 {
        margin-bottom: 48px;
        margin-top: 8px;
    }
    .hot-media .list-box .list:last-child {
        margin-bottom: 0;
    }
    .promotions .other-section .list-box .subscribe .title-box {
        display: block;
    }
    .other-section .list-box .subscribe .box {
        padding: 16px 20px 20px;
        height: auto;
        min-height: 100px;
    }
    .other-section .list-box .subscribe p {
        font-size: 12px;
        line-height: 16px;
    }
    .other-section .list-box .subscribe h3 {
        display: block;
        font-family: "Montserrat", sans-serif;;
        font-size: 14px;
        color: #fff;
        letter-spacing: 1px;
        line-height: 22px;
    }
    .other-section .list-box .subscribe .icon {
        right: 20px;
        top: 25px;
        width: 48px;
        height: 48px;
    }
    .other-section .list-box .subscribe .input-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: auto;
    }
    .other-section .list-box .subscribe .input-box input {
        flex: 1;
        width: auto;
    }
    .other-section .list-box .subscribe .input-box .subscribe-btn {
        float: none;
    }
    .other-section .list-box .subscribe p {
        width: 80%;
    }
    .other-section .list-box .subscribe .go-to-subscribe-btn {
        margin-top: 16px;
    }
    .other-section .list-box .subscribe .status-2,
    .other-section .list-box .subscribe .status-3 {
        height: 100px;
    }
    .pop-mode-box .unbound-retain {
        width: 335px;
        padding: 32px 20px 20px;
    }
    .pop-mode-box .pop-mode.unbound-retain .desc {
        padding-bottom: 20px;
    }
    .pop-mode-box .pop-mode.unbound-retain .mess p {
        font-size: 16px;
    }
    .pop-mode-box .pop-mode.unbound-retain .success-icon {
        margin-bottom: 16px;
        width: 80px;
        height: 80px;
    }
    .pop-mode-box .pop-mode.btn-row-pop.unbound-retain .btn-wrap .btn:first-child {
        margin-bottom: 12px;
    }
    .pop-mode-box .pop-mode.unbound-retain .desc .div span {
        color: var(--btn-color-2, #3a7bfc);
    }
    .go-vip-tips-box {
        margin-top: 0;
        margin-bottom: 15px;
        padding: 9px 12px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode .mess.email-pic-box {
        max-height: calc(100vh - 230px);
        overflow-y: auto;
    }
    .pop-mode-box .pop-mode.confirm-default-mode .mess.email-pic-box img {
        width: 100%;
    }
    .pop-mode-box .pop-mode.down-email-pop .btn-wrap {
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        background: var(--bg-color-4, #171f45);
        padding: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .pop-mode-box .pop-mode.down-email-pop .btn-wrap .btn.comfirm-btn {
        flex: 1;
    }
    .pop-mode-box .pop-mode.down-email-pop .btn-wrap .btn.down-btn {
        margin-left: 12px;
        border: none;
        width: 49px;
    }
    .pop-mode-box .pop-mode.down-email-pop .btn-wrap .btn.down-btn p {
        font-size: 12px;
        color: var(--btn-color-2, #3a7bfc);
        letter-spacing: -0.4px;
        text-align: center;
        line-height: 12px;
        padding-left: 0;
        padding-top: 28px;
    }
    .pop-mode-box .pop-mode.down-email-pop .btn-wrap .btn.down-btn p:before {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        width: 24px;
        height: 24px;
    }
    .pop-mode-box .pop-mode.down-email-pop {
        top: 58px;
    }
    .pop-mode-box .pop-mode.review-details {
        width: 100%;
        top: unset;
        left: 0;
        bottom: 0;
        transform: translate(0);
        border-radius: 12px 12px 0 0;
        padding: 0;
    }
    .pop-mode.review-details .title-box p {
        padding-left: 0;
    }
    .pop-mode.review-details .review-details-mess {
        padding: 16px 20px 0;
    }
    .pop-mode.review-details .btn-warp {
        margin-top: 24px;
        padding: 0 20px;
        margin-bottom: 12px;
    }
    .pop-mode.review-details .pop-bottom {
        padding: 0 20px 12px;
    }
    .mark-mod-shop-coupon {
        padding: 0 6px;
        height: 20px;
        min-height: 20px;
        line-height: 20px;
    }
    .mark-mod-shop-coupon .coupon-icon {
        width: 35px;
        height: 26px;
        left: 6px;
    }
    .mark-mod-shop-coupon p {
        font-size: 10px;
        color: #e7f8ff;
        letter-spacing: 0;
        line-height: 22px;
        text-shadow: 0 0 4px rgba(138, 215, 255, 0.84);
        padding-left: 40px;
    }
    .pay-props .section.pic-box .coupon {
        top: 64px;
    }
    .subscription .pop-mode-box .pop-mode.pop-default-mode.receive-items-pop .btn-wrap {
        display: block;
    }
    .found-id-pop .pop-boxs .list-box,
    .subscription .pop-mode-box .pop-mode.pop-default-mode.receive-items-pop .mess {
        max-height: calc(100vh - 206px);
        overflow-y: auto;
    }
    .found-id-pop .pop-boxs .btn-wrap,
    .subscription .pop-mode-box .pop-mode.pop-default-mode.receive-items-pop .btn-wrap {
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        background: var(--bg-color-4, #171f45);
        padding: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        box-sizing: border-box;
    }
    .subscription .pop-mode-box .pop-mode.pop-default-mode.receive-items-pop .btn-wrap .comfirm-btn {
        width: 100%;
    }
    .subscription .pop-mode-box .pop-mode.pop-default-mode.receive-items-pop {
        top: 58px;
    }
    .found-id-pop .pop-boxs {
        top: auto;
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        border-radius: 8px 8px 0 0;
        box-sizing: border-box;
        padding: 0 0 20px;
        top: 58px;
    }
    .pop-mode-box .pop-mode.iframe-3ds-pop .mess {
        padding: 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.iframe-3ds-pop {
        height: calc(100vh - 57px);
    }
    .pop-mode-box .pop-mode.confirm-default-mode.iframe-3ds-pop .mess {
        height: calc(100vh - 154px);
    }
    .pop-mode-box .pop-mode.iframe-3ds-pop .step li:last-child {
        margin-bottom: 57px;
    }
    .game-shop .shop-banner .swiper-slide .voucher {
        text-align: left;
    }
    .found-id-pop .pop-boxs .btn-wrap {
        display: block;
    }
    .found-id-pop .pop-boxs .close-btn {
        right: 20px;
    }
    .log-in-box {
        width: 100%;
    }
    .log-in-box .log-in-btn {
        margin-bottom: 12px;
    }
    .role-suggestion-box {
        margin-top: -4px;
    }
    .role-suggestion-box.have-select-box {
        margin-top: 0;
        position: absolute;
        top: 90px;
        right: 30px;
        left: 0;
    }
    .purchase-loading-box .loading-icon {
        width: 32px;
        height: 32px;
    }
    .redemption-center-section {
        margin-top: 40px;
    }
    .redemption-center-section .item-box {
        background: url(//cdn.midasbuy.com/oversea_web/static/images/point-box-bg.5da53667.png) no-repeat 50%;
        background-size: cover;
        border-radius: 2px;
        padding: 24px 20px;
        box-sizing: border-box;
        overflow: hidden;
    }
    .redemption-center-section .item-box .your-points {
        width: 100%;
        margin-bottom: 20px;
    }
    .redemption-center-section .item-box .item {
        height: 64px;
        width: 48%;
        box-sizing: border-box;
    }
    .redemption-center-section .item-box .item .box {
        width: 100%;
        height: 64px;
        padding: 0 12px;
        box-sizing: border-box;
    }
    .redemption-center-section .item-box .item:first-child {
        margin-right: 4%;
    }
    .redemption-center-section .item-box .item .mess {
        padding-left: 0;
    }
    .redemption-center-section .item-box .item .mess .label {
        font-size: 12px;
        letter-spacing: 0.5px;
        line-height: 12px;
        margin-bottom: 7px;
        margin-top: 16px;
        width: 100%;
        display: block;
    }
    .redemption-center-section .item-box .item .mess .desc {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 12px;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    .points-redemption .head .main .mess-box {
        padding-top: 64px;
    }
    .points-redemption .head {
        width: 100%;
        margin-top: -57px;
        height: 244px;
        padding-top: 0;
        background: url(//cdn.midasbuy.com/oversea_web/static/images/mobile-bg.408842d8.png) no-repeat 50%;
        background-size: cover;
    }
    .points-redemption .head .main .mess-box .left .back {
        top: -34px;
    }
    .points-redemption .head .main .mess-box .left .title {
        font-size: 18px;
        letter-spacing: 1.5px;
        line-height: 18px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
        float: none;
    }
    .points-redemption .head .main .mess-box .left .select-region {
        float: none;
        margin-left: 0;
    }
    .points-redemption .head .main .mess-box .left {
        width: 100%;
        margin-top: 34px;
        overflow: visible;
        height: auto;
        margin-bottom: 28px;
    }
    .points-redemption .head .main .mess-box .left .select-region {
        margin-top: 16px;
    }
    .points-redemption .head .main .mess-box .left .select-region .val {
        line-height: 14px;
        display: inline-block;
    }
    .points-redemption .head .main .mess-box .points-box {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAp4AAACABAMAAABQG3RiAAAAD1BMVEX///////////////9HcEy0SZoPAAAABXRSTlMNLyIXAPzga3AAAAGtSURBVHja7drRTcMwGIVRQxgAmwVIzAAmZgBUef+ZSCO1Aqq+VFYVNedDYoCj+8cvDa09x+ulmNami/Kxuc71d0MpZQi7rbUW2uG65nhq+oO6UuZpnmte/k6ipYayFvZLevSMsZzWtRT2vK8OoOEQC4aOnk+JQr9ewvhOoaenc+9bRNDX0z7t0z7tUzx5+n7KPnnyFE+ePHmKJ0+e4smTp3jy5LnDCk/73HADT/vccJWnfdrnjt4jP0+2T/u0T922zxFC1326d57ufT/75One7dM+dZvnBME+7ZOnvO/2yVM871bmaZ883bvs0z4frpmnfdrnbpp42uem9zlDsE/fz914Zgj2ueHvp316330/7VM83bt9yj7v6Vkh2Kd98hRPnjzFkydPLSWe9mmf9in7tM8H3GeB0LHRPjt72mfPYhgg2Kd92qdu2qfsc8v75Oneve/2KZ7u3T7FkydP8eTJk6d4bqQhhW8K/Xp+49mzz9fQKPQ79/jFsyPnmFpoQFeLUEqppf4uz2t5uiiNayn+6+Po2ViWtToMdTiT5oVz+ZenefqDOp5L8Z9pae0HXOJJKN+ADsgAAAAASUVORK5CYII=)
            no-repeat 50%;
        background-size: cover;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }
    .limitedredemption-section .x-title {
        height: 35px;
    }
    .points-redemption .time-con {
        padding-bottom: 16px;
    }
    .points-redemption .time-box .date {
        font-size: 12px;
    }
    .points-redemption .redemption-tips {
        margin: 0 20px 24px;
        padding: 16px 12px;
    }
    .points-redemption .prop-box {
        padding: 0 20px;
    }
    .points-redemption .prop-box .list {
        width: 48.5%;
        margin-right: 3%;
        margin-top: 20px;
    }
    .points-redemption .prop-box .list:nth-child(-n + 2) {
        margin-top: 0;
    }
    .points-redemption .prop-box .list:nth-child(2n) {
        margin-right: 0;
    }
    .points-redemption .prop-box .list .label {
        padding: 0 4px;
        height: 18px;
        line-height: 18px;
        font-size: 12px;
    }
    .points-redemption .prop-box .list .pic-box {
        margin-bottom: 8px;
    }
    .points-redemption .prop-box .list .mess-box .name {
        font-size: 12px;
        color: hsla(0, 0%, 100%, 0.8);
        letter-spacing: 0;
        line-height: 18px;
        margin-bottom: 8px;
    }
    .points-redemption .prop-box .list .mess-box .value p {
        font-size: 16px;
        letter-spacing: 0.5px;
        line-height: 16px;
    }
    .points-redemption .prop-box .list .mess-box .value img {
        width: 16px;
        height: 16px;
        float: left;
        margin-right: 4px;
    }
    .limitedredemption-section {
        padding-top: 51px;
        padding-bottom: 20px;
        margin-bottom: 40px;
    }
    .points-redemption .signup-box {
        padding: 32px 20px 20px;
        box-sizing: border-box;
    }
    .redemption-center-section .item-box .item .icon {
        right: -26px;
        width: 100px;
        top: 0;
        -webkit-transform: translateY(0);
    }
    .limitedredemption-section:before {
        content: " ";
        background: url(//cdn.midasbuy.com/oversea_web/static/images/mobile-light-bg.aaf3ab59.png) no-repeat 50%;
        background-size: 100% 35px;
        -webkit-transform: translateX(-50%);
        width: 100%;
        height: 35px;
    }
    .points-redemption .content {
        margin-top: 22px;
    }
    .signup-box .btn {
        width: 100%;
    }
    .points-redemption .null-data {
        max-width: 295px;
        padding: 0;
        margin-top: 100px;
        margin-bottom: 90px;
    }
    .points-redemption .null-data p {
        margin-top: 12px;
    }
    .redemption-tips p {
        line-height: 18px;
        margin-bottom: 12px;
    }
    .redemption-tips .select-region {
        width: 100%;
        margin-left: 0;
        height: 36px;
        line-height: 36px;
    }
    .limitedredemption-section.not-select-address {
        max-height: 548px;
    }
    .points-redemption .head .main .mess-box .left .select-region .select-min-box {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--bg-color-4, #171f45);
        border-radius: 8px 8px 0 0;
        top: auto;
        z-index: 601;
    }
    .points-redemption .head .main .mess-box .left .select-region .block {
        min-height: calc(100vh - 232px);
    }
    .points-redemption .head .main .mess-box .left .select-region .select-min-box .min-title {
        display: block;
        padding: 24px 20px;
        position: relative;
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
    }
    .points-redemption .head .main .mess-box .left .select-region .select-min-box .min-title p {
        font-size: 16px;
        color: #fff;
        letter-spacing: 1px;
        line-height: 20px;
        font-family: "Montserrat", sans-serif;;
    }
    .points-redemption .head .main .mess-box .left .select-region .select-min-box .min-title .close {
        width: 14px;
        height: 14px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAElBMVEX///////9HcEz///////////9J36p7AAAABXRSTlMi4wC/3FGYuIsAAABqSURBVBjTZZCxDYAwDASfwABp0keZgIaeFSLk/VdBcBR+kSKO7ffFtvo+vrMWbbPw7u3UERVniUtLkOotqp6LxCwapN6YMISEJSIUaEUtFEGFL7Dgf47JMsDQ+VNrJzdqI9hwNrYtJK/qBjueKwkDWwvqAAAAAElFTkSuQmCC)
            no-repeat 50%;
        background-size: 14px 14px;
        position: absolute;
        right: 24px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        cursor: pointer;
    }
    .points-redemption .head .main .mess-box .left .select-region .row-area {
        min-height: calc(100vh - 232px);
        width: 100%;
    }
    .points-redemption .head .main .mess-box .left .select-region .select-bg {
        position: fixed;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 600;
        display: none;
    }
    .exchange-props .form-box {
        padding-top: 32px;
        border-top: 1px solid hsla(0, 0%, 100%, 0.05);
    }
    .exchange-props .gift-box .pic-box .mess .name,
    .exchange-props .gift-box .pic-box .mess .type {
        width: 100%;
    }
    .surplus-box {
        width: 100%;
        display: block;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        margin-top: 16px;
    }
    .surplus-box,
    .surplus-box .bd {
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .surplus-box .bd {
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }
    .exchange-props .gift-box .pic-box .mess .surplus-box .label {
        font-size: 12px;
        color: hsla(0, 0%, 100%, 0.6);
        letter-spacing: 0;
        text-align: right;
        line-height: 12px;
        font-family: "Montserrat", sans-serif;;
    }
    .exchange-props .gift-box .pic-box .mess .surplus-box .val {
        font-family: "Montserrat", sans-serif;;
        font-size: 20px;
        color: #fff;
        letter-spacing: 0;
        line-height: 20px;
        margin-right: 12px;
    }
    .exchange-props .gift-box .pic-box .mess .surplus-box .val.point {
        padding-left: 24px;
        position: relative;
    }
    .exchange-props .gift-box .pic-box .mess .surplus-box .val.point:after {
        content: " ";
        width: 20px;
        height: 20px;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        background: url(data:image/png;base64,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)
            no-repeat 50%;
        background-size: cover;
    }
    .exchange-props .gift-box .pic-box .mess {
        padding-bottom: 24px;
    }
    .exchange-props .gift-box .pic-box .mess .surplus-box .org-price {
        font-size: 14px;
        color: hsla(0, 0%, 100%, 0.5019607843137255);
        letter-spacing: 0;
        line-height: 14px;
        padding-left: 18px;
        position: relative;
        text-decoration: line-through;
        margin-right: 12px;
        font-family: "Montserrat", sans-serif;;
    }
    .exchange-props .gift-box .pic-box .mess .surplus-box .org-price:before {
        content: " ";
        width: 14px;
        height: 14px;
        background: url(data:image/png;base64,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)
            no-repeat 50%;
        background-size: cover;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        opacity: 0.5;
    }
    .exchange-props .gift-box .pic-box .mess .surplus-box .discount {
        background-image: linear-gradient(135deg, #f2b818, #f26c3d);
        border-radius: 4px;
        font-size: 14px;
        color: #fff;
        letter-spacing: 0;
        line-height: 23px;
        height: 22px;
        padding: 0 8px;
        margin-right: 8px;
        float: right;
        margin-top: -3px;
    }
    .exchange-props .pay-sec {
        border-top: 1px solid hsla(0, 0%, 100%, 0.05);
    }
    .exchange-props .pay-sec .right .pay-btn {
        max-width: 100%;
        width: 100%;
    }
    .exchange-props .pay-sec .right .pay-btn span {
        font-family: "Montserrat", sans-serif;;
        font-size: 16px;
        color: #fff;
        letter-spacing: 0;
        line-height: 16px;
        margin: 0 4px;
        vertical-align: text-bottom;
    }
    .exchange-props .pay-sec .right .pay-btn span.point {
        padding-left: 18px;
        position: relative;
    }
    .exchange-props .pay-sec .right .pay-btn span.point:before {
        content: " ";
        width: 15px;
        height: 15px;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        background: url(data:image/png;base64,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)
            no-repeat 50%;
        background-size: cover;
    }
    .exchange-props .pay-sec.pay-sec-flex {
        border-top: none;
        position: relative;
    }
    .exchange-props .content {
        padding-bottom: 0;
    }
    .exchange-props .pay-sec .starts-in {
        width: 100%;
        text-align: center;
        margin-bottom: 9px;
    }
    .exchange-props .pay-sec .starts-in .inner {
        margin: 0 auto;
        display: inline-table;
    }
    .exchange-props .pay-sec .enough-points-tips,
    .exchange-props .pay-sec .redemption-tips {
        font-size: 12px;
        color: hsla(0, 0%, 100%, 0.6);
        letter-spacing: 0;
        text-align: center;
        line-height: 14px;
        width: 100%;
        margin-bottom: 12px;
    }
    .exchange-props .pay-sec .enough-points-tips span {
        color: var(--btn-color-2, #3a7bfc);
        vertical-align: bottom;
        cursor: pointer;
        font-size: 12px;
        padding-right: 9px;
        position: relative;
    }
    .exchange-props .pay-sec .enough-points-tips span:after {
        content: " ";
        width: 5px;
        height: 10px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUBAMAAABGwLFlAAAAKlBMVEVHcEw3fP1Fcv83ff46e/83ff45e/02ffw3fPw3e/02ff03fP07f/83fP5koafGAAAADnRSTlMA/gRKH7N+4ZJy4eAevbM8S6gAAABPSURBVAjXY2CAgJkgQkPQQIGBQVewhImBgWejKFBEwVAwQYGBiU1QGCjEECjlABRyFwxiYGBiFpQAk2IwEbAsRCVEF8QEiGkQkxVmMsAAAIT0CtVHhlVTAAAAAElFTkSuQmCC)
            no-repeat 50%;
        background-size: cover;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
    }
    .exchange-props .pay-sec .right .pay-btn.disable {
        background: #1d336d;
        color: hsla(0, 0%, 100%, 0.4);
    }
    .exchange-props .pay-sec .right .pay-btn.disable span {
        opacity: 0.4;
    }
    .delivery-address .mess-box {
        padding: 0 16px;
    }
    .delivery-address .mess-box p.address {
        padding-left: 20px;
    }
    .redeem-steps .mess-box ul li {
        width: 30%;
        min-width: 1px;
        float: left;
    }
    .redeem-steps .mess-box ul li:nth-child(2) {
        margin: 0 4%;
    }
    .delivery-address .mess-box .details {
        padding-left: 20px;
        padding-bottom: 16px;
    }
    .delivery-address .mess-box p.address {
        font-size: 12px;
    }
    .redeem-steps .mess-box .line {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApwAAAAGBAMAAACcB1OaAAAAD1BMVEVHcEz///////////////8T4DEaAAAABXRSTlMAMxkNJc2oYwsAAAB0SURBVDjL7ZLBCcAgEAQHrgLBCtQCxKsg4fqvKQ/FJJDkEXzewD7kfA0DzmpUoTVICYqBGWwBgu9xcTgqqTtTBRUARMYz95MVsA2ia3udxYvODE1B66xTvM5fde77WWdVkLPOqbP0r17nh85rnQ3yvU5nFQcgCjZy14tQ+wAAAABJRU5ErkJggg==)
            no-repeat 50%;
        background-size: contain;
    }
    .pop-mode-box .pop-mode.pop-default-mode.receive-items-pop.qa-pop-box {
        height: auto;
        top: 58px;
    }
    .pop-mode-box .pop-mode.pop-default-mode.receive-items-pop.qa-pop-box .mess {
        height: auto;
        max-height: calc(100vh - 122px);
    }
    .game-wrap.pay-props .tab-nav-box .tab-box .box.have-zIndex-select.id-box .select-box {
        width: 100%;
        margin-right: 0;
    }
    .exchange_result .title-box {
        margin-bottom: 24px;
        padding-top: 16px;
    }
    .exchange_result .title-box .icon {
        width: 64px;
        height: 64px;
        display: block;
        margin: 0 auto 16px;
    }
    .exchange_result .title-box p {
        display: block;
        font-size: 18px;
        color: #fff;
        letter-spacing: 1px;
        text-align: center;
        line-height: 26px;
    }
    .fictitious_exchange_result .result-box {
        width: 100%;
    }
    .fictitious_exchange_result .result-box .mess-box {
        padding: 20px;
    }
    .fictitious_exchange_result .result-box .code-mess,
    .fictitious_exchange_result .result-box .label {
        margin-bottom: 12px;
    }
    .fictitious_exchange_result .result-box .desc {
        font-size: 12px;
        line-height: 18px;
    }
    .fictitious_exchange_result .link-mess .link {
        padding: 14px;
        text-align: center;
    }
    .exchange_result .btn-box {
        margin-top: 24px;
        margin-bottom: 48px;
    }
    .entity_exchange_result .result-box,
    .exchange_result .btn-box .btn {
        width: 100%;
    }
    .exchange_result .entity_exchange_result .title-box {
        margin-bottom: 16px;
    }
    .entity_exchange_result .step-box ul li {
        width: 30%;
        min-width: 1px;
        float: left;
    }
    .entity_exchange_result .mess-box {
        padding: 0 16px;
    }
    .entity_exchange_result .mess-box .details {
        padding-bottom: 16px;
    }
    .wrap.exchange_result:after {
        display: none;
    }
    .pay-sec-flex.pay-sec-flex {
        bottom: 0;
    }
    .exchange-other-status {
        min-height: calc(100vh - 57px);
    }
    .exchange-other-status .con-box {
        width: 100%;
    }
    .exchange-other-status .con-box .loading-icon {
        height: 48px;
        margin-bottom: 24px;
    }
    .exchange-other-status .con-box .label {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 26px;
        margin-bottom: 16px;
    }
    .exchange-other-status .con-box .desc {
        padding: 0 12px;
        box-sizing: border-box;
    }
    .exchange-other-status .con-box .icon {
        height: 54px;
        margin-bottom: 22px;
    }
    .address-list .content {
        padding-top: 8px;
        padding-bottom: 40px;
    }
    .address-list .title {
        font-size: 18px;
        color: #fff;
        letter-spacing: 1px;
        line-height: 18px;
        margin-bottom: 32px;
    }
    .harvest-address-list .address-list-box .item {
        margin-right: 0;
        width: 100%;
        margin-top: 16px;
        padding: 20px 24px;
        min-height: auto;
    }
    .harvest-address-list .address-list-box .item:first-child {
        margin-top: 0;
    }
    .harvest-address-list .address-list-box .item:nth-child(2) {
        margin-top: 16px;
    }
    .harvest-address-list .address-list-box .item.add-address {
        padding: 16px 18px;
        text-align: left;
    }
    .harvest-address-list .address-list-box .item.add-address p {
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: translate(0);
        display: inline-block;
    }
    .harvest-address-list .address-list-box {
        margin-bottom: 32px;
    }
    .address-list .not-available {
        text-align: center;
    }
    .harvest-address-list .not-available .address-list-box {
        text-align: left;
    }
    .harvest-address-form .form-block .list .left {
        width: 100%;
    }
    .harvest-address-form .form-block .list .right {
        width: 100%;
        float: left;
    }
    .harvest-address-form .form-block .list > div {
        margin-top: 20px;
    }
    .harvest-address-form .form-block .list > div:first-child {
        margin-top: 0;
    }
    .harvest-address-form .form-block .list {
        margin-bottom: 20px;
    }
    .harvest-address-form .form-block .list:last-child {
        margin-bottom: 0;
    }
    .harvest-address-form .form-block .list .label {
        margin-bottom: 12px;
    }
    .harvest-address-form .btn-box {
        width: 100%;
        margin-top: 24px;
    }
    .harvest-address-form .btn-box .btn {
        width: 100%;
        margin: 0 0 12px;
    }
    .harvest-address-form .btn-box .btn:last-child {
        margin-bottom: 0;
    }
    .exchange_result .page-bg {
        display: none;
    }
    .exchange-record .content {
        margin-top: -100px;
    }
    .record-section .item-box .item {
        width: 100%;
        margin-right: 0;
        margin-top: 16px;
    }
    .record-section .item-box .item:nth-child(2) {
        margin-top: 16px;
    }
    .record-section .item-box .item .t-mess-box {
        padding: 12px 20px 6px;
    }
    .record-section .item-box .item .b-mess-box {
        padding: 16px 20px;
    }
    .record-section .item-box .item .b-mess-box .arrow-icon {
        right: 20px;
    }
    .record-section .item-box {
        margin-bottom: 48px;
    }
    .record-section .data-desc-text {
        padding-bottom: 24px;
        font-size: 12px;
        line-height: 12px;
        margin-top: -16px;
        display: block;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.redeem-details-pop {
        width: 100%;
    }
    .pop-mode-box .pop-mode.confirm-default-mode .redeem-details-mess {
        max-height: calc(100vh - 292px);
        overflow-y: auto;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode .other-mess-box {
        margin-top: 32px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode .other-mess-box .list .label {
        margin-bottom: 12px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode .other-mess-box .list {
        margin-top: 32px;
    }
    .thailand {
        top: 30px;
    }
    .fb_iframe_widget {
        width: 100% !important;
    }
    .help-center .search-box {
        padding-top: 32px;
        margin-bottom: 37px;
    }
    .help-center .search-box .title {
        margin-bottom: 16px;
        font-size: 20px;
        color: #fff;
        letter-spacing: 1px;
        line-height: 20px;
    }
    .help-center .search-box .search-input {
        width: 100%;
    }
    .help-center .search-box input {
        padding-left: 40px;
    }
    .help-center .search-box .icon {
        left: 16px;
    }
    .help-center .ask-box {
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .help-center .ask-box ul li {
        padding: 20px 20px 20px 24px;
        line-height: 22px;
        position: relative;
        font-size: 14px;
    }
    .help-center .ask-box .type-box ul li {
        padding: 0 12px;
        line-height: 30px;
        height: 30px;
        font-size: 12px;
    }
    .help-center .ask-box ul li em {
        right: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
    }
    .busin-list .content {
        margin-top: 8px;
    }
    .busin-list .search-box {
        padding-top: 24px;
        margin-bottom: 32px;
    }
    .help-center .ask-box .title-box.act-title-box h2 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0;
    }
    .help-center .ask-box .title-box.act-title-box {
        margin-bottom: 24px;
    }
    .busin-list .back-box {
        margin-bottom: 0;
    }
    .busin-list .result-box .label {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 8px;
    }
    .busin-list .result-box .desc {
        font-size: 14px;
        color: hsla(0, 0%, 100%, 0.6);
        letter-spacing: 0;
        line-height: 22px;
    }
    .busin-list .result-box {
        padding-bottom: 32px;
    }
    .help-center .have-type-ask .ul li {
        padding: 20px 20px 20px 24px;
    }
    .help-center .have-type-ask .ul li .arrow {
        right: 0;
        top: 30px;
    }
    .help-center .have-type-ask .ul li .desc {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        white-space: normal;
        font-size: 12px;
        line-height: 18px;
    }
    .help-center .have-type-ask .ul li .label {
        font-size: 14px;
        line-height: 22px;
    }
    .help-center .have-type-ask .ul li:before {
        top: 31px;
    }
    .busin-list-details .ask-con .ask-box {
        display: none;
    }
    .busin-list-details .mess-box .label {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 24px;
    }
    .busin-list-details .mess-box .text {
        margin-bottom: 24px;
    }
    .busin-list-details .mess-box .btn-box .btn {
        width: 100%;
    }
    .busin-list-details .mess-box .video-box .youtube-video {
        width: 100%;
        height: 188px;
    }
    .busin-list-details .mess-box .pic-box img {
        width: 100%;
    }
    .help-center .ask-box .ul li {
        color: #fff;
        font-size: 14px;
        line-height: 22px;
    }
    .help-center .page-bg img {
        height: 170px;
        width: auto;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-60%);
    }
    .eea-pop {
        width: 100%;
    }
    .cookie-agreement-pop,
    .eea-pop {
        right: 0;
        bottom: 0;
        left: 0;
        padding: 24px 20px 20px;
    }
    .cookie-agreement-pop {
        height: 67vh;
        top: auto;
        box-shadow: none;
        border-radius: 8px 8px 0 0;
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform-origin: bottom;
    }
    .cookie-agreement-pop.show {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
    }
    .cookie-agreement-pop .pop-title {
        height: auto;
    }
    .cookie-agreement-pop .pop-title p {
        margin-top: 0;
        letter-spacing: 1px;
        font-size: 16px;
    }
    .cookie-agreement-pop .detailt-box {
        margin: 0;
        max-height: 54vh;
        padding-bottom: 0;
    }
    .cookie-agreement-pop .block .block-desc,
    .cookie-agreement-pop .txt-one {
        margin-bottom: 24px;
    }
    .cookie-agreement-pop.show .bottom-zz-bg {
        height: auto;
    }
    .new-game-reservation-section {
        margin-top: 38px;
        margin-bottom: 0;
    }
    .new-game-reservation-section .list {
        width: 100%;
    }
    .new-game-reservation-section.only-reservation .list {
        width: 300px;
    }
    .new-game-reservation-section .list:nth-child(3n + 2) {
        margin: 0;
    }
    .new-game-reservation-section .list:first-child {
        margin-top: 0;
    }
    .promotions-section .list:nth-child(2),
    .promotions-section .list:nth-child(3) {
        display: block;
    }
    .promotions-section .list:nth-child(3n + 2),
    .promotions-section .list:nth-child(-n + 3) {
        margin-top: 16px;
    }
    .new-game-reservation-section .list .pic-box {
        height: 90px;
    }
    .new-game-reservation-section .list .mess-box {
        padding: 16px;
    }
    .new-game-reservation-section .list .mess-box .label {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 18px;
    }
    .content .new-season-event-section .title-box .desc,
    .content .new-season-event-section .title-box h2,
    .content .promotions-section .title-box .desc,
    .content .promotions-section .title-box h2 {
        width: auto;
        line-height: 18px;
        height: 18px;
    }
    .content .new-season-event-section .title-box .desc,
    .content .promotions-section .title-box .desc {
        margin-top: 0;
    }
    .new-season-event-section .list {
        width: 100%;
        margin-top: 16px;
    }
    .new-season-event-section .list:nth-child(3n + 2) {
        margin: 16px 0 0;
    }
    .new-season-event-section .list:nth-child(-n + 3) {
        margin-top: 16px;
    }
    .new-season-event-section .list:first-child {
        margin-top: 0;
    }
    .new-season-event-section .list .mess-box .date {
        margin-bottom: 6px;
    }
    .new-season-event-section {
        margin-bottom: 48px;
        margin-top: 48px;
    }
    .promotions-section .list {
        margin-top: 16px;
    }
    .promotions-section .list:first-child {
        margin-top: 0;
    }
    .xnav,
    .xnav .main {
        height: 46px;
    }
    .xnav .main ul {
        right: auto;
        height: 46px;
    }
    .xnav .main ul li {
        padding-top: 13px;
        height: 46px;
        box-sizing: border-box;
        margin-right: 20px;
    }
    .page-bg img.pc-show {
        display: none;
    }
    .page-bg img.mobile-show {
        display: block;
    }
    .activity-consultation .head .main .mess-box {
        padding-top: 0;
    }
    .activity-consultation .head .main .mess-box .left {
        width: 100%;
        margin-top: 24px;
        overflow: visible;
        height: auto;
    }
    .activity-consultation .head .main .mess-box .left .title {
        line-height: 18px;
        font-size: 18px;
        letter-spacing: 1px;
    }
    .activity-consultation .head {
        height: auto;
        margin-top: 58px;
    }
    .activity-consultation .new-game-reservation-section,
    .home .new-game-reservation-section {
        margin-bottom: 32px;
    }
    .activity-consultation .x-tab-box ul li {
        margin-right: 24px;
        font-size: 14px;
    }
    .activity-consultation .x-tab-box ul {
        right: auto;
    }
    .activity-consultation .x-tab-box {
        margin-bottom: 24px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAABsAgMAAABIlN+jAAAACVBMVEX///////////+OSuX+AAAAA3RSTlMHDwKWr6+4AAADe0lEQVR42u1WS27jMAylDC28lAB7bwSzGPQUEiDva8C+T5BVkFMUXRU95TzKn3yaNB0MnBlOSRuynkkTjx9Jpne58kJKXskreSWv5JW8klfy/xP5t9fDT6G38Mwfnp4Oh9fXt7d3cZMXarbbpinLoiBxE6LdptzvNs1+v5E1gWxpI1ca2ssVzfzfy7xoaQqxN1Eptmt2srtG8G7TSF6w6HnaNmUhciiwYAup9LlrpCZ+W4ydI7bni3JXNs2uyEOzn4ey2ZS7C3i0m4zzu1lxAVf319DJbjNXoVngBylOFZ/YPcRfQSoqKqLE4c4yT8VgQ2S8M1nwzFMxGMEEjiCLoXEqBbtpdHnmphcZuzt4tnd38Hr+EIRN0VjyFL3/4b3xMyYG5/hMHyc93cYr+5szHy8ii/jkWJoZn+rdXDp7G6/sz+BpEZy1ISV+Y70fMVnrkjvBzp3pYZ/1Lt7Eq/tD21BIFAICtBxmIJdxJNzIzoKNOdPDPuvjbby+P1C3xnKALhgHm0iMrePgsCAWzCvkqHchTnpzHT/CX+BgAt4jIBsMqoOqAONFSLhowdhY7VHP/kZ9uI4f4C8g89Ya5AABIrJcF2B8mTNlZmw4U2HRGz4fRr25jh/gz2IaQvIuOs91qbzjdQGMRKF0Cw7coulE7+ykRxqu4kf4w6pPKIBLvH0mXhhpGiMXbsJQAdOCs33Ws+YGXtkft41BEbAtYfvkKqa8AeXxFFcZP4cZH+2rO3g9fygNuWjy7453nv95+CSbxyPOeowX+ERzBa/tj9sfFYG0OHePMxmYfzGyOO/PZv88RgCBvFxxlOSK8MzHKlbYRDHiDIh1LwgTDR2uYRwx1ILwM3U1Lu8xVuNUDn4WvGBbR/UgVTq0jdjNBuTlZh5t07WVzNv3yHzX9t1QDa24SctbZd8OfkiDuAlnHk+BzDHJPd8noexzz6ONRDYPMo9jt5Oa+WnPlLjpOGrbAbdI4cynfvB13XcJF8Ko+Qio88gYF06Eup6OBuC+rVq2x6Ni3GU8nh2MRz+jfV0P2TO+6kY/o//xqyrjyU/VTbjv+Lv7fJD5KYr+4nlbJosv/lb0k/3i9/K7j7j+Kp+558W2zWf5/fgf+mXLzyvX/6aX/ttk/k8zu5703ybzSl7JK3klr+SVvJJX8kpeySt5Ja/klbySV/JKXsl/J/K/ALKhAE6R9btGAAAAAElFTkSuQmCC)
            no-repeat 50%;
        background-size: cover;
        height: 54px;
    }
    .xnav .main li:last-child {
        margin-right: 20px;
    }
    .activity-consultation .content .new-game-reservation-section .title-box h2,
    .activity-consultation .x-tab-box ul li.active {
        font-size: 14px;
    }
    .activity-consultation .page-bg {
        height: 244px;
        width: 100%;
        overflow: hidden;
    }
    .activity-consultation .page-bg img {
        width: auto;
        height: 244px;
    }
    .xnav .main li:hover {
        font-size: 14px;
        color: #7be9ff;
        line-height: 14px;
        text-shadow: 0 0 12px rgb(56 201 248/80%);
    }
    .cookie-agreement-pop .close-btn {
        width: 12px;
        height: 12px;
        padding: 20px;
        right: 0;
        top: 5px;
        background-size: 12px 12px;
    }
    .have-pay-sec .cookie-agreement-pop,
    .have-pay-sec .eea-pop,
    .have-pay-sec.pay-sec-flex .cookie-agreement-pop,
    .have-pay-sec.pay-sec-flex .eea-pop {
        bottom: 0;
    }
    .cookie-agreement-pop .block {
        margin-bottom: 20px;
    }
    .cookie-agreement-pop .block .block-title {
        margin-bottom: 8px;
    }
    .event-rules-box {
        width: 100%;
        text-align: center;
        margin-top: -16px;
        margin-bottom: 24px;
    }
    .event-rules-box p {
        display: inline-block;
    }
    .exchange-record .head .main .mess-box .right {
        display: none;
    }
    .drag-load-more {
        display: block;
    }
    .pop-mode-box .pop-mode.redeem-notice-pop {
        width: 335px;
        padding: 24px 20px;
        box-sizing: border-box;
    }
    .pop-mode-box .pop-mode.redeem-notice-pop .desc {
        padding-bottom: 24px;
    }
    .pop-mode-box .pop-mode.redeem-notice-pop .icon {
        width: 80px;
        height: 80px;
        margin-bottom: 12px;
    }
    .pop-mode-box .pop-mode.redeem-notice-pop .label {
        font-size: 18px;
        line-height: 26px;
    }
    .agreement-pop-box .pop .bottom .check-box,
    .login-agreement-box .check-box {
        margin-right: 12px;
    }
    .limited-event-section .item-box .item .other-mess-box .bubble-box {
        right: 0;
        min-width: 1px;
    }
    .pop-mode-box .pop-mode.id-login-mode-pop {
        height: 335px;
        padding-bottom: 0;
    }
    .pop-mode-box .pop-mode.id-login-mode-pop .btn-wraps {
        bottom: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode .back-btn {
        left: auto;
        position: relative;
        top: auto;
        float: left;
        margin-top: 24px;
        margin-right: 12px;
    }
    .limited-event-section .item-box .item .treasure-box .treasure.treasure-open .inner:after {
        top: -10px;
    }
    .event-details .pc-share-box {
        display: none;
    }
    .event-details .event-mod-btn {
        width: auto;
        max-width: 800px;
    }
    .event-details .flex-mod-box .con {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
    }
    .new-game-reservation-section .list-box {
        padding: 0;
        box-sizing: border-box;
    }
    .new-game-reservation-section .title-box {
        padding: 0;
        box-sizing: border-box;
        margin-bottom: 20px;
    }
    .activity-consultation .content .main,
    .home .content .main {
        overflow: hidden;
    }
    .content .latest-news-section .title-box {
        margin-bottom: 10px;
    }
    .content .new-season-event-section .title-box,
    .content .promotions-section .title-box {
        margin-bottom: 16px;
    }
    .app-down .section-1 {
        height: 259px;
        padding: 0 20px;
        margin-bottom: 0;
    }
    .app-down .section-1 .pc-box {
        display: none;
    }
    .app-down .section-1 .mobile-box {
        display: block;
    }
    .app-down .section {
        width: 100%;
        margin-bottom: 0;
        float: none;
    }
    .app-down .section-2 {
        height: 400px;
        margin-bottom: 0;
    }
    .app-down .section-3 {
        height: 338px;
        background: none;
        border-radius: 0;
    }
    .app-down .section-4,
    .app-down .section-5,
    .app-down .section-6 {
        height: 378px;
        margin-bottom: 0;
        background: none;
        border-radius: 0;
    }
    .app-down .section .title {
        margin-top: 16px;
    }
    .app-down .section-4 .title,
    .app-down .section-5 .title,
    .app-down .section-6 .title {
        margin-top: 56px;
    }
    .app-down .section-7 {
        padding: 0 20px 52px;
    }
    .app-down .section-7 .title {
        margin-top: 56px;
    }
    .app-down .section-7 .histort {
        margin-top: 16px;
    }
    .version-history .page-title {
        margin-top: 7px;
        text-align: center;
    }
    .version-history .item-box {
        margin-top: 0;
    }
    .version-history .item {
        padding: 24px 0;
    }
    .version-history .item-box .item .upload-desc .other-text {
        display: initial;
    }
    .version-history .item-box .item .upload-desc .surplus-text {
        display: none;
    }
    .version-history .item-box .item .upload-desc .more {
        display: initial;
    }
    .version-history .item-box .item .mess .time {
        float: right;
        margin-left: 0;
    }
    .version-history .item-box .last-text {
        padding: 24px 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode .mess.saving-card-form {
        padding-top: 8px;
        height: auto;
        max-height: calc(100vh - 132px);
    }
    .pop-mode-box .pop-mode.confirm-default-mode.cvv-pop,
    .pop-mode-box .pop-mode.confirm-default-mode.iframe-3ds-pop,
    .pop-mode-box .pop-mode.confirm-default-mode.pay-fail-pop {
        padding-bottom: 0;
        height: calc(100vh - 57px);
    }
    .pop-mode-box .pop-mode.confirm-default-mode.cvv-pop {
        height: auto;
        height: 100%;
        overflow-y: auto;
        padding-bottom: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode .mess .proof-text {
        margin-bottom: 8px;
        text-align: center;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.pay-fail-pop .mess {
        height: auto;
        margin-bottom: 24px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.pay-fail-pop .mess .not-icon {
        font-size: 18px;
    }
    .notifications .head {
        margin-top: 0;
        height: auto;
        overflow: hidden;
        padding-top: 24px;
        padding-bottom: 16px;
    }
    .notifications .head .main .mess-box {
        padding-top: 0;
    }
    .notifications .head .main .mess-box .left {
        height: auto;
    }
    .notifications .not-mod-box .label {
        margin-bottom: 12px;
    }
    .notifications .not-mod-box .list-box .list {
        width: 100%;
        margin-right: 0;
        margin-top: 16px;
        height: auto;
    }
    .notifications .not-mod-box .list-box .list:first-child {
        margin-top: 0;
    }
    .notifications .not-mod-box .list-box .list:nth-child(2) {
        margin-top: 16px;
    }
    .notifications .not-mod-box {
        margin-top: 24px;
    }
    .notifications .not-mod-box:first-child {
        margin-top: 0;
    }
    .notifications .not-mod-box .list-box .list .con-box {
        display: block;
        padding: 0;
    }
    .notifications .not-mod-box .list-box .list .con-box .pic {
        width: 100%;
        height: auto;
    }
    .notifications .not-mod-box .list-box .list .con-box img {
        width: 100%;
        height: auto;
        left: 0;
        position: relative;
        -webkit-transform: translateX(0);
    }
    .notifications .not-mod-box .list-box .list .con-box .bd {
        padding: 16px;
    }
    .notifications .not-mod-box .list-box .list .con-box .not-title {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 4px;
    }
    .notifications .not-mod-box .list-box .list .con-box .desc {
        font-size: 12px;
        line-height: 18px;
    }
    .notifications .content {
        padding-bottom: 48px;
    }
    .notifications .not-mod-box .list-box .list .t-box {
        padding: 0 16px;
    }
    .pop-mode-box .pop-mode.subscribe-new-pop {
        bottom: 0;
        left: 0;
        right: 0;
        top: auto;
        transform: translate(0);
        width: 100%;
        padding: 32px 20px 20px;
        border-radius: 12px 12px 0 0;
    }
    .email-unsubscribe-model .pop-mode-box {
        top: 58px;
        height: auto;
    }
    .email-unsubscribe-model .pop-mode-box .pop-mode.unsubscribe-pop {
        position: absolute;
        left: 0;
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        top: 0;
        bottom: 0;
        width: 100%;
        background: var(--bg-color-3, #141b3d);
        padding: 0 20px;
    }
    .email-unsubscribe-model .header .logo {
        float: left;
    }
    .pop-mode-box .pop-mode.unsubscribe-pop .subscribe-icon,
    .pop-mode-box .pop-mode.unsubscribe-pop .success-icon {
        width: 64px;
        height: 64px;
        margin-bottom: 16px;
    }
    .pop-mode-box .pop-mode.unsubscribe-pop .desc {
        margin-top: 16px;
    }
    .pop-mode-box .pop-mode.unsubscribe-pop .mess {
        height: auto;
        margin-bottom: 32px;
    }
    .pop-mode-box .pop-mode.subscribe-new-pop .user-mess-box {
        margin-bottom: 16px;
        margin-top: 16px;
    }
    .pop-mode-box .pop-mode.subscribe-new-pop .desc {
        min-height: 80px;
    }
    .result-box .set-form-box:after {
        bottom: -2000px;
    }
    .pop-mode-box .pop-mode.unsubscribe-pop .mess .not-icon {
        font-size: 18px;
        line-height: 26px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode .cvv-box .card-input-box ul {
        width: 100%;
        -js-display: flex;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        display: box;
        box-align: center;
    }
    .pop-mode-box .pop-mode.confirm-default-mode .cvv-box .card-input-box ul li.inp-box {
        flex: 1;
        width: auto;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.exclusive-service-pop .title-box {
        padding-left: 70px;
        padding-right: 70px;
        width: 100%;
        padding-bottom: 8px;
        box-sizing: border-box;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.exclusive-service-pop .title-box p {
        font-size: 16px;
        line-height: 24px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.exclusive-service-pop .exclusive-service-mess li {
        height: 60px;
        margin-top: 12px;
        padding: 0 16px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.exclusive-service-pop .exclusive-service-mess li:first-child {
        margin-top: 12px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.exclusive-service-pop .exclusive-service-mess li img {
        height: 40px;
        width: 40px;
        margin-right: 12px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.exclusive-service-pop .exclusive-service-mess li p {
        font-size: 12px;
        line-height: 18px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.exclusive-service-pop .pop-bg {
        -webkit-transform: scale(1);
    }
    .generally-tips {
        font-size: 12px;
    }
    .generally-tips p {
        width: 100%;
    }
    .generally-tips .details {
        font-size: 12px;
        padding-right: 16px;
    }
    .generally-tips a {
        font-size: 12px;
    }
    .generally-tips .details:after {
        content: " ";
        width: 16px;
        height: 16px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAAKlBMVEVHcEz///////////////////////////////////////////////////+LBpLMAAAADnRSTlMAAci9XQmNcBSDNkSgn3Oz66kAAACGSURBVCjPY2AY2oARu7CgAFbFAliVC4Q7CGJRzJqkwiiATdgIm3KBcGWsygWKjAqwKBdkUdYMwKJc0MloKiNW5WpYlDMIOBmlYlPObazWgM0xi41uYFEOFD7BSKwh2K0EORBTMaMAVu/g8Dz2oMIRsDiigRFrpOGIYqA49vTDKEBKYhtqAABwlxVrGyiEawAAAABJRU5ErkJggg==)
            no-repeat 50%;
        background-size: 16px 16px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
    }
    .pop-mode-box .pop-mode.unsubscribe-pop.suc-situation-pop .desc {
        margin-top: 24px;
    }
    .pop-mode-box .have-form-pop.pop-mode .account-mod-box:not(.following-agreement-box) .form-box {
        min-height: 1px;
        height: calc(100vh - 78px);
        max-height: 200vh;
    }
    .game-pay-section ul li .taxes-box-pop,
    .pay-type-box.payment .pay-list-box .list-box .taxes-box-pop {
        bottom: 0;
    }
    .game-pay-section ul li .taxes-box-pop:after,
    .pay-type-box.payment .pay-list-box .list-box .taxes-box-pop:after {
        display: none;
    }
    .game-currency .taxes-box-pop .close-btn {
        display: block;
    }
    .game-currency .your-payment-method .taxes-box-pop .title-box {
        padding: 20px 0;
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
        margin-bottom: 20px;
    }
    .game-currency .taxes-box-pop .title-box {
        padding: 20px 0;
        display: block;
        margin-bottom: 4px;
    }
    .game-currency .taxes-box-pop {
        width: 100%;
        padding: 0 20px 20px;
        box-sizing: border-box;
        z-index: 99999;
    }
    .game-currency .taxes-box-pop .total-btn {
        display: block;
    }
    .header .notification-shortcut {
        margin-top: -3px;
        margin-right: 0;
    }
    .header .notification-shortcut .label {
        font-size: 0;
        padding-left: 24px;
    }
    .header .notification-pop-up {
        width: 100vw;
        left: 0;
        right: 0;
        position: fixed;
        transform: translate(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        top: 0;
        z-index: -1;
        padding-top: 56px;
    }
    .header .notification-pop-up:before {
        display: none;
    }
    .header .notification-shortcut .not-zz {
        display: none;
        width: 100%;
        position: fixed;
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.8);
    }
    .header .notification-pop-up .close,
    .header .notification-shortcut:after {
        display: none;
    }
    .vip-pat-face-pop .pop .medal-mod-icon {
        right: auto;
        -webkit-transform: translateX(-50%) scale(1);
    }
    .pop-mode-box .pop-mode.unsubscribe-pop.suc-situation-pop .account-mod-box .form-box {
        padding: 0 0 28px;
        overflow-y: auto;
        min-height: 1px;
        height: calc(100vh - 85px);
        max-height: 200vh;
    }
    .pop-mode-box .pop-mode.unsubscribe-pop.suc-situation-pop .account-mod-box .form-box::-webkit-scrollbar {
        display: none;
        width: 0;
    }
    .pop-mode.select-country-pop .select-country-mess ul li {
        padding: 0 20px;
    }
    .pop-mode.select-country-pop .select-country-mess ul li.selected:after {
        right: 20px;
    }
    .help-center .search-box .my-record-button {
        font-size: 12px;
        line-height: 24px;
        padding: 0 8px;
    }
    .help-center .ask-box .title-box,
    .help-center .hot-game .title-box,
    .help-center .mod-block:not(.feedback-questions-block) .title-box {
        margin-bottom: 16px;
    }
    .help-center .mod-block:not(.feedback-questions-block) .list-box .list {
        width: 48.7%;
        margin-right: 2.6%;
        padding: 0 8px;
        height: 64px;
    }
    .help-center .mod-block:not(.feedback-questions-block) .list-box .list:nth-child(4n) {
        margin-right: 0;
    }
    .help-center .mod-block:not(.feedback-questions-block) .list-box .list:nth-child(3n) {
        margin-right: 2.6%;
    }
    .help-center .mod-block:not(.feedback-questions-block) .list-box .list:nth-child(2n) {
        margin-right: 0;
    }
    .help-center .mod-block:not(.feedback-questions-block) .list-box .list:nth-child(-n + 3) {
        margin-top: 12px;
    }
    .help-center .mod-block:not(.feedback-questions-block) .list-box .list:nth-child(-n + 2) {
        margin-top: 0;
    }
    .help-center .mod-block:not(.feedback-questions-block) .list-box .list .icon,
    .help-center .mod-block:not(.feedback-questions-block) .list-box .list .icon img {
        width: 48px;
        height: 48px;
    }
    .help-center .mod-block:not(.feedback-questions-block) .list-box .list p {
        font-size: 14px;
    }
    .help-center .mod-block:not(.feedback-questions-block) {
        margin-bottom: 40px;
    }
    .help-center .mod-block:not(.feedback-questions-block) .shop-list-box .list {
        padding: 0 16px;
    }
    .help-center .mod-block .shop-list-box .list .icon,
    .help-center .mod-block .shop-list-box .list .icon img {
        width: 40px;
        height: 40px;
    }
    .help-center .mod-block .shop-list-box .list .icon {
        margin-right: 12px;
    }
    .help-center .mod-block .qa-list-box .list .icon,
    .help-center .mod-block .qa-list-box .list .icon img {
        width: 40px;
        height: 40px;
    }
    .help-center .mod-block:not(.feedback-questions-block) .list-box .list .arrow {
        display: none;
    }
    .help-center .mod-block .qa-list-box .list p {
        font-size: 12px;
        line-height: 16px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-details-pop {
        height: calc(100vh - 57px);
        width: 100%;
        border-radius: 12px 12px 0 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-details-pop .mess {
        padding: 20px 20px 0;
        height: calc(100vh - 121px);
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-details-pop .title-box {
        padding: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-details-pop .title-box p {
        padding-left: 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-details-pop .close-btn {
        right: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-details-pop .x-title {
        font-size: 14px;
        line-height: 22px;
    }
    .busin-list .tool-mod-box .search-box {
        padding-top: 0;
        margin-bottom: 0;
    }
    .busin-list .tool-mod-box {
        margin-bottom: 16px;
    }
    .busin-list .ask-box {
        margin-top: 0;
    }
    .busin-list .search-box .mobile-search {
        width: 32px;
        height: 32px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAWlBMVEVHcEw5e/06evw6e/06e/w5e/w5e/46e/w6e/wvWv84evs6e/w5e/w6e/w6evw6e/w8ffz///80d/wuc/zx9v/A1f7d6P+bvP5Si/1bkf2Hr/5IhP1omv2kwv4lBFkoAAAAD3RSTlMAbTXL64sK/vwCG7C72VktzNtPAAAC1UlEQVRYw6VX15arMAx06IYQFzok//+bdwSbhGDRLnrYcNb2WBrJKkI4IiX+RN4jzPwgUSoJ/Cx8eNF7ZU9ok/RCP1CQOAZATF+BHwJD7kLQhvSW05EkSeJ4QsEnflR+S/e0wGoaBtg7HpkL/SNWQZhuIWApuuH48vBbYlgT3KJ1CCk8n+5Sq0Jrd0/Itftx/UTZusQJlGB1kEKGtLwnZEcoXSVgfrZ7/UeJLFoinDg/ItwXCLAJ59VhgQ6/PEgRnjlPCOFcBfB/7jwh3L4I8D9F3ylBSH3iAQTezypAKnyI/A8DfozA+1k3QOstI9IRYd0DWlvIKsafJ6BAzgPYwg5tO+BHaR5gVEFKlgFc3jVVDamaDmpssBDlDAO66CrzkaorNMtCThx4nP5FXxpTVk3fNxV99ZbnwQMAR6FtcOjVggYQ0DaAaDgdiEYR+Q6ALnpj6ieRBwFKVxvTMwiJ8iMmirXtSlMP3wO6GGpTdi6TYzw/XAtshe2zC7UunqWpLGfDg6HAdo7JungZ01qWBCeR6KIx5bDYbNuS45ESi+9SUJlKMWZVHAm+cDi0YKxZ7tVwbD1YhkWROAq0tesz8mzdMhGdiFhdAoiFa+0JEyAicd9hxfmcJRElwiVxdGN7zI1EouPGMZBey0DC6+qs4tyY8aH8nCMgO6yFcsaE8vHHNIYy85im59x9n/Ozdoz6PiauKI0ml807obyQUBZGzZ4zk1CIhkVKAwaDMCYUvio4SfXJIYwpTXhsVVqm9QlhyWNCSVXmbGHT88JCKhHC72tAWo82S+tPaSOEhSunwiIlautqcZ4VRoTHb4AnKk+n4niwvYE+bJuzWd63e5T03SBcazCutziXm6zrbd71RvN6q/tH5P8329fb/c/AsQ+xMnAQwrWRZ4qH+/7Q5a8NXbOxL147vjP2XR48Z6Nv7I6+6sjoO0LAkPfw/RUavuWZ+f3w+P8PIZnCou5AMVwAAAAASUVORK5CYII=)
            no-repeat 50%;
        background-size: cover;
        float: right;
        cursor: pointer;
    }
    .busin-list .ask-box .title-box.act-title-box {
        margin-bottom: 16px;
    }
    .busin-list .ask-box .ul li {
        padding: 16px 28px 16px 24px;
    }
    .busin-list .ask-box .ul li:before {
        width: 8px;
        height: 8px;
    }
    .busin-list .ask-box .ul li {
        color: hsla(0, 0%, 100%, 0.7490196078431373);
    }
    .help-center .have-type-ask .title-box.act-title-box h2 {
        margin-bottom: 16px;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 1px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop {
        height: calc(100vh - 57px);
        width: 100%;
        border-radius: 12px 12px 0 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .mess {
        padding: 20px 20px 0;
        height: calc(100vh - 185px);
    }
    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .title-box {
        padding: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .title-box p {
        padding-left: 0;
        line-height: 24px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .close-btn {
        right: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .title-box p img {
        height: 24px;
        margin-right: 12px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .tool-box .input-box input {
        height: 38px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .tool-box {
        padding: 12px 16px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .tool-box .post-picture {
        height: 38px;
        width: 24px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop {
        height: calc(100vh - 57px);
        width: 100%;
        border-radius: 12px 12px 0 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .mess {
        padding: 48px 20px 0;
        height: calc(100vh - 121px);
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .title-box {
        padding: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .title-box p {
        padding-left: 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .close-btn {
        right: 20px;
    }
    .pop-mode-box .pop-mode.unsubscribe-pop .feed-success-icon {
        margin-top: 50px;
    }
    .pop-mode-box .pop-mode.customer-satisfaction-survey-pop {
        height: auto;
    }
    .pop-mode-box .pop-mode.customer-satisfaction-survey-pop:not(.customer-satisfaction-status-pop) .x-desc {
        text-align: left;
    }
    .pop-mode-box .pop-mode.customer-satisfaction-survey-pop:not(.customer-satisfaction-status-pop) .mess {
        padding-top: 12px;
    }
    .pop-mode-box .pop-mode.customer-satisfaction-survey-pop:not(.customer-satisfaction-status-pop) .mess p.not-icon {
        text-align: left;
        width: 100%;
        font-size: 18px;
        line-height: 26px;
    }
    .pop-mode-box .pop-mode.customer-satisfaction-survey-pop .mess p.not-icon {
        font-size: 18px;
        line-height: 26px;
    }
    .busin-list .type-box {
        margin-bottom: 16px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop {
        height: 100%;
        width: 100%;
        border-radius: 12px 12px 0 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop .mess {
        padding: 20px 20px 0;
        height: calc(100% - 65px);
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop .title-box {
        padding: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop .title-box p {
        padding-left: 0;
        line-height: 24px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop .close-btn,
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop .confirm-btn {
        right: 20px;
    }
    .pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item {
        width: 100%;
        margin-top: 24px;
    }
    .pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item:not(.max-item):nth-child(2),
    .pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item:nth-child(2) {
        margin-top: 24px;
    }
    .pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .textarea-box {
        height: 120px;
    }
    .pop-mode-box .pop-mode.feedback-questions-pop .btn-box {
        margin-bottom: 24px;
    }
    .pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .imgContainer,
    .pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .upload_img {
        width: 72px;
        height: 72px;
    }
    .pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .imgContainer {
        margin-right: 16px;
    }
    .pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .upload_img img {
        width: 18px;
        height: 18px;
        margin-top: -9px;
        margin-left: -9px;
    }
    .pop-mode-box .pop-mode.feedback-questions-pop .btn-box {
        margin-top: 24px;
    }
    .pop-mode-box .pop-mode.feedback-questions-pop .btn-box .submit-btn {
        width: 100%;
    }
    .pop-mode-box .pop-mode.feedback-questions-pop .back-btn {
        margin-top: 12px;
        position: relative;
    }
    .shop-list-mod .b-box .price.uc-type {
        padding-left: 22px;
    }
    .shop-list-mod .b-box .price.uc-type:before {
        width: 18px;
        height: 14px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.pay-props-purchase-confirm-pop {
        width: 100%;
        border-radius: 12px 12px 0 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.pay-props-purchase-confirm-pop .mess {
        padding: 24px 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.pay-props-purchase-confirm-pop .title-box {
        padding: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.pay-props-purchase-confirm-pop .title-box p {
        padding-left: 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.pay-props-purchase-confirm-pop .close-btn {
        right: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.pay-props-purchase-confirm-pop .btn-box {
        padding: 0 20px;
        margin-bottom: 20px;
        margin-top: 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.pay-props-purchase-successful-pop {
        width: 100%;
        padding: 36px 20px 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.pay-props-purchase-successful-pop .btn-wraps {
        padding: 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.pay-props-openbox-result-pop {
        width: 100%;
        padding: 36px 20px 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.cr-and-lg-pop {
        height: calc(100vh - 57px);
        width: 100%;
        border-radius: 12px 12px 0 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.cr-and-lg-pop .mess {
        padding: 20px 20px 0;
        height: calc(100vh - 258px);
    }
    .pop-mode-box .pop-mode.confirm-default-mode.cr-and-lg-pop .title-box {
        padding: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.cr-and-lg-pop .title-box p {
        padding-left: 0;
        line-height: 24px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.cr-and-lg-pop .close-btn {
        right: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.cr-and-lg-pop .btn-box {
        padding: 16px 20px;
        box-sizing: border-box;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.cr-and-lg-pop .submit-btn {
        width: 100%;
        box-sizing: border-box;
    }
    .pop-mode-box .pop-mode.cr-and-lg-pop .mess .form-item-box .tab-con .block ul li {
        width: 48.6%;
        float: left;
        position: relative;
        margin-top: 12px;
        box-sizing: border-box;
    }
    .pop-mode-box .pop-mode.cr-and-lg-pop .mess .form-item-box .tab-con .block ul li:nth-child(3n - 1) {
        margin: 12px 0 0;
    }
    .pop-mode-box .pop-mode.cr-and-lg-pop .mess .form-item-box .tab-con .block ul li:nth-child(2n - 1) {
        float: left;
    }
    .pop-mode-box .pop-mode.cr-and-lg-pop .mess .form-item-box .tab-con .block ul li:nth-child(2n) {
        float: right;
    }
    .pop-mode-box .pop-mode.cr-and-lg-pop .mess .form-item-box .tab-con .block ul li:first-child,
    .pop-mode-box .pop-mode.cr-and-lg-pop .mess .form-item-box .tab-con .block ul li:nth-child(2),
    .pop-mode-box .pop-mode.cr-and-lg-pop .mess .form-item-box .tab-con .block ul li:nth-child(3) {
        margin-top: 0;
    }
    .pop-mode-box .pop-mode.cr-and-lg-pop .mess .form-item-box .tab-con .block ul li:nth-child(3) {
        margin-top: 12px;
    }
    .pop-mode-box .pop-mode.cr-and-lg-pop .mess .form-item-box .tab-con .block ul li:nth-child(2) {
        margin-top: 0;
    }
    .pop-mode-box .pop-mode.cr-and-lg-pop .tab-nav-box .item:first-child,
    .pop-mode-box .pop-mode.cr-and-lg-pop .tab-nav-box .item:nth-child(2) {
        padding-left: 20px;
        padding-right: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.hypernucleus-pop {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.hypernucleus-pop .midas-logo {
        display: block;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.hypernucleus-pop .title-box {
        padding-top: 80px;
        padding-bottom: 24px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.hypernucleus-pop .title-box p {
        text-align: left;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.hypernucleus-pop .mess .step-box {
        margin-bottom: 47px;
    }
    .pop-mode-box .pop-mode.activate-midas-coin-pop .tips-item {
        margin-top: -32px;
    }
    .midas-coins .user-coins-box .coin-mess .inner {
        display: block;
    }
    .midas-coins .user-coins-box .coin-mess .btn-block {
        margin-top: 8px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .midas-coins .user-coins-box .coin-mess .reload-btn {
        margin-right: 12px;
    }
    .midas-coins .user-coins-box .coin-mess .redeem-btn,
    .midas-coins .user-coins-box .coin-mess .reload-btn {
        flex: 1;
        text-align: center;
    }
    .midas-coins .user-coins-box .coin-mess {
        padding: 20px 0;
    }
    .midas-coins .user-coins-box .view-link {
        padding: 12px 0;
    }
    .about-midas-coins {
        padding: 0;
    }
    .about-midas-coins .item .item-title {
        line-height: 54px;
        height: 54px;
    }
    .about-midas-coins .item .item-title p {
        line-height: 54px;
    }
    .about-midas-coins .item .item-block {
        padding: 20px;
    }
    .about-midas-coins .item .item-block .item-box {
        margin-top: 20px;
    }
    .about-midas-coins .item .item-block .game-list li {
        margin-left: 22px;
    }
    .midas-coins .user-coins-box .not-active {
        display: block;
        padding-top: 0;
    }
    .midas-coins .user-coins-box .not-active .bd {
        display: block;
        padding-right: 0;
        padding-bottom: 20px;
    }
    .midas-coins .user-coins-box .not-active .bd img {
        position: relative;
        left: 50%;
        top: 0;
        height: 130px;
        -webkit-transform: translateX(-50%) translateY(0);
    }
    .midas-coins .user-coins-box .not-active .bd img.pc-show {
        display: none;
    }
    .midas-coins .user-coins-box .not-active .bd img.mobile-show {
        display: block;
    }
    .midas-coins .user-coins-box .not-active .bd p {
        text-align: center;
        padding-left: 0;
    }
    .midas-coins .user-coins-box .not-active .btn {
        width: 100%;
        box-sizing: border-box;
    }
    .midas-coins .user-coins-box .coin-mess .coin-data .coin-val .conversion {
        padding-left: 8px;
    }
    .midas-coins .coin-area {
        font-size: 12px;
    }
    .purchase-midas-coins .page-bg img.mobile-show {
        height: 220px;
        width: auto;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
    }
    .purchase-midas-coins .head {
        margin-top: 57px;
        margin-bottom: 24px;
    }
    .purchase-midas-coins .head .main {
        width: auto;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .purchase-midas-coins .head .main .mess-box {
        padding-top: 32px;
    }
    .purchase-midas-coins .head .main .mess-box .title {
        width: 160px;
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 4px;
    }
    .purchase-midas-coins .head .main .mess-box .about-coins {
        margin-bottom: 34px;
    }
    .purchase-midas-coins .head .main .mess-box .activate-coin-block,
    .purchase-midas-coins .head .main .mess-box .opened-coin-block {
        width: 100%;
    }
    .purchase-midas-coins .head .main .mess-box .activate-coin-block {
        display: block;
    }
    .purchase-midas-coins .head .main .mess-box .activate-coin-block .desc {
        padding-right: 0;
        text-align: center;
        margin-bottom: 20px;
    }
    .purchase-midas-coins .head .main .mess-box .activate-coin-block .btn {
        width: 100%;
    }
    .purchase-midas-coins .icon-section li {
        width: 48.7%;
        margin-right: 2.6%;
        margin-top: 12px;
        padding: 16px;
    }
    .purchase-midas-coins .icon-section li:nth-child(3n) {
        margin-right: 2.6%;
    }
    .purchase-midas-coins .icon-section li:nth-child(2n) {
        margin-right: 0;
    }
    .purchase-midas-coins .icon-section li:nth-child(-n + 4) {
        margin-top: 12px;
    }
    .purchase-midas-coins .icon-section li:nth-child(-n + 2) {
        margin-top: 0;
    }
    .purchase-midas-coins .icon-section li .buy-btn {
        width: 100%;
    }
    .purchase-midas-coins .icon-section li .shop {
        width: 72px;
        height: 72px;
        margin-bottom: 0;
    }
    .purchase-midas-coins .icon-section li .label {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 16px;
    }
    .purchase-midas-coins .icon-section li .buy-btn {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .purchase-midas-coins .page-bg {
        width: 100%;
        height: 220px;
        overflow: hidden;
    }
    .history-midas-coins .head .main .mess-box .title {
        width: 100%;
        margin-bottom: 0;
    }
    .history-midas-coins .head .main .mess-box {
        padding-top: 24px;
    }
    .purchase-midas-coins .history-section li {
        width: 100%;
        margin-right: 0;
    }
    .purchase-midas-coins .history-section li:first-child {
        border-top: 1px solid hsla(0, 0%, 100%, 0.05);
    }
    .pop-mode-box .pop-mode.change-region-pop {
        width: 335px;
        padding: 32px 20px 24px;
    }
    .pop-mode-box .pop-mode.activate-midas-coin-pop {
        bottom: 0;
        top: 0;
        position: absolute;
        box-sizing: border-box;
        height: auto;
    }
    .pop-mode-box .pop-mode.activate-midas-coin-pop .mess {
        padding-top: 88px;
    }
    .pop-mode-box .pop-mode.activate-midas-coin-pop .mess .title {
        width: 100%;
        text-align: left;
        margin-bottom: 32px;
    }
    .pop-mode-box .pop-mode.activate-midas-coin-pop .close-btn {
        width: 28px;
        height: 28px;
        border-radius: 0 0 0 6px;
        opacity: 1;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAG1BMVEVHcEz///////////////////////////////8W/R0OAAAACXRSTlMAh2gKfA1vR1aDq0KLAAAAcklEQVQoz2NgIAeYB8BYrMVgqlEZJhAkASLZRYSgSlgVHQsgFFSJEVQKRsNlYAwjuF4IC6EVykQogLCRFECUICsAK0FWAFaCogCkBEUBpgCGFnRDMaxFdxiG09E9h+F99ADCCEKMQGZGRIORBPaIIhUAAPsHHCqMg+mMAAAAAElFTkSuQmCC)
            no-repeat 50%;
        background-color: hsla(0, 0%, 100%, 0.10196078431372549);
        background-size: 12px 12px;
        right: 0;
        top: 0;
    }
    .pop-mode-box .pop-mode.activate-midas-coin-pop .pop-logo {
        background: url(data:image/png;base64,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)
            no-repeat 50%;
        background-size: 100% 100%;
        position: absolute;
        width: 80.84px;
        height: 16px;
        left: 24px;
        top: 20px;
    }
    .pop-mode-box .pop-mode.activate-midas-coin-pop .back-btn {
        position: absolute;
        left: 22px;
        top: 23px;
        margin-top: 0;
    }
    .pop-mode-box .pop-mode.about-midas-coins-pop:not(.select-saving-card-pop, .pay-plan-pop) .title-box p {
        text-align: left;
        padding-left: 20px;
    }
    .pop-mode-box .pop-mode.about-midas-coins-pop .mess .item-box:first-child {
        margin-top: 20px;
    }
    .pop-mode-box .pop-mode.about-midas-coins-pop .close-btn {
        right: 20px;
    }
    .pop-mode-box .pop-mode.activate-midas-coin-pop .confirm-the-redeem-form .coins-mess-block .mess {
        padding-top: 0;
    }
    .pop-mode-box .pop-mode.activate-midas-coin-pop .form-item-box .item {
        margin-bottom: 32px;
    }
    .pop-mode-box .pop-mode.activate-midas-redeem-gifts-pop .reminder-block {
        padding: 0 20px;
        box-sizing: border-box;
    }
    .pop-mode-box .pop-mode.activate-midas-redeem-success-pop .mess .title {
        text-align: center;
    }
    .pop-mode-box .pop-mode.activate-midas-redeem-success-pop .redeem-success-form .item {
        margin-bottom: 8px;
    }
    .pop-mode-box .pop-mode.activate-midas-redeem-success-pop .redeem-success-form {
        margin-bottom: 24px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop {
        width: 100%;
        border-radius: 12px 12px 0 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop:not(.select-saving-card-pop, .pay-plan-pop) .title-box {
        padding: 20px 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop .title-box p {
        font-size: 16px;
        line-height: 24px;
        padding-left: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop .close-btn {
        right: 20px;
        top: 25px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop .mess {
        padding: 0 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop .item-box .item ul li {
        line-height: 30px;
        height: 30px;
        margin-top: 12px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop .item-box .item .label {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 8px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop .tool-box {
        padding: 16px 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop .tool-box .clear-btn {
        text-align: center;
        margin-right: 20px;
        cursor: pointer;
        width: 46px;
        height: 46px;
        border: none;
        line-height: 1px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop .tool-box .clear-btn em {
        width: 26px;
        height: 26px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAzCAMAAADvo9thAAAAPFBMVEVHcEz///////////////////////////////////////////////////////////////////////////+PybD1AAAAFHRSTlMAzocayLsDvwHDsTtcTwyYoy4jcuwab1gAAAIKSURBVEjH1ZbbuqMgDIU5HwQV9f3fdRJOVgnde67mm9ULW+kvISsBGfuHMm/9gnG/uvWWPJ46f57HxEW/JDb3dS7DVu7tS1x8D9AxwbW1/kPwa5HfKMeMUNove7qF0ElCrsg4hPi63ZIZgpEierIMsa2bJEt4RFBy78IVLWm5halIbTStzDToVF34H68eicAbRZ7HD8haXT+06qh+QO2Rj2T713xoWYcY20II0cNiwkyQHyXg+nJMApS2mYMXx9DYI+eYW42G3L3Qri7fyk7A1T3Tvi3e6gNDdkeNA6MOJg/uEEdg5u1Vuw/PgvrjaIiEvGiJMUmwqzxxrDq1Fkg1qBRr/XYyQxZQRMiN0AllnMZaNzlB12SmAFEkQ0CRgxUYKDHTCtA+9kcdyE8boYjejkuCEGx211DQBdBFQQdU6zKBMLORgiS4ayUN7cWOsRO35LU6CMgwkyDlgbDJsT4yQBiEp3aXjxgG6CyRU1Bf7QDVHFFQz+sAhdJrFNQd7BBOIPNe3XynSyJDd2soLe8Ko/b+o1Wl0IvNEGx7Sd61TEGnr3t963lXrq51DbnP4hLGTnOu9ScFQUlYe4xQHiALouwSUBJmFL1DFKg236jNfzmjLsxsHHXNvK27RD8gPoVHaDITCIyfiQtGvoQ4twmuaPHJknL+oqB1zc9393dvP/19Bc4F+sP+H/0BlK4lGB+vZEUAAAAASUVORK5CYII=)
            no-repeat 50%;
        background-size: cover;
        margin-bottom: 6px;
        display: inline-block;
        margin-right: 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop .tool-box .clear-btn p {
        color: hsla(0, 0%, 100%, 0.7490196078431373);
        font-size: 12px;
        text-align: center;
        line-height: 12px;
        width: 100%;
        display: block;
    }
    .record .form-box .filter-box {
        padding-left: 0;
    }
    .record .form-box .filter-box li {
        height: 26px;
        line-height: 26px;
        padding: 0 12px;
        margin-left: 8px;
    }
    .record .form-box .filter-box .filter {
        background: none;
        padding: 0;
        height: 26px;
        line-height: 26px;
    }
    .record .form-box .filter-box .filter span {
        display: none;
    }
    .record .form-box .filter-box .filter em {
        height: 20px;
    }
    .art-box.record .record-table .table-body .tr .td.pending p {
        color: #f17b32;
    }
    .art-box.record .record-table .table-body .tr-box {
        border-radius: 9px;
        overflow: hidden;
    }
    .art-box.record .record-table .table-body .tr .td5 {
        display: none;
    }
    .art-box.record .record-table .table-body .tr .td4 {
        text-align: left;
        width: 100%;
    }
    .art-box.record .record-table .table-body .tr .td p {
        font-size: 12px;
        line-height: 18px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop .title-box {
        padding: 20px 0;
    }
    .record-table .table-body .tr .ft {
        display: block;
    }
    .record-table .table-body .tr .ft .mobile-show {
        font-size: 16px;
        line-height: 24px;
        color: #fff;
        width: auto;
        flex: none;
        position: relative;
        display: inline-block;
        font-family: "Montserrat", sans-serif;;
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 16px;
        max-width: 106px;
        padding-right: 20px;
    }
    .art-box.record .record-table .table-body .tr .td3 p .icoin,
    .record-table .table-body .tr .ft .mobile-show .icoin {
        left: -18px;
    }
    .record-table .table-body .tr .ft .mobile-show:after {
        content: " ";
        width: 16px;
        height: 16px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAcBAMAAACjeJNyAAAAJ1BMVEVHcEz///////////////////////////////////////////////8NopmKAAAADXRSTlMAoJaZCnwePF6TbFs0osoH7gAAAGRJREFUCNdjYGBhgIDSBDDlLRgCpg8aSYBpbiHDAhDNEqg8DSyQaSTqAKLZhRUbwAKNyuJg2lXIEmwE22RFiBGFUCM40IyA0TBxqDqYPpg5UHNh9kDthWmGuQvmTpi7Yf6A+gsA43cWkcIM68sAAAAASUVORK5CYII=)
            no-repeat 50%;
        background-size: 7px 14px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
    }
    .record-table .table-body .tr .bd {
        flex: 1;
        padding-right: 12px;
    }
    .art-box.record .record-table .table-body .tr .td.td1 p:not(.time) {
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .art-box.record .record-table .table-body .tr .td.td2 p {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .record .form-box .filter-box .filter.filtered {
        background: none;
    }
    .record .form-box .filter-box .filter.filtered .pc-show {
        display: none;
    }
    .record .form-box .filter-box .filter.filtered .mobile-show {
        display: inline-block;
        color: #3988ff;
        font-size: 16px;
        line-height: 24px;
        vertical-align: middle;
    }
    .record .form-box .filter-box .filter.filtered em {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAALVBMVEVHcEw5iP85h/85hP8yhf85iP85iP87h/84iP86h/85iP85iP85iP85iP85iP8ZzZ4UAAAADnRSTlMA8+EfCvu6FI0vQnHPTfU6QBIAAADQSURBVCjPY2CgCWA3RgEFYMFNSihAGyTGGfcOBTw1AAuGCiKBp2BBhr64Bhc44Hj6Amwmx9PXCFv3xTVAGHlxG2Bi3E+fQVllT2WhLIeF79JhDs0LXABhcYk+K4BpqnkqCWEsfHccbjqn3qMJyDTMKLCKmndSSN7nkgOZxZ73cAFyoFyMS2FgcIO7AgxYuEEe2YdwLwT0PXJgOPcCLVCNHjqwyGliE1QesYIW7zAFZ8jFHUAXfCr37tkEDMF3YQvQU67P02dLMJIzZ9sCAgkeAIjXaI3DGlkCAAAAAElFTkSuQmCC)
            no-repeat 50%;
        background-size: cover;
    }
    .banner-wrap .nav-box li.imp a:before {
        right: -12px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.transaction-details-pop {
        height: calc(100vh - 57px);
        width: 100%;
        border-radius: 12px 12px 0 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.transaction-details-pop .mess {
        padding: 0 20px;
        height: calc(100vh - 122px);
    }
    .pop-mode-box .pop-mode.confirm-default-mode.transaction-details-pop .title-box {
        padding: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.transaction-details-pop .title-box p {
        padding-left: 0;
        line-height: 24px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.transaction-details-pop .close-btn {
        right: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.transaction-details-pop .item-box .item ul li .label {
        width: 114px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.transaction-details-pop .item-box .ft {
        margin-top: 20px;
        padding: 19px 0;
        text-align: center;
        border-top: 1px solid hsla(0, 0%, 100%, 0.05);
    }
}
@media screen and (max-width: 760px) {
    .event-content {
        width: 100%;
    }
    .event-header {
        padding: 16px 0;
    }
    .event-header .title {
        margin: 10px 0;
    }
    .event-mod-box {
        padding: 24px 0;
    }
    .mod-title {
        font-size: 18px;
        color: #fff;
        letter-spacing: -0.22px;
        line-height: 16px;
        margin-bottom: 24px;
    }
    .event-steps .mod-title {
        margin-bottom: 16px;
    }
    .event-mod-box .mess p {
        margin-bottom: 20px;
    }
    .event-mod-box .mess p:last-child {
        margin-bottom: 0;
    }
    .event-awards .tips {
        margin-bottom: 12px;
    }
    .awards-box .item .pic {
        width: 106px;
        height: 106px;
    }
    .awards-box .item .name {
        margin-top: 8px;
    }
    .step-box .item {
        margin-left: 0;
        width: 100%;
        border: none;
        padding: 12px 0;
        margin-top: 0;
    }
    .step-box .item:first-child {
        padding-top: 0;
    }
    .step-box.step-other-box .item {
        margin-top: 24px;
        display: block;
        padding: 0;
    }
    .step-box.step-other-box .item .mess {
        width: 100%;
        flex: none;
        margin-bottom: 16px;
    }
    .step-box.step-other-box .step-pic {
        padding-left: 0;
    }
    .step-box.step-other-box .step-pic .img {
        width: 100%;
        height: 158px;
    }
    .step-box .item:first-child {
        margin-top: 0;
    }
    .other-mod-box {
        padding-bottom: 24px;
    }
    .slide-mess {
        margin-top: 20px;
    }
    .list-item {
        display: block;
    }
    .list-item .item {
        flex: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 24px;
    }
    .list-item .item:last-child {
        margin-bottom: 0;
    }
    .promotions .account-details .list-box .list .pic {
        height: 150px;
    }
}
@media screen and (max-width: 700px) {
    .login .content.x {
        overflow: hidden;
    }
    .login .content.x,
    .login .content.x .big-box {
        height: calc(100vh - 57px);
    }
    .login .content.x .register-box {
        top: 0;
    }
    .select-country-box {
        height: calc(100vh - 57px);
    }
    .login .register-box {
        width: auto;
        background: none;
        -webkit-transform: translate(-50%);
        position: relative;
        margin-top: 0;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .login .register-box .left {
        width: 100%;
        margin-right: 0;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
        margin-top: 34px;
    }
    .login .register-box .line {
        display: none;
    }
    .login .register-box .right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px;
    }
    .login .register-box .right .list {
        padding-left: 32px;
        padding-right: 32px;
        box-sizing: border-box;
    }
    .login .register-box .right .btn-wrap {
        padding: 0 32px;
    }
    .login .register-box .right .btn.mobile-btn {
        display: block;
        width: 100%;
        height: 42px;
        line-height: 42px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        float: left;
        background: var(--btn-color-2, #3a7bfc);
        cursor: pointer;
        margin-bottom: 16px;
    }
    .login .register-box .right .btn.mobile-btn.disable {
        background: #3c4053;
    }
    .login .register-box .b-bx.pc-b-bx {
        display: none;
    }
    .login .register-box .b-bx.mobile-b-bx {
        display: block;
        padding-left: 32px;
        padding-right: 32px;
        box-sizing: border-box;
    }
    .login .register-box .right .other-login-box {
        border-top: 1px solid hsla(0, 0%, 100%, 0.4);
        padding-left: 32px;
        padding-right: 32px;
        padding-top: 15px;
        box-sizing: border-box;
        margin-top: 23px;
    }
    .personal .content {
        min-height: calc(100vh - 167px);
    }
    .personal .form-box .form-title .title-p {
        line-height: 20px;
        padding-bottom: 18px;
        font-size: 16px;
    }
    .personal .form-box-1 .form-title .title-p {
        padding-top: 24px;
    }
    .personal .form-box .mess-box .box {
        width: 100%;
        margin-bottom: 12px;
        padding: 0 16px;
        height: 54px;
    }
    .personal .form-box .mess-box .box .label,
    .personal .form-box .mess-box .box .val,
    .personal .form-box .mess-box .box .val span {
        line-height: 54px;
    }
    .personal .form-box .mess-box .user-pic {
        margin-top: 9px;
    }
    .personal .form-box .mess-box .r-box {
        margin-bottom: 0;
    }
    .personal .form-box {
        margin-bottom: 40px;
    }
    .payment-method .form-box {
        margin-bottom: 0;
    }
    .personal .form-box-1 {
        margin-bottom: 40px;
        margin-top: 0;
    }
    .personal .form-box .form-title .title-desc {
        line-height: 16px;
        margin-left: 0;
        width: 100%;
        padding-bottom: 20px;
    }
    .personal .form-box-2 .form-title .title-p {
        padding-bottom: 12px;
    }
    .personal .form-box .item-box .item {
        width: 100%;
        margin-bottom: 16px;
        padding-bottom: 30px;
    }
    .personal .form-box .item-box .item:nth-child(2n) {
        margin-left: 0;
    }
    .personal .form-box .item-box .item .t-box {
        padding: 30px;
    }
    .personal .form-box .item-box .item .b-box {
        padding-left: 30px;
        padding-right: 24px;
    }
    .personal .form-box .item-box .item:nth-child(3n + 2) {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 16px;
    }
    .personal .form-box .item-box .item.add-item {
        height: 62px;
        padding: 0;
        line-height: 62px;
        min-height: auto;
        margin-bottom: 0;
    }
    .personal .form-box .item-box .item.add-item p {
        margin-top: 0;
    }
    .game-shop .pop-mode-box .pop-mode.pop-form-mode,
    .pop-mode-box .pop-mode.pop-form-mode {
        width: 100%;
        top: auto;
        bottom: 0;
        -webkit-transform: translate(-50%);
    }
    .record .pop-mode-box:not(.pop-ts-mode-box) {
        display: block;
        -webkit-transform: translateY(200%);
        -webkit-transition: all 0.5s ease-in-out;
    }
    .pop-mode-box .pop-mode.pop-ts-mode {
        width: auto;
        left: 12px;
        right: 12px;
        -webkit-transform: translateY(-50%);
    }
    .record .pop-mode-box.pop-show {
        -webkit-transform: translateY(0);
    }
    .game-shop .pop-mode-box .pop-mode.pop-form-mode .form-box-wrap,
    .pop-mode-box .pop-mode.pop-form-mode .form-box-wrap {
        width: 100%;
        padding: 32px 20px;
    }
    .pop-mode-box .pop-mode.card-pay-pop {
        transform: translate(0);
        bottom: 0;
        left: 0;
        top: auto;
        width: 100%;
        padding: 32px 20px 20px;
        border-radius: 8px 8px 0 0;
    }
    .pop-mode-box .pop-mode.card-pay-pop .card-pay-icon {
        width: 80px;
        height: 80px;
        margin-bottom: 12px;
    }
    .pop-mode-box .pop-mode.card-pay-pop .desc {
        margin-bottom: 32px;
    }
    .my-feedback .not-mod-box .list-box .list {
        width: 100%;
        margin-right: 0;
    }
    .my-feedback .not-mod-box .list-box .list:nth-child(2) {
        margin-top: 16px;
    }
    .my-feedback .not-mod-box .label {
        margin-bottom: 16px;
    }
    .my-feedback .back-box {
        margin-top: 16px;
    }
    .my-feedback .title {
        margin-top: 24px;
        margin-bottom: 16px;
    }
    .my-feedback .title p {
        font-size: 20px;
        line-height: 28px;
    }
    .my-feedback .not-mod-box {
        margin-top: 32px;
    }
    .my-feedback .not-mod-block {
        margin-bottom: 34px;
    }
    .my-feedback .not-mod-box .list-box .list .con-box .not-title {
        font-size: 14px;
        line-height: 22px;
    }
    .my-feedback .not-mod-box .list-box .list .con-box .desc {
        font-size: 12px;
        line-height: 18px;
    }
}
@media screen and (max-width: 640px) {
    .banner-wrap .swiper-slide,
    .banner-wrap .swiper-slide .img-box {
        height: 160px;
    }
    .game-pay-section ul li {
        height: 246px;
    }
    .game-pay-section ul li .shop-pic {
        padding: 12px;
    }
    .new-media.game-pay-section ul li .shop-pic {
        padding: 0;
    }
    .game-pay-section ul li .container {
        padding: 28px 12px 12px;
        height: 246px;
    }
    .game-currency .game-pay-section ul li .container {
        height: auto;
    }
    .new-media.game-pay-section ul li .container {
        padding-top: 16px;
    }
    .type-labels {
        height: 18px;
        line-height: 16px;
        font-size: 12px;
    }
    .type-label:before,
    .type-labels:before {
        width: 5px;
        left: -4px;
    }
    .game-pay-section ul li .shop-box .num {
        font-size: 18px;
        padding-left: 18px;
    }
    .new-media.game-pay-section ul li .shop-box .num {
        font-size: 24px;
        padding-left: 0;
    }
    .game-pay-section ul li .shop-box .num .icon {
        width: 17px;
        height: 17px;
    }
    .game-pay-section ul li .shop-box {
        margin-bottom: 0;
    }
    .new-media.game-pay-section ul li .shop-box {
        margin: 16px 0;
    }
    .game-pay-section ul li .price-box {
        height: 32px;
        padding: 5px 0 0;
        min-height: 32px;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .new-media.game-pay-section ul li .price-box {
        width: 100%;
        height: 38px;
        background: #161d44;
        box-shadow: 0 0 2px hsla(0, 0%, 100%, 0.2), inset 0 -2px 8px rgba(14, 20, 49, 0.2);
        border-radius: 2px;
        display: flex;
        align-items: center;
        padding: 6px 0;
    }
    .game-pay-section ul li .price-box.price-box-d {
        padding-top: 0;
    }
    .game-pay-section ul li .price-box .money {
        font-size: 14px;
        margin-bottom: 0;
        line-height: 12px;
    }
    .game-pay-section ul li .price-box.one-price .money,
    .game-pay-section ul li .price-box.price-box-d .money {
        height: 100%;
        line-height: 32px;
    }
    .new-media.game-pay-section ul li .price-box.one-price .money {
        width: 100%;
        height: auto;
        font-family: "Montserrat", sans-serif;;
        font-size: 14px;
        color: #fff;
        letter-spacing: 0;
        text-align: center;
        line-height: 14px;
    }
    .new-media.game-pay-section ul li .price-box.one-price .money p:nth-child(2) {
        height: 10px;
        opacity: 0.4;
        font-family: "Montserrat", sans-serif;;
        font-size: 10px;
        color: #fff;
        letter-spacing: 0;
        line-height: 10px;
        text-decoration: line-through;
        margin-top: 2px;
    }
    .game-pay-section ul li .mark-mod-text {
        font-size: 12px;
    }
    .game-pay-section ul li .shop-box .x {
        font-size: 20px;
        margin: 0 12px;
    }
    .game-pay-section ul li .mess-box {
        padding: 8px 10px 6px;
        margin-bottom: 6px;
    }
    .game-pay-section ul li .mess-box .all-items {
        font-size: 10px;
        margin-bottom: 3px;
    }
    .game-pay-section ul li .mess-box .label-gift {
        font-size: 10px;
        padding: 0 4px;
        line-height: 14px;
    }
    .game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item {
        height: 52px;
    }
    .new-media.game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item {
        height: 36px;
    }
    .game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item p {
        font-size: 10px;
    }
    .game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item:not(.single-gift-item) .img {
        width: 32px;
        height: 32px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item.single-gift-item .img {
        height: 32px;
    }
    .game-pay-section ul li .mess-box .item {
        font-size: 10px;
        margin-bottom: 0;
        line-height: 14px;
    }
    .game-pay-section ul li .price-box .moneyed {
        font-size: 10px;
        margin-top: 1px;
        line-height: 13px;
    }
    .game-pay-section ul li .mess-box .detail {
        font-size: 10px;
        line-height: 12px;
    }
    .game-pay-section ul li .mess-box .item span {
        vertical-align: top;
    }
    .game-pay-section ul li .shop-box .ticket-icon {
        height: 35px;
    }
    .coupon .list-box .list {
        width: 49.25%;
        margin-right: 1.5%;
        margin-bottom: 8px;
        display: block;
        padding: 12px 16px 8px;
        box-sizing: border-box;
    }
    .coupon .list-box .list:nth-child(3n) {
        margin-right: 1.5%;
    }
    .coupon .list-box .list:nth-child(2n) {
        margin-right: 0;
    }
    .credit-card-pop .pop-box {
        width: 93%;
    }
    .game-coin .coin-mess-box .x-main {
        padding: 0 5px;
    }
    .currency .form-box .yes-opened .item-box .item .val .gold,
    .midas-coins .form-box .yes-opened .item-box .item .val .purchase-more {
        margin: 0;
        float: right;
        display: block;
    }
    .midas-coins .form-box .yes-opened .item-box .item .val .purchase-more {
        margin-top: 8px;
        width: 100%;
        float: right;
        text-align: right;
    }
    .currency .form-box .yes-opened .item-box .item .val .country-name {
        display: inline-block;
        float: right;
    }
    .shop-list-mod .type-labels {
        height: 22px;
        line-height: 22px;
        font-size: 12px;
        color: #514008;
        letter-spacing: -0.4px;
    }
    .shop-list-mod .type-label:before,
    .type-labels:before {
        width: 12px;
        left: -12px;
    }
}
@media screen and (max-width: 540px) {
    .game-ticket .game-mess-box .gift-exchange-btn {
        width: 90px;
    }
    .game-ticket .game-mess-box .prop-store-btn {
        margin-right: 1.5%;
    }
    .banner-wrap .swiper-slide,
    .game_list .banner-wrap .swiper-slide,
    .game_list .banner-wrap .swiper-slide .img-box {
        height: 160px;
    }
    .game_list .banner-tool .desc .facebook-icon {
        margin-left: 2px;
        margin-right: 2px;
    }
    .hot-game {
        margin-bottom: 0;
    }
    .hot-game .list-box ul li {
        width: 49%;
        margin-bottom: 3%;
    }
    .content .title-box {
        margin-bottom: 20px;
    }
    .new-game-reservation-section.only-reservation .title-box {
        margin-bottom: 12px;
    }
    .hot-game .list-box ul li:nth-child(3n) {
        margin-right: 2%;
    }
    .hot-game .list-box ul li:nth-child(2n),
    .hot-game .list-box ul li:nth-child(4n) {
        margin-right: 0;
    }
    .hot-game .list-box ul li .btn {
        height: 36px;
        line-height: 36px;
    }
    .pay-type-box .tips-box {
        display: block;
    }
    .pay-type-box .tips-box p {
        margin-bottom: 13px;
    }
    .pay-type-box .tips-box img {
        float: left;
        margin-right: 12px;
        margin-bottom: 12px;
    }
    .pay-type-box .tips-box img:last-child {
        margin-right: 0;
    }
    .type-label {
        height: 21px;
        line-height: 21px;
        font-size: 12px;
    }
    .type-label:before {
        height: 21px;
    }
    .game_list_section .list-box > ul > li {
        width: 49%;
        margin-bottom: 3%;
    }
    .game_list_section .list-box > ul > li:nth-child(3n) {
        margin-right: 2%;
    }
    .game_list_section .list-box > ul > li:nth-child(2n),
    .game_list_section .list-box > ul > li:nth-child(4n) {
        margin-right: 0;
    }
    .game_list .list-nav ul li {
        height: 44px;
        line-height: 44px;
        margin-right: 28px;
    }
    .game_list .list-nav ul li:last-child {
        margin-right: 0;
    }
    .game_list .content {
        margin-top: 0;
        padding-top: 0;
    }
    .game_list_new .vip-tips-box {
        margin-top: 24px;
    }
    .game_list_section .list-box ul li .more-box .shop-list-wrap li .desc {
        font-size: 10px;
    }
    .game_list .banner-wrap .ad-pic,
    .game_list .banner-wrap .x-main {
        height: 160px;
    }
    .game_list .banner-wrap .game-logo {
        display: none;
    }
    .game-shop .shop-mess-box {
        padding: 30px 15px;
    }
    .game-shop .shop-mess-box .go-back {
        top: -20px;
    }
    .game-shops .shop-mess-box {
        padding-bottom: 0;
    }
    .game-shop .shop-mess-box .shop-pic {
        max-height: 116px;
        margin-right: 24px;
    }
    .game-wrap .tab-nav-box ul {
        margin-bottom: 15px;
    }
    .game-shop .shop-mess-box .mess-box .list {
        height: 27px;
    }
    .game-wrap .tab-nav-box .n-box,
    .game-wrap .tab-nav-box .tab-box .type-radio,
    .game-wrap .tab-nav-box .y-box {
        width: 100%;
    }
    .game-wrap .tab-nav-box .tab-box .type-radio .radio.android-radio {
        margin-right: 0.75%;
    }
    .game-wrap .tab-nav-box .tab-box .type-radio .radio.ios-radio {
        margin-left: 0.75%;
    }
    .game-wrap .tab-nav-box {
        margin-bottom: 32px;
    }
    .game-wrap.game-ticket-new .tab-nav-box {
        margin-bottom: 40px;
    }
    .pay-type-box .pay-list-box .sub-title {
        margin-top: 8px;
    }
    .pay-type-box .pay-list-box .list {
        width: 49.25%;
        max-height: 120px;
        padding: 14px 12px;
    }
    .pay-type-box .pay-list-box .list:nth-child(3n) {
        margin-right: 1.5%;
    }
    .pay-type-box .pay-list-box .list:nth-child(2n) {
        margin-right: 0;
    }
    .game-shop .shop-mess-box .mess-box .list .val.shop-price {
        font-size: 18px;
    }
    .pay-type-box .pay-list-box .label {
        font-size: 14px;
        margin-left: 16px;
    }
    .pay-type-box .pay-list-box .gift-discount,
    .pay-type-box .pay-list-box .select-other-cards,
    .pay-type-box .pay-list-box .sub-text {
        margin-left: 16px;
    }
    .pay-type-box .pay-list-box .select-other-cards p:after {
        width: 5px;
        height: 12px;
    }
    .pay-type-box .pay-list-box .tips {
        margin-left: 16px;
        line-height: 18px;
    }
    .credit-card .pay-sec-box .right .cancel-btn,
    .credit-card .pay-sec-box .right .pay-btn,
    .credit-card .pay-sec .right .cancel-btn,
    .credit-card .pay-sec .right .pay-btn {
        width: 48.6%;
    }
    .credit-card .pay-sec-box .right .pay-btn,
    .credit-card .pay-sec .right .pay-btn {
        margin-left: 8px;
    }
    .pay-sec .right .pay-mess {
        float: left;
    }
    .pay-sec-box .right,
    .pay-sec .right {
        justify-content: space-between;
    }
    .game-shop .content {
        padding-bottom: 200px;
    }
    .credit-card .content {
        padding-bottom: 280px;
        margin-bottom: 0;
    }
    .game-ticket .content {
        margin-top: 24px;
    }
    .game-ticket .content.mt {
        margin-top: 126px;
    }
    .currency .content {
        padding-bottom: 26px;
    }
    .game-pay-section ul li {
        width: 48.7%;
        margin-right: 2.6%;
    }
    .game-pay-section ul li:nth-child(3n) {
        margin-right: 2.6%;
    }
    .game-pay-section ul li:nth-child(2n) {
        margin-right: 0;
    }
    .game-ticket .game-pay-section {
        margin-top: 20px;
    }
    .game-ticket-new .game-pay-section {
        margin-top: 38px;
    }
    .game-coin .coin-mess-box .t-box .x-main {
        display: block;
    }
    .game-coin .coin-mess-box .t-box {
        padding-top: 40px;
        padding-bottom: 44px;
    }
    .game-coin .coin-mess-box .t-box .title {
        font-size: 20px;
    }
    .game-coin .coin-mess-box .t-box .item-box {
        padding-top: 26px;
    }
    .game-coin .pay-type-box .pay-list-box .list {
        margin-right: 2%;
        width: 49%;
    }
    .pay-type-box.payment .pay-list-box .list-box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 8px;
    }
    .pay-type-box.payment .pay-list-box .list {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }
    .game-coin .pay-type-box .pay-list-box .other-list {
        padding-top: 14px;
    }
    .game-coin .pay-type-box .pay-list-box .list:nth-child(3n) {
        margin-right: 2%;
    }
    .game-coin .pay-type-box .pay-list-box .list:nth-child(2n) {
        margin-right: 0;
    }
    .game-coin .pay-type-box .pay-list-box .other-list .descs input {
        font-size: 18px;
    }
    .game-coin .pay-type-box .pay-list-box .other-list .descs input::-webkit-input-placeholder {
        opacity: 0.4;
        color: #fff;
        font-size: 12px;
    }
    .game-coin .pay-type-box .pay-list-box .other-list .descs input:-moz-placeholder,
    .game-coin .pay-type-box .pay-list-box .other-list .descs input::-moz-placeholder {
        opacity: 0.4;
        color: #fff;
        font-size: 12px;
    }
    .game-coin .pay-type-box .pay-list-box .other-list .descs input:-ms-input-placeholder {
        opacity: 0.4;
        color: #fff;
        font-size: 12px;
    }
    .game-coin .pay-type-box .pay-list-box .other-list .descs:before {
        width: 16px;
        height: 16px;
    }
    .game-coin .pay-type-box .pay-list-box .list .t-box .val {
        font-size: 18px;
        padding-left: 20px;
    }
    .game-coin .pay-type-box .pay-list-box .list .t-box .val:before {
        width: 16px;
        height: 16px;
    }
    .game-coin .pay-type-box .pay-list-box .list .desc {
        font-size: 12px;
    }
    .game-coin .pay-type-box .pay-list-box .list .t-box {
        margin-bottom: 6px;
    }
    .pay-type-box .pay-list-box .list.active:after,
    .shop-list-mod .list.active:after {
        width: 30px;
        height: 30px;
    }
    .forget .forget-box,
    .login .login-box {
        background: none;
        padding-bottom: 0;
        transform: translate(0);
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        -moz-transform: translate(0);
        top: auto;
        position: relative;
        left: auto;
        padding-top: 34px;
        margin: 0 auto;
    }
    .login .login-box,
    .login .register-box {
        width: 100%;
        min-width: 100%;
        box-sizing: border-box;
    }
    .forget .forget-box,
    .forget .forget-box.reset-pass-box {
        min-height: auto;
    }
    .forget .forget-box .btn-box {
        position: relative;
        padding: 0;
        bottom: 0;
        margin-top: 36px;
        float: left;
    }
    .forget .forget-box.reset-pass-box .btn-box {
        margin-top: 4px;
    }
    .mailbox .forget-box .btn-box {
        margin-top: 114px;
    }
    .feedback .content {
        margin-top: 0;
    }
    .feedback .list-box .list {
        padding: 0 15px;
        width: auto;
    }
    .feedback .list-box .list.g-list {
        padding: 18px 15px;
    }
    .feedback .tab-nav-box li {
        margin-right: 24px;
    }
    .feedback .list-box .list .label {
        padding-left: 0;
        width: 70px;
    }
    .feedback .btn-box .btn {
        margin-left: 0;
        width: 49%;
    }
    .feedback .btn-box {
        margin: 24px 0 105px;
        padding: 0 15px;
        width: auto;
    }
    .feedback .btn-box .btn.cancel-box {
        float: left;
    }
    .feedback .btn-box .btn.next-btn {
        float: right;
    }
    .pop-box .pop {
        padding: 25px 16px;
    }
    .country .list ul li,
    .select-country-box .list ul li {
        width: 48.75%;
        margin-right: 2.5%;
    }
    .country .list ul li:nth-child(3n),
    .country .list ul li:nth-child(4n),
    .country .list ul li:nth-child(5n),
    .select-country-box .list ul li:nth-child(3n),
    .select-country-box .list ul li:nth-child(4n),
    .select-country-box .list ul li:nth-child(5n) {
        margin-right: 2.5%;
    }
    .country .list ul li:nth-child(2n),
    .select-country-box .list ul li:nth-child(2n) {
        margin-right: 0;
    }
    .country .add-bg {
        left: 90px;
    }
    .coupon-pop .x-main {
        width: 100%;
    }
    .coupon-pop .pop {
        width: 100%;
        padding: 32px 15px;
    }
    .coupon-pop .pop .title {
        margin-bottom: 9px;
        line-height: 20px;
    }
    .coupon-pop .pop .list-box .list {
        margin-top: 8px;
        margin-right: 2%;
        width: 49%;
        padding: 11px 16px 8px;
    }
    .coupon-pop .pop .list-box .list .money {
        font-size: 18px;
        color: #fff;
        letter-spacing: -0.32px;
        line-height: 20px;
    }
    .coupon-pop .pop .list-box .list .pc-logo {
        display: none;
    }
    .coupon-pop .pop .list-box .list .mobile-logo {
        display: block;
        position: absolute;
        right: 13px;
        top: 13px;
        height: 18px;
        width: 18px;
    }
    .coupon-pop .pop .list-box .list .desc {
        margin-top: 4px;
        margin-bottom: 2px;
        line-height: 17px;
    }
    .coupon-pop .pop .list-box .list .date {
        font-size: 10px;
        line-height: 18px;
    }
    .coupon-pop .pop .list-box .list.active:after {
        width: 36px;
        height: 36px;
    }
    .coupon-pop .pop .list-box .list .yuan {
        width: 8px;
        height: 8px;
    }
    .coupon-pop .pop .list-box .list .ly {
        left: -4px;
    }
    .coupon-pop .pop .list-box .list .ry {
        right: -4px;
    }
    .coupon-pop .pop .list-box {
        margin-bottom: 16px;
    }
    .coupon-pop .pop .btn {
        width: 100%;
    }
    .coupon-pop .pop .btn-box {
        width: 49%;
        margin-right: 2%;
    }
    .redeem-code .section {
        margin-top: 0;
        margin-bottom: 176px;
    }
    .redeem-code .tab-nav-box {
        margin-bottom: 41px;
    }
    .redeem-code .tab-nav-box .n-box {
        margin-bottom: 16px;
    }
    .pop-mode-box .select-order-mode-pop .sect-box .tab-list-box .order-lists {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .pop-mode-box .select-order-mode-pop .sect-box .tab-list-box .order-lists .table {
        width: 640px;
    }
    .code-pay-pop .pop-box {
        width: 93%;
        height: 412px;
    }
    .code-pay-pop .pop-box .title {
        margin-top: 42px;
    }
    .code-pay-pop .pop-box .mobile {
        display: block;
    }
    .record .upload_img {
        width: 30.5%;
        height: auto;
    }
    .record .imgContainer {
        height: auto;
    }
    .record .imgContainer:before,
    .record .upload_img:before {
        content: "";
        padding-top: 100%;
        display: block;
    }
    .record .imgContainer {
        margin-right: 0;
        width: 30.5%;
    }
    .record .imgContainer:nth-child(2),
    .record .upload_img[data-id="2"],
    .record .upload_img[data-id="5"] {
        margin: 0 4.25%;
    }
    .picture-box .img-box {
        max-width: 100% !important;
        padding: 0 12px;
        box-sizing: border-box;
    }
    .close-icon {
        right: 12px !important;
    }
    .pop-mode-box .pop-mode.notification-message-pop {
        width: 345px;
        padding: 20px;
        box-sizing: border-box;
    }
    .shop-list-mod .list-box > ul > li {
        width: 48.5%;
        margin-right: 3%;
        margin-top: 12px;
    }
    .shop-list-mod .list-box > ul > li:nth-child(3n) {
        margin-right: 3%;
    }
    .shop-list-mod .list-box > ul > li:nth-child(2n) {
        margin-right: 0;
    }
    .shop-list-mod .list-box > ul > li:nth-child(-n + 4) {
        margin-top: 12px;
    }
    .shop-list-mod .list-box > ul > li:nth-child(-n + 2) {
        margin-top: 0;
    }
    .agreement-pop-box .pop,
    .pop-mode-box .pop-mode.vip-subscript-pop {
        width: auto;
        left: 15px;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    .activity-consultation .page-bg {
        height: 200px;
        width: 100%;
        overflow: hidden;
    }
    .activity-consultation .page-bg img {
        width: auto;
        height: 200px;
    }
    .latest-news-section .zz {
        display: none;
    }
    .latest-news-section .list-con .list {
        width: 56px;
        height: auto;
        padding: 0;
        background: none;
        margin-left: 20px;
        border: none;
    }
    .latest-news-section .list-con .list:first-child {
        margin-left: 0;
    }
    .latest-news-section .list-con .list .box {
        display: block;
    }
    .latest-news-section .list-con .list .pic-box {
        width: 56px;
        height: 56px;
        margin-bottom: 8px;
        box-sizing: border-box;
        position: relative;
        overflow: visible;
    }
    .latest-news-section .list-con .list:before {
        display: none;
    }
    .latest-news-section .list-con .list .pic-box:before {
        content: " ";
        width: 76px;
        height: 76px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAACYCAMAAAAvHNATAAAAM1BMVEVHcExssv5Qmv5Upv5Ayv87zfk9zfpJ0v9C2f8+zf5Is/o8f/1Tmv47fP1Ji/1Vmf5hpv7UXM1zAAAADXRSTlMA/pBcDREXBQgULOa8nY6ogQAABQZJREFUeNrtnOtyozAMhQkXmwAOvP/Tbmx8kWRDaWvRdkdOd6c/CP56JBvC5JymkVFr6PSqPcC5v8iUzlQVKwO8TBWw6ouVA7opr2C5n3yMlUYJ72PdolZNZZwzRDfdpe7SN1AhtuZctNBcmKq3r8rDnRSxWbRD2TKs+kQUEMtW1izHumPsyoXlqc/7i4g1sIx+QLIlNH3Y9Uktd4bn/l/NV6JLqsVynusFuNgGYAuaNVk5dcbFTJXYEFmx0TTh2t+r2EZkC2hx20BQkQtgKfYB0IJmsP910sutxp1Lqa5dHoxjaTuHtpPBPqOK+To6LqXaxw2jtWjHZP5+AnJ1j5tGB8nInoEabOfa5Wq7aeJqr2nq/CSEDO0ZoZIO7F32Zf9b2Iery+LI4MrEioUF6fVapsLirjGwbkvUrEgWKxn7q2WBKrBZEbrnTha7rFxI5eTNd5tKg6JZzahkuJIOzBfyXccpYtW/t0BkoZh5LXVssSBYB9VCNynfHkM/hA3cNdm+Ap5RMlBLWEnfYYDLXzGGqveHWLSwmwXJYvPj1m9B56frf+WB6tmmhUmaDFVyiZVE1/6ag4jWob0MlzKuSSvsNiW9PFZFtPCxK5FNtskUXJdJsdRiz82tSS9YvItj0SyCbQ9F1iVqMQemHttGuWo/taBk22PDYESx/UB3lAoHcnCl+2QP5rSA3V/qfbXtiqW9eKTPtL750vg6YxXzpRzgHUaumAcr9GKlfw24J30SxfqPFIv849lThS8/rURS7FPm+8URWO8Pq4+F94EzsPEADFWytmL9Adh4Bva8Acwr9vwk2HAP2CBgAiZgAiZgAiZgAsYAtl4CW0Wx/0SxdV3vBjuYkh613Q+2rX9asVUU+/2KCZiACZiACZiACZiACZiA/S2w1yWwlyj2OcVe6+uXgr1uBzuY8ucVO5jyzyj2E2CrKCZgAiZgAiZgAiZgAiZgAiZgApamNFfAzO9VzNz9Bd1rirmj1H1g6rBI5EvgL2O4wYBLxYFhxTT83jzqMaNU0Y1TX7EhKGaOvzYfDzOulNhooGvrpZHRwCTFTjwjeymJTY7HzhKsGW7KvEakx7xinGYWwvWe0pwq1nswc7f9J4D12DNCwGZjpugTZPCXxUyB6BmcjJlPfUl7LwYwPusbNb85sIL1k9grF2OoKQ8metTwvlFTnjFLwf1Dl2VrTIvMqPw2RjtjYePUGpleOldx5Efl4AJG3tnWKPfkZRvGnCSLvuLaXlloMG5Ri0ELLzUXvw+ceBzP0PkcreKzr+SBUXxEki1qwjbxigEm1I59sCZDk6X2f767zLAa2BPXZOtjiIH96JbSVd3cZfk3aUnGWwvsYIfFtIfPLX9IQjsbtIdRwTSSzFbTavZGY46VsFimPQm8aHQWeNG5N/GPOQviIIIVoktuQJvz6JIGsRVCaNTThr0wws027CXF0Iw9yZRo8PaPUnvsn8OWjAN2SBSPg8NeaDBU2J3vChQCETTEMqxxdE+4/t8UwXQWW/UzoVU90ksHjZBgYNPw5WSKHstivkYQDKWbomKFYDRWplJmW6GWDQ7eY82QG7KUu+bQKK/J6uRmy/IUmzMPPwzg60cuvvCxBGUCHmfv0fBQ8Pbqn99o+CSIUPhQs7siMc/THYFqFI43RFTjxIkPJCuzsUSvXqpiztbwQl1XC14TNPy17ovM9NkHf6TtmlrBJeCsDcOTZ+bxD5bjesgagAXBAAAAAElFTkSuQmCC)
            no-repeat 50%;
        background-size: cover;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        opacity: 0;
        transition: all 0.3s;
        -ms-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
    }
    .latest-news-section .list-con .list.active .pic-box:before {
        opacity: 1;
    }
    .latest-news-section .list-con .list .label {
        padding: 0;
        width: 100%;
        font-size: 12px;
        letter-spacing: -0.2px;
        text-align: center;
        line-height: 18px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .latest-news-section {
        margin-bottom: 0;
    }
    .home .latest-news-section {
        margin-top: 38px;
        margin-bottom: 0;
    }
    .new-season-event-section {
        margin-top: 38px;
        margin-bottom: 38px;
    }
}
@media screen and (max-width: 480px) {
    .hot-media {
        margin-bottom: 0;
    }
    .hot-media .list-box .list .mess-box {
        padding: 0 19px 20px;
    }
    .hot-media .list-box .list .desc {
        display: block;
    }
    .hot-media .list-box .list .desc .text {
        width: 100%;
    }
    .hot-media .list-box .list .desc .text p {
        max-width: 100%;
    }
    .hot-media .list-box .list .logo {
        margin-bottom: 26px;
        margin-top: 19px;
    }
    .hot-media .list-box .list .btn {
        width: 104px;
        height: 32px;
        line-height: 32px;
        margin-top: 26px;
    }
}
@media screen and (max-width: 479px) {
    .draw-mod-block .list-item,
    .draw-mod-block .mess {
        float: none;
    }
    .draw-mod-block .mess {
        margin-bottom: 16px;
    }
    .draw-mod-block {
        padding-bottom: 22px;
        display: block;
    }
}
@media screen and (max-width: 450px) {
    .banner-wrap .swiper-slide {
        height: 160px;
    }
    .shop-car .tab-boxs .ul {
        width: 100%;
        height: 46px;
        overflow-x: scroll;
        position: relative;
    }
    .shop-car .tab-boxs .ul::-webkit-scrollbar {
        display: none;
    }
    .shop-car .tab-boxs ul {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        white-space: nowrap;
    }
    .shop-car .tab-boxs .list {
        flex: none;
        list-style: none;
        display: inline-block;
        width: 152px;
    }
    .medal-mod-icon {
        right: -20px;
    }
}
@media screen and (max-width: 414px) {
    .header .log .logined .user-pic,
    .header .log .luanch .country-icon {
        width: 19px;
        height: 19px;
    }
    .header .log .luanch .country-icon {
        width: 26px;
        height: 18px;
    }
    .header .menu-more .icon-box {
        -webkit-transform: scale(1.12);
    }
    .other-wrap-mod .header .language-box {
        right: 20px;
    }
    .game-ticket .game-mess-box .gift-exchange-btn,
    .redeem-code .game-mess-box .game-recharge-btn {
        background: none;
        width: auto;
        height: auto;
        min-width: auto;
        min-height: auto;
        margin-top: 0;
        line-height: 56px;
        padding: 0;
    }
    .game-ticket .game-mess-box .prop-store-btn {
        margin-right: 0;
    }
    .game-ticket .game-mess-box .gift-exchange-btn p,
    .redeem-code .game-mess-box .gift-exchange-btn p {
        font-size: 12px;
    }
    .game-ticket .game-mess-box .xlogo img,
    .redeem-code .game-mess-box .xlogo img {
        height: 28px;
    }
    .game-ticket .game-mess-box .xlogo,
    .redeem-code .game-mess-box .xlogo {
        margin-top: 14px;
    }
    .game-ticket .game-mess-box,
    .redeem-code .game-mess-box {
        height: 56px;
    }
    .header .main {
        padding: 0 15px;
    }
    .header .log {
        right: 20px;
    }
    .banner-wrap {
        margin: 0 15px;
    }
    .activity-consultation .head .main,
    .buy-suc .follow-box .main,
    .con-item-box,
    .content .main,
    .event-head .main,
    .notifications .head .main,
    .operation-results .error-message p,
    .pay-subscription .section.desc-box,
    .points-redemption .content .main,
    .points-redemption .head .main,
    .possible-item-box,
    .vip-head > .x-main,
    .x-head-mod .x-main,
    .xnav .main {
        padding: 0 20px;
    }
    .activity-consultation .content .main,
    .home .content .main {
        padding: 0;
    }
    .activity-consultation .content .section,
    .home .content .section {
        padding: 0 20px;
    }
    .new-game-reservation-section {
        margin-top: 10px;
    }
    .activity-consultation .new-game-reservation-section {
        margin-top: 38px;
    }
    .activity-consultation .new-season-event {
        margin-top: 10px;
    }
    .activity-consultation .content .section.latest-news-section,
    .home .content .section.latest-news-section {
        padding: 0;
    }
    .activity-consultation .content .section.latest-news-section .title-box,
    .home .content .section.latest-news-section .title-box {
        padding: 0 20px;
        box-sizing: border-box;
    }
    .latest-news-section {
        width: 100%;
        overflow: hidden;
    }
    .latest-news-section .list-box {
        margin: 0;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .latest-news-section .list-con .list:last-child {
        margin-right: 20px;
    }
    .pay-subscription .section.desc-box {
        padding-bottom: 24px;
        padding-top: 24px;
        margin-bottom: 8px;
    }
    .game-wrap .tab-nav-box li .help-icon,
    .pay-subscription .section.desc-box h2 .help-icon {
        width: 12px;
        height: 12px;
        background-size: 12px 12px;
        vertical-align: top;
    }
    .possible-item-box {
        padding-top: 32px;
    }
    .subscription .header .main {
        padding: 0 20px;
    }
    .subscription .header .log {
        right: 15px;
    }
    .subscription .header .menu-more {
        left: 10px;
    }
    .sub-head .x-main {
        padding: 0 15px;
    }
    .event-details .content .main,
    .footer .main,
    .promotions .content .main {
        padding: 0 20px;
    }
    .game-mess-box .x-main {
        padding: 0 15px;
    }
    .game_list .banner-wrap {
        margin: 56px 15px 0;
    }
    .game-ticket-new .banner-wrap\ff0c.game-list_new .banner-wrap {
        margin: 0;
    }
    .game_list .banner-tool {
        padding: 7px 0;
    }
    .login .login-box ul,
    .login .register-box ul {
        padding: 0 15px;
    }
    .login .login-box .form-box,
    .login .register-box .b-bx.mobile-b-bx,
    .login .register-box .form-box,
    .login .register-box .right .btn-wrap,
    .login .register-box .right .list,
    .login .register-box .right .other-login-box,
    .select-country-box {
        padding-left: 15px;
        padding-right: 15px;
    }
    .select-country-box .big-list-box {
        left: 15px;
        right: 15px;
    }
    .login .login-box .b-bx {
        padding: 0 15px 23px;
    }
    .other-login-box {
        padding: 15px 15px 24px;
    }
    .feedback .tab-nav-box {
        padding: 30px 15px;
    }
    .codm-redeem .banner-wrap .nav-box .main,
    .content .head-title .x-main,
    .content > .x-main,
    .game-coin .warn-message .x-main,
    .game-coin .x-main,
    .game-ticket-new .banner-wrap .nav-box .main,
    .game_list_new .banner-wrap .nav-box .main,
    .pay-sec-box .x-main,
    .vip-head .main,
    .vip .content .main {
        padding: 0 20px;
    }
    .codm-redeem .banner-wrap .nav-box .main ul,
    .codm-redeem .left-btn,
    .game-ticket-new .banner-wrap .nav-box .main ul,
    .game-ticket-new .left-btn,
    .game_list_new .banner-wrap .nav-box .main ul,
    .game_list_new .left-btn {
        left: 20px;
    }
    .codm-redeem .right-btn,
    .game-ticket-new .right-btn,
    .game_list_new .right-btn {
        right: 20px;
    }
    .credit-card .back-icon {
        left: 15px;
    }
    .pay-sec {
        padding: 17px 20px;
    }
    .game-coin .id-mess,
    .id-mess .x-main {
        padding: 12px 20px;
    }
    .game-coin .coin-mess-box,
    .record .select-data-box {
        padding: 0 15px;
    }
    .header .user-mess-box .san {
        right: 13px;
    }
    .pop-mode-box .pop-mode.register-suc-pop {
        width: 345px;
    }
    .other-wrap-mod:before {
        height: 152px;
    }
    .other-wrap-mod:after {
        top: 88px;
    }
    .shop-list-mod .list-box ul li .pic {
        max-height: 181px;
    }
    .growth-value-record .record .title {
        padding: 0 20px;
    }
    .vip-privileges-new .tab-box .label {
        padding-left: 20px;
    }
    .vip-privileges-new .tab-box ul {
        left: 20px;
    }
    .vip-privileges-new .tab-box li:last-child {
        margin-right: 20px;
    }
    .vip-all .vip-head .title {
        padding: 80px 20px 0;
    }
    .vip-all .vip-head .gear-box {
        padding: 0 20px;
    }
    #all-vip-swiper {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .event-head .back {
        left: 20px;
    }
    .role-suggestion-box.have-select-box {
        right: 70px;
        left: 0;
        top: 85px;
    }
    .busin-list-details .content .x-main {
        padding: 0;
    }
    .busin-list-details .mess-box .btn-box,
    .busin-list-details .mess-box .label,
    .busin-list-details .mess-box .pic-box,
    .busin-list-details .mess-box .text,
    .busin-list-details .mess-box .video-box,
    .help-center .feedback-questions-block {
        padding: 0 20px;
        box-sizing: border-box;
    }
    .help-center .feedback-questions-block {
        padding-top: 24px;
    }
    .help-center .feedback-questions-block .qa-list-box .list {
        width: 100%;
        margin-right: 0;
    }
    .busin-list-details .content .hot-events {
        margin-bottom: 0;
        padding-top: 31px;
    }
    .busin-list-details .ask-con {
        padding-bottom: 48px;
    }
    .busin-list-details .mess-box .line {
        margin: 31px 20px 0;
        width: auto;
    }
    .xnav .mc {
        display: block;
    }
    .xnav .left-mc {
        display: none;
    }
    .xnav .right-mc {
        display: block;
    }
}
@media screen and (max-width: 374px) {
    .banner-wrap .swiper-slide,
    .banner-wrap .swiper-slide .img-box,
    .game_list .banner-wrap .swiper-slide,
    .game_list .banner-wrap .swiper-slide .img-box {
        height: 134px;
    }
    .game_list .game-mess-box .game-recharge-btn,
    .game_list .game-mess-box .gift-exchange-btn {
        margin-left: 5px;
    }
    .game_list .banner-tool .desc .text > p {
        font-size: 8px;
    }
    .pop-mode-box .pop-mode,
    .pop-mode-box .pop-mode.redeem-notice-pop {
        width: 80%;
    }
    .pop-mode-box .pop-mode .desc.max-desc p,
    .pop-mode-box .pop-mode .desc p {
        font-size: 12px;
    }
    .pop-mode-box .pop-mode .btn-wrap .btn.cancel-btn,
    .pop-mode-box .pop-mode .btn-wrap .btn.comfirm-btn {
        width: 48%;
    }
    .pop-mode-box .pop-mode .btn-wrap .l-btn .btn.cancel-btn {
        width: 100%;
    }
    .buy-suc-box {
        width: auto;
        padding-top: 40%;
    }
    .record-table .table-body .tr .td1 p:first-child,
    .record-table .table-body .tr .td2 p,
    .record-table .table-body .tr .td4 p {
        width: 66%;
    }
    .record-table .table-body .tr .td4 p {
        width: 180px;
    }
    .pop-mode-box .pop-mode.notification-message-pop,
    .pop-mode-box .pop-mode.register-suc-pop {
        width: 90%;
    }
    .draw-mod-block .drawbox {
        width: 110px;
    }
    .pat-face-pop .pop {
        width: 313px;
    }
    .visa-card-pat-face-pop .pop-content {
        width: 90%;
        height: 350px;
        background-size: contain;
    }
    .prop-block .item-box {
        padding-bottom: 24px;
        max-height: 230px;
        box-sizing: border-box;
        position: relative;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    .prop-block .item-box.scrollBar {
        padding-right: 0;
    }
    .proposal-become-vip-pop .pop .icon {
        width: 90%;
        height: 93px;
    }
    .proposal-become-vip-pop .pop .icon img {
        width: 25px;
        height: 25px;
    }
    .proposal-become-vip-pop .pop .icon ul {
        padding-top: 17px;
    }
    .proposal-become-vip-pop .pop .icon ul li p {
        margin-top: 3px;
        font-size: 10px;
    }
    .prop-block .gift-details img {
        width: 100px;
        height: 100px;
    }
    .prop-block .gift-details .desc .label {
        font-size: 12px;
    }
    .prop-block .gift-details .desc {
        margin-top: 30px;
    }
    .new-proposal-become-vip-pop .pop .item-box {
        width: 89%;
        background-size: contain;
    }
    .new-proposal-become-vip-pop .pop .icon {
        margin: 0 12px 30px 16px;
        padding-top: 26px;
    }
    .vip-all .vip-head .gear-box .level-tab-box ul li {
        margin-left: 5%;
    }
    .vip-all .vip-head .gear-box .ms {
        width: 100%;
    }
}
@media screen and (max-width: 329px) {
    .game-pay-section ul li .mess-box.pic-mess-box .gift-pic-box .gift-item:nth-child(3) {
        display: none !important;
    }
    .vip-all .vip-head .gear-box .level-tab-box ul li {
        margin-left: 3.6%;
    }
    #all-vip-swiper .swiper-slide {
        width: 300px;
    }
}
@media screen and (max-width: 320px) {
    .event-card-pat-face-pop .pop,
    .pat-face-pop .pop,
    .pop-mode-box .pop-mode.pop-information-confirm {
        width: 90%;
    }
    .medal-mod-icon {
        right: -30px;
    }
    .xnav .main {
        padding: 0 15px;
    }
    .table .table-body .tr .td,
    .table .th .td {
        font-size: 12px;
    }
    .feedback .tab-nav-box li {
        margin-right: 15px;
    }
    .buy-suc-box {
        width: auto;
    }
    .forget .forget-box {
        width: 290px;
        padding: 0;
    }
    .forget .forget-box .form-box {
        width: 100%;
    }
    .forget .forget-box .btn-box .btn {
        width: 48%;
    }
    .buy-suc-box .other-box {
        width: auto;
    }
    .buy-suc-box .other-box .mess-box .desc {
        width: 100%;
    }
    .pop-mode-box .pop-mode.x-fail-pop .btn-wrap .btn.cancel-btn,
    .pop-mode-box .pop-mode.x-fail-pop .btn-wrap .btn.comfirm-btn {
        width: 48%;
    }
    .pop-box .pop {
        width: 80%;
    }
    .game_list .game-mess-box .game-recharge-btn,
    .game_list .game-mess-box .gift-exchange-btn {
        margin-left: 5px;
    }
    .game_list .banner-tool .desc .text > p {
        font-size: 8px;
    }
    .content .title-box .subscribe.xsubscribe {
        right: 0;
    }
    .content .title-box .desc .facebook-icon {
        width: 12px;
        height: 12px;
        margin: 0 3px;
    }
    .content .title-box .desc .text > p {
        letter-spacing: 0;
    }
    .hot-game {
        margin-bottom: 70px;
    }
    .hot-media .list-box .list {
        margin-bottom: 16px;
    }
    .footer .t {
        padding-bottom: 3px;
        margin-bottom: 3px;
    }
    .footer .t .p {
        font-size: 9px;
    }
    .game_list .list-nav ul li {
        height: 44px;
        line-height: 44px;
        margin-right: 20px;
        font-size: 10px;
    }
    .game_list .list-nav .shop-car-btn span,
    .game_list_section .list-box ul li .shop .name {
        font-size: 10px;
    }
    .game_list_section .list-box ul li .shop .price {
        font-size: 12px;
    }
    .game_list_section .list-box ul li .shop .price span {
        font-size: 10px;
    }
    .game_list_section .list-box ul li .buy-btn-box {
        font-size: 10px;
        padding: 0 9px;
    }
    .game_list_section .list-box ul li .buy-btn,
    .game_list_section .list-box ul li .buy-btn .btn {
        height: 30px;
        line-height: 30px;
    }
    .game_list_section .list-box ul li .buy-btn .shop-car {
        width: 30px;
        height: 30px;
    }
    .game_list_section .list-box ul li .recharge .btn {
        height: 30px;
        line-height: 30px;
        font-size: 10px;
    }
    .game_list_section .list-box ul li .shop {
        padding-top: 10px;
    }
    .game_list_section .list-box ul li .recharge .name {
        margin-bottom: 10px;
    }
    .game_list_section .list-box ul li .shop .price {
        margin-bottom: 6px;
    }
    .game_list_section .list-box ul li .buy-btn-box {
        bottom: 14px;
    }
    .game_list_section .list-box ul li .recharge .name {
        font-size: 10px;
    }
    .game_list_section .list-box ul li .off {
        font-size: 11px;
        width: 57px;
    }
    .game-shop .shop-mess-box .mess-box .list .val.shop-name {
        font-size: 15px;
    }
    .game-shop .shop-mess-box .mess-box .list .label,
    .game-shop .shop-mess-box .mess-box .list .val {
        font-size: 10px;
    }
    .select-country-box .btn-wrap {
        padding-left: 0;
    }
    .select-country-box .btn-wrap ul .btn {
        width: 140px;
    }
    .login .register-box ul li.cancel-btn {
        margin-right: 5px;
    }
    .login .register-box ul li.comfirm-btn {
        margin-left: 5px;
    }
    .record .form-box .select-box .select-item .select-block p {
        max-width: 120px;
    }
    .codm-redeem .swiper-slide .img-box {
        width: 80px;
        height: 100px;
        background-size: 80px 88px;
    }
    .codm-redeem .swiper-slide .img-box .pic {
        width: 54px;
        height: 54px;
        bottom: 19px;
    }
    .agreement-pop-box .pop .text-box {
        height: 300px;
    }
    .agreement-pop-box .pop .text-box .item-ul {
        max-height: 202px;
    }
}
@media screen and (max-width: 824px) {
    .pop-mode.point-card-recharge-pop {
        width: 100%;
    }
}
@media screen and (min-width: 768px) {
    .pop-mode.point-card-recharge-pop .game-pay-section ul li:nth-child(3n) {
        margin-right: 1.5%;
    }
    .pop-mode.point-card-recharge-pop .game-pay-section ul li:nth-child(4n) {
        margin-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-choose-order-pop .mess {
        padding: 16px 20px 78px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-choose-order-pop .mess .pop-bottom-btn {
        padding: 16px 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-choose-order-pop .mess .pop-bottom-btn .submit-btn {
        width: 100%;
    }
    .pop-mode-box .pop-mode.feedback-choose-order-pop .view-more {
        margin: 16px auto;
    }
    .pop-mode-box .pop-mode.feedback-choose-order-pop .order-list-box .order-item {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-left: 0;
    }
    .game-currency .game-pay-section ul li {
        height: 128px;
        padding: 20px 0 16px;
    }
    .game-currency .game-pay-section ul li .container {
        padding: 0;
    }
    .game-currency .game-pay-section ul li .container .num {
        margin: 14px 0 10px;
        font-size: 20px;
        line-height: 20px;
    }
    .game-currency .game-pay-section ul li .container .num span.add {
        font-size: 16px;
        line-height: 24px;
    }
    .game-currency .game-pay-section ul li .container .num span {
        font-size: 20px;
        line-height: 20px;
    }
    .game-currency .game-pay-section ul li .container .price-box {
        height: 16px;
        padding: 0 12px;
        min-height: auto;
    }
    .game-currency .game-pay-section ul li .container .price-box p {
        font-size: 12px;
        line-height: 16px;
    }
    .more-products-box,
    .other-paymen-box {
        text-align: center;
    }
    .pop-mode.point-card-recharge-pop {
        transform: translate(0);
        top: auto;
        left: 0;
        bottom: 0;
    }
    .pop-mode.point-card-recharge-pop .title-box {
        padding: 20px;
        opacity: 1;
        color: #fff;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 1px;
    }
    .game-currency .pop-mode.point-card-recharge-pop .pay-sec.pay-sec-flex .x-main {
        padding: 17px 20px;
    }
    .pop-mode.point-card-recharge-pop .game-pay-section .title {
        display: flex;
        justify-content: space-between;
    }
    .pop-mode.point-card-recharge-pop .game-pay-section .title:after {
        display: none;
    }
    .pop-mode.point-card-recharge-pop .pay-type-box .list-box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 8px;
    }
    .pop-mode.point-card-recharge-pop .game-pay-section,
    .pop-mode.point-card-recharge-pop .pay-type-box {
        width: auto;
        margin: 0 20px 24px;
    }
    .pop-mode.point-card-recharge-pop .game-pay-section ul li {
        width: 48.7%;
        margin-right: 2.6%;
    }
    .pop-mode.point-card-recharge-pop .game-pay-section ul li:nth-child(2n) {
        margin-right: 0;
    }
    .pop-mode.point-card-recharge-pop .pay-sec-box {
        padding: 16px 20px;
    }
    .pop-mode.point-card-recharge-pop .pay-sec-box .right {
        width: auto;
        justify-content: space-between;
    }
    .game-currency .taxes-box-pop .item-box .item .notice-text-box {
        width: 100%;
    }
    .game-currency .more-products-box,
    .game-currency .other-paymen-box {
        margin-bottom: 40px;
    }
}
@media screen and (max-height: 740px) {
    .pop-mode.point-card-recharge-pop .point-card-recharge-pop-mess {
        padding-top: 20px;
        max-height: 356px;
    }
}
@media screen and (max-width: 1124px) {
    .game-pay-section ul li:nth-child(3n) {
        margin-right: 0;
    }
    .game-pay-section ul li:nth-child(4n) {
        margin-right: 1.5%;
    }
    .game-pay-section ul li:nth-child(12n) {
        margin-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .game-wrap .tab-nav-box .tab-box .box.have-zIndex-select.id-box .new-y-box {
        width: 100%;
    }
    .game-pay-section ul li {
        width: 48.7%;
        margin-right: 2.6%;
    }
    .game-pay-section ul li:nth-child(3n) {
        margin-right: 2.6%;
    }
    .game-pay-section ul li:nth-child(2n) {
        margin-right: 0;
    }
    .pop-mode-box .pop-mode.bind-game-id-pop {
        width: 100%;
        box-sizing: border-box;
    }
    .pop-mode-box .account-mod-box.bind-game-id {
        width: calc(100% - 40px);
        box-sizing: border-box;
    }
    .pop-mode-box .pop-mode.help-center-quick-mode {
        border-radius: 12px 12px 0 0;
        top: auto;
        left: 0;
        bottom: 0;
        transform: translate(0);
        padding: 0;
        width: 100%;
        background-color: var(--bg-color-3, #141b3d);
    }
    .pop-mode-box .pop-mode.help-center-quick-mode .pop-title p {
        padding: 20px;
        font-size: 16px;
        line-height: 24px;
    }
    .pop-mode-box .pop-mode.help-center-quick-mode .pop-mess {
        padding: 16px 20px;
    }
    .pop-mode-box .pop-mode.help-center-quick-mode .input-form {
        margin: 16px 0 20px;
        height: 90px;
    }
    .pop-mode-box .pop-mode.help-center-about-login-mode {
        border-radius: 12px 12px 0 0;
        top: auto;
        left: 0;
        bottom: 0;
        transform: translate(0);
        width: 100%;
    }
    .pop-mode-box .pop-mode.help-center-about-login-mode .pop-title p {
        padding: 20px;
        font-size: 16px;
        line-height: 24px;
    }
    .pop-mode-box .pop-mode.help-center-about-login-mode .pop-mess {
        padding: 16px 20px;
    }
    .pop-mode-box .pop-mode.help-center-about-login-mode .input-form {
        margin: 16px 0 20px;
        height: 90px;
    }
    .pop-mode-box .pop-mode.help-center-about-login-mode .item-box {
        margin-bottom: 20px;
    }
    .pop-mode-box .pop-mode.help-center-about-login-mode .btn-wrap {
        margin-top: 28px;
    }
    .game-pay-section .feedback-bar-box {
        text-align: center;
        margin: 20px 0;
    }
    .pay-type-box .feedback-bar-box {
        margin: 12px 0 16px;
        text-align: center;
    }
    .feedback-bar-box {
        text-align: center;
    }
}
@media (orientation: landscape) {
    @media screen and (max-width: 900px) {
        .pop-mode-box .have-form-pop.pop-mode .account-mod-box:not(.following-agreement-box) .form-box {
            height: auto;
        }
        .game-shop .pop-mode-box,
        .pop-mode-box .have-form-pop.pop-mode .account-mod-box .form-box {
            overflow: auto;
        }
        .pop-mode-box .pop-mode.pop-login-mode {
            width: 100% !important;
            height: 100%;
            overflow: scroll;
        }
        .account-mod-box.mid-p-box .sign-up-box {
            position: relative;
        }
    }
}
@media (max-width: 1025px) {
    .transition-detail-pop {
        width: 568px;
    }
    .transition-detail-pop .pop-title {
        height: 88px;
        padding: 32px 72px;
    }
    .transition-detail-pop .close-btn {
        right: 72px;
    }
    .transition-detail-pop .detailt-box {
        height: 566px;
        padding-left: 72px;
        padding-right: 72px;
        margin-bottom: 76px;
    }
    .transition-detail-pop .bottom-zz-bg {
        height: 76px;
        text-align: center;
    }
    .transition-detail-pop .x-pop-btn {
        text-align: center;
        padding-right: 0;
    }
    .record-invoice-pop .detailt-box {
        height: auto;
        max-height: 604px;
        padding: 0;
        margin-bottom: 0;
    }
}
@media (max-width: 768px) {
    .transition-detail-pop {
        width: 100%;
        top: auto;
        left: auto;
        right: auto;
        bottom: 0;
        transform: unset;
    }
    .transition-detail-pop.show {
        transform: unset;
    }
    .transition-detail-pop .pop-title {
        height: 64px;
        padding: 20px;
    }
    .transition-detail-pop .pop-title p {
        font-size: 16px;
        line-height: 24px;
    }
    .transition-detail-pop .close-btn {
        width: 12.8px;
        height: 12.8px;
        top: 24px;
        right: 20px;
        opacity: 0.6;
    }
    .transition-detail-pop .detailt-box {
        height: calc(100vh - 212px);
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 67px;
    }
    .transition-detail-pop .item {
        padding: 20px 0;
    }
    .transition-detail-pop .item ul li {
        margin-bottom: 12px;
    }
    .transition-detail-pop .item ul li .label {
        width: 106px;
    }
    .transition-detail-pop .item ul li .val p.sub-text {
        font-size: 12px;
        line-height: 18px;
    }
    .transition-detail-pop .item ul li.total .label {
        font-size: 14px;
        line-height: 22px;
    }
    .transition-detail-pop .bottom-zz-bg {
        height: 67px;
        text-align: center;
    }
    .transition-detail-pop .x-pop-btn {
        text-align: center;
        padding-top: 20px;
        padding-right: 0;
    }
    .record-invoice-pop {
        width: 100%;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        transform: unset;
        background: var(--bg-color-3, #141b3d);
    }
    .record-invoice-pop.show {
        transform: unset;
    }
    .record-invoice-pop .detailt-box {
        height: calc(100vh - 214px);
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 78px;
    }
    .record-invoice-pop .close-btn,
    .record-invoice-pop .pop-title {
        display: block;
    }
    .record-invoice-pop .bottom-zz-bg {
        box-sizing: border-box;
        top: auto;
        bottom: 0;
        height: 78px;
        padding: 16px 20px;
    }
    .record-invoice-pop .bottom-zz-bg .btn-wrap .btn.send-to-email-btn {
        flex-grow: 1;
    }
    .record-invoice-pop .bottom-zz-bg .btn-wrap .btn.down-btn {
        width: fit-content;
        background: unset;
        border: none;
        margin-right: 20px;
    }
    .record-invoice-pop .bottom-zz-bg .btn-wrap .btn.down-btn p {
        position: relative;
        box-sizing: border-box;
        color: #fff;
        padding: 32px 0 0;
        height: 46px;
        font-size: 12px;
        font-family: "Montserrat", sans-serif;;
        text-align: center;
        line-height: 12px;
    }
    .record-invoice-pop .bottom-zz-bg .btn-wrap .btn.down-btn p:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0BAMAAAA3VgbYAAAALVBMVEVHcEz////////////////////////////////////////////////////////NXt0CAAAADnRSTlMAAfgeA3CP5VoPLyWDq7FQkC4AAAEmSURBVDjL7dSxSgNBEIDhGzIRY7XX+AABwWoJCNYjpLC0sxN9AWurEESw9RF8BAtLOzsfwmLBpHKewZud3bvc7e5Z2DpNAn++3B43XFX9efCsmAiKafJaKubyqMBgYt3C/KeRtKR+wmX78wrNbgKqIjZvD7CbzPkHxGusNsJiArrdvijDfeZr6JLZY16TqgPrhIXUIMvPFFbiyrOQBH3Fp41TJ0yTIHtB7SZ5pskj7PZvyvMN1pLqPgoMJVEfRebTACm7kXQ4QIFJSpCyd+tOE+SZ/bbuM0XKZBLkmWPOocgyyLNmckhZFinLo4Y93mHpBYA0RFCHIYzf2mXLbHL4nJ0k8xSufj9PRs8DuOJktnqefDJ6O+kfHuNvxxg7fHvL3ZjxF+cPNPe6G+2EFEAAAAAASUVORK5CYII=);
        width: 26px;
        height: 26px;
        top: 2px;
        left: 50%;
        transform: translate(-50%);
    }
}