body,p,h1,h2,h3,h4,h5,li,span,i,ul,img,a,strong,input,button,textarea,select,dl,dd,dt{margin:0;padding:0;}
body{font-family:"microsoft yahei","Arial";font-size: 0.24rem;line-height: 1;color:#333;-webkit-user-select:none;-webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;}
::-webkit-scrollbar{width: 0;height: 0;}/*滚动条宽高设为0*/
*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
[class|="ico"]{-webkit-background-size: 100% 100%;background-size: 100% 100%;display: inline-block;vertical-align: middle;}
[class|="icon-"]{font-family:"iconfont" !important;font-size:.24rem !important;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
li{list-style-type:none; float:left;}
a{text-decoration:none;color: #333;}
img{border:none;vertical-align: middle;margin-top: 0;}
i,var,em{font-style:normal;}
button{font-family:"microsoft yahei","Arial";outline:none;cursor: pointer;font-size: 0.24rem;border: none;}
iframe{border: none;}
input,select,textarea{outline:none;font-family:"microsoft yahei","Arial";font-size: 0.24rem;border-radius: 0;}
input:disabled{opacity: 1;color:#333;}
input[type="submit"],input[type="reset"],input[type="text"],input[type="password"],input[type="number"],input[type="button"],button,input[type="date"],textarea{-webkit-appearance: none;border: none;background: none;}
textarea{resize:none;}
div{margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.dt{display: table;width: 100%;}
.fl-w{float: left;width: 100%;}
.clear{clear:both;}
.fixed{z-index: 2;position: fixed;left: 0;bottom: 0;width: 100%;}
.poa{z-index: 1;position: absolute;left: 0;bottom: 0;width: 100%;}
.bgsz{-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.hide{display:none !important;}
.bdn>:last-child{border-bottom: none;}

.mobile-wrap{
	position: relative;
	width: 100%;
	height: 100%;
}
body,html{
	width: 100%;
	height: 100%;
}
.login{
	width: 100%;
	height: 100%;
	background: #14181a;
	padding-top: .2rem;
}
.login-language{
	width: 100%;
	height: .48rem;
	padding: 0 .38rem;
}
.language-txt{
	line-height: .48rem;
}
.language-txt span{
	color: #fff;
	font-size: .26rem;
}
.language-txt i.more{
	display: inline-block;
	width: 0;
	height: 0;
	border-left: .1rem solid transparent;
	border-right: .1rem solid transparent;
	border-top: .16rem solid #fff;
	margin-left: .06rem;
}
.login-logo{
	width: 100%;
	display: table;
	padding-top: .7rem;
}
.login-logo h3{
	text-align: center;
	font-weight: normal;
	color: #42b0c3;
	font-size: .34rem;
	line-height: .64rem;
	letter-spacing: .08rem;
}

.login-logo-img{
	width: 100%;
	height: 3.26rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.login-logo-img img{
	height: 2.5rem;
}
.login-form{
	width: 100%;
	padding: 0 1.12rem;
	display: table;
	padding-top: .28em;
}
.login-form-box{
	width: 100%;
	height: .76rem;
	background-color: #30383e;
	margin-top: .24rem;
	border-radius: .1rem;
	position: relative;
}
.login-form-box.active{
	box-shadow: 0 0 .1rem rgba(39,163,215,.8);
	background-color: #515c64;
}
.login-form-ico{
	width: .88rem;
	height: .76rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.login-form-ico img{
	height: .3rem;
}
.login-form-txt{
	width: calc(100% - .88rem);
}
.login-form-txt input{
	width: 100%;
	line-height: .76rem;
	color: #fff;
	font-size: .26rem;
}
.login-form-txt input::-webkit-input-placeholder{
	color: #fff;
}
.login-form-submit{
	width: 100%;
	height: .76rem;
	background-color: #27a3d7;
	border-radius: .1rem;
	margin-top: .25rem;
}
.login-form-submit button{
	width: 100%;
	height: 100%;
	border: none;
	cursor: pointer;
	color: #fff;
	font-size: .26rem;
	letter-spacing: .04rem;
}
.login-form-submit button:hover{
	border-radius: .1rem;
	background-color: #1f83ad;
}
.login-form-func{
	text-align: center;
	line-height: .9rem;
	color: #fff;
}
.login-form-func a{
	color: #fff;
	padding: 0 .28rem;
}
.login-title{
	text-align: center;
	padding: .4rem 0;
}
.login-title h3{
	line-height: .6rem;
	color: #42b0c3;
	font-size: .48rem;
	font-weight: normal;
	letter-spacing: .1rem;
}
.regedit{
	padding-top: 1.5rem;
	min-height: 10rem;
}
.login-form-func-mt{
	margin-top: .3rem;
}
.regedit-footer{
	position: fixed;
	left: 0;
	bottom: .6rem;
	width: 100%;
	text-align: center;
	color: #42b0c3;
    font-size: .34rem;
    line-height: .64rem;
    letter-spacing: .08rem;
}
.index-head{
	width: 100%;
	height: .72rem;
	background-color: #14181a;
	padding: 0 .32rem;
}
.index-head-logo{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.index-head-logo img{
	height: .5rem;
}
.index-head-txt{
	line-height: .72rem;
	color: #46ffff;
	font-size: .24rem;
	letter-spacing: .04rem;
	padding-left: .2rem;
	font-family: arial;
}
.banner{
	width: 100%;
}
.banner ul{
	width: 100%;
}
.banner ul li{
	width: 100%;
}
.banner ul li img{
	width: 100%;
}
.banner .swiper-pagination-bullet{
	width: .14rem;
	height: .14rem;
	opacity: 1;
	background: rgba(255,255,255,.6);
}
.banner .swiper-pagination-bullet-active{
	background-color: #fff;
}
body.bg{
	background-color: #14181a;
}
.notice{
	width: 100%;
	height: .88rem;
	padding: 0 .32rem;
}
.notice-ico{
	width: .68rem;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.notice-ico img{
	height: .28rem;
}
.notice-txt{
	width: calc(100% - .68rem);
	height: 100%;
	overflow: hidden;
}
.notice-txt ul{
	width: 100%;
}
.notice-txt ul li{
	width: 100%;
	line-height: .88rem;
	color: #d1d1d1;
	font-size: .26rem;
}
.notice-txt ul li a{
	color: #d1d1d1;
}
.list{
	width: 100%;
	padding: 0 .32rem;
}
.list ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.list ul li{
	width: 2rem;
	height: 1.56rem;
	background-color: #30383e;
	border-radius: .1rem;
	margin: .13rem 0;
	padding-top: .1rem;
}
.list-img{
	width: 100%;
	height: .98rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.list-img img{
	height: .98rem;
}
.list-txt{
	line-height: .46rem;
	color: #fff;
	text-align: center;
}
.record{
	width: 100%;
	display: table;
	padding-top: .18rem;
}
.record-title{
	line-height: .62rem;
	color: #fff;
	padding: 0 .32rem;
	font-size: .28rem;
}
.record-title b{
	font-weight: normal;
}
.record-title a{
	float: right;
	color: #fff;
	font-size: .24rem;
}
.record-list{
	width: 100%;
	display: table;
}
.record-list ul{
	width: 100%;
}
.record-list ul li{
	height: .88rem;
	background-color: #1e2226;
	margin-top: .12rem;
	padding: .12rem .32rem;
	width: 100%;
}
.record-list-time{
	line-height: .34rem;
	color: #ffffff;
	font-size: .22rem;
	font-family: arial;
}
.record-list-earnings{
	line-height: .34rem;
	color: #ffffff;
	font-size: .22rem;
	text-align: right;
	font-family: arial;
}
.fix-menu{
	width: 100%;
	height: 1.38rem;
	background-color: #14181a;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99;
}
.null{
	height: 1.38rem;
}
.fix-menu ul{
	width: 100%;
}
.fix-menu ul li{
	width: 25%;
	height: 1.38rem;
	padding-top: .22rem;
}
.fix-menu-ico{
	width: 100%;
	height: .5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fix-menu-txt{
	text-align: center;
	line-height: .5rem;
	padding-top: .05rem;
	color: #fff;
	font-size: .26rem;
}
.fix-menu-ico i{
	display: inline-block;
	width: .44rem;
	height: .44rem;
	background: url(../img/ic6.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.fix-menu ul li:nth-child(2) .fix-menu-ico i{
	background: url(../img/ic7.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.fix-menu ul li:nth-child(3) .fix-menu-ico i{
	background: url(../img/ic8.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.fix-menu ul li:nth-child(4) .fix-menu-ico i{
	background: url(../img/ic9.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.fix-menu ul li.active .fix-menu-txt{
	color: #2783b2;
}
.fix-menu ul li:nth-child(1).active .fix-menu-ico i {
	background: url(../img/ic6-1.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.fix-menu ul li:nth-child(2).active .fix-menu-ico i {
	background: url(../img/ic7-1.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.fix-menu ul li:nth-child(3).active .fix-menu-ico i {
	background: url(../img/ic8-1.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.fix-menu ul li:nth-child(4).active .fix-menu-ico i {
	background: url(../img/ic9-1.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.browser{
	width: 100%;
	padding: 0 .32rem;
}
.browser-title{
	line-height: .9rem;
	font-size: .28rem;
	color: #fff;
}
.browser-list{
	width: 100%;
}
.browser-list ul{
	width: 100%;
	display: table;
}
.browser-list ul li{
	width: 100%;
	height: 1.3rem;
	background-color: #1e2226;
	border-radius: .1rem;
	padding: 0 .16rem;
}
.browser-list-img{
	width: 1.46rem;
	height: 1.3rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.browser-list-img img{
	height: .72rem;
}
.browser-list-txt{
	width: calc(100% - 1.46rem);
	padding: .15rem  0;
}
.browser-list-txt h5{
	line-height: .58rem;
	color: #fff;
	font-size: .26rem;
	font-weight: normal;
}
.browser-list-txt p{
	color: #fff;
	line-height: .4rem;
	font-size: .22rem;
	font-family: arial;
}
.head{
	width: 100%;
	height: .86rem;
	position: relative;
	background-color: #30383e;
}
.head h2{
	text-align: center;
	line-height: .86rem;
	color: #ffffff;
	font-weight: normal;
	font-size: .32rem;
}
.head span.retu{
	display: inline-block;
	width: .18rem;
	height: .28rem;
	background: url(../img/retu.png)center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: absolute;
	left: .42rem;
	top: .29rem;
}
.notice-list{
	width: 100%;
	padding: 0 .32rem;
	padding-top: .3rem;
}
.notice-list-title{
	height: .78rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.notice-list-title img{
	height: .5rem;
}
.notice-list-title span{
	color: #46ffff;
	font-size: .26rem;
	padding-left: .24rem;
	letter-spacing: .04rem;
}
.notice-list-col{
	width: 100%;
	display: table;
}
.notice-list-col ul{
	width: 100%;
	display: table;
}
.notice-list-col ul li{
	width: 100%;
	height: 1.1rem;
	border: .01rem solid #2b8485;
	margin-top: .32rem;
	margin-bottom: .08rem;
}
.notice-list-txt{
	width: 4.46rem;
	height: 1.08rem;
	text-align: right;
	padding-top: .06rem;
}
.notice-list-txt h5{
	line-height: .54rem;
	font-size: .26rem;
	color: #ffffff;
	font-weight: normal;
}
.notice-list-txt p{
	color: #dad9d9;
	font-size: .22rem;
	line-height: .38rem;
}
.notice-list-more{
	width: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.notice-list-more img{
	height: .32rem;
}
.record-mtn{
	padding-top: 0;
}
.index-head-mt{
	margin-top: .2rem;
}
.conversion{
	width: 100%;
	display: table;
	padding: 0 .32rem;
	padding-top: .46rem;
}
.conversion-type{
	width:100% ;
	height: 1.56rem;
	background-color: #30383e;
}
.conversion-type-list{
	width: 5.3rem;
	height: 100%;
}
.conversion-type-btn{
	width: calc(100% - 5.3rem);
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.conversion-type-btn img{
	height: .68rem;
}
.conversion-type-list-box{
	width: 100%;
	height: .7rem;
	background-color: #3c464d;
	line-height: .7rem;
	color: #fff;
	padding-left: .5rem;
}
.conversion-type-list-box:last-child{
	margin-top: .16rem;
}
.conversion-input{
	width: 100%;
	display: table;
	padding-top: .46rem;
}
.conversion-input-box{
	width: 100%;
	display: table;
}
.conversion-input-box h4{
	padding-left: .5rem;
	font-size: .32rem;
	color: #fff;
	font-weight: normal;
	letter-spacing: .04rem;
	line-height: .8rem;
}
.conversion-input-box input{
	width: 100%;
	height: .54rem;
	border-bottom: .02rem solid #46ffff;
	padding-left: .5rem;
}
.conversion-input-box input::-webkit-input-placeholder{
	font-weight: bold;
	color: #cacaca;
	font-size: .28rem;
	font-family: arial;
}
.conversion-input-number{
	width: 100%;
	display: table;
	margin-top: .1rem;
	position: relative;
}
.conversion-input-number.active{
	background-color: #30383e;
}
.conversion-input-number input{
	width: 100%;
	font-size: .36rem;
	color: #cacaca;
	line-height: .8rem;
	height: .8rem;
}
.conversion-input-number span.all{
	position: absolute;
	right: .3rem;
	top: 0;
	line-height: .8rem;
	font-size: .28rem;
	color: #ffffff;
	display: inline-block;
}
.conversion-input-number span.all:after{
	content: '';
	position: absolute;
	left: -.2rem;
	top: 50%;
	margin-top: -.15rem;
	width: .1rem;
	height: .3rem;
	background-color: #3dd4d4;
}
.conversion-input-box h6{
	font-weight: normal;
	margin: 0;
	line-height: .6rem;
	font-size: .28rem;
	padding-left: .5rem;
	color: #cacaca;
}
.conversion-input-box h6 em{
	padding: 0 .1rem;
}
.conversion-prompt{
	width: 100%;
	display: table;
	background-color: #30383e;
	padding: .4rem .5rem;
	line-height: .44rem;
	margin-top: .8rem;
	color: #fff;
	font-size: .28rem;
}
.conversion-submit{
	width: 100%;
	display: table;
	padding-top: 1.2rem;
}
.conversion-submit button{
	width: 100%;
	height: .8rem;
	background-color: #27a3d7;
	font-size: .32rem;
	color: #fff;
	letter-spacing: .06rem;
	border-radius: .1rem;
}
.page-banner{
	width: 100%;
	display: table;
}
.page-banner img{
	width: 100%;
}
.product{
	width: 100%;
	display: table;
	padding: 0 .32rem;
}
.product ul{
	width: 100%;
}
.product ul li{
	width: 100%;
	height: 2rem;
	background-color: #30383e;
	padding: 0 .15rem;
	margin-top: .3rem;
	border-radius: .2rem;
}
.product-img{
	width: 1.7rem;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product-img img{
	height: 1.06rem;
}
.product-inform{
	width: calc(100% - 1.7rem);
}
.product-inform-txt{
	height: 2rem;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: column;
}
.product-inform-txt h3{
	color: #fff;
	font-size: .3rem;
	font-weight: normal;
	padding-bottom: .3rem;
}
.product-inform-txt h3 a{
	float: right;
}
.product-inform-txt p{
	color: #fff;
	line-height: .5rem;
	font-size: .26rem;
}

.product-inform-sub {
	height: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: .3rem;
}
.product-inform-sub a{
	width: .76rem;
	height: .4rem;
	background-color: #27a3d7;
	color: #fff;
	border-radius: .1rem;
	text-align: center;
	line-height: .4rem;
}
.pay{
	width: 100%;
	display: table;
	padding-top: 1.2rem;
}
.pay-prod{
	width: 100%;
	display: table;
}
.pay-prod-img{
	width: 3.7rem;
	height: 3.3rem;
	background-color: #30383e;
	border-radius: .2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pay-prod-img img{
	height: 2.66rem;
}
.pay-prod-txt{
	line-height: .86rem;
	color: #fff;
	text-align: center;
	padding: 0 .32rem;
	letter-spacing: .04rem;
}
.pay-password{
	width: 100%;
	display: table;
	padding: 0 .82rem;
	padding-top: .6rem;
}
.pay-password h3{
	line-height: .98rem;
	font-size: .32rem;
	color: #fff;
	font-weight: normal;
}
.pay-password-col{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.pay-password-col input{
	width: .74rem;
	height: .64rem;
	background-color: #30383e;
	text-align: center;
	text-indent: 0;
	font-size: .34rem;
	color: #fff;
	font-family: arial;
}
.pay-submit{
	width: 100%;
	display: table;
	padding: 0 .85rem;
	padding-top: 1.8rem;
}
.pay-submit button{
	width: 100%;
	height: .76rem;
	background-color: #27a3d7;
	color: #fff;
	border-radius: .1rem;
	font-size: .32rem;
	letter-spacing: .04rem;
}
.operation{
	width: 100%;
	height: .7rem;
	background-color: #30383e;
	padding: 0 .32rem;
	line-height: .7rem;
	color: #ffffff;
	font-size: .3rem;
	display: flex;
	justify-content: space-between;
}
.operation em{
	font-style: normal;
	font-family: arial;
	letter-spacing: .02rem;
}
.alert{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9;
	display: none;
}
.alert-password{
	width: 4.94rem;
	height: 3.44rem;
	background-color: #d2d2d2;
	border-radius: .1rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -2.47rem;
	margin-top: -1.72rem;
	padding-top: .42rem;
	display: none;
}
.alert-password span.close{
	display: inline-block;
	width: .4rem;
	height: .4rem;
	background: url(../img/close.png) center no-repeat;
	position: absolute;
	right: .3rem;
	top: .2rem;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.alert-password h3{
	text-align: center;
	line-height: .68rem;
	font-weight: normal;
	font-size: .3rem;
}
.alert-password-col{
	width: 100%;
	display: table;
	text-align: center;
	padding-top: .45rem;
}
.alert-password-col input{
	width: .46rem;
	height: .46rem;
	border: .01rem solid #6db6d5;
	margin: 0 .06rem;
	text-align: center;
	color: #6db6d5;
	font-size: .3rem;
	
}
.alert-password-submit{
	text-align: center;
	padding-top: .5rem;
}
.alert-password-submit button{
	width: 1.96rem;
	height: .5rem;
	background-color: #27a3d7;
	border-radius: .1rem;
	color: #fff;
	font-size: .26rem;
}
.underway ul li{
	height: 2.8rem;
}
.underway ul li .product-img{
	height: 100%;
	flex-wrap: wrap;
	flex-direction: column;
}
.product-img-box-electricity {
	padding-top: .2rem;
}
.product-img-box-electricity img{
	height: .28rem;
}
.underway ul li .product-inform-txt{
	height: 2.8rem;
	width: 100%;
}
.underway ul li .product-inform-txt h3{
	width: 100%;
	line-height: .4rem;
}
.underway ul li .product-inform-txt h3 a{
	color: #a40000;
	display: inline-block;
	width: .76rem;
	height: .4rem;
	background-color: #a40000;
	border-radius: .1rem;
	color: #fff;
	font-size: .24rem;
	text-align: center;
	line-height: .4rem;
	margin-right: .2rem;
	
}
.exchange{
	width: 100%;
	padding: 0 .32rem;
	padding-top: .6rem;
}
.exchange-list{
	width: 100%;
	display: table;
}
.exchange-list-box{
	width: 100%;
	display: table;
	margin-bottom: .2rem;
}
.exchange-list-box h3{
	color: #fff;
	font-weight: normal;
	line-height: 1.14rem;
	font-size: .32rem;
	padding-left: .5rem;
}
.exchange-list-input{
	width: 100%;
	height: .7rem;
	padding-top: .12rem;
	border-bottom: .02rem solid #46ffff;
	padding-left: .5rem;
}
.exchange-list-input.active{
	background: #30383e;
}
.exchange-list-input-col{
	width: 3.55rem;
	float: left;
	height: .56rem;
}
.exchange-list-input-col input{
	width: 100%;
	height: .56rem;
	border: none;
	float: left;
	font-size: .28rem;
	color: #fff;
}
.exchange-list-input-col input::-webkit-input-placeholder{
	color: #a4a3a3;
	font-size: .28rem;
}
.exchange-list-input-select{
	width: 1.1rem;
	height: .46rem;
	border: none;
}
.exchange-list-input-select select{
	width: 100%;
	height: 100%;
	background-color: #707070;
	border: none;
	color: #fff;
}
.exchange-list-input-all{
	line-height: .5rem;
	color: #fff;
	font-size: .3rem;
	padding-right: .5rem;
}
.exchange-list-input-all span{
	display: inline-block;
	position: relative;
}
.exchange-list-input-all span:after{
	content: '';
	position: absolute;
	left: -.15rem;
	top: .04rem;
	width: .1rem;
	height: .4rem;
	background-color: #3dd4d4;
}
.exchange-list-exchange{
	width: 100%;
	line-height: .66rem;
	padding-left: .5rem;
	padding-right: .5rem;
	color: #fff;
}

.exchange-list-exchange em{
	float: right;
}
.exchange-submit{
	width: 100%;
	display: table;
	position: fixed;
	left: 0;
	padding: 0 .32rem;
	bottom: .3rem;
}
.exchange-submit button{
	width: 100%;
	height: .76rem;
	background-color: #27a3d7;
	font-size: .3rem;
	letter-spacing: .08rem;
	color: #fff;
	border-radius: .1rem;
}
.exchange-submit button img{
	height: .54rem;
	margin-right: .1rem;
}
.news{
	width: 100%;
	display: table;
}
.news-tab{
	width: 100%;
	height: 1rem;
}
.news-tab ul{
	width: 100%;
	text-align: center;
	padding: .19rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.news-tab ul li{
	display: inline-block;
	width: 1.66rem;
	height: .62rem;
	text-align: center;
	line-height: .62rem;
	font-size: .28rem;
	color: #fff;
	float: none;
	background-color: #30383e;
}
.news-tab ul li:first-child{
	border-radius: .1rem 0 0 .1rem;
}
.news-tab ul li:last-child{
	border-radius: 0 .1rem  .1rem 0 ;
}
.news-tab ul li.active{
	background-color: #27a3d7;
}
.news-list{
	width: 100%;
	display: table;
}
.news-list-table{
	width: 100%;
	display: table;
	padding: 0 .32rem;
}
.news-list-table table{
	width: 100%;
}
.news-list-table table tr th.w1{
	width: 3.24rem;
}
.news-list-table table tr th.w2{
	width: 1.66rem;
}
.news-list-table table tr th.w3{
	width:calc(100% - 3.24rem - 1.66rem);
}
.news-list-table table tr th{
	line-height: .8rem;
	color: #e8e8e8;
	font-weight: normal;
}
.news-list-table table tr td{
	color: #fff;
	border-bottom: .02rem solid #303132;
}
.news-list-prod{
	width: 100%;
	height: 1.2rem;
	
}
.news-list-prod-img{
	width: .92rem;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.news-list-prod-img img{
	height: .6rem;
}
.news-list-prod-inf{
	width: calc(100% - .92rem);
	height: 1.08rem;
	display: flex;
	justify-content: center;
	align-items:flex-start;
	flex-wrap: wrap;
	flex-direction: column;
}
.news-list-prod-inf h4{
	line-height: .4rem;
	font-size: .3rem;
	font-weight: normal;
}
.news-list-prod-inf p{
	line-height: .36rem;
	font-size: .22rem;
}
.news-list-table table tr td.frs{
	text-align: center;
	font-size: .28rem;
}
.news-list-table table tr td.states em{
	display: inline-block;
	width: 1.44rem;
	height: .68rem;
	background-color: #10b707;
	color: #fff;
	text-align: center;
	line-height: .68rem;
	border-radius: .1rem;
}
.news-list-table table tr td.states{
	text-align: center;
}
.news-list-table table tr td.states.red em{
	background-color: #e90212;
}
.news-inform{
	width: 100%;
	display: ruby;
}
.news-inform-box{
	width: 100%;
	display: table;
	margin-bottom: .5rem;
}
.news-inform-day{
	width: 100%;
	height: .46rem;
	background-color: #30383e;
	padding: 0 .32rem;
	line-height: .46rem;
	color: #fff;
	display: flex;
	justify-content: space-between;
}
.news-inform-col{
	width: 100%;
	display: table;
	padding: 0 .32rem;
	padding-top: .2rem;
}
.news-inform-col ul{
	width: 100%;
	display: table;
	position: relative;
}
.news-inform-col ul:after{
	content: '';
	position: absolute;
	left: -.14rem;
	bottom: 0rem;
	width: .26rem;
	height: .26rem;
	border: .04rem solid #00a0e9;
	background-color: #14181a;
	border-radius: 50%;
	z-index: 9;
}
.news-inform-col ul li{
	width: 100%;
	display: table;
	padding-bottom: .2rem;
	padding-left: .5rem;
	position: relative;
}

.news-inform-col ul li:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: .03rem;
	height: 100%;
	background-color: #abacac;
}
.news-inform-col ul li:first-child:after{
	height: 90%;
	top: 10%;
}
.news-inform-title{
	width: 100%;
	display: table;
}
.news-inform-title h6{
	margin: 0;
	line-height: .5rem;
	font-size: .26rem;
	color: #fff;
	font-weight: normal;
	position: relative;
}
.news-inform-title h6:after{
	content: '';
	position: absolute;
	left: -.63rem;
	top: .13rem;
	width: .26rem;
	height: .26rem;
	border: .04rem solid #00a0e9;
	background-color: #14181a;
	border-radius: 50%;
	z-index: 9;
}
.news-inform-title h4{
	color: #fff;
	line-height: .5rem;
	font-size: .32rem;
	font-weight: normal;
	text-align: justify;
	padding-top: .1rem;
}
.news-inform-txt{
	width: 100%;
	display: table;
}
.news-inform-txt p{
	color: #9d9b9b;
	font-size: .26rem;
	line-height: .44rem;
	text-align: justify;
	padding-top: .2rem;
}
.news-inform-txt p a{
	float: right;
	color: #58c0eb;
	font-size: .24rem;
}
.wallet{
	width: 100%;
	display: table;
}
.wallet-balance{
	width: 100%;
	display: table;
	background-color: #3d3b48;
	padding: 0 .82rem;
	padding-top: .2rem;
	padding-bottom: .5rem;
}
.wallet-balance h4{
	line-height: .68rem;
	color: #fff;
	font-size: .3rem;
	letter-spacing: .04rem;
	font-weight: normal;
}
.wallet-balance h5{
	line-height: .56rem;
	font-size: .32rem;
	color: #fff;
	font-weight: normal;
	font-family: arial;
}
.wallet-balance p{
	line-height: .4rem;
	font-size: .28rem;
	color: #fff;
}
.wallet-func{
	width: 100%;
	height: .9rem;
	background-color: #292a31;
	padding: 0 .82rem;
	line-height: .9rem;
}
.wallet-func input{
	width: .26rem;
	height: .26rem;
	float: left;
	margin: .32rem 0;
}
.wallet-func span{
	color: #a2a3a3;
	font-size: .26rem;
	padding-left: .1rem;
}
.wallet-account{
	width: 100%;
	display: table;
	padding: 0 .32rem;
}
.wallet-account-box{
	width: 100%;
	display: table;
	border-bottom: .02rem solid #46ffff;
	margin-bottom: .15rem;
	margin-top: .55rem;
}
.wallet-account-box h4{
	line-height: .5rem;
	font-size: .36rem;
	color: #fff;
	text-align: right;
	font-weight: normal;
}
.wallet-account-list{
	width: 100%;
	height: .66rem;
	padding-left: .5rem;
}
.account-list-img{
	width: .5rem;
	height: .66rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.account-list-img img{
	height: .36rem;
}
.account-list-txt{
	line-height: .66rem;
	color: #a2a3a3;
	font-size: .3rem;
	font-family: arial;
}
.wallet-account-list-number{
	line-height: .6rem;
	font-size: .28rem;
	color: #fff;
}
.withdrawal{
	width: 100%;
	display: table;
	padding: 0 .32rem;
	padding-top: .2rem;
}
.withdrawal-title{
	width: 100%;
	line-height: 1rem;
	color: #fff;
	font-size: .32rem;
	padding-left: .5rem;
}
.withdrawal-title span{
	letter-spacing: .04rem;
}
.withdrawal-title em{
	display: inline-block;
	border: .01rem solid #2e9293;
	height: .38rem;
	font-size: .24rem;
	line-height: .38rem;
	padding: 0 .05rem;
}
.withdrawal-inform{
	width: 100%;
	display: table;
}
.withdrawal-list{
	width: 100%;
	display: table;
	margin-bottom: .4rem;
}
.withdrawal-list h3{
	line-height: 1.04rem;
	color: #fff;
	font-size: .32rem;
	font-weight: normal;
	padding-left: .5rem;
}
.withdrawal-list-input{
	width: 100%;
	height: .64rem;
	padding-left: .5rem;
	border-bottom: .02rem solid #46ffff;
	position: relative;
}
.withdrawal-list-input.active{
	background-color: #30383e;
}
.withdrawal-list-input input{
	width: 4rem;
	height: .62rem;
	border: none;
	float: left;
	color: #fff;
	font-size: .28rem;
}
.withdrawal-list-input span.scan{
	display: inline-block;
	width: .46rem;
	height: .38rem;
	background: url(../img/ic22.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: absolute;
	right: .3rem;
	top: .12rem;
}
.withdrawal-list-tit{
	line-height: .62rem;
	font-size: .28rem;
	color: #fff;
	margin-right: .3rem;
}
.withdrawal-list-tit span{
	color: #a2a3a3;
	font-size: .3rem;
	float: left;
	display: inline-block;
}
.withdrawal-list-tit em{
	display: inline-block;
	position: relative;
	margin-left: .4rem;
}
.withdrawal-list-tit em:after{
	content: '';
	position: absolute;
	left: -.2rem;
	top: 50%;
	margin-top: -.13rem;
	width: .1rem;
	height: .26rem;
	background-color: #3dd4d4;
}
.withdrawal-list-prompt{
	width: 100%;
	line-height: .56rem;
	font-size: .26rem;
	color: #cacaca;
	padding-left: .5rem;
}
.withdrawal-submit{
	width: 100%;
	display: table;
	padding-top: .5rem;
}
.withdrawal-submit button{
	width: 100%;
	height: .8rem;
	background-color: #27a3d7;
	color: #fff;
	border-radius: .1rem;
	font-size: .3rem;
	letter-spacing: .06rem;
}
.top-up{
	width: 100%;
	display: table;
	padding-top: .5rem;
	text-align: center;
}
.top-up span{
	display: inline-block;
	border: .01rem solid #2e9293;
	padding: 0 .05rem;
	line-height: .36rem;
	color: #cacaca;
	font-size: .26rem;
}
.account{
	width: 100%;
	display: table;
}
.account-balance{
	width: 100%;
	background-color: #30383e;
	display: table;
	text-align: center;
	padding-bottom: .4rem;
}
.account-balance h4{
	line-height: .62rem;
	color: #fff;
	font-size: .34rem;
	font-family: arial;
	font-weight: normal;
}
.account-balance p{
	line-height: .44rem;
	color: #fff;
	font-size: .28rem;
}
.account-record{
	width: 100%;
	display: table;
	padding: 0 .32rem;
	padding-top: .2rem;
}
.account-record table{
	width: 100%;
}
.account-record table th{
	height: .92rem;
	border-bottom: .02rem solid #46ffff;
	line-height: .9rem;
	color: #fff;
	font-weight: normal;
	
	font-size: .28rem;
}
.account-record table th.w1{
	width: 40%;
}
.account-record table td{
	width: 33.3%;
	color: #fff;
	line-height: .64rem;
	text-align: center;
	letter-spacing: .02rem;
}
.account-record table th.active{
	color: #46ffff;
}
.account-submit{
	width: 100%;
	display: table;
	padding: 0 .32rem;
	position: fixed;
	left: 0;
	bottom: .3rem;
}
.account-submit button{
	width: 50%;
	height: .8rem;
	background-color: #f00;
	font-size: .3rem;
	color: #fff;
	letter-spacing: .08rem;
}
.account-submit button.top-up-btn{
	background-color: #0cb9ab;
	border-radius: .1rem 0 0 .1rem;
}
.account-submit button.withdrawal-btn{
	background-color: #27a3d7;
	border-radius: 0 .1rem .1rem 0;
}
.top-up-addr{
	width: 100%;
	display: table;
}
.top-up-addr-img{
	width: 100%;
	display: table;
	text-align: center;
	padding-top: .2rem;
}
.top-up-addr-img img{
	width: 3.3rem;
	height: 3.3rem;
	border: .05rem solid #fff;
}
.top-up-addr-txt{
	width: 100%;
	display: table;
	text-align: center;
	padding-top: .5rem;
	padding-bottom: .3rem;
}
.top-up-addr-txt p{
	color: #fff;
	max-width: 3rem;
	line-height: .5rem;
	margin: 0 auto;
	letter-spacing: .02rem;
}
.top-up-addr-btn{
	width: 100%;
	display: table;
	padding-top: .3rem;
}
.top-up-addr-btn button{
	width: 3rem;
	height: .64rem;
	background-color: #414342;
	color: #fff;
	font-size: .26rem;
	letter-spacing: .03rem;
	border-radius: .32rem;
}
.top-up-addr-prompt{
	width: 100%;
	padding: 0 .5rem;
	text-align: left;
	padding-top: 1.2rem;
}
.top-up-addr-prompt p{
	color: #bebebe;
	font-size: .26rem;
	line-height: .46rem;
}
.personal{
	width: 100%;
	display: table;
	
}
.personal-inform{
	width: 100%;
	display: table;
	padding: 0 .32rem;
	padding-left: .82rem;
}
.personal-inform-img{
	width: 1.5rem;
	height: 1.7rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.personal-inform-img img{
	height: 1.1rem;
}
.personal-inform-txt{
	width: calc(100% - 1.5rem);
	height: 1.7rem;
	color: #fff;
	display: flex;
	justify-content:center;
	align-items:flex-start;
	flex-wrap: wrap;
	flex-direction: column;
}

.personal-inform-txt h4{
	line-height: .56rem;
	font-size: .32rem;
	font-weight: normal;
	font-family: arial;
}
.personal-inform-txt p{
	line-height: .4rem;
	color: #d3d3d3;
	font-size: .26rem;
	font-family: arial;
}
.personal-community{
	width: 100%;
	height: 2.76rem;
	background: url(../img/img3.jpg) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.personal-community-txt{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content:center;
	align-items:flex-start;
	flex-wrap: wrap;
	flex-direction: column;
	padding-left: .82rem;
	color: #fff;
}
.personal-community-txt h3{
	line-height: .64rem;
	font-weight: normal;
	font-size: .32rem;
}
.personal-community-txt p{
	line-height: .4rem;
}
.personal-community-txt img{
	height: .2rem;
}
.personal-list{
	width: 100%;
	display: table;
	padding:0 .32rem ;
}

.personal-list ul{
	width: 100%;
	display: table;
	padding-top: .5rem;
}
.personal-list ul li{
	width: 100%;
	display: table;
	padding: 0 .32rem;
	height: .78rem;
	border-bottom: .02rem solid #277172;
	padding-left: .25rem;
}
.personal-list ul li:last-child{
	border-bottom: none;
}
.personal-list-img{
	width: .94rem;
	height: .78rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.personal-list-img img{
	height: .5rem;
}

.personal-list-txt{
	width: calc(100% - .94rem);
	line-height: .78rem;
	color: #fff;
}
.personal-list-txt span{
	font-size: .26rem;
}
.personal-list-txt i.more{
	display: inline-block;
	width: .16rem;
	height: .26rem;
	background: url(../img/ic32.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	float: right;
	margin: .26rem 0;
}
.personal-exit{
	width: 100%;
	display: table;
	padding: 0 .32rem;
	padding-top: .5rem;
}
.personal-exit button{
	width: 100%;
	height: .66rem;
	background-color: #424242;
	color: #dcdcdc;
	border-radius: .1rem;
	font-size: .28rem;
	letter-spacing: .02rem;
}
.community{
	width: 100%;
	display: table;
}
.community-data{
	width: 100%;
	padding: 0 .32rem;
	padding-top: .3rem;
	padding-bottom: .26rem;
}
.community-data table{
	width: 100%;
	display: table;
}
.community-data table th{
	height: .68rem;
	color: #fff;
	font-size: .28rem;
	font-weight: normal;
}
.community-data table td{
	text-align: center;
	color: #cacaca;
	height: .56rem;
	font-size: .24rem;
}
.community-list{
	width: 100%;
	display: table;
}
.community-list ul{
	width: 100%;
	display: table;
}
.community-list ul li{
	width: 100%;
	height: 1.6rem;
	margin-bottom: .2rem;
	background-color: #272d33;
	padding: .25rem .32rem;
	padding-left: .82rem;
}
.community-list-name{
	width: 2.3rem;
	height: 100%;
}
.community-list-name h4{
	line-height: .48rem;
	font-size: .34rem;
	color: #fff;
	font-weight: normal;
	font-family: arial;
	margin-bottom: .15rem;
}
.community-list-name p{
	line-height: .48rem;
	font-size: .26rem;
	color: #d3d3d3;
}
.ommunity-list-time{
	width: 2.4rem;
	height: 100%;
	padding-right: .2rem;
	border-right: .03rem solid #a0a0a0;
	text-align: center;
}
.ommunity-list-time h5{
	text-align: center;
	line-height: .4rem;
	color: #fff;
	font-size: .26rem;
	font-weight: normal;
}
.ommunity-list-time p{
	padding-top: .14rem;
}
.ommunity-list-time p a{
	display: inline-block;
	width: .94rem;
	height: .42rem;
	line-height: .42rem;
	border-radius: .05rem;
	background-color: #a40000;
	color: #d8d8d8;
}
.ommunity-list-invitation{
	width: 1.3rem;
	height: 100%;
	text-align: right;
}
.ommunity-list-invitation h4{
	line-height: .5rem;
	font-size: .3rem;
	color: #fff;
	font-weight: normal;
	text-align: center;
	margin-bottom: .1rem;
}
.ommunity-list-invitation p{
	color: #ffffff;
	font-size: .26rem;
	text-align: center;
	line-height: .44rem;
}
.community-list ul li.use .ommunity-list-time p a{
	background-color: #029e53;
}
.password{
	width: 100%;
	display: table;
}
.password-txt{
	width: 100%;
	display: table;
	padding: 0 .32rem;
	padding-top: .52rem;
	padding-bottom: .16rem;
}
.password-txt-title{
	line-height: .78rem;
	padding-left: .5rem;
	color: #fff;
	font-size: .3rem;
}
.password-txt-col{
	width: 100%;
	height: 1.4rem;
	background-color: #282f34;
	padding: .2rem .5rem;
	line-height: .6rem;
	color: #fff;
	font-size: .28rem;
}
.password-txt-col.active{
	background-color: #4b565d;
	box-shadow: inset 0 0 .2rem rgba(255,255,255,.6); 
}
.password-txt-col input{
	width: 100%;
	line-height: .6rem;
	color: #fff;
	font-size: .28rem;
}
.password-txt-btn{
	width: 100%;
	display: table;
	padding: .4rem .5rem;
}
.password-txt-btn button{
	width: 2rem;
	height: .62rem;
	background-color: #1e89d0;
	color: #fff;
	border-radius: .1rem;
	letter-spacing: .04rem;
}
.password-inform{
	width: 100%;
	display: table;
	padding: 0 .5rem;
}
.password-inform ul{
	width: 100%;
}
.password-inform ul li{
	width: 100%;
	margin-bottom: .5rem;
	display: table;
}
.password-inform ul li h4{
	line-height: .72rem;
	font-size: .3rem;
	font-weight: normal;
	color: #fff;
}
.password-inform ul li p{
	color: #fff;
	line-height: .46rem;
	letter-spacing: .02rem;
}
.about{
	width: 100%;
	display: table;
}
.about-logo{
	width: 100%;
	display: table;
	padding-top: .6rem;
}
.about-logo-img{
	width: 100%;
	text-align: center;
	padding: .25rem 0;
}
.about-logo-img img{
	height: 2.05rem;
}
.about-logo-txt{
	text-align: center;
	line-height: .6rem;
	font-size: .28rem;
	color: #42b0c3;
	letter-spacing: .04rem;
}
.about-txt{
	width: 100%;
	padding: 0 .92rem;
	padding-top: .8rem;
}
.about-txt p{
	font-size: .26rem;
	line-height: .46rem;
	text-indent: .52rem;
	text-align: justify;
	color: #fff;
}
.language{
	width: 100%;
	display: table;
	padding: 0 .32rem;
	padding-top: .5rem;
}
.language ul{
	width: 100%;
}
.language ul li{
	width: 100%;
	height: .8rem;
	border-bottom: .02rem solid #46ffff;
	line-height: .78rem;
	color: #fff;
	padding-left: .5rem;
	position: relative;
}
.language ul li span{
	color: #fff;
}
.language ul li:last-child{
	border-bottom: none;
}
.language ul li.active:after{
	content: '';
	position: absolute;
	right: .5rem;
	top: .28rem;
	width: .22rem;
	height: .22rem;
	background: url(../img/ic33.png)center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.contact{
	width: 100%;
	display: table;
}
.contact-wx{
	width: 100%;
	display: table;
	padding-top: .56rem;
}
.contact-wx-img{
	width: 100%;
	text-align: center;
	padding: .3rem 0;
}
.contact-wx-img img{
	height: 2.96rem;
}
.contact-wx-txt{
	width: 100%;
	text-align: center;
	color: #afaeae;
	font-size: .26rem;
}
.contact-number{
	width: 100%;
	display: table;
	text-align: center;
	line-height: .66rem;
	padding-top: .6rem;
	font-size: .28rem;
	padding-bottom: .8rem;
}
.contact-number span{
	color: #afaeae;
}
.contact-number em{
	color: #2e96d1;
	padding-left: .2rem;
}
.contact-prompt{
	width: 100%;
	display: table;
	background-color: #313131;
	padding: .3rem .82rem;
}
.contact-prompt p{
	font-size: .26rem;
	line-height: .56rem;
	color: #babbbb;
	text-align: justify;
}
.modify-password{
	width: 100%;
	display: table;
	padding-top: .45rem;
}
.modify-password-box{
	width: 100%;
	display: table;
	padding: 0 .32rem;
	margin-top: .56rem;
}
.modify-password-title{
	width: 100%;
	height: .72rem;
	line-height: .72rem;
	padding-left: .5rem;
	color: #fff;
	font-size: .3rem;
}
.modify-password-input{
	width: 100%;
	height: .56rem;
	border-bottom: .02rem solid #46ffff;
	padding-left: .5rem;
}
.modify-password-input.active{
	background-color: #4c575f;
}
.modify-password-input input{
	width: 100%;
	height: .54rem;
	line-height: .54rem;
	font-size: .26rem;
	color: #fff;
}
.modify-password-forget{
	width: 100%;
	line-height: .5rem;
	color: #e5e5e5;
	font-size: .26rem;
	text-align: right;
	padding-top: .1rem;
}
.modify-password-forget a{
	color: #e5e5e5;
}
.modify-password-submit{
	width: 100%;
	padding: 0 .32rem;
	position: fixed;
	left: 0;
	bottom: .3rem;
}
.modify-password-submit button{
	width: 100%;
	height: .8rem;
	background-color: #27a3d7;
	color: #fff;
	border-radius: .1rem;
	font-size: .3rem;
	letter-spacing: .04rem;
}
.modify-password-mtn{
	margin-top: 0;
	padding-top: 0;
}
.invitation{
	width: 100%;
	height: 100%;
	background: url(../img/img4.jpg) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.invitation-wx{
	width: 100%;
	display: table;
	padding-top: 4rem;
}

.invitation-wx-img{
	width: 100%;
	display: table;
	text-align: center;
}
.invitation-wx-img img{
	height: 3rem;
}
.invitation-wx-txt{
	width: 100%;
	display: table;
	line-height: .6rem;
	color: #fff;
	padding-top: .3rem;
	text-align: center;
	font-size: .28rem;
	font-family: arial;
	
}
.invitation-wx-txt em{
	margin-left: .1rem;
}
.invitation-wx-txt i.btn{
	display: inline-block;
	background-color: #fff;
	padding: 0 .1rem;
	height: .32rem;
	background-color: #ffffff;
	font-size: .22rem;
	color: #00408e;
	line-height: .34rem;
	border-radius: .1rem;
	margin-left: .2rem;
	position: relative;
	top: -.04rem;
}
@media (min-height: 812px){
	.invitation-wx{
		padding-top: 5rem;
	}
}