@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.content {
    min-height: calc(100vh - 333px);
}
.busin-list .content {
    min-height: calc(100vh - 308px);
}
.help-center .search-box {
    width: 100%;
    padding-top: 13px;
    overflow: hidden;
    margin-bottom: 56px;
}
.help-center .search-box .title {
    font-family: "Montserrat", sans-serif;;
    font-size: 24px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 32px;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.help-center .search-box .title p {
    flex: 1;
}
.help-center .search-box .search-input {
    width: 488px;
    position: relative;
}
.help-center .search-box input {
    width: 100%;
    padding: 0 20px 0 40px;
    box-sizing: border-box;
    height: 46px;
    background: var(--bg-color-7, #1b234d);
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    color: #fff;
    border-radius: 6px;
}
.help-center .search-box input:focus {
    border: 1px solid var(--btn-color-3, #3a7bfc);
    background: #1b234d;
    box-shadow: 0 2px 8px rgba(58, 123, 252, 0.2);
}
.help-center .search-box input::-webkit-input-placeholder {
    color: var(--font-color-4, hsla(0, 0%, 100%, 0.2));
}
.help-center .search-box input:-moz-placeholder,
.help-center .search-box input::-moz-placeholder {
    color: var(--font-color-4, hsla(0, 0%, 100%, 0.2));
}
.help-center .search-box input:-ms-input-placeholder {
    color: var(--font-color-4, hsla(0, 0%, 100%, 0.2));
}
.help-center .search-box .icon {
    width: 16px;
    height: 16px;
    background: var(
            --url-image-color-9,
            url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAMAAAANf8AYAAAAM1BMVEVHcEw7e/08ff9Bgv86fPw6fP07fP1Ghv87e/w6e/07e/06fP07fP08ff86fv86fP06e/0E+oD6AAAAEHRSTlMAyUEYttVnBKqT4/SFK0+mO5uE8QAAATNJREFUSMfdldsawxAMgKmgDtO+/9Nu6KYtgrXfLpZL/DlLCNmLnBRQbTQFNUnSI9Ni1iRmmZrEA9azwAMlpFpLohAP2ccIB2UV8I8pVvVLxxdUvJ8wQTcdFf9YRLg7nLpoTBctSSj7vsUIpZjClRGFGxGVFYIJF6LodYTykKCiK/kAWfVD+LU6yJCIc0cs/tBVK+f89XJS5HuMIh3i62Rk7ppAGJE7F4JkSCOyPEU+axxtX55ljpZymWk9BqyR4iTv9eHEp82ijPWJu2ynLx5+OW+t+pBQH/tFH7jL/dbV1/MN/6fjn9Jb5kFz7tjx+Wbk8Bx9ZU0Ozus6VN0LBoEq+8fKGYFKe46+koxD5306x+o3oG1vr5qDTXu7Be3w9KQf2vN/DJFxyJJhaBDx0DDyc3kCQO0i+5YboSEAAAAASUVORK5CYII=)
        )
        no-repeat 50%;
    background-size: cover;
    position: absolute;
    left: 17px;
    top: 50%;
    -webkit-transform: translateY(-50%);
}
.help-center .hot-game,
.help-center .mod-block {
    width: 100%;
    overflow: hidden;
}
.help-center .mod-block {
    margin-bottom: 56px;
}
.help-center .ask-box .title-box,
.help-center .hot-game .title-box,
.help-center .mod-block .title-box {
    width: 100%;
    margin-bottom: 20px;
}
.help-center .ask-box .title-box h2,
.help-center .hot-game .title-box h2,
.help-center .mod-block .title-box h2 {
    font-family: "Montserrat", sans-serif;;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 16px;
}
.help-center .ask-box .title-box.act-title-box h2 {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 24px;
    font-weight: 500;
}
.help-center .ask-box .list-box,
.help-center .hot-game .list-box ul {
    width: 100%;
    overflow: hidden;
}
.hot-game .list-box ul li {
    float: left;
    margin-right: 17px;
    margin-bottom: 16px;
    position: relative;
    background: #1f2646;
}
.hot-game .list-box ul li:nth-child(4n) {
    margin-right: 0;
}
.hot-game .list-box ul li .pic {
    width: 100%;
    max-width: 238px;
    position: relative;
}
.hot-game .list-box ul li .pic img {
    width: 100%;
    position: relative;
}
.hot-game .list-box ul li .pic .first-pic {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}
.hot-game .list-box ul li .btn {
    width: 100%;
    display: block;
    height: 42px;
    line-height: 42px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: var(--bg-color-8, #1d2657);
    transition: color 0.5s;
    -ms-transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
    -moz-transition: color 0s;
    position: relative;
    z-index: 2;
}
.hot-game .list-box ul li .text {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 64px;
    font-size: 18px;
    color: #fff;
    letter-spacing: -0.9px;
    text-align: center;
    font-weight: 700;
    z-index: 89;
    line-height: 25px;
}
.hot-game .list-box ul li .list-logo img {
    width: 100%;
}
.help-center .ask-box {
    margin-bottom: 56px;
}
.help-center .ask-box,
.help-center .ask-box .ul {
    width: 100%;
    overflow: hidden;
}
.help-center .ask-box .ul li {
    width: 100%;
    font-size: 16px;
    color: hsla(0, 0%, 100%, 0.8);
    letter-spacing: 0;
    line-height: 24px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.05);
    padding: 20px 23px 20px 30px;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
}
.help-center .ask-box .ul li:hover {
    color: #fff;
}
.help-center .ask-box .ul li:hover .arrow {
    opacity: 1;
}
.help-center .ask-box .ul li:last-child {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
}
.help-center .ask-box .ul li:before {
    content: " ";
    width: 10px;
    height: 10px;
    background: var(--btn-color-2, #3a7bfc);
    border-radius: 2px;
    position: absolute;
    left: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
}
.help-center .ask-box .ul li .arrow {
    width: 7px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAcBAMAAACjeJNyAAAAJ1BMVEVHcEz///////////////////////////////////////////////8NopmKAAAADXRSTlMAoJaZCnwePF6TbFs0osoH7gAAAGRJREFUCNdjYGBhgIDSBDDlLRgCpg8aSYBpbiHDAhDNEqg8DSyQaSTqAKLZhRUbwAKNyuJg2lXIEmwE22RFiBGFUCM40IyA0TBxqDqYPpg5UHNh9kDthWmGuQvmTpi7Yf6A+gsA43cWkcIM68sAAAAASUVORK5CYII=)
        no-repeat 50%;
    background-size: cover;
    display: inline-block;
    margin-left: 16px;
    opacity: 0.8;
}
.busin-list .content {
    margin-top: 24px;
}
.busin-list .back-box {
    overflow: hidden;
    margin-bottom: 11px;
    cursor: pointer;
    display: inline-block;
}
.busin-list .back-box p {
    font-size: 12px;
    color: var(--font-color-6, hsla(0, 0%, 100%, 0.6));
    line-height: 12px;
    position: relative;
    padding-left: 12px;
}
.busin-list .back-box p:before {
    content: " ";
    background: var(
            --url-image-color-10,
            url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUBAMAAABL3sEiAAAAJ1BMVEVHcEz///////////////////////////////////////////////8NopmKAAAADXRSTlMAAp6bK5ZGP5E6ZFIFTCylaAAAAE5JREFUCNdjYGBgYGRfAyQZBKZqgTlGkSBOsakDmBPCCOQlqzoIMDCwGYM5SRpgjlILiLPJAsSBUWzKYEGoEpgGqHaYYRCjYRZBrQU5AgA5sQ+KAJpozgAAAABJRU5ErkJggg==)
        )
        no-repeat 50%;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    width: 6px;
    height: 10px;
}
.busin-list .result-box {
    width: 100%;
    overflow: hidden;
    padding-bottom: 48px;
}
.busin-list .result-box .label {
    font-family: "Montserrat", sans-serif;;
    color: #fff;
    letter-spacing: 0;
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 1px;
}
.busin-list .result-box .desc {
    color: var(--font-color-6, hsla(0, 0%, 100%, 0.6));
    font-size: 14px;
    line-height: 22px;
}
.busin-list .type-box {
    margin-bottom: 24px;
}
.busin-list .have-type-ask .type-box,
.busin-list .type-box {
    width: 100%;
    height: 30px;
    position: relative;
    overflow: hidden;
    overflow-x: auto;
}
.busin-list .have-type-ask .type-box {
    margin-bottom: 0;
}
.busin-list .have-type-ask .type-box::-webkit-scrollbar {
    display: none;
}
.help-center .have-type-ask .title-box {
    margin-bottom: 24px;
}
.busin-list .type-box ul {
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    display: block;
    white-space: nowrap;
    font-size: 0;
}
.busin-list .type-box ul li {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: var(--font-color-6, hsla(0, 0%, 100%, 0.6));
    letter-spacing: 0;
    padding: 0 16px;
    background: var(--bg-color-8, #1e2754);
    border-radius: 15px;
    margin-left: 12px;
    cursor: pointer;
    display: inline-block;
}
.busin-list .type-box ul li:first-child {
    margin-left: 0;
}
.busin-list .type-box ul li.active {
    background: var(--btn-color-2, #3a7bfc);
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
}
.busin-list .have-type-ask .type-box ul {
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    display: block;
    white-space: nowrap;
    font-size: 0;
}
.busin-list .have-type-ask .type-box ul li {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: var(--font-color-6, hsla(0, 0%, 100%, 0.6));
    letter-spacing: 0;
    padding: 0 16px;
    background: var(--bg-color-8, #1e2754);
    border-radius: 15px;
    margin-left: 12px;
    cursor: pointer;
    display: inline-block;
}
.busin-list .have-type-ask .type-box ul li:first-child {
    margin-left: 0;
}
.busin-list .have-type-ask .type-box ul li.active {
    background: var(--btn-color-2, #3a7bfc);
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
}
.help-center .have-type-ask .title-box.act-title-box h2 {
    margin-bottom: 24px;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 1px;
}
.help-center .have-type-ask .ul li {
    padding: 24px 0 24px 30px;
}
.help-center .have-type-ask .ul li:before {
    top: 36px;
}
.help-center .have-type-ask .ul li .label {
    margin-bottom: 8px;
    color: #fff;
}
.help-center .have-type-ask .ul li .light {
    color: var(--btn-color-2, #3a7bfc);
    vertical-align: baseline;
}
.help-center .have-type-ask .ul li .desc {
    font-size: 14px;
    color: hsla(0, 0%, 100%, 0.6);
    letter-spacing: 0;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.busin-list-details .ask-con {
    width: 100%;
    overflow: hidden;
    padding-bottom: 71px;
}
.busin-list-details .ask-con .ask-box {
    width: 228px;
    float: left;
    margin-right: 56px;
    margin-top: 0;
    margin-bottom: 0;
}
.busin-list-details .ask-con .mess-box {
    overflow: hidden;
}
.busin-list-details .ask-con .ul li {
    padding: 16px 16px 16px 0;
    font-size: 14px;
    color: var(--font-color-6, hsla(0, 0%, 100%, 0.6));
    letter-spacing: 0;
    line-height: 22px;
}
.busin-list-details .ask-box .ul li:before {
    display: none;
}
.busin-list-details .ask-box .ul li .arrow {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    position: absolute;
    width: 4px;
    height: 11px;
}
.busin-list-details .ask-box .ul li.active {
    color: var(--btn-color-2, #3a7bfc);
}
.busin-list-details .ask-box .ul li.active .arrow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAcBAMAAACjeJNyAAAAJ1BMVEVHcEw3fPw5ff43ff03fPw+fP83ff01ffo5gP85ffw+ff83e/82fv3L2AluAAAADXRSTlMA/mKb8BPRNQ3KMTiWhvy95gAAAGBJREFUCNdjYGBlgAC1AjAVLJgKphUFhcE0j6CgAojmmCjoBRZYIijZAKKZBAUNwAKGgkJgOkxQBGwEuyOaEcwII7yRaZg4VB1MH8wcqLkwe6D2wtzBg6oZ7m6YP6D+AgAMQxATGbEZGQAAAABJRU5ErkJggg==)
        no-repeat 50%;
    background-size: cover;
    opacity: 1;
}
.busin-list-details .mess-box .label {
    font-family: "Montserrat", sans-serif;;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 27px;
}
.busin-list-details .mess-box .text {
    font-size: 14px;
    color: hsla(0, 0%, 100%, 0.8);
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 24px;
}
.busin-list-details .mess-box .btn-box {
    width: 100%;
    overflow: hidden;
}
.busin-list-details .mess-box .btn-box .btn {
    width: 236px;
    height: 46px;
    background: var(--btn-color-2, #3a7bfc);
    line-height: 46px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.busin-list-details .mess-box .pic-box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 24px;
}
.busin-list-details .mess-box .pic-box img {
    width: 367px;
    margin: 0 auto;
    display: block;
}
.busin-list-details .mess-box .video-box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 24px;
}
.busin-list-details .mess-box .video-box .youtube-video {
    width: 488px;
    height: 274px;
    margin: 0 auto;
    display: block;
}
.hot-events {
    width: 100%;
    margin-bottom: 84px;
    padding-top: 40px;
}
.hot-events h3 {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 16px;
    font-family: "Montserrat", sans-serif;;
    margin-bottom: 16px;
}
.hot-events .box {
    width: 100%;
    float: left;
}
.hot-events .banner {
    width: 50%;
    float: left;
    overflow: hidden;
    height: 99px;
}
.hot-events .mess {
    width: 50%;
    height: 99px;
    float: right;
    background: var(--bg-color-4, #171f45);
    padding: 20px 24px 0;
    box-sizing: border-box;
    position: relative;
}
.hot-events .mess a {
    display: block;
}
.hot-events .box .swiper-slide img {
    width: 100%;
}
.hot-events .box .swiper-slide {
    width: 100%;
    height: 99px;
}
.hot-events .mess .title {
    color: hsla(0, 0%, 100%, 0.8);
    margin-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hot-events .mess .desc,
.hot-events .mess .title {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    overflow: hidden;
}
.hot-events .mess .desc {
    opacity: 0.8;
    color: #fff;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 44px;
}
.hot-events .mess .active-tab {
    overflow: hidden;
    margin-top: 14px;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 10px;
}
.hot-events .mess .active-tab li {
    height: 4px;
    width: 4px;
    padding: 10px 0;
    float: left;
    margin-right: 4px;
    cursor: pointer;
    position: relative;
}
.hot-events .mess .active-tab li:before {
    width: 4px;
    height: 4px;
    content: " ";
    position: absolute;
    left: 0;
    top: 10px;
    opacity: 0.4;
    background: #fff;
    border-radius: 50%;
}
.hot-events .mess .active-tab li.active {
    width: 16px;
    border-radius: 2px;
}
.hot-events .mess .active-tab li.active:before {
    opacity: 1;
    width: 16px;
    border-radius: 2px;
}
.hot-events .mess .join-btn {
    background: var(--btn-color-2, #3a7bfc);
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    letter-spacing: 1px;
    font-family: "Montserrat", sans-serif;;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    right: 0;
    padding: 0 16px;
}
.hot-events .mess .join-btn a {
    display: block;
}
.busin-list-details .mess-box .line {
    width: 100%;
    height: 1px;
    background: hsla(0, 0%, 100%, 0.05);
    margin-top: 48px;
}
.help-center .search-box .my-record-button {
    float: right;
    color: var(--btn-color-3, #3a7bfc);
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    border-radius: 15px;
    background: #222c5c;
    padding: 0 12px;
    font-family: "Montserrat", sans-serif;;
    position: relative;
    cursor: pointer;
    letter-spacing: 0;
}
.help-center .search-box .my-record-button:hover {
    background: #1f2a5b;
}
.help-center .mod-block .list-box {
    width: 100%;
    overflow: hidden;
}
.help-center .mod-block .list-box .list {
    float: left;
    width: 23.8%;
    margin-right: 1.6%;
    height: 88px;
    cursor: pointer;
    border-radius: 6px;
    background: #1b234d;
    padding: 0 16px;
    box-sizing: border-box;
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.help-center .mod-block .list-box .list:hover {
    background: var(--bg-color-9, #222c5c);
}
.help-center .mod-block .shop-list-box .list {
    padding: 0 20px;
}
.help-center .mod-block .list-box .list:nth-child(4n) {
    margin-right: 0;
}
/* .help-center .mod-block .list-box .list:nth-child(-n + 4) {
    margin-top: 0;
} */
.help-center .mod-block .list-box .list .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
}
.help-center .mod-block .list-box .list .icon {
    width: 64px;
    height: 64px;
    overflow: hidden;
    margin-right: 4px;
}
.help-center .mod-block .shop-list-box .list .icon {
    margin-right: 16px;
}
.help-center .mod-block .list-box .list .icon img {
    width: 64px;
    height: 64px;
}
.help-center .mod-block .shop-list-box .list .icon,
.help-center .mod-block .shop-list-box .list .icon img {
    width: 48px;
    height: 48px;
}
.help-center .mod-block .list-box .list p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    flex: 1;
    font-weight: 500;
}
.help-center .mod-block .qa-list-box .list {
    width: 23.5%;
    margin-right: 1.5%;
    float: left;
    cursor: pointer;
    margin-top: 20px;
    pointer-events: none;
}
/* .help-center .mod-block .qa-list-box .list:nth-child(2n) {
    margin-right: 0;
} */
.help-center .mod-block .qa-list-box .list:nth-child(-n + 4) {
    margin-top: 20px;
}
/* .help-center .mod-block .qa-list-box .list:nth-child(-n + 2) {
    margin-top: 0;
} */
.help-center .mod-block .qa-list-box .list .icon,
.help-center .mod-block .qa-list-box .list .icon img {
    width: 56px;
    height: 56px;
}
.help-center .mod-block .qa-list-box .list .icon {
    margin-right: 8px;
}
.help-center .mod-block .list-box .list .arrow {
    margin-left: 8px;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAGFBMVEVHcEz///////////////////////////8dS1W+AAAACHRSTlMAhwhhfARfQ0ZBvAQAAAA9SURBVCjPY2AgDoSiC5QpoPLZBZNQBcJEhFGVMBk6GqEqUR5ESjCcq4YmgKFFeRAowHA1RjRgRBRmVOIDAM3wDtvHz4LyAAAAAElFTkSuQmCC)
        no-repeat 50%;
    background-size: cover;
}
.busin-list .tool-mod-box {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 30px;
}
.busin-list .back-box p {
    white-space: nowrap;
}
.busin-list .tool-mod-box .search-box {
    margin-bottom: 0;
    padding-top: 0;
    flex: 1;
}
.busin-list .tool-mod-box .back-box {
    margin-bottom: 0;
}
.busin-list .tool-mod-box .search-box .search-input {
    float: right;
    width: 240px;
}
.busin-list .tool-mod-box .search-box input {
    border-radius: 6px;
    opacity: 1;
    border: 1px solid hsla(0, 0%, 100%, 0.05);
    background: var(--bg-color-3, #141b3d);
    padding-left: 40px;
}
.busin-list .tool-mod-box .search-box .icon {
    left: 17px;
}
.busin-list .tool-mod-boxt .search-box input::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, 0.5019607843137255);
}
.busin-list .tool-mod-box .search-box input:-moz-placeholder,
.busin-list .tool-mod-box .search-box input::-moz-placeholder {
    color: hsla(0, 0%, 100%, 0.5019607843137255);
}
.busin-list .tool-mod-box .search-box input:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, 0.5019607843137255);
}
.busin-list .tool-mod-box .ask-box {
    margin-bottom: 112px;
}
.help-center .feedback-questions-block {
    padding-top: 40px;
}
.help-center .feedback-questions-block .title-box {
    margin-bottom: 16px;
}
.help-center .feedback-questions-block .title-box h2 {
    color: hsla(0, 0%, 100%, 0.5019607843137255);
    font-size: 14px;
    line-height: 22px;
    font-family: "Montserrat", sans-serif;;
    letter-spacing: 0;
}
.help-center .feedback-questions-block .qa-list-box .list {
    width: auto;
    padding: 0 16px 0 8px;
    height: 72px;
}
.help-center .feedback-questions-block .list-box .list p {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
}
.help-center .feedback-questions-block .list-box .list .arrow {
    right: 16px;
}
@media (max-width: 768px) {
    .pop-mode-box .pop-mode.feedback-questions-pop .guide-title .close-btn {
        display: none;
    }
    .pop-mode-box .pop-mode.feedback-questions-pop:not(.select-saving-card-pop, .pay-plan-pop) .title-box.guide-title {
        display: flex;
        align-items: center;
        padding-left: 20px;
        padding-right: 26px;
    }
    .pop-mode-box .pop-mode.feedback-questions-pop .title-box.guide-title p {
        margin-left: auto;
        padding: 0;
    }
    .pop-mode-box .pop-mode.feedback-questions-pop .title-box.guide-title .logo {
        height: 16.5px;
        width: 83px;
        flex-shrink: 0;
        background-image: url(data:image/png;base64,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);
        background-repeat: no-repeat;
        background-size: cover;
    }
}
.wrap {
    position: relative;
    overflow-x: hidden;
}
.page-bg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: -1;
}
.page-bg img {
    width: 100%;
    display: block;
}
.content {
    min-height: calc(100vh - 293px);
    margin-top: 0;
}
.my-feedback .title {
    width: 100%;
    overflow: hidden;
    margin-bottom: 24px;
    margin-top: 48px;
}
.my-feedback .title p {
    font-family: "Montserrat", sans-serif;;
    font-size: 24px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex: 1;
}
.my-feedback .back-box {
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    margin-top: 24px;
}
.my-feedback .back-box p {
    font-size: 12px;
    color: var(--font-color-6, hsla(0, 0%, 100%, 0.6));
    line-height: 12px;
    position: relative;
    padding-left: 12px;
}
.my-feedback .back-box p:before {
    content: " ";
    background: var(
            --url-image-color-10,
            url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUBAMAAABL3sEiAAAAJ1BMVEVHcEz///////////////////////////////////////////////8NopmKAAAADXRSTlMAAp6bK5ZGP5E6ZFIFTCylaAAAAE5JREFUCNdjYGBgYGRfAyQZBKZqgTlGkSBOsakDmBPCCOQlqzoIMDCwGYM5SRpgjlILiLPJAsSBUWzKYEGoEpgGqHaYYRCjYRZBrQU5AgA5sQ+KAJpozgAAAABJRU5ErkJggg==)
        )
        no-repeat 50%;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    width: 6px;
    height: 10px;
}
.my-feedback .not-mod-box {
    width: 100%;
    overflow: hidden;
    margin-top: 48px;
}
.my-feedback .not-mod-box:first-child {
    margin-top: 0;
}
.my-feedback .not-mod-box .label {
    font-size: 14px;
    color: hsla(0, 0%, 100%, 0.7490196078431373);
    letter-spacing: 0;
    line-height: 22px;
    width: 100%;
    margin-bottom: 24px;
}
.my-feedback .not-mod-box .label span {
    margin-left: 4px;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    line-height: 16px;
    height: 16px;
    background: #ff5e5b;
    border-radius: 4px;
    padding: 0 4px;
}
.my-feedback .not-mod-block {
    width: 100%;
    overflow: hidden;
    margin-bottom: 82px;
}
.my-feedback .not-mod-box .list-box {
    width: 100%;
    overflow: hidden;
}
.my-feedback .not-mod-box .list-box .list {
    background: #1b234d;
    border-radius: 6px;
    width: 49.25%;
    margin-right: 1.5%;
    float: left;
    margin-top: 16px;
    cursor: pointer;
}
.my-feedback .not-mod-box .list-box .list:nth-child(2n) {
    margin-right: 0;
}
.my-feedback .not-mod-box .list-box .list:first-child,
.my-feedback .not-mod-box .list-box .list:nth-child(2) {
    margin-top: 0;
}
.my-feedback .not-mod-box .list-box .list .t-box {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
    margin: 0 20px;
    height: 40px;
}
.my-feedback .not-mod-box .list-box .list .t-box,
.my-feedback .not-mod-box .list-box .list .t-box .game-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.my-feedback .not-mod-box .list-box .list .t-box .game-info {
    flex: 1;
}
.my-feedback .not-mod-box .list-box .list .t-box .game-info img {
    width: 16px;
    height: 16px;
    display: block;
}
.my-feedback .not-mod-box .list-box .list .t-box .game-info p {
    font-size: 12px;
    color: hsla(0, 0%, 100%, 0.5019607843137255);
    letter-spacing: 0;
    line-height: 16px;
    margin-left: 8px;
}
.my-feedback .not-mod-box .list-box .list .t-box .date {
    font-size: 12px;
    color: hsla(0, 0%, 100%, 0.5019607843137255);
    letter-spacing: 0;
    text-align: right;
    line-height: 16px;
}
.my-feedback .not-mod-box .list-box .list .con-box {
    width: 100%;
    padding: 16px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 98px;
    box-sizing: border-box;
}
.my-feedback .not-mod-box .list-box .list .con-box .pic {
    width: 76px;
    height: 76px;
    display: block;
    margin-right: 20px;
    position: relative;
    overflow: hidden;
}
.my-feedback .not-mod-box .list-box .list .con-box img {
    height: 76px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
}
.my-feedback .not-mod-box .list-box .list .con-box .bd {
    flex: 1;
}
.my-feedback .not-mod-box .list-box .list .con-box .not-title {
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 8px;
}
.my-feedback .not-mod-box .list-box .list .con-box .desc {
    font-size: 14px;
    color: hsla(0, 0%, 100%, 0.5019607843137255);
    letter-spacing: 0;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.my-feedback .not-mod-box .list-box .list .status-box {
    border-top: 1px solid hsla(0, 0%, 100%, 0.05);
    margin: 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 40px;
}
.my-feedback .not-mod-box .list-box .list .status-box .status {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    flex: 1;
}
.my-feedback .not-mod-box .list-box .list .status-box .status.problem-processing {
    color: #38c9f8;
}
.my-feedback .not-mod-box .list-box .list .status-box .status.finished {
    color: hsla(0, 0%, 100%, 0.5019607843137255);
}
.my-feedback .not-mod-box .list-box .list .status-box .arrow {
    width: 6px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAcBAMAAACjeJNyAAAAJ1BMVEVHcEz///////////////////////////////////////////////8NopmKAAAADXRSTlMAoJaZCnwePF6TbFs0osoH7gAAAGRJREFUCNdjYGBhgIDSBDDlLRgCpg8aSYBpbiHDAhDNEqg8DSyQaSTqAKLZhRUbwAKNyuJg2lXIEmwE22RFiBGFUCM40IyA0TBxqDqYPpg5UHNh9kDthWmGuQvmTpi7Yf6A+gsA43cWkcIM68sAAAAASUVORK5CYII=)
        no-repeat 50%;
    background-size: cover;
    margin-left: 10px;
}
.my-feedback .not-mod-box .list-box .list .status-box .imp {
    width: 8px;
    height: 8px;
    background: #ff5e5b;
    border-radius: 50%;
}
@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;
        height: 360px;
    }
    .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;
    }
    .game-ticket .content {
        padding-bottom: 280px;
    }
}
@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;
    }
    .buy-suc .follow-box .main,
    .content .main,
    .operation-results .x-head-mod .x-main,
    .operation-results .x-main,
    .vip-head .main {
        padding: 0 6%;
    }
    .medal-mod-icon {
        right: 8%;
    }
    .vip-head .main {
        box-sizing: unset;
    }
    .vip-mess .privilege {
        left: 36%;
    }
    .footer .main {
        padding: 16px 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 {
        padding: 0 6%;
    }
    .header .main {
        max-width: 100%;
        padding: 0 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 {
        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 {
        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, .pop-form-mode-2) {
        width: 312px;
        padding: 24px 16px;
    }
    .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 .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;
    }
}
@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);
    }
}
@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;
    }
}
@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: 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 {
        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 {
        width: auto;
    }
    .footer .main,
    .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;
    }
}
@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;
    }
    .midaspay-record .header .log .logined {
        width: auto;
    }
    .midaspay-record .header .log .logined .user-email {
        display: block;
    }
    .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: 28px;
    }
    .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 {
        top: -2px;
    }
    .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;
    }
    .header .log .country:after {
        display: none;
    }
    .gift-box .pic-box {
        max-height: 268px;
    }
    .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;
    }
}
@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;
    }
}
@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;
    }
}
@media screen and (max-width: 850px) {
    .draw-mod-block {
        padding: 24px 0 24px 24px;
    }
}
@media screen and (max-width: 830px) {
    .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;
    }
    .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;
    }
}
@media screen and (max-width: 800px) {
    .header .menu > .multistage-nav,
    .header .menu > a {
        margin: 0 25px;
    }
}
@media screen and (max-width: 768px) {
    .header .down-app.mobile-show {
        top: -3px;
        width: 22px;
        height: 22px;
        margin: 0 0 0 16px;
    }
    .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.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 {
        width: 100%;
        margin-top: 24px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop {
        height: 100vh;
        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(100vh - 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 {
        right: 20px;
    }
    .header .log .logined:after {
        display: none;
    }
    .header .log .register-tips:before {
        width: 12px;
        height: 6px;
        right: 16px;
        content: " ";
        position: absolute;
        top: -6px;
    }
    .header .log .register-tips {
        top: 36px;
        right: 62px;
    }
    .header .log .luanch .country .language {
        line-height: 18px;
    }
    .pc-select {
        display: none;
    }
    .mobile-select {
        display: block;
        position: relative;
        z-index: 2;
    }
    .art-box,
    .article {
        overflow: visible;
    }
    .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;
    }
    .midaspay-record .header .logo {
        float: left;
    }
    .header .logo {
        width: 96px;
        height: 19px;
        margin: 0 auto;
        float: none;
        display: none;
    }
    .header .logo a {
        height: 19px;
    }
    .header .logo.mobile-show {
        display: block;
        margin: 0 0 0 10px;
    }
    .other-wrap-mod .header .logo {
        margin: 0;
    }
    .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;
    }
    .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: 4px;
    }
    .header .log .logined,
    .header .log .luanch {
        padding: 0;
    }
    .header .log .logined,
    .header .log .luanch .country {
        margin-top: 0;
    }
    .header .log .logined {
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        border-radius: 50%;
        width: 20px;
        height: 20px;
    }
    .header .log .logined .user-pic,
    .header .log .luanch .country-icon {
        width: 19px;
        height: 19px;
    }
    .header .log .logined .message {
        width: 6px;
        height: 6px;
        right: -2px;
        bottom: -2px;
    }
    .header .log .luanch .country-icon {
        width: 26px;
        height: 18px;
        margin-top: 0;
        vertical-align: top;
    }
    .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.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;
    }
    .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);
    }
    .buy-suc .follow-box .main,
    .content .main,
    .sub-head .x-main,
    .x-head-mod .x-main {
        padding: 0 30px;
        width: auto;
    }
    .bg-icon {
        right: 30px;
    }
    .content .title-box h2 {
        width: 100%;
        font-size: 18px;
        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: var(--font-color-4, 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;
    }
    .content > .c-main {
        padding: 0 0 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;
    }
    .pay-sec-flex {
        bottom: 110px;
    }
    .subscription.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 - 57px);
    }
    .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 .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 {
        padding: 0 6px 0 27px;
        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 {
        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;
    }
    .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 {
        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: var(--font-color-4, 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;
    }
    .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 {
        line-height: 22px;
        flex: 1;
    }
    .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 {
        padding: 24px 16px 16px;
        box-sizing: border-box;
    }
    .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;
    }
    .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%;
    }
    .midaspay-record .form-box .select-box .select-item {
        width: 158px;
    }
    .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;
        overflow: hidden;
        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: 208px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .record-table .tr .td .mobile-show {
        display: block !important;
        float: right;
        font-size: 16px;
        color: #fff;
        text-align: right;
        line-height: 24px;
    }
    .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: var(--font-color-6, hsla(0, 0%, 100%, 0.6));
        line-height: 18px;
    }
    .record-table .table-body .tr .td4.pending p {
        color: #f17b32;
    }
    .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;
        bottom: 0;
        box-shadow: none;
        position: fixed;
        border-radius: 12px 12px 0 0;
    }
    .record-detailt-pop .pop-title {
        height: 64px;
        padding: 0 20px;
        box-sizing: border-box;
        position: relative;
    }
    .record-detailt-pop .pop-title p {
        margin-top: 0;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 64px;
        text-align: left;
        padding-left: 0;
    }
    .record-detailt-pop .close-btn {
        width: 12px;
        height: 12px;
        top: 25px;
        right: 20px;
    }
    .record-detailt-pop .detailt-box {
        overflow-y: auto;
        margin: 0 24px;
        padding-bottom: 20px;
    }
    .cookie-agreement-pop .detailt-box {
        margin: 0 20px;
        box-sizing: border-box;
        padding-bottom: 90px;
    }
    .record-detailt-pop .bottom-zz-bg {
        height: 86px;
    }
    .record-detailt-pop .x-bottom-zz-bg {
        height: 71px;
    }
    .record-detailt-pop .bottom-zz-bg .pop-btn {
        bottom: 20px;
        left: 20px;
        right: 20px;
    }
    .record-detailt-pop .x-pop-btn {
        right: 20px;
        left: 20px;
        bottom: 0;
        height: 71px;
        line-height: 71px;
    }
    .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;
    }
    .record-detailt-pop.record-invoice-pop .pop-title p {
        padding-left: 20px;
    }
    .record-detailt-pop.record-invoice-pop .pop-title p .back-icon {
        left: 0;
    }
    .record-detailt-pop.record-invoice-pop .detailt-box {
        margin: 0 20px;
    }
    .record-detailt-pop.record-invoice-pop .mess {
        margin-top: 20px;
    }
    .record-detailt-pop.record-invoice-pop .bottom-zz-bg {
        padding: 20px;
    }
    .record-detailt-pop.record-invoice-pop .bottom-zz-bg .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;
    }
    .record-detailt-pop.record-invoice-pop .bottom-zz-bg .btn-wrap .btn.down-btn {
        margin-left: 12px;
        border: none;
        width: 49px;
    }
    .record-detailt-pop.record-invoice-pop .bottom-zz-bg .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;
    }
    .record-detailt-pop.record-invoice-pop .bottom-zz-bg .btn-wrap .btn.down-btn p:before {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        width: 24px;
        height: 24px;
    }
    .record-detailt-pop.record-invoice-pop .bottom-zz-bg .btn-wrap .btn.comfirm-btn {
        flex: 1;
    }
    .record-detailt-pop.record-invoice-pop .mess.email-pic-box img {
        width: 100%;
    }
    .record-detailt-pop.record-invoice-pop .pop-title p .back-icon {
        background-size: 12px 12px;
        width: 12px;
        height: 30px;
    }
    .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;
    }
    .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: var(--bg-color-3, #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-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: 11px 16px;
    }
    .game-coin .content {
        padding-bottom: 270px;
    }
    .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 1px;
    }
    .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: 20px;
    }
    .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 {
        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: 26px;
    }
    .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;
    }
    .art-box.record .record-table .table-body .tr {
        padding: 24px;
        border-bottom: none;
    }
    .user-personal .art-box.record .record-table .table-body .tr {
        padding: 20px 20px 24px;
        border-top: 1px solid hsla(0, 0%, 100%, 0.05);
    }
    .user-personal .art-box.record .record-table .table-body .tr:first-child {
        border-top: none;
    }
    .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;
    }
    .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;
    }
    .introduce-mod-block .interests-list,
    .introduce-mod-block .mess {
        width: auto;
        right: 20px;
    }
    .interests-list .list {
        margin-right: 10px;
        display: block;
        float: left;
    }
    .interests-list .list img {
        width: 32px;
        height: 32px;
    }
    .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: var(--font-color-6, 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: var(--font-color-5, 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: var(--font-color-6, 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: var(--font-color-6, 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 .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,
    .account-details .form-box .list-4 .list-block .val {
        float: none;
        overflow: hidden;
        text-align: right;
    }
    .account-details .form-box .list-3 .list-block .val p,
    .account-details .form-box .list-4 .list-block .val p {
        display: inline-block;
        float: none;
    }
    .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: 999;
    }
    .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 {
        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;
    }
    .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;
        padding: 16px 20px;
        box-sizing: border-box;
        width: 100%;
        background: var(--bg-color-3, #141b3d);
    }
    .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 {
        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: var(--font-color-6, hsla(0, 0%, 100%, 0.6));
        letter-spacing: 1px;
        line-height: 14px;
    }
    .banner-wrap .nav-box li {
        margin-right: 24px;
    }
    .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: 18px;
        color: #ffe500;
        letter-spacing: 1px;
        line-height: 18px;
        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;
    }
    .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 .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;
    }
    .game-ticket-new .content {
        padding-bottom: 140px;
    }
    .pay-sec.pay-sec-flex {
        bottom: 24px;
    }
    .pay-sec .right .pay-btn {
        width: 168px;
    }
    .pay-sec .right .pay-mess .t .total {
        font-size: 18px;
    }
    .pay-sec .right .pay-mess .t .label {
        font-size: 12px;
        color: var(--font-color-6, hsla(0, 0%, 100%, 0.6));
    }
    .article {
        margin-top: 24px;
    }
    .midaspay-record .article {
        margin-top: 0;
    }
    .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-flex .clause-box-pop .x-main {
        padding: 0;
    }
    .pay-sec.pay-sec-flex {
        bottom: 0;
        padding: 0;
        border-top: 1px solid hsla(0, 0%, 100%, 0.05);
    }
    .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: 48px;
    }
    .banner-wrap .nav-box li.home a {
        margin-top: 8px;
    }
    .game-ticket .content {
        padding-bottom: 0;
    }
    .game-ticket.pay-sec-flex .content {
        padding-bottom: 110px;
    }
    .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;
    }
    .shop-list-mod .mark-mod-shop-text {
        right: 12px;
        left: 12px;
        font-size: 10px;
        color: #ffe55b;
        letter-spacing: 0;
        line-height: 10px;
        bottom: 8px;
    }
    .shop-list-mod .b-box {
        padding: 10px 12px 12px;
    }
    .shop-list-mod .b-box .shop-name {
        font-size: 12px;
        color: #fff;
        letter-spacing: 0;
        line-height: 16px;
        min-height: 32px;
        margin-bottom: 6px;
    }
    .shop-list-mod .b-box .price {
        font-size: 14px;
        color: #ffe55b;
        letter-spacing: 0;
        line-height: 14px;
    }
    .shop-list-mod h3 {
        margin-bottom: 16px;
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 14px;
    }
    .game_list_new .shop-list-mod {
        margin-top: 32px;
        margin-bottom: 27px;
    }
    .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: 32px;
    }
    .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;
    }
    .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;
    }
    .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: 8px;
    }
    .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;
    }
    .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;
    }
    .redeem_suc .pop-mode-box .pop-mode .mess {
        padding: 4px 0 18px;
    }
    .pop-mode-box .pop-mode.pop-information-confirm {
        width: 280px;
        padding: 24px 16px;
        box-sizing: border-box;
    }
    .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 {
        position: absolute;
        left: 56px;
        top: -2px;
        margin: 0;
        width: 22px;
        height: 22px;
        background-size: 22px 22px;
    }
    .header .collection p:after {
        top: 40%;
    }
    .header .collection.mobile-show {
        display: block !important;
        float: none;
    }
    .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;
    }
    .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 .menu.min1440 {
        display: none;
    }
    .midaspay-record .header .log .logined .user-email {
        display: block;
    }
    .header .log .logined .user-email {
        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 {
        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;
    }
    .credit-card-event-mod {
        height: 80px;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-top: 8px;
    }
    .credit-card-event-mod img {
        margin: 0 16px 0 20px;
        width: 51px;
        height: 46px;
    }
    .credit-card-event-mod p {
        line-height: 80px;
        font-size: 14px;
        color: #fff;
        letter-spacing: 1px;
        line-height: 22px;
        width: 60%;
    }
    .credit-card-event-mod:after {
        height: 94px;
        right: -36px;
    }
    .office-tips .block {
        padding: 20px 20px 20px 97px;
    }
    .office-tips .block .active-img {
        width: 70px;
        height: 60px;
        position: absolute;
        left: 10px;
        top: 30px;
    }
    .office-tips .btn {
        font-size: 12px;
    }
    .office-tips .block .active-pic.gained {
        left: 8px;
    }
    .credit-card.payment-method .list-box .list .xy-box .bd {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .credit-card.payment-method .list-box .list .xy-box.multiple-xy-box .bd {
        padding: 4px 0 15px;
    }
    .credit-card.payment-method .list-box .list .xy-box .check-icon {
        margin-top: 4px;
    }
    .credit-card.payment-method .list-box .list .xy-box p.tips {
        padding-right: 58px;
        line-height: 18px;
        margin-left: 24px;
        margin-top: 3px;
    }
    .payment-method .error-tips-box {
        margin-top: 0;
    }
    .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;
    }
    .credit-card.payment-method .list-box .list .xy-box.have-active-pic {
        display: block;
    }
    .xy-box .active-pic {
        position: absolute;
        width: 80px;
        right: 0;
        bottom: 0;
    }
    .psw-tips:after {
        right: 12px;
        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);
    }
    .linked-accounts-list .list-item .list {
        margin-top: 16px;
    }
    .linked-accounts-list .list-item .list:first-child {
        margin-top: 4px;
    }
    .linked-accounts-list .list .box {
        padding: 0 15px;
        height: 74px;
    }
    .linked-accounts-list .tips {
        margin-top: 16px;
    }
    .card-payment-events-title {
        margin-bottom: 16px;
    }
    .card-payment-events .banner {
        overflow: visible;
    }
    .card-payment-events .slide {
        width: 100%;
        height: 90px;
        margin-right: 0;
        margin-top: 16px;
    }
    .card-payment-events .slide:first-child {
        margin-top: 0;
    }
    .card-payment-events .slide:nth-child(2) {
        margin-top: 16px;
    }
    .pop-mode-box .unbound-retain {
        width: 335px;
        padding: 32px 20px 20px;
    }
    .pop-mode-box .pop-mode.unbound-retain .mess p {
        font-size: 16px;
        line-height: 24px;
    }
    .pop-mode-box .pop-mode.unbound-retain .close-btn {
        width: 12px;
        height: 12px;
        right: 13px;
        top: 13px;
    }
    .pop-mode-box .pop-mode.unbound-retain .mess {
        padding-bottom: 16px;
    }
    .pop-mode-box .pop-mode.unbound-retain .desc .div {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0;
        text-align: left;
    }
    .pop-mode-box .pop-mode.unbound-retain .list-box {
        margin-top: 24px;
    }
    .pop-mode-box .pop-mode.unbound-retain .list-box .list {
        margin-top: 12px;
    }
    .pop-mode-box .pop-mode.unbound-retain .desc {
        padding-bottom: 24px;
    }
    .pop-mode-box .pop-mode.unbound-retain .list-box .list {
        height: 64px;
        padding: 0 12px;
    }
    .pop-mode-box .pop-mode.unbound-retain .list-box .list .icon {
        margin-right: 12px;
    }
    .pop-mode-box .pop-mode.unbound-retain:before {
        height: 116px;
    }
    .account-hint-pop .pop-mode {
        padding: 32px 20px 24px;
    }
    .link-account-details .form-box .list-block .val p {
        font-size: 12px;
        line-height: 16px;
    }
    .link-account-details .form-box .list-block {
        padding: 19px 16px;
    }
    .art-box .form-box .list-box .list-title .ques-tips-bubble {
        max-width: 100%;
        bottom: 32px;
    }
    .art-box .form-box .list-box .list-title .ques-tips-bubble .before {
        content: "";
        position: absolute;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQBAMAAACFLmBqAAAAD1BMVEVHcEweJ1MAAFEeJ1QeJ1TgitL5AAAABHRSTlMAgQH9iXOozQAAAFFJREFUGNNVyksNACAMBNEFBRwQQNBQAwT8a+JTSpe5TfKQx1dD6PySULL49xZRmUiqiEQWKGCyAYgoIKLAiYFHDBhxcIkDJQwOYXDIBzYxMAGZpSOq1z9lYgAAAABJRU5ErkJggg==);
        background-size: 100% 100%;
        transform: translateY(0);
        top: auto;
        bottom: -8px;
        left: 8px;
        width: 16px;
        height: 8px;
    }
    .link-account-details .form-box .list-block .label,
    .link-account-details .form-box .list-block .val p {
        display: block;
        margin-left: 0;
        margin-bottom: 4px;
    }
    .link-account-details .form-box .list-block .label:last-child,
    .link-account-details .form-box .list-block .val p:last-child {
        margin-bottom: 0;
    }
    .tof-edition .link-account-details .form-box .facebook-list-block,
    .tof-edition .link-account-details .form-box .list-block {
        padding: 16px;
        height: 76px;
    }
    .tof-edition .link-account-details .form-box .facebook-list-block .in-val span {
        display: block;
        margin-bottom: 4px;
    }
    .tof-edition .link-account-details .form-box .facebook-list-block .in-val span:last-child {
        margin-bottom: 0;
    }
    .tof-edition .link-account-details .form-box .alchemy-account-block,
    .tof-edition .link-account-details .form-box .alchemy-account-block .val {
        display: block;
    }
    .tof-edition .link-account-details .form-box .alchemy-account-block .val span {
        display: block;
        margin-bottom: 4px;
    }
    .tof-edition .link-account-details .form-box .alchemy-account-block .val span:last-child {
        margin-bottom: 0;
    }
    .tof-edition .link-account-details .form-box .tool.unlink {
        font-size: 14px;
        line-height: 20px;
    }
    .tof-edition .link-account-details .form-box .tool.add-link {
        font-size: 14px;
        line-height: 16px;
        padding-left: 20px;
    }
    .tof-edition .link-account-details .form-box .list-box .tool.add-link:after {
        left: 0;
        width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 16px;
    }
    .art-box .form-box .list-box .list-title .desc {
        padding-left: 12px;
    }
    .art-box .form-box .list-box .list-title.have-desc,
    .art-box .form-box .list-box .list-title.have-desc .title {
        margin-bottom: 16px;
    }
    .account-details .form-box .list-block .check-item {
        padding: 20px 16px;
    }
    .account-details .form-box .list-block .check-item .tool .switch-box p {
        display: none;
    }
    .account-details .form-box .list-block .check-item .tool {
        padding-left: 14px;
    }
    .pop-mode-box .pop-mode.unbound-retain .subscribe-icon {
        width: 80px;
        height: 80px;
        margin-bottom: 16px;
    }
    .pop-mode-box .pop-mode.btn-row-pop.unbound-retain .btn-wrap .btn:first-child {
        margin-bottom: 12px;
    }
    .record-detailt-pop:not(.record-invoice-pop) {
        transform: translate(0) translateY(600%);
        -webkit-transform: translateX(0) translateY(600%);
        -moz-transform: translateX(0) translateY(600%);
        -ms-transform: translateX(0) translateY(600%);
        -o-transform: translateX(0) translateY(600%);
        transform-origin: bottom;
    }
    .record-detailt-pop.show:not(.record-invoice-pop) {
        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);
    }
    .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 .btn-wraps {
        margin-bottom: 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode .close-btn {
        right: 20px;
    }
    .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;
        padding: 0;
    }
    .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 .txt-one {
        margin-bottom: 24px;
        color: hsla(0, 0%, 100%, 0.8);
    }
    .cookie-agreement-pop .block .block-desc {
        margin-bottom: 24px;
    }
    .cookie-agreement-pop.show .bottom-zz-bg {
        height: auto;
    }
    .cookie-agreement-pop .close-btn {
        width: 12px;
        height: 12px;
        padding: 20px;
        right: 0;
        top: 5px;
        background-size: 12px 12px;
    }
    .cookie-agreement-pop .pop-title p {
        line-height: 16px;
    }
    .cookie-agreement-pop .block .block-desc {
        color: hsla(0, 0%, 100%, 0.8);
    }
    .cookie-agreement-pop .block .block-title {
        margin-bottom: 8px;
    }
    .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;
    }
    .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;
    }
    .record .form-box .filter-box {
        margin-bottom: 0;
        padding: 0;
        float: none;
        width: 100%;
    }
    .record .form-box .filter-box,
    .record .form-box .filter-box ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .record .form-box .filter-box ul {
        flex: 1;
    }
    .record .form-box .filter-box ul li {
        flex: 1;
        text-align: center;
        padding: 0 12px;
    }
    .record .form-box .filter-box .filter {
        margin-left: 12px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop {
        height: calc(100vh - 57px);
        width: 100%;
        border-radius: 12px 12px 0 0;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop .mess {
        padding: 0 20px;
        height: calc(100vh - 208px);
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop .title-box {
        padding: 20px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop .title-box p {
        padding-left: 0;
        line-height: 24px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop .close-btn {
        right: 20px;
        top: 24px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop .tool-box {
        padding: 20px;
    }
    .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);
    }
    .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;
    }
    .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 {
        margin: 0 auto;
        width: 64px;
    }
    .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;
    }
}
@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;
    }
    .bind-result-pop .pop-mode,
    .pop-mode-box .pop-mode.bind-guide-pop {
        width: 100%;
        height: 100%;
        padding: 0;
    }
    .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;
    }
}
@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: 32px;
        padding-right: 32px;
        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,
    .login .register-box .form-box .btn.pc-btn {
        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 var(--font-color-5, hsla(0, 0%, 100%, 0.4));
        padding-left: 32px;
        padding-right: 32px;
        padding-top: 15px;
        box-sizing: border-box;
        margin-top: 23px;
    }
    .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;
    }
}
@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;
    }
    .game-pay-section ul li .container {
        padding: 28px 12px 12px;
        height: 246px;
    }
    .type-labels {
        height: 18px;
        line-height: 18px;
        font-size: 14px;
    }
    .type-label:before,
    .type-labels:before {
        width: 5px;
        left: -4px;
    }
    .game-pay-section ul li .shop-box .num {
        font-size: 18px;
        padding-left: 18px;
    }
    .game-pay-section ul li .shop-box .num .icon {
        width: 17px;
        height: 17px;
    }
    .game-pay-section ul li .shop-box {
        margin-bottom: 0;
    }
    .game-pay-section ul li .price-box {
        height: 32px;
        padding: 5px 0 0;
        min-height: 32px;
        bottom: 0;
        left: 0;
        right: 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;
    }
    .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;
    }
    .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 .img {
        width: 32px;
        height: 32px;
    }
    .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: 15%;
    }
    .hot-game .list-box ul li {
        width: 49%;
        margin-bottom: 3%;
    }
    .content .title-box {
        margin-bottom: 20px;
    }
    .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;
    }
    .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_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: 30px;
    }
    .game-wrap.game-ticket-new .tab-nav-box {
        margin-bottom: 40px;
    }
    .pay-type-box .pay-list-box .list {
        width: 49.25%;
        max-height: 65px;
        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-sec .right .pay-btn {
        width: 168px;
        margin-left: 0;
    }
    .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 {
        width: 30px;
        height: 30px;
    }
    .forget .forget-box,
    .login .login-box {
        background: none;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-transform: translate(-50%);
        top: 93px;
    }
    .login .login-box {
        width: 100%;
        min-width: 100%;
    }
    .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;
    }
    .found-id-pop .pop-boxs {
        width: 92%;
        padding-left: 16px;
        padding-right: 16px;
    }
    .found-id-pop .pop-boxs .pop-con {
        height: 300px;
    }
    .found-id-pop .pop-boxs .btn-wrap .btn {
        width: 100%;
    }
    .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 {
        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%);
    }
}
@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: 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;
    }
    .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 .text-box {
        height: 86px;
    }
    .credit-card.payment-method .list-box .list .xy-box.multiple-xy-box {
        padding: 16px 16px 0;
    }
    .credit-card.payment-method .list-box .list .xy-box p {
        line-height: 22px;
        flex: 1;
    }
    .payment-method .block {
        padding: 16px 16px 0;
    }
    .payment-method .office-tips .block {
        padding: 20px 20px 20px 97px;
    }
    .credit-card.payment-method .list-box .list {
        margin-bottom: 40px;
    }
    .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 .btn {
        width: 100%;
    }
    .credit-card.payment-method .btn-wrap .box {
        width: 100%;
        display: table;
    }
    .credit-card.payment-method .btn-wrap .btn.cancel-btn:not(.disable) {
        margin-right: 0;
        margin-bottom: 16px;
    }
    .credit-card.payment-method .btn-wrap .btn.cancel-btn,
    .credit-card.payment-method .btn-wrap .btn.cancel-btn:not(.disable) {
        display: block;
        margin-bottom: 0;
        margin-top: 16px;
    }
    .credit-card.payment-method .btn-wrap .btn.comfirm-btn {
        display: table-header-group;
        float: none;
    }
    .payment-method .form-box .list-block {
        padding: 24px 16px;
    }
    .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;
    }
}
@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;
    }
    .midaspay-record .header .main {
        padding: 0 20px;
    }
    .header .log {
        right: 20px;
    }
    .banner-wrap {
        margin: 0 15px;
    }
    .buy-suc .follow-box .main,
    .content .main,
    .operation-results .error-message p,
    .subscription .header .main,
    .x-head-mod .x-main,
    .xnav .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 {
        padding: 0 15px;
    }
    .login .login-box .form-box,
    .login .register-box .b-bx.mobile-b-bx,
    .login .register-box .left,
    .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;
    }
    .login .login-box .other-login-box {
        padding: 15px 15px 24px;
    }
    .feedback .tab-nav-box {
        padding: 30px 15px;
    }
    .content .head-title .x-main,
    .content > .x-main,
    .game-coin .x-main,
    .pay-sec-box .x-main {
        padding: 0 20px;
    }
    .content > .c-main {
        padding-left: 20px;
    }
    .codm-redeem .banner-wrap .nav-box .main,
    .game-coin .warn-message .x-main,
    .game-ticket-new .banner-wrap .nav-box .main,
    .game_list_new .banner-wrap .nav-box .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;
    }
    .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;
    }
}
@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 {
        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%;
    }
}
@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;
    }
}
@media screen and (max-width: 320px) {
    .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 {
        margin-right: 0;
    }
    .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;
    }
}
@media screen and (min-width: 769px) {
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop .mess::-webkit-scrollbar {
        width: 6px;
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-pop .mess::-webkit-scrollbar-thumb {
        background-color: #2c3665;
        border-radius: 0;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    }
    .pop-mode-box .pop-mode.confirm-default-mode.fliter-of-transction-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);
    }
}
@media screen and (max-width: 768px) {
    .midaspay-record .record-table .table-body .tr .td2 p,
    .midaspay-record .record-table .table-body .tr .td4 p {
        opacity: 0.6;
        color: rgba(0, 0, 0, 0.9019607843137255);
        font-size: 14px;
        line-height: 14px;
    }
    .record .form-box {
        margin: 0 auto;
    }
    .midaspay-record.user-personal .art-box.record .form-box .form-title,
    .midaspay-record.user-personal .record .form-box .select-box {
        text-align: left;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
    }
    .midaspay-record.user-personal .art-box.record .form-box .form-title {
        margin-top: 24px;
    }
    .midaspay-record.user-personal .record-table {
        margin-top: 0;
    }
    .midaspay-record .record-table .tr .td .mobile-show {
        color: #000;
    }
    .midaspay-record.user-personal .content {
        padding-bottom: 0;
    }
    .midaspay-record.user-personal .form-box .select-box {
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 768px) {
    .midaspay-record .record-detailt-pop {
        width: 736px;
        height: 632px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .midaspay-record .record-detailt-pop .pop-title {
        height: 92px;
    }
    .midaspay-record .record-detailt-pop .close-btn {
        top: 40px;
    }
    .midaspay-record .record-detailt-pop .pop-title p {
        margin-top: 40px;
        padding-left: 40px;
        text-align: left;
    }
    .midaspay-record .record-detailt-pop .item.s-item:last-child {
        border-bottom: none;
    }
    .midaspay-record .record-detailt-pop .x-pop-btn {
        text-align: right;
    }
}
.pop-mode-box .pop-mode.cr-and-lg-pop .tab-nav-box[data-v-2018f2f1] {
    margin-bottom: 0;
}
.not-is-vip .header .log .logined .user-email[data-v-3445dc63]:before {
    background: url(//cdn.midasbuy.com/oversea_web/static/images/nonevip-label.9a7d9893.png) no-repeat 50%;
    background-size: 47px 19px;
}
.header .user-mess-box[data-v-3445dc63] {
    display: block;
}
.slide-enter-to[data-v-3445dc63],
.slide-leave[data-v-3445dc63] {
    max-height: 800px;
    overflow: hidden;
}
.slide-enter-active[data-v-3445dc63],
.slide-leave-active[data-v-3445dc63] {
    transition: max-height 0.4s;
}
.slide-enter[data-v-3445dc63],
.slide-leave-to[data-v-3445dc63] {
    max-height: 0;
    overflow: hidden;
}
.fade-enter-active[data-v-3445dc63],
.fade-leave-active[data-v-3445dc63] {
    transition: all 0.3s;
}
.fade-enter[data-v-3445dc63],
.fade-leave-to[data-v-3445dc63] {
    opacity: 0;
}
.result-small-pop .pop-mode .pop-icon img[data-v-a82a4d84] {
    width: 48px;
    height: 48px;
}
.result-small-pop .pop-mode .pop-icon[data-v-a82a4d84] {
    margin: 0 auto 16px;
    width: 48px;
    height: 48px;
    text-align: center;
}
.result-small-pop .pop-mode .desc-box .text[data-v-a82a4d84] {
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;;
    text-align: center;
    line-height: 22px;
}
.result-small-pop .pop-mode .desc-box[data-v-a82a4d84] {
    margin-bottom: 32px;
}
.pop-mode-box .pop-mode .close-btn[data-v-a82a4d84] {
    width: 16px;
    height: 16px;
    right: 20px;
    top: 24px;
    opacity: 1;
}
.slide-enter-to,
.slide-leave {
    max-height: 800px;
    overflow: hidden;
}
.slide-enter-active,
.slide-leave-active {
    transition: max-height 0.4s;
}
.slide-enter,
.slide-leave-to {
    max-height: 0;
    overflow: hidden;
}
.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .history-list .hist-box {
    display: block;
}
.card-num-box::-webkit-scrollbar {
    width: 6px;
}
.pop-mode-box .pop-mode.pop-default-mode .mess p[data-v-38d1287c] {
    padding-left: 0;
}
.pop-mode-box .pop-mode.feedback-choose-order-pop .order-list-box .order-item .cont .label[data-v-aace9dea] {
    margin-bottom: 0;
}
.back-btn[data-v-aace9dea] {
    z-index: 1;
}
.pop-mode-box .pop-mode.pop-default-mode .mess p[data-v-ca6d677c] {
    padding-left: 0;
}
.item .input-box.disable .card-val[data-v-ca6d677c] {
    color: hsla(0, 0%, 100%, 0.4) !important;
}
.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .error-tips[data-v-22ca7eae] {
    display: block;
}
.pop-mode-box .pop-mode.pop-default-mode .mess p[data-v-22ca7eae] {
    padding-left: 0;
}
.pop-mode-box[data-v-24b08710] {
    z-index: 1000000000;
}
.mess[data-v-24b08710]::-webkit-scrollbar {
    width: 6px;
}
.content .title-box[data-v-24b08710] {
    margin-bottom: 0;
}
.pop-mode-box[data-v-4084ddbb] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999999;
    background: var(--bg-color-16, rgba(0, 0, 0, 0.6));
}
.pop-mode-box .pop-mode[data-v-4084ddbb] {
    background: var(--bg-color-9, var(--bg-color-9, #222c5c));
    width: 328px;
    padding: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.pop-mode-box .pop-mode.subscribe-new-pop[data-v-4084ddbb] {
    width: 488px;
    padding: 40px 68px;
    box-sizing: border-box;
    background: var(--bg-color, var(--bg-color-4, #171f45));
}
.pop-mode-box .pop-mode.subscribe-new-pop .subscribe-icon[data-v-4084ddbb] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAUVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////9jlXTzAAAAG3RSTlMA1fTsoOWr/qSbfLPcxo+WzYa8VEtcZHIYMAl2DEd1AAAHnUlEQVR42u2a63azKhCGNTEWPKMI6v1f6ObMoGhok72+P76odXW1ed4Zhgm2ybJbt27dunXr1q1bl9qq/PF4DXVB+EzX5ZuvvKb8FH39hHrmY9lVTHjZPuOv05TyU4+fcz2atsaET39JzMrmOcVA85Oo1zCi9MSsjM8To+9/cPpJ1uPnYfTKjZezxCwzF/XEWUINdOlwfWg9H0+tpqRRvOAzxhMM1L8J/yeEP5+v5+v1IuGULJPAc0aFi5QMDEl0EP0TGFD81wtDPOWaL2wwvnylBh9g9iH/5eQC3Siv5GBUFIDwkVCuZhEOzZv4D3TBNxaaVw3w8pgpZTIBCQY2S6m7q+J7RCdf08VoNo3nLn6mJ+I9f3Gomg7vs28sALygCy2i6/KqEnDNV3WYYiBbPaxdqtOFH0bvJINXDpZVodVldnw+/a4PiZdpz9Ifn/vGKFfkqjLxU8PnCY2QBc12zfjDVd713Et8243aQGvgwoSI3xRAmoEw6881W8fo3Fs6qL2S8lzH39SVlYx/NvgqpRH2u1kXntkzoIPwQfQ5WdfR4PO8hHxRADobPMVAua+7WTSzGs79I5L8lm0bMXTBzzHgU9UJ9HpMaITjYeVx8d35tZ97mHwk0kRbG71UD/hM16MqiAQD+XHhEdnRUdD3QPQNEXldcAP5eef5s0m/qsqETvyMrPterc/meUy+zL1MkCy+3GnISUUMfzLLUbtI2Lgc2p70gCRlwb7yjAOkltVagtlX/IHY+Klrhyol7/lLtOs9apU7miu8bTtE1fQm157LvaQLiQR4vtf8i06863qtKp+t2+Ve/MJ4xEsDmj8H/CqhE9P9G64t/UEX8NqC3AtHBJbeoIeQ4U8hv0pohPNp28tX89Bic5/ptZdDutGo+RTCRVmQhD7Eg+CDzVZjfn21a2kpJP6Q/qEdSh0/l1g75JFggMTf8tTKa8IMsjzMvsO3bUFNByImdDMS+hC+fMMHVbzWcOE7tZLf9ioBLnp3k2CgjkXvVx73j6+5y/7gp1/h25aoAiSQro6ERtjGcg/2G5Vde6Dr7OhClewAFq6kvlQpD4a7jf4z3Gs2TbdlC2nySO17/shFAZiobQLkTUonfuq3/Nh2x2z38NTC6N3cO7oY4imERJTQiTew04XvOQ3c7zm8y37rwh+Vg3mqYgYSGuH6AKX3PNLzIPnDMfntKDXzGJ8kNMI1nv198KDpArpOv/TAjvBOHAl9iB42+m6nD7teLHoLF+oh1Qx5STDADnvdSPj5Yd3buddCAdbdd11CH+K7p7w4PWx7du4tv4bM4CbBANmt+9eh8kHTD2rP4seRHNn67BIaIY485sVLvw0n36oeNY1opJG6JyRLNgCDP8n+LvrW8pGL1xjxTlI6cbVb+Cfrvo3mfqxrUQDdqRIaYbaeFh9s+Tb+MSy+8ZrfJWxJ5RyA3Af0yHtOC+dejLqOcXt99l3KX0mzpQWxX73jmuSD8IWKA7vXbDVoluQAnbedIb7wajX54ihJB3jBRahL+ku5bMcVGodL+g5vwq9FAfRB0NaJuUk1kC0M91jNXF+geowGvw9fysZrmU7mdknGS/XmxPIF1HxKM2HT98WnC8CTu4BslPTPhm1WVG/BXnusX1I1lh6j0i58qzKkHdWl4CeHtxZsHuQXY8OYEZ2FMV6RDpeqAE7JJoD3jXCjPS5wRM6IOYwH8/ylngFmHoV68xi/3ZLSTuILNeIebBKw50/mmCQTYA0UexOYvcMLcOEcqJszKQDTeMMneId1iXO6bIQr0fii0FeQixMfzOHlWZnZwRGwFb3EO2FwcU6OLpjLvgh/YvhCNqWnfWitikA2DdiZOLqw/Ekb6HdEB/WpPDWwcFQgcRQxYX/qbBT69ZnmikOdXRCpQ7pgtJYTvKL7cW7DT4jnS/xUeXaAxKGFLdZ1FV6pcBd06sG8IoPh04n5TO2ZUH1s9meCPN6m4DQTheWD7E/TjIsrudySs39nT5XJwVFHHwLGplD9JRi5F6+u/qcemChgLg42FJ96fuWJPtqY3m1JV8pxNAfIrBLk+UDc+Qx/7aiELem2hCZ8edq49vx5LvyPIHQ6l6hEiKZuhyjvz0oC8mc1enTFFKcdqEzekCkTrIvMBmIhfXKLKMCWuyEvZYl+Y0CZWA8mmCVLtsw/3yPlfUBXbP2tv3wURZggO77xoA6GXITI0DQSaag9tYm/fvxks92KufAVXgj7MA0NwncqPvvwzVQZvtSkT2J5Ns1GcQtd9pkWE7a2IMXLKP5M1ccGJh+7FCtTVKtTDv55BkIVF1A//O38vxqoAy4A1+679JsG2LyqloktKrzoA3oQWr9lgIkxU9C3XZwgZM00j2z6y1cMKLi4TFvYt/vaQUvIBTbq5WMDli7GcmwUrKt3xJ22Tw1otHgcnU8+DWVNxFVmHxtQdHmh1317jx7V2Wdfy8C0vX/zUEw4avKFDBglVdM6kdK4UNeRf81A+nIS72ClZKscsG8Z+GVDW+Sf3KTolwzMf1hNoluhcf2Sgb+2k08/jmsNfBzHRwY4o9k/NfCnAviiAc6W7N9mYM3+qQFOs39r4J8WgDSwZLdu3bp169atb+o/mtwt3rl6RGcAAAAASUVORK5CYII=)
        no-repeat 50%;
    background-size: cover;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.pop-mode-box .pop-mode .close-btn[data-v-4084ddbb] {
    width: 12px;
    height: 12px;
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAElBMVEX///////9HcEz///////////9J36p7AAAABXRSTlMi4wC/3FGYuIsAAABqSURBVBjTZZCxDYAwDASfwABp0keZgIaeFSLk/VdBcBR+kSKO7ffFtvo+vrMWbbPw7u3UERVniUtLkOotqp6LxCwapN6YMISEJSIUaEUtFEGFL7Dgf47JMsDQ+VNrJzdqI9hwNrYtJK/qBjueKwkDWwvqAAAAAElFTkSuQmCC)
        no-repeat 50%;
    background-size: cover;
    right: 12px;
    top: 12px;
    opacity: 0.4;
    cursor: pointer;
}
.pop-mode-box .pop-mode.subscribe-new-pop .mess p.not-icon[data-v-4084ddbb] {
    font-family: "Montserrat", sans-serif;;
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    line-height: 28px;
    font-weight: 400;
}
.pop-mode-box .pop-mode.subscribe-new-pop .user-mess-box[data-v-4084ddbb] {
    width: 100%;
    background: var(--bg-color, var(--bg-color-3, #141b3d));
    padding: 16px;
    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 30px;
}
.pop-mode-box .pop-mode.subscribe-new-pop .user-mess-box .label[data-v-4084ddbb] {
    font-size: 12px;
    color: hsla(0, 0%, 100%, 0.7490196078431373);
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 4px;
}
.pop-mode-box .pop-mode.subscribe-new-pop .desc .div[data-v-4084ddbb] {
    font-size: 14px;
    color: hsla(0, 0%, 100%, 0.7490196078431373);
    letter-spacing: 0;
    line-height: 22px;
}
.pop-mode-box .pop-mode.subscribe-new-pop .user-mess-box .email[data-v-4084ddbb] {
    font-size: 14px;
    color: #38c9f8;
    letter-spacing: 0;
    line-height: 22px;
}
.pop-mode-box .pop-mode.subscribe-new-pop .email-box[data-v-4084ddbb] {
    margin-top: 16px;
}
.pop-mode-box .pop-mode.subscribe-new-pop .email-box .label[data-v-4084ddbb] {
    font-size: 12px;
    color: #fff;
    line-height: 12px;
    margin-bottom: 12px;
    text-align: left;
    display: block;
}
.pop-mode-box .pop-mode.subscribe-new-pop .email-box .input-box[data-v-4084ddbb] {
    -js-display: flex;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 46px;
    display: box;
    box-align: center;
    cursor: pointer;
    width: 100%;
}
.pop-mode-box .pop-mode.subscribe-new-pop .email-box .input[data-v-4084ddbb] {
    width: 100%;
    color: #fff;
    font-size: 14px;
    padding: 0 15px;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    border-radius: 0;
}
.pop-mode-box .pop-mode.subscribe-new-pop .mess[data-v-4084ddbb] {
    padding-top: 16px;
    padding-bottom: 20px;
}
.pop-mode-box .pop-mode.subscribe-new-pop .desc[data-v-4084ddbb] {
    padding-bottom: 16px;
}
.pop-mode-box .pop-mode .btn-wrap[data-v-4084ddbb] {
    width: 100%;
    overflow: hidden;
    float: left;
}
.pop-mode-box .pop-mode .btn-wrap .btn[data-v-4084ddbb] {
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}
.pop-mode-box .pop-mode .btn-wrap .btn[data-v-4084ddbb],
.pop-mode-box .pop-mode.subscribe-new-pop .btn-wrap .btn.comfirm-btn[data-v-4084ddbb] {
    width: 100%;
    background: var(--bg-pop-btn-color, var(--btn-color-2, #3a7bfc));
}
@media screen and (max-width: 768px) {
    .pop-mode-box .pop-mode.subscribe-new-pop[data-v-4084ddbb] {
        bottom: 0;
        left: 0;
        right: 0;
        top: auto;
        transform: translate(0);
        width: 100%;
        padding: 32px 20px 20px;
        border-radius: 12px 12px 0 0;
    }
    .pop-mode-box .pop-mode.subscribe-new-pop .desc[data-v-4084ddbb] {
        min-height: 80px;
    }
}
.fade-enter-active[data-v-a05561d2],
.fade-leave-active[data-v-a05561d2] {
    transition: opacity 0.5s;
}
.fade-enter[data-v-a05561d2],
.fade-leave-to[data-v-a05561d2] {
    opacity: 0;
}
.item .pic img[data-v-d7d05868] {
    background-size: cover;
}
.pop-mode-box .pop-mode.confirm-default-mode.feedback-details-pop .mess[data-v-d7d05868]::-webkit-scrollbar {
    width: 6px;
}

.accordion {
	margin-top: 50px;
}
.accordion__item {
	margin: 5px auto;
}
.accordion__item .accordion__title {
	position: relative;
	display: block;
	padding: 13px 60px 15px 13px;
	margin-bottom: 2px;
    font-weight: 500;
	font-size: 28px;
	text-decoration: none;
	border-radius: 3px;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
    cursor: pointer;
    font-size: 16px;
    color: hsla(0, 0%, 100%, 0.8);
    line-height: 24px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.05);
    padding: 20px 23px 20px 30px;
}
.accordion__item .accordion__title:hover {
	transition: all 0.5s ease-out;
}
.accordion__item .accordion-active {
}
.accordion__item .accordion__title .accordion__arrow {
	position: absolute;
	top: 13px; right: 10px;
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #fff;
	line-height: 30px;
	font-size: 20px;
	font-weight: 700;
	margin-right: 5px;
	border-radius: 50%;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.accordion__item .accordion__rotate {
	transform: rotate(225deg);
}
.accordion__item .accordion__content {
	padding: 0 30px 30px;
	margin-bottom: 2px;
	font-size: 14px;
	display: none;
    color: hsla(0,0%,100%,.8);
    letter-spacing: 0;
    line-height: 28px;
}
.accordion__item .accordion__arrow-item {
	font-weight: 700;
}