/*全局样式*/
:root{--bgcolor:#3a3951;--thcolor:#aeadc136;--color1:#aeadc1;--color2:#70717d;--color3:#b6b8c6;--color4:#dadcea;--color5:#29282f;--color6:#faf8ff;--color7:#747894;--color8:#656383;--success-color:#00bf74;--danger-color:#ff5d5d;--bluecolor:#0073e9;--bg-color1:#f6f6fa;--btn-color1:#aeadc15c;}
/*:root{--bgcolor:#e8e6f6;--bluecolor:#de1c31;--color1:#474056;--color2:#70717d;--color3:#b6b8c6;--color4:#dadcea;--color5:#f4f3f9;--color6:#faf8ff;--success-color:#00bf74;--danger-color:#ff5d5d;--bluecolor:#6691fd;}*/
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;font-weight: normal; }
html {font-size:12px;font-family: "TA-Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-weight: normal;-webkit-text-size-adjust: 100%;}
body {position: relative;background:linear-gradient(var(--bgcolor),var(--color6)); color:var(--color1);-webkit-text-size-adjust: none;/*取出点击出现半透明的灰色背景*/-webkit-tap-highlight: rgba(0,0,0,0); }
ul,ul li,li {list-style: none;padding: 0;margin: 0;}
input.form-control::-webkit-input-placeholder {color: var(--color8);}
label {margin-left: 0.28rem;}
.gray{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}/*清除浮动代码*/
.clearfloat{zoom:1}
*,p,h5{margin: 0;padding: 0;}
a{cursor: pointer;text-decoration: none;color:var(--color1) ;}
.auto-1600{width:73%;margin: 0 0 0 16%; }
a.btn,a.btn.show{border: none;}
.btn,.modal-content{border-radius: 0;}
.text-right{text-align: right;}
.row{margin: 0;}
/*.row > *{padding: 0;}*/
/*div::-webkit-scrollbar{display: none;}*/
/*::-webkit-scrollbar {width:0.86rem;}*/
textarea{resize: none;}
.flex-di{flex-direction:inherit; }
.collapsing{transition: none;}
.form-control{border-radius: 0;font-size: 0.86rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: 0;}
.wfont{font-weight: bold;}
.t1{margin-top: 1rem;}
.b1{margin-bottom: 1rem;}
.l1{margin-left: 1rem;}
.r1{margin-right: 1rem;}
.pt1{padding-top: 1rem;}
.pb1{padding-bottom: 1rem;}
.pl1{padding-left: 1rem;}
.pr1{padding-right: 1rem;}
.center{text-align: center;}
.nav-link{color: var(--color2);}
img{max-width: 100%;display: block;width: 100%;}
strong{font-weight: bold;}
.btn{border: none;}
.title-2{margin-top: 2rem;font-size: 0.86rem;margin-bottom: 0.5rem;    height: 2rem;display: flex;justify-content: space-between;align-items: center;}
.title-2 p{ font-weight: bold;}
.title-2 .right{display: flex;align-items: center;}
.title-2 .right .dropdown{margin-left: 0.5rem;}
.title-2 .right .dropdown .btn{font-size: 0.86rem;line-height: 1.8rem;}
.title-2 .right .dropdown .dropdown-item{display: flex;align-items: center;font-size: 0.86rem;}
.title-2 .right .dropdown .dropdown-item input{margin-top: 0;margin-right: 0.5rem;}
.smallfont{font-size: 0.86rem;transform: scale(0.9);transform-origin: left center;color: var(--color4);}
.center{text-align: center;justify-content: center;}
.sort{position: relative;width: 0.5rem;height: 0.5rem;display: inline-block;margin-left: 0.3rem;cursor: pointer;}
.sort:before{position: absolute;content:"";width:0;height:0;border-left: 0.3rem solid transparent;border-right: 0.3rem solid transparent;border-bottom: 0.2rem solid var(--color4);top: -1px;left: 0;}
.sort:after{position: absolute;content:"";width:0;height:0;border-left: 0.3rem solid transparent;border-right: 0.3rem solid transparent;border-top: 0.2rem solid var(--color4);top: 4px;left: 0;}
.color-danger{color: var(--danger-color);}
.color-scusse{color: var(--success-color);}
.color-finish{color: var(--color3);}

/*滚动条样式-只针对google浏览器*/
/* 滚动条宽度和高度 */
*::-webkit-scrollbar {width: 4px;height: 8px;}
/*滚动条里面小方块*/
*::-webkit-scrollbar-thumb {border-radius: 4px;background: #d7d9e2;}
/*滚动条里面轨道*/
*::-webkit-scrollbar-track-piece {background-color:rgba(0,0,0,0.05);border-radius: 4px;}
/*滚动条样式-只针对火狐浏览器*/
* {scrollbar-width:thin;scrollbar-color:#d7d9e2 rgba(0,0,0,0.05);}




/*未读消息*/
.reddot{display:block;position: absolute;top: 0;right: -0.7rem;transform: translate(0,-25%) scale(0.8);transform-origin:center center;background: #ff4343;    width: 1.4rem;height: 1.4rem;text-align: center;color: #fff;font-size: 0.86rem;border-radius: 50%;line-height: 1.4rem;}
.reddot.active{display: block;}
/*搜索框*/
.search-normal{position: relative;    font-size: 0.86rem;}
.search-normal input{width: 100%;line-height: 2.5rem;color: var(--color2);     min-width: 13rem;   border: none;background: var(--colorw2);padding: 0 0.5rem;}
.search-normal input::-webkit-input-placeholder {color: var(--color4);}
.search-normal span{position: absolute;top: 50%;right: 1.5rem;transform: translate(0,-50%);cursor: pointer;    color: var(--color2);}
/*需要赋值功能的下拉框*/
form .dropdown.dropdown-value{flex: 1 1 auto;border: 1px var(--borders-color) solid;    position: relative;}
form .dropdown.dropdown-value .btn{width: 100%; line-height: 2rem;   font-size: 0.86rem;text-align: left;color: var(--color1);position: relative;display: flex;justify-content: space-between;align-items: center;}
form .dropdown.dropdown-value .btn i.arrow-down{color: var(--color4);border-top: 0.3em solid;border-right: 0.3em solid transparent;border-bottom: 0;border-left: 0.3em solid transparent;}
form .dropdown.dropdown-value .dropdown-toggle::after{display: none;}
form .dropdown.dropdown-value .dropdown-menu{width: 100%;font-size: 0.86rem;}
/*日期插件*/
.dropdown-time{background: #fff;border: 1px var(--borders-color) solid;line-height: 2.5rem;font-size: 0.86rem;padding: 0 0 0 0.5rem;}
.dropdown-time i{color: var(--color2);}
.dropdown-time input{border: none;    min-width: 14rem;    margin-left: 0.2rem;}
.daterangepicker td.in-range{background-color: var(--bluelight);}
.daterangepicker td.active, .daterangepicker td.active:hover{background-color: var(--theme-color);}
.daterangepicker .ranges li.active{background-color: var(--theme-color);}
/*标签模板*/
.tab-bq-mb{display: none;}

/*表单*/
form.form-my .li{display: flex;align-items: center;margin-bottom:0.8rem;color: var(--color3);    font-size: 0.86rem;}
form.form-my .li span{margin-right: 1rem;}
form.form-my .li textarea{border-color: var(--borders-color);flex: 1 1 auto;padding: 0.5rem;}
form.form-my .li .form-control{width: auto;flex: 1 1;    line-height: 2rem;}
.form-check-input{border: 1px var(--color3) solid;}
/*表情*/
.font-emoji{width: 30rem;padding: 1rem;flex-wrap: wrap;}
.font-emoji span{width: 7%;padding: 1%;}
.font-emoji.show{display: flex;}
@media(max-width:1650px){
    html,body {font-size:11px;}
}
@media(max-width:1500px){
    html,body {font-size:10px;}
}
@media(max-width:1000px){
    html,body {font-size:12px;}
}

/*.nav-my .nav-myitem-item{display: none;}*/
/*.nav-my .nav-myitem-item.active{display: block;}*/
.nav-my .nav-mybox-item{display: none;}
.nav-my .nav-mybox-item.active{display: block;}

.disappare{position: fixed;top: 50%;color:#fff;font-size:1.1rem;left: 50%;transform: translate(-50%,-50%);padding: 1rem 2rem;background: var(--color8);display: none;z-index: 200000;}
.disappare.active{display: block;}

.inputbox{position: relative;margin-bottom: 0.8rem;}
.inputbox input{line-height: 3.2rem;padding-left: 2.5rem;color: var(--color1);background: var(--color5);border: none;width: 100%;}
.inputbox input::-webkit-input-placeholder {color: var(--color3);}
.inputbox span{position: absolute;content: "";top: 50%;left: 0.5rem;transform: translate(0,-50%);color: var(--color1);}
.inputbox span.iconfont{font-size: 1.2rem;}

.table{width: 100%;}
.mytable{margin-bottom: 1.5rem;}
.mytable thead tr{background: var(--color5);}
.mytable tbody tr td{border-bottom:1px var(--color5) solid;vertical-align: top;}
.mytable th,.mytable td{padding: 0.5rem 0.5rem 0.5rem 1rem;line-height: 2rem;text-align: left;white-space: nowrap;}

.dropdown-box{border: 1px var(--color3) solid;margin-right: 2rem;}
.dropdown-box .dropdown-box-title{line-height: 2.6rem;background:var(--color4);color: var(--color1);display: inline-block;padding: 0 1.5rem; }
.dropdown-box .dropdown{background:#fff;color: var(--color1);min-width: 12rem; }
.dropdown-box .dropdown p{line-height: 2.6rem;padding-left: 0.5rem; }

.empty{text-align: center;padding: 1rem 0;margin-top: 10px;border-radius: 5px;}
.empty span.pic{display: inline-block;  width: 10rem;}
.empty p{font-size: 1rem;line-height: 1rem;}

.dropdown{position: relative;}
.dropdown p{position: relative;cursor: pointer;}
.dropdown p span.icon-xl{position: absolute;top: 50%;right: 0.5rem;transform: translate(0,-50%);font-size: 1rem;cursor: pointer;margin-right:0;}
.dropdown-menu{display: none;position: absolute;border:1px #e3dcf2 solid;top: 100%;margin-top:5px;width: 100%;min-width: 10rem;    border-radius: 6px;background: #858197;padding: 0.5rem 0;z-index: 100;}
.dropdown-menu li{padding:0 0.5rem;}
.dropdown-menu li a{line-height: 2.6rem;    display: block;    color: var(--color6);}
.dropdown.active .dropdown-menu{display: block;}
/*.dropdown-menu li:hover{background: var(--color6);}*/

.btn-dropn-second{position: relative;}
.btn-dropn-second p{position: relative;cursor: pointer;}
.btn-dropn-second p span.icon-xl{position: absolute;top: 50%;right: 0.5rem;transform: translate(0,-50%);font-size: 1rem;cursor: pointer;margin-right: 0%;}
.drop-second{position:absolute; display: none;margin-top: 3rem;    width: auto;z-index: 10000;}
.drop-second.active{display: flex;}
.drop-second .selectOne{position:relative;max-height: 35rem;overflow: auto;}
.drop-second .selectOne:after{position:absolute;content:"";width: 1px;height: 100%;top: 0;right: 0;background:var(--color4); }
.drop-second .selectSecond{max-height: 35rem;overflow: auto;flex: 1;min-width: 12rem;}
.drop-second a{line-height: 3rem;display: block;color: var(--color6);padding:0 1.5rem;}
/*.drop-second a:hover{background: var(--color5); }*/
.drop-second a.active{background: var(--color5);color: var(--bluecolor) }
.drop-second .selectOne a{padding-right: 2.5rem;position: relative;    max-width: 24rem;overflow: hidden;text-overflow: ellipsis;text-wrap: nowrap;white-space: nowrap;}
.drop-second .selectOne a:after{position: absolute;content: ">";font-size: 1rem;top: 50%;right: 0;transform: translate(0,-50%);color: #999;right: 1rem;}

a.btn-line{color:var(--color1) ;text-decoration: underline;font-weight: bold;}
/*a.btn-line:hover{color:var(--bluecolor);}*/
a.btn{line-height: 2.8rem;border-radius: 0.5rem;background: var(--bluecolor);padding: 0 2.5rem;color: #fff;font-size: 1.1rem; position: relative; display: inline-block;    text-align: center;transition: all 0.2s ease;}
a.btn.btn-light{background: var(--color5);color: var(--color1);}
/*a.btn:hover{ box-shadow: 0 2.85rem 9.3rem rgb(10 16 50 / 5%), 0 2rem 6.4rem rgb(10 16 50 / 3%), 0 1.5rem 3.5rem rgb(10 16 50 / 2%);background: var(--bluecolor);}*/
a.btn.btn-point{background: var(--bluecolor);}
.iconfont{font-size: 1.2rem;}
.lookmore{margin-top: 2rem;}
.loadmore{margin-top: 2rem;display: flex;align-items: center;}
.loadmore span{display: inline-block;margin: 0 2rem;color:var(--color1) }
.loadmore .xx{height: 1px;background: var(--color2);flex: 1;}

.jqqd{background: #fff;border-radius: 1rem;line-height: 3rem;text-align: center;font-size: 1.3rem;}
.flex{display: flex;}
.flex-al-center{align-items: center;}
.just-sb{justify-content: space-between;}
.ell1{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; }
.ell2{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }

.search-box{position: relative;border-radius: 1.2rem;overflow: hidden;border: 1px var(--color4) solid;}
.search-box input{line-height: 2.4rem;min-width: 20rem;background: #3a3951;color: var(--color8);font-size: 1rem;border: none;padding-left: 0.5rem;}
.search-box input::-webkit-input-placeholder {color: var(--color3);}
.search-box .search-btn{position: absolute;top: 50%;right: 0;color: #fff;font-size: 1rem;transform: translate(0,-50%);line-height: 2.4rem;height: 100%;padding: 0 1.5rem;background: var(--color8);border-radius: 1.2rem;}

.page-activity .flex-box{display: flex;}
.page-activity .flex-box2>div{width: 49%;margin-right: 2%;}
.page-activity .flex-box2>div:nth-child(2n){margin-right: 0;}
.radiu10{border-radius: 1rem;overflow: hidden;}
.hoverbig img{scale: 1;transition: all 1s ease;}
.hoverbig:hover img{scale: 1.05;}
.countdown{display: flex;align-items: center;border: 1px var(--color1) solid;border-radius: 2px;font-size: 1rem;}
.countdown p{padding: 0 0.5rem;line-height: 1.8rem;}
.countdown .time{background: var(--color1);color: #fff;display: flex;align-items: center;font-size: 1.2rem;line-height: 1.8rem;}

.container{position:relative;}
.container:after{position: absolute;content:"";width: 100%;height: 100%;top: 0;left: 0; background: url(../images/bg1.png)repeat top left;background-size: 100% 100%;z-index: -1;}


.banner{}
.banner-pic{border-radius: 1rem;overflow: hidden;position: relative;}
.banner-pic .swiper-slide{opacity: 0.4;border-radius: 1rem;overflow: hidden;position: relative;}
.banner-pic .swiper-slide.swiper-slide-active{opacity: 1;}
.banner-pic .swiper-slide .word{position: absolute;content: "";width:30rem;bottom:20%;left:2%;background: rgba(0,0,0,0.6);padding: 0.5rem;color: var(--color4);font-size: 0.86rem;}
.banner-pic .swiper-slide .word h3{color: #fff;font-size: 1.6rem;padding-bottom: 0.5rem;margin-bottom: 0.5rem;border-bottom: 1px rgba(255,255,255,0.3) solid;}
.banner-pic .swiper-pagination{position: absolute;bottom: 4%;left: 50%;transform: translate(-50%,0);}
.banner-pic .swiper-pagination-bullet{width: 4rem;height: 2px;background: #fff;border-radius: 0;}
.banner-pic .swiper-button-next:after,.banner-pic .swiper-button-prev:after{font-size: 2rem;color: #fff;}

.banner-news{border-right: 5px;padding: 0.8rem 1% 0.5rem;   display: flex;justify-content: space-between;align-items: center; box-shadow: 0 0 10px #b6caff;   margin-top: 1rem;border-radius: 0.5rem;    background: linear-gradient(to right,#242424,#858197);}
.banner-news-icon{color: var(--bluecolor);}
.swiper-banner-news{flex: 1;margin-left: 1rem;}
.banner-news .new-inner{font-size: 1.14rem;color: #fff;  }
/*.banner-news ul li{cursor: pointer;position: relative;width:24%;margin-right: 1%;}*/
.banner-news .new-inner a{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;}
.banner-news .new-inner time{font-size: 0.86rem;color: var(--color3);   margin-top: 0.1rem;display: inline-block;    display: flex;align-items: center;}
.banner-news .new-inner time .iconfont{transform: scale(0.9);transform-origin: left center;}
.banner-news .new-inner time b{display: inline-block;margin: 0 0.4rem;transform: scale(0.9);transform-origin: left center; }

.banner-news a.more{width: 2rem;height: 2rem;line-height: 1rem;background: var(--color1);font-size: 1.14rem;display: flex;justify-content: center;align-items: center;color: #fff;    border-radius: 0.4rem;}
/*.banner-news a.more:hover{background: var(--bluecolor);}*/


.banner{display: flex;justify-content: space-between;background: var(--bgcolor);border-radius: 10px;}
.bannerpic{width: 35%;}
.bannerpic img{border-top-right-radius: 10px;border-bottom-right-radius: 10px;mask-image: linear-gradient(90deg,transparent,black 30%);}
.contain-word{padding: 4%;}
.contain-word b{font-size: 2rem;font-weight: bold;}
.contain-word p{font-size: 1.2rem;margin-top: 1%;width: 55%;}
.contain-word p.daily-word{width: 100%;}

.contain-mid{display: flex;margin: 1% 0;justify-content: space-between;}
.contain-mid li{display: flex;background: var(--bgcolor);border-radius: 10px;width: 49.5%;padding: 2% 3%;}
.reward-pic{width: 30%;background: url(../images/reward-bg.jpg)repeat center center;background-size: 100% 100%;border-radius: 10px;padding: 4%;}
.contain-left .contain-word{padding: 4% 0;}
.contain-left .contain-word p{width: 60%;}
.discount{position: relative;display: flex;width: 54%;z-index: 3;font-size: 1.2rem;}
.discount:after{position: absolute;content: "";width: 100%;top: 0;left: 0;height: 100%; background: #201f28;transform: skew(-20deg);z-index: -1;border-radius: 5px;}
.discount p{position: relative;z-index: 3;padding: 2%;width: 27%;text-align: center;color: #fff;}
.discount p:after{position: absolute;content: "";width: 100%;top: 0;left: 0;height: 100%; background: #e20000;transform: skew(-20deg);z-index: -1;border-radius: 5px;}
.discount-num{padding: 2%;margin-left: 3%;display: flex;justify-content: space-between;width: max-content;}
.discount-num span{margin-left: 1%;}
.discount-num span:first-child{text-decoration-line: line-through;}

.contain{padding-top: 4rem;padding-bottom: 4rem;min-height: calc(100vh - 4rem);}

.contain-box-2{display: flex;justify-content: space-between;align-items: flex-start;}
.contain-box-2 .content{width: 49%;}
.contain-box{margin-top: 2rem;}
.contain-box>h3{font-size: 1.6rem;color: #fff;font-weight: bold;margin-bottom: 1rem;}
.contain-box>h3 span{font-size: 1.6rem;background: linear-gradient(#242424,#858197);color: transparent;-webkit-background-clip: text;}
.page-activity .contain-box:nth-child(1){margin-top: 1rem;}
.contain-index .contain-box{margin-top: 4rem;}

.notice-null{display: flex;justify-content: center;}
.notice-null span{display: inline-block;    background: #5a566e;color:#d5d7fa;border-radius: 10px;padding: 1rem 2rem;line-height: 1.4rem;font-size: 1.2rem;min-width: 50%;text-align: center;}

.storelist{display: flex;flex-wrap: wrap;}
.storelist li{width: 24.25%;border-radius: 1rem;overflow: hidden;position: relative;margin-bottom: 1%;margin-right: 1%;box-shadow: 0 0 10px #191919;}
.storelist li:nth-child(4n){margin-right: 0;}
.storelist li>a{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index:10;}
.storelist li .bot{padding:0 3%;position: absolute;content: "";width: 100%;background: rgba(0,0,0,0.6);bottom: 0;left: 0;height: 3.5rem;font-size: 1.2rem;color: #fff;text-align: center;display: flex;align-items: center;}
.storelist li .bot p{flex: 1;}
.storelist li .bot a{display:none;background: var(--bluecolor);line-height: 1.8rem;font-size: 1rem;padding: 0 1.5rem;border-radius: 0.9rem;color: #fff;}
/*.storelist li:hover{justify-content: space-between;}*/
/*.storelist li:hover .bot a{display: inline-block;}*/
/*.storelist li:hover .bot p{text-align: left;}*/

.store-piclist{display: flex;flex-wrap: wrap;    align-items: stretch;}
.store-piclist li{width: 24.25%;border-radius: 1rem;overflow: hidden;position: relative;margin-bottom: 1%;margin-right: 1%;background: #fff;}
.store-piclist li:nth-child(4n){margin-right: 0;}
.store-piclist li>a{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index:10;}
.store-piclist li .top{position:relative;background:linear-gradient(to right,#242424,#858197); padding: 1rem;display: flex;color: #fff;align-items: center;}
.store-piclist li .top:after{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background:url("../images/bg-jb.png") no-repeat top left;background-size: 100% 100%;}
.store-piclist li .top .mess{z-index: 2;flex: 1;}
.store-piclist li .top .mess h3{font-size: 1.2rem;margin-bottom: 0.5rem;display: flex;justify-content: space-between;align-items: flex-start;}
.store-piclist li .top .mess h3 span{flex: 1;display: inline-block;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.store-piclist li .top .mess h3 a{font-size: 1rem;color: var(--color1);display: inline-block;line-height: 1.6rem;padding: 0 1rem;border-radius: 0.8rem;background: #fff;}
/*.store-piclist li:hover .top .mess h3 a{color: #fff;background: var(--bluecolor);}*/
.store-piclist li .top .mess p{color: rgba(255,255,255,0.5);}
.store-piclist li .top .pic{width: 5rem;margin-right: 1rem;z-index: 2;    border: 2px rgba(255,255,255,0.1) solid;border-radius: 1rem;overflow: hidden;}



.welfarelist{display: flex;margin-bottom:2rem;}
.welfarelist li{border-radius: 1rem;overflow: hidden;width: 31.5%;margin-right: 3%;}
.welfarelist li:nth-child(3n){margin-right: 0%;}

.notice-big-pay{background: var(--color5);padding: 1rem;max-height: 25rem;overflow: auto;}

.pay-list{}
.pay-list .nav-my-top{display: flex;align-items: center;justify-content: center;}
.pay-list .nav-my-top a{background: var(--color8);line-height: 3rem;font-size: 1rem;display: inline-block;width: 20%;margin: 0 3px; text-align: center;border-top: 1px var(--color1) solid;border-left: 1px var(--color1) solid;border-right: 1px var(--color1) solid;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;    color: #fff;}
.pay-list .nav-my-top a.active,.pay-list .nav-my-top a:hover{background:var(--color5); }
.pay-list .nav-my-bot{margin-bottom: 2rem;padding-top: 1rem;background:var(--color5); }
.pay-list-inner{display:none;flex-wrap: wrap;justify-content: flex-start;}
.pay-list-inner.active{display: flex;}
.pay-list-inner li{position:relative;border: 1px var(--color4) solid;background: #fff; width: 12.28%;margin-right: 2%; margin: 0 1% 1%;bottom: 0;transition: all 0.2s ease; cursor: pointer;   padding: 0.2rem;}
.pay-list-inner li .promotion{position: absolute;content: "";top: 0;left: 0; width: 3.4rem;height: 3.4rem;    margin-left: -1rem;border-radius: 50% 4px 50% 50%; background: var(--bluecolor);color: #fff;font-size: 1rem;     transform: scale(0.8);transform-origin: top left;   display: flex;    flex-direction: column;justify-content: center;}
.pay-list-inner li .promotion span{display: block;text-align: center;}
.pay-list-inner li.active{border: 1px var(--bluecolor) solid;outline: 2px var(--bluecolor) solid;}
.pay-list-inner li .picy{position: relative;}
.pay-list-inner li .pic{text-align: center}
.pay-list-inner li .pic img{margin: 0 auto;}
.pay-list-inner li span.currency{position: absolute;top: 0;right: 0;font-size: 1rem;line-height: 1.6rem;color: #fff;background: #000;display: inline-block;padding: 0 4px;transform: scale(0.85);transform-origin: top right;}
.pay-list-inner li span.currency:after{position: absolute;content: "";height: 100%;width: 1rem;top: 0;right: 99%;background: url(../images/bq-b.png)no-repeat top left;background-size: 100% 100%;transform: rotateY(180deg);}

.choosesecond-box{display: block;}
.choosesecond-box.active{display: block;}
.choosesecond-box p.notice{font-size: 1rem;color:var(--color3);margin-bottom: 1rem;}
.choosesecond-box p.notice span{color:var(--color1);margin: 0 1rem;}
.choosesecond-box p.notice b{color:var(--bluecolor);}
.choosesecond-list{display: flex;flex-wrap: wrap;    max-height: 25rem;overflow: auto;}
.choosesecond-list li{width: 24.25%;margin-right: 1%;  align-items: center;   background: var(--color8);   display: flex;justify-content: space-between;padding: 0.8rem 0.6rem;color: var(--color6);border-radius: 5px;position: relative;margin-bottom: 1%;transition: all 0.2s ease;bottom: 0;}
.choosesecond-list li.active{border: 1px var(--bluecolor) solid;outline:  1px var(--bluecolor) solid;}
.choosesecond-list li:nth-child(4n){;margin-right: 0;}
.choosesecond-list li .left{flex: 1;}
.choosesecond-list li .left b{font-weight: bold;    font-size: 1.1rem;}
.choosesecond-list li .left p{color: var(--color3);transform: scale(0.86);transform-origin: left;}
.choosesecond-list li .price-ys{text-align:center;color: #fff;font-size: 0.86rem;}
.choosesecond-list li .price-ys span{font-size: 1.6rem;font-weight: bold;display: block;}
.choosesecond-list li .price-hs{text-align:center;color: #ff9d33;font-size: 0.86rem;padding-left: 1rem;position: relative;margin-left: 1rem;min-width: 7rem;}
.choosesecond-list li .price-hs:after{position: absolute;content: "";width: 1px;height: 100%;top: 50%;left: 0;background: var(--color4);transform: translate(0,-50%);}
.choosesecond-list li .price-hs span{font-size: 1.6rem;font-weight: bold;display: block;}

.content{background: var(--bgcolor);border-radius: 1rem;padding: 1.5rem 2rem;position: relative;}
.content .content-title-flud{position: absolute;bottom: 100%;left: 0;    background: var(--bgcolor);padding: 0 1rem 0 0;font-size: 1.3rem;}
.content .content-title-flud:after{position: absolute;content:"";width: 0;height: 0;border-bottom: 2.4rem solid #3a3951;border-right: 2rem solid transparent;top: 0;left: 100%;}
.content .content-title-flud i{display:inline-block;border-radius: 50%; width: 2.4rem;height: 2.4rem;text-align: center;margin: 0 0.5rem 0 -0.5rem;line-height: 2.4rem;background: var(--bluecolor);font-size: 1.2rem;color: #fff;font-style: normal;}
.content .content-notice{position: absolute;bottom: 100%;margin-bottom:0.5rem;right: 0;font-size: 0.86rem;color: var(--color3);}
.content .content-notice i{font-style: normal;}
.content .content-notice span.point{color: var(--color1);margin-left: 5px;}
.more-pay-meth{position: relative;}
.more-pay-meth .nav-my{display: none; position: absolute;width: 45rem;top: 100%;right: 0;background: #fff;border: 1px #ddd solid;border-radius: 1rem;padding: 0.5rem;z-index: 12;}
.more-pay-meth .nav-my-top{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.more-pay-meth .nav-my-top a{background:var(--color5);line-height: 3rem;font-size: 1rem;display: inline-block;width: 20%;text-align: center;border: 1px #fff solid;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #fff;  }
.more-pay-meth .nav-my-top a.active{background:var(--color8); }
/*.more-pay-meth .nav-my-top a:hover{background:var(--bluecolor); }*/
.more-pay-meth .nav-my-bot{margin-top: 2%;    max-height: 10rem;overflow: auto;}
.more-pay-meth .nav-my-bot .li{display: none;flex-wrap: wrap;}
.more-pay-meth .nav-my-bot .li a{width: 23%;margin-right: 2%;margin-bottom: 2%;     border: 1px var(--color4) solid;display: block;padding:2px;}
.more-pay-meth .nav-my-bot .li.active{display: flex;}
/*.more-pay-meth .nav-my-bot .li a:hover{background:var(--bluecolor);  }*/
.more-pay-meth .nav-my-bot .li a.active{background:var(--bluecolor);  }
.more-pay-meth.active .nav-my{display: block;}

.content-head{display:flex;justify-content: space-between;align-items: center; background: var(--color8);width: calc(100% + 4rem);padding:1rem 2rem;margin-left: -2rem;margin-top: -1.5rem;margin-bottom: 2rem;border-radius: 1rem 1rem 0 0;}
.content-title{margin-bottom: 1rem;display: flex;align-items: center;justify-content: space-between;}
.content-title h3{font-size: 1.5rem;font-weight: bold;margin-right: 3rem;    color: var(--color1);display: flex;align-items: center;}
.content-title h3 span{margin-right: 5px;font-size: 15px;}
.content-title h3 .details{margin-left: 5px; color: #fff;background: var(--color1);font-size:1rem;width: 1.2rem;line-height: 1.2rem;text-align: center;border-radius: 50%;display: inline-block;cursor: pointer;}
.content-title p a{display: inline-block;margin-left: 1.5rem;color: var(--bluecolor);}
.content-title p span{display: inline-block;margin-left: 1.5rem;}
.content-title .lookmore{margin-top: 0;text-decoration: underline;}
.contain-box-2 .content-title{margin-bottom: 0;}
.content-nav a{font-size: 1.17rem;display: inline-block;margin: 0 1.5rem;color: var(--color6);position: relative;}
.content-nav a.active{font-weight: bold;}
.content-nav a.active:after{position: absolute;content: "";width: 80%;height:2px;top: 112%;left: 50%;transform: translate(-50%,0);background: #fff;}
.content-foot{display:flex;justify-content: space-between;align-items: center; background: var(--bgcolor);width: calc(100% + 4rem);padding:1.5rem 2rem 1rem;margin-left: -2rem;margin-bottom: -1.5rem;margin-top: 1rem;border-radius:0 0 1rem 1rem;}
.aboutjf span.iconfont{color: var(--color1);}
.aboutjf span{transform:scale(0.9);transform-origin: center; color: var(--color3);    display: inline-block;}


.store-choose .game-icon{width: 4rem;}
.store-choose .flex-al-center{flex: 1;}
.store-choose .flex-al-center .srk-box{flex: 1;display: flex;align-items: center;}
.store-choose .srk{margin-left:2rem;display: flex; align-items: center;}
.store-choose .srk input{line-height:2.6rem;padding-left: 0.8rem;border: 1px var(--color4) solid;    font-size: 1rem;    width: 12rem;}
.store-choose .srk .valueholder{display:inline-block;line-height:3rem;padding-left: 0.8rem;background: var(--color5);    font-size: 1rem;    width: 12rem;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    box-sizing: border-box;}
.store-choose a.btn-sq{margin-left: 2rem;color: var(--bluecolor);text-decoration: underline;font-weight: bold;}

.commodity-list{display: flex;flex-wrap: wrap;}
.commodity-list li{width: 24%;margin-right: 1%; display: flex;justify-content: space-between;padding: 5px;color:var(--color1); border-radius: 5px;position:relative;margin-bottom: 1%;transition: all 0.2s ease;bottom: 0;    background: #22213c;}
/*.commodity-list li:hover{ bottom: 0.28rem;box-shadow: 0 2.85rem 9.3rem rgb(10 16 50 / 5%), 0 2rem 6.4rem rgb(10 16 50 / 3%), 0 1.5rem 3.5rem rgb(10 16 50 / 2%);border: 1px var(--bluecolor) solid;outline:  1px var(--bluecolor) solid;}*/
.commodity-list li.active{border: 1px var(--bluecolor) solid;outline:  1px var(--bluecolor) solid;}
/*.commodity-list li:nth-child(4n){margin-right: 0;}*/
.commodity-list li>a{position: absolute;content: "";width: 100%;height:100%;top: 0;left: 0;z-index: 10;}
.commodity-list li .left{display: flex;flex: 1;}
.commodity-list li .left .pic{background: #4d4b69;border-radius: 5px;padding: 0.5rem;    width: 5rem;margin-right: 0.5rem;    display: flex;align-items: center;justify-content: center;}
.commodity-list li .left .pic span.iconfont{font-size: 3rem;background: linear-gradient(#fde3a1,#9f874a);color: transparent;-webkit-background-clip: text;}
.commodity-list li .left .commodity-list-word{flex: 1;}
.commodity-list .commodity-list-word h4{font-size: 1.28rem;font-weight: bold;margin-bottom: 5px;margin-top: 0;}
.commodity-list .commodity-list-word p{font-size: 0.86rem;color: var(--color2);}
.commodity-list .price{font-size: 1rem;text-align: right;color: #ff9d33;}
.commodity-list .price>a{display: inline-block;margin-top: 0.8rem;}
.contain-member .commodity-list .price a{display: none;}
.commodity-list .price p{font-weight: bold;}
.commodity-list .price span{font-size: 1.6rem;font-weight: bold;}
.commodity-list .price .price-vip{color: #ff9d33;}
.commodity-list .price .price-vip i{font-style: normal;color: var(--color3);display: block;font-size: 0.86rem;transform: scale(0.88);}
.commodity-list .price .price-histry{font-size:1rem;color: var(--color2);font-weight: normal;    text-decoration: line-through;}
.commodity-list .price .price-histry span{font-size:1rem;color: var(--color2);font-weight: normal;}
.commodity-list li .promotionbq{position: absolute;padding: 0 3px;content: "";top: 0;left: 0; width: 3.4rem;height: 3.4rem;border-radius: 50% 4px 50% 50%; background: var(--bluecolor);color: #fff;font-size: 1rem;     transform: scale(0.8);transform-origin: top left;   display: flex;    flex-direction: column;justify-content: center;}
.commodity-list li .promotionbq span{display: block;text-align: center;}

.game-sq-list{display: flex;flex-wrap: wrap;}
.game-sq-list li{width: 13.4%;margin-bottom: 1%;margin-right:1%;padding: 5px;color:var(--color1);    border-radius: 5px;display: flex;align-items: center;background: var(--color5);}
.game-sq-list li:nth-child(7n){margin-right: 0;}
.game-sq-list li .pic{width:4.5rem;margin-right: 1rem;}
.game-sq-list li .game-sq-mess{flex: 1;}
.game-sq-list li .game-name{font-size: 1.17rem;    margin-bottom: 0.5rem;}
.game-sq-list li p{font-size: 1rem;color: var(--bluecolor);    transform: scale(0.95);}
.game-sq-list li p.active{font-size: 1rem;color: var(--color3);}


/*储值页样式*/
.contain-store .pay-money{font-size: 1.1rem;color: #787985;text-align: left;padding: 0px 0 5px;margin: 0 2rem;}
.contain-store .pay-money .actual{color: var(--bluecolor);}
.contain-store .pay-money .actual span{font-size: 1.8rem;font-weight: bold;}
.contain-store .content-foot{font-size: 0.86rem;}
.contain-store .content-foot .left{min-width:25rem;}
.contain-store .content-foot .left .dropdown p{display: flex;padding: 5px;font-size: 1rem;color: #fff; align-items: center;background: var(--color8);border-radius: 5px;}
.contain-store .content-foot .left .pic{width: 1.5rem;display: inline-block;}
.contain-store .content-foot .left .valueholder{font-weight: bold;font-size: 1.1rem;}
.contain-store .content-foot .dropdown-menu{max-height: 15rem;overflow: auto;background: #2f2b41;}
.contain-store .content-foot .dropdown-menu li{position: relative;}
.contain-store .content-foot .dropdown-menu li span{position: absolute;content: "";top: 50%;right: 2%;transform: translate(0,-50%);color: var(--color3);}
.contain-store .pay-methods{margin-bottom: 0.8rem;text-align: right;}
.contain-store .pay-shop{margin-bottom: 0.8rem;font-size: 1rem;color: var(--color1);}
.contain-store .contain-box{margin-top: 4rem;}
.contain-store .contain-box:last-child{margin-top: 2rem;}
.contain-store .content-body{max-height: 35rem;overflow: auto;padding-top: 0.28rem;}
.contain-store .content-foot .right{background: #fff;border-radius:3rem;border: 1px var(--bluecolor) solid;display: flex;justify-content: space-between;}
/*.contain-store .content-foot .right{min-width: 32rem;padding-left: 1rem; background: #fff;border-radius:3rem;border: 1px var(--bluecolor) solid;display: flex;justify-content: space-between;}*/
.contain-store .content-foot .right a.btn{box-shadow: 0 0 8px var(--bluecolor);line-height: 3.4rem;padding: 0 2.5rem;font-size:1.4rem;border-radius: 3rem;display: flex;align-items: center; }
.contain-store .content-foot .right a.btn:hover{box-shadow: 0 0 0px var(--bluecolor);}

/*储值成功样式*/
.pay-succese{text-align: center;    padding: 2% 0;}
.pay-succese img{max-width: 8rem;margin: 0 auto 2%;}
.pay-succese .mess{margin-bottom: 2%;}
.pay-succese .mess p{font-size: 1.2rem;line-height: 2rem;padding:2rem 0;background: var(--color5);}
.pay-succese a{min-width: 10rem;display: inline-block;margin: 0 0.5rem;}
.pay-succese a.btn-refresh{background: var(--color4);color:var(--color1); }
.pay-succese a.btn-back{background: var(--bluecolor); }
.pay-succese a.btn-contain{background: var(--success-color);}

/*个人中心页样式*/
.contain-personal{font-size: 1rem;color: var(--color1);}
.content-personal-mess{display: flex;    padding: 0;}
.content-personal-mess .vipbox{width: 8%;border-radius: 1rem 0 0 1rem;position: relative;display: flex;flex-direction: column; justify-content: center;align-items: center;background: linear-gradient(#badfeb,#b7dfe5,#cee6f4);}
.content-personal-mess .vipbox a{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
.content-personal-mess .vipbox .pic{width: 58%;margin-bottom: 0.5rem;z-index: 2;text-align: center;}
.content-personal-mess .vipbox .pic .iconfont{font-size: 4rem;background: linear-gradient(to right,#2f586c,#83bbdb);color: transparent;-webkit-background-clip: text;}
.content-personal-mess .vipbox p{background: linear-gradient(to right,#2f586c,#83bbdb);color: transparent;-webkit-background-clip: text;z-index: 2;}
.content-personal-mess .vipbox .bg{position: absolute;width: 90%;height: 100%;top:5%;left: 0;z-index: 0;}
.content-personal-mess .content-personal-mess-inner{z-index: 10;padding: 1.5rem 2rem 1.5rem 0;background: var(--bgcolor);border-top-right-radius: 1rem;border-bottom-right-radius: 1rem;flex: 1;display: flex;justify-content: space-between;align-items: center;}
.content-messpv{    z-index: 1;position:relative;display: flex;justify-content: space-between;align-items: center;font-size: 1.1rem;}
.content-messpv .icon{width: 6rem;height: 6rem;border-radius: 50%;}
.content-messpv .icon span.word{width: 6rem;height: 6rem;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 1.8rem;font-weight: bold;background: #3a3951;text-transform: uppercase;    flex-wrap: nowrap;}
.content-messpv div{margin-left: 2rem;}
.content-messpv div p{line-height: 2.4rem;}
.content-messpv div p span{display: inline-block;margin-left: 0.5rem;}
.content-messpv div a{display: block;color: var(--bluecolor);line-height: 2rem;}
.content-personal-mess .content-personal-mess-inner .mid{display: flex;justify-content: space-between;align-items: center;}
.content-personal-mess .content-personal-mess-inner .mid div{text-align: center;margin: 0 2rem;position: relative;cursor: pointer;}
.content-personal-mess .content-personal-mess-inner .mid div.btn-news a{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;}
.content-personal-mess .content-personal-mess-inner .mid div h2{font-size: 3.2rem;font-weight: bold;color: var(--bluecolor);margin-top: -1rem;}
.content-personal-mess .content-personal-mess-inner .mid div .record-jf{position:absolute;top:100%;left: 50%;transform: translate(-50%,0) scale(0.9); color: var(--color3);width: 200%;}
/*.content-personal-mess .content-personal-mess-inner .mid div .record-jf:hover{color: var(--bluecolor);}*/
.content-personal-mess .content-personal-mess-inner .right{width: 10rem; cursor: pointer;   margin: -2rem 0;}

.gameorder-table .pic{width: 4.5rem;margin-right: 1rem;}
.gameorder-table .game-name{color: var(--color1);font-weight: bold;}
.gameorder-table .shop{color: var(--color2);    line-height: 1.4rem;}
.gameorder-table .time{transform:scale(0.9);display:inline-block;color: var(--color3);line-height: 1rem;transform-origin: left top;}
.gameorder-table .num{color: var(--color2);    line-height: 1.4rem;}
.gameorder-table .price{color: var(--color1);font-weight: bold;}

/*會員中心页样式*/
.contain-member{font-size: 1rem;}
.content-member{position:relative;padding: 0;}
.content-member .memberbs{position: absolute;top:-5%;left: -1%;z-index: 2;}
.content-member .memberbs .iconfont{position: absolute;top: 0;left: 0;font-size: 1.8rem;background: linear-gradient(#badfeb,#b7dfe5,#cee6f4);color: transparent;-webkit-background-clip: text;}
.content-member .memberbs .name{background: #fff;line-height: 2rem;font-weight: bold;font-style: italic;padding: 0 1rem;border-radius: 1rem;    display: inline-block;    padding-left: 2rem;}
.content-member .content-member-mess-inner{position:relative;display: flex;justify-content: space-between;    overflow: hidden;align-items: center;background: linear-gradient(#badfeb,#b7dfe5,#cee6f4);padding: 1.5rem 3rem; color: #3c6e87;  border-radius: 1rem 1rem 0 0;}
.content-member .content-member-mess-inner .bg{position: absolute;content: "";width: 20%;top: 5%;right: 2rem;z-index: 0;opacity: 0.5;}
.content-member .content-member-mess-inner .bg-v{position: absolute;content: "";width: 16%;top: 5%;left: -1%;z-index: 0;opacity: 0.6;}
.content-member .content-messpv .icon{background: #3c6e87;    margin-left: 0;}
.content-member .jfbar{z-index: 2;width: 35%;position: relative;}
.content-member .jfbar .jfbar-top{display: flex;justify-content: space-between;align-items: flex-end;}
.content-member .jfbar .jfbar-top .jfnow span b{font-size: 2.2rem;}
.content-member .jfbar .jfbar-top .jfnow i{margin-left: 0.5rem;font-style: normal;}
.content-member .jfbar .jfbar-top .nextjf span{color:#c07729;}
.content-member .jfbar .jfbar-top .nextjf b.details{color:#fff;background: var(--color1);width: 1rem;line-height: 1rem;border-radius: 50%;display: inline-block;text-align: center;cursor: pointer;}
.content-member .jfbar .jfbar-bot{display: flex;justify-content: space-between;align-items: center;}
.content-member .jfbar .jfbar-bar{width: 100%;height: 2px;background: #fff;margin: 0.4rem 0;position: relative;}
.content-member .jfbar .jfbar-bar .bar-pross{position: absolute;content: "";width: 0;height: 100%;top: 0;left: 0;background: linear-gradient(to right,#2f586c,#83bbdb);}

.content-personal-mess .vipbox.vip-1{background: linear-gradient(#a5bbe9,#abc6e9,#e1e8fb);}
.content-personal-mess .vipbox.vip-1 p,.content-personal-mess .vipbox.vip-1 .pic .iconfont{background:linear-gradient(to right,#2f3f6c,#7daef4);color: transparent;-webkit-background-clip: text;}
.content-member.vip-1 .memberbs .iconfont{background: linear-gradient(#a5bbe9,#abc6e9,#e1e8fb);color: transparent;-webkit-background-clip: text;}
.content-member.vip-1 .memberbs .name{color: #405c9a;}
.content-member.vip-1 .content-member-mess-inner{background: linear-gradient(#a5bbe9,#abc6e9,#e1e8fb);color: #405c9a;}
.content-member.vip-1 .content-messpv .icon{background: #405c9a;}
.content-member.vip-1 .jfbar .jfbar-bar .bar-pross{background:linear-gradient(to right,#2f506c,#7daef4);}

.content-personal-mess .vipbox.vip-2{background: linear-gradient(#ffe399,#e2c68f,#fbece1);}
.content-personal-mess .vipbox.vip-2 p,.content-personal-mess .vipbox.vip-2 .pic .iconfont{background:linear-gradient(to right,#6c532f,#f4b55b);color: transparent;-webkit-background-clip: text;}
.content-member.vip-2 .memberbs .iconfont{background: linear-gradient(#ffe399,#e2c68f,#fbece1);color: transparent;-webkit-background-clip: text;}
.content-member.vip-2 .memberbs .name{color: #a88050;}
.content-member.vip-2 .content-member-mess-inner{background:linear-gradient(#ffe399,#e2c68f,#fbece1);color: #a77437;}
.content-member.vip-2 .content-messpv .icon{background:#a88050;}
.content-member.vip-2 .jfbar .jfbar-bar .bar-pross{background:linear-gradient(to right,#6c532f,#f4b55b);}

.content-personal-mess .vipbox.vip-3{background: linear-gradient(#d5d7fa,#c6cfff,#f1d8fd);;}
.content-personal-mess .vipbox.vip-3 p,.content-personal-mess .vipbox.vip-3 .pic .iconfont{background:linear-gradient(to right,#4c4f8b,#bba1fc);color: transparent;-webkit-background-clip: text;}
.content-member.vip-3 .memberbs .iconfont{background: linear-gradient(#d5d7fa,#c6cfff,#f1d8fd);color: transparent;-webkit-background-clip: text;}
.content-member.vip-3 .memberbs .name{color: #6164ab;}
.content-member.vip-3 .content-member-mess-inner{background:linear-gradient(#d5d7fa,#c6cfff,#f1d8fd);color: #6164ab;}
.content-member.vip-3 .content-messpv .icon{background:#6164ab;}
.content-member.vip-3 .jfbar .jfbar-bar .bar-pross{background:linear-gradient(to right,#4c4f8b,#bba1fc);}

.content-personal-mess .vipbox.vip-4{background: linear-gradient(#dc9a9a, #ffc6c6, #e1d8fd);}
.content-personal-mess .vipbox.vip-4 p,.content-personal-mess .vipbox.vip-4 .pic .iconfont{background:linear-gradient(to right, #ab6262, #c99472);color: transparent;-webkit-background-clip: text;}
.content-member.vip-4 .memberbs .iconfont{background: linear-gradient(#483c72,#40394e,#292f4d);color: transparent;-webkit-background-clip: text;}
.content-member.vip-4 .memberbs .name{color: #483c72;}
.content-member.vip-4 .content-member-mess-inner{background: linear-gradient(#dc9a9a, #ffc6c6, #e1d8fd);color: #6a4141;}
.content-member.vip-4 .content-messpv .icon{background: #acb1ea;}
.content-member.vip-4 .jfbar .jfbar-bar .bar-pross{background:linear-gradient(to right, #ab6262, #ffbedd);}
.content-member.vip-4 .content-member-mess-inner .bg,.content-member.vip-4 .content-member-mess-inner .bg-v,.content-personal-mess .vipbox.vip-4 .bg{opacity: 0.2;}


.vip-fl{display: flex;justify-content: space-around;align-items: center;padding: 2rem 0;}
.vip-fl li{color:var(--color1);position: relative;}
.vip-fl li a{display: block;text-align: center;}
.vip-fl li a .pic{width: 3.6rem;display: block;margin-bottom: 0.5rem;margin: 0 auto;}
.vip-fl li a .name{color: #fff;}
.vip-fl li a .notice{position: absolute;content: "";width: 1.5rem;top: -0.5rem;right: -0.5rem;transform-origin: center top;animation: animate-wind infinite 0.5s ease-in-out alternate;}




/*new*/
/*每日奖励页样式*/
.daily-box{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 1%;}
.daily-box li{width: 15.5%;background: var(--bgcolor);margin: 1.5% 0 0;border-radius: 10px;padding: 1% 0.8%;position: relative;}
.daily-reward{background: #6193d1;border-radius: 10px;padding: 13%;position: relative;}
.daily-reward span{text-align: center;position: absolute;width: 15%;bottom: 0%;right: 0%;background: #525c7c;border-radius: 5px;color: #fff;font-size: 1.2rem;}
.daily-num{text-align: center;width: 20%;margin: 0 auto;background: var(--bgcolor);position: absolute;color: #fff;top: 0%;font-size: 1.2rem;left: 50%;transform: translate(-50%, 0);z-index: 1;padding: 2% 0;}
.daily-num:after{content: "";position: absolute;top: 0;left: -20%;right: 0;bottom: 0;background-color: var(--bgcolor);clip-path: polygon(100% 100%, 0% 100%, 50% 0%);z-index: -1;width: 40%;transform: rotate(180deg);border-radius: 5px;}
.daily-num:before{content: "";position: absolute;top: 0;left: auto;right: -20%;bottom: 0;background-color: var(--bgcolor);clip-path: polygon(100% 100%, 0% 100%, 50% 0%);z-index: -1;width: 40%;transform: rotate(180deg);border-radius: 5px;}
p.reward-word{width: 100%;color: #fff;font-size: 1.3rem;font-weight: bold;text-align: center;margin: 4% 0 10%;display: -webkit-box; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 1.5rem;max-height: 3rem;height: 3rem;-webkit-line-clamp: 2;}
.daily-box a.btn{width: 100%;text-align: center;padding: 0.8rem 2.5rem;line-height: normal;font-size: 1.3rem;}
.daily-box a img{width: 1.3rem;margin: 0 auto;}
.daily-box a.btn.actived{pointer-events: none;background: #605f79;color: #c5c5c5;}
.daily-box a.btn.lock{pointer-events: none;background: #605f79;}


/*等级奖励页样式*/
.loy-banner{position: relative;}
.loy-pic{text-align: center;background-size: cover;width: auto;max-width: 100%;background-position: center center;background-repeat: no-repeat;max-height: 30vh;overflow: hidden;height: 30rem;border-radius: 10px;filter: brightness(0.5);}
.banner-top{position: absolute;width: 100%;top: 0%;left: 0%;display: flex;justify-content: space-between;}
.banner-top .contain-word{padding: 2% 4%;}
.banner-top .contain-word b{color: #fff;}
.banner-top .contain-word p{color: #d2d0de;}
.loy-btn{padding: 2% 4%;display: flex;flex-direction: column;}
.loy-btn p{margin-top: 4%;color: #dbdbdb;}
.loybar{position: absolute;width: 92%;top: 58%;left: 4%;}
.loybar .loybar-top{display: flex;justify-content: space-between;align-items: flex-end;color: #fff;}
.loybar .loybar-top .loynow span b{font-size: 2.2rem;}
.loybar .loybar-top .loynow i{margin-left: 0.5rem;font-style: normal;}
.loybar .loybar-top .nextbar{display: flex;flex-direction: column;align-items: flex-end;}
.loybar .loybar-top .nextbar span{color: #f19149;font-size: 2rem;font-weight: bold;}
.loybar .loybar-bot{display: flex;justify-content: space-between;align-items: center;color: #fff;}
.loybar .loybar-bar{width: 100%;height: 12px;background: var(--bgcolor);margin: 0.4rem 0;position: relative;border-radius: 10px;box-shadow: 0 0 2px #b6caff99;}
.loybar .loybar-bar .bar-pross{position: absolute;content: "";width: 0;height: 100%;top: 0;left: 0;background: linear-gradient(to right,#8b7fd3,#c1c1f5);border-radius: 10px;}

.loy-level{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 1%;}
.loy-level li{width: 15.5%;background: var(--bgcolor);margin: 1.5% 0 0;border-radius: 10px;padding: 1% 0.8%;position: relative;}
.loy-level li .reward-pic{width: 100%;padding: 16%;}
.loy-top{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 5%;}
.loy-top .grade{width: 60%;display: flex;font-size: 1.5rem;font-weight: bold;color: #fff;}
.loy-top .grade b{font-weight: bold;width: 2rem;text-align: center;position: relative;z-index: 1;}
.loy-top .grade b:after{position: absolute;content: ""; background-color: #f19149;transform: rotate(45deg);width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}
.loy-top .grade b.grade-1:after{background-color: #f19149;}
.loy-top .grade b.grade-2:after{background-color: #f16d49;}
.loy-top .grade b.grade-3:after{background-color: #f15949;}
.loy-top .grade b.grade-4:after{background-color: #f33f3f;}
.loy-top .grade p{font-weight: bold;margin-left: 9%;color: #bcbbcd;}
.loy-top .level-num{width: 40%;text-align: right;font-size: 1.2rem;font-weight: bold;}
.loy-top .level-num i{font-style: normal;font-size: 1rem;background: #bcbbcd;color: #3a3951;border-radius: 100%;margin-left: 5%;padding: 0 2%;font-weight: bold;}
.loy-level a.btn{width: 100%;text-align: center;padding: 0.8rem 2.5rem;line-height: normal;font-size: 1.3rem;}
.loy-level a img{width: 1.3rem;margin: 0 auto;}
.loy-level a.btn.actived{pointer-events: none;background: #605f79;color: #c5c5c5;}
.loy-level a.btn.lock{pointer-events: none;background: #605f79;}

.loy-word{margin: 5% 0;}
.loy-word b{font-size: 1.2rem;font-weight: bold;color: #fff;}
.loy-word p{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 1.5rem;max-height: 3rem;height: 3rem;-webkit-line-clamp: 2;}


/*动效-风吹左右摇晃*/
/*调用-风吹左右摇晃*/ /*    transform-origin: center top;animation: animate-wind infinite 1s ease-in-out alternate;    */
@keyframes animate-wind {
    0% {transform: rotate(4deg);}
    100% {transform: rotate(-6deg);}
}

.news-list{display: flex;flex-wrap: wrap;}
.news-list li{position:relative;width: 24.25%;margin-bottom: 1%;margin-right:1%;padding: 5px;color:#fff;border-radius: 5px;border:1px var(--bgcolor) solid; background: var(--bgcolor);bottom: 0;transition: all 0.2s ease;}
/*.news-list li:hover{ bottom: 0.28rem;box-shadow: 0 2.85rem 9.3rem rgb(10 16 50 / 5%), 0 2rem 6.4rem rgb(10 16 50 / 3%), 0 1.5rem 3.5rem rgb(10 16 50 / 2%);}*/
.news-list li:nth-child(4n){margin-right: 0;}
.news-list li a{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
.news-list li .num-like{position: absolute;content: "";top: 0;right: 0;background: var(--bgcolor);border-radius: 5px;padding: 0 0.5rem;line-height: 1.8rem;font-size: 1rem;color: var(--color6);z-index: 1;}
.news-list li .pic{background-repeat: no-repeat;background-position: center;background-size: cover;}
.news-list li .pic img{opacity: 0;}
.news-list li .num-like span{color: var(--color4);}
.news-list li .bot{margin: 0.5rem 0;}
.news-list li .bot h4{font-size: 1.1rem;font-weight: bold;margin-bottom: 0.5rem;}
.news-list li .bot time{color:var(--color4);    display: flex;align-items: center;}
.news-list li .bot time span.iconfont{margin:0 0.2rem;}

.gift-off-list{display: flex;flex-wrap: wrap;}
.gift-off-list li{width: 24%;margin-bottom: 1%;margin-right:1%;padding: 5px;color:var(--color1);border-radius: 5px;display: flex;align-items: center;border:1px var(--color4) solid;}
.gift-off-list li .pic{width: 5rem;margin-right:0.5rem;padding: 0.5rem;border-radius: 5px;display: flex;align-items: center;background: var(--color5);}
.gift-off-list li .mess{flex: 1;}
.gift-off-list li .mess .gift-name{font-size: 1.1rem;font-weight: bold;}
.gift-off-list li .mess .bot{display: flex;justify-content: space-between;align-items: flex-end;    padding-right: 0.5rem;}
.gift-off-list li .mess .price-vip{color: var(--bluecolor);font-weight: bold;}
.gift-off-list li .mess .price-vip span{font-size: 1.5rem;font-weight: bold;}
.gift-off-list li .mess .price-histry{color: var(--color3);text-decoration: line-through;}

.btn-giftorecord{text-decoration: underline;}
.gift-week-list{display: flex;flex-wrap: wrap;justify-content: flex-start;text-align: center;}
.gift-week-list li{width: 33.33%;margin-bottom: 1%;padding: 0.8rem 1rem;color:#fff;border-radius: 5px;display: block;align-items: flex-start;position: relative;bottom: 0;transition: all 0.2s ease;}
.gift-week-list li .mess{flex: 1;}
.gift-week-list li .game-icon{width: 6rem;margin-right:1rem;margin: 0 auto;}
.gift-week-list li .gift-name{font-weight: bold;    margin-bottom: 0.3rem;    font-size: 1.1rem;}
/*.gift-week-list li .gift-detil{color: var(--color1);}*/
.gift-week-list li .gift-detil span{display: none;}
.gift-week-list li a.btn{line-height: 2rem;margin-top: 0.5rem;}
.gift-week-list li a.btn.actived{background: var(--color8)}

.gift-week-list.gift-up{position: relative;border-radius: 1rem;justify-content: flex-start;max-height: 195px;overflow: auto;}
.gift-week-list.gift-up p.center{flex: 1;padding: 5px 0;color: var(--color6);}
.gift-week-list.gift-up.vip4 p.center{flex: 1;padding: 5px 0;color: #fff}
.gift-week-list.gift-up.lock{overflow: hidden}
.gift-week-list.gift-up:after{position: absolute;content: "";width: 0;height: 0;border-bottom:0.5rem #ddd solid;border-right: 0.8rem transparent solid;border-left: 0.8rem transparent solid;bottom: 100%;left: 12%;}
.gift-week-list.gift-up.vip1{background: linear-gradient(rgb(165 187 233 / 50%),rgb(171 198 233 / 50%),rgb(225 232 251 / 50%));}
.gift-week-list.gift-up.vip2{background: linear-gradient(rgb(255 227 153 / 50%),rgb(226 198 143 / 50%),rgb(251 236 225 / 50%));}
.gift-week-list.gift-up.vip3{background: linear-gradient(rgb(213 215 250 / 50%),rgb(198 207 255 / 50%),rgb(241 216 253 / 50%));}
.gift-week-list.gift-up.vip4{background: linear-gradient(rgb(72 60 114),rgb(64 57 78),rgb(41 47 77));}
.gift-week-list.gift-up.vip1:after{left: 10%;border-bottom-color:rgb(165 187 233 / 100%);}
.gift-week-list.gift-up.vip2:after{left: 35%;border-bottom-color:rgb(255 227 153 / 100%);}
.gift-week-list.gift-up.vip3:after{left: 60%;border-bottom-color:rgb(213 215 250 / 100%);}
.gift-week-list.gift-up.vip4:after{left: 85%;border-bottom-color:rgb(72 60 114);}
.gift-week-list.gift-up.vip4 li .gift-name{color:#d5d7fa }
.gift-week-list.gift-up.vip4 li,.gift-week-list.gift-up.vip4 li .gift-detil{color:#d5d7faa3 }
.gift-week-list.gift-up.vip4 li a{background:#f8dc97;color: var(--color1)}
.gift-week-list.gift-up.vip4 li .right a.actived{background:#595378 ;color: #e6e1f1}
.gift-week-list.gift-up.vip4 li{    border-right: 1px rgba(255,255,255,0.2) solid;border-bottom: 1px rgba(255,255,255,0.2) solid;}
.gift-week-list.gift-up .lockword{display: none;}
.gift-week-list.gift-up.lock .lockword{display:block;position: absolute;content: "";width: 100%; top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 4;font-size: 1rem;color: #fff;text-align: center;}
.gift-week-list.gift-up.lock .lockword .pic{width: 4rem;display: block;margin: 0 auto 0.5%;}
.gift-week-list.gift-up.lock:before{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.35);z-index: 3;}
.gift-week-list.gift-up li{width: 33.33%;display: flex;text-align: left;margin-bottom: 0;  border-radius: 0;border-right: 1px #fff solid; border-bottom: 1px #fff solid;padding:0.8rem 1rem;justify-content: space-between;align-items: center;}
.gift-week-list.gift-up li .left{display: flex;margin-right: 2%;flex: 1;}
.gift-week-list.gift-up li .right{width: 28%;}
.gift-week-list.gift-up li .right a.actived{background: var(--color3);pointer-events: none;padding: 0 1.5rem;}
.gift-week-list.gift-up li .right p.copy{font-weight: bold;cursor: pointer;    word-break: break-all;}
.gift-week-list.gift-up li .right p span{display: block;color: #ff9d33;font-weight: bold;}
.gift-week-list.gift-up li .game-icon{margin-right:1rem;}
.gift-week-list.gift-up li a{}
.vip-process{display: flex;justify-content: space-around;align-items: center;    margin-bottom: 1%;position: relative;}
.vip-process .procsee{position: absolute;content: "";width: 100%;height: 4px;top: 50%;left: 0;transform: translate(0,-50%);background:#f2f2f2;z-index: 0}
.vip-process .procsee span{position: absolute;content: "";width: 100%;height: 4px;top: 50%;left: 0;transform: translate(0,-50%);background: linear-gradient(to right,#a5bbe9,#ffe399,#d5d7fa,#dc8686);}
.vip-process a{display: flex;padding: 0 1rem;line-height: 2.4rem;font-size: 1rem;border-radius: 1.2rem; font-weight: bold; background: linear-gradient(#d5d5d5,#d6d6d6,#dfdfdf);position: relative;z-index: 1;-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);color: #3a3951;}
.vip-process a i{font-style: normal;}
.vip-process a .iconfont{margin-right: 5px;}
/*.vip-process a.vip2 {background: linear-gradient(#ffe399,#e2c68f,#fbece1);}*/
/*.vip-process a.vip3 {background: linear-gradient(#d5d7fa,#c6cfff,#f1d8fd);}*/
/*.vip-process a.vip4 {color: var(--color1);}*/
.vip-process a.active{-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */filter: grayscale(0%);background: linear-gradient(#a5bbe9,#abc6e9,#e1e8fb);}
.vip-process a.vip2.active{background: linear-gradient(#ffe399,#e2c68f,#fbece1);}
.vip-process a.vip3.active{background: linear-gradient(#d5d7fa,#c6cfff,#f1d8fd);}
.vip-process a.vip4.active{background: linear-gradient(#dc9a9a, #ffc6c6, #e1d8fd);}

    /*.gift-week-list li{width: 30%;margin-bottom: 1%;padding: 5px;color:var(--color1);border-radius: 5px;display: flex;align-items: flex-start;position: relative;bottom: 0;transition: all 0.2s ease;}*/
/*.gift-week-list li .mess{flex: 1;}*/
select.select2-hidden-accessible{    border: 0 !important;clip: rect(0 0 0 0) !important;-webkit-clip-path: inset(50%) !important;clip-path: inset(50%) !important;height: 1px !important;overflow: hidden !important;padding: 0 !important;position: absolute !important;width: 1px !important;white-space: nowrap !important;}
.select2-selection{position: relative;display: block;width: 100%!important;    line-height: 3rem;height: 3rem;font-size: 1rem;padding-left: 2%;text-align: left;border: 1px var(--color4) solid;    color: var(--color1);}
.select2-selection__placeholder{font-family: "微软雅黑";}
.select2-selection .select2-selection__arrow{position: absolute;border-color: var(--color1) transparent transparent transparent;border-width: 7px 3px 0 3px;border-style: solid;height: 0;right: 2%;margin-top: -2px;position: absolute;top: 50%;width: 0;}
.select2-container--open .select2-dropdown{position: absolute;z-index: 99999;background: #fff;border: 1px #eee solid;}
.select2-container--open .select2-dropdown .select2-results__options{max-height: 20rem;overflow: auto;}
.select2-results__options li{padding-left:3%;font-size: 14px; line-height: 30px;    background: var(--color5);border: none;color:var(--color1);text-align: left;}
.select2-container{box-sizing: border-box;display: inline-block;margin: 0;position: relative;vertical-align: middle;}
.select2-search__field{line-height: 40px;height: 40px;padding-left: 1%;width: 100%;border: none;color:var(--color1);font-size: 14px; width: 100%!important;}
.select2-search__field::-webkit-input-placeholder {color: var(--color1);}


.newgame-list{display: flex;flex-wrap: wrap;}
.newgame-list li{width: 24%;margin-bottom: 1%;margin-right:1%;padding: 5px;color:#fff;border-radius: 5px;border:1px var(--color4) solid;position: relative;bottom: 0;transition: all 0.2s ease;}
/*.newgame-list li:hover{ bottom: 0.28rem;box-shadow: 0 2.85rem 9.3rem rgb(10 16 50 / 5%), 0 2rem 6.4rem rgb(10 16 50 / 3%), 0 1.5rem 3.5rem rgb(10 16 50 / 2%);}*/
.newgame-list li .top{display: flex;align-items: center;background: var(--color5);margin-bottom: 0.5rem;    justify-content: space-between;padding: 0 1rem 0 0;}
.newgame-list li .top .btn-box{display: flex;flex-direction: column;}
.newgame-list li .top a.btn{display: inline-block;line-height: 2.2rem;margin: 0.2rem 0;text-align: center;}
.newgame-list li .top a.btn.actived{background: var(--color3)}
.newgame-list li .game-icon{width: 6rem;margin-right:1rem;}
.newgame-list li .bot .game-name{font-size: 1.1rem;font-weight: bold;line-height: 2.2rem;}
.newgame-list li .bot .game-detil{color: var(--color1);    margin-bottom: 0.5rem;}

.change-nav{padding:8px 0;}
.contain-news .swiper-button-prev, .contain-news .swiper-button-next{display: none;}
.contain-right-nav .swiper-slide{width: auto;}
.contain-right-nav a{display: inline-block;font-size: 1.1rem;margin-right: 2rem;position: relative;}
.contain-right-nav a.active{font-weight: bold;}
.contain-right-nav a.active:after{position: absolute;content: "";width: 80%;height: 2px;background: var(--bluecolor);top: 100%;left: 50%;transform: translate(-50%,0);margin-top: 0.2rem;}

/*游戲公告樣式*/
.contain-news-filter{display: flex;justify-content: space-between;margin-bottom: 1rem;align-items: flex-end;}
.contain-news-filter .left{display: flex;}
.contain-news-filter .left .px{margin-right: 2rem;  display: flex;  align-items: center;cursor: pointer;}
.contain-news-filter .left .px .icon-px{margin-left: 0.2rem; color: var(--color3); }
.contain-news-filter .left .px.active .icon-px{color: var(--color1); }
.contain-news-filter .left .px.active.up .icon-px{color: var(--color1);transform: rotateX(180deg); }
.contain-news-filter .left .px.active .icon-px-style{color: var(--bluecolor); }
.contain-news-filter .left .px .iconfont{margin-right: 0%;  }
/*游戲公告-公告頁面樣式*/
.contain-clip{display: flex;justify-content: space-between;align-items: flex-start;}
.contain-left{flex: 1;}
.contain-right{width: 18rem;margin-left: 2rem;}
.contain-integral .contain-right{margin-top:2rem; }
.contain-right .content{padding:1.5rem;}
.contain-right .contain-right-title h3{text-align: center;font-size: 1.28rem;margin-bottom: 1rem;display: flex;align-items: center;}
.contain-right .contain-right-title h3 span{display: inline-block;margin: 0 1rem;}
.contain-right .contain-right-title h3 i{background: var(--color4);flex: 1;height: 1px;}
.contain-right .news-list{display: block;}
.contain-right .news-list li{width: 100%;margin-bottom: 1rem;background: #232233;}
.contain-right .news-list li .bot h4{font-size: 1rem;}
.contain-newsdetil{color: #fff;}
.newsdetil-top{display: flex;justify-content: space-between;align-items: center;}
.newsdetil-top a.back{font-size: 1.8rem;font-weight: bold;    line-height: 1.8rem;}
/*.newsdetil-top a.back:hover{color: var(--bluecolor);}*/
.newsdetil-top a.like .iconfont{color: var(--color4);    margin-right: 0%;}
.newsdetil-top a.like.active .iconfont{color: var(--bluecolor);}
/*.newsdetil-top a.like:hover .iconfont{color: var(--bluecolor);}*/
.newsdetil-main h3{font-size: 1.5rem;font-weight: bold;text-align: center;margin-bottom: 0.5rem;}
.newsdetil-main time{color:var(--color1);text-align: center;margin-bottom: 2rem;display: flex;line-height: 2.2rem;justify-content: center;}
.newsdetil-main time .iconfont{margin-right: 0.5rem;}
.newsdetil-main p{color: var(--color1);line-height: 2.2rem;}
.newsdetil-main b{font-weight: bold;}
.newsdetil-main p img{max-width: 45%;}
.newsdetil-foot{padding-top: 1rem;margin-top: 2rem;border-top: 1px var(--color4) solid;margin-bottom: 1rem;display: flex;flex-direction: column;}
.newsdetil-foot a{display: inline-block;margin-bottom: 1rem;color: var(--color3);}
.newsdetil-foot a span{color: var(--color1);display: inline-block;margin-left: 0.5rem;}
/*.newsdetil-foot a:hover span{color: var(--bluecolor);}*/

/*游戲中心樣式*/
.contain-right-box{padding: 1rem 0;border-bottom: 1px var(--color4) solid;}
.contain-right-box.downcode{border: none;}
.downcode{display: flex;align-items: center;padding-top: 0;margin-top: 0;}
.downcode .pic{width: 5rem;margin-right: 1rem;}
.downcode h3{font-size: 1.5rem;color: var(--color1);margin-bottom: 0.5rem;}
.downcode h3 span{color: var(--bluecolor);display: block;}
.downcode p{color: var(--color2);}
.gamecenter-link{margin-bottom: 0;padding-bottom:0;border-bottom: none;}
.gamecenter-link ul{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.gamecenter-link li{margin-bottom: 1rem;width: 49%;}
.gamecenter-link li a{display: flex;align-items: center;}
.gamecenter-link li a span.iconfont{margin-right: 0.4rem;color: var(--color3);}
/*.gamecenter-link li:hover a{color: var(--bluecolor);}*/
.contain-gamecenter .contain-right .pm{position:relative;display: flex;align-items: center;margin-bottom: 1rem;}
.contain-gamecenter .contain-right .pm>a{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 10;}
.contain-gamecenter .contain-right .pm .pm-icon{width: 2rem;}
.contain-gamecenter .contain-right .pm .game-icon{width: 4rem;margin: 0 1rem;}
.contain-gamecenter .contain-right .pm .game-name{flex: 1;}
.contain-gamecenter-filter{display: flex;justify-content: space-between;align-items:flex-end;flex-direction: row-reverse;}
.contain-gamecenter-filter .left{display: flex;align-items: center;}
.contain-gamecenter-filter .left .dropdown-box{display: flex;align-items: center;border: none;}
.gamecenter-list{display: flex;flex-wrap: wrap;    margin-top: 1rem;}
.gamecenter-list li{position: relative; width:49%;margin-bottom: 2%;margin-right: 2%;box-shadow: 0 0 10px #b6caff;border-radius: 1rem;overflow: hidden;background: #fff; bottom: 0;transition: all 0.2s ease;}
/*.gamecenter-list li:hover{ bottom: 0.28rem;box-shadow: 0 2.85rem 9.3rem rgb(10 16 50 / 5%), 0 2rem 6.4rem rgb(10 16 50 / 3%), 0 1.5rem 3.5rem rgb(10 16 50 / 2%);}*/
.gamecenter-list li:nth-child(2n){margin-right: 0; }
.gamecenter-list li a{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 2; }
.gamecenter-list li .bot{display: flex;padding: 1rem 2rem;align-items: center;color:var(--color1); }
.gamecenter-list li .bot .mess{flex: 1; }
.gamecenter-list li .bot .icon{width: 4.5rem;margin-right: 1rem; }
.gamecenter-list li .bot h4{font-size: 1.2rem;font-weight: bold;margin-bottom: 0.3rem; }
.gamecenter-list li .bot p{color:var(--color2); }
.store-choose .btn-box{display: flex;align-items: center;justify-content: flex-end;}
.store-choose .btn-box a{margin-right: 0.5rem;}
.store-choose .btn-box a.down-and,.store-choose .btn-box a.down-ios{background: #575670;width: 2.8rem;border-radius: 1.5rem;border-radius: 1.5rem;padding: 0.3rem;}
.store-choose .btn-box a:last-child{ margin-right: 0;}
.store-choose .btn-box a.down-and:hover,.store-choose .btn-box a.down-ios:hover{background: var(--bluecolor);}


/*积分商城样式*/
.contain-integral .store-choose{display: flex;justify-content: space-between;    align-items: center;}
.contain-integral .store-choose .left{flex: 1;    display: flex;}
.contain-integral .store-choose .left .game-icon{margin-right: 1rem;width: 5rem;}
.contain-integral .store-choose .left .game-choose{flex: 1;}
.contain-integral .store-choose .left .game-choose p{color: var(--color3);}
.contain-integral .store-choose .left .game-choose p span{color: var(--color1);}
.contain-integral .store-choose .left .game-choose p span.name{font-weight: bold;color: var(--color1);    font-size: 1.2rem;}
.contain-integral .store-choose .left .game-choose p i{font-style: normal;}
.contain-integral .store-choose .left .game-choose .bot{display: flex;margin-top: 1rem;}
.contain-integral .store-choose .btn-box a{margin-right: 0.5rem; background: var(--bluecolor);  }
.contain-integral .store-choose .btn-box a:last-child{margin-right: 0;   background: var(--color8); }
.store-choose .game-choose .bot .srk{margin: 0 2rem 0 0;}
.integral-list{display: flex;flex-wrap: wrap;}
.integral-list li{width: 19.5%;margin-right: 0.5%; margin-bottom: 1%;padding: 5px;border-radius: 5px;bottom: 0;transition: all 0.2s ease;cursor: pointer;    background: #656383;}
/*.integral-list li:hover{ bottom: 0.28rem;box-shadow: 0 2.85rem 9.3rem rgb(10 16 50 / 5%), 0 2rem 6.4rem rgb(10 16 50 / 3%), 0 1.5rem 3.5rem rgb(10 16 50 / 2%);outline:1px var(--bluecolor) solid;border: 1px var(--bluecolor) solid;}*/
.integral-list li.active{ box-shadow: 0 2.85rem 9.3rem rgb(10 16 50 / 5%), 0 2rem 6.4rem rgb(10 16 50 / 3%), 0 1.5rem 3.5rem rgb(10 16 50 / 2%);outline:1px var(--bluecolor) solid;border: 1px var(--bluecolor) solid;}
.integral-list .pic{background: #2f2e41;text-align: center;    padding: 1rem 0;}
.integral-list .pic img{width: 4.5rem;margin: 0 auto;}
.integral-list .pic .iconfont{font-size: 4.5rem;background: linear-gradient(#fde3a1,#9f874a);color: transparent;-webkit-background-clip: text;}
.commodity-list-word h4{font-size: 1.1rem;font-weight: bold;margin:0.5rem 0 0.2rem;color: #fff;}
.commodity-list-word p{color: var(--color1);}
.integral-list .price{text-align: right;}
.integral-list .price span{font-size: 1.5rem;color: #ff9d33;}
.integral-list .price span.iconfont{font-size: 1rem;transform: scale(0.9);display: inline-block;}
.contain-integral .content-head-right{display: flex;align-items: flex-end;color: #fff;}
.contain-integral .content-head-right .iconfont{transform: scale(0.85);display: inline-block;font-size: 1rem;    margin-right: 0;}
.contain-integral .content-head-right .now-num-jf{font-size:1.8rem;line-height:2rem;color: #ff9d33;}
.contain-integral .content-head-right a{color: var(--color1);text-decoration: underline;display: block;margin-left: 0.5rem;}
/*.contain-integral .content-head-right .left a:hover{color: var(--bluecolor);}*/

.game-change-list li{display: flex;align-items: center;margin-bottom: 2rem;}
.game-change-list li div:nth-child(2){width: 60%;}
.game-change-list li .game-icon{width: 4rem;margin-right: 1rem;}
.game-change-list li .game-name{font-size: 1.1rem;margin-bottom: 0.2rem;}
.game-change-list li .bindgame{color: var(--color3);transform: scale(0.9); display: inline-block;width: 100%;}
.game-change-list li .bindgame span{color: var(--color1);transform: scale(0.75);display: inline-block;}
/*.game-change-list li .bindgame:hover{color: var(--bluecolor); }*/



.sm-notice{font-size: 1rem;line-height: 2rem;color: var(--color3);}


.moregoods{text-align: center;font-size: 1rem; display: flex;justify-content: center;align-items: center;   color: var(--color2);margin-top: 0.5rem;display: none;}
.moregoods.active{display: flex;}
.moregoods i{width: 1.2rem;height: 1.2rem;position: relative;display: inline-block;margin-right: 1rem;animation: animate-jump 1s linear infinite;font-style: normal;margin-top: 6px;}
.moregoods i:after{position: absolute;font-family: swiper-icons;content: 'next';width: 100%;height: 100%;top: 0;left: 0;color: var(--color1);font-size: 1rem;    transform: rotate(90deg);}
/*.moregoods .pic{width: 1.2rem;animation: animate-jump 0.8s linear infinite; }*/


.table-respos{overflow: auto;}

/*动效-上下跳动*/
/*调用-上下跳动*/ /*    animation: animate-jump 0.8s linear infinite;    */
@keyframes animate-jump {
    0% {transform:translate(0,0);}
    50% { transform:translate(0,-6px);}
    100% {transform: translate(0,0);}
}




@media (any-hover: hover){
    .dropdown-menu li:hover{background: var(--color8);}
/*    a.btn:hover{ box-shadow: 0 2.85rem 9.3rem rgb(10 16 50 / 5%), 0 2rem 6.4rem rgb(10 16 50 / 3%), 0 1.5rem 3.5rem rgb(10 16 50 / 2%);background: var(--bluecolor);}    */
    a.btn:hover{filter: brightness(1.2)}
    a.btn-line:hover{color:var(--bluecolor);}
    .drop-second a:hover{background: var(--color5); }
    .banner-news a.more:hover{background: var(--bluecolor);}
    .storelist li:hover{justify-content: space-between;}
    .storelist li:hover .bot a{display: inline-block;}
    .storelist li:hover .bot p{text-align: left;}
    .newsdetil-top a.like:hover .iconfont{color: var(--bluecolor);}
    .content-personal-mess .content-personal-mess-inner .mid div .record-jf:hover{color: var(--bluecolor);}

    .more-pay-meth .nav-my-top a:hover{background:var(--color8); }
    .store-piclist li:hover .top .mess h3 a{color: #fff;background: var(--bluecolor);}
    .more-pay-meth .nav-my-bot .li a:hover{background:var(--bluecolor);  }
    .commodity-list li:hover{ bottom: 0.28rem;box-shadow: 0 2.85rem 9.3rem rgb(10 16 50 / 5%), 0 2rem 6.4rem rgb(10 16 50 / 3%), 0 1.5rem 3.5rem rgb(10 16 50 / 2%);border: 1px var(--bluecolor) solid;outline:  1px var(--bluecolor) solid;}
    .news-list li:hover{ bottom: 0.28rem;box-shadow: 0 2.85rem 9.3rem rgb(10 16 50 / 5%), 0 2rem 6.4rem rgb(10 16 50 / 3%), 0 1.5rem 3.5rem rgb(10 16 50 / 2%);}
    .newgame-list li:hover{ bottom: 0.28rem;box-shadow: 0 2.85rem 9.3rem rgb(10 16 50 / 5%), 0 2rem 6.4rem rgb(10 16 50 / 3%), 0 1.5rem 3.5rem rgb(10 16 50 / 2%);}
    .newsdetil-top a.back:hover{color: var(--bluecolor);}
    .newsdetil-foot a:hover span{color: var(--bluecolor);}
    .gamecenter-link li:hover a{color: var(--bluecolor);}
    .gamecenter-list li:hover{ bottom: 0.28rem;box-shadow: 0 2.85rem 9.3rem rgb(10 16 50 / 5%), 0 2rem 6.4rem rgb(10 16 50 / 3%), 0 1.5rem 3.5rem rgb(10 16 50 / 2%);}
    .integral-list li:hover{ bottom: 0.28rem;box-shadow: 0 2.85rem 9.3rem rgb(10 16 50 / 5%), 0 2rem 6.4rem rgb(10 16 50 / 3%), 0 1.5rem 3.5rem rgb(10 16 50 / 2%);outline:1px var(--bluecolor) solid;border: 1px var(--bluecolor) solid;}
    .contain-integral .content-head-right .left a:hover{color: var(--bluecolor);}
    .game-change-list li .bindgame:hover{color: var(--bluecolor); }
    .choosesecond-list li:hover{border: 1px var(--bluecolor) solid;outline:  1px var(--bluecolor) solid;}
    .pay-list-inner li:hover{ bottom: 0.28rem;box-shadow: 0 2.85rem 9.3rem rgb(10 16 50 / 5%), 0 2rem 6.4rem rgb(10 16 50 / 3%), 0 1.5rem 3.5rem rgb(10 16 50 / 2%);border: 1px var(--color3) solid;}
}





/*
@media(max-width:1920px){
    .daily-box a.btn{line-height: 1.5rem;}
    .loy-level a.btn{line-height: 1.5rem;}
*/
    
}
@media(max-width:1850px){
.game-sq-list li{width: 15.83%;}
    .game-sq-list li:nth-child(7n){margin-right: 1%;}
    .game-sq-list li:nth-child(6n){margin-right: 0;}
}
@media(max-width:1550px){
    .contain-gamecenter .contain-right .pm .game-icon{margin: 0 0.4rem;}
}
@media(max-width:1450px){

    .search-box input{min-width: 18rem;}
}
@media(max-width:1400px){
    .auto-1600{width: 94%;}
    .commodity-list li .promotionbq{width: 3rem;height: 3rem;}
    .commodity-list li .promotionbq span{font-size: 0.8rem;}
    .content-personal-mess .content-personal-mess-inner .right .pic{font-size: 0.8rem;}
}
@media(max-width:1000px){
    .iconfont{font-size: 0.83rem;}
    .content{padding: 1rem 1rem;}
    .content.content-personal-mess{padding: 0;}
    .content-member{padding: 0;}
    .content-head{    width: calc(100% + 2rem);  margin-bottom: 1rem;  padding: 1rem 1rem;margin-left: -1rem;    margin-top: -1rem;    border-bottom: 1px #d9d9ea solid;}
    .content-foot{width: calc(100% + 2rem);  margin-bottom: -1rem;  padding: 1rem 1rem;margin-left: -1rem;    margin-top: 1rem;}
    .contain-right .content{padding: 1rem;}
    .contain-right{width: 16rem;margin-left: 1.2rem;}
    .contain{padding-bottom: 8rem;padding-top: 5rem;margin: 0 0 0 3%;}
    .discount{width: 87%;}
    .contain-box>h3{font-size: 1.4rem;}
    .contain-box>h3 span{font-size: 1.2rem;}
    .contain-index .contain-box{margin-top:2rem;}
    .contain-store .content-foot .right a.btn{line-height: 3rem;padding: 0 2rem;font-size:1.3rem;flex: 1;justify-content: center; }
    .contain-store .content-foot{display: block;}
    .contain-store .content-foot .right{margin-top: 3%;min-width: auto;}
    .contain-store .content-foot .left .valueholder{font-size: 1rem;}
    .contain-store .content-foot .left .dropdown p{border-radius: 2rem;}
    a.btn{line-height: 2.6rem;padding: 0 1rem;font-size: 0.95rem;}
    .dropdown-box{margin-right: 1rem;}
    .dropdown-box .dropdown p{line-height: 2.2rem;}
    .dropdown-box .dropdown-box-title{padding: 0 0.6rem;line-height: 2.2rem;}
    .dropdown-box .dropdown{min-width: 10rem;}
    
    .contain-word{padding: 1% 3%;}
    .contain-word b{font-size: 1.4rem;}
    .contain-word p{width: 100%;font-size: 1rem;}
    .bannerpic{width: 76%;}
    .bannerpic img{width: 100%;}

    .game-sq-list li{width: 19.2%;}
    .game-sq-list li:nth-child(6n){margin-right: 1%;}
    .game-sq-list li:nth-child(5n){margin-right: 0;}
    .news-list li{width: 32.6%;}
    .news-list li:nth-child(4n){margin-right: 1%;}
    .news-list li:nth-child(3n){margin-right: 0;}
    .contain-member .news-list li:last-child{display: none;}
    .commodity-list li{width: 32.3%;}
    /*.commodity-list li:nth-child(4n){margin-right: 1%;}*/
    /*.commodity-list li:nth-child(3n){margin-right: 0;}*/
    .gift-off-list li{width: 32.6%;}
    .gift-off-list li:nth-child(4n){margin-right: 1%;}
    .gift-off-list li:nth-child(3n){margin-right: 0;}
    .banner-news ul li:last-child{display: none;}
    .store-choose{flex-wrap: wrap;justify-content: flex-end;}



    .choosesecond-list li{width: 32.6%;}
    .choosesecond-list li:nth-child(4n){margin-right: 1%;}
    .choosesecond-list li:nth-child(3n){margin-right: 0;}

    .content-title h3{font-size: 1.2rem;}

    .banner-news .new-inner{font-size: 1rem;}
    .banner-news .new-inner time{font-size: 1rem;}
    .storelist li{border-radius: 0.5rem;}
    .storelist li .bot{height: 2.2rem;font-size: 1rem;}
    .storelist li .bot a{line-height: 1.4rem;font-size: 0.83rem;    padding: 0 1rem;}
    .store-piclist li .top{padding: 0.5rem;}
    .store-piclist li .top .pic{width: 4rem;margin-right: 0.5rem;}
    .store-piclist li .top .mess h3 a{line-height: 1.4rem;font-size: 0.83rem;    padding: 0 0.6rem;}
    .store-piclist li .top .mess h3{font-size: 1rem;}
    .store-piclist li .top .mess p{font-size: 0.83rem;}

    .contain-right .contain-right-title h3{font-size: 1.2rem;}
    .gamecenter-list li .bot{padding: 0.5rem 1rem;}
    .gamecenter-list li .bot .icon{width: 3.5rem;}
    .gamecenter-list li .bot h4{font-size: 1.1rem;}
    .gamecenter-list li .bot p{font-size: 0.83rem;line-height: 1.4rem;}
    .downcode .pic{width: 3.5rem;}
    .downcode h3{font-size: 1.2rem;}
    .downcode p{font-size: 0.83rem;}
    .contain-gamecenter .contain-right .pm .game-name{font-size: 0.9rem;}
    .gamecenter-link li a{font-size: 0.83rem;}
    .pay-list{padding: 1rem 1rem 0.5rem 1rem;}
    .pay-list .nav-my-top a{width: 25%;    margin: 0 1px;}
    .sm-notice{font-size: 1rem;line-height: 1.5rem;}
    .content-nav{margin: 0.8rem 0 0.2rem;display: flex;justify-content: space-around;}
    .content-nav a{margin: 0;font-size: 1.1rem;    line-height: 2.4rem;}
    .search-box .search-btn{line-height: 2.6rem;font-size: 0.95rem;}
    .search-box input{line-height: 2.6rem;font-size: 0.95rem;min-width: 15rem;}
    .store-choose .srk input{line-height: 2.2rem;font-size: 0.83rem;width: 10rem;}
    .commodity-list .commodity-list-word h4{font-size: 1.1rem;}
    .commodity-list .price span{font-size: 1.3rem;}
    .contain-store .pay-methods{font-size: 0.9rem;}
    .content .content-title-flud{font-size: 1.1rem;line-height: 2.4rem;}
    .content .content-title-flud i{width: 2rem;height: 2rem;line-height: 2rem;font-size: 1rem;}
    .flex-al-center{width: 100%;}
    .integral-list .price span.iconfont{font-size: 0.83rem;}
    .integral-list .price span{font-size: 1.3rem;}
    .integral-list .pic img{width: 3.5rem;    margin-right: 0.5rem;margin: 0 auto;}
    .game-change-list li .game-icon{width: 3.5rem;}
    .game-change-list li .game-name{font-size: 1rem;}
    .game-change-list li .bindgame{font-size: 0.83rem;}
    .contain-integral .store-choose .left .game-icon{width: 4rem;}
    .contain-integral .store-choose .left .game-choose p span{font-size: 1.1rem;}
    .contain-integral .store-choose .left .game-choose .bot{margin-top: 0.5rem;}
    .store-choose .game-choose .bot .srk{margin-right: 1rem;}
    .content-member .content-member-mess-inner{padding:1.5rem 2rem; }
    .gift-week-list li .game-icon{width: 4rem;}
    .newgame-list li .bot .game-detil,.gift-week-list li .gift-detil{font-size: 0.83rem;}
    .gift-week-list li{width: 33%;}
    .gift-week-list.gift-up li{width:32.6%; }

    .gift-week-list.gift-up li:nth-child(3n){margin-right: 0;}
    .news-list li .bot ,.news-list li .num-like{font-size: 0.83rem;}
    .content-messpv{font-size: 1rem;}
    .content-messpv .icon,.content-messpv .icon span.word{width: 5rem;height: 5rem;}
    .content-messpv div{margin-left: 1rem;}
    .content-member .jfbar{width: 45%;font-size: 0.83rem;}
    .content-member .jfbar .jfbar-top .jfnow span b{font-size: 1.8rem;}
    .vip-fl li a .pic{width: 3rem;}
    .vip-fl{padding: 1rem 0;}
    .content-member .memberbs{width: 14%;}
    .game-sq-list li .game-name{font-size: 1rem;}
    .store-piclist li,.welfarelist li{border-radius: 0.5rem;}
    .news-list li .bot h4{font-size: 1rem;}
    .newsdetil-main time{font-size: 0.83rem;}
    .commodity-list-word h4{font-size: 1rem;}
    .commodity-list-word p{font-size: 0.83rem;}
    .integral-list li{width: 24%;margin-right: 1%;}
    .gamecenter-list li{border-radius: 0.5rem;}
    .newgame-list li .bot .game-name{font-size: 1rem;line-height: 2rem;}

    .content-personal-mess .content-personal-mess-inner{position: relative;    padding: 1.5rem 0rem 1.5rem 0;}
    .content-personal-mess .content-personal-mess-inner .right{position: absolute; width: 5rem;   top: 0;right: -1rem;}

    .content-personal-mess .content-personal-mess-inner .right .pic p{display: none;}
    .content-personal-mess .content-personal-mess-inner .mid div h2{font-size: 2.6rem;}

    .content-personal-mess .vipbox .pic .iconfont{font-size: 3rem;}
    
    /* 每日奖励页样式*/
    .daily-box li{width: 24.5%;margin: 2.5% 0 0;border-radius: 5px;}
    .daily-reward{border-radius: 5px;}
    .daily-num{width: 40%;font-size: 0.9rem;}
    p.reward-word{font-size: 1rem;}
    .daily-reward span{width: 30%;font-size: 0.85rem;}
    .daily-box a.btn{padding: 0.5rem 0.5rem;font-size: 1rem;}
    .daily-box a img{width: 1rem;}
    
    /* 等级奖励页样式*/
    .loy-pic{max-height: 56vh;}
    .loy-level li{width: 24.5%;}
    .loy-top .grade{font-size: 1.2rem;}
    .loy-top .grade b{    width: 1.6rem;}
    .loy-level a.btn{font-size: 1rem;}
    .loy-level a img{width: 1rem;}
    .loy-word b{font-size: 1.1rem;}
    .loy-word p{font-size: 1rem;}
}
@media(max-width:800px){
    .countdown{font-size: 0.9rem;}
    .countdown p{padding: 0 0.5rem;line-height: 1.5rem;}
    .countdown .time{font-size: 1rem;line-height: 1.5rem;}

    .pay-list-inner li span.currency{    transform: scale(0.55);}
    .more-pay-meth .nav-my{width: 100%;position: fixed;bottom: 0;left: 0;top: auto;z-index: 2000;}
    .more-pay-meth .nav-my-bot{max-height: 25rem;height: 25rem;}
    .more-pay-meth .nav-my-bot .li a{width: 24%;    margin-right: 1%;margin-bottom: 1%}
    .more-pay-meth .nav-my-top a{width: 25%;line-height: 2.6rem;}

    .radiu10{border-radius: 0.5rem;}
    .contain{padding-top: 5rem;}


    .drop-second{position: fixed;top: auto!important;left: 0!important;bottom: 0;width: 100%;z-index: 10000;border: none; border-radius: 6px 6px 0 0;padding-bottom: 2rem; border-top: 1px #d7d9e2 solid;}
    .gift-week-list li{width: 50%;}

    .game-sq-list li{width: 49.5%;}
    .game-sq-list li:nth-child(5n){margin-right: 1%;}
    .game-sq-list li:nth-child(2n){margin-right: 0;}
    .game-sq-list li .pic{width: 4rem;}
    .storelist li{width: 49.5%;}
    .storelist li:nth-child(4n){margin-right: 1%;}
    .storelist li:nth-child(2n){margin-right: 0;}

    .store-piclist li{width: 23.25%; margin-right: 2%;     background: #fff;  border-radius: 1.5rem;}
    .store-piclist li .top{display: block;    background: #fff;    color: #212121;}
    .store-piclist li .top .pic{width: 100%;margin-right: 0;border: 0;margin-bottom: 5%;}
    .store-piclist li .top:after{display: none;}
    .store-piclist li .top .mess h3 a{display: none;}
    .store-piclist li .top .mess p{display: none;}
    .banner-news ul li:nth-child(2){display: none;}
    .banner-news ul li:nth-child(3){display: none;}
    .banner-news ul li{width: 100%;margin-right: 0;}
    .welfarelist{flex-wrap: wrap;}
    .welfarelist li{width: 49.5%;margin-bottom: 1%;margin-right: 1%;}
    .welfarelist li:nth-child(3n){margin-right: 1%}
    .welfarelist li:nth-child(2n){margin-right: 0}
    .game-sq-list li{width: 49.5%;}
    .game-sq-list li:nth-child(5n){margin-right: 1%;}
    .game-sq-list li:nth-child(2n){margin-right: 0;}
    .news-list li{width: 49.5%;}
    .news-list li:nth-child(3n){margin-right: 1%;}
    .news-list li:nth-child(2n){margin-right: 0;}
    .contain-news-filter{align-items: center;}
    .contain-news-filter .left .px{margin-right: 0.8rem;font-size: 0.83rem;}
    .search-box input{min-width: 14rem;width: 100%;}
    .contain-clip{display: block;}
    .newsdetil-top{margin-bottom: 1rem;}
    .newsdetil-main h3{font-size: 1.2rem;}
    .newsdetil-main p img{max-width: 100%;}
    .contain-left{margin-bottom: 1rem;}
    .contain-right{margin-left: 0;width: 100%;}
    .contain-right .news-list{display: flex;justify-content: space-between;}
    .contain-right .news-list li{width: 49.5%;}
    .contain-right .news-list li:last-child{display: none;}
    .loadmore span{font-size: 0.83rem;}
    .game-change-list{display: flex;flex-wrap: wrap;}
    .game-change-list li{width: 49.5%;margin-right: 1%;}
    .game-change-list li:nth-child(2n){margin-right: 0;}
    .integral-list li{width: 32%;}

    .contain-integral .content-head{position: relative;display: block;padding-top: 4.5rem;}
    .contain-integral .content-head .search-box .search-btn{padding: 0 2rem;}
    .contain-integral .content-head .content-head-right{position: absolute;top: 1rem;left: 1rem;}
    .contain-integral .content .content-notice{bottom: auto;top: 1.5rem;right: 1rem;z-index: 2;}
    .contain-integral .content .content-notice a{font-size: 1rem;}
    /*.contain-integral .content-head .content-nav{border-top: 1px var(--color4) solid;padding-top: 1rem;}*/
    .store-choose{position: relative;}
    .contain-integral .store-choose .btn-box{position: absolute;bottom: 13%;right: 1rem;}
    .contain-integral .store-choose .btn-box a.btn{position: relative;top: auto;left: auto;}
    /*.store-choose a.btn{position: absolute;top: 1rem;right: 1rem;}*/
    .store-choose .game-choose .bot{flex-wrap: wrap;}
    .store-choose .game-choose .bot .srk{margin-right: 2%;width: 49%;margin-bottom:1%;}
    .store-choose .game-choose .bot .srk:nth-child(2n){margin-right: 0;}
    .store-choose .srk{display: block;}
    .store-choose .srk>span{font-size: 0.83rem;color: var(--color3);}
    .store-choose .srk input{width: 100%;}
    .pop-giftget-role .store-choose .srk{display: flex;}
    .gamecenter-list li{width: 100%;margin-right: 0;}
    .contain-gamecenter-filter{display: block;}
    .contain-gamecenter-filter .left{justify-content: space-between;margin-top: 0.5rem;}
    .contain-gamecenter-filter .left .dropdown-box{width: 49%;margin-right: 2%;}
    .contain-gamecenter-filter .left .dropdown-box:nth-child(2n){margin-right: 0;}
    .contain-gamecenter-filter .left .dropdown-box .dropdown{flex: 1;}
    .contain-gamecenter-filter .search-box{width: 50%;margin-left: 50%;}
    .pm-box{display: flex;justify-content: space-between;align-items: flex-start;}
    .contain-gamecenter .contain-right .pm{display: block;text-align: center;width: 33%;margin-bottom: 0;}
    .contain-gamecenter .contain-right .pm .pm-icon{margin: 0 auto;}
    .contain-gamecenter .contain-right .pm .game-icon{margin: 0.4rem auto 0.4rem;}
    .contain-right .content{position: relative;}
    .contain-right .content .gamecenter-link{position: absolute;top: 1rem;right: 1rem;width: 50%;padding-top: 0;}
    .contain-right-box{border-bottom: none;}
    .commodity-list li{width: 49%;display: block;}
    /*.commodity-list li:nth-child(3n){margin-right: 1%;}*/
    /*.commodity-list li:nth-child(2n){margin-right: 0;}*/
    .commodity-list li .left .pic{width: 4rem;}
    .commodity-list-word h4{margin-top: 0;}
    .choosesecond-list li{width: 100%;margin-right: 0;}
    .choosesecond-list li:nth-child(3n){margin-right: 0%;}
    .choosesecond-list li:nth-child(2n){margin-right: 0;}
    .pay-list{padding: 0;}
    .pay-list-inner{justify-content: flex-start;}
    .pay-list-inner li{width: 31%;margin-right: 1%;}
    .contain-store .pay-money{font-size: 1rem;}
    .pay-list-inner li:nth-child(3n){margin-right: 0%;}
    .content-notice{opacity: 0;}
    .content .content-notice{opacity: 1;font-size: 0.8rem;position: relative;
        bottom: auto;
        right: auto;
        margin-bottom: 1rem;
        font-size: 0.85rem;
        color: var(--color3);
        text-align: left;
        line-height: 1.3rem;
        padding: 0.5rem 0;}
    .content-notice span{opacity: 1; }
    .content-notice a{opacity: 1;    font-size: 1.2rem;}
    .contain-member .news-list li:last-child{display: block;}
    .vip-fl li a .pic{width: 2.4rem;margin-bottom: 0.3rem;}
    .contain-member .commodity-list .price{text-align: left;position: relative;}
    .contain-member .commodity-list .price a{position: absolute;bottom: 0;right: 0;}
    .gift-week-list.gift-up li{width: 100%;margin-right: 0;}
    .gift-week-list.gift-up.lock .lockword .pic{width: 4rem;}
    .vip-process{margin-bottom: 3%;}
    .vip-process a{padding: 0.5rem 1rem;display: block;text-align: center;line-height: 1rem;border-radius: 2.2rem;}
    .vip-process a .iconfont{display: block;font-size: 1.2rem;}
    .vip-process a i{display: none;}
    .vip-process a .name{transform: scale(0.9);display: block;}

    .newgame-list li{width: 49.5%;}
    .newgame-list li:nth-child(2n){margin-right: 0;}
    .gift-off-list li{width: 49.5%;align-items: flex-start;}
    .gift-off-list li:nth-child(3n){margin-right: 1%;}
    .gift-off-list li:nth-child(2n){margin-right: 0;}
    .gift-off-list li .pic{width: 4rem;}
    .content-member .content-member-mess-inner{display: block;}
    .content-member .jfbar{width: 100%;margin-top: 1rem;}
    .content-member .memberbs{width: 28%;}
    .contain-member .commodity-list .price a{display: inline-block;}
    .contain-box-2{display: block;}
    .content{border-radius: 0.5rem;}
    .contain-box-2 .content{width: 100%;margin-bottom: 2rem;}
    .table-respos{overflow: auto;}
    .commodity-list .price .price-vip i{display: inline-block;}
    .banner-pic .swiper-slide{border-radius: 0.5rem;}
    .store-choose .flex-al-center{align-items: flex-start;}
    .store-choose .game-icon{margin-right: 1rem;}
    .store-choose .flex-al-center .srk-box{flex-wrap: wrap;}
    .store-choose .flex-al-center .srk-box .srk{width: 49.5%;margin-right: 1%;margin-left: 0;margin-bottom: 1%;}
    .store-choose .flex-al-center .srk-box .srk:nth-child(2n){margin-right: 0;}
    .contain-store .store-choose .btn-box{position: absolute;content: "";bottom:116%;right: 0;width: 70%;text-align: right;}
    .store-choose .btn-box a.down-and, .store-choose .btn-box a.down-ios{width: 2.5rem;}
    /*.contain-store .store-choose a.btn{ top: 70%;right: auto;left: -0.5rem;width:5rem;height:2.4rem;border-radius: 1.2rem;display: flex;justify-content: center;align-items: center;    line-height: 2.4rem;    padding: 0;border-radius: 1.2rem;font-size: 0.86rem;}*/
    .store-choose a.btn-sq{margin-left: 0;    margin-top: 4%;}
    .content-title.hasflex{position: relative;display: block;padding-top: 4rem;}
    .content-title.hasflex h3{position: absolute;top: 1rem;left: 0rem;}
    .content-title.hasflex .aboutjf{position: absolute;top: 1rem;right: 0rem;}
    .content-title.hasflex .search-box{position: absolute;top: 1rem;right:0rem;}

    .contain-store .content-head{position: relative;display: block;padding-top: 4rem;}
    .contain-store .content-head .search-box{position: absolute;top: 1rem;left: 1rem;    width: 90%;}
    .contain-store .content-head .search-box .search-btn{padding: 0 2rem}
    .contain-store .content-head a.btn{position: absolute;top: 1rem;right: 1rem;}
    .content-messpv{justify-content: flex-start;}
    .integral-list .pic .iconfont{font-size: 3.5rem;}
    .store-choose .srk .valueholder{width: 100%;font-size: 0.86rem;}
    .content-personal-mess .content-personal-mess-inner{display: block;}

    .content-personal-mess .vipbox .pic .iconfont{font-size:2rem;}
    .commodity-list .commodity-list-word h4{font-size: 1rem;}
    .commodity-list .price span{font-size: 1.1rem;}
    .content-messpv,.vip-fl li a .name,.contain-personal,.content-personal-mess .content-personal-mess-inner .mid div .record-jf{font-size: 0.86rem;}

}
@media(max-width:540px){
    .auto-1600{margin: 0 auto;padding-bottom: 3rem;}
    .drop-second a{font-size: 1.1rem;}
    .drop-second .selectOne a{    max-width: 18rem;}
    .search-box .search-btn{padding: 0 0.5rem;}

    .container{padding-bottom: 5.5rem;}
    .page-activity .contain-box:nth-child(1){margin-top: 1rem;}
    .page-activity .flex-box{display: block;}
    .page-activity .flex-box2>div{width: 100%;margin-right: 0%;margin-bottom: 3%;}
    .page-activity .flex-box2>div:nth-child(2n){margin-bottom: 0;}
    
    .contain-word{padding: 4%;}

    .select2-container--open .select2-dropdown .select2-results__options{max-height: 10rem;}

    .popup.pop-giftget-role .pop-inner{overflow: inherit;}
    .gift-week-list li{width:100%;display: flex;padding: 0.8rem 0;}
    .gift-week-list li .mess{text-align: left;padding-right: 20%;position: relative;}
    .gift-week-list li .mess .btn{position: absolute;content: "";top: 0;right: 0;padding: 0 1rem;}
    .gift-week-list li .game-icon{margin-right: 3%;}
    .gift-week-list.gift-up li .mess{padding-right: 0;}
    .gift-week-list li a.btn{padding: 0 1rem;}
    .newgame-list li .top a.btn{padding: 0 1rem;}
    .change-nav{padding:8px 0;width: 100%;}
    .contain-right-nav .swiper-slide{text-align: center;}
    .contain-news .contain-right-nav{position: relative; background: var(--bgcolor); display: flex;justify-content: space-between;align-items: center;padding: 0 1rem;position: relative;}
    .contain-news .contain-right-nav:before{position: absolute;content: "";width: 3%;height: 100%;top: 0;left: 100%;background: var(--bgcolor);}
    .contain-news .contain-right-nav:after{position: absolute;content: "";width: 3%;height: 100%;top: 0;right: 100%;background: var(--bgcolor);}
    .contain-news .contain-right-nav a{margin: 0;}
    .contain-news .swiper-button-prev{left: 0;display: block;}
    .contain-news .swiper-button-next{right: 0;display: block;}
    .contain-news .swiper-button-prev,.contain-news .swiper-button-next{width: auto;height: 2rem;margin-top: 0;transform: translate(0,-40%);}
    .contain-news .swiper-button-prev:after,.contain-news .swiper-button-next:after{    color: var(--color1);font-size:1rem;}
    .contain-integral .store-choose .left .game-choose p i{display: none;}
    .content-member .content-member-mess-inner{padding: 1.5rem 1rem;    border-radius: 0.5rem 0.5rem 0 0;}
    .integral-list li{width: 49%;margin-right: 1%;}
    .content-messpv .icon,.content-messpv .icon span.word{width: 4rem;height: 4rem;}
    .content-messpv{position: relative;display: block;    padding-left: 5rem;}
    .content-messpv div{display: flex;justify-content: space-between;margin-left: 0;margin-right: 0;flex-wrap: wrap;}
    .contain-personal .content-messpv div:last-child{justify-content: flex-start;}
    .contain-personal .content-messpv div:last-child a{margin-right: 1rem;}
    .content-messpv div.icon{position: absolute;top: 0;left: 0;margin-left: 0;}
    .content-messpv div p span{margin-left: 0;}
    .content-messpv div p{line-height: 2rem;}
    .content-personal-mess .content-personal-mess-inner{margin-left: 0;margin-top: -1rem;    padding: 1.5rem 1rem;}
    .content-personal-mess .content-personal-mess-inner .mid{width: 65%;    margin: 1rem auto 0;}
    .content-personal-mess .content-personal-mess-inner .mid div{margin: 0;}
    .content.content-personal-mess{display: block;}
    .content-personal-mess .vipbox{width: 100%;border-radius:0.5rem 0.5rem 0 0; padding-bottom: 1rem;    justify-content: flex-start;padding-left: 1rem;   flex-direction: row;}
    .content-personal-mess .vipbox .pic{width: 5%;margin: 0.5rem 0;}
    .content-personal-mess .vipbox p{margin-left: 1rem;}
    .content-personal-mess .content-personal-mess-inner .right{right: 0;width: 6rem;top: -1.5rem;}
    .content-personal-mess .content-personal-mess-inner .mid div h2{font-size: 2rem;}
    .newgame-list li .top{padding-right: 0;}
    .newgame-list li .game-icon{margin-right: 0;}
    .content-personal-mess .vipbox .pic .iconfont{font-size: 1.5rem;}
    .content .content-notice i{display: none;}
    
    /*    new*/
    a.btn{padding: 0 4rem;border-radius: 0.3rem;}
    .banner{flex-direction: column-reverse;border-radius: 5px;}
    .contain-word b{font-size: 1.3rem;}
    .contain-word p{font-size: 0.9rem;width: 100%;}
    .bannerpic{width: 100%;}
    .bannerpic img{mask-image: none;border-radius: 5px;}
    .contain-mid{flex-direction: column;margin: 2% 0;}
    .contain-mid li{width: 100%;flex-direction: column-reverse;margin: 2% 0;padding: 0;}
    .contain-mid .contain-left{padding: 1% 4%;}
    .contain-mid .contain-left .contain-word p{width: 100%;}
    .reward-pic{width: 100%;border-radius: 5px;padding: 4%;}
    .reward-pic img{width: 30%;margin: 0 auto;}
    .discount{width: 50%;font-size: 0.9rem;margin-top: 4%;}
    .contain-clip .contain-left{padding: 0;}
/*    .contain-integral .store-choose .btn-box a.btn{padding: 0 1rem;}*/
    
    .store-choose .btn-box a{padding: 0 1rem;}
    
    /* 每日奖励页样式*/
    .daily-box li{width: 31.5%; margin: 2.5% 0 0;padding: 2% 1.2%;border-radius: 5px;}
    .daily-reward{border-radius: 5px;}
    .daily-num{width: 40%;font-size: 0.9rem;}
    p.reward-word{font-size: 1rem;}
    .daily-reward span{width: 30%;font-size: 0.85rem;}
    .daily-box a.btn{padding: 0.5rem 0.5rem;font-size: 1rem;}
    .daily-box a img{width: 1rem;}
    
    /* 等级奖励页样式*/
    .loy-pic{max-height: 35vh;}
    .banner-top{flex-direction: column;}
    .loy-btn{    align-items: flex-start;}
    .loy-btn p{margin-top: 1%;font-size: 0.9rem;}
    .loybar{top: 63%;}
    .loybar .loybar-top .loynow span b{font-size: 1.5rem;}
    .loybar .loybar-top .nextbar{font-size: 0.9rem;}
    .loybar .loybar-top .nextbar span{font-size: 1.5rem;}
    .loybar .loybar-bar{height: 5px;}
    .loy-level li{width: 100%;padding: 3% 2.8%;margin: 3.5% 0 0;}
    
    .loy-mid{display: flex;align-items: center;}
    .loy-level li .reward-pic{width: 49%;padding: 2%;}
    .loy-level li .reward-pic img{width: 100%;}
    .loy-word{    margin: 0 0 0 4%;}
    .loy-top .grade{font-size: 1.2rem;}
    .loy-top .grade b{width:  1.7rem;}
    .loy-word b{font-size: 1rem;}
    .loy-word p{font-size: 0.9rem;}
    .loy-top .level-num i{font-size: 0.7rem;}
    .loy-level{margin-top: 4%;}
    .loy-level a.btn{line-height: 1.2rem;margin-top: 4%;font-size: 1rem;}
    .loy-level a img{width: 1rem;}


    .pay-succese img{max-width: 6rem;}
    .pay-succese .mess{margin-bottom: 4%;}
    .pay-succese .mess p{font-size: 1rem;line-height: 1.5rem;    padding: 1rem 0;}
    .pay-succese a{min-width: 7rem;margin: 0 2%;    line-height: 2.5rem;}
}
@media(max-width:450px){
.store-piclist li{    border-radius: 0.5rem;overflow: hidden;}
    .store-piclist li .top{    padding: 0.2rem;}

}

.mb{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: 0.7;}

.popup{background: #3a3951;border-radius: 1rem;z-index:100;position: fixed!important;top: 50%!important;left: 50%!important;transform: translate(-50%,-50%);display: none;width: 40%;max-width:45rem;color:var(--color1);font-size: 1rem; }
.pop-title{background: var(--color8);border-radius: 1rem 1rem 0 0;border-bottom: 1px var(--color4) solid;}
.pop-title h3 span{display: inline-block;line-height: 4rem;padding: 0 1rem;font-size: 1.3rem;font-weight: bold;}
.popup .pop-inner{padding: 2rem;    max-height: calc(100vh - 10rem);overflow: auto;}
.popup a.btn{margin: 0 0.5rem;     min-width: 9rem;}
.popup a.btn.btn-w100{margin: 0;}
.popup a.btn.btn-big{min-width: 11rem;line-height:3.4rem;border-radius: 1.7rem;font-size: 1.1rem; }
.popup a.btn.btn-prev{background:var(--color3);  }
.popup .close{position: absolute;top: 1.5rem;right: 1rem;cursor: pointer;}
.popup .close span.iconfont{font-size:1.3rem;color: var(--color1);}
.popup .center{margin-top: 2rem;}

.popup.pop-new-person-gift-none{background: none;width: 22%;}
.popup.pop-new-person-gift-none .pic{cursor: pointer;}
.popup.pop-new-person-gift-none .close{top: 0%;right:0%;}
.popup.pop-new-person-gift-none .close span.iconfont{color: #fff;}

.popup.pop-new-person-gift{background: none;max-width: 55rem;width: 45%;}
.popup.pop-new-person-gift .close{top: 20%;right: 5%;}
.popup.pop-new-person-gift .close span.iconfont{color: #fff;}
.popup.pop-new-person-gift .time{position: absolute;content: "";width: 57%;left: 50%;top: 82%;transform: translate(-50%,0);color:#d56364;font-size: 1.4rem; }
.popup.pop-new-person-gift .btn{position: absolute;content: "";width: 28%;height:10%;left: 50%;top: 90%;transform: translate(-50%,0);cursor: pointer;}

.pop-start{background: none;}
.pop-start .close{bottom: 100%;left: 100%;top: auto;right: auto;}
.pop-start .close span.iconfont{color: #fff;}

.popup.pop-giftget-sucess .pop-inner{font-size: 1.2rem;text-align: center;}
.popup.pop-giftget-sucess .pop-inner span{color: #fff;font-weight: bold;}
.popup.pop-giftget-sucess a.copy{color: #fff;margin-top: 3%;}

.popup.pop-giftget-role .store-choose .srk{margin-left: 0;margin-bottom: 1rem;}
.popup.pop-giftget-role .store-choose .srk .valueholder{width: 100%;}
.popup.pop-giftget-role .store-choose .dropdown,.popup.pop-giftget-role .store-choose .btn-dropn-second{flex: 1;}
.popup.pop-giftget-role .btn-box{text-align: center;}


.pop-perinfor .pop-inner{max-width:42rem ;margin: 0 auto;}
.inform-box{display: flex;justify-content: space-between;margin-bottom: 0.5rem;align-items: center;}
.inform-box span{min-width: 6rem;}
.inform-box .mess{flex: 1;position: relative;display: flex;}
.inform-box p input{line-height: 3.2rem;background: var(--color5);font-size: 1rem;padding-left: 0.5rem;border: none;width: 100%;    font-family: "TA-Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
.inform-box p a{position: absolute;top: 50%;right: 1rem;transform: translate(0,-50%);color: var(--bluecolor);}
.inform-box p span{display: flex;align-items: center;}
.pop-perinfor .inform-box p{line-height: 3.2rem;}
.pop-perinfor .inform-box p span input{width: auto;margin-right: 0.5rem;}
.pop-perinfor .inform-box .mess p{width: 100%;background: var(--color5);padding-left: 0.5rem;}
.pop-perinfor .inform-box .mess p span.icon-xl{min-width:auto;}
.pop-perinfor .inform-box .mess .notice{position: absolute;top: 50%;right: 1.6rem;transform: translate(0,-50%) scale(0.85);transform-origin: center;color: var(--danger-color);font-size: 12px;}

.pop-privacy .pop-inner{max-height: 40rem;overflow: auto;    line-height: 1.8rem;}
.pop-privacy .pop-inner h3{font-weight: bold;margin: 4% auto 0}

.pop-rule-record h3{margin-bottom: 0.3rem;}
.pop-rule-record h3.b2{margin-top: 1rem;}
.pop-rule-record p{color:var(--color2);line-height: 2rem;}

a.copy{color: var(--bluecolor);}
.store-mess .ordermess{display: flex;justify-content: space-between;margin-bottom: 1rem;font-size: 1rem;}
.store-mess .ordermess p.store-mess-title{color: var(--color3); margin-right: 4px;}
.store-mess .ordermess .dropdown{background: var(--color5);    line-height: 2rem;}
.store-mess .ordermess .dropdown>p{padding:0 2rem 0 1rem;cursor: pointer;}
.store-mess .gamezh{color: var(--color3);transform: scale(0.9);transform-origin: left center;}
/*.store-mess .gamezh span{color: var(--color2)}*/
.store-mess .per-mess{display: flex;justify-content: space-between;background: var(--color5);color: var(--color1);padding: 0.5rem;align-items: flex-start;margin-bottom: 2rem;}
.store-mess .per-mess span{color: var(--color1);}
.store-mess .top{display: flex;justify-content: space-between;padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 1px var(--color4) solid;}
.store-mess .top .left{display: flex;align-items: flex-start;}
.store-mess .top .left .pic{width: 4rem;margin-right: 0.5rem;}
.store-mess .top .left .mess{flex: 1;}
.store-mess .top .mess .name{font-size: 1rem;color: var(--color1);}
.store-mess .top .mess .detle{font-size: 1.1rem;color: #fff;font-weight: bold;}
.store-mess .top .price{font-size: 1.5rem;color: var(--bluecolor);font-weight: bold;}
.store-mess .top .price .iconfont{font-size: 1rem;color: var(--bluecolor);font-weight: normal;display: inline-block;transform: scale(0.8);}
.store-mess .top .num{font-size: 1rem;color: var(--color2);}
.store-mess .top .right .iconfont{color: var(--color3);display: inline-block;transform: scale(0.8);margin-right: 0;}
.point{color: var(--bluecolor);}
.bigword{font-size: 1.8rem;font-weight: bold;line-height: 1.8rem;}


.pop-hisexchange .bot{display: flex;align-items: flex-start;flex-wrap: wrap;justify-content: space-between;}
.pop-hisexchange .bot .ordermess{width: 45%;justify-content: flex-start;}
.pop-hisexchange .store-mess{border-bottom: 1px var(--color4) solid;margin-bottom: 1rem;}
.pop-hisexchange .store-mess:last-child{border-bottom: none;margin-bottom:0;}
.pop-hisexchange .store-mess .top{border: none;padding-bottom: 0.5rem;}
.pop-hisexchange .bigword{font-size: 1.3rem;line-height: 1.3rem;font-weight: normal;}

.pop-giftorecord .bot{display: flex;align-items: flex-start;flex-wrap: wrap;justify-content: space-between;}
.pop-giftorecord .bot .ordermess{width: 45%;justify-content: flex-start;}
.pop-giftorecord .store-mess{border-bottom: 1px var(--color4) solid;margin-bottom: 1rem;}
.pop-giftorecord .store-mess:last-child{border-bottom: none;margin-bottom:0;}
.pop-giftorecord .store-mess .top{border: none;padding-bottom: 0.5rem;}
.pop-giftorecord .bigword{font-size: 1.3rem;line-height: 1.3rem;font-weight: normal;}


.pop-jfexchange .bigword{font-size: 1.2rem;}
.pop-jfexchange .store-mess .ordermess .dropdown{min-width: 14rem;}
.pop-jfexchange .dropdown-menu{max-height: 13rem;overflow: auto;}
.btn-w100{width: 100%;text-align: center;}
.word-center{text-align: center;}

.pop-coupon .nav-myitem{display: flex;justify-content: space-around;align-items: flex-start;margin-bottom: 2rem;}
.pop-coupon .nav-myitem-item{display: inline-block;}
.pop-coupon .nav-myitem-item a{display: flex;flex-direction: column;text-align: center;}
.pop-coupon .nav-myitem-item a b{font-size: 1.1rem;}
.pop-coupon .nav-myitem-item a span{display: block;background:var(--color5);line-height: 1.2rem;border-radius: 0.6rem;margin-top: 0.2rem; }
.pop-coupon .nav-myitem-item.active span{background:var(--bluecolor);color: #fff;}
.pop-coupon .nav-myitem-item.active b{font-weight: bold;color: var(--bluecolor);}
.coupon{position: relative;display: flex;justify-content: space-between;align-items: flex-start;background: var(--color5);padding: 1rem;border: 1px var(--color5) solid;border-radius: 1rem;margin-top: 1rem;overflow: hidden;}
.coupon.coupon-none{text-align: center;justify-content: center;}
.coupon.vip{background: #fffdf8;border: 1px #d8bf7d solid;}
.coupon .vipflo{position: absolute;top: 0;left: 0;background: linear-gradient(to right,#fff2d4,#d8bf7d);color:#836b2c;padding:0 4px;border-radius: 0 0 4px 0;line-height: 1.4rem;transform: scale(0.9);transform-origin: left top; }
.coupon .coupon-left{flex: 1;}
.coupon .coupon-left .top{display: flex;}
.coupon .coupon-left .top .pic{width: 4rem;margin-right: 0.5rem;}
.coupon .coupon-left .top .pic .iconfont{display: inline-block;font-size: 3.4rem;line-height: 3.4rem;background: linear-gradient(#fde3a1,#9f874a);color: transparent;-webkit-background-clip: text;}
.coupon .coupon-left .top .mess{flex: 1;}
.coupon .coupon-left .top .coupon-nam{font-size: 1.4rem;font-weight: bold;}
.coupon .coupon-left .top .coupon-tj{color: var(--color2);}
.coupon .coupon-time{color: var(--color2);margin-top: 0.6rem;}
.coupon-off{font-size: 1.2rem;font-weight: bold;color: var(--bluecolor);}
.coupon-off span{font-size: 3rem;font-weight: bold;line-height: 2.4rem;}
.coupon-right{text-align: center;}
.coupon-right a.btn{line-height: 2rem;border-radius: 1rem;    margin-top: 0.8rem;}
.coupon.fail{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);opacity: 0.8;}
@media (any-hover: hover){
}
@media(max-width:1850px){

}
@media(max-width:1550px){

}
@media(max-width:1450px){

}
@media(max-width:1400px){

}
@media(max-width:1000px){
    .popup{border-radius: 0.5rem;}
    .popup a.btn{line-height: 2.6rem;}
    .pop-title h3 span{line-height: 3rem;font-size: 1.2rem;}
    .popup .pop-inner{padding: 1rem 1rem 2rem;    max-height: calc(100vh - 8rem);}

    .pop-new-person-gift .time{font-size: 1rem;}
    .store-mess .ordermess{font-size: 0.9rem;}
    .popup a.btn.btn-big{line-height: 2.8rem;min-width: 8rem;padding: 0 1rem;}
    .coupon{border-radius: 0.5rem;padding: 0.5rem;}
    .coupon .coupon-left .top .coupon-nam{font-size: 1.2rem;}
    .coupon .coupon-left .top .coupon-tj,.coupon .coupon-time{font-size:0.83rem;}
    .coupon-right a.btn{line-height: 1.8rem;min-width: auto;margin: 0.8rem auto 0;}
    .pop-hisexchange .bot .ordermess{width: auto;}
    .pop-hisexchange .bigword{font-size: 1.2rem;}
    .pop-giftorecord .bot .ordermess{width: auto;}
    .pop-giftorecord .bigword{font-size: 1.2rem;}
    .coupon .coupon-left .top .pic .iconfont{font-size: 3rem;line-height: 3rem;}
    .coupon-off span{font-size: 2.5rem;}
    .bigword{font-size: 1.5rem;}

}
@media(max-width:800px){
    .popup{width: 94%;}
    .coupon{padding: 0.8rem 0.5rem 0.5rem;}
    .pop-title h3 span{line-height: 4rem;}
    .popup .pop-inner{max-height: calc(100vh - 12rem);}
    .popup.pop-new-person-gift-none{width: 50%;}
    .popup.pop-new-person-gift{width: 60%;}
    .popup.pop-normal .pop-inner{padding: 2rem 1rem;}
    .pop-start{width: 90%;}
}
@media(max-width:540px){
    .popup.pop-new-person-gift{width: 126%;}
    .popup.pop-new-person-gift .close{top: -2%;left: 81%;right: auto;}
}

/*.pop-coupon{display: block;}*/




/*动效-转圈*/
/*调用-转圈*/ /*    animation:animate-turn 5s linear infinite;    */
@keyframes animate-turn {
    0% {transform: rotate(0deg);}
    to {transform: rotate(1turn);}
}

@keyframes animate-pos-turn {
    0% {transform: rotate(0deg) translate(-50%,-50%);}
    to {transform: rotate(1turn) translate(-50%,-50%);}
}

/*动效-下落*/
/*调用-下落*/ /*    animation:animate-fall 2s linear infinite;    */
@keyframes animate-fall {
    0% {transform: rotate(0deg);top:0;opacity: 0;}
    50% {transform: rotate(60deg);top:50%;opacity: 1;}
    80% {transform: rotate(100deg);top:100%;opacity: 0.8;}
    100% {transform: rotate(180deg);top:100%;opacity: 0;}
}

/*动效-平移*/
/*调用-平移*/ /*    animation:animate-mo 2s linear infinite;    */
@keyframes animate-mo {
    0% {transform: translate(0,0);opacity: 1;}
    25% {transform: translate(300px,0);opacity: 0.95;}
    50% {transform: translate(50px,0);opacity: 1;}
    75% {transform: translate(250px,0);opacity: 0.8;}
    100% {transform: translate(0,0);opacity: 1;}
}
@keyframes animate-mo1 {
    0% {transform: translate(0,0);opacity: 1;}
    25% {transform: translate(-100px,0);opacity: 0.95;}
    50% {transform: translate(50px,0);opacity: 1;}
    75% {transform: translate(150px,0);opacity: 0.8;}
    100% {transform: translate(0,0);opacity: 1;}
}


/*动效-按钮缩放*/
/*调用-按钮缩放*/ /*    animation:animate-zoom 2s linear infinite;    */
@keyframes animate-zoom {
    0% {transform: scale(0.95);}
    50% {transform: scale(1);}
    100% {transform: scale(0.95);}
}

@keyframes animate-zoom1 {
    0% {transform: scale(0.88);}
    50% {transform: scale(1.1);}
    100% {transform: scale(0.88);}
}
@keyframes animate-zoom2 {
    0% {transform: scale(0.6);}
    50% {transform: scale(1.1);}
    100% {transform: scale(0.6);}
}

@keyframes animate-pos-zoom {
    0% {transform: scale(0.95) translate(-50%,0);}
    50% { transform: scale(1) translate(-50%,0);}
    100% {transform: scale(0.95) translate(-50%,0);}
}

@keyframes animate-pos1-zoom {
    0% {transform: scale(0.85) translate(0,-50%);}
    50% { transform: scale(1) translate(0,-50%);}
    100% {transform: scale(0.85) translate(0,-50%);}
}
@keyframes animate-pos2-zoom {
    0% {transform: scale(0.85) translate(-50%,-50%);}
    50% { transform: scale(1) translate(-50%,-50%);}
    100% {transform: scale(0.85) translate(-50%,-50%);}
}



/*动效-光效缩放*/
/*调用-光效缩放*/ /*        animation:animate-lightzoom 2s linear infinite;    */
@keyframes animate-lightzoom {
    0% {transform: scale(0);opacity: 1;}
    75% { transform: scale(0.8);opacity: 1;}
    100% { transform: scale(1.2);opacity: 0;}
}
@keyframes animate-lightzoom1 {
    0% {transform: scale(0.5);opacity: 1;}
    75% { transform: scale(1);opacity: 1;}
    100% { transform: scale(2);opacity: 0;}
}


/*动效-扫光*/  /*    background: linear-gradient( 120deg, transparent,transparent, rgba(255, 244, 227, 0.4), transparent, transparent );    */
/*调用-扫光*/ /*    animation:animate-wipes 2s linear infinite;    */
@keyframes animate-wipes {
    from {left:0;}
    to {left:100%;}
}



/*动效-左右摇晃*/
/*调用-左右摇晃*/ /*    transform-origin: center bottom;animation: animate-shake infinite 1s ease-in-out alternate;    */
@keyframes animate-shake {
    0%{transform:none}
    15%{transform:translate3d(-2%,0,0) rotate3d(0,0,1,-2deg);}
    30%{transform:translate3d(1%,0,0) rotate3d(0,0,1,1deg);}
    45%{transform:translate3d(-1%,0,0) rotate3d(0,0,1,-1deg);}
    60%{transform:translate3d(1%,0,0) rotate3d(0,0,1,2deg);}
    75%{transform:translate3d(-1%,0,0) rotate3d(0,0,1,-1deg);}
    100%{transform:none}
}



/*动效-风吹左右摇晃*/
/*调用-风吹左右摇晃*/ /*    transform-origin: center top;animation: animate-wind infinite 1s ease-in-out alternate;    */
@keyframes animate-wind {
    0% {transform: rotate(1deg);}
    100% {transform: rotate(-2deg);}
}



/*动效-上下跳动*/
/*调用-上下跳动*/ /*    animation: animate-jump 0.8s linear infinite;    */
/*@keyframes animate-jump {*/
/*    0% {transform:translate(-50%,0);}*/
/*    50% { transform:translate(-50%,-6px);}*/
/*    100% {transform: translate(-50%,0);}*/
/*}*/

/*动效-左右跳动*/
/*调用-左右跳动*/ /*    animation: animate-mov 0.8s linear infinite;    */
@keyframes animate-mov {
    0% {margin-left: 0;}
    50% { margin-left: 6px;}
    100% {margin-left: 0;}
    /*
        0% {transform:translate(0,0);}
        50% { transform:translate(-6px,0);}
        100% {transform:translate(0,0);}
    */
}

/*动效-背景逐帧动效*/
/*调用-背景逐帧动效*/ /*    animation: animate-changebg 1s steps(3) infinite;    */
@keyframes animate-changebg {
    from{background-position:0 0;}
    to {background-position: -90px 0;}
}