* {margin: 0;padding: 0;box-sizing: border-box;}
html,body {width: 100%;height: 100%;}
i,span,a {text-decoration: none; display: inline-block; font-style: normal;}
button,a,input,select,textarea{border:none;outline: none;}
img{max-width: 100%;}
button,a{cursor: pointer;}
li {list-style: none;}

.pt20{padding-top: .3rem;}
.pb20{padding-bottom: .3rem;}

.pt30{padding-top: .5rem;}
.mt10{margin-top: .15rem;}
.mt20{margin-top: .3rem;}
.mt30{margin-top: .5rem;}
.mt50{margin-top: 1rem}
.mb20{margin-bottom: .3rem;}
.mb30{margin-bottom: .5rem;}
.mb10{margin-bottom: .15rem;}


.header {display: flex;align-items: center;justify-content: space-between;font-size: 0.453rem;font-weight: bold;color: #ffffff;}
.flex .item {display: flex;align-items: center;flex: 1;flex-direction: column;justify-content: center;font-size:0.28rem ;color:#000000;}
.flex .item a{display: inline-block; text-align: center; width: 100%;}
.footer {position: fixed;bottom: 0;left: 0;right: 0;height: 1.307rem;background: #ffffff;box-shadow: 0rem 0.027rem 0.12rem 0rem rgba(74, 74, 74, 0.36); z-index: 990;}
.footer .item {color: #252525;}
.footer .item span{ display: inline-block; width: .6rem; height: .6rem; }
.footer .item span img{ width: .6rem; /*height: .6rem;*/ }
.footer .item.active{ color: #3377ff; }
/*
.footer .item span.nav_1{background: url(../imgs/home/nav_1.png) no-repeat center; background-size: 95%;}
.footer .item span.nav_2{background: url(../imgs/home/nav_2.png) no-repeat center; background-size: 95%;}
.footer .item span.nav_3{background: url(../imgs/home/nav_3.png) no-repeat center; background-size: 95%;}
.footer .item span.nav_4{background: url(../imgs/home/nav_4.png) no-repeat center; background-size: 95%;}

.footer .item.active span.nav_1{background: url(../imgs/home/nav_on_1.png) no-repeat center; background-size: 95%;}
.footer .item.active span.nav_2{background: url(../imgs/home/nav_on_2.png) no-repeat center; background-size: 95%;}
.footer .item.active span.nav_3{background: url(../imgs/home/nav_on_3.png) no-repeat center; background-size: 95%;}
.footer .item.active span.nav_4{background: url(../imgs/home/nav_on_4.png) no-repeat center; background-size: 95%;}
*/
.fl{float: left;}
.fr{float: right;}
/*.arrow:after{ position:absolute;content: '';display: block; }*/
.arrow{position: relative; padding-right: .5rem;}
.arrow:after{ content:''; position:absolute; right:.1rem; top:50%; margin-top:-.10rem; width:.2rem;height:.2rem;border-top: 1px solid #ccc;border-right: 1px solid #ccc;transform: rotate(45deg);}

.clearfix:after {content: "";display: table;clear: both;}
.center{ text-align: center;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}


.text-white{color: #fff;}
.text-black{color: #333333;}

/* font-size */
.ft12{ font-size: 12px;}
.ft13{ font-size: 13px;}
.ft14{ font-size: 14px;}
.ft16{ font-size: 16px;}
.ft18{ font-size: 18px;}
.ft20{ font-size: 20px;}
.ft22{ font-size: 22px;}
.ft24{ font-size: 24px;}
.ft30{ font-size: 30px;}
.ft40{ font-size: 40px;}
/* margin */
.mt0{margin-top:0px!important;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb33{margin-bottom:33px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom: 100px;}

.ml0{margin-left:0px !important;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}

.mr0{margin-right:0px !important;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}

/* padding */
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}

.pt0{padding-top:0px !important;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt100{padding-top: 100px;}

.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb100{padding-bottom: 100px;}

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px !important;}

.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 20px;}

.v-center{margin:0 auto;}

.baseBg{background: #fff;}
.text-gray{ color: #999;}


.flex{display: flex;}
.flex-1{flex:1;}
.flex-column{flex-direction: column;}
.flex-middle{align-items: center; }
.flex-top{justify-content:inherit;}
.flex-between{justify-content: space-between;}
.flex-center{justify-content: center;}
.flex-right{justify-content:end;}
.flex-start{justify-content: start;align-items: center;}
.flex-wrap{flex-wrap: wrap;}

.w10{width: 10%;}
.w15{width: 15%;}
.w16{width: 16%;}
.w20{width: 20%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}
.w90{width: 90%;}
.w100{width: 100%;}
.w1200{width:1288px;}
.w1400{width:1400px;}
.rel{position: relative;}
.border-bottom {border-bottom:1px solid #eee;}
.desc-line{height: 1px;background: #eee;opacity: .3;margin: 9px 0 6px;}

.left-arrow{width: 7px;height: 7px;border-top: 1px solid #867f7a;	border-right: 1px solid #867f7a;	transform: rotate(45deg);}

.index-ad .item{width: 50%; flex: 0 0 50%;padding: 5px;}
.text-blue{color: #37f;}
.text-bold{font-weight: bold;}
.text-center{text-align: center;}
.bg-gray{background-color: #fafafa;}
.userBox{height:100%;overflow: hidden; overflow-y: auto;}
.userBox .top{ height:5rem;background: linear-gradient(135deg, #fa737a 0%, #f70908 100%);}
.userBox .top img{width: 60px; border-radius: 50%;}
.userBox .content{border-radius: 10px;margin-top: -1.5rem;}
.round{border-radius: 10px;}
.btnGroup .item{ font-size:14 px; padding:6px 15px;border-radius: 20px; border:1px solid #ddd;}
.btnGroup .item-1{background: linear-gradient(135deg, #fa737a 0%, #f70908 100%); color: #fff;}
.btnGroup .item-1{background: #fff; color: #ddd;}

.hide{display: none;}


.index_banner .swiper-container{overflow: initial;}
.index_banner .swiper-slide{ width:80%; inset: 0px 10%;transform: scale(.85);}
.index_banner .swiper-slide img{border-radius: 5px;}
.index_banner .swiper-slide.swiper-slide-active{transform: scale(1.05);}


.shadow{box-shadow: 0 1px 15px 0 rgb(51 119 255 / 12%);}


.swiper-news{height: 36px; }
.index_news .note{ width:80px; height: 36px;}
.index_news .note img{height: 16px; width: 51px;}
.index_news{background-color: #fafafa;border-radius: 35px;}
.index_news .swiper-slide a{ display: block; line-height: 36px; overflow: hidden;}

.ask{display: inline-block;width: 12px; height: 12px;background: url(../imgs/ask.png) no-repeat center; background-size: cover; margin-left: 3px;}
.ask2{display: inline-block;width: 12px; height: 12px;background: url(../imgs/ask2new.png) no-repeat center; background-size: cover; margin-left: 3px;}


.index-pro .btn-info{width: 80px;height: 32px;font-size: 12px;font-family: PingFang SC;font-weight: 700;color: #37f;background: #e4efff;border-radius: 30px;}
.index-pro .tips{position: absolute;top: 0;right: 0;width: 40px;height: 18px;font-size: 11px;font-family: PingFang SC;font-weight: 400;color: #fff;background: #43e9ae;border-radius: 9px 5px 0 9px;text-align: center;}

.hidden{overflow: hidden;}
.pupbox{position: fixed; left: 0;top:0;right: 0;bottom: 0;background: rgba(0,0,0,.7); z-index: 500;}
.proModel{position: fixed; left:25px;top:50%;right: 25px;transform: translateY(-50%); z-index: 999;}
.proModel .btn{width: 60px;height: 20px;background: #fff;border-radius: 20px;font-size: 12px;font-family: PingFang SC;font-weight: 700; text-align: center;}
.btn-vip{border: 1px solid #e9af66; color: #e9af66;}
.btn-dl{border: 1px solid #9aadc5;color: #9aadc5;}
.bind-btn{width: 200px;height: 40px; line-height: 40px; background: #37f;border-radius: 20px;font-size: 16px;font-family: PingFang SC;font-weight: 700;color: #fff;margin: 32px auto 0;}

.proTop img{max-width: 74px;}
.proTop .nav {overflow: hidden; overflow-x: auto; width: 100%;white-space: nowrap; padding: 5px 0 0px;}
.proTop .nav a{display:block;height: 30px; line-height: 30px; margin-right: 10px;padding: 0 10px!important;background: #f6f6f6;color: #2a2a2a;border-radius: 12px; }
.proTop .nav a.active{color: #37f;background: #e4efff;}
.proTop .nav::-webkit-scrollbar{display:none;}


.userInfoTop{background-color: #fff;border-radius: 8px;overflow: hidden;background: -webkit-linear-gradient(right,#3d68ff,#5499ff);background: linear-gradient(-90deg,#3d68ff,#5499ff);box-shadow: 0 1px 15px 0 rgb(51 119 255 / 13%);border-radius: 10px;position: relative;}
.leftBg{background: -webkit-linear-gradient(right,#fd9d2e,#fab819);background: linear-gradient(-90deg,#fd9d2e,#fab819);}
.eye{width: 18px; height: 10px; display: inline-block;;}
.eye-no{background: url(../imgs/eye-no.png) no-repeat center;background-size:contain}
.active.eye-no{background: url(../imgs/eye-open-new.png) no-repeat center;background-size:contain}


.text-l-blue{color: #b6d2ff;}
.text-l-yellow{color: #fff3d5;}
.text-yellow{color: #fda02c !important;}

.blance{ height: 36px;}
.wallet-btn{width: 87px;height: 35px;background: linear-gradient( 154deg, #FFE68C 0%, #9B640B 100%);;border-radius: 5px;font-size: 15px;font-family: PingFang SC;font-weight: 700;color: #3276fe;}
.wallet-btn.wallet-btn-w{background:none;color: #9B640B;}
.icon-wallet{ width: 18px; height: 18px;background: url(../imgs/walletnew.png) no-repeat center;background-size: cover; margin-right: 5px;}
.icon-bag{ width: 18px; height: 18px;background: url(../imgs/icon-bag.png) no-repeat center;background-size: cover; margin-right: 5px;}
.money-bottom{background-color: #fffbf4;background: -webkit-linear-gradient(right,#3d68ff,#5086ff 51%,#5d9cff 99%);background: linear-gradient(-90deg,#3d68ff,#5086ff 51%,#5d9cff 99%);border-radius: 0 0 10px 10px;}
.money-hide{display:none ;}

.vipBox .item{flex: 0 1 25%; margin-bottom: 15px;}
.vipBox-1 .item img{max-width:23px; max-height: 23px;}
.vipBox .v-btn{min-width: 46%;width: 46%;height: 44px;background: #ffeecd;border-radius: 5px;font-size: 16px;font-family: PingFang SC;font-weight: 700;color: #856134;}
.vipBox .v-btn.v-2{background: #fffbf2; border: 1px solid #d5b791;}

.vipBox-2 .item{margin-bottom: 20px;}
.vipBox-2 .item img{max-width:25px; max-height: 25px;}
.headerBar .back{display: block; width:27px; height: 27px;background: url(../imgs/user/back.png) no-repeat center; background-size: cover;}

.changeTab .item-tab{font-size: 15px;color:#686868;}
.changeTab .item-tab.active{font-weight:bold; position: relative;}
.changeTab .item-tab.active::after{content:'';position: absolute; bottom: -8px; height: 4px;width: 20px;background: #37f;border-radius: 1px 1px 3px 3px;left: 50%;transform: translateX(-50%);}


.inner-box{background-color: #f8f8f8;}
.inner-box .tab-inner{width: 80px;height: 30px;text-align: center; line-height: 30px;margin: 0 30px; background:#fff;color: #666666;}
.inner-box .tab-inner.active{color: #37f;background: #e4efff;}

.none{ width: 160px; height: 160px;background: url(../imgs/user/none.png) no-repeat center; background-size: cover;}