.web{
	min-width: 1190px;
	max-width: 1920px;
	margin: 0 auto;
}


.help_title{
	color: #EFD359;
	font-size: 26px;
}



/*头部*/
.top{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	z-index: 999;
	position: fixed;
}
.Creative .topbox .nav span a{
	color: #555555;
}
.Creative .topbox .nav .btn a{
	color: white;
}
.nav span a{
	color: white;
}
.active{
	border-bottom: 2px solid white;
}
.Creative .topbox .nav .btn a:hover{
	color: #909a9a;
}
.Creative{
	/*max-width: 1920px;*/
    margin: 0 auto;
	position: fixed;
	top: 0;
	/*left: 0;*/
	background: white;
	opacity: 0.95;
	z-index: 999;
	/*min-width: 1100px;*/
}
.topbox{
	width: 80%;
	margin: 0 auto;
	/*max-width: 1190px;*/
}
.logo{
	float: left;
	padding-top: 12px;
	padding-bottom: 12px;
}
.nav{
	float: right;
	font-size: 0;
	padding-top: 18px;
	padding-bottom: 18px;
}
.nav span{
	padding-bottom: 8px;
	margin-left: 30px;
}
.nav span:nth-child(1){
	margin-left: 0px;
}
.nav .enrol{
	margin-left: 20px;
}
.nav .btn{
	width: 110px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	background: #909a9a;
	display: inline-block;
	padding-bottom: 0;
	border: 1px solid #909a9a;
	border-radius: 4px;
}
.nav .btn a{
	color: white;
	display: inline-block;
	width: 100%;
	height: 100%;
}
.nav .btn:hover{
	background: white;
	border: 1px solid #909a9a;
}
.nav .btn a:hover{
	color: #909a9a;
}
.nav span:hover{
	color: #37c2c2;
	border-bottom: 2px solid #37c2c2;
}
.nav span a{
	font-size: 15px;
}
.nav .active{
	border-bottom: 2px solid #37c2c2;
}
.nav .active a{
	color: #37c2c2;
}



/*bottom*/
.bottom{
	color: white;
	font-size: 15px;
	text-align: center;
	background: #21201e;
	max-width: 1920px;
	margin: 0 auto;
}
.bottom div:nth-child(1){
	padding-top: 42px;
}
.bottom div:nth-child(2){
	padding-top: 11px;
	padding-bottom: 11px;
}
.bottom div:nth-child(3){
	padding-bottom: 41px;
}


/*返回顶部*/
.return{
	position: fixed;
	background: #37c2c2;
	bottom: 50px;
	right: 30px;
	width: 66px;
	height: 66px;
	border-radius: 50%;
	text-align: center;
	line-height: 66px;
	box-shadow: 0px 0px 10px 2px #ccc;
	-webkit-box-shadow:0px 0px 10px 2px #ccc;
	cursor: pointer;
}
.return img{
	margin-top: 26px;
}


/*隐藏的头部*/
.yincang{
	display:none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
	background: rgba(0,0,0,.5);
	padding: 20px
}
.yincang >div{
	display: inline-block;
	vertical-align: top;
}
.caidan{
	display: none;
}
.caidan p{
	text-align: center;
	padding-top:10px;
	padding-bottom: 10px;
}
.caidan a{
	color: white;
}
.jia{
	width: 36px;
}
.jia img{
	width: 100%;
}



.tops{
    position: fixed;
    background: #3EC0C0;
    width: 100%;
    z-index: 99;
}
.topboxs{
	width: 92%;
	margin: 0 auto;
	position: relative;
}
.top_logo{
	float: left;
	padding: 9px 0;
	width: 99px;
}
.top_logo img{
	width: 100%;
}
.top_right{
	float: right;
	padding: 11px 0;
	font-size: 0;
}
.top_right a{
	color: white;
}
.top_right >span{
	display: inline-block;
	vertical-align: middle;
}
.top_right >span:nth-child(1){
	width:85px;
	height:25px;
	border-radius:3px;
	color: white;
	border: 1px solid white;
	text-align: center;
	line-height: 25px;
	font-size: 14px;
	margin-right: 13px;
}
.top_right >span:nth-child(2){
	width:17px;
}
.top_right >span:nth-child(2) img{
	width: 100%;
}
.top_right_nav .nav_ac a{
	color: #3EC0C0;
}
.top_right_nav li{
	font-size: 10px;
	height:22px;
	line-height:22px;
	text-align: center;
	opacity:0.6;
}
.top_right_nav li a{
	color: white;
}
.top_right_nav{
	background: rgba(36,36,36,.8);;
	position: absolute;
	top: 37px;
	right: 0;
	width:84px;
	padding: 5px 0;
	display: none;
}




