/*公用样式 start*/

input::-webkit-input-placeholder {
	color: #bec8ce;
	font-weight: normal;
}
input::-moz-input-placeholder {
	color: #bec8ce;
	font-weight: normal;
}
input::-ms-input-placeholder {
	color: #bec8ce;
	font-weight: normal;
}

.hidden{
	display: none !important;
}
.no-after:after{
	content: "";
	background-color: transparent !important;
	width:0;
	height:0;
}
.width-auto{
	width:auto !important;
}

.height-auto{
	height:auto !important;
	min-height:auto !important;
}

.line-height-8{
	height:0.8rem !important;
	line-height:0.8rem !important;
}

.background-no{
	background:transparent !important;
}

.background-no:after{
	background:transparent !important;
}

.full-width{
	width:100% !important;
}

.full-width-70{
	width:70% !important;
}

.margin-no{
	margin:0 !important;
}

.border-no{
	border:none !important;
}

.padding-no{
	padding:0 !important;
}

.padding-top-no{
	padding-top:0 !important;
}

.padding-right-2{
	padding-right:0.2rem !important;
}
.border-radius-no{
	border-radius:0 !important;
}

.border-bottom-02{
	border-bottom: .02rem solid #f9f9f9;
}

.border-radius-1{
	border-radius: .1rem;
}

.margin-left-right{
	margin:0rem 0.1rem;
}

.text-left{
	text-align:left !important;
	justify-content:left !important;
}

.text-right{
	text-align:right !important;
	
}

.text-center{
	text-align:center !important;
}

.head-height{
	min-height:calc(100vh - 0.82rem) !important;
}

.font-bold{
	font-weight:bold !important;
}

.font-red{
	color:#d75e32 !important;
}

.font-gray{
	color:#929195 !important;
}

.font-white{
	color:#fff !important;
}

.font-white{
	color:#fff !important;
}

.font-blue{
	color: #3881FF !important;
}

.border-solid-blue{
	border:0.02rem solid #3881FF !important;
}

.background-blue{
	background-color: #3881FF !important;
}

.background-red{
	background-color: #eb564b !important;
}

.background-yellow{
	background-color:#3875f6 !important;
}

.background-white{
	background-color:#ffffff !important;
}

.background-gray{
	background-color:#f7f8f8 !important;
}

.line-height-auto{
	line-height: normal !important;
}

.float-left{
	float:left;
}

.float-right{
	float:right;
}
.display-inline-block{
	display: inline-block !important;
}

.box-show-no{
	box-shadow:none !important;
}

.box-show{
	box-shadow:0 0 0.1rem rgba(255,72,74,0.2);
}
.z-index-1{
	z-index:1;
}
.z-index-1:after{
	z-index:-1;
}

.display-inline-block{
	display: inline-block !important;
}
/*公用样式 end*/

/*其他样式 start*/
.custom-classname .weui-picker__item{
	font-size:16px !important;
}
.margin-right-3{
    margin-right: 0.3rem;
}
.margin-left-1{
	margin-left:0.14rem;
}
.margin-top-2{
	margin-top:0.22rem;
}
.account-img{
	width:0.6rem !important;
	height:0.6rem !important;
	border-radius:0.3rem;
}
.row-label{
	display:block;
	width:21%;
	float:left;
}
.row-input{
	width:79%;
	float:left;
	height:100%;
	font-size:.29rem;
}
.row-select{
	width:79%;
	float:left;
	height:100%;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	font-size:.29rem;
}
.row-submit{
	width: 100%;
    height: 0.7rem;
	line-height:0.7rem;
    background-color: #3d7efe;
    border-radius: .1rem;
    color: #fff;
    font-size: .3rem;
}

.row-submit:disabled{
	background-color: #ccc;
}

.font-size-28{
	font-size: .28rem !important;
}

.font-size-3{
	font-size: .32rem !important;
}

.font-size-4{
	font-size: .4rem !important;
}

.auth-box{
	min-height:3.4rem !important;
	border-radius:0.2rem !important;
	margin: 0.22rem auto !important;
}
.auth-box .icos{
	width:0.8rem !important;
	height:1.1rem !important;
}
.auth-box .icos img{
	width:0.8rem !important;
}
.auth-box .text{
	width: calc(100% - 0.8rem) !important;
}

.bank-box{
	min-height:2.4rem !important;
	border-radius:0.2rem !important;
	margin: 0.22rem auto !important;
}
.bank-box .icos{
	width:0.8rem !important;
	height:1.1rem !important;
}
.bank-box .icos img{
	width:0.8rem !important;
}
.bank-box .text{
	width: calc(100% - 0.8rem) !important;
}

.footer-box{
	display: inline-block;
	width:100%;
	height:1.9rem;
	padding-top:1.2rem;
	line-height: 0.7rem;
}
.footer-box div:first-child{
	float:left;
	width:50%;
}
.footer-box div:last-child{
	float:right;
	width:50%;
}

.width-50{
	width:50%;
}

.over-status{
	background-color: #f7f7f7 !important;
	color:#999999 !important;
}

/*其他样式 end*/
.border-radius-2{
	border-radius: 0.2rem !important;
}
.move-touch {
	-webkit-overflow-scrolling: touch
}

.text-remark{
	height:0.4rem;
	line-height: 0.4rem;
	margin-top:0.1rem;
	color:#666666;
	font-size: .27rem;
}

.auto-center ul li .pict {
	display: table;
	width: 100%;
	text-align: center
}

.auto-center ul li .pict i {
	vertical-align: middle;
	display: table-cell
}

.vague {
	-webkit-filter: blur(2px);
	transition: .3s;
	-webkit-transition: .3s
}

.rogate {
	transition: .3s;
	-webkit-transition: .3s
}

.rogate:hover {
	transform: rotate(90deg)
}

.arrow {
	position: relative;
	line-height: 1;
	margin-left: .1rem
}

.arrow:before {
	content: "";
	position: absolute;
	top: -.02rem;
	left: 0;
	width: 0;
	height: 0;
	border-bottom: .08rem solid;
	border-right: .08rem solid transparent;
	border-top: .08rem solid transparent;
	border-left: .08rem solid transparent
}

.arrow:after {
	content: "";
	position: absolute;
	top: .18rem;
	left: 0;
	width: 0;
	height: 0;
	border-top: .08rem solid;
	border-right: .08rem solid transparent;
	border-bottom: .08rem solid transparent;
	border-left: .08rem solid transparent
}

.arrow.one:before {
	display: none
}

.arrow.one:after {
	top: .14rem
}

.border-top:before {
	background: #dadada;
	content: "";
	position: absolute;
	height: 1px;
	transform-origin: 0 0;
	transform: scale(.5,.5);
	-webkit-transform: scale(.5,.5);
	-moz-transform: scale(.5,.5);
	width: 200%;
	top: 0;
	left: 0
}

.border-bottom:after {
	background: #dadada;
	content: "";
	position: absolute;
	height: 1px;
	transform-origin: 0 0;
	transform: scale(.5,.5);
	-webkit-transform: scale(.5,.5);
	-moz-transform: scale(.5,.5);
	width: 200%;
	bottom: -1px;
	left: 0
}

.flex-slide {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.flex-slide>* {
	flex-shrink: 0
}

.box-space-between {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between
}

.box-space-between>* {
	flex-shrink: 0
}

.touch-state {
	position: relative
}

.touch-state label {
	position: relative;
	background: #fff;
	display: block;
	width: .9rem;
	height: .45rem;
	border: 1px solid #ccc;
	border-radius: .3rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.touch-state label:after {
	content: '';
	position: absolute;
	z-index: 1;
	left: 0;
	width: .41rem;
	height: .41rem;
	background: #fff;
	box-shadow: 0 0 .1rem rgba(0,0,0,.4);
	border-radius: 50%;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.touch-state input {
	position: absolute;
	z-index: 0;
	opacity: 0;
	left: 45%;
	top: 20%
}

.touch-state input:checked+label {
	background: #47b92c;
	border-color: #47b92c
}

.touch-state input:checked+label:after {
	left: calc(100% - .41rem)
}

.swiper-wrapper {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	display: -webkit-box;
	position: relative
}

.swiper-slide {
	flex-shrink: 0;
	position: relative
}

.mohu {
	filter: blur(1px);
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	-ms-filter: blur(1px);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=1, MakeShadow=false)
}

.fixed-top {
	position: fixed;
	left: 0;
	width: 100%;
	top: 0;
	z-index: 2;
	background: #fff
}

.fixed-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	background: #fff
}

.column {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}

.column>* {
	column-count: 1;
	flex-grow: 1;
	flex-shrink: 0;
	text-align: center
}

a,body,button,dd,dl,dt,h1,h2,h3,h4,h5,i,img,input,li,p,select,span,strong,textarea,ul {
	margin: 0;
	padding: 0
}

b,h1,h2,h3,h4,h5,h6,strong {
	font-weight: 400
}

table {
	border-spacing: 0
}

body {
	font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
	font-size: .26rem;
	line-height: 1;
	color: #666666;
	-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
}

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

li {
	list-style-type: none;
	float: left
}

a {
	text-decoration: none;
	color: #333;
	outline: 0
}

img {
	border: none;
	vertical-align: middle
}

em,i,var {
	font-style: normal
}

button {
	font-family: "microsoft yahei",Arial;
	outline: 0;
	cursor: pointer;
	font-size: .29rem;
	border: none
}

iframe {
	border: none
}

input,select,textarea {
	outline: 0;
	font-family: "microsoft yahei",Arial;
	font-size: .26rem;
	border-radius: 0;
	border: none;
	background: 0 0
}

input:disabled {
	opacity: 1;
	color: #333
}

button,input[type=button],input[type=date],input[type=number],input[type=password],input[type=reset],input[type=submit],input[type=text],textarea {
	-webkit-appearance: none;
	border: none;
	background: 0 0
}

textarea {
	resize: none
}

.ico {
	display: inline-block;
	vertical-align: middle
}

.fl {
	float: left
}

.fr {
	float: right
}

.clear {
	clear: both
}

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	zoom: 1
}

