@charset "utf-8";

/*============ Invitation ============*/
.Invitation{
	width: 100%;
	overflow: hidden;
}
/*=== Invit-banner ===*/
.Invit-banner{
	margin-bottom: 1.2rem;
	width: 100%;
	overflow: hidden;
}
/*=== Invit-item ===*/
.Invit-item{
	padding: 0 1rem;
}
.Invit-wrap{
	width: 100%;
	background: #fff;
	overflow: hidden;
}
.Invit-title{
	width: 100%;
}
.Invit-title h2{
	padding-top: 1.2rem;
	margin: 0 auto;
	width: 8.766666rem;
	height: 2.9rem;
	font-size: 1rem;
	color: #fff;
	text-align: center;
	background: url(../images/tbg.png) no-repeat;
	background-size: 8.766666rem 2.9rem;
}
.Invit-con{
	width: 100%;
}
.Invit-info{
	padding: 0.8rem;
}
.Invit-info p{
	line-height: 1.5;
	font-size: 0.8rem;
	color: #c5c5c5;
}
.Invit-info p span{
	color: #e8910f;
}

/*=== Invit-introduce ===*/
.Invit-introduce{
	width: 100%;
}
.Invit-step{
	padding: 0.6rem 0.3rem;
}

/*=== fixed-btns ===*/
.fixed-btns{
	width: 100%;
	height: 3.333333rem;
}
.fixed-wrap{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3.333333rem;
	text-align: center;
}
.fixed-wrap a{
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 50%;
    height: 3.333333rem;
    line-height: 3.333333rem;
    text-align: center;
    font-size: 1rem;
    color: #fff;         
}
.fixed-wrap a:nth-of-type(1){
	background: #fccb3d;
}
.fixed-wrap a:nth-of-type(2){
	background: #f19013;
}

/*============ reward ============*/
.reward{
	width: 100%;
}
.reward-item{
	width: 100%;
	background: #fff;
	overflow: hidden;
}
.reward-wrap{
	padding: 0 1rem;
}
.reward-menu{
	width: 100%;
}
.reward-menu ul{
	padding: 0.5rem 0;
}
.reward-menu ul li{
	padding-top: 0.6rem;
	float: left;
	width: 50%;
	text-align: center;
}
.reward-menu ul li:nth-of-type(1){
	border-right: 1px solid #ddd;
}
.reward-menu ul li h3{
	margin-bottom: 1.2rem;
	font-size: 1rem;
	color: #333;
}
.reward-menu ul li p{
	font-size: 1.133333rem;
	color: #036;
}
/*=== tabBox ===*/
.tabBox{ 
	width: 100%;  
}
.tabBox .hd{ 
	padding:0 1rem;
	background:#fff; 
	overflow:hidden; 	  
}
.tabBox .hd ul{ 
	width: 100%;
	height: 2.4rem;
}
.tabBox .hd ul li{ 
	float:left;  
	width: 50%; 
	height: 2.4rem;
	text-align: center;  
}
.tabBox .hd ul li a{
	display:inline-block; 
	height: 2.4rem;
	line-height: 2.4rem; 
	font-size: 1rem;
	color: #c5c5c5;
}
.tabBox .hd ul li.on a{ 
	color:#003366;  
	border-bottom:2px solid #003366;  
}
.tabBox .bd .tabBox-item{
	padding:1rem;
	background: #fff;
}
/*=== reward-integral ===*/
.reward-integral{
	width: 100%;
}
.integral-table{
	width: 100%;
}
.integral-table thead th{
	font-weight: normal;
	color: #333;
	border-bottom: 1px solid #ddd;
}
.integral-table thead th,.integral-table tbody td{
	padding: 0.6rem 0;
	font-size: 0.8rem;
	text-align: center;
}
.integral-table tbody td{
	color: #999;
}
.integral-table tbody tr.trblue td{
	color: #036;
}
.integral-table tbody tr.trgray td{
	color: #666;
}
/*=== reward-invited ===*/
.reward-invited{
	width: 100%;
}
.reward-invited ul li{
	padding-bottom: 0.6rem;
	margin-bottom: 0.6rem;
	border-bottom:1px solid #ddd;
}
.invited ul li{
	padding-bottom: 0.6rem;
	margin-bottom: 0.6rem;
	border-bottom:1px solid #ddd;
}
.invited-list{
	padding: 0 0.9rem;
	width: 100%;
}
.invited-pho{
	margin-right: 0.6rem;
	width: 2.233333rem;
	height: 2.233333rem;
	background: #fccb3d;
	border-radius: 50%;
	overflow: hidden;
}
.invited-list h3{
	margin-bottom: 0.4rem;
	font-size: 0.9rem;
	color: #333;
}
.invited-list p{
	font-size: 0.7rem;
	color: #999;
}

/*============ integral ============*/
.integral{
	width: 100%;
}
.integral-total{
	width: 100%;
}
.integral-total-wrap{
	padding:0.6rem 1rem;
	background: #fff;
}
.integral-total-info{
	padding-top: 1.5rem;
	width: 100%;
	height: 9.666666rem;
	text-align: center;
	background: #4e8df1;
	border-radius: 0.333333rem;
	overflow: hidden;
}
.integral-total-info h2{
	margin-bottom: 1rem;
	font-size: 1rem;
	color: #fff;
}
.integral-total-info p{
	font-size: 3.2rem;
	color: #fff;
}

/*=== integral-detail ===*/
.integral-detail{
	width: 100%;
}
.integral-detail-title{
	padding: 0 1rem;
	width: 100%;
	height: 3.633333rem;
	text-align: center;
	background: #dce9fc;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
.integral-detail-title h2{
	line-height: 3.633333rem;
	font-size: 1.1rem;
	color: #036;
}
.integral-detail-lsit{
	width: 100%;
}
.integral-detail-lsit ul{
	padding: 0.5rem 1rem;
}
.integral-detail-lsit ul li{
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.integral-detail-item {
	width: 100%;
}
.integral-detail-item h3{
	margin-bottom: 0.5rem;
	font-size: 0.866666rem;
	color: #333;
}
.integral-detail-item p{
	font-size: 0.8rem;
	color: #bcbcbc;
}
.integral-detail-item span{
	margin-top: 0.6rem;
	display: block;
	float: right;
	font-size: 0.933333rem;
}
.integral-detail-item span.addSpan{
	color: #4e8df1;
}
.integral-detail-item span.minusSpan{
	color: #999;
}
.integral-btn{
	padding: 0 1rem;
	width: 100%;
}
.integral-btn a{
	display: block;
	width: 100%;
	height: 3.666666rem;
	line-height: 3.666666rem;
	font-size: 1.133333rem;
	text-align: center;
	color: #fff;
	background: #036;
	border-radius: 0.333333rem;
	overflow: hidden;
}
.integral-btn a:focus{
	background: #09549e;
}
.integralBtn a{
	display: block;
	width: 100%;
	height: 3.666666rem;
	line-height: 3.666666rem;
	font-size: 1.133333rem;
	text-align: center;
	color: #333;
	background: #ddd;
	border-radius: 0.333333rem;
	overflow: hidden;
}
.integralBtn a.active{
	color: #fff;
	background: #036;
}

/*============ integral-rules ============*/
.integral-rules{
	width: 100%;
}
.integral-rules-banner{
	width: 100%;
}
.integral-rules-item{
	width: 100%;
}
.cbg1{
	background: url(../images/ingbg.jpg) no-repeat top center;
	background-size: cover;
}
.integral-rules-wrap{
	padding: 0 1rem;
}
.integral-rules-inner{
	background: #fff;
	border-radius: 0.2rem 0.2rem 0 0;
	box-shadow: 1px 1px 10px rgba(151,152,152,.75);
	overflow: hidden;
}
.integral-rules-title{
	padding-top: 0.266666rem;
	height: 3.066666rem;
	background: #0a9de6;
	border-radius: 0.2rem;
	overflow: hidden;
}
.integral-rules-title h2{
	line-height: 2.8rem;
	text-align: center;
	font-size: 1rem;
	color: #fff;
	background: #075ce0;
	border-radius: 0.2rem;
}
.integral-rules-info{
	padding: 1rem;
}
.integral-rules-info p{
	line-height: 1.5;
	font-size: 0.8rem;
	color: #666;
}
.integral-rules-tips{
	padding: 0 1rem;
	width: 100%;
	text-align: center;
}
.integral-rules-tips p{
	font-size: 0.8rem;
	color: #999;
}

/*============ sign ============*/
.sign{
	padding: 0.5rem 0;
	width: 100%;
}
.sign-info{
	padding-top:1.2rem;
	padding-right: 1.866666rem;
	padding-left: 6.866666rem;
	width: 23rem;
	height: 5.433333rem;
	background: url(../images/signBtn.png) no-repeat;
	background-size: 23rem 5.433333rem;
	overflow: hidden;
}
.sign-info h3{
	margin-bottom: 0.5rem;
	font-size: 1rem;
	color: #fff;
}
.sign-info h3 span{
	color: #fec337;
}
.sign-info p{
	text-align: center;
}
.sign-info p span{
	display: inline-block;
	font-size: 0.7rem;
	color: #72d1f7;
	border-top:1px dashed #72d1f7;
	border-bottom:1px dashed #72d1f7;
}
.sign-info-btn{
	width: 3rem;
	height: 3rem;
	overflow: hidden;
}
.sign-info-btn a.signBtn{
	display: block;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	font-size: 0.933333rem;
	text-align: center;
	color: #fff;
	background: #fec337;
	border:none;
	border-bottom: 0.133333rem solid #d19c1d;
	border-radius: 50%;
	box-shadow: 0 1px 5px rgba(0,0,0,.5);
}
.sign-info-btn a.active{
	color: #999;
	background: #f6f6f6;
	border-bottom: 0.133333rem solid #b2afaf;
}
.sign-list{
	padding: 0.5rem 0;
	width: 100%;
	overflow: hidden;
}
.sign-list ul{
	position: relative;
	padding: 0 1.166666rem;
}
.sign-list ul:after{
	content: '';
	position: absolute;
	top: 1.6rem;
	right: 2.2rem;
	z-index: 0;
	height: 3.2rem;
	border-right: 1px dashed #ddd;
}
.sign-list ul li{
	margin-bottom: 2rem;
	float: left;
	height: 2.8rem;
}
.sign-list ul li:nth-of-type(10),
.sign-list ul li:nth-of-type(11),
.sign-list ul li:nth-of-type(12),
.sign-list ul li:nth-of-type(13),
.sign-list ul li:nth-of-type(14),
.sign-list ul li:nth-of-type(15),
.sign-list ul li:nth-of-type(16),
.sign-list ul li:nth-of-type(17),
.sign-list ul li:nth-of-type(18){
	margin-bottom: 0;
}
.sign-list-btn{
	height: 2.8rem;
	text-align: center;
}
.sign-list-btn a{
	position: relative;
	z-index: 100;
	display: block;
	height: 2.8rem;
}
.sign-lista span{
	margin: 0 auto;
	display: block;
	width: 1.666666rem;
	height: 1.666666rem;
	line-height: 1.666666rem;
	font-size: 0.7rem;
	color: #fff;
	text-align: center;
	background: url(../images/sign-list.png) no-repeat;
	background-size: 1.666666rem 1.666666rem;
	border-radius: 50%;
}
.sign-lista span em{
	display: none;
}
.sign-list ul li.active .sign-lista span{
	background: #036;
}
.sign-list ul li.active .sign-lista span em{
	display: block;
}
.sign-list-btn a p{
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 0.5rem;
	color: #999;
	text-align: center;
}
.ico-hg{
	position: absolute;
	right: -0.4rem;
	top: -0.3rem;
	display: block;
	width: 0.833333rem;
	height: 0.866666rem;
	background: url(../images/sign-ico.png) no-repeat;
	background-size: 0.833333rem 0.866666rem;
}
.sign-list-line{
	width: 3.033333rem;
	height: 1.666666rem;
	background: url(../images/sign-line.png) no-repeat;
	background-size: 3.033333rem 1.666666rem;
}

/*============ strategy ============*/
.strategy{
	padding-top: 0.666666rem;
	width: 100%;
}
.strategy-title{
	width: 100%;
	text-align: center;
}
.strategy-title h3{
	position: relative;
	padding: 0 2.333333rem;
	display: inline-block;
	font-size: 0.933333rem;
	color: #3562d0;
}
.strategy-title h3 span{
	position: absolute;
	top: 0.4rem;
	display: block;
	width: 1.866666rem;
	height: 1px;
	background: #3562d0;
	overflow: hidden;	
}
.strategy-title h3 span.slineL{
	left: 0;
}
.strategy-title h3 span.slineR{
	right: 0;
}
.strategy-info{
	padding: 0.6rem 0;
}
.strategy-info p{
	line-height: 1.5;
	font-size: 0.866666rem;
	color: #666666;
}
.strategy-info p span{
	margin-right: 0.3rem;
	display: inline-block;
	color: #3562d0;
}

/*============ exchange ============*/
.exchange{
	width: 100%;
}
.exchange-form{
	width: 100%;
	height: 3rem;
}
.exchange-input{
	width: 100%;
	height: 3rem;
	line-height: 3rem;
}
.exchange-input label{
	font-weight: normal;
	font-size: 1rem;
}
.exchange-input input{
	padding-left: 0.6rem;
	display: inline-block;
	border: none;
	background: none;
	text-align: center;
	vertical-align: top;
}
.strategyInput{
	width: 9.466666rem;
}
.warn{
	padding: 0 1rem;
	width: 100%;
	font-size: 0.6rem;
	color: #d81717;
}
.warn i{
	margin-right: 0.3rem;
	display: inline-block;
	width: 0.733333rem;
	height: 0.733333rem;
	background: url(../images/warn.png) no-repeat;
	background-size: 0.733333rem 0.733333rem;
}

@media only screen and (max-width:414px ) {
	.sign-list ul:after{
		right: 3.5rem;
	}
	.sign-list-btn{
		width: 3rem;
		height: 3rem;
	}
	.sign-list-btn a{
		height: 3rem;
	}
	.sign-list-line{
		width: 1.2rem;
		height: 1.666666rem;
		background: url(../images/sign-line.png) no-repeat;
		background-size: 3.033333rem 1.666666rem;
	}
	.ico-hg{
		position: absolute;
		right: 0.3rem;
		top: -0.3rem;
		display: block;
		width: 0.833333rem;
		height: 0.866666rem;
		background: url(../images/sign-ico.png) no-repeat;
		background-size: 0.833333rem 0.866666rem;
	}
}