.web_bottom{
	width: 90%;
	margin: 0 auto;
}
.web_bottom_title{
	font-size: 14px;
	color: #333333;
}
.web_bottom_neirong:nth-child(2){
	padding-top: 13px;
}
.web_bottom_neirong span{
	color: #666666;
	font-size: 10px;
	display: inline-block;
	vertical-align: top;
}
.web_bottom_neirong span:nth-child(2){
	width: 65%;
}
.web_bottom_neirong img{
	width: 9px;
}
.web_bottom_yue{
	color: #999999;
	font-size: 8px;
	padding-top: 29px;
	padding-bottom: 21px;
	text-align: center;
}



/*在线客服*/
.Customer_service{
	position: fixed;
	right: 2px;
	top: 300px;
	width: 223px;
	z-index: 99;
	background: white;
	box-shadow:0px 1px 10px 0px rgba(6,0,1,0.22);
	transition: all 3s;
}
.Customer_service_title{
	padding: 12px 10px;
	border-bottom: 1px solid #DDDDDD;
}
.Customer_service_title >span{
	font-size: 14px;
	color: #333333;
}
.Customer_service_title >span >img{
	width:14px;
	height:14px;
	transform: translateY(2px);
	cursor: pointer;
}
.Customer_service_tip{
	text-align: center;
	padding-top: 14px;
}
.QQ_Customer_service{
	padding-bottom: 20px;
    padding-left: 22px;
    padding-top: 7px;
    font-size: 0;
}
.QQ_Customer_service >span{
	vertical-align: bottom;
	font-size: 12px;
	display: inline-block;
}
.QQ_Customer_service >span >img{
	transform: translateY(1px);
}
.QQ_Customer_service >span:nth-child(2){
	margin-left: 7px;
	margin-right: 14px;
}
.QQ_Customer_service >a{
	font-size: 12px;
	vertical-align: bottom;
	width:58px;
	height:21px;
	line-height:21px;
	text-align: center;
	border-radius:4px;
	color: white;
	background: #37C2C2;
	display: inline-block;
}
.Customer_service_hide{
    width: 40px;
    height: 159px;
    text-align: center;
    position: fixed;
	right: -40px;
	top: 300px;
	z-index: 99;
	transition: all .5s;
	background: #f3f3f3;
	color: #41bae6;
	line-height: 40px;
	cursor: pointer;
}




.Customer_service_web{
	position: fixed;
	right: 0;
	bottom: 50px;
	width: 132px;
	transition: all .5s;
}
.Customer_service_web_kf{
    border: 1px solid #37C2C2;
	color: white;
	font-size: 20px;
	width: 35px;
	text-align: center;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#3DD9C2), to(#38C0AC));
	background: -webkit-linear-gradient(#3DD9C2, #38C0AC);
	background: -moz-linear-gradient(#3DD9C2, #38C0AC);
	background: -o-linear-gradient(#3DD9C2, #38C0AC);
	background: linear-gradient(#3DD9C2, #38C0AC);
	height: 100%;
	padding: 18px 0;
	border-radius:4px;
}
.Customer_service_web_pic{
	border:1px solid #37C2C2;
	border-radius:4px 0px 0px 4px;
	width: 93px;
	text-align: center;
	padding: 19px 0;
	background: white;
}
.Customer_service_web_pic img{
	width:47px;
}




@media (max-width: 1000px){
	.tops{
		display: block;
		transition: all 1s;
	}
	.top{
		display: none;
	}
	.return{
	    opacity: 0;
	}
	.bottom{
		display: none;
	}
	.Customer_service{
		display: none;
	}
	
}
@media (min-width: 1200px){
	.tops{
		display: none;
	}
	.web_bottom{
		display: none;
	}
	.Customer_service_web{
		display: none;
	}
}