/* ========================================
 *    Update：1762934712
 *    Author：Repute
 * Copyright：Prestige International
 * ========================================
 * */

/* banner start */
.membership-banner{position:relative;padding-top:88px}
.banner-container{width:100%;height:500px;overflow:hidden}
.banner-pic-bg{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center}
.banner-pic-bg.tc{background-image:url(/static/images/promotions/membershipIntegral/banner_pc_cht.jpg)}
.banner-pic-bg.cn{background-image:url(/static/images/promotions/membershipIntegral/banner_pc_chs.jpg)}
.banner-pic-bg.en{background-image:url(/static/images/promotions/membershipIntegral/banner_pc_cht.jpg)}
.banner-pic-bg img{display:none}
/* banner end */
/* content start */
.pr-main{background:var(--black)}
.pr-content{background:var(--black);padding-bottom:120px}
.section-area > .title{margin-top:120px;text-align:center;margin-bottom:56px}
.section-area > .title h3{font-size:36px;font-style:normal;font-weight:700;line-height:133.3%;color:#FFD583}
.section-area > .title p{margin-top:14px;font-size:18px;font-style:normal;font-weight:400;line-height:133.3%;color:var(--white)}
.section-area > .title a{display:inline-block;margin-top:24px;font-size:18px;font-style:normal;font-weight:400;line-height:133.3%;color:var(--blue-2b3);text-decoration:underline}
.section-area > .title a:hover{color:var(--white)}

/* trade-integral-area */
.trade-integral-content{position:relative;width:1000px;max-width:100%;margin:0 auto;min-height:436px;display:flex;justify-content:flex-start;align-items:center}
.trade-integral-content .trading-volume{width:520px;height:400px;border-radius:16px;border:1px solid var(--white);background:#FFEACA;padding-left:63px;padding-top:23px}
.trading-volume .volumebox{width:354px;height:354px;background:url(/static/images/promotions/membershipIntegral/boxbg1.png) no-repeat center center;padding:12px;position:relative}
.trading-volume .volumebox-wrap{width:330px;height:330px;padding-top:40px;background:url(/static/images/promotions/membershipIntegral/boxbg2.png) no-repeat center center;text-align:center;position:relative}
.trading-volume .volumebox-wrap span{display:block;margin:0 auto;width:120px;height:120px;background:url(/static/images/promotions/membershipIntegral/line-chart.png) no-repeat 0 0/100% 100%}
.trading-volume .volumebox-wrap h5{margin:6px auto 4px;color:var(--red-b54);font-size:20px;font-style:normal;font-weight:700;line-height:28px}
.trading-volume .volumebox-wrap p{color:var(--blue-11d);font-size:18px;font-style:normal;font-weight:400;line-height:133.3%}
.trading-volume .numintegral-sj{position:absolute;bottom:40px;left:0;width:100%;display:flex;justify-content:center;align-items:center;padding:10px;height:64px;gap:4px;border-radius:32px;border:2px solid #FFD583;background:linear-gradient(90deg,#FFF 0%,#F4D386 100%);color:var(--red-b54);font-size:28px;font-style:normal;font-weight:700;line-height:normal}
.trading-volume .numintegral-sj i{display:block;width:44px;height:44px;background:url(/static/images/promotions/membershipIntegral/icon-integral.svg) no-repeat 0 0/100% 100%}
.trade-integral-content .trade-carousel{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:1;width:520px;height:436px;border-radius:16px;background:linear-gradient(180deg,#FF6245 2.08%,#E74024 100%);padding:40px 60px}
.trade-integral-content .trade-carousel:before{content:"";position:absolute;bottom:0;right:160px;width:164px;height:159px;background:url(/static/images/promotions/membershipIntegral/pic_integral_01.png) no-repeat 0 0/100% 100%;opacity:0.5}
.trade-integral-content .trade-carousel:after{content:"";position:absolute;bottom:0;right:0;width:198px;height:251px;background:url(/static/images/promotions/membershipIntegral/pic_integral_02.png) no-repeat 0 0/100% 100%;opacity:0.5}
.trade-carousel-list{display:flex;flex-direction:column;gap:24px;position:relative;z-index:1;overflow:hidden;max-height:356px}
.trade-carousel-item{display:flex;width:100%;padding:4px;height:52px;justify-content:flex-start;align-items:center;gap:20px;border-radius:30px;border:1px solid var(--white);background:linear-gradient(90deg,#FFF 0%,#F4D386 100%)}
.trade-carousel-item .avatar{position:relative;width:44px;height:44px;background:var(--red-161);border-radius:50%;overflow:hidden}
.trade-carousel-item.item1 .avatar{background:var(--red-161)}
.trade-carousel-item.item2 .avatar{background:var(--blue-c8b)}
.trade-carousel-item.item3 .avatar{background:var(--blue-ccc)}
.trade-carousel-item.item4 .avatar{background:var(--orange-c94)}
.trade-carousel-item.item5 .avatar{background:var(--red-7a7)}
.trade-carousel-item.item6 .avatar{background:var(--blue-efd)}
.trade-carousel-item.item7 .avatar{background:var(--red-161)}
.trade-carousel-item.item8 .avatar{background:var(--blue-1f6)}
.trade-carousel-item.item9 .avatar{background:var(--orange-c2c)}
.trade-carousel-item.item10 .avatar{background:var(--orange-c94)}
.trade-carousel-item.item11 .avatar{background:var(--green-d5c)}
.trade-carousel-item.item12 .avatar{background:var(--blue-ccc)}
.trade-carousel-item.item13 .avatar{background:var(--orange-24f)}
.trade-carousel-item.item14 .avatar{background:var(--orange-c2c)}
.trade-carousel-item.item15 .avatar{background:var(--blue-1f6)}
.trade-carousel-item .avatar i{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:35px;height:35px;display:block;background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.trade-carousel-item .avatar i.ut1{background-image:url(/static/images/promotions/membershipIntegral/pict_1.svg)}
.trade-carousel-item .avatar i.ut2{background-image:url(/static/images/promotions/membershipIntegral/pict_2.svg)}
.trade-carousel-item .avatar i.ut3{background-image:url(/static/images/promotions/membershipIntegral/pict_3.svg)}
.trade-carousel-item .avatar i.ut4{background-image:url(/static/images/promotions/membershipIntegral/pict_4.svg)}
.trade-carousel-item .avatar i.ut5{background-image:url(/static/images/promotions/membershipIntegral/pict_5.svg)}
.trade-carousel-item .avatar i.ut6{background-image:url(/static/images/promotions/membershipIntegral/pict_6.svg)}
.trade-carousel-item .avatar i.ut7{background-image:url(/static/images/promotions/membershipIntegral/pict_7.svg)}
.trade-carousel-item .avatar i.ut8{background-image:url(/static/images/promotions/membershipIntegral/pict_8.svg)}
.trade-carousel-item .avatar i.ut9{background-image:url(/static/images/promotions/membershipIntegral/pict_9.svg)}
.trade-carousel-item .avatar i.ut10{background-image:url(/static/images/promotions/membershipIntegral/pict_10.svg)}
.trade-carousel-item .avatar i.ut11{background-image:url(/static/images/promotions/membershipIntegral/pict_11.svg)}
.trade-carousel-item .avatar i.ut12{background-image:url(/static/images/promotions/membershipIntegral/pict_12.svg)}
.trade-carousel-item .avatar i.ut13{background-image:url(/static/images/promotions/membershipIntegral/pict_13.svg)}
.trade-carousel-item .avatar i.ut14{background-image:url(/static/images/promotions/membershipIntegral/pict_14.svg)}
.trade-carousel-item .avatar i.ut15{background-image:url(/static/images/promotions/membershipIntegral/pict_15.svg)}
.trade-carousel-item p{width:122px;padding-left:4px;font-size:18px;font-style:normal;font-weight:400;line-height:normal;color:var(--blue-11d)}
.trade-carousel-item .amount-integral{position:relative;padding-left:38px;text-align:left;font-size:20px;font-style:normal;font-weight:700;line-height:normal;color:var(--red-b54)}
.trade-carousel-item .amount-integral:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:36px;height:36px;background:url(/static/images/promotions/membershipIntegral/icon-integral.svg) no-repeat 0 0/100% 100%}

/* integral-exchange-area */
.exchange-list-integ{position:relative;width:1000px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:40px 80px;margin:0 auto}
.exchange-list-integ .exchange-box{position:relative;width:270px;height:270px;background:url(/static/images/promotions/membershipIntegral/bg.png) no-repeat 0 0/100% 100%;flex-shrink:0;padding:48px 16px 0 16px;text-align:center}
.exchange-list-integ .exchange-box>div{width:100%;height:100%}
.exchange-box .amount{position:absolute;top:0;left:50%;transform:translateX(-50%);display:inline-flex;padding:4px 16px;justify-content:center;align-items:center;border-radius:0 0 8px 8px;background:var(--orange-386);color:var(--blue-11d);font-size:12px;font-style:normal;font-weight:400;line-height:16px}
.exchange-box .exchange-panel .usd-num{height:48px;color:var(--red-b54);font-size:36px;font-style:normal;font-weight:600;line-height:38px;display:flex;justify-content:center;align-items:flex-end;gap:4px}
.exchange-box .exchange-panel .usd-num em{font-style:normal;color:var(--red-b54);font-size:64px;font-style:normal;font-weight:600;line-height:48px}
.exchange-box .exchange-panel p{margin-top:16px;color:var(--blue-11d);font-size:20px;font-style:normal;font-weight:500;line-height:140%}
.good-gifts-wrap{margin:48px auto 52px;position:relative;width:1280px;max-width:100%;height:74px;overflow:hidden}
.good-gifts-wrap:before{content:"";position:absolute;right:0;top:0;width:310px;height:74px;background:linear-gradient(90deg,rgba(0,0,0,0.00) 0%,#000 100%);z-index:1}
.good-gifts-wrap:after{content:"";position:absolute;left:0;top:0;width:310px;height:74px;background:linear-gradient(270deg,rgba(0,0,0,0.00) 0%,#000 100%);z-index:1}
.good-gifts-wrap .good-gifts-list{position:absolute;width:4440px}
.good-gifts-list .good-gifts-item{float:left;height:74px;width:296px}
.good-gifts-list .good-gifts-item a{display:block;width:270px;height:100%;margin-right:26px;padding:8px 8px 8px 82px;position:relative;cursor:default;border-radius:70px;border:1px solid var(--white);background:linear-gradient(90deg,#FFF 0%,#F4D386 100%)}
.good-gifts-item .picture{position:absolute;top:50%;left:8px;transform:translateY(-50%);width:58px;height:58px;border-radius:50%;overflow:hidden}
.good-gifts-item .picture i{display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:48px;height:48px;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%}
.picture.bgcolor1{background-color:var(--orange-c94)}
.picture.bgcolor2{background-color:var(--blue-c8b)}
.picture.bgcolor3{background-color:var(--orange-c94)}
.picture.bgcolor4{background-color:var(--blue-ccc)}
.picture.bgcolor5{background-color:var(--orange-c94)}
.picture.bgcolor6{background-color:var(--red-7a7)}
.picture.bgcolor7{background-color:var(--red-161)}
.picture.bgcolor8{background-color:var(--orange-c2c)}
.picture.bgcolor9{background-color:var(--green-d5c)}
.picture.bgcolor10{background-color:var(--orange-24f)}
.picture.bgcolor11{background-color:var(--blue-efd)}
.picture.bgcolor12{background-color:var(--blue-1f6)}
.picture.bgcolor13{background-color:var(--orange-c94)}
.picture.bgcolor14{background-color:var(--blue-ccc)}
.picture.bgcolor15{background-color:var(--orange-c2c)}
.picture .icon-1{background-image:url(/static/images/promotions/membershipIntegral/pict_4.svg)}
.picture .icon-2{background-image:url(/static/images/promotions/membershipIntegral/pict_2.svg)}
.picture .icon-3{background-image:url(/static/images/promotions/membershipIntegral/pict_4.svg)}
.picture .icon-4{background-image:url(/static/images/promotions/membershipIntegral/pict_3.svg)}
.picture .icon-5{background-image:url(/static/images/promotions/membershipIntegral/pict_4.svg)}
.picture .icon-6{background-image:url(/static/images/promotions/membershipIntegral/pict_5.svg)}
.picture .icon-7{background-image:url(/static/images/promotions/membershipIntegral/pict_1.svg)}
.picture .icon-8{background-image:url(/static/images/promotions/membershipIntegral/pict_9.svg)}
.picture .icon-9{background-image:url(/static/images/promotions/membershipIntegral/pict_11.svg)}
.picture .icon-10{background-image:url(/static/images/promotions/membershipIntegral/pict_13.svg)}
.picture .icon-11{background-image:url(/static/images/promotions/membershipIntegral/pict_6.svg)}
.picture .icon-12{background-image:url(/static/images/promotions/membershipIntegral/pict_15.svg)}
.picture .icon-13{background-image:url(/static/images/promotions/membershipIntegral/pict_10.svg)}
.picture .icon-14{background-image:url(/static/images/promotions/membershipIntegral/pict_12.svg)}
.picture .icon-15{background-image:url(/static/images/promotions/membershipIntegral/pict_14.svg)}
.good-gifts-list .good-gifts-item a p{margin-bottom:4px;font-size:16px;font-style:normal;font-weight:400;line-height:140%;color:var(--blue-11d)}
.good-gifts-list .good-gifts-item a span{display:block;font-size:24px;font-style:normal;font-weight:700;line-height:32px;color:var(--red-b54)}
.account_open_group.newcust{text-align:center}
.account_open_group.newcust a{display:block;margin:0 auto;width:225px;height:56px;display:flex;justify-content:center;align-items:center;font-size:20px;font-style:normal;font-weight:700;line-height:28px;color:#000;background:url(/static/images/promotions/membershipIntegral/btn.png) no-repeat 0 0/100% 100%;cursor:pointer;animation:smoothMove 2s infinite ease-in-out}
@keyframes smoothMove{0%,100%{transform:translateY(0)}25%{transform:translateY(-10px)}75%{transform:translateY(10px)}}

/* membership-system-area */
.membership-system-area .account-open-group{text-align:center;position:relative;margin:48px auto 0}
.membership-system-area .account-open-group a{display:inline-block;padding:14px 40px;border-radius:8px;line-height:28px;font-size:20px;font-style:normal;font-weight:500;color:var(--white);background-color:var(--brand-fe3);-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:relative}
.membership-system-area .account-open-group a:hover{color:var(--white);background-color:var(--brand-ce9);margin-right:-15px}
.membership-system-area .account-open-group a i{display:inline-block;width:28px;height:28px;background:url(/static/images/header/icon-right-white.svg) no-repeat 0 0 / 100% 100%;animation:moveRigth 2s linear infinite;position:relative}
.carousel-container{position:relative;height:180px;width:1280px;max-width:100%;padding:0 40px;margin:0 auto;perspective:1200px}
.carousel-track{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}
.carousel-item{position:absolute;width:343px;height:180px;border-radius:6px;overflow:hidden;transition:all 0.6s ease;cursor:pointer}
.carousel-item>div{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-size:100% 100%;background-position:center;object-fit:cover;transition:transform 0.3s ease}
.carousel-item>div:hover{transform:scale(1.05)}
.carousel-item>div.item_v1{background-image:url(/static/images/promotions/membershipIntegral/grade/hy_bg_mob_v1.png)}
.carousel-item>div.item_v2{background-image:url(/static/images/promotions/membershipIntegral/grade/hy_bg_mob_v2.png)}
.carousel-item>div.item_v3{background-image:url(/static/images/promotions/membershipIntegral/grade/hy_bg_mob_v3.png)}
.carousel-item>div.item_v4{background-image:url(/static/images/promotions/membershipIntegral/grade/hy_bg_mob_v4.png)}
.carousel-item>div.item_v5{background-image:url(/static/images/promotions/membershipIntegral/grade/hy_bg_mob_v5.png)}
.carousel-item>div.item_v6{background-image:url(/static/images/promotions/membershipIntegral/grade/hy_bg_mob_v6.png)}
.carousel-item>div.item_v7{background-image:url(/static/images/promotions/membershipIntegral/grade/hy_bg_mob_v7.png)}
.carousel-item>div.item_v8{background-image:url(/static/images/promotions/membershipIntegral/grade/hy_bg_mob_v8.png)}
.carousel-item>div img{display:block}
.layer-1{left:50%;top:50%;transform:translate(-50%,-50%) scale(1);z-index:30}
.layer-2{width:297px;height:156px;z-index:20}
.layer-2.left{left:15.9%;top:50%;transform:translateY(-50%) scale(0.95)}
.layer-2.right{right:15.9%;top:50%;transform:translateY(-50%) scale(0.95)}
.layer-3{width:251px;height:132px;z-index:10;cursor:default}
.layer-3.left{left:0;top:50%;transform:translateY(-50%) scale(0.9)}
.layer-3.right{right:0;top:50%;transform:translateY(-50%) scale(0.9)}
.layer-1>div{padding:19px 16px}
.layer-1>div img{width:131px;height:28px}
.layer-2>div{padding:17px 13px;}
.layer-2>div:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2)}
.layer-2>div img{width:113px;height:24px}
.layer-3>div{padding:14px 11px;opacity:0.6}
.layer-3>div img{width:96px;height:20px}
.carousel-item>div p{position:absolute;font-weight:500;line-height:normal}
.layer-1>div p{left:16px;bottom:19px;font-size:14px}
.layer-2>div p{left:13px;bottom:17px;font-size:13px}
.layer-3>div p{left:11px;bottom:14px;font-size:12px}
.item_v1 p{color:#4A5E6F}
.item_v2 p{color:#387267}
.item_v3 p{color:#506286}
.item_v4 p{color:#744914}
.item_v5 p{color:#0051A7}
.item_v6 p{color:#442388}
.item_v7 p{color:#EEDFFF}
.item_v8 p{color:#D5ECFF}
.carousel-item>div:before{content:"";position:absolute;right:0;top:0;background-size:100% 100%;background-repeat:no-repeat;display:block}
.item_v1:before{background-image:url(/static/images/promotions/membershipIntegral/grade/vg_v1.png)}
.item_v2:before{background-image:url(/static/images/promotions/membershipIntegral/grade/vg_v2.png)}
.item_v3:before{background-image:url(/static/images/promotions/membershipIntegral/grade/vg_v3.png)}
.item_v4:before{background-image:url(/static/images/promotions/membershipIntegral/grade/vg_v4.png)}
.item_v5:before{background-image:url(/static/images/promotions/membershipIntegral/grade/vg_v5.png)}
.item_v6:before{background-image:url(/static/images/promotions/membershipIntegral/grade/vg_v6.png)}
.item_v7:before{background-image:url(/static/images/promotions/membershipIntegral/grade/vg_v7.png)}
.item_v8:before{background-image:url(/static/images/promotions/membershipIntegral/grade/vg_v8.png)}
.layer-1>div:before{width:140px;height:140px}
.layer-2>div:before{width:121px;height:121px}
.layer-3>div:before{width:102px;height:102px}
.navigation-sms{position:relative;height:70px;width:700px;margin:24px auto 0}
.nav-line{position:absolute;top:0;left:0;width:100%;height:32px;background-size:100% 100%;background-repeat:no-repeat;background-position:center;background-image:url(/static/images/promotions/membershipIntegral/bgline.png)}
.nav-dots{position:relative;z-index:5;padding-top:32px}
.nav-dots .nav-dot{position:absolute;top:12px;z-index:2;cursor:pointer}
.nav-dots .nav-dot.active{top:22px;cursor:default}
.nav-dots .nav-dot:nth-child(1){left:17.1%}
.nav-dots .nav-dot:nth-child(2){left:50%;transform:translateX(-50%)}
.nav-dots .nav-dot:nth-child(3){right:17.1%}
.nav-dots .dot-icon{display:block;margin:0 auto;width:16px;height:16px;opacity:0.8;background:url(/static/images/promotions/membershipIntegral/icon-dot.png) no-repeat 0 0/100% 100%}
.nav-dots.active .dot-icon{opacity:1}
.dot-vip-label{margin-top:4px;text-align:center;color:#FFD583;font-size:12px;font-style:normal;font-weight:600;line-height:normal}
.active .dot-vip-label{margin-top:8px;position:relative;display:flex;padding:4px 8px;justify-content:center;align-items:center;border-radius:6px;background:#FFD583;font-size:14px;font-style:normal;font-weight:600;color:var(--black);text-align:center}
.active .dot-vip-label:before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:8px solid #FFD583}

/* content end */

/* pop-ups-junebonus start */
body.openModal{overflow:hidden}
.pop-ups-junebonus{position:fixed;top:0;left:0;right:0;bottom:0;z-index:3001;display:none;width:100%;height:100%;overflow:hidden;outline:0;background-color:rgba(0,0,0,0.45)}
.pop-ups-junebonus>div{width:704px;height:680px;max-width:96%;max-height:94%;padding:24px 4px 24px 24px;position:absolute;top:50%;left:50%;margin:auto;overflow:hidden;background-color:var(--white);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);border-radius:12px}
.pop-ups-head{position:relative;line-height:28px;padding-bottom:24px}
.pop-ups-head h3{line-height:28px;font-size:20px;font-style:normal;font-weight:700;text-align:center;color:var(--blue-11d)}
.pop-ups-head .close-btn{position:absolute;top:-6px;right:14px;display:block;width:24px;height:24px;flex-shrink:0;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.0002%2010.5826L16.9499%205.63281L18.3642%207.04703L13.4144%2011.9968L18.3642%2016.9465L16.9499%2018.3607L12.0002%2013.411L7.05044%2018.3607L5.63623%2016.9465L10.586%2011.9968L5.63623%207.04703L7.05044%205.63281L12.0002%2010.5826Z%22%20fill%3D%22%23667085%22%2F%3E%0A%3C%2Fsvg%3E")}
.pop-ups-body{overflow-y:auto;height:calc(100% - 52px);padding-right:20px;text-align:left}
.pop-ups-body::-webkit-scrollbar{width:4px;height:200px;position:absolute;display:block;right:0}
.pop-ups-body::-webkit-scrollbar-track{background-color:var(--white);border-radius:8px}
.pop-ups-body::-webkit-scrollbar-thumb{background-color:#D9DBE1;border-radius:8px}
.pop-ups-body::-webkit-scrollbar-corner{background-color:#179a16}
.pop-ups-body .activity-introduction .introduction-list li{font-size:14px;font-style:normal;font-weight:400;line-height:160%;color:var(--blue-085)}
.pop-ups-body .activity-introduction .introduction-list li li{position:relative;padding-left:2em}
.pop-ups-body .activity-introduction .introduction-list li li:before{content:"";position:absolute;top:7px;left:14px;width:7px;height:7px;background:var(--blue-085);border-radius:50%}
.pop-ups-body .activity-introduction .introduction-list li strong{color:var(--blue-11d);font-weight:600}
.pop-ups-body .table-bordered{position:relative;width:960px;max-width:100%;border:1px solid var(--gray-be1);border-radius:12px;overflow:hidden;margin:24px auto}
.pop-ups-body .table-bordered table,.pop-ups-body .table-bordered table tbody,.pop-ups-body .table-bordered table tbody tr{width:100%;text-align:center}
.pop-ups-body .table-bordered tr th,.pop-ups-body .table-bordered tr td{padding:6px 10px;font-size:14px;font-style:normal;font-weight:400;line-height:160%;min-height:46px;border-top:1px solid var(--gray-be1);border-left:1px solid var(--gray-be1);color:var(--blue-11d)}
.pop-ups-body .table-bordered tr th{font-weight:600;background-color:var(--gray-5f7)}
.pop-ups-body .table-bordered table tbody tr:nth-child(1) th{border-top:0}
.pop-ups-body .table-bordered table tbody tr td:nth-child(1),.pop-ups-body .table-bordered table tbody tr th:nth-child(1){border-left:0}
.pop-ups-body .table-bordered.table-1{margin-bottom:40px}
.pop-ups-body .table-bordered.table-1 table tr th,.pop-ups-body .table-bordered.table-1 table tr td{width:20%}
.pop-ups-body .table-bordered.table-2 table tr th,.pop-ups-body .table-bordered.table-2 table tr td{width:33.33%}
.pop-ups-body .table-bordered.table-1 table tr.other td{font-weight:500;color:var(--brand-4cc)}
p.sub-title{margin-top:24px;font-size:14px;font-style:normal;font-weight:600;line-height:160%;color:var(--blue-11d)}
/* pop-ups-junebonus end */

@media screen and (max-width: 1359px) {
	.banner-container{height:450px}
}
@media screen and (max-width: 1199px) {
	.banner-container{height:400px}
	.banner-pic-bg{background-position:40%}
	.trade-integral-content,.exchange-list-integ{width:944px;}
	.trade-integral-content .trade-carousel{width:500px;padding:40px;}
	.trade-integral-content .trading-volume{width:500px;padding-left: 43px;}
	.exchange-list-integ{gap:30px;justify-content:center;}
}
@media screen and (max-width: 1023px) {
	.membership-banner{padding-top:60px}
	.banner-container{height:350px;padding-bottom:0}
	.pr-content{padding-bottom:60px}
	.section-area > .title{margin-top:60px;margin-bottom:40px}
	.section-area > .title h3{font-size:24px}
	.section-area > .title p{margin-top:12px;font-size:14px;}
	.section-area > .title a{margin-top:18px;font-size:14px;}
	.section-area > .title a:hover{color:var(--white)}
	.trade-integral-content{min-height:200px;display:block;padding:0 16px}
	.trade-integral-content .trading-volume{width:100%;height:auto;border-radius:16px;padding:30px 15px 100px 15px;text-align:center;}
	.trading-volume .volumebox{width:265px;height:265px;padding:9px;margin:auto;background-size:100% 100%;}
	.trading-volume .volumebox-wrap{width:247px;height:247px;padding-top:30px;margin:auto;background-size:100% 100%;}
	.trading-volume .volumebox-wrap span{width:90px;height:90px;}
	.trading-volume .volumebox-wrap h5{margin:4px auto 3px;font-size:15px;line-height:21px}
	.trading-volume .volumebox-wrap p{font-size:14px}
	.trading-volume .numintegral-sj{bottom:30px;padding:7px;height:48px;gap:2px;border-radius:24px;font-size:21px;left:-20px;width:calc(100% + 40px);}
	.trading-volume .numintegral-sj i{width:33px;height:33px}
	.trade-integral-content .trade-carousel{position:relative;top:auto;right:auto;transform:translate(0);margin-top:-70px;z-index:1;width:100%;height:auto;border-radius:16px;padding:30px 21px}
	.trade-integral-content .trade-carousel:before{content:"";right:123px;width:122px;height:122px}
	.trade-integral-content .trade-carousel:after{content:"";right:0;width:148px;height:186px}
	.trade-carousel-list{gap:18px;max-height:330px}
	.trade-carousel-item{padding:3px;height:40px;gap:14px;border-radius:22px}
	.trade-carousel-item .avatar{width:33px;height:33px;overflow:hidden}
	.trade-carousel-item .avatar i{width:27px;height:27px}
	.trade-carousel-item p{width:89px;padding-left:4px;font-size:13px}
	.trade-carousel-item .amount-integral{padding-left:30px;font-size:15px}
	.trade-carousel-item .amount-integral:before{content:"";width:27px;height:27px}
	.integral-exchange-content{position:relative;padding:0 16px;}
	.exchange-list-integ{width:400px;max-width:100%;justify-content:center;wrap;gap:9px 16px;}
	.exchange-list-integ .exchange-box{position:relative;width:calc(50% - 9px);height:175px;padding:32px 8px 0 8px}
	.exchange-box .amount{padding:4px 12px;border-radius:0 0 5px 5px}
	.exchange-box .exchange-panel .usd-num{height:29px;font-size:21px;line-height:23px;gap:2px}
	.exchange-box .exchange-panel .usd-num em{font-size:34px;line-height:29px}
	.exchange-box .exchange-panel p{margin-top:8px;font-size:12px;}
	.good-gifts-wrap{margin:30px auto 40px;max-width:100%;height:56px;overflow:hidden}
	.good-gifts-wrap:before{content:"";display:none;}
	.good-gifts-wrap:after{content:"";display:none;}
	.good-gifts-wrap .good-gifts-list{position:absolute;width:3030px}
	.good-gifts-list .good-gifts-item{height:56px;width:210px}
	.good-gifts-list .good-gifts-item a{width:202px;height:100%;margin-right:8px;padding:6px 6px 6px 62px;border-radius:52px}
	.good-gifts-item .picture{left:6px;width:44px;height:44px;overflow:hidden}
	.good-gifts-item .picture i{display:block;width:35px;height:35px}
	.good-gifts-list .good-gifts-item a p{margin-bottom:3px;font-size:12px}
	.good-gifts-list .good-gifts-item a span{display:block;font-size:18px;line-height:24px}
	.account_open_group.newcust a{display:flex;justify-content:center;align-items:center;width:686px;max-width: 100%;height:49px;line-height:49px;font-size:18px;color: var(--white);background:var(--brand-fe3);border-radius:8px;gap:2px;animation: none;transition:all .3s;font-weight:600;}
	.account_open_group.newcust a i{display:inline-block;width:25px;height:25px;background:url(/static/images/header/icon-right-white.svg) no-repeat 0 0 / 100% 100%;animation:moveRigth 2s linear infinite;position:relative}
	.account_open_group.newcust a:hover {color:var(--white);background-color:var(--brand-ce9);margin-right:-7px}
	.membership-system-area .account-open-group{margin:40px auto 0;padding:0 16px;}
	.membership-system-area .account-open-group a{display:flex;justify-content:center;align-items:center;width:686px;max-width: 100%;height:49px;line-height:49px;padding:0;border-radius:8px;font-size:18px;position:relative;font-weight:600;margin:0 auto;}
	.membership-system-area .account-open-group a:hover{margin-right:-7px}
	.membership-system-area .account-open-group a i{width:25px;height:25px}
	.carousel-container{position:relative;height:180px;width:1280px;max-width:100%;padding:0;perspective:1200px}
	.carousel-track{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94);overflow:hidden;}
	.carousel-item{position:absolute;width:343px;height:180px;border-radius:6px;overflow:hidden;transition:all 0.6s ease;cursor:pointer}
	.carousel-item>div{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-size:100% 100%;background-position:center;object-fit:cover;transition:transform 0.3s ease}
	.layer-1{left:50%;top:50%;transform:translate(-50%,-50%) scale(1);z-index:30}
	.layer-2{width:297px;height:156px;z-index:20}
	.layer-2.left{left:13.9%}
	.layer-2.right{right:13.9%}
	.layer-3{width:251px;height:132px;z-index:10;cursor:default}
	.layer-3.left{left:0;top:50%;transform:translateY(-50%) scale(0.9)}
	.layer-3.right{right:0;top:50%;transform:translateY(-50%) scale(0.9)}
	.layer-1>div{padding:19px 16px}
	.layer-1>div img{width:131px;height:28px}
	.layer-2>div{padding:17px 13px;}
	.layer-2>div:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2)}
	.layer-2>div img{width:113px;height:24px}
	.layer-3>div{padding:14px 11px;opacity:0.6}
	.layer-3>div img{width:96px;height:20px}
	.carousel-item>div p{position:absolute;font-weight:500;line-height:normal}
	.layer-1>div p{left:16px;bottom:19px;font-size:14px}
	.layer-2>div p{left:13px;bottom:17px;font-size:13px}
	.layer-3>div p{left:11px;bottom:14px;font-size:12px}
	.carousel-item>div:before{content:"";position:absolute;right:0;top:0;background-size:100% 100%;background-repeat:no-repeat;display:block}
	.layer-1>div:before{width:140px;height:140px}
	.layer-2>div:before{width:121px;height:121px}
	.layer-3>div:before{width:102px;height:102px}
	.navigation-sms{position:relative;height:70px;width:700px;max-width:100%;margin:24px auto 0}
	.nav-line{position:absolute;top:0;left:0;width:100%;height:32px;background-size:100% 100%;background-repeat:no-repeat;background-position:center;background-image:url(/static/images/promotions/membershipIntegral/bgline.png)}
	.nav-dots{position:relative;z-index:5;padding-top:32px}
	.nav-dots .nav-dot{position:absolute;top:12px;z-index:2;cursor:pointer}
	.nav-dots .nav-dot.active{top:22px;cursor:default}
	.nav-dots .nav-dot:nth-child(1){left:17.1%}
	.nav-dots .nav-dot:nth-child(2){left:50%;transform:translateX(-50%)}
	.nav-dots .nav-dot:nth-child(3){right:17.1%}
	.nav-dots .dot-icon{display:block;margin:0 auto;width:16px;height:16px;opacity:0.8;background:url(/static/images/promotions/membershipIntegral/icon-dot.png) no-repeat 0 0/100% 100%}
	.dot-vip-label{margin-top:4px;text-align:center;color:#FFD583;font-size:12px;font-style:normal;font-weight:600;line-height:normal}
	.active .dot-vip-label{margin-top:8px;position:relative;display:flex;padding:4px 8px;justify-content:center;align-items:center;border-radius:6px;background:#FFD583;font-size:14px;font-style:normal;font-weight:600;color:var(--black);text-align:center}
	.active .dot-vip-label:before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:8px solid #FFD583}
}
@media screen and (max-width: 1000px) {
	.banner-container{height:auto}
	.banner-pic-bg{background:none!important}
	.banner-pic-bg img{display:block;width:100%}
}
@media screen and (max-width: 767px) {
	.pop-ups-junebonus>div{height:78%;max-height:85%;padding:25px 8px 16px 16px;position:absolute;bottom:0;left:0;top:auto;margin:0 auto;border-radius:12px 12px 0 0;transform:translate(0);width:768px;max-width:100%}
	.layer-2.left{left:6.9%}
	.layer-2.right{right:6.9%}
	.layer-3.left{left:-30px;}
	.layer-3.right{right:-30px;}
	.nav-dots .nav-dot:nth-child(1){left:7.1%;top:6px}
	.nav-dots .nav-dot:nth-child(3){right:7.1%;top:6px}
}
@media screen and (max-width: 600px) {
	.layer-2.left{left:-30px}
	.layer-2.right{right:-30px}
	.carousel-item{max-width: calc(100% - 32px);}
}