body {
	font-family: Roboto, Arial, sans-serif;
	background: #000;
	font-size: 0.24rem;
	color: #fff;
	padding: 0;
	margin: 0;

}

p{
	margin: 0;
	padding: 0;
	}
	
a{
	color: #ffbb00;
	text-decoration: none;
}


.on_left{
	float: left !important;
}
.on_right{
	float: right !important;
}

.on_center{
	margin: 0.2rem auto !important;
}

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



.t_left{
	text-align: left !important;
}

	
.t_yellow{
    color: #ffddac !important}
	
	



/*外层容器*/
.wrap{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0;
	margin: 0;
}








/*头图*/
	
.top_pic{
	height: 3.55rem;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(../images/top_pic.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
}
.top_pic p{
	margin: 2% 5%;
	font-size: 0.3rem;
	color: #000;
	text-shadow: 0 0 0.01rem #fff799, 0 0 0.015rem #fff799, 0 0 0.02rem #fff799, 0 0 0.025rem #fff799, 0 0 0.03em #fff799, 0 0 0.035rem #fff799, 0 0 0.04rem #fff799;
	display: inline-block;
	font-weight: bold;	
}

.top_pic strong{font-family: Oswald_Bold; color: #ff0000;}
/*头图end*/
	
.jump{	width: 100%;
	margin: 0;
	padding: 0;text-align: center;}

.jump a{
	text-decoration: underline;
	font-size: 0.18rem;
	line-height: 0.6rem;
}

/*头像*/

.avatar{
	margin: 0px;
	padding: 2% 5%;
	height: auto;
	width: 90%;
	overflow: hidden;
}
.avatar li{
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline-block;
	text-align: center;
	width: 20%;
}

.avatar i{
	font-size: 0.6rem;
	color: #5b5b5b;
	margin-top: 0.3rem;
	display: block;
}

.avatar img{height: 1.2rem;
	width: 1.2rem;}

/*头像end*/





/*按钮*/
.btn {
	font-family: Oswald_Bold;
	width: 80%;
	height: auto;
	background: linear-gradient(145deg, #77d42a 5%, #5cb811 70%);
	font-size: 0.4rem;
	border: 0;
	border-radius: 0.14rem;
	color: #fff;
	text-shadow: 0 0.01rem 0.02rem rgba(0,0,0,.5);
	box-shadow: inset 0 -0.02rem 0.1rem rgba(0,0,0,.3),
  0 0.02rem 0.05rem rgba(0,0,0,.3);
	font-weight: bold;
	text-align: center;
	margin: 0.3rem auto;
	padding: 0.1rem 0;
	display: block;
	overflow: hidden;
}



/*按钮END*/	


/*分享按钮*/
.share_box{
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
}
.share_box h1{
	margin: 0.2rem 0 0 0;
	font-size: 0.3rem;
	text-align: center;
}
.share_box li{
	text-align: center;
	margin: 5% 0;
	padding: 0;
	float: left;
	width: 25%;
	display: inline-block;
}

.share_sq_btn{
	color: #fff;
	width: 1.2rem;
	height: 1.05rem;
	margin: 0 auto;
	padding: 0.15rem 0 0 0;
	border-radius: 0.12rem;
	text-shadow: 0 -0.02rem 0 rgba(0,0,0, 0.4);
}


.sq_blue1{
	border: 0.02rem solid #0078b8;
	box-shadow: inset 0px 0.02rem 0px 0px #80d9ff, inset 0px -0.02rem 0px 0px #0078b8;
	background: linear-gradient(to bottom, #38b0e3 5%, #1d93d2 100%);
	background-color: #1d93d2;}

.sq_blue2{
	border: 0.02rem solid #2f4572;
	box-shadow: inset 0px 0.02rem 0px 0px #93abdd, inset 0px -0.02rem 0px 0px #2f4572;
	background: linear-gradient(to bottom, #4b70bf 5%, #3b5998 100%);
	background-color: #3b5998;}
	
.sq_green{
	border: 0.02rem solid #24a354;
	box-shadow: inset 0px 0.02rem 0px 0px #95ffbd, inset 0px -0.02rem 0px 0px #24a354;
	background: linear-gradient(to bottom, #3ed175 5%, #37bc69 100%);
	background-color: #37bc69;}
	
.sq_blue3{
	border: 0.02rem solid #0033eb;
	box-shadow: inset 0px 0.02rem 0px 0px #dba8ff, inset 0px -0.02rem 0px 0px #0033eb;
	background: linear-gradient(to bottom, #a92ffe 5%, #3661fe 100%);
	background-color: #3661fe;}


.share_sq_btn i{font-size: 0.6rem;}
.share_sq_btn p{font-size: 0.22rem;}

/*分享按钮END*/





/*手机号*/

.phone_box{
	margin: 0px;
	padding: 3%;
	width: 94%;
	height: 100%;
	border-radius: 50% 50% 0 0/5% 5% 0 0;
	background-color: #282828;
    background: linear-gradient(to bottom, #282828 50%, #000);
	overflow: hidden;
}

.phone_box h2{
	margin: 0.3rem auto;
	font-size: 0.24rem;
	text-align: center;
	font-weight: normal;
}




/*复制分享链接*/
.copy{
	margin: 0.3rem 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

.copy li:nth-child(1){
	float: left;
	width: 70%;
	display: block;
}
.copy li:nth-child(2){
	float: right;
	width: 30%;
	display: block;
}
.copy input{
	font-size: 0.24rem;
	line-height: 0.7rem;
	color: #FFF !important;
	margin: 0px;
	padding: 0 5%;
	height: auto;
	width: 90%;
	border-radius: 0.14rem;
	background-color: #5b5b5b;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.copy_btn {color: #000;
    background-color: #ffbb00;
    background-image: linear-gradient(160deg, #ffbb00 5%, #fe9500 70%);
	line-height: 0.7rem;
    text-align: center;
    border-radius: 0.14rem;
    margin: 0;
	padding: 0 0.3rem;
	float: right;
	}

/*复制分享链接END*/


/*分享tab*/

.phone_tab{
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}


.phone_tab li{
	width: 42%;
	height: auto;
	font-size: 0.24rem;
	border: 0;
	border-radius: 0.14rem;
	color: #cfcfcf;
	background-repeat: no-repeat;
	background-position: right 0.05rem center;
	background-size: 0.6rem 0.6rem;
	border: 0.03rem solid #5b5b5b;
	font-weight: bold;
	text-align: left;
	margin: 0.3rem auto;
	padding: 3%;
	overflow: hidden;
	display: inline-block;
}

.phone_tab li p{width: 82%;}

.phone_tab_whatsap{
	background-image: url(../images/invite-whatsapp.png);
	float: left;
}


.phone_tab_sms{
	background-image: url(../images/invite-sms.png);
	float: right;
}

.whatsap_active{border: 0.03rem solid #44d100 !important; color: #44d100!important;}
.sms_active{border: 0.03rem solid #19cddc !important; color: #19cddc!important;}

/*分享tab END*/


/*手机列表*/

.phone_title,.phone_list{
	width: 100%;
	height: auto%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
}

.phone_title{
	margin: 0.2rem 0;
	overflow: hidden;
}


.phone_title h2{
	font-size: 0.3rem;
	color: #fff;
	margin: 0;
	float: left;
	line-height: 0.6rem;
	display: inline;
}

.phone_title h3{
	font-size: 0.24rem;
	color: #fff;
	margin: 0 0 0 0.1rem;
	float: left;
	line-height: 0.6rem;
	font-weight: normal;
	display: inline;
}



		
.phone_list li{
	width: 25%;
	height: auto;
	border-radius: 0.14rem;
	margin: 0.2rem 1%;
	padding: 2%;
	color: #cfcfcf;
	border: 0.03rem solid #5b5b5b;
	display: inline-block;

}


.phone_list_btn{
	color: #000;
	background-color: #ffbb00;
	background-image: linear-gradient(160deg, #ffbb00 5%, #fe9500 70%);
	line-height: 0.7rem;
	text-align: center;
	border-radius: 0.14rem;
	margin: 0.2rem auto 0.2rem auto;
	padding: 0 0.4rem;
	display: inline-block;
}

/*手机列表end*/


/*手机号end*/





/*二级页tab*/
.tab_data{
	margin: 0.2rem 2%;
	padding: 0;
	width: 96%;
	background-color: #282828;
	border-radius:0.14rem;
	overflow: hidden;
}

.tab_data li{
	line-height: 0.64rem;
	text-align: center;
	color: #8d8c8c;
	background-color: #282828;
	display: inline-block;
	margin: 1.5%;
	padding: 0;
	float: left;
	width: 47%;
}

.tab_data_active{
	border-radius:0.14rem;
	color: #000!important;
	background-color: #ffbb00;
	background-image: linear-gradient(160deg, #ffbb00 5%, #fe9500 70%)!important;
}

/*二级页tab END*/





/*活动说明*/
.describe{
	padding: 0;
	width: 90%;
	height: auto;
	margin: 5%;
	overflow: hidden;

}
	

.describe li{
	list-style-position: inside;
	list-style-type: square;
	margin: 4% 0;
}	


/*活动说明END*/