.hide {
	display: none!important
}

.mobile-wrap {
	position: relative;
	min-height: 100vh;
	width: 100%;
	float: left
}

body,html {
	width: 100%;
	height: 100%
}

.page {
	width: 100%;
	min-height: 100vh;
	position: relative
}

.head {
	width: 86%;
	height: .82rem;
	line-height: .82rem;
	position: relative;
	text-align: center;
	float: left;
	z-index: 99;
	background-color: #fff;
	left: 7%;
}

.fixed-head{
	position:fixed;
	top:0;
	left:0;
	right:0;
}

.head .text {
	font-size: .3rem;
	color: #333
}

.head .retu {
	display: inline-block;
	width: .52rem;
	height: .52rem;
	background: url(../images/113634_52x52.png) center no-repeat;
	background-size: .36rem .36rem;
	position: absolute;
	left: .1rem;
	top: 50%;
	margin-top: -.26rem
}

.head .retu.back {
	background: url(../images/74d14f_52x52.png) center no-repeat;
	background-size: .36rem .36rem
}

.head .reco {
	display: inline-block;
	width: .52rem;
	height: .52rem;
	background: url(../images/24518f_52x52.png) center no-repeat;
	background-size: .39rem .39rem;
	position: absolute;
	right: .1rem;
	top: 50%;
	margin-top: -.26rem
}

/* .head .set {
	display: inline-block;
	width: .5rem;
	height: .5rem;
	background: url(../images/0256aa_50x50.png) center no-repeat;
	background-size: .5rem .5rem;
	position: absolute;
	right: .1rem;
	top: 50%;
	margin-top: -.25rem
} */

.head .set {
	display: inline-block;
	width:auto;
	height: 0.4rem;
	position: absolute;
	right: .25rem;
	top: 50%;
	margin-top: -.25rem;
	line-height:0.5rem;
}

.head .set img{
	height:100%;
	vertical-align: middle;
}
.head .set span{
	color:#fff;
	height: 0.6rem;
	line-height:0.6rem;
	font-size:0.3rem;
	vertical-align: middle;
}

.head .search {
	width: 5rem;
	height: .5rem;
	background-color: #ededed;
	border-radius: .28rem;
	margin: .16rem auto;
	padding: 0 .26rem
}

.head .search input {
	width: 100%;
	height: .5rem;
	line-height: .5rem;
	font-size: .26rem;
	color: #b8b8b8;
	line-height: .5rem;
	float: left;
	color: #333333
}

.head .pros {
    width: .59rem;
    height: .59rem;
    /* background-color: white; */
    position: absolute;
    left: .15rem;
    /* background: url(../images/d6b2c5_59x59.png) center no-repeat; */
    background-size: .59rem .59rem;
    top: 36%;
    margin-top: -.3rem;
    border-radius: .26rem;
    color: whitesmoke;
}

.head .nots {
	width: .54rem;
	height: .54rem;
	position: absolute;
	right: .15rem;
	top: 50%;
	margin-top: -.27rem;
	background: url(../images/a3bc62_50x50.png) center no-repeat;
	background-size: .46rem .46rem
}

.my .head.blues {
	position:absolute;	
	background-color: transparent;
	height: 1.1rem;
	line-height: 1.1rem;
}

.head.blues {
	background-color:#3875f6;
	height:1.1rem;
	line-height:1.1rem;
}

.head.blues .text {
	color: #fff
}

.message {
	width: 100%
}

.message .conts {
	width: 100%
}

.message .conts .list {
	width: 100%;
	padding: 0 .2rem
}

.message .conts .list .item {
	width: 100%;
	margin: .1rem 0;
	background: #f7f8f8;
	min-height: 1.44rem;
	border-radius: .1rem;
	float: left;
	padding: .18rem .25rem;
	display: flex;
	justify-content: space-between
}

.message .conts .list .item .icos {
	width: .72rem;
	height: 1rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.message .conts .list .item .icos img {
	width: .66rem
}

.message .conts .list .item .text {
	width: calc(100% - .72rem);
	min-height: 1rem;
	padding-left: .25rem;
	display: flex;
	justify-content: center;
	flex-direction: column
}

.message .conts .list .item .text .tits {
	width: 100%;
	line-height: .58rem
}

.message .conts .list .item .text .tits .lab {
	font-size: .28rem;
	color: #8696a4
}

.message .conts .list .item .text .tits .time {
	font-size: .26rem;
	color: #bfbfbf;
	font-family: arial
}

.message .conts .list .item .text .txts {
	width: 100%;
	line-height: .44rem;
	font-size: .26rem;
	color: #bec8ce;
	position: relative;
	height: .44rem
}

.message .conts .list .item .text .txts.mess:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -.1rem;
	width: .2rem;
	height: .2rem;
	border-radius: .1rem;
	background-color: #fc575d
}

.withdrawal {
	background-color: #f8f6f9;
	min-height: 100vh;
	width: 100%;
	float: left
}

.withdrawal .conts {
	width: 100%;
	position: relative;
	padding: .28rem .22rem;
	float: left
}

.withdrawal .conts:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1.35rem;
	background: url(../images/1ce1ea_750x135.png) top center no-repeat;
	background-size: cover
}

.withdrawal .conts .balance {
	width: 100%;
	min-height: 1rem;
	background-color: #fff;
	border-radius: .1rem;
	position: relative;
	z-index: 9;
	padding-top: .38rem;
	padding-bottom: .2rem
}

.withdrawal .conts .balance .number {
	width: 100%;
	height: .78rem;
	font-size: .6rem;
	color: #333333;
	text-align: center;
	font-family: arial;
	font-weight: 700
}

.withdrawal .conts .balance .tits {
	width: 100%;
	height: .42rem;
	line-height: .42rem;
	display: flex;
	justify-content: center
}

.withdrawal .conts .balance .tits .labs {
	color: #999999
}

.withdrawal .conts .balance .tits .looks {
	height: .42rem;
	width: .42rem;
	background: url(../images/c7e013_24x24.png) center no-repeat;
	background-size: .24rem .24rem
}

.withdrawal .conts .balance .tits .looks.acti {
	background: url(../images/96242d_24x24.png) center no-repeat;
	background-size: .24rem .24rem
}

.withdrawal .conts .banks {
	width: 100%;
	height: .84rem;
	background-color: #fff;
	border-radius: .1rem;
	margin-top: .2rem;
	padding: 0 .28rem;
	display: flex;
	justify-content: space-between
}

.withdrawal .conts .banks .tits {
	line-height: .84rem;
	font-size: .28rem;
	color: #999999;
	font-weight: 700
}

.withdrawal .conts .banks .card {
	height: .84rem
}

.withdrawal .conts .banks .card .item {
	height: .84rem;
	display: flex;
	justify-content: space-between;
	padding-right: .26rem;
	position: relative
}

.withdrawal .conts .banks .card .item:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -.13rem;
	width: .18rem;
	height: .26rem;
	background: url(../images/7a2cfd_18x26.png) center no-repeat;
	background-size: .18rem .26rem
}

.withdrawal .conts .banks .card .item .ico {
	width: .72rem;
	height: .84rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.withdrawal .conts .banks .card .item .ico img {
	height: .44rem
}

.withdrawal .conts .banks .card .item .txts {
	width: auto;
	line-height: .84rem;
	font-size: .26rem;
	color: #333333;
	font-weight: 700
}

.withdrawal .conts .amount {
	width: 100%;
	min-height: 1rem;
	background-color: #fff;
	border-radius: .1rem;
	margin-top: .2rem;
	padding: 0 .28rem;
	padding-top: .18rem;
	padding-bottom: .1rem
}

.withdrawal .conts .amount .tits {
	width: 100%;
	line-height: .72rem;
	font-size: .28rem;
	font-weight: 700;
	color: #999999
}

.withdrawal .conts .amount .number {
	width: 100%;
	border-bottom: .02rem solid #f9f9f9;
	padding-bottom: .05rem;
	display: flex;
	justify-content: space-between
}

.withdrawal .conts .amount .number .text {
	height: .9rem;
	line-height: .9rem;
	display: flex;
	justify-content: space-between
}

.withdrawal .conts .amount .number .text .lab {
	font-size: .48rem;
	font-weight: 700;
	color: #333333
}

.withdrawal .conts .amount .number .text .txt {
	padding-left: .15rem;
	height: .9rem
}

.withdrawal .conts .amount .number .text .txt input {
	width: 4rem;
	height: .9rem;
	font-size: .5rem;
	color: #333333;
	font-weight: 700;
	border: none;
	background: 0 0
}

.withdrawal .conts .amount .number .remove {
	height: .9rem;
	width: .6rem;
	background: url(../images/1ff53f_32x32.png) center no-repeat;
	background-size: .32rem .32rem;
	display: none
}

.withdrawal .conts .amount .earnings {
	width: 100%;
	line-height: .74rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #999999
}

.withdrawal .conts .amount .earnings .num {
	color: #999999
}

.withdrawal .conts .button {
	width: 100%;
	margin-top: .2rem
}

.withdrawal .conts .button button {
	width: 100%;
	height: .92rem;
	background-color: #3875f6;
	color: #fff;
	font-size: .3rem;
	border-radius: .1rem
}

.withdrawal .conts .button button.disabled{
	background-color: #ccc !important;
}

.investment {
	width: 100%;
	background-color: #f8f6f9;
	min-height: 100vh
}

.investment .conts {
	width: 100%;
	position: relative
}

.investment .conts:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 6rem;
	background: url(../images/6ccbca_750x284.png) center no-repeat;
	background-size: 7.5rem 5rem;
}

.investment .conts .amount {
	width: 100%;
	z-index:9;
    position: relative;
}

.investment .conts .amount .tits {
	width: 100%;
	height: .7rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.investment .conts .amount .tits .txt {
	font-size: .29rem;
	color: #fff;
	opacity: .6
}

.investment .conts .amount .tits .ico {
	width: auto;
	height: .7rem;
	background: url(../images/e57827_32x32.png) center no-repeat;
	background-size: .32rem .32rem;
	padding: 0 .24rem
}

.investment .conts .amount .number {
	width: 100%;
	height: .88rem;
	line-height: .88rem;
	font-size: .48rem;
	color: #fff;
	text-align: center;
	font-weight: 700
}

.investment .conts .earnings {
	width: 100%;
	position: relative;
	z-index: 1;
	padding: .18rem 0;
	display: flex;
	justify-content: space-between
}

.investment .conts .earnings .item {
	width: 33.3%;
	text-align: center
}

.investment .conts .earnings .item .tits {
	width: 100%;
	height: .44rem;
	line-height: .44rem;
	font-size: .26rem;
	color: #fff;
	opacity: .5
}

.investment .conts .more {
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .2rem 0;
	padding-bottom: .4rem;
}

.investment .conts .more .text {
	display: inline-block;
	width: auto;
	height: .54rem;
	border-radius: .27rem;
	line-height: .54rem;
	padding: 0 .2rem;
	font-size: .22rem;
	color: #7f7f7f;
	padding-right: .4rem;
	background: #fff url('../images/0a0db2_22x22.png') 94% center no-repeat;
	background-size: .22rem .22rem;
}

.investment .conts .earnings .item .text {
	width: 100%;
	color: #fff;
	line-height: .44rem;
	font-size: .34rem;
	font-family: arial
}

.investment .conts .list {
	width: 100%;
	position: relative;
	z-index: 2;
	padding: 0 .2rem;
	margin-top: .15rem
}

.investment .conts .list .item {
	width: 100%;
	padding: .12rem .22rem;
	background-color: #fff;
	border-radius: .1rem;
	margin-bottom: .2rem
}

.investment .conts .list .item .title {
	width: 100%;
	padding-bottom: .12rem;
	border-bottom: .02rem solid #f9f9f9
}

.investment .conts .list .item .title .tits {
	width: 100%;
	line-height: .6rem;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.investment .conts .list .item .title .tits .lab {
	font-size: .28rem;
	color: #333333;
	font-weight: 700
}

.investment .conts .list .item .title .tits .txt {
	font-size: .28rem;
	color: #999999;
}

.investment .conts .list .item .title .num {
	width: 100%;
	line-height: .36rem;
	display: flex;
	justify-content: space-between
}

.investment .conts .list .item .title .num .txt {
	color: #999999;
	font-size: .24rem
}

.investment .conts .list .item .title .num .btns {
	height: .36rem
}

.investment .conts .list .item .title .num .btns .lab {
	width: auto;
	padding: 0.04rem .17rem;
	height: .44rem;
	color: #3875f6;
	background-color: #e8f0fd;
	font-size: .26rem;
	border-radius: .1rem;
	margin-top: -.18rem
}

.investment .conts .list .item .assets {
	width: 100%;
	padding: .2rem 0;
	display: flex;
	justify-content: space-between;
	border-bottom: .02rem solid #f9f9f9
}

.investment .conts .list .item .assets .box {
	width: auto
}

.investment .conts .list .item .assets .box .tits {
	width: 100%;
	height: .42rem;
	font-size: .26rem;
	color: #999999;
	line-height: .42rem
}

.investment .conts .list .item .assets .box .nums {
	width: 100%;
	height: .32rem;
	font-size: .32rem;
	font-family: arial;
	color: #333333;
	font-weight: 500
}

.investment .conts .list .item .assets .box.loses .nums {
	color: #d75e32
}

.investment .conts .list .item .assets .box.wins .nums {
	color: #d75e32
}

.investment .conts .list .item .time {
	width: 100%;
	line-height: .56rem;
	font-size: .24rem;
	color: #999999;
	font-family: arial
}

.investment .conts .list .item .prompt {
	width: 100%;
	height: .6rem;
	line-height: .6rem;
	background-color: #def0fa;
	padding: 0 .22rem;
	font-size: .24rem;
	border-radius: .06rem;
	color: #52b4eb
}

.investment .conts .list .empty-list{
	margin:0.2rem 0rem;
	height: 1rem;
	line-height: 1rem;
	font-size: .29rem;
	color:#929195;
	background: #fff url("../images/0a0db2_22x22.png") 74% center no-repeat;
	background-size: .22rem .22rem;
}

.wealth {
	width: 100%;
	min-height: 100vh;
	background-color: #f7f8f8
}

.wealth .tabs {
	width: 100%;
	float: left;
	height: .9rem;
	overflow: hidden;
	border-bottom: .03rem solid #e5e9f4;
	background: #fff;
}

.wealth .tabs .list {
	width: 100%
}

.wealth .tabs .list .item {
	width: auto;
	height: .88rem;
	line-height: .88rem;
	font-size: .28rem;
	color: #333333;
	padding: 0 .13rem;
	float: left;
	position: relative
}

.wealth .tabs .list .item.swiper-slide-active {
	color: #3875f6
}

.wealth .tabs .list .item.swiper-slide-active:after {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -.21rem;
	bottom: 0;
	width: .42rem;
	height: .05rem;
	background-color: #235ee3
}

.wealth .content {
	width: 100%;
	padding: .12rem .2rem;
	float: left;
	background: #f7f7f7;
}

.wealth .content .title {
	width: 100%;
	height: .88rem;
	line-height: .88rem;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.wealth .content .title .labs {
	font-size: .32rem;
	font-weight: 700;
	color: #333333
}

.wealth .content .title .txt {
	font-size: .24rem;
	color: #8696a4;
	line-height: .88rem;
	padding-left: .2rem;
	padding-top: .1rem
}

.wealth .content .list {
	width: 100%
}

.wealth .content .list .item {
	width: 100%;
	background-color: #fff;
	border-radius: .2rem;
	min-height: 1rem;
	padding: 0 .3rem;
	padding-top: .3rem;
	margin-bottom: .2rem	
}

.wealth .content .list .item .tits {
	width: 100%;
	line-height: .36rem;
	color: #333333;
	display: flex;
	justify-content: space-between
}

.wealth .content .list .item .tits .labs {
	line-height: .36rem;
	font-size: .28rem;
	font-weight: 700;
	justify-content: space-between;
    align-items: center;
    display: flex;
}

.wealth .content .list .item .tits .labs .txt:last-child{
    color: #b5b5b5;
}

.wealth .content .list .item .tits .switch {
	height: .36rem;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.wealth .content .list .item .tits .switch .txt {
	color: #8696a4
}

.wealth .content .list .item .tits .switch .off {
	width: .56rem;
	height: .36rem;
	border-radius: .18rem;
	margin-left: .16rem;
	background-color: #ccd6df
}

.wealth .content .list .item .tits .switch .off .i {
	display: inline-block;
	width: .26rem;
	height: .26rem;
	background-color: #fefefe;
	border-radius: .13rem;
	margin: .05rem;
	transition: .5s;
	box-shadow: 0 .03rem .05rem rgba(0,0,0,.1)
}

.wealth .content .list .item .tits .switch .off.on {
	background-color: #2a64e4
}

.wealth .content .list .item .tits .switch .off.on .i {
	background-color: #fefefe;
	margin-left: .25rem
}

.wealth .content .list .item .labels {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-top: .16rem;
	padding-bottom: .16rem;
	border-bottom: .02rem solid #f3f5f6
}

.wealth .content .list .item .labels .txt {
	color: #8696a4
}

.wealth .content .list .item .labels .labs {
	height: .5rem;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.wealth .content .list .item .labels .labs .i {
	display: inline-block;
	width: auto;
	height: .38rem;
	background-color: #fff4da;
	color: #e2b056;
	margin-right: .1rem;
	line-height: .38rem;
	padding: 0 .2rem;
	font-size: .2rem;
	border-radius: 1.2rem
}

.wealth .content .list .item .labels .labs .i.i2 {
	background-color: #f4f9fd;
	color: #428fe3
}

.wealth .content .list .item .labels .labs .i.i3 {
	background-color: #fcf0ea;
	color: #dd6a32
}

.wealth .content .list .item .earnings {
	width: 100%;
	padding-top: .2rem;
	display: flex;
	justify-content: space-between
}

.wealth .content .list .item .earnings .box {
	width: auto
}

.wealth .content .list .item .earnings .box .number {
	line-height: .5rem;
	font-size: .34rem;
	color: #666666;
	text-align: center;
	font-family: arial
}

.wealth .content .list .item .earnings .box .txt {
	line-height: .42rem;
	font-size: .26rem;
	color: #999999
}

.wealth .content .list .item .earnings .box.wins .number {
	color: #f25126
}

.wealth .content .list .item .earnings .box.loses .number {
	color: #499e94
}

.wealth .content .list .item .earnings .box.box-item2 .number {
	color: #666666
}

.wealth .content .list .item .foot{
	border-top:.02rem solid #f2f2f2;
	margin-top:0.2rem;
	width: 100%;
	height: 1.5rem;
}
.wealth .content .list .item .foot .noice{
	width: 100%;
	margin:0.2rem 0rem 0.1rem;
	height:0.3rem;
	color:#999999;
}
.wealth .content .list .item .foot .buy{
	width:100%;
	height:0.75rem;
	line-height:0.75rem;
}
.wealth .content .list .item .foot .buy div{
	height:0.75rem;
	float:left;
}
.wealth .content .list .item .foot .buy div:first-child{
	width:70%;
}
.wealth .content .list .item .foot .buy div:last-child{
	width:30%;
}
.wealth .content .list .item .foot .buy div button{
	border:0.02rem solid #3875f6;
	padding:0.05rem 0.25rem;
	color:#3875f6;
	background:#fff;
	font-size:0.25rem;
	font-weight:bold;
	border-radius:0.1rem;
}
.wealth .content .list .item .foot .buy div button.disabled{
	color:#ccc;
	border:0.02rem solid #ccc;
}
.wealth .content .list .item .foot .buy .process div{
	float:left;
}
.wealth .content .list .item .foot .buy .process .loading{
	width:70%;
	
}

.wealth .content .list .item .foot .buy .process .loading .load{
	width:100%;
	height:0.2rem;
	background:#ccc;
	border-radius:0.2rem;
	margin-top:0.3rem;
}
.wealth .content .list .item .foot .buy .process .loading .load .show-load{
	width:60%;
	height:100%;
	border-radius:0.2rem;
	background-image:linear-gradient(to right,#10aeff,#3875f6);
	background-image:linear-gradient(90deg,#10aeff,#3875f6);
}
.wealth .content .list .item .foot .buy .process .tit{
	width:30%;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	padding-left:0.2rem;
}

.wealth .content .list .item .button {
	width: 100%;
	padding: .3rem 0
}

.wealth .content .list .item .button button {
	width: 100%;
	height: .7rem;
	background-color: #3875f6;
	color: #fff;
	font-size: .29rem;
	border-radius: .1rem
}

.wealth .content .list .item .button button.disabled{
	background-color: #ccd6df;
}

.my {
	background-color: #f7f8f8;
	width: 100%;
	min-height: 100vh;
	float: left
}

.my .conts {
	width: 100%
}

.my .conts .account {
	width: 100%;
	background-color: #3875f6;
	padding:0.32rem 0.22rem 0.22rem;
}

.my .conts .account .data {
	width: 100%;
	height: 1.18rem;
	display: flex;
	justify-content: space-between
}

.my .conts .account .data .imgs {
	width: 1.18rem;
	height: 1.18rem;
	border-radius: .59rem;
	padding: .05rem;
	background-color: #fff
}

.my .conts .account .data .imgs img {
	width: 100%;
	height: 100%;
	border-radius: .59rem
}

.my .conts .account .data .text {
	width: calc(100% - 1.18rem);
	padding-left: .15rem;
	display: flex;
	justify-content: space-between
}

.my .conts .account .data .text .intr {
	height: 1.18rem
}

.my .conts .account .data .text .intr .tel {
	width: 100%;
	height: .6rem;
	line-height: .6rem;
	font-size: .36rem;
	color: #fff;
	font-weight: 700;
	font-family: arial
}

.my .conts .account .data .text .intr .labs {
	width: 100%;
	height: .5rem;
	margin-top:0.2rem;
}

.my .conts .account .data .text .intr .labs span{
	color:#fff;
	font-size:0.31rem;
	font-weight: 600;
}

.my .conts .account .data .text .intr .labs .box {
	width: auto;
	height: .38rem;
	background-color: #a1bdf5;
	border-radius: .19rem;
	padding: 0 .16rem;
	min-width: .6rem;
	display: inline-block;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.my .conts .account .data .text .intr .labs .box .txt {
	line-height: .38rem;
	font-size: .22rem;
	color: #fff;
	padding: 0 .04rem
}

.my .conts .account .data .text .intr .labs .box .ico {
	width: auto;
	height: .38rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.my .conts .account .data .text .intr .labs .box .ico img {
	height: .3rem
}

.my .conts .account .data .text .sign {
	height: 1.18rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.my .conts .account .data .text .sign button {
	width: 1.36rem;
	height: .58rem;
	background-color: #a1bdf5;
	text-align: center;
	line-height: .58rem;
	color: #fff;
	border-radius: .29rem
}

.my .conts .account .amount {
	width: 100%;
	margin-top:0.2rem;
}

.my .conts .account .amount .tits {
	width: 100%;
	height: .7rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.my .conts .account .amount .tits .txt {
	font-size: .29rem;
	color: #fff;
	opacity: .6
}

.my .conts .account .amount .tits .ico {
	width: auto;
	height: .7rem;
	background: url(../images/e57827_32x32.png) center no-repeat;
	background-size: .32rem .32rem;
	padding: 0 .24rem
}

.my .conts .account .amount .number {
	width: 100%;
	height: .88rem;
	line-height: .88rem;
	font-size: .48rem;
	color: #fff;
	text-align: center;
	font-weight: 700
}

.my .conts .account .earnings {
	width: 100%;
	padding: .2rem 0;
	display: flex;
	justify-content: space-between
}

.my .conts .account .earnings .item {
	text-align: center;
	width: 33.3%
}

.my .conts .account .earnings .item .tits {
	width: 100%;
	line-height: .44rem;
	font-size: .24rem;
	color: #fff;
	opacity: .6
}

.my .conts .account .earnings .item .text {
	width: 100%;
	line-height: .46rem;
	font-size: .34rem;
	color: #fff;
	font-weight: 500;
	font-family: arial
}

.my .conts .function {
	width: 100%;
	min-height: 1.44rem;
	background: url(../images/1319f6_750x144.png) top center no-repeat;
	background-size: 7.5rem 1.44rem;
	padding: 0 .22rem
}

.my .conts .function .cont {
	width: 100%;
	background-color: #fff;
	border-radius: .1rem;
	padding: .3rem 0;
	display: flex;
	justify-content: space-between
}

.my .conts .function .cont .item {
	width: 33.3%
}

.my .conts .function .cont .item .ico {
	width: 100%;
	height: .66rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.my .conts .function .cont .item .ico img {
	width: .44rem
}

.my .conts .function .cont .item .text {
	width: 100%;
	line-height: .44rem;
	font-size: .28rem;
	color: #333333;
	text-align: center
}

.my .conts .loans {
	width: 100%;
	padding: 0 .22rem;
	margin-top: .2rem
}

.my .conts .loans .cont {
	width: 100%;
	background-color: #fff;
	min-height: 1rem;
	padding: .16rem .3rem;
	border-radius: .1rem;
	display: flex;
	justify-content: space-between
}

.my .conts .loans .cont .text {
	height: .92rem
}

.my .conts .loans .cont .text .tits {
	line-height: .48rem;
	font-size: .26rem;
	color: #929195
}

.my .conts .loans .cont .text .nums {
	line-height: .46rem;
	font-size: .32rem;
	color: #333;
	font-family: arial;
	font-weight: 700
}

.my .conts .loans .cont .btns {
	height: .92rem;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.my .conts .loans .cont .btns button {
	width: 1rem;
	height: .55rem;
	background-color: #e8f0fd;
	border-radius: .1rem;
	color: #1c5afd;
	margin-left: .24rem
}

.my .conts .loans .cont .btns button.top-up {
	background-color: #3a80fe;
	color: #fff
}

.my .conts .navs {
	width: 100%;
	margin-top: .2rem;
	padding: 0 .22rem
}

.my .conts .navs .cont {
	width: 100%
}

.my .conts .navs .cont .item {
	width: 100%;
	background-color: #fff;
	border-radius: .1rem;
	padding: 0 .22rem;
	margin-bottom: .2rem
}

.my .conts .navs .cont .item .row {
	width: 100%;
	height: .94rem;
	display: flex;
	justify-content: space-between;
	border-bottom: .02rem solid #fafafc
}

.my .conts .navs .cont .item a:last-child .row {
	border-bottom: none
}

.my .conts .navs .cont .item .row .ico {
	width: .64rem;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.my .conts .navs .cont .item .row .ico img {
	width: .4rem
}

.my .conts .navs .cont .item .row .text {
	width: calc(100% - .64rem);
	padding-left: .14rem;
	line-height: .92rem;
	font-size: .29rem;
	color: #333333;
	background: url(../images/b257fe_22x22.png) right center no-repeat;
	background-size: .22rem .22rem
}

.my .conts .navs .cont .more {
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .2rem 0;
	padding-bottom: .4rem
}

.my .conts .navs .cont .more .text {
	display: inline-block;
	width: auto;
	height: .54rem;
	border-radius: .27rem;
	line-height: .52rem;
	padding: 0 .2rem;
	font-size: .28rem;
	color: #7f7f7f;
	padding-right: .4rem;
	background: #fff url("../images/0a0db2_22x22.png") 94% center no-repeat;
	background-size: .22rem .22rem;
	border: 0.01rem solid transparent;
}

.index {
	width: 100%;
	min-height: 100vh;
	float: left
}

.index .conts {
	width: 100%
}

.index .conts .banner {
	width: 100%;
	padding: 0 .22rem;
	background-color: #fff
}

.index .conts .banner .list {
	width: 100%;
	padding: 0;
	margin: 0
}

.index .conts .banner .list .cont {
	width: 100%
}

.index .conts .banner .list .cont .item {
	width: 100%
}

.index .conts .banner .list .cont .item .imgs {
	width: 100%
}

.index .conts .banner .list .cont .item .imgs img {
	width: 100%;
	border-radius: .1rem;
	    /*margin-left: 6%;*/
}

.index .conts .banner .list .swiper-pagination {
	width: 100%
}

.index .conts .banner .list .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	background-color: #fff
}

.index .conts .banner .list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #3875f6
}

.index .conts .function {
	width: 100%;
	background-color: #fff;
	padding: .1rem .22rem;
	float: left;
	padding-bottom: .2rem
}

.index .conts .function .item {
	width: 25%;
	margin: .1rem 0;
	float: left
}

.index .conts .function .item .imgs {
	width: 100%;
	height: 1.1rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.index .conts .function .item .imgs img {
	width: 0.82rem
}

.index .conts .function .item .text {
	width: 100%;
	line-height: .44rem;
	color: #666666;
	text-align: center;
	font-size: .28rem
}

.index .conts .content {
	width: 100%;
	padding: .16rem .22rem;
	background-color: #f7f8f8;
	min-height: 1rem;
	float: left
}

.index .conts .content .banns {
	width: 100%
}

.index .conts .content .banns .item {
	width: 100%;
	height: 1.6rem;
	background-color: #fff;
	border-radius: .15rem;
	display: flex;
	justify-content: space-between
}

.index .conts .content .banns .item .text {
	width: auto;
	height: 1.6rem;
	padding-left: .28rem;
	display: flex;
	justify-content: center;
	flex-direction: column
}

.index .conts .content .banns .item .text .tits {
	width: 100%;
	height: .56rem;
	line-height: .56rem;
	font-size: .32rem;
	color: #333;
	font-weight: 700
}

.index .conts .content .banns .item .text .labs {
	width: 100%;
	height: .38rem;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.index .conts .content .banns .item .text .labs .txt {
	line-height: .38rem;
	color: #999999;
	font-size: .22rem
}

.index .conts .content .banns .item .text .labs .lb {
	display: inline-block;
	width: auto;
	height: .32rem;
	border-radius: .16rem;
	color: #fff;
	padding: 0 .1rem;
	font-size: .2rem;
	line-height: .32rem;
	margin-left: .1rem;
	background: #3875f6 url(../images/f7c234_22x22.png) 90% center no-repeat;
	background-size: .22rem .22rem;
	padding-r: .26rem
}

.index .conts .content .banns .item .imgs {
	width: auto;
	height: 1.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: .76rem
}

.index .conts .content .banns .item .imgs img {
	height: 1.14rem
}

.index .conts .content .hots {
	width: 100%;
	margin-top: .2rem;
	background-color: #fff;
	min-height: 1rem;
	border-radius: .1rem;
	padding: .25rem .3rem;
	padding-bottom: 0
}

.index .conts .content .hots .title {
	width: 100%;
	height: .53rem;
	padding-left: .24rem;
	display: flex;
	justify-content: space-between;
	margin-bottom:0.2rem;
}

.index .conts .content .hots .title .txts {
	line-height: .53rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative
}

.index .conts .content .hots .title .txts:after {
	content: "";
	position: absolute;
	left: -.2rem;
	top: 50%;
	margin-top: -.15rem;
	border-radius: .03rem;
	width: .06rem;
	height: .3rem;
	background-color: #537df3
}

.index .conts .content .hots .title .txts .txt {
	font-size: .3rem;
	font-weight: 700
}

.index .conts .content .hots .title .txts .lab {
	font-size: .22rem;
	color: #a8afb4;
	padding-left: .18rem;
	padding-top: .08rem
}

.index .conts .content .hots .title .more {
	height: .53rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.index .conts .content .hots .title .more .txt {
	color: #bec8ce
}

.index .conts .content .hots .prod {
	width: 100%;
	padding-bottom: 0.2rem;
}

.index .conts .content .hots .prod .tits {
	width: 100%;
	height: .62rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.index .conts .content .hots .prod .tits .txt {
	font-size: .28rem;
	color: #333333;
	font-weight: 700;
	
}
.index .conts .content .hots .prod .tits .txt.left{
	margin-left: 0.23rem;
}
.index .conts .content .hots .prod .tits .lab {
	display: inline-block;
	width: 1.08rem;
	height: .36rem;
	border: 1px solid #ffae08;
	text-align: center;
	line-height: .34rem;
	font-size: .22rem;
	color: #ffae08;
	border-radius: .04rem;
	margin: 0 .04rem
}

.index .conts .content .hots .prod .intr {
	width: 100%
}

.index .conts .content .hots .prod .intr .number {
	width: 100%;
	line-height: .99rem;
	font-size: .6rem;
	color: #ff705d;
	font-family: arial;
	text-align: center;
	font-weight: 700
}

.index .conts .content .hots .prod .intr .labs {
	width: 100%;
	height: .48rem;
	display: flex;
	justify-content: center
}

.index .conts .content .hots .prod .intr .labs .box {
	width: 50%;
	line-height: .48rem;
	font-size: .28rem;
	color: #333333;
	text-align: center;
	position: relative
}

.index .conts .content .hots .prod .intr .labs .box:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -.12rem;
	width: .02rem;
	height: .24rem;
	background-color: #f0f0f0
}

.index .conts .content .hots .prod .btns {
	width: 100%;
	text-align: center;
	padding: .3rem 0
}

.index .conts .content .hots .prod .btns button {
	width: 5.28rem;
	height: .74rem;
	background-color: #3875f6;
	border-radius: .08rem;
	color: #fff;
	font-size: .28rem
}

.index .conts .content .product {
	width: 100%;
	min-height: 1rem;
	background-color: #fff;
	float: left;
	margin-top: .2rem;
	border-radius: .1rem;
	padding: .25rem .3rem;
	padding-bottom: 0
}

.index .conts .content .product .title {
	width: 100%;
	height: .53rem;
	padding-left: .24rem;
	display: flex;
	justify-content: space-between;
	margin-bottom:0.05rem;
}

.index .conts .content .product .title .txts {
	line-height: .53rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative
}

.index .conts .content .product .title .txts:after {
	content: "";
	position: absolute;
	left: -.2rem;
	top: 50%;
	margin-top: -.15rem;
	border-radius: .03rem;
	width: .06rem;
	height: .3rem;
	background-color: #537df3
}

.index .conts .content .product .title .txts .txt {
	font-size: .3rem;
	font-weight: 700
}

.index .conts .content .product .title .txts .lab {
	font-size: .22rem;
	color: #a8afb4;
	padding-left: .18rem;
	padding-top: .08rem
}

.index .conts .content .product .title .more {
	height: .53rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.index .conts .content .product .title .more .txt {
	color: #bec8ce
}

.index .conts .content .product .recommended {
	width: 100%;
	min-height: 1rem;
	padding: .22rem 0;
	display: flex;
	justify-content: space-between
}

.index .conts .content .product .recommended .box {
	width: 48%
}

.index .conts .content .product .recommended .box img {
	width: 100%;
	border-radius: .06rem;
	box-shadow: 0 .04rem .08rem rgba(0,0,0,.1)
}

.index .conts .content .product .list {
	width: 100%;
	margin-bottom:0.2rem;
}

.index .conts .content .product .list .item {
	width: 100%;
	padding-top: .25rem;
	border-bottom: .02rem solid #eee;
	display: flex;
	justify-content: space-between
}

.index .conts .content .product .list .item:last-child{
	border:0rem;
}

.index .conts .content .product .list .item .tits {
	width: 1.36rem;
	height: 1.1rem;
	position: relative
}

.index .conts .content .product .list .item .tits:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -.38rem;
	width: .02rem;
	height: .76rem;
	background-color: #f9f9f9
}

.index .conts .content .product .list .item .tits .num {
	line-height: .52rem;
	font-size: .38rem;
	color: #d75e32;
	font-family: arial
}

.index .conts .content .product .list .item .tits .txt {
	color: #8696a4;
	line-height: .5rem;
}

.index .conts .content .product .list .item .text {
	width: calc(100% - 1.36rem);
	padding-left: .2rem;
	display: flex;
	justify-content: space-between
}

.index .conts .content .product .list .item .text .intr {
	height: 1rem
}

.index .conts .content .product .list .item .text .intr .txt {
	font-size: .28rem;
	font-weight: 700;
	color: #333333;
	line-height: .52rem;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 3rem;
}

.index .conts .content .product .list .item .text .intr .lab {
	line-height: .5rem;
	font-size: .26rem;
	color: #8696a4
}

.index .conts .content .product .list .item .text .btns {
	height: 1rem;
	display: flex;
	justify-content: center;
	align-items: center
}

/* .index .conts .content .product .list .item .text .btns button {
	width: 1.06rem;
	height: .48rem;
	border-radius: .24rem;
	background-color: #3875f6;
	text-align: center;
	line-height: .48rem;
	color: #fff
} */

.index .conts .content .product .list .item .text .btns button {
    height: .48rem;
    border-radius: .1rem;
    background-color: #ffffff;
    border: 0.02rem solid #3875f7;
    text-align: center;
    color: #3875f7;
    font-weight: bold;
    font-size: 0.25rem;
    padding: 0.05rem 0.25rem;
}
.index .conts .content .product .list .item .text .btns button.disabled{
	color: #ccc;
    border: 0.02rem solid #ccc;
}


.index .conts .content .earnings {
	width: 100%;
	min-height: 1rem;
	background-color: #fff;
	float: left;
	margin-top: .2rem;
	border-radius: .1rem;
	padding: .1rem .22rem
}

.index .conts .content .earnings .title {
	width: 100%;
	height: .82rem;
	border-bottom: .02rem solid #f2f2f2;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.index .conts .content .earnings .title .txt {
	line-height: .8rem;
	font-size: .3rem;
	color: #333;
	font-weight: 700
}

.index .conts .content .earnings .title .lab {
	font-size: .24rem;
	color: #bfbfbf;
	padding-left: .2rem;
	position: relative
}

.index .conts .content .earnings .title .lab:after {
	content: "";
	position: absolute;
	left: .12rem;
	top: 50%;
	margin-top: -.12rem;
	width: .02rem;
	height: .24rem;
	background-color: #8f8f8f
}

.index .conts .content .earnings .prompt {
	width: 100%;
	height: .7rem;
	background-color: #e5eefd;
	border-radius: .04rem;
	margin-top: .2rem;
	border-radius: .08rem;
	padding: 0 .08rem;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.index .conts .content .earnings .prompt .ico {
	width: .6rem;
	height: .7rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.index .conts .content .earnings .prompt .ico img {
	height: .32rem
}

.index .conts .content .earnings .prompt .txt {
	line-height: .7rem;
	color: #3678ff
}

.index .conts .content .earnings .list {
	width: 100%;
	min-height: 1rem
}

.index .conts .content .earnings .list .item {
	width: 100%;
	padding: .04rem 0;
	margin-top: .26rem;
	margin-bottom: .1rem
}

.index .conts .content .earnings .list .item .intr {
	width: 100%;
	display: flex;
	justify-content: space-between
}

.index .conts .content .earnings .list .item .intr .text {
	width: 1.42rem;
	height: .86rem;
	text-align: center
}

.index .conts .content .earnings .list .item .intr .text .num {
	width: 100%;
	text-align: center;
	line-height: .48rem;
	font-size: .3rem;
	color: #ffae08;
	font-weight: 700
}

.index .conts .content .earnings .list .item .intr .text .txt {
	text-align: center;
	line-height: .36rem;
	font-size: .24rem;
	color: #8696a4
}

.index .conts .content .earnings .list .item .intr .labels {
	height: .86rem;
	width: 4.4rem;
	position: relative
}

.index .conts .content .earnings .list .item .intr .labels:after {
	content: "";
	position: absolute;
	left: -.76rem;
	top: 50%;
	margin-top: -.11rem;
	width: .66rem;
	height: .22rem;
	background: url(../images/45a209_65x21.png) center no-repeat;
	background-size: .66rem .22rem
}

.index .conts .content .earnings .list .item .intr .labels .tits {
	width: 100%;
	line-height: .44rem;
	font-size: .28rem;
	color: #333333
}

.index .conts .content .earnings .list .item .intr .labels .labs {
	height: .36rem;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.index .conts .content .earnings .list .item .intr .labels .labs .box {
	height: .3rem;
	padding: 0 .1rem;
	font-size: .18rem;
	background-color: #fdfaf2;
	color: #e3b25b;
	margin: 0 .06rem;
	line-height: .3rem;
	border-radius: .04rem
}

.index .conts .content .earnings .list .item .intr .labels .labs .box.b2 {
	background-color: #f4f9fd;
	color: #408de2
}

.index .conts .content .earnings .list .item .intr .labels .labs .box.b3 {
	background-color: #fcf0ea;
	color: #db6022
}

.index .conts .content .earnings .list .item .prompt {
	width: 100%;
	height: .5rem;
	background-color: #f2f8fd;
	padding: 0 .28rem;
	color: #8696a4;
	margin: .04rem 0
}

.signs {
	width: 100%;
	min-height: 100vh;
	float: left;
	background-color: #f7f8f8
}

.signs .conts {
	width: 100%
}

.signs .conts .banner {
	width: 100%;
	position: relative;
	float: left
}

.signs .conts .banner .imgs {
	width: 100%
}

.signs .conts .banner .imgs img {
	width: 100%;

}

.signs .conts .banner .rules {
	width: 100%;
	position: absolute;
	right: .3rem;
	top: 0;
	width: 1.4rem;
	height: .66rem;
	background-color: #e86a9d;
	border-radius: 0 0 .1rem .1rem;
	text-align: center;
	line-height: .66rem;
	color: #fff;
	font-size: .26rem
}

.signs .conts .content {
	width: 100%;
	min-height: 1rem;
	padding: 0 .22rem;
	position: relative;
	margin-top: -1.3rem;
	z-index: 9;
	float: left
}

.signs .conts .content .signIn {
	width: 100%;
	background-color: #fff;
	min-height: 1rem;
	border-radius: .1rem;
	padding-top: .35rem
}

.signs .conts .content .signIn .text {
	width: 100%;
	text-align: center
}

.signs .conts .content .signIn .text .tits {
	width: 100%;
	line-height: .58rem;
	font-size: .36rem;
	color: #888888;
	display: flex;
	justify-content: center;
	align-items: center
}

.signs .conts .content .signIn .text .tits .txt {
	color: #ec403d
}

.signs .conts .content .signIn .text .labs {
	width: 100%;
	line-height: .3rem;
	font-size: .24rem;
	color: #9a9a9a
}

.signs .conts .content .signIn .button {
	width: 100%;
	text-align: center;
	padding-top: .2rem;
	padding-bottom: .4rem
}

.signs .conts .content .signIn .button button {
	width: 2.4rem;
	height: .74rem;
	border-radius: .1rem;
	background-color: #ff484a;
	color: #fff;
	font-size: .32rem;
	font-weight: 700;
	line-height: .74rem;
	box-shadow: 0 0 .1rem rgba(255,72,74,.2);
}

.signs .conts .content .signIn .button button.disabled{
	background-color: #ccc;
	box-shadow: 0 0 .1rem rgba(255,255,255,.2);
}

.signs .conts .content .list{
	width: 100%;
	height:auto;
	margin-top: .1rem;
	background:#f7f7f7;
}

.signs .conts .content .list .item {
	width: 100%;
	background-color: #fff;
	border-radius: .1rem;
	padding: 0 .05rem;
	margin:.1rem 0;
	float: left;
	display: flex;
	justify-content: space-between
}

.signs .conts .content .list .item .ico {
	width: .9rem;
	height: 1.04rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.signs .conts .content .list .item .ico img {
	width: .52rem;
	height: .52rem;
	border-radius: .06rem
}

.signs .conts .content .list .item .text {
	width: calc(100% - .9rem);
	padding-right: .26rem;
	display: flex;
	justify-content: space-between
}

.signs .conts .content .list .item .text .labels {
	height: 1.04rem;
	display: flex;
	justify-content: center;
	flex-direction: column
}

.signs .conts .content .list .item .text .labels .tits {
	width: 100%;
	line-height: .48rem;
	font-size: .28rem;
	color: #333
}

.signs .conts .content .list .item .text .labels .txt {
	line-height: .4rem;
	font-size: .24rem;
	color: #868686
}

.signs .conts .content .list .item .text .number {
	height: 1.04rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #1d58e2;
	font-size: .32rem
}

.pays {
	width: 100%;
	background: url(../images/3e24ad_750x313.jpg) top center no-repeat;
	background-size: 100% auto;
	float: left;
	min-height: 100vh
}

.pays .head {
	background: 0 0
}

.pays .conts {
	width: 100%
}

.pays .conts .intr {
	width: 100%;
	padding: 0 .3rem;
	padding-top: .35rem;
	float: left;
	padding-bottom: .2rem
}

.pays .conts .intr .text {
	width: 100%;
	display: flex;
	justify-content: space-between;
	color: #fff
}

.pays .conts .intr .text .earnings .nums {
	width: 100%;
	line-height: .6rem;
	font-size: .56rem;
	color: #fff;
	font-family: arial
}

.pays .conts .intr .text .earnings .tits {
	font-size: .24rem;
	line-height: .62rem
}

.pays .conts .intr .text .time .nums {
	width: 100%;
	line-height: .6rem;
	font-size: .24rem;
	display: flex;
	justify-content: flex-end
}

.pays .conts .intr .text .time .nums .day {
	font-size: .56rem;
	color: #fff;
	font-family: arial;
	margin-right: .04rem;
	margin-top: -.03rem
}

.pays .conts .intr .text .time .tits {
	font-size: .24rem;
	line-height: .62rem
}

.pays .conts .datas {
	width: 100%;
	min-height: 1rem;
	background-color: #fff;
	border-radius: .15rem .15rem;
	float: left;
	padding: .3rem;
	border-bottom: 1px solid #e5e5e5
}

.pays .conts .datas .inputs {
	width: 100%
}

.pays .conts .datas .inputs .tits {
	width: 100%;
	display: flex;
	justify-content: space-between
}

.pays .conts .datas .inputs .tits .txt {
	line-height: .72rem;
	font-size: .3rem;
	font-weight: 700;
	color: #333
}

.pays .conts .datas .inputs .tits .labs {
	line-height: .72rem;
	display: flex;
	justify-content: space-between
}

.pays .conts .datas .inputs .tits .labs .tit {
	font-size: .28rem;
	color: #d4dade;
	padding-right: .1rem
}

.pays .conts .datas .inputs .tits .labs .num {
	font-size: .28rem;
	color: #333
}

.pays .conts .datas .inputs .number {
	width: 100%;
	height: .88rem;
	border: 1px solid #cfd6da;
	border-radius: .1rem;
	padding: 0 .28rem;
	display: flex;
	justify-content: space-between
}

.pays .conts .datas .inputs .number .inpts {
	width:auto;
	height: 100%
}

.pays .conts .datas .inputs .number .inpts input {
	width:4rem;
	height: 100%;
	border: none;
	font-size:0.35rem;	
}

.pays .conts .datas .inputs .number .inpts input::-webkit-input-placeholder {
	color: #d4dade;
}
.pays .conts .datas .inputs .number .inpts input::-moz-input-placeholder {
	color: #d4dade;
}
.pays .conts .datas .inputs .number .inpts input::-ms-input-placeholder {
	color: #d4dade;
}

.pays .conts .datas .inputs .number .labs {
	width: auto;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.pays .conts .datas .inputs .number .labs .max {
	font-size: .28rem;
	color: #3378f6;
	padding-left: .34rem;
	position: relative
}

.pays .conts .datas .inputs .number .labs .max:after {
	content: "";
	position: absolute;
	left: .15rem;
	top: 50%;
	margin-top: -.12rem;
	width: .02rem;
	height: .24rem;
	background-color: #ecf1f4
}

.pays .conts .datas .inputs .number .labs .nuit {
	color: #8a94a6;
	font-size: .28rem
}

.pays .conts .datas .inform {
	width: 100%;
	padding-top: .3rem
}

.pays .conts .datas .inform .row {
	width: 100%;
	height: .7rem;
	display: flex;
	justify-content: space-between
}

.pays .conts .datas .inform .row .tits {
	line-height: .7rem;
	font-size: .28rem;
	color: #778999;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.pays .conts .datas .inform .row .tits img {
	margin-left: .08rem;
	width: .26rem
}

.pays .conts .datas .inform .row .nums {
	line-height: .7rem;
	font-size: .28rem;
	color: #333
}

.pays .conts .datas .inform .row .nums .b {
	font-weight: 700
}

.pays .conts .datas .inform .row .nums .em {
	color: #499e94
}

.pays .conts .submits {
	width: 100%;
	padding: 0 .3rem;
	padding-top: .15rem;
	float: left
}

.pays .conts .submits .agreement {
	width: 100%;
	height: .64rem;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.pays .conts .submits .agreement label {
	color: #7b8b9b
}

.pays .conts .submits .agreement a {
	color: #0040de;
	padding: 0 .15rem
}

.pays .conts .submits .button {
	width: 100%;
	padding: .15rem 0
}

.pays .conts .submits .button button{
	width: 100%;
	height: .8rem;
	background-color: #3875f6;
	border-radius: .08rem;
	color: #fff;
}

.pays .conts .submits .button button.disabled{
	width: 100%;
	height: .8rem;
	background-color: #ecf0f7;
	border-radius: .08rem;
	color: #99a1b0;
}

.informs {
	width: 100%;
	float: left;
	min-height: 100vh;
	background: #f8f6f9 url(../images/cb78e1_750x511.jpg) top center no-repeat;
	background-size: 100% auto
}

.informs .head {
	background: 0 0
}

.informs .conts {
	width: 100%;
	float: left
}

.informs .conts .intrs {
	width: 100%
}

.informs .conts .intrs .nums {
	width: 100%;
	height: .64rem;
	line-height: .64rem;
	font-size: .28rem;
	color: #fff;
	text-align: center;
	opacity: .6;
	font-family: arial
}

.informs .conts .intrs .data {
	width: 100%;
	padding-top: .22rem;
	float: left
}

.informs .conts .intrs .data .value {
	width: 100%;
	text-align: center;
	line-height: .8rem;
	font-size: .32rem;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	color: #fff
}

.informs .conts .intrs .data .value .b {
	font-size: .8rem;
	color: #fff;
	font-weight: 700;
	position: relative;
	padding: 0 .1rem;
	top: -.16rem
}

.informs .conts .intrs .data .tits {
	text-align: center;
	color: #fff;
	line-height: .66rem
}

.informs .conts .intrs .process {
	width: 90%;
	margin:0 5%;
	height: .64rem;
	float: left;
	padding-top: .35rem
}

.informs .conts .intrs .process .box {
	height: .03rem;
	background-color: rgba(255,255,255,.7);
	position: relative
}

.informs .conts .intrs .process .box:after {
	content: "";
	position: absolute;
	right: -.12rem;
	top: 50%;
	margin-top: -.12rem;
	width: .24rem;
	height: .24rem;
	background-color: rgba(255,255,255,.6);
	border-radius: .12rem
}

.informs .conts .intrs .process .box:before {
	content: "";
	position: absolute;
	right: -.07rem;
	top: 50%;
	margin-top: -.07rem;
	width: .14rem;
	height: .14rem;
	background-color: #fff;
	border-radius: .12rem;
	z-index: 9
}

.informs .conts .intrs .process .box .text {
	width: auto;
	position: absolute;
	right: -.06rem;
	top: -.36rem;
	color: #fff;
	font-size: .2rem;
	min-width: .8rem;
	text-align: center
}

.informs .conts .intrs .inf {
	width: 100%;
	display: flex;
	padding-bottom: .2rem;
	justify-content: space-between
}

.informs .conts .intrs .inf .box {
	width: 33.3%;
	text-align: center
}

.informs .conts .intrs .inf .box .tits {
	width: 100%;
	line-height: .44rem;
	font-size: .28rem;
	color: #fff;
	opacity: .7
}

.informs .conts .intrs .inf .box .nums {
	width: 100%;
	font-size: .24rem;
	line-height: .4rem;
	text-align: center
}

.informs .conts .intrs .coupircoupons {
	width: 100%;
	height: .92rem;
	background-color: #fff;
	padding: 0 .3rem;
	display: flex;
	justify-content: space-between
}

.informs .conts .intrs .coupircoupons .tits {
	line-height: .92rem;
	font-size: .3rem;
	color: #333;
	font-weight: 700
}

.informs .conts .intrs .coupircoupons .text {
	height: .92rem
}

.informs .conts .intrs .coupircoupons .text .null {
	line-height: .92rem;
	font-size: .28rem;
	color: #999
}

.informs .conts .intrs .date {
	width: 100%;
	margin-top: .3rem;
	float: left;
	min-height: 1rem;
	background-color: #fff;
	padding: 0 .3rem;
	display: flex;
	justify-content: space-between
}

.informs .conts .intrs .date .item {
	width: 33.3%;
	text-align: left;
	padding: .2rem 0
}

.informs .conts .intrs .date .item .tits {
	line-height: .44rem;
	font-size: .26rem;
	color: #000
}

.informs .conts .intrs .date .item .line {
	width: 100%;
	height: .38rem;
	padding: .16rem 0;
	position: relative
}

.informs .conts .intrs .date .item .line:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -.11rem;
	width: .16rem;
	height: .16rem;
	border-radius: .11rem;
	border: .03rem solid #005fff;
	background-color: #fff
}

.informs .conts .intrs .date .item .line .box {
	width: 100%;
	height: .03rem;
	background-color: #e5e5e5
}

.informs .conts .intrs .date .item .labs {
	color: #999
}

.informs .conts .intrs .date .item:nth-child(2) {
	text-align: center
}

.informs .conts .intrs .date .item:nth-child(2) .line:after {
	left: 50%;
	margin-left: -.11rem
}

.informs .conts .intrs .date .item:nth-child(3) {
	text-align: right
}

.informs .conts .intrs .date .item:nth-child(3) .line:after {
	left: initial;
	margin-left: -.11rem;
	right: 0
}

.informs .conts .intrs .date .item.acti .line .box {
	background-color: #005fff
}

.informs .conts .intrs .company {
	width: 100%;
	height: .74rem;
	background-color: #fff;
	margin-top: .2rem;
	float: left;
	padding: 0 .2rem;
	display: flex;
	justify-content: space-between
}

.informs .conts .intrs .company .ico {
	width: .6rem;
	height: .74rem;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.informs .conts .intrs .company .ico img {
	width: .44rem
}

.informs .conts .intrs .company .text {
	width: calc(100% - .6rem);
	line-height: .74rem;
	font-size: .26rem
}

.informs .conts .intrs .inform {
	width: 100%;
	min-height: 1rem;
	background-color: #fff;
	float: left;
	margin-top: .2rem
}

.informs .conts .intrs .inform .tabs {
	width: 100%;
	height: .7rem;
	padding: 0 .2rem;
	display: flex;
	justify-content: flex-start
}

.informs .conts .intrs .inform .tabs .item {
	width: auto;
	height: .7rem;
	line-height: .7rem;
	position: relative;
	font-size: .28rem;
	color: #bbb;
	padding: 0 .2rem;
	min-width: 1rem;
	text-align: center;
	margin-right: .5rem
}

.informs .conts .intrs .inform .tabs .item.acti {
	color: #2768e3
}

.informs .conts .intrs .inform .tabs .item.acti:after {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -.5rem;
	bottom: 0;
	width: 1rem;
	height: .06rem;
	background-color: #3f79e6
}

.informs .conts .intrs .inform .cont {
	width: 100%;
	margin-bottom: 1.3rem;
}

.informs .conts .intrs .inform .cont .item-cont{
	display:none;
	width:100%;
	height:auto;
}

.informs .conts .intrs .inform .cont .item-cont.item-active{
	display:inline-block;
}

.informs .conts .intrs .inform .cont .text {
	width: 100%;
	padding: .15rem .2rem
}

.informs .conts .intrs .inform .cont .text .row {
	width: 100%;
	line-height: .78rem;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #eee
}

.informs .conts .intrs .inform .cont .text .row .tits {
	width: 1.68rem
}

.informs .conts .intrs .inform .cont .text .row .labs {
	line-height: .4rem;
	padding: .19rem 0;
	width: calc(100% - 1.68rem);
	color: #999;
	text-align: justify
}

.informs .conts .intrs .inform .cont .text .row:last-child {
	border-bottom: none
}

.informs .conts .intrs .inform .cont .service {
	width: 100%;
	float: left
}

.informs .conts .intrs .inform .cont .service .item {
	width: 100%;
	float: left;
	padding: .2rem 0
}

.informs .conts .intrs .inform .cont .service .item .title {
	width: 100%;
	display: flex;
	justify-content: space-between
}

.informs .conts .intrs .inform .cont .service .item .title .ico {
	width: .76rem;
	height: .68rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.informs .conts .intrs .inform .cont .service .item .title .ico img {
	height: .42rem
}

.informs .conts .intrs .inform .cont .service .item .title .infs {
	width: calc(100% - .76rem)
}

.informs .conts .intrs .inform .cont .service .item .title .infs .tits {
	line-height: .68rem;
	font-size: .3rem;
	font-weight: 700;
	color: #000
}

.informs .conts .intrs .inform .cont .service .item .title .infs .txts {
	width: 100%;
	line-height: .4rem;
	font-size: .26rem;
	color: #999;
	text-align:justify;
	padding-right:0.3rem;
	text-indent: 2em;
}

.informs .conts .intrs .inform .cont .button {
	position:fixed;
	bottom:0px;
	width: 100%;
	float: left;
	padding: .3rem .2rem;
	background: #fff;
}

.informs .conts .intrs .inform .cont .button button {
	width: 100%;
	height: .7rem;
	background-color: #3d7efe;
	border-radius:.1rem;
	color: #fff;
	font-size: .3rem
}
.informs .conts .intrs .inform .cont .button button.disabled{
	background-color: #ccc;
}

.coupons {
	width: 100%;
	min-height: 100vh;
	background-color: #f7f8f8;
	float: left
}

.coupons .conts {
	width: 100%;
	padding: .3rem .24rem;
	float: left
}

.coupons .conts .list {
	width: 100%
}

.coupons .conts .list .item {
	width: 100%;
	margin-bottom: .2rem;
	display: flex;
	justify-content: space-between;
	border-radius: .1rem;
}

.coupons .conts .list .item .img {
	width: 2.1rem;
	height: 1.4rem;
	display: flex;
	justify-content: center;
	flex-direction: column;
	border-radius: .1rem 0rem 0rem .1rem;
}

.coupons .conts .list .item .img img{
	width:100%;
	height:100%;
	border-radius: .1rem 0rem 0rem .1rem;
}

.coupons .conts .list .item .numbers {
	width: 1.65rem;
	height: 1.4rem;
	background: url(../images/cd8902_165x139.png) center no-repeat;
	background-size: 1.65rem 1.39rem;
	display: flex;
	justify-content: center;
	flex-direction: column
}

.coupons .conts .list .item .numbers .nums {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff
}

.coupons .conts .list .item .numbers .nums .b {
	font-size: .48rem;
	color: #fff;
	font-family: arial;
	padding: 0 .04rem;
	position: relative;
	top: -.03rem
}

.coupons .conts .list .item .numbers .tits {
	line-height: .4rem;
	color: #fff;
	font-size: .26rem;
	text-align: center
}

.coupons .conts .list .item .text {
	width: calc(100% - 1.65rem);
	height: 1.4rem;
	background-color: #fff;
	padding: 0 .2rem;
	display: flex;
	justify-content: space-between
}

.coupons .conts .list .item .text .labels {
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column
}

.coupons .conts .list .item .text .labels .tits {
	line-height: .52rem;
	font-size: .3rem
}

.coupons .conts .list .item .text .labels .time {
	line-height: .36rem;
	font-size: .24rem;
	color: #999
}

.coupons .conts .list .item .text .button {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.coupons .conts .list .item .text .button button {
	width: 1.34rem;
	height: .54rem;
	background-color: #ffae08;
	color: #fff;
	border-radius: .15rem
}

.coupons .conts .list .item.over .text .button button {
	background-color: #d1d1d1
}

.coupons .conts .list .item .text2 {
	width: calc(100% - 2.1rem);
	height: 1.4rem;
	background-color: #fff;
	padding: 0 .2rem;
	display: flex;
	justify-content: space-between;
	border-radius: 0rem .1rem .1rem 0rem;
}

.coupons .conts .list .item .text2 .labels {
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column
}

.coupons .conts .list .item .text2 .labels .tits {
	line-height: .52rem;
	font-size: .3rem;
	color:#333;
}

.coupons .conts .list .item .text2 .labels .time {
	line-height: .36rem;
	font-size: .24rem;
	color: #999
}



.show-list{
	width: 100%;
	min-height: 1rem;
	background-color: #fff;
	float: left;
	margin-top: .2rem;
	border-radius: .1rem;
	padding: .1rem .22rem;
}
.show-list .title {
	width: 100%;
	height: .82rem;
	border-bottom: .02rem solid #f2f2f2;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.show-list .title .txt {
	line-height: .53rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	font-size: .28rem;
	color: #333;
	font-weight: 700;
}
.show-list .title .more {
	height: .53rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.show-list .title .more label{
	color:#db6022;
}
.show-list .body{
	width: 100%;
	height: 1.3rem;
	border-bottom: .02rem solid #f2f2f2;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.show-list .body p{
	margin:0.2rem 0rem;
}
.show-list .body p:first-child{
	color:#888;
	font-weight:bold;
}
.show-list .body p:last-child{
	color:#999999;
}
.show-list .body p label{
	color:#d75e32;
	font-size:.34rem;
}
.show-list .body .orange{
	color:#666;
}
.show-list .foot{
	width: 100%;
	height: 1.25rem;
}
.show-list .foot .noice{
	width: 100%;
	margin:0.2rem 0rem 0.1rem;
	height:0.3rem;
	color:#999999;
}
.show-list .foot .buy{
	width:100%;
	height:0.75rem;
	line-height:0.75rem;
}
.show-list .foot .buy div{
	height:0.75rem;
	float:left;
}
.show-list .foot .buy div:first-child{
	width:70%;
}
.show-list .foot .buy div:last-child{
	width:30%;
}
.show-list .foot .buy div button{
	border:0.02rem solid #3875f6;
	padding:0.05rem 0.25rem;
	color:#3875f6;
	background:#fff;
	font-size:0.25rem;
	font-weight:bold;
	border-radius:0.1rem;
}
.show-list .foot .buy div button.disabled{
	color:#ccc;
	border:0.02rem solid #ccc;
}
.show-list .foot .buy .process div{
	float:left;
}
.show-list .foot .buy .process .loading{
	width:70%;
	
}

.show-list .foot .buy .process .loading .load{
	width:100%;
	height:0.2rem;
	background:#ccc;
	border-radius:0.2rem;
	margin-top:0.3rem;
}
.show-list .foot .buy .process .loading .load .show-load{
	width:60%;
	height:100%;
	border-radius:0.2rem;
	background-image:linear-gradient(to right,#10aeff,#3875f6);
	background-image:linear-gradient(90deg,#10aeff,#3875f6);
}
.show-list .foot .buy .process .tit{
	width:30%;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	padding-left:0.2rem;
}

.null {
	width: 100%;
	height: 1.08rem;
	float: left
}

.fix-menu {
	width: 100%;
	height: 1.08rem;
	position: fixed;
	left: 0;
	bottom: 0;
	border-top: 1px solid #efefef;
	background-color: #fff;
	display: flex;
	justify-content: space-between
}

.fix-menu .item {
	width: 20%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column
}

.fix-menu .item .ico {
	width: 100%;
	height: .56rem
}

.fix-menu .item .text {
	width: 100%;
	line-height: .32rem;
	font-size: .22rem;
	color: #616266;
	text-align: center
}

.fix-menu .item.item1 .ico {
	background: url(../images/5d1736_44x44.png) center no-repeat;
	background-size: .44rem .44rem
}

.fix-menu .item.item1.acti .ico {
	background: url(../images/631e98_44x44.png) center no-repeat;
	background-size: .44rem .44rem
}

.fix-menu .item.item2 .ico {
	background: url(../images/6e4ac4_44x44.png) center no-repeat;
	background-size: .44rem .44rem
}

.fix-menu .item.item2.acti .ico {
	background: url(../images/c7b506_44x44.png) center no-repeat;
	background-size: .44rem .44rem
}

.fix-menu .item.item3 .ico {
	background: url(../images/924d82_44x44.png) center no-repeat;
	background-size: .44rem .44rem
}

.fix-menu .item.item3.acti .ico {
	background: url(../images/e46240_44x44.png) center no-repeat;
	background-size: .44rem .44rem
}

.fix-menu .item.item4 .ico {
	background: url(../images/4bce4a_44x44.png) center no-repeat;
	background-size: .44rem .44rem
}

.fix-menu .item.item4.acti .ico {
	background: url(../images/6301a0_44x44.png) center no-repeat;
	background-size: .44rem .44rem
}

.fix-menu .item.item5 .ico {
	background: url(../images/c58e8e_44x44.png) center no-repeat;
	background-size: .44rem .44rem
}

.fix-menu .item.item5.acti .ico {
	background: url(../images/7ee788_44x44.png) center no-repeat;
	background-size: .44rem .44rem
}

.fix-menu .item.acti .text {
	color: #3875f6
}


.layui-m-layer-layui-ad{
	background-color:transparent !important;
	box-shadow: none !important;
}

.layui-m-layer-layui-ad .layui-m-layercont{
	text-align:center !important;
}

.layui-m-layer-layui-ad .layui-m-layercont .close{
	width:0.4rem;
	height:0.4rem;
}
.layui-m-layer-layui-ad img{
	max-width:90%;
	max-height:6rem;
}

.wrap{
	position: relative;
}
.card-frond{
	display: inline-flex;
	position: relative;
	left: -255.5%;
}
.card-back{
	display: inline-flex;
    position: absolute;
    top: 0;
    margin-top: 14.13333333vw;
    left: -228.3%;
}
.card-back .card{
	width: 38.93333333vw;
    height: 62.4vw;
 /*//  background-color: rgba(145, 155, 172, .9);*/
    display: inline-block;
    margin: 0 8.4vw;
    border-radius: 8px;
}
.card-frond .card{
	width: 79vw;
    height: 96vw;
    background-color: rgba(255,255,255, .9);
    display: inline-block;
    border-radius: 10px;
    margin: 0 4vw;
    margin-left: 3vw;
}