@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


/* import main.css */
/* The main style file usually summarizes and imports various modules */
/* base/reset.css: */
*{
    font-size: 16px;
}
body{
    background-color: var(--color-f7f7fa);
    font-family: "Sansation", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:"wdth" 100;
}
a {
    text-decoration: none;
}
ul {
    padding-left: 0;
    list-style: none;
}
.modal input:focus {
    border: 1px solid var(--color-ff8300) !important;
    box-shadow: none !important;
}
.show {
    display: block !important;
}
.hide {
    display: none !important;
}
.pagination .page-link {
    color: var(--color-333);
    background: transparent;
    border: none;
    margin-right: 0.5rem;
    border-radius: 0.375rem;
}
.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--color-ff0000);
    border-color: var(--color-ff0000);
}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
    border: 1px solid var(--color-e4e4e4) !important;
}
.pagination .page-item.disabled .page-link{
    background-color: var(--color-cecece);
}
.form-check-input{
    box-shadow: none;
}
.form-check-input:checked {
    background-color: var(--color-ff0000);
    border-color: var(--color-ff0000);
    box-shadow: none;
}
/* base/fonts.css: Font size and typography */
.fs-1 {
    font-size: 2.5rem !important;
}
.fs-2 {
    font-size: 1.8rem !important;
}
.fs-3 {
    font-size: 1.4rem !important;
}
.fs-4 {
    font-size: 1rem !important;
}
.fs-5 {
    font-size: 0.85rem !important;
}
.fs-6 {
    font-size: 0.7rem !important;
}
/* Other font sizes */
/* base/color.css: */
:root {
    /* 定义一个变量 */
    --color-000: #000;
    --color-03050a: #03050a;
    --color-050318: #050318;
    --color-030419: #030419;
    --color-122b43: #122b43;
    --color-0c1d2e: #0c1d2e;
    --color-070b16: #070B16;
    --color-161825: #161825;
    --color-262e41: #262E41;
    --color-4c4c4a: #4C4C4A;
    --color-1e243e: #1E243E;
    --color-272d45: #272D45;
    --color-192732: #192732;
    --color-2a3642: #2a3642;
    --color-3b414d: #3B414D;
    --color-282b30: #282B30;
    --color-141922: #141922;
    --color-212121: #212121;
    --color-282828: #282828;
    --color-253044: #253044;
    --color-506578: #506578;
    --color-525257: #525257;
    --color-eeeef4: #EEEEF4;
    --color-999: #999;
    --color-666: #666;
    --color-333: #333;
    --color-565669: #565669;
    --color-464646: #464646;
    --color-848484: #848484;
    --color-d4d4d4: #D4D4D4;
    --color-fefbf6: #fefbf6;
    --color-ffead9: #ffead9;
    --color-fef0e3: #fef0e3;
    --color-fefaed: #fffbe2;
    --color-fdf4ef: #fdf4ef;
    --color-dee2e6: #dee2e6;
    --color-ccc: #ccc;
    --color-f7f7f7: #f7f7f7;
    --color-fef8ec: #fef8ec;
    --color-e9f2eb: #e9f2eb;
    --color-f3f3ff: #f3f3ff;
    --color-eff7f9: #eff7f9;
    --color-feede8: #feede8;
    --color-f7f5f6: #f7f5f6;
    --color-fdecda: #fdecda;
    --color-d6d6d6: #d6d6d6;
    --color-fef2ea: #fef2ea;
    --color-e3e3e3: #e3e3e3;
    --color-ecebeb: #ecebeb;
    --color-f4f4f4: #f4f4f4;
    --color-f3f3f3: #f3f3f3;
    --color-fce5d5: #fce5d5;
    --color-f8f8fa: #f8f8fa;
    --color-f9f7f8: #F9F7F8;
    --color-fff: #fff;
    --color-fcfdff: #fcfdff;
    --color-f6f9fe: #f6f9fe;
    --color-ededed: #ededed;
    --color-dcdcdc: #dcdcdc;
    --color-c9c9c9: #c9c9c9;
    --color-f6e6c2: #f6e6c2;
    --color-fff2ea: #fff2ea;
    --color-e0e4ef: #e0e4ef;
    --color-f1f1f3: #f1f1f3;
    --color-e4e4e4: #e4e4e4;
    --color-fef5f0: #FEF5F0;
    --color-fcf5ef: #fcf5ef;
    --color-f6f6f6: #f6f6f6;
    --color-feeee1: #feeee1;
    --color-ffe8fa: #ffe8fa;
    --color-fafafc: #fafafc;
    --color-cecece: #cecece;
    --color-dddbdc: #DDDBDC;
    --color-e3e3ec: #E3E3EC;
    --color-e9e9ee: #E9E9EE;
    --color-35d49e: #35D49E;
    --color-20C082: #20C082;
    --color-3bcc81: #3BCC81;
    --color-23a073: #23a073;
    --color-22e27f: #22E27F;
    --color-7efdd2: #7EFDD2;
    --color-1d838f: #1D838F;
    --color-07b67b: #07b67b;
    --color-12c6a9: #12c6a9;
    --color-00fead: #00FEAD;
    --color-11c5aa: #11C5AA;
    --color-f8bb4c: #78BB4C;
    --color-4abc28: #4abc28;
    --color-00b67a: #00b67a;
    --color-52c99f: #52C99F;
    --color-075461: #075461;
    --color-b1f2d0: #B1F2D0;
    --color-e3fbe7: #E3FBE7;

    --color-212169: #212169;
    --color-500ea4: #500EA4;
    --color-2881c2: #2881c2;
    --color-4bb4ff: #4BB4FF;
    --color-1693da: #1693DA;
    --color-1e92ff: #1e92ff;
    --color-0d92f1: #0D92F1;
    --color-1e79fd: #1e79fd;
    --color-048ad4: #048AD4;
    --color-06c: #0066cc;


    --color-ff0000: #ff0000;
    --color-bb2622: #bb2622;
    --color-470200: #470200;
    --color-310201: #310201;
    --color-890808: #890808;
    --color-900807: #900807;
    --color-e6212a: #E6212A;
    --color-fe5721: #FE5721;
    --color-fd2d00: #fd2d00;
    --color-fe6100: #fe6100;
    --color-ff5a00: #ff5a00;
    --color-d45856: #D45856;
    --color-ff8f84: #ff8f84;
    --color-f65801: #F65801;
    --color-fd4404: #fd4404;
    --color-ff8300: #ff8300;
    --color-e27520: #e27520;
    --color-e27502: #e27502;
    --color-ffe17e: #FFE17E;
    --color-f5b60b: #f5b60b;
    --color-f4b40c: #f4b40c;
    --color-ffd701: #FFD701;
    --color-fe9307: #fe9307;
    --color-fbc421: #fbc421;
    --color-fea200: #fea200;
    --color-fca43c: #fca43c;
    --color-fdc182: #FDC182;
    --color-fdd2a5: #FDD2A5;
    --color-fff2e9: #FFF2E9;
    --color-fce9e9: #fce9e9;
    --color-f7f7fa: #f7f7fa;
    --color-fff1f0: #fff1f0;
    --color-f5f5f8: #f5f5f8;
    --color-dedee3: #dedee3;
    --color-f8f8f8: #f8f8f8;
    --color-f7f7f9: #f7f7f9;
    --color-fbf0f0: #fbf0f0;
}
/**颜色类**/
.bgcolor310201{
    background-color: var(--color-310201) !important;
}
.bgcolorfbf0f0{
    background-color: var(--color-fbf0f0) !important;
}
.bgcolore9e9ee{
    background-color: var(--color-e9e9ee) !important;
}
.bgcolorff8f84{
    background-color: var(--color-ff8f84) !important;
}
.bgcolorfff2e9{
    background-color: var(--color-fff2e9) !important;
}
.bgcolorf7f7f9{
    background-color: var(--color-f7f7f9) !important;
}
.bgcolore3fbe7{
    background-color: var(--color-e3fbe7) !important;
}
.bgcolorfce9e9{
    background-color: var(--color-fce9e9) !important;
}
.bgcolor4abc28{
    background-color: var(--color-4abc28) !important;
}
.bgcolorf8f8f8{
    background-color: var(--color-f8f8f8) !important;
}
.bgcolorfdf4ef{
    background-color: var(--color-fdf4ef) !important;
}
.bgcolor565669{
    background-color: var(--color-565669) !important;
}
.bgcolor12c6a9{
    background-color: var(--color-12c6a9) !important;
}
.bgcolorf5f5f8{
    background-color: var(--color-f5f5f8) !important;
}
.bgcolord4d4d4{
    background-color: var(--color-d4d4d4) !important;
}
.bdcolor20C082{
    border-color: var(--color-20C082) !important;
}
.color20C082{
    color: var(--color-20C082) !important;
}
.color06c{
    color: var(--color-06c) !important;
}
.colore6212a{
    color: var(--color-e6212a) !important;
}
.bgcolore6212a{
    background-color: var(--color-e6212a) !important;
}
.bgcolor500ea4{
    background-color: var(--color-500ea4) !important;
}
.colorbb2622{
    color: var(--color-bb2622) !important;
}
.bgcolorbb2622{
    background-color: var(--color-bb2622) !important;
}
.bdcolorbb2622{
    border-color: var(--color-bb2622) !important;
}
.color048ad4{
    color: var(--color-048ad4) !important;
}
.color525257{
    color: var(--color-525257) !important;
}
.bgcoloreeeef4{
    background-color: var(--color-eeeef4) !important;
}
.bgcolore3e3ec{
    background-color: var(--color-e3e3ec) !important;
}
.bdcolor1693da{
    border-color: var(--color-1693da) !important;
}
.bgcolorf7f7fa{
    background-color: var(--color-f7f7fa) !important;
}
.bgcolor07b67b{
    background-color: var(--color-07b67b) !important;
}
.colorfca43c{
    color: var(--color-fca43c) !important;
}
.bgcolorf8f8fa{
    background-color: var(--color-f8f8fa) !important;
}
.bgcolor212121{
    background-color: var(--color-212121) !important;
}
.bgcolorfea200{
    background-color: var(--color-fea200) !important;
}
.bgcolor253044{
    background-color: var(--color-253044) !important;
}
.bgcolorb1f2d0{
    background-color: var(--color-b1f2d0) !important;
}
.bgcolor262e41{
    background-color: var(--color-262e41) !important;
}
.bgcolor161825{
    background-color: var(--color-161825) !important;
}
.bgcolor070b16{
    background-color: var(--color-070b16) !important;
}
.bgcolorfce5d5{
    background-color: var(--color-fce5d5) !important;
}
.bgcolorf3f3f3{
    background-color: var(--color-f3f3f3) !important;
}
.bgcolorfef2ea{
    background-color: var(--color-fef2ea) !important;
}
.color1e79fd{
    color: var(--color-1e79fd) !important;
}
.colorfd4404{
    color: var(--color-fd4404) !important;
}
.colorffd701{
    color: var(--color-ffd701) !important;
}
.bgcolor0d92f1{
    background-color: var(--color-0d92f1) !important;
}
.bgcolorf65801{
    background-color: var(--color-f65801) !important;
}
.bgcolordddbdc{
    background-color: var(--color-dddbdc) !important;
}
.bgcolor52c99f{
    background-color: var(--color-52c99f) !important;
}
.bgcolor1d838f{
    background-color: var(--color-1d838f) !important;
}
.bdcolor1d838f{
    border-color: var(--color-1d838f) !important;
}
.bgcolore0e4ef{
    background-color: var(--color-e0e4ef) !important;
}
.bgcolord6d6d6{
    background-color: var(--color-d6d6d6) !important;
}
.bgcolorfafafc{
    background-color: var(--color-fafafc) !important;
}
.bgcolorf7f5f6{
    background-color: var(--color-f7f5f6) !important;
}
.bgcolorfdd2a5{
    background-color: var(--color-fdd2a5) !important;
}
.bgcolorf9f7f8{
    background-color: var(--color-f9f7f8) !important;
}
.colord45856 {
    color: var(--color-d45856) !important;
}
.bgcolord45856{
    background-color: var(--color-d45856) !important;
}
/* #03050a */
.color03050a {
    color: var(--color-03050a) !important;
}
.bgcolor03050a {
    background-color: var(--color-03050a) !important;
}
/* #2881c2 */
.color2881c2 {
    color: var(--color-2881c2) !important;
}
.bgcolor2881c2 {
    background-color: var(--color-2881c2) !important;
}
/* #000 */
.color000 {
    color: var(--color-000) !important;
}
.bgcolor000 {
    background-color: var(--color-000) !important;
}
/* #122b43 */
.color122b43 {
    color: var(--color-122b43) !important;
}
.bgcolor122b43 {
    background-color: var(--color-122b43) !important;
}
/* #0c1d2e */
.color0c1d2e {
    color: var(--color-0c1d2e) !important;
}
.bgcolor0c1d2e {
    background-color: var(--color-0c1d2e) !important;
}
/* #ff8300 */
.colorff8300 {
    color: var(--color-ff8300) !important;
}
.bgcolorff8300 {
    background-color: var(--color-ff8300) !important;
}
.bdcolorff8300 {
    border-color: var(--color-ff8300) !important;
}
/* #27520 */
.colore27520 {
    color: var(--color-e27520) !important;
}
.bgcolore27520 {
    background-color: var(--color-e27520) !important;
}
/* #fff */
.colorfff {
    color: var(--color-fff) !important;
}
.bgcolorfff {
    background-color: var(--color-fff) !important;
}
.bdcolorfff {
    border-color: var(--color-fff) !important;
}
/*#ededed*/
.bdcolorededed {
    border-color: var(--color-ededed) !important;
}
.bgcolorededed {
    background-color: var(--color-ededed) !important;
}
/* #075461 */
.color075461 {
    color: var(--color-075461) !important;
}
.bgcolor075461 {
    background-color: var(--color-075461) !important;
}
.bdcolor075461 {
    border-color: var(--color-075461) !important;
}
/* #c9c9c9 */
.colorc9c9c9 {
    color: var(--color-c9c9c9) !important;
}
.bgcolorc9c9c9 {
    background-color: var(--color-c9c9c9) !important;
}
.bdcolorc9c9c9 {
    border-color: var(--color-c9c9c9) !important;
}
/* #999 */
.color999 {
    color: var(--color-999) !important;
}
.bgcolor999 {
    background-color: var(--color-999) !important;
}
.bdcolor999 {
    border-color: var(--color-999) !important;
}
/* #666 */
.color666 {
    color: var(--color-666) !important;
}
.bgcolor666 {
    background-color: var(--color-666) !important;
}
.bdcolor666 {
    border-color: var(--color-666) !important;
}
/* #333 */
.color333 {
    color: var(--color-333) !important;
}
.bgcolor333 {
    background-color: var(--color-333) !important;
}
.bdcolor333 {
    border-color: var(--color-333) !important;
}
/* #f6e6c2 */
.colorf6e6c2 {
    color: var(--color-f6e6c2) !important;
}
.bgcolorf6e6c2 {
    background-color: var(--color-f6e6c2) !important;
}
/* #464646 */
.color464646 {
    color: var(--color-464646) !important;
}
.bgcolor464646 {
    background-color: var(--color-464646) !important;
}
/* #fcfdff */
.colorfcfdff {
    color: var(--color-fcfdff) !important;
}
.bgcolorfcfdff {
    background-color: var(--color-fcfdff) !important;
}
/* #f6f9fe */
.colorf6f9fe {
    color: var(--color-f6f9fe) !important;
}
.bgcolorf6f9fe {
    background-color: var(--color-f6f9fe) !important;
}
/*#E4E4E4*/
.bdcolore4e4e4 {
    border-color: var(--color-e4e4e4) !important;
}
/*#f1f1f3*/
.bgcolorf1f1f3{
    background-color: var(--color-f1f1f3) !important;
}
.bdcolorf1f1f3{
    border-color: var(--color-f1f1f3) !important;
}
/*#fef5f0*/
.bgcolorfef5f0{
    background-color: var(--color-fef5f0) !important;
}
/*#35D49E*/
.color35d49e {
    color: var(--color-35d49e) !important;
}
.bgcolor35d49e {
    background-color: var(--color-35d49e) !important;
}
.bdcolor35d49e {
    border-color: var(--color-35d49e) !important;
}
/*#fff2ea*/
.bgcolorfff2ea{
    background-color: var(--color-fff2ea) !important;
}
/*#4bb4ff*/
.color4bb4ff {
    color: var(--color-4bb4ff) !important;
}
/* #e27502 */
.colore27502 {
    color: var(--color-e27502) !important;
}
.bgcolore27502 {
    background-color: var(--color-e27502) !important;
}
.bdcolore27502 {
    border-color: var(--color-e27502) !important;
}
/*#fcf5ef*/
.bgcolorfcf5ef{
    background-color: var(--color-fcf5ef) !important;
}
/*#fcf5ef*/
.bgcolorf6f6f6{
    background-color: var(--color-f6f6f6) !important;
}
/*#feeee1*/
.bgcolorfeeee1{
    background-color: var(--color-feeee1) !important;
}
/*#fefbf6*/
.bgcolorfefbf6{
    background-color: var(--color-fefbf6) !important;
}
/*#ff0000*/
.colorff0000{
    color: var(--color-ff0000) !important;
}
.bgcolorff0000{
    background-color: var(--color-ff0000) !important;
}
.bdcolorff0000{
    border-color: var(--color-ff0000) !important;
}
/*#3bcc81*/
.color3bcc81{
    color: var(--color-3bcc81) !important;
}
/*#ffead9*/
.bgcolorffead9{
    background-color: var(--color-ffead9) !important;
}
/*#fef0e3*/
.bgcolorfef0e3{
    background-color: var(--color-fef0e3) !important;
}
/*#fef8ec*/
.bgcolorfef8ec{
    background-color: var(--color-fef8ec) !important;
}
/*#e9f2eb*/
.bgcolore9f2eb{
    background-color: var(--color-e9f2eb) !important;
}
/*#050318*/
.bgcolor050318{
    background-color: var(--color-050318) !important;
}
/*#1e243e*/
.bgcolor1e243e{
    background-color: var(--color-1e243e) !important;
}
/*#272d45*/
.bgcolor272d45{
    background-color: var(--color-272d45) !important;
}
/*#030419*/
.bgcolor030419{
    background-color: var(--color-030419) !important;
}
/*#192732*/
.bgcolor192732{
    background-color: var(--color-192732) !important;
}
/*#ffe17e*/
.bdcolorffe17e{
    border-color: var(--color-ffe17e) !important;
}
/*#7efdd2*/
.color7efdd2{
    color: var(--color-7efdd2) !important;
}
/*#a3642*/
.bgcolor2a3642{
    background-color: var(--color-2a3642) !important;
}
/*#506578*/
.bgcolor506578{
    background-color: var(--color-506578) !important;
}
/*#1e92ff*/
.bgcolor1e92ff{
    background-color: var(--color-1e92ff) !important;
}
/*#ccc*/
.bgcolorccc{
    background-color: var(--color-ccc) !important;
}
/*#fd2d00*/
.bgcolorfd2d00{
    background-color: var(--color-fd2d00) !important;
}
/*#f8bb4c*/
.colorf8bb4c{
    color: var(--color-f8bb4c) !important;
}
/*#23a073*/
.color23a073{
    color: var(--color-23a073) !important;
}
/*#00b67a*/
.color00b67a{
    color: var(--color-00b67a) !important;
}
.bdcolor00b67a{
    border-color: var(--color-00b67a) !important;
}
.bgcolor00b67a{
    background-color: var(--color-00b67a) !important;
}
/*#00b67a*/
.color00fead{
    color: var(--color-00fead) !important;
}
/*#00b67a*/
.bgcolor212169{
    background-color: var(--color-212169) !important;
}
/*#00b67a*/
.bgcolor11c5aa{
    background-color: var(--color-11c5aa) !important;
}
/* base/responsive.css: Responsive styles */
@media (min-width: 768px) {
    .logo-img {
        width: 147px;
    }

    .btn-cart {
        border-radius: 50rem !important;
        font-size: 1rem;
    }

    .btn-cart .badge {
        width: 18px;
        height: 18px;
        font-size: 0.8rem;
    }

    .dropdown-toggle::after {
        margin-left: .255em;
    }

    .footer-live-chat {
        bottom: 150px;
        right: 50px;
        width: 50px;
        height: 123px;
    }

    .seven-icon img {
        max-width: 40px;
        max-height: 40px;
    }

    .step-box {
        height: 95px;
        width: 105px;
    }

    .pay-step-box {
        height: 95px;
        width: 120px;
    }

    .ad-md-none {
        display: none;
    }

    .ad-md-block {
        display: block;
    }

    .apply-text {
        font-size: 2rem;
    }

    .container-seller {
        max-width: 900px;
    }

    .container-member {
        max-width: 1800px;
    }

    .individual-box {
        padding: 0 12rem;
    }

    .progress-seller {
        height: 5px;
        width: 100%;
        margin-top: 16px;
    }

    .progress-pay {
        height: 3px;
        width: 100%;
        margin-top: 10px;
    }

    .apply-img {
        max-width: 100%;
        height: auto;
    }

    .offers-box-top {
        border-top-left-radius: 1rem !important;
        border-top-right-radius: 1rem !important;
    }

    .offers-box-bottom {
        border-top: none !important;
        border-bottom-left-radius: 1rem !important;
        border-bottom-right-radius: 1rem !important;
    }

    .account-cate:hover,
    .account-cate.active {
        background-color: var(--color-f1f1f3) !important;
    }

    .gold-bread {
        background: var(--color-030419) url("/build/static/gold-banner-C3jDgv4k.png") center center no-repeat;
        background-size: contain;
        height: 325px;
    }

    .gold-item-account-search {
        position: absolute;
        top: 16px;
        right: 250px
    }

    .gold-item-account-search img {
        width: 80px;
    }

    .gold-item-account-item1 {
        order: 1;
    }

    .gold-item-account-item2 {
        order: 2;
    }

    .gold-item-account-item3 {
        order: 3;
    }

    .gold-item-account-item4 {
        order: 4;
    }

    .gold-item-account-item5 {
        order: 5;
    }

    .gold-item-account-item6 {
        order: 6;
    }

    .gold-item-account-seller-box {
        border-bottom: 1px solid var(--color-e4e4e4);
    }

    .top-up-bread-text {
        margin-top: 160px;
        margin-left: 240px;
    }

    .a-seller-order {
        height: 100px;
        padding: 0 1.5rem;
        border-top: 1px solid var(--color-e4e4e4);
    }

    .a-seller-order:nth-child(1) {
        border: none !important;
    }

    .a-seller-order:last-child {
        border-radius: 0 0 1rem 1rem;
    }

    .seller-order-product {
        width: 22% !important;
    }

    .seller-order-price {
        width: 16% !important;
    }

    .seller-order-time {
        width: 18% !important;
    }

    .seller-order-refund {
        width: 14% !important;
    }

    .seller-order-delivery {
        width: 22% !important;
    }

    .transation-box {
        background-color: var(--color-fff) !important;
    }

    .btn-transation-all {
        background-color: var(--color-f6f6f6) !important;
        width: 100px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .request-payment-title {
        font-size: 2.4rem;
    }

    .request-payment-row-top {
        height: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--color-f9f7f8);
    }

    .request-payment-row-bottom {
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--color-fff);
    }

    .request-payment-row-button {
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--color-fff);
    }

    .currency-drop {
        border: 1px solid var(--color-e4e4e4);
        color: var(--color-666);
        border-radius: 0.375rem;
        width: 400px !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .currency-drop.show {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .about-left {
        order: 1;
    }

    .about-right {
        order: 2;
    }

    .help-center-title {
        font-size: 40px;
    }

    .help-center-cate {
        margin-top: -45px;
    }

    .help-center-img {
        max-width: 160px;
    }

    .help-other {
        padding: 30px 50px;
    }

    .boosting-buy-left {
        order: 1;
    }

    .boosting-buy-right {
        order: 2;
    }

    .service-btn {
        width: 140px;
    }

    .service-right-box {
        margin-top: -334px;
    }

    .basic-box-1 {
        order: 1;
    }

    .basic-box-2 {
        order: 2;
    }

    .basic-box-3 {
        order: 3;
    }

    .commission-box {
        padding: 30px 250px 30px 130px;
    }

    /**首页广告样式**/
    .banner-sm-img {
        top: 0;
        right: 300px;
    }

    .banner-big-box {
        width: 100%;
        /* height: 550px; */
    }

    .banner-big-img {
        width: 100%;
        height: 550px;
    }

    .big-txt {
        font-size: 60px;
        font-weight: 1000;
    }

    .big-txt-box {
        text-align: start;
        left: 0;
    }

    /**footer**/
    .footer-img img {
        max-width: 600px;
    }

    /**业务列表页输入框查询**/
    .search-input {
        width: 280px;
    }

    /** 品牌页 **/
    .all-brands-game-box {
        height: 120px;
        justify-content: center;
        text-align: center;
    }

    .set-password-box {
        padding: 1.5rem 8.5rem;
    }

    .ahjed-img {
        width: 600px;
    }

    .fs-alliance-title {
        font-size: 4rem;
    }

    .globla-sale-box {
        padding: 8rem 1rem 2rem;
    }

    .fs-global-title {
        font-size: 3.5rem;
    }



    .login-sign-box {
        margin: 0 auto;
    }
    .category-show {
        overflow-x: auto;
    }
    .home-ad-big {
        font-size: 5rem;
    }
}
@media (max-width: 767px) {
    .logo-img {
        width: 90px;
    }

    .btn-cart {
        border-radius: 50rem !important;
        padding: 0.3rem 0.2rem;
        font-size: 0.8rem;
    }

    .btn-cart .badge {
        width: 14px;
        height: 14px;
        font-size: 0.7rem;
    }

    .dropdown-toggle::after {
        margin-left: 0;
    }

    .login-footer-icon {
        width: 30px;
        height: 30px;
    }

    .step-box {
        height: 60px;
        width: 105px;
    }

    .pay-step-box {
        height: 50px;
        width: 70px;
    }

    .apply-text {
        font-size: 1.2rem;
    }

    .ad-none {
        display: none;
    }

    .ad-block {
        display: block;
    }

    .individual-box {
        padding: 0 2rem;
    }

    .progress-seller {
        height: 5px;
        width: 100%;
        margin-top: 15px;
    }

    .progress-pay {
        height: 3px;
        width: 100%;
        margin-top: 11px;
    }

    .apply-img {
        max-width: 240px;
        height: auto;
    }

    .footer-live-chat {
        bottom: 60px;
        right: 20px;
        width: 50px;
        height: 123px;
    }

    .offers-box-top {
        border-bottom-left-radius: 1rem !important;
        border-bottom-right-radius: 1rem !important;
    }

    .offers-box-bottom {
        border-bottom: none !important;
        border-top-left-radius: 1rem !important;
        border-top-right-radius: 1rem !important;
    }

    .offers-info {
        background-color: var(--color-f1f1f3);
        border-radius: 0.375rem;
        color: var(--color-c9c9c9);
        margin: 0 0 1rem 1rem;
        padding: 0.2rem 0.5rem;
    }

    .offers-info-amount {
        font-size: 12px !important;
        display: flex;
    }

    .offers-price-box {
        width: 100% !important;
        border-top: 1px solid var(--color-e4e4e4) !important;
    }

    .account-cate {
        background-color: var(--color-f1f1f3) !important;
    }

    .gold-bread {
        background: var(--color-030419) url("/build/static/gold-banner-C3jDgv4k.png") center bottom no-repeat;
        background-size: contain;
        height: 110px;
    }

    .gold-item-account-search {
        position: absolute;
        top: 18px;
        right: 20px
    }

    .gold-item-account-search img {
        width: 70px;
    }

    .gold-item-account-item1 {
        order: 1;
        margin-bottom: 10px;
    }

    .gold-item-account-item2 {
        order: 3;
        width: 50%;
        margin-bottom: 10px;
    }

    .gold-item-account-item3 {
        order: 4;
        width: 50%;
        margin-bottom: 10px;
    }

    .gold-item-account-item4 {
        order: 5;
        width: 50%;
        margin-bottom: 10px;
    }

    .gold-item-account-item5 {
        order: 6;
        width: 50%;
        margin-bottom: 10px;
    }

    .gold-item-account-item6 {
        order: 2;
        margin-bottom: 10px;
    }

    .gold-item-account-seller-box {
        border: 1px solid var(--color-e4e4e4);
        border-radius: 0.5rem;
        background-image: linear-gradient(to bottom, var(--color-fafafc) 0%, var(--color-fafafc) 34%, var(--color-fff) 34%, var(--color-fff) 100%);
    }

    .top-up-bread-text {
        margin-top: 50px;
        margin-left: 10px;
    }

    .seller-order-input {
        border-radius: 0.375rem !important;
    }

    .a-seller-order-box {
        border-radius: 0.375rem !important;
    }

    .a-seller-order {
        padding: 0;
        border-radius: 0.375rem !important;
        margin-bottom: 1rem !important;
    }

    .seller-order-product {
        width: 100% !important;
        order: 3;
        border-top: 1px solid var(--color-e4e4e4);
        border-bottom: 1px solid var(--color-e4e4e4);
        padding: 1rem;
    }

    .seller-order-price {
        width: 100% !important;
        order: 5;
        padding: 1rem;
    }

    .seller-order-time {
        width: 50% !important;
        order: 1;
        padding: 1rem;
    }

    .seller-order-refund {
        width: 50% !important;
        order: 2;
        padding: 1rem;
    }

    .seller-order-delivery {
        width: 100% !important;
        order: 4;
        padding: 1rem;
    }

    .account-list-mobile-dp {
        width: 100%;
    }

    .account-list-mobile-dp button.dropdown-toggle,
    .account-list-mobile-dp button.dropdown-toggle.show {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .request-payment-title {
        font-size: 1.8rem;
    }

    .request-payment-row-top {
        padding-left: 20px;
        height: 30px;
        display: flex;
        justify-content: start;
        align-items: center;
        background-color: var(--color-fff);
    }

    .request-payment-row-bottom {
        padding-left: 20px;
        height: 50px;
        display: flex;
        justify-content: start;
        align-items: start;
        background-color: var(--color-fff);
    }

    .request-payment-row-button {
        padding: 20px;
        display: flex;
        justify-content: start;
        align-items: center;
        background-color: var(--color-fff);
    }

    .currency-drop {
        border: 1px solid var(--color-e4e4e4);
        color: var(--color-666);
        border-radius: 0.375rem;
        width: 100% !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .currency-drop.show {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .about-left {
        order: 2;
    }

    .about-right {
        order: 1;
    }

    .help-center-title {
        font-size: 24px;
    }

    .help-center-cate {
        margin-top: 0;
    }

    .help-center-img {
        max-width: 80px;
    }

    .help-other {
        padding: 20px 30px;
    }

    .boosting-buy-left {
        order: 2;
    }

    .boosting-buy-right {
        order: 1;
    }

    .service-btn {
        width: 100px;
    }

    .basic-box-1 {
        order: 2;
    }

    .basic-box-2 {
        order: 1;
    }

    .basic-box-3 {
        order: 3;
    }

    .bg-basic-box-3 {
        background-image: linear-gradient(to bottom, var(--color-fff), var(--color-fdc182));
    }

    .lgshop-text {
        font-size: 1rem;
    }

    .border-wap {
        border-bottom: 1px solid var(--color-e4e4e4);
    }

    .store-sale-type-box {
        max-height: 100px;
        overflow: hidden;
    }

    .store-sale-type-item-box {
        width: 46%;
    }

    /**首页广告样式**/
    .banner-sm-img {
        top: 0;
        right: 0;
        width: 350px;
    }

    .banner-big-box {
        width: 100%;
        height: 300px;
    }

    .banner-big-img {
        width: 100%;
        height: 300px;
    }

    .big-txt {
        font-size: 40px;
        font-weight: 600;
    }

    .big-txt-box {
        text-align: center;
        left: 50%;
    }

    /**footer**/
    .footer-img img {
        max-width: 100%;
    }

    /**业务列表页输入框查询**/
    .search-input {
        width: 150px;
    }

    /**品牌页**/
    .all-brands-game-box {
        height: 80px;
        justify-content: start;
        text-align: start;
    }

    .set-password-box {
        padding: 1rem;
    }

    .ahjed-img {
        min-width: 280px;
    }

    .fs-alliance-title {
        font-size: 2rem;
    }

    .globla-sale-box {
        padding: 2rem 1rem;
    }

    .fs-globla-sale-title {
        font-size: 2.5rem;
    }

    .fs-global-sale-p {
        font-size: 1.5rem;
    }

    .fs-global-title {
        font-size: 1.5rem;
    }

    .seven-icon img {
        max-width: 30px;
        max-height: 30px;
    }

    .login-sign-box {
        margin: 0 1rem;
    }

    .category-show {
        overflow-x: scroll;
    }

    .home-ad-big {
        font-size: 3rem;
    }

}
@media (max-width: 1200px) {
    .member-left-box {
        display: none;
    }

    .a-wallet {
        padding: 0 1rem;
        border-radius: 0.375rem !important;
        margin-bottom: 1rem !important;
    }


    .wallet-box {
        background-color: var(--color-fff) !important;
        margin-bottom: 30px;
    }

    .wallet-type {
        padding: 0.75rem !important;
        width: 100% !important;
    }

    .wallet-amount {
        padding: 0.75rem !important;
    }

    .wallet-fee {
        padding: 0 1rem;  
    }

    .wallet-balance {
        padding: 0 1rem; 
    }

    .ahjed-img {
        width: 12px;
    }

    .fs-global-sale-p {
        font-size: 1.5rem;
    }

    .js-why-us-box>.js-text-box {
        height: 60px;
        opacity: 1;
    }
    .js-why-us-box {
        background-image: linear-gradient(to bottom, var(--color-890808), var(--color-212169));
        box-shadow: 0 0 20px rgba(255, 255, 255, 0.05);
    }
}
@media (min-width: 1200px) {
    .fs-globla-sale-title {
        font-size: 4rem;
    }

    .fs-global-sale-p {
        font-size: 2.5rem;
    }

    .member-left-box {
        height: auto;
        min-height: 100vh;
        background-color: var(--color-333);
    }


    .a-wallet {
        height: 100px;
        padding: 0 1.5rem;
        border-top: 1px solid var(--color-e4e4e4);
    }

    .a-wallet:nth-child(1) {
        border: none !important;
    }

    .a-wallet:last-child {
        border-radius: 0 0 1rem 1rem;
    }

    .wallet-date {
        width: 18% !important;
    }

    .wallet-type {
        width: 13% !important;
    }

    .wallet-amount {
        width: 13% !important;
    }

    .wallet-order-id {
        width: 18% !important;
    }

    .wallet-fee {
        width: 10% !important;
    }
    .wallet-balance {
        width: 10% !important;
    }
    .wallet-note {
        width: 18% !important;
    }

    .js-text-box {
        height: 0;
        opacity: 0;
        position: relative;
        transition: all .4s linear 0s;
    }
    .js-why-us-box:hover>.js-text-box {
        height: 60px;
        opacity: 1;
        transition: all .5s linear 0s;
    }
    .js-why-us-box {
        background-color: var(--color-333);
        transition: all .5s linear 0s;
    }
    .js-why-us-box:hover {
        background-image: linear-gradient(to bottom, var(--color-890808), var(--color-212169));
        box-shadow: 0 0 20px rgba(255, 255, 255, 0.15);
        transition: all .5s linear 0s;
    }
}
/* 类似于搜索，购物车，登录的图标 */
i.icon {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/build/static/all-icon-Da2CYwg5.png);
    background-repeat: no-repeat;
    background-size: 400px;
    cursor: pointer;
}
.search i.icon {
    background-position: 0 0;
}
.btn-cart i.icon {
    background-position: -20px 0;
}
.login-mobile i.icon {
    background-position: -40px 0;
}
.game-box i.icon {
    background-position: -60px 0;
}
.order i.icon {
    background-position: -80px 0;
}
.message i.icon {
    background-position: -100px 0;
}
.profile i.icon {
    background-position: -120px 0;
}
.settings i.icon {
    background-position: -140px 0;
}
.security i.icon {
    background-position: -160px 0;
}
.guanji i.icon {
    background-position: -180px 0;
}
.log-out i.icon {
    background-position: -200px 0;
}
.close i.icon {
    background-position: -220px 0;
}
.email-input i.icon {
    background-position: -240px 0;
}
.logo-sm i.icon {
    background-position: -260px 0;
}
.top-star:hover i.icon,
.top-star.active i.icon {
    background-position: -280px 0;
}
.top-star i.icon {
    background-position: -300px 0;
}
.hide-password i.icon {
    background-position: -320px 0;
}
.show-password i.icon {
    background-position: -340px 0;
}
.input-close i.icon {
    background-position: -360px 0;
}
.region-box .right i.icon {
    background-position: -380px 0;
}
.ger i.icon {
    background-position: -120px -20px;
}
.spa i.icon {
    background-position: -200px -20px;
}
.eur i.icon {
    background-position: -60px -20px;
}
.usa i.icon {
    background-position: -80px -20px;
}
.fra i.icon {
    background-position: -100px -20px;
}
.gre i.icon {
    background-position: -140px -20px;
}
.aus i.icon {
    background-position: 0px -20px;
}
.can i.icon {
    background-position: -20px -20px;
}
.cze i.icon {
    background-position: -40px -20px;
}
.hun i.icon {
    background-position: -160px -20px;
}
.ita i.icon {
    background-position: -180px -20px;
}
.cn i.icon {
    background-position: -220px -20px;
}
.up i.icon {
    background-position: -20px -40px;
}
.down i.icon {
    background-position: 0px -40px;
}
.order-center i.icon {
    background-position: -80px -40px;
}
.order-center:hover i.icon, .order-center.active i.icon {
    background-position: -60px -40px;
}
.my-order i.icon {
    background-position: -120px -40px;
}
.my-order:hover i.icon, .my-order.active i.icon {
    background-position: -100px -40px;
}
.insurance-order i.icon {
    background-position: -160px -40px;
}
.insurance-order:hover i.icon, .insurance-order.active i.icon {
    background-position: -140px -40px;
}
.rental-order i.icon {
    background-position: -200px -40px;
}
.rental-order:hover i.icon, .rental-order.active i.icon {
    background-position: -180px -40px;
}
.center-message i.icon {
    background-position: -240px -40px;
}
.center-message:hover i.icon, .center-message.active i.icon {
    background-position: -220px -40px;
}
.my-profile i.icon {
    background-position: -280px -40px;
}
.my-profile:hover i.icon, .my-profile.active i.icon {
    background-position: -260px -40px;
}
.center-settings i.icon {
    background-position: -320px -40px;
}
.center-settings:hover i.icon, .center-settings.active i.icon {
    background-position: -300px -40px;
}
.center-security i.icon {
    background-position: -360px -40px;
}
.center-security:hover i.icon, .center-security.active i.icon {
    background-position: -340px -40px;
}
.order-number-search i.icon, .offers-search i.icon, .account-search i.icon, .service-search i.icon{
    background-position: -380px -40px;
}
.order-beizhu i.icon {
    background-position: 0px -60px;
}
.order-delete i.icon {
    background-position: -20px -60px;
}
.bell i.icon {
    background-position: -40px -60px;
}
.individual-apply i.icon {
    background-position: -60px -60px;
}
.individual-apply:hover i.icon, .individual-apply.active i.icon {
    background-position: -80px -60px;
}
.enterprise-apply i.icon {
    background-position: -100px -60px;
}
.enterprise-apply:hover i.icon, .enterprise-apply.active i.icon {
    background-position: -120px -60px;
}
.apply-for-seller i.icon {
    background-position: -160px -60px;
}
.apply-for-seller:hover i.icon, .apply-for-seller.active i.icon {
    background-position: -140px -60px;
}
.game-order i.icon {
    background-position: -180px -60px;
}
.game-nav-li-box:hover.game-order i.icon {
    background-position: -180px -80px;
}
.game-seller-order i.icon {
    background-position: -200px -60px;
}
.game-nav-li-box:hover.game-seller-order i.icon {
    background-position: -200px -80px;
}
.game-message i.icon {
    background-position: -260px -60px;
}
.game-nav-li-box:hover.game-message i.icon {
    background-position: -260px -80px;
}
.game-profile i.icon {
    background-position: -300px -60px;
}
.game-nav-li-box:hover.game-profile i.icon {
    background-position: -300px -80px;
}
.game-settings i.icon {
    background-position: -240px -60px;
}
.game-nav-li-box:hover.game-settings i.icon {
    background-position: -240px -80px;
}
.game-security i.icon {
    background-position: -280px -60px;
}
.game-nav-li-box:hover.game-security i.icon {
    background-position: -280px -80px;
}
.game-guanji i.icon {
    background-position: -220px -60px;
}
.game-nav-li-box:hover .game-guanji i.icon {
    background-position: -220px -80px;
}
.game-sign-out i.icon {
    background-position: -320px -60px;
}
.game-nav-li-box:hover .game-sign-out i.icon {
    background-position: -320px -80px;
}
.email-paltform i.icon {
    background-position: -340px -60px;
}
.wallet i.icon {
    background-position: -360px -60px;
}
.chat-now i.icon {
    background-position: -380px -60px;
}
.social-paltform.google i.icon {
    background-position: 0px -80px;
}
.social-paltform.twitter i.icon {
    background-position: -20px -80px;
}
.id-verification i.icon {
    background-position: -40px -80px;
}
.image-verification i.icon {
    background-position: -60px -80px;
}
.id-choose i.icon {
    background-position: -80px -80px;
}
.id-choose.active i.icon {
    background-position: -100px -80px;
}
.right i.icon{
    background-position: -120px -80px;
}
.right.active i.icon, .next-step i.icon{
    background-position: -340px -80px;
}
.review-dianzan i.icon{
    background-position: -360px -80px;
}
.copy i.icon{
    background-position: -380px -80px;
}
.left i.icon{
    background-position: -140px -80px;
}
.orange-icon i.icon{
    background-position: -160px -80px;
}
.seller-order i.icon {
    background-position: -20px -100px;
}
.seller-order:hover i.icon, .seller-order.active i.icon {
    background-position: 0px -100px;
}
.seller-offers i.icon {
    background-position: -60px -100px;
}
.seller-offers:hover i.icon, .seller-offers.active i.icon {
    background-position: -40px -100px;
}
.seller-wallet i.icon {
    background-position: -100px -100px;
}
.seller-wallet:hover i.icon, .seller-wallet.active i.icon {
    background-position: -80px -100px;
}
.seller-store i.icon {
    background-position: -140px -100px;
}
.seller-store:hover i.icon, .seller-store.active i.icon {
    background-position: -120px -100px;
}
.nav-guanji i.icon {
    background-position: -180px -100px;
}
.nav-guanji:hover i.icon, .nav-guanji.active i.icon {
    background-position: -160px -100px;
}
.nav-sign-out i.icon {
    background-position: -220px -100px;
}
.nav-sign-out:hover i.icon, .nav-sign-out.active i.icon {
    background-position: -200px -100px;
}
.onsale i.icon {
    background-position: -240px -102px;
}
.offsale i.icon {
    background-position: -260px -102px;
}
.offers-upload i.icon {
    background-position: -280px -100px;
}
.offers-download i.icon {
    background-position: -300px -100px;
}
.offers-edit i.icon {
    background-position: -320px -100px;
}
.offers-switch i.icon {
    background-position: -340px -100px;
}
.offers-trash i.icon {
    background-position: -360px -100px;
}
.offers-all i.icon {
    background-position: -380px -100px;
}
.offers-info-time i.icon {
    background-position: -20px -120px;
}
.offers-info-stock i.icon {
    background-position: -40px -120px;
}
.btn-upload i.icon {
    background-position: -60px -120px;
}
.btn-refresh i.icon {
    background-position: -80px -120px;
}
.account-switch i.icon {
    background-position: -100px -120px;
}
.account-title i.icon {
    background-position: -120px -120px;
}
.star i.icon {
    background-position: -140px -120px;
}
.view-more i.icon {
    background-position: -160px -120px;
}
.dianzan i.icon {
    background-position: -180px -120px;
}
.instant-time i.icon {
    background-position: -220px -120px;
}
.btn-filter i.icon {
    background-position: -240px -120px;
}
.pc-platform i.icon {
    background-position: -260px -120px;
}
.ps-platform i.icon {
    background-position: -280px -120px;
}
.xbox-platform i.icon {
    background-position: -300px -120px;
}
.gold-list-dianzan i.icon {
    background-position: -320px -120px;
}
.gold-list-fast i.icon {
    background-position: -340px -120px;
}
/*购物车商品添加按钮*/
.plus, .minus{
    background-color: var(--color-ccc);
}
.plus.disabled, .minus.disabled{
    background-color: var(--color-f3f3f3);
}
.minus i.icon {
    background-position: -360px -120px;
}
.minus.disabled i.icon {
    background-position: -360px -200px;
}
.plus i.icon {
    background-position: -380px -120px;
}
.plus.disabled i.icon {
    background-position: -380px -200px;
}
.boost-buy-time i.icon {
    background-position: 0 -140px;
}
.favorite i.icon {
    background-position: -20px -140px;
}
.gift-cards-verify i.icon {
    background-position: -40px -140px;
}
.gift-cards-sell i.icon {
    background-position: -60px -140px;
}
.gift-cards-help i.icon {
    background-position: -80px -140px;
}
.gift-cards-giveaways i.icon {
    background-position: -100px -140px;
}
.order-trash i.icon {
    background-position: -120px -140px;
}
.order-question i.icon {
    background-position: -140px -140px;
}
.order-question-red i.icon {
    background-position: -160px -140px;
}
.order-detail-1 i.icon {
    background-position: -220px -140px;
}
.order-detail-2 i.icon {
    background-position: -180px -140px;
}
.order-detail-3 i.icon {
    background-position: -200px -140px;
}
.download-invoice i.icon {
    background-position: -240px -140px;
}
.shuazi i.icon {
    background-position: -260px -140px;
}
.qianbao i.icon {
    background-position: -280px -140px;
}
.request-payment-question i.icon {
    background-position: -300px -140px;
}
.last-step i.icon{
    background-position: -320px -140px;
}
.request-payment-edit i.icon, .withdrawal-account-edit i.icon{
    background-position: -340px -140px;
}
.request-payment-trash i.icon, .withdrawal-account-trash i.icon{
    background-position: -360px -140px;
}
.orange-light i.icon{
    background-position: -380px -140px;
}
.country-br i.icon {
    background-position: -120px -160px;
}
.country-ca i.icon {
    background-position: -100px -160px;
}
.country-dk i.icon {
    background-position: -80px -160px;
}
.country-eu i.icon {
    background-position: -40px -160px;
}
.country-hk i.icon {
    background-position: -60px -160px;
}
.country-no i.icon {
    background-position: 0 -160px;
}
.country-pl i.icon {
    background-position: -20px -160px;
}
.country-se i.icon {
    background-position: -180px -160px;
}
.country-uk i.icon {
    background-position: -160px -160px;
}
.country-us i.icon {
    background-position: -140px -160px;
}
.right-arrow i.icon {
    background-position: 0 -180px;
}
.news-autor i.icon {
    background-position: -20px -180px;
}
.news-share i.icon {
    background-position: -40px -180px;
}
.news-game-name i.icon {
    background-position: -60px -180px;
}
.news-time i.icon {
    background-position: -80px -180px;
}
.news-views i.icon {
    background-position: -100px -180px;
}
.like i.icon {
    background-position: -120px -180px;
}
.dislike i.icon {
    background-position: -140px -180px;
}
.service-follow i.icon {
    background-position: -160px -180px;
}
.service-chat i.icon {
    background-position: -180px -180px;
}
.completion i.icon {
    background-position: -200px -180px;
}
.raffles i.icon {
    background-position: -220px -180px;
}
.slots i.icon {
    background-position: -240px -180px;
}
.store-edit i.icon {
    background-position: -260px -180px;
}
.store-shop i.icon {
    background-position: -300px -180px;
}
.store-welcome i.icon {
    background-position: -280px -180px;
}
.store-like i.icon {
    background-position: -320px -180px;
}
.store-import i.icon {
    background-position: -340px -180px;
}
.store-choose i.icon {
    background-position: -360px -180px;
}
.store-close i.icon {
    background-position: -380px -180px;
}
.store-link i.icon {
    background-position: 0 -200px;
}
.store-right i.icon {
    background-position: -20px -200px;
}
.store-wap-store i.icon {
    background-position: -40px -200px;
}
.store-wap-edit i.icon {
    background-position: -60px -200px;
}
.store-sale-type-btn i.icon {
    background-position: 0 -40px;
}
.contact-buyer i.icon {
    background-position: -80px -200px;
}
.goutong i.icon {
    background-position: -100px -200px;
}
.image-upload-box i.icon{
    background-position: -380px -120px;
}
/***********button*************/
.btn:disabled {
    cursor: not-allowed !important;
    opacity: 0.6; 
    pointer-events: auto;
}
.btn-a,
.btn-a:hover,
.btn-a:active {
    background-color: var(--color-075461) !important;
}
.btn-b,
.btn-c {
    color: var(--color-fff) !important;
    border: 1px solid var(--color-e6212a) !important;
    background-color: var(--color-e6212a) !important;
}
.btn-b:hover,
.btn-b:active,
.btn-c:hover,
.btn-c:active {
    background-color: var(--color-ff0000) !important;
    border: 1px solid var(--color-ff0000) !important;
}
.btn-d,
.btn-d:hover,
.btn-d:active {
    color: var(--color-666) !important;
    border: 1px solid var(--color-999) !important;
}
.btn-e{
    color: var(--color-e6212a) !important;
    border: 1px solid var(--color-e6212a) !important;
}
.btn-e:hover,
.btn-e:active {
    color: var(--color-e6212a) !important;
    background-color: var(--color-fef0e3);
    border: 1px solid var(--color-e6212a) !important;
}
.btn-f,
.btn-f:hover,
.btn-f:active {
    color: var(--color-666) !important;
    border: 1px solid var(--color-c9c9c9) !important;
}
.btn-g,
.btn-g:hover,
.btn-g:active {
    background-image: linear-gradient(to right, var(--color-e6212a) 60%,var(--color-ff0000) 100%);
    color: var(--color-fff);
}
.btn-account-select,
.btn-account-select:hover,
.btn-account-select.show,
.btn-account-select:active {
    color: var(--color-666) !important;
    border: 1px solid var(--color-dee2e6) !important;
    width: 100% !important;
    display: flex!important;
    justify-content: space-between!important;
    align-items: center!important;
}
.btn-account-seller{
    height: 38px;
    padding: 0 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-wrap: nowrap;
    border-radius: 50rem;
    font-size: 0.9rem;
    border: 1px solid #fff;
}
.btn-account-seller:hover, .btn-account-seller:active, .btn-account-seller.show{
    color: white !important;
    background-image: linear-gradient(to right top, var(--color-f5b60b), var(--color-ff5a00)) !important;
    border: 1px solid #fff!important;
}
.btn-seller{
    height: 38px;
    padding: 0 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-wrap: nowrap;
    border-radius: 50rem;
    font-size: 0.9rem;
    background-image: linear-gradient(45deg, var(--color-f5b60b),var(--color-f5b60b), var(--color-ff5a00),var(--color-ff5a00)) !important;
    border: none;
}
.btn-seller:hover, .btn-seller:active, .btn-seller.show{
    color: white !important;
    background-image: linear-gradient(-135deg, var(--color-f5b60b),var(--color-f5b60b), var(--color-ff5a00),var(--color-ff5a00)) !important;
    border: none!important;
}
.btn-boost-order, .btn-boost-order:hover, .btn-boost-order:active{
    color: var(--color-fff) !important;
    background-image: linear-gradient(to bottom, var(--color-fd2d00),var(--color-f5b60b));
}
.btn-bulk, .btn-bulk.show{
    display: flex!important;
    justify-content: space-between!important;
    align-items: center!important;
}
/* utilities/helper.css: 辅助工具样式 */
.text-truncate-2 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.text-truncate-3 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}
.text-truncate-4 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
}
.text-truncate-5 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
}
.text-truncate-6 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 6 !important;
    -webkit-box-orient: vertical !important;
}
.text-truncate-7 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 7 !important;
    -webkit-box-orient: vertical !important;
}
/* import layout headers.css */
/* layout/header.css: 头部样式 */
.region-box {
    position: absolute;
    width: 100%;
    top: 62px;
    max-height: 280px; 
    overflow-y: auto;
    z-index: 1000;
}
.regional-box input{
    color: #999999;
}
.regional-box input:focus{
    box-shadow: 0 0 0 0;
    border: 1px solid var(--color-ff0000)!important;
    outline: none;
}
.regional-box ul li{
    color: #999;
    padding: 0.5rem;
}
.regional-box ul li:hover, .regional-box ul li.active{
    background-color: #EDECF2;
    color: #999;
}
/* 设置滚动条的整体宽度和高度 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
/* 设置滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
    background-color: var(--color-ff0000); /* 滑块颜色 */
    border-radius: 8px; /* 圆角 */
}
/* 设置滚动条轨道的样式 */
::-webkit-scrollbar-track {
    background-color: #DCDCDC; /* 轨道颜色 */
    border-radius: 8px; /* 圆角 */
}
/* 设置滚动条滑块在hover状态下的样式 */
::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-ff0000); /* 鼠标悬停时滑块颜色 */
}
ul.region-box li{
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 10px 15px;
    position: relative;
    height: 35px;
}
ul.region-box li i.icon {
    margin-right: 14px;
}
/*输入框点击切换图标*/
.dropdown .down, .dropdown .up {
    top: 40px;
    right: 20px;
    cursor: pointer;
}
/* 下拉选中图标 */
.dropdown-menu li .right {
    top:6px;
    right: 0;
}
.input-close {
    right: 192px;
    top: 10px;
    z-index: 999;
}
.individual-apply,
.enterprise-apply {
    background-color: var(--color-f1f1f3);
    color: var(--color-333);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.375rem;
    padding: 1rem 1.5rem;
}
.individual-apply:hover,
.individual-apply.active,
.enterprise-apply:hover,
.enterprise-apply.active {
    background-color: var(--color-ff8300);
    color: var(--color-fff);
}
.btn.btn-bell .badge-new {
    width: 14px;
    height: 14px;
    font-size: 12px;
    border-radius: 50rem;
    color: var(--color-fff);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-ff0000);
    position: absolute;
    top: -4px;
    right: -8px;
}
.bg-game-dropdown {
    background: url("/build/static/bg-game-dropdown-img-CIeyMrfq.png") center center no-repeat;
    background-size: cover;
}
.game-nav-li-box {
    padding: 1rem 2rem;
    display: flex;
    justify-content: start;
    align-items: center;
    color: var(--color-666);
}
.game-nav-li-box:hover {
    border-radius: 0.375rem;
    background-color: var(--color-e6212a);
    color: var(--color-fff);
}
input.form-control:focus {
    box-shadow: 0 0 0 0;
    background-color: var(--color-fff2ea) !important;
    border: 1px solid var(--color-e6212a) !important;
}
input.form-control::placeholder,
input.form-select::placeholder {
    color: var(--color-999) !important;
}
.form-select:focus {
    box-shadow: 0 0 0 0;
    background-color: var(--color-fff) !important;
    border: 1px solid var(--color-e6212a) !important;
}
.my-account-link {
    color: var(--color-666);
}
.my-account-link:hover {
    color: var(--color-333);
    background-color: var(--color-f1f1f3);
}
/*******new header block **********/
.header-input-drop-btn {
    width: 540px;
}
.header-drop-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.7rem;
    background-color: var(--color-e4e4e4);
    border: none;
    border-radius: 50rem;
}
.header-drop-btn:hover,
.header-drop-btn.active {
    background-color: var(--color-e4e4e4);
}
button.btn.header-drop-btn.show {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center;
    background-color: var(--color-e4e4e4);
    border: none;
}
.menu-phone li:hover,
.menu-phone li:active {
    background-color: var(--color-e9e9ee);
}
.offcanvas-body-ul li:last-child {
    border-bottom: none !important;
}
.accordion-body {
    padding: 1rem 1.25rem 0;
}
.accordion-body ul li:last-child {
    margin-bottom: 0 !important;
}
.bg-home-cate{
    background-image: linear-gradient(to bottom, var(--color-900807), var(--color-310201));
}
.seven-icon a {
    color: var(--color-333);
}
.seven-icon .cate-box{
    width: 80px;
    height: 80px;
    background-color: var(--color-470200);
    border-radius: 50rem;
    margin-bottom: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.loader {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(farthest-side, var(--color-ff0000) 94%, #0000) top/8px 8px no-repeat, conic-gradient(#0000 30%, var(--color-ff0000));
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), var(--color-000) 0);
    animation: l13 1s infinite linear;
}
@keyframes l13 {
    100% {
        transform: rotate(1turn)
    }
}
.category-show::-webkit-scrollbar {
    height: 2px;
}
.icon-vip{
    background-image: url("/build/static/vip-DtuhsX1g.png");
    background-size: 70px 170px;
    width: 30px;
    height: 34px;
    position: relative;
}
.icon-vip-buyer{
    background-image: url("/build/static/vip-DtuhsX1g.png");
    background-size: 66px 164px;
    width: 30px;
    height: 34px;
    position: relative;
}
.icon-vip.buyer span{
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--color-500ea4);
    font-style: normal;
}
.icon-vip-buyer.buyer span{
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--color-500ea4);
    font-style: normal;
}
.icon-vip-buyer.seller span{
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--color-500ea4);
    font-style: normal;
}
.icon-vip-buyer.buyer-vip {
    background-position: -1px 0px;
}
.icon-vip.overview{
    background-position: -2px -33px;
}
.icon-vip.wallet{
    background-position: -3px -66px;
}
.icon-vip.setting{
    background-position: -3px -99px;
}
.icon-vip.log-out{
    background-position: -3px -135px;
}
.icon-vip-buyer.seller-vip-1{
    background-position: 31px -2px;
}
.icon-vip-buyer.seller-vip-2{
    background-position: 31px -32px;
}
.icon-vip-buyer.seller-vip-3{
    background-position: 30px -66px;
}
.icon-vip-buyer.seller-vip-4{
    background-position: 31px -101px;
}
.icon-vip-buyer.seller-vip-5{
    background-position: 31px -139px;
}
.dropdown-item.active, .dropdown-item:active {
    color: var(--color-333);
    text-decoration: none;
    background-color: var(--color-f1f1f3);
}
.banner-up {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(to bottom, var(--color-900807) 0, transparent 15%, transparent 85%, var(--color-900807) 100%),
    linear-gradient(to right, var(--color-900807) 0, transparent 25%, transparent 75%, var(--color-900807) 100%);
}
/*****************/
.bgalliance{
    background-image: linear-gradient(to bottom,var(--color-fce9e9) 0%, var(--color-fce9e9) 60%,var(--color-fff) 100%);
}
.bg-earn{
    background-image: linear-gradient(to bottom,var(--color-fff),transparent);
}
.u4n-qa .accordion-button:not(.collapsed) {
    background-color: var(--color-fce9e9);
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--color-fce9e9);
}
.u4n-qa .accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgb(252, 233, 233);
}