.event_all .main,.page .main{
 width: 1000px;
 margin: 0 auto;
 position: relative;
}
.event_pic2{
	position: absolute;
	right: 20px;
	top: -85px;
	z-index: 2;
	pointer-events:none;

}
.event_pic3{
	position: absolute;
	left: -45px;
	top: -60px;
	z-index: 2;
	pointer-events:none;

}
.event_pic4{
	position: absolute;
	right:0;
	bottom: -80px;
	z-index: 2;
	pointer-events:none;

}
.event{
	width: 100%;
	background: #4bbfbf;
	height: 570px;
	position: relative;
}
.event >div{
	width: 100%;
	overflow: hidden;
	height: 570px;
}
.event::after{
	content:'' ;
	width: 100%;
	position: absolute;
	bottom:-2px;
	height: 153px;
	background: url(../images/event_w.png) center;pointer-events:none;

}
.event .web_char{
	position: absolute;
	top: 100px;
	left:-35px;
}
.event .mobile_char{
	display: none;
}
.txtbox{
	width: 662px;
	height: 400px;
	position: absolute;
	background: url(../images/event_tbg.svg);
	top: 98px;
	left: 322px;
}
.txtbox div{
	position: relative;
}
.txtbox div img{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 625px;
}
.txtbox div h4{
	position: absolute;
	top: 215px;
	left: 86px;
	color: #fff189;
	font-size: 20px;
	font-weight: 400;
}
.txtbox div h4 span{
	border-left:  1px solid #fff189;
	padding-left:15px;
	margin-left: 15px;
}
.txtbox div p{
	position: absolute;
	top: 260px;
	left: 86px;
	font-size: 16px;
	line-height: 28px;;
	width: 482px;
	color: #ffffff;
	font-weight: 400;
}
.txtbox div p a{
	background:#fff189; 
	padding:1px 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #6e5954;	
	font-weight:600;
	text-decoration: none;
}
.txtbox div p a:hover{
	background: #ffffff;
}


.step2 .tt,.step1 .tt{
	text-align: center;
	margin: 20px;
}
.step2{
	width: 100%;
	background: url(../images/bg_yellow.gif) repeat;
}
.step2::before,.step2::after{
	content: "";
	display: block;
	width: 100%;
	height: 10px;
}
.step2::before{
	background:url(../images/bg_yellow_top.gif) repeat-x ;
	margin-bottom: 40px;
}
.step2::after{
	background:url(../images/bg_yellow_bot.gif) repeat-x ;
}

.step1{
	padding-bottom: 30px;
	margin-top: -30px;
}
.step1 .boxov{
	overflow: hidden;
}
.step1 p{
	display: block;
	background: #ededed;
	line-height: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	text-align: center;
	font-size: 24px;
	color: #4764b6;
	font-weight: 700;
	margin-bottom: 20px;
}
.step1 input[type="checkbox"] {display:none;}
.step1 label { 
	display:block;
	width:auto; float:none; 
	margin:5px 0;
	color: #6e5954;
	font-weight: 500;
	font-size: 18px;
	line-height: 42px;
	padding-left: 15px;
	border-bottom: #aea2a2 1px dotted;
}
.step1 label:last-child{
	border-bottom:  0px;
}
.step1 input[type="checkbox"] + label span {
	display:inline-block;
	width:27px;height:27px;
	margin:-1px 8px 0 0;
	vertical-align:middle;
	background:url(../images/checkboxt.png) left bottom no-repeat;
	cursor:pointer;}
.step1 input[type="checkbox"]:checked + label span {
	background-position:top;}

.step1 .box_l,.step1 .box_r{
	float: left;
	width: 49.9%;
	padding:0 3%;
}
.step1 .box_l{
	border-right: 1px dashed #4bbfbf;
}
.step1 .box_r{
	margin-left: 2px;
	border-left: 1px dashed #4bbfbf;
}
.step2 .tt p{
	font-size: 14px;
	color: #6e5954;
	margin-top: 10px;
}
.step2 .form{
	padding:0 7%;
}
.step2 .form >div{
	font-size: 18px;
	color: #383838;
	padding: 10px 0;
}
.step2 .form input{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	height: 30px;
	border: 1px solid #d9d3a4;
	outline: none;
	padding:0 10px;
}
.step2 .form input.lbox{
	width: 50%;
}
.step2 .form #container2{
	display: inline-block;
}
.step2 .form #container2 select{
	border: 1px solid #d9d3a4;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	outline: none;
	padding:0 10px;
}
.step2 input[type="checkbox"],.step2 input[type="radio"] {display:none;}
.step2 label { 
	display:inline-block;
	width:auto; float:none; 
	margin:5px 0;
	font-weight: 400;
}
.step2 label:last-child{
	border-bottom:  0px;
}
.step2 input[type="checkbox"] + label span,.step2 input[type="radio"]+ label span {
	display:inline-block;
	width:19px;height:19px;
	margin:-1px 8px 0 0;
	vertical-align:middle;
	background:url(../images/checkboxt_2.png) left bottom no-repeat;
	cursor:pointer;
}
.step2 input[type="checkbox"]:checked + label span,.step2 input[type="radio"]:checked + label span {
	background-position:top;
}
.step2 .form p{
	font-size: 12px;
	line-height: 16px;
	color: #898989;
}
.step2 .form .btn{
	display: block;
	width: 320px;
	height: 60px;
	background: #ec6c6c;
	margin: 30px auto 40px;
	text-align: center;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0 7px 0 #e05a5a;
	-moz-box-shadow: 0 7px 0 #e05a5a;
	box-shadow: 0 7px 0 #e05a5a;
	transition: all 0.4s;
	outline: none;
}	
.step2 .form .btn img{
	padding-top: 5px;
}
.step2 .form .btn:hover{
	width: 360px;
	background: #ff7b7b;
	-webkit-box-shadow: 0 2px 0 #e05a5a;
	-moz-box-shadow: 0 2px 0 #e05a5a;
	box-shadow: 0 2px 0 #e05a5a;
}


.event_all .note {
	padding-top: 30px;
	width: 900px;
	margin: 0 auto;
	color: #6e5954;
}
.event_all .note p{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	border: 2px solid #6e5954;
	display: block;
	width: 165px;
	height: 32px;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.event_all .note li{	
	font-size: 15px;
	line-height: 26px;
}


/* page------------------------------------------------------------ */
.page .pagehead{
	width: 100%;
	height: 545px;
	background: #4bbfbf;
	position: relative;
}
.page .web_title{
	width: 100%;
	height: 522px;
	background: url(../images/page_title.jpg) center top no-repeat;
}
.page .page_headbg{
	width: 100%;
	height: 124px;
	background: url(../images/page_y.png) center bottom repeat-x ;
	position: absolute;
	bottom: -2px;pointer-events:none;

}
.page .main{
	background: #fff;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	padding: 60px;
	padding-top: 30px;
	margin: 30px auto;
}
.page .pagett{
	width: 776px;
	height: 70px;
	background: url(../images/page_tt.svg);
	margin: 0 auto;
	margin-top: -50px;
	margin-bottom: 40px;
	text-align: center;
	color: #ffffff;
	font-size: 30px;
	line-height: 58px;
	font-weight: 500;
	letter-spacing: 2px;
}
.pagebox{
	width: 100%;
	background: url(../images/bg_yellow_d.gif) repeat;
	padding-bottom: 30px;
	padding-top: 10px;
}
.bigtt h4{
	color: #5f85ff;
	font-size: 28px;
	line-height: 50px;
	text-align: center;
}
.bigtt h6{
	color: #56433f;
	font-size: 18px;
	text-align: center;
}
.page img{
	margin: 0 auto;
}
.page .artcile p,.page .artcile ol,.page .sstt .rbox p{
	font-size: 18px;
	line-height: 28px;
	color: #56433f;
	font-weight:normal;
	text-align: justify;
}
.page .artcile ol span,.page .artcile p span{
	color: #ec6c6c;
}
.page .artcile p.red{
	font-size: 22px;
	color: #ec6c6c;
	font-weight: 500;
	line-height: 25px;
	margin-top: 30px;
}
.page .sstt{
	overflow: hidden;
	margin-bottom: 30px;
}
.page .sstt > div{
	float: left;
	width: 50%;
}
.page .sstt .lbox{
	padding-right: 30px;
}
.page .sstt .rbox{
	padding-top: 15px;
}
.page  .page3 .sstt .rbox{
	padding-top: 25px;
}
.page .sstt .rbox h4,.page .sstt >h4{
	color: #5f85ff;
	font-size: 28px;
}
.page .sstt >h4{
	text-align: center;
	margin-bottom: 15px;
}
.page .sstt .rbox h6{
	color: #afafaf;
	font-size: 14px;
	border-top: 1px solid #f2e47b;
	border-bottom: 1px solid #f2e47b;
	line-height: 40px;
	margin: 20px 0;
}




@media screen and (max-width:1025px) {
	.event_pic3{
		left: 0px;
	}

}





@media screen and (max-width:1000px) {
	.event_all .main,.page .main{
		width: 100%;
	}
	.event_pic2{
		display: none;
	}
	.event{
		height: auto;
		overflow: visible;
		padding-top: 60px;
	}
	.event >div{
		overflow: hidden;
		height: auto;
	}
	.event::after{
		display: none;
	
	}
	.event .web_char{
		display: none;
	}
	.event .mobile_char{
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	.txtbox{
		width: 86%;
		height:auto;
		background:none;
		position: relative;
		top:0;
		left:0;
		margin: 0 auto;
		padding-bottom: 30px;
	}
	.txtbox div{
		position: relative;
	}
	.txtbox div img{
		display: none;
	}
	.txtbox div h4{
		position: relative;
		top:0;
		left: 0;
		text-align: center;
	}
	
	.txtbox div p{
		position: relative;
		top:0;
		left:0;
		width:100%;
		text-align: center;
	}
	.txtbox div p a{
		display: block;
		width: 160px;
		margin: 0 auto;
		margin-top: 20px;
	}
	.step1 {
		margin-top: 30px;
	}
	.step1 p{
		width: 90%;
		margin: 0 auto;
		line-height: 36px;
		padding: 5px 20px;
	}
	.step1 label:last-child{
		border-bottom:  0px;
	}
	.step1 .box_l label:last-child{
		border-bottom: #aea2a2 1px dotted;
	}
	.step1 .box_l,.step1 .box_r{
		float: none;
		width:90%;
		padding:0 3%;
		margin: 0 auto;
	}
	.step1 .box_l{
		border-right: 0px;
	}
	.step1 .box_r{
		margin: 0 auto;
		border-left: 0px;
	}	
	.event_all .note {
		width: 90%;
	}
	.page .pagett{
		width: 75vw;
		height:70px;
		background: url(../images/page_tt_mbg.png) no-repeat center;
		background-size:100% 100%;
		font-size: 30px;
		line-height: 58px;	
		margin-bottom: 20px;
	}
	.page .main{
		background: #fff;
		-webkit-border-radius: 20;
		-moz-border-radius: 20;
		border-radius: 20;
		padding: 20px;
		padding-top: 30px;
		margin: 30px auto;
		width: 90%;
	}
	.bigtt h4 {
		font-size: 22px;
		line-height: 30px;
	}
	.page .sstt > div{
		float: none;
		width:100%;
	}
	.page .sstt .lbox{
		padding-right: 0px;
	}
	.page .sstt .rbox h4 ,.page .sstt >h4 {
		text-align: center;
	}
	.page .pagehead {
		height:auto;
	}
	.page .web_title {
		width: 100%;
		height:auto;
		background: url(../images/page_title.jpg) center center no-repeat;
		background-size: 110% auto;
		padding-top: 62vw;
	}
	.page .page_headbg {
		width: 100%;
		height: 23vw;
		background: url(../images/page_y.png) center bottom repeat-x;
		background-size: 220% auto;
		position: absolute;
		bottom: 0;
		pointer-events: none;
	}
}

@media screen and (max-width:766px) {
	.txtbox div h4 span {
		border-left: 0;
		padding-left: 0;
		margin-left: 0;
		display: block;
		margin: 10px;
	}
	.event_pic3{
		display: none;
	}
	.event_pic4{
		display: none;
	}
	.step2 label{
		display: block;
	}
	.step2 .form input.lbox,.step2 .form input {
		width: 100%;
		margin-top: 10px;
	}
	.step2 .tt p {
		font-size: 15px;
	}
	.step1 label{
		font-size: 16px;
	}
	.step2 .form .btn{
		width:75%;
	}	
	.step2 .form .btn:hover{
		width:75%;
		background: #ec6c6c;
		-webkit-box-shadow: 0 7px 0 #e05a5a;
		-moz-box-shadow: 0 7px 0 #e05a5a;
		box-shadow: 0 7px 0 #e05a5a;
	}.step1 p{
		font-size: 5vw;
		line-height: 7vw;
	}
	.bigtt h6 {
		font-size: 16px;
		line-height: 20px;
	}
	.page .pagett{
		width: 80vw;
		height:14vw;
		background: url(../images/page_tt_mbg.png) no-repeat center;
		background-size:100% 100%;
		font-size: 5.5vw;
		line-height:12vw;	
		margin-bottom: 20px;
	}
	
	
}
@media screen and (max-width:424px) {
	.page .sstt .rbox h4 span,.page .sstt >h4 span{
		display: block;
	}
	.bigtt h4 {
		font-size:5.7vw;
	}
}
@media screen and (max-width:400px) {
	.step1 .box_l, .step1 .box_r {
		width: 98%;
	}
	.bigtt h6 {
		font-size: 14px;
	}
}
@media screen and (max-width:330px) {
	.step1 label {
		font-size: 13px;
	}
	.bigtt h6 {
		font-size: 16px;
	}
	.page .page3 .sstt > h4{
		font-size:7.8vw;
	}
}