@charset "gb2312";
/* CSS Document */
body {
	max-width: 100%; overflow-x: hidden; overflow-y: scroll;
	
	color: #333; font: 18px "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif; }
body , h1 , h2 , h3 , h4 , h5 , h6 , hr , p , blockquote , dl , dt , dd , ul , ol , li ,
pre , form , fieldset , legend , button , input , select, textarea ,
th, td { margin: 0; padding: 0; }
img { border: none; max-width: 100%; }
a { color: #1d181b; text-decoration: none; }
a:hover { color: #e4393c; text-decoration: none; }
a , area { blr: expression(this.onFocus=this.blur()); }
ul , ol , li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; max-width: 100%; }
input , :focus { outline: 0; }
input[type="button"] , input[type="submit"] , input[type="reset"] , select { -webkit-appearance: none; }
input::focus-inner { padding: 0; border: 0; }

::selection {background: #D03333;color: white;text-shadow: none;}
::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2}
::-webkit-scrollbar{width:10px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background-color:rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb:hover{background:#707070;}

.fl { float: left; } .fr { float: right; }
.clearfix:after { display: block; content: ''; clear: both; } .clearfix { zoom: 1;}
.clear { height: 0; width: 100%; overflow: hidden; font-size: 1px; line-height: 0; visibility: hidden; }
.Width { width: 1200px; margin: 0 auto; }
.hide , .onlymob { display: none; }

/* ͨ��ͷ�� */
.ht_top { width: 100%;background: #fafafa url(http://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;line-height: 41px;overflow: hidden;}
.ht_top .zt_top { width: 1200px;height: 41px;margin: 0 auto;}
.ht_top h1 { float:left;}
.ht_top h1 a {float: left;width: 131px;height: 40px;overflow: hidden;text-indent: -100em;background: url(http://www.huatu.com/z/topfooter/images/logo.gif) no-repeat; font-size:12px;}
.ht_top .topnav {float: right; color:#333; font-size:12px;}
.ht_top .topnav a {padding:0 8px;}
.ht_top .topnav a:hover { color:#e4393c; text-decoration:underline; }

/* banner */
.banner { 
	position: relative;
	 height:665px;
	 overflow: hidden;
	background:url(../images/ban.jpg) no-repeat top;
}

@keyframes curtainsl {
	0% {transform: skew(0,0);}
	100% {transform: skew(-5deg,-5deg);}
}
@keyframes curtains2 {
	0% {transform: skew(0,0);}
	100% {transform: skew(5deg,5deg);}
}
.banner h3 {
	visibility:hidden;
	padding:130px 0 45px;
	color: #fff; 
	padding-left:12px;
	font-size: 52px;
	font-weight: 400; 
	text-shadow: 0px 0px 7px rgba(2, 196, 155, 0.54);
}
.banner h2 {
	width:710px;
	visibility:hidden;
	position: relative;
	 height:138px; 
	 overflow: hidden;
	background:url(../images/bt1.png) no-repeat center / contain;
}

.miantit {
margin: 0 auto 60px;
	line-height: 60px;
	 font-size: 44px;
	 color: rgb(51, 51, 51);
	 text-align: center;

}
.maintit01{
	margin-bottom:70px;
}
.box01-wrap{
	padding-top:70px;
	padding-bottom:90px;
	background:url(../images/bg01.jpg) top center no-repeat;
	background-size:100%;
	overflow:hidden;
	position:relative;
	
}

.box01 {
	box-sizing: border-box;
	border-radius:10px;
	background-color: rgb(255, 255, 255);
 	box-shadow: 0px 0px 32px 0px rgba(137, 137, 137, 0.1);
	padding-bottom:70px;
	padding-top:80px;
	position:relative;
}
.bar{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	 border-width: 5px;
 	 border-color: rgb(12, 215, 184);
 	 border-style: solid;
	  height: 0;
}
.box01 .bar{
	width: 214px;
}
.list-div {
	position: relative;
	margin:0 auto 30px; 
}
.list-div.marb{margin-bottom:50px;}
.list-div span{
	display:inline-block;
	width:220px;
	text-align:right;
	font-size: 24px;
	color: rgb(51, 51, 51);
	margin-right:10px;
}


.list-div input,
.list-div select {
	height:70px;
    box-sizing: border-box;
	background: #fff; 
    border-width: 1px;
 	 border-color: rgb(227, 227, 227);
 	 border-style: solid;
 	 border-radius: 6px;
	outline: none;
	font-size:24px; text-indent: .5em;
	 width: 779px;
	  font-size: 22px;
  height: 53px;
 }


.list-div select { 
	width: 775px;
	background: #fff url(../images/icon01.png) no-repeat 740px center;
 }
 .list-div select#province{margin-right:20px;}


	
.yuyue option {
	width:100%; }

#fs {
	 cursor: pointer;
	color: transparent; 
	font-size:24px; 
	text-align: center; 
	text-indent: 0;
	text-shadow: 0 0 0 #fff;
	background-image: -moz-linear-gradient( 0deg, rgb(12,215,185) 0%, rgb(1,227,158) 100%);
  	background-image: -webkit-linear-gradient( 0deg, rgb(12,215,185) 0%, rgb(1,227,158) 100%);
  	background-image: -ms-linear-gradient( 0deg, rgb(12,215,185) 0%, rgb(1,227,158) 100%);
  	box-shadow: 0px 0px 16px 0px rgba(192, 231, 215, 0.3);
	width: 232px;
  	height: 55px;
	line-height:55px;
	border:none;
	position:absolute;
	right: 176px;
    top: 0px;
	border-radius:50px;
	
}

#fs:hover { background: #20cdb2;  }
.yuyueBtn {
  background-image: -moz-linear-gradient( 0deg, rgb(12,215,185) 0%, rgb(7,220,174) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(12,215,185) 0%, rgb(7,220,174) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(12,215,185) 0%, rgb(7,220,174) 100%);
  box-shadow: 0px 0px 16px 0px rgba(2, 198, 120, 0.36);
  width: 316px;
  height: 83px;
  line-height:83px;
  text-align:center;
  border-radius:50px;
  border:none;
  font-size: 30px;
  color:#fff;
  margin:0 auto;
  display:block;
  margin:0 auto;
}

.yuyueBtn:hover { background: #f5d047; }


input[type="checkbox"] {
	width: 21px;
	height: 21px;
	background-image: url(../images/border.png);
	background-repeat: no-no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 0.2rem;
  }
  
  input[type="checkbox"]:checked {
	background-image: url(../images/check.png);
  }
  
  .user_privacyBox {
	display: flex;
	align-items: center;
	margin: 23px auto;
	text-align: center;
	margin-left: 20%;
  }
  
  .text-agree {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 29px;
	color: #666666;
	font-family: "FZLTHJW";
	text-align: center;
  }


.miantit02 {
  border:2px solid #0cd7b8;
  text-align:center;
  width: 176px;
  height: 57px;
  line-height:57px;
  border-radius:50px;
  margin:-40px auto 60px;
	font-size: 28px;
	font-weight: 400;
	color: #0cd7b8;
}
.box02 { width:960px; }
.box02 li {
	position:relative;
  width: 440px;
  height: 140px;
	border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 32px 0px rgba(137, 137, 137, 0.1);
  text-align:center;
}
.box02 h4 {
  font-size: 24px;
  padding-top:30px;
  padding-bottom:15px;
}
.box02 li .bar{
	width:104px;
	border-width:3px;
	/*margin-left:-60px;*/
}

.box022 { margin-top:40px; }
.box022 li {
	position:relative;
	float:left;
  width: 180px;
	padding:25px 0;
	margin-right: 24px;
	border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 32px 0px rgba(137, 137, 137, 0.1);
  text-align:center;
	transition:all .5s;
}
.box022 li:hover {
	transform: translateY(8px);
}
.box022 li:nth-child(6n) {
	margin-right:0;
}
.box022 li img {
	display:block;
	width:60px; height: 60px;
	margin:0 auto;
}
.box022 h4 {
  font-size: 20px;
  margin:15px auto;
}
.box022 a {
  display: block; width:120px; height: 40px; margin:0 auto;
	background: #fff; border:1px solid #0cd7b8; border-radius:40px;
	color: #0cd7b8; font-size: 18px; line-height:40px; text-align:center; 
}
.box022 a:hover {
	background: #0cd7b8; color: #fff;
}




.box02-wrap{
	margin-bottom:6px;
	overflow:hidden;
}
.box02-wrap .tip{
  border-width: 2px;
  border-color: rgb(15, 206, 178);
  border-style: solid;
  text-align:center;
  width: 176px;
  height: 57px;
  line-height:57px;
  border-radius:50px;
  margin:50px auto 60px;
   font-size: 28px;
   color: rgb(6, 193, 163);
 
}
.step-wrap>div{
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 32px 0px rgba(137, 137, 137, 0.1);
  width: 280px;
  height: 153px;
  float:left;
  margin:0 58px 90px;;
  text-align:center;
  position:relative;
}
.step-wrap>div h3{
  font-size: 24px;
  padding-top:30px;
  padding-bottom:15px;
  color: rgb(51, 51, 51);
 
}
.step-wrap>div .bar{width:104px;border-width:3px;}
.step-wrap>div:nth-child(1) p{text-align:center;}
.step-wrap>div p{padding:0 47px;text-align:left;line-height:30px;}

.yuyue-show .title{
 background-image: -moz-linear-gradient( 0deg, rgb(12,215,185) 0%, rgb(1,227,158) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(12,215,185) 0%, rgb(1,227,158) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(12,215,185) 0%, rgb(1,227,158) 100%);
  box-shadow: 0px 0px 16px 0px rgba(192, 231, 215, 0.3);
  width: 207px;
  height: 58px;
  border-radius:50px;
  line-height:58px;
  font-size: 24px;
  color:#fff;
  position:absolute;
  left:0;
  right:0;
  margin:0 auto;
  top:-32px;
  z-index:9;
}

.yuyue-show>div{
  border-width: 3px;
  border-color: rgb(94, 216, 197);
  border-style: solid;
  border-radius: 6px;
  background-color: rgb(255, 255, 255);
  position:relative;
  width: 540px;
  height: 310px;
  text-align:center;
  margin:0 22px;
 
}
.yuyue-show>div:nth-child(1) p{
	padding:0 45px;
	text-align:left;
	padding-top:43px;
	padding-bottom:30px;
	line-height:30px;
}
.yuyue-show>div:nth-child(2){
	font-size:21px;
	padding-top:70px;
	box-sizing:border-box;
}
.yuyue-show .bt-txt{
	display:flex;
	flex-direction:row;
	padding-top:35px;
}
.yuyue-show .bt-txt .sm-tip{
	font-size: 21px;
	color: rgb(6, 193, 163);
	padding-left:27px;
}
.yuyue-show .bt-txt ul{
	text-align:left;
	font-size:18px;
	
}
.yuyue-show .bt-txt li{
	margin-bottom:24px;
}
.yuyue-show .bt-txt i{
	font-style:normal;
	border-radius: 50%;
  	background-color: rgb(12, 215, 184);
	width: 27px;
 	height: 27px;
	display:inline-block;
	text-align:center;
	line-height:27px;
	color:#fff;
	margin-right:7px;
}




.miantit05 { background-image:url(../images/pic51.png); }
.box05 {
	padding:40px 0; margin:35px auto 75px; box-sizing: border-box;
	background: #fff; border-radius:20px;
	box-shadow: 0 0 50px rgba(57, 178, 135, .15), 0 0 0 4px #c5ffe7 inset;
	
}
.box05 p {
	margin:0 40px;
	font-size:18px; line-height:30px;
}
.box05 h4 {
	margin-bottom:25px;
	color:#3f9076; font-size:36px; font-weight: 400; text-align: center;
}
.box05 .line {
	height: 1px; margin:40px 6px;
	border-top:1px solid #c6eede;
}
.box05 h5 {
	margin:0 40px;
	color:#3f9076; font-size:24px;  font-weight: 400; 
}


/*.box02 {
	margin:35px auto 75px; box-sizing: border-box;
	background: #fff; border-radius:20px;
	box-shadow: 0 0 50px rgba(57, 178, 135, .15), 0 0 0 4px #c5ffe7 inset;
	font-size:20px; line-height: 36px;
}
.box02 > div { width:50%; padding:0 40px 100px;  box-sizing: border-box; }
.box02 .info { border-right:1px solid #c6eede; }
.box02 h4 {
	padding-top:65px; margin-bottom:50px;
	color:#3f9076; font-size:36px; font-weight: 400; line-height: 40px; text-align: center;
}
.box02 .info p span { font-weight: 800; }
.box02 .gift h4 {
	 margin-bottom:65px;
}
*/
.code {
	width:170px; height: 170px; padding:5px; margin:0px auto 0;
	background:#0CD7B9;
	
}
.code img { display: block; width:100%; height: 100%; }

.miantit003{
	font-size: 24px;
	text-align: center;
}


.box03 {
  position: relative; padding-bottom:60px; margin:55px auto 75px;
	background: #fff;  border-radius:20px;
	box-shadow: 0 0 50px rgba(0, 0, 0, .075);
}
.box03 .tabTit {
  position: relative;
	height:80px; 
	margin-bottom:45px;
	background:#2DE0D1; 
	background:linear-gradient(90deg,#2DE0D1,#21F2BC);
	border-radius: 20px 20px 0 0;
}
.box03 .tabTit span {
	position: relative; top:0; display:block; float:left; width:100%; height:66px; cursor: pointer;
	color:#fff; font-size: 24px; font-weight: 400; line-height: 80px; text-align: center; 
	transition: top .2s;
}

.box03 .tabTit span.on {
	color:#fff601;
	
}
.box03 table { 
	position: relative; width:1118px; margin:0 auto;
	background: #fff;
}
.box03 tr:first-child {
	background: #F9F9F9;
	
}
.box03 th {
	font-size:20px;
	width:16.6%; height:80px;
	border:1px solid #E5E5E5; 
	color:#333; font-weight: 600; text-align: center;
}
.box03 td {
	padding:25px 0;
	border:1px solid #E5E5E5; 
	color:#000; text-align: center;
}


	
.box03 td a {
	display:block; width: 111px; height:42px; margin:0 auto;
	background: #0CD7B9; border-radius: 42px;
	background:linear-gradient( 90deg, #0CD7B9, #01E39F);
	color:#fff; font-size:20px; line-height: 42px; text-align: center;
	transition:all .2s ease-out;
}


.box03 td a:hover { background:linear-gradient( 90deg,  #01E39F,#0CD7B9); }
.box03 td img { 
	width:140px; height: 140px; padding:5px;
	background: #fff;
}

.box04 {
	position: relative; padding:20px 0 132px; margin:35px auto 0; box-sizing: border-box;
	overflow:hidden;
}
.bg02{
	background:url(../images/bg02.jpg) top center no-repeat;
	
}


@keyframes star {
  0% { opacity: 1; }
  100% { opacity: .3; }
}


.box04 li {
	float:left; width:50%;
	
	font-size:24px; text-align: center;
}


.box04 .code { width:170px; height: 170px; }

/* ͨ�õײ� */
.footer {
	clear: both; position: relative; padding: 30px 0;
	background: #000;
	text-align: center; }
.footer p {
	position: relative; z-index: 2;
	color: #fff; font-size: 14px; line-height: 26px; }
.footer p a { color: #fff; font-size: 14px; }
.footer p span { padding: 0 5px; }

/*.xf_nav {
	position:fixed; right:10px; top:50%; z-index: 20; box-sizing: border-box;
	transform:translateY(-50%);
	color:#fff; font-size:20px; line-height: 30px; text-align: center;
	display:none;
}
.xf_nav .bg01 {
	position:absolute; left:0; top:-185px;
	width:100%; height: 246px;
	background:url(../images/xf.png) no-repeat center / contain; 
}
.xf_nav .con {
	position: relative; width:220px; padding:20px 0; 
	background: #fba00c; border-radius: 15px;
	background: linear-gradient( 0, #fcca27, #fba00c );
}
.xf_nav h4 {
	font-size:24px; font-weight: 400; text-align: center;
}
.xf_nav img {
	display:block; width:150px; height: 150px; padding:5px; margin:10px auto;
	background: #fff;
}*/

@media only all and (min-width:1920px) {
	body { background-size:100% 683px; }

	
}

@media only all and (max-width:1600px) {
	.xf_nav { right:0; font-size:16px; line-height:26px; }
	.xf_nav .bg01 { top:-145px; height:200px; }
	.xf_nav .con { width:140px; padding:10px 0; }
	.xf_nav h4 { font-size:20px; }
	.xf_nav img { width:100px; height: 100px; }
}
@media only all and (max-width:1200px) {
	.onlymob { display: block; }
	html { font-size: 20px; }
	body { 
		width: 18.75rem;
		background-size:100% auto;
		font-size: .7rem; line-height: 1.2rem; }
	html , body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
	.Width { width: 17.5rem; }

	/* ����Ԫ�� */
	.ht_top .topnav a:nth-child(n+2),
	.xf_nav ,
	.footer p,
	.pc , .onlypc { display: none; }
	
	/* ͷ�� */
	.ht_top { height: 2.5rem; background-size: auto 100%; line-height: 2.5rem; }
	.ht_top h1 a {
		height: 2.5rem; width: 7.5rem;
		background: url(https://www.huatu.com/images/2015css/images/mob_logo.png) no-repeat center / contain; }
	.ht_top .topnav { font-size: .8rem; text-indent: -1000rem; }
	.ht_top .topnav a { padding: 0 0 0 0.3rem; text-indent: 0; float: right; }
	
	/* banner */
	.banner { height:13rem;background:url(../images/mban.jpg) top center no-repeat; background-size:100% 100%; }
	.banner h3 { padding:2rem 0 .5rem; font-size:1rem; line-height:1rem; text-align:center;}
	.banner h2 { height:3rem;width:100%; }
	.box01-wrap{padding:1.5rem 0;}

	.miantit { 
		
		margin: 0 auto 0.5rem;font-size: .8rem;line-height:1.5rem; background-size:contain; margin-bottom:1rem;}
	.box01 { padding:1rem .5rem; margin:0 auto; border-radius:.5rem; }
	.box01 .bar{border-width:2px;}
	.list-div span{width:4rem;font-size:.75rem;margin-right:0;}
	.list-div { width:100%; margin-bottom:.5rem; }
	.list-div input,
	.list-div select {
		height:1.8rem; border-radius: .3rem;
		font-size:.7rem; line-height:1.8rem; 
		width:11.75rem;
	}
	.list-div select#province{margin-right:.25rem;}
	.list-div select { width:11.75rem; background-size:.35rem; background-position: 11rem center;}
	#PhoneCode { width:5.75rem; }
	#fs { width:5.75rem; font-size:.7rem; height:1.8rem;line-height:1.8rem;right: 0%;
    top: 0;}
	.list-div.marb{margin-bottom:1rem;}
	.yuyueBtn {
	  width:8.375rem; height:1.8rem; margin-top:1rem; 
	  border-radius:.3rem;
	  font-size:.8rem; line-height:1.8rem; }

	  .text-agree {
		font-size: 0.6rem;
	  }
	
	  .user_privacyBox {
		width: 100%;
		margin-top: 0rem;
		justify-content: center;
		margin-left: 0;
	  }
	
	  input[type="checkbox"] {
		width: 0.7rem;
		height: 0.7rem;
	  }

	  .hkcon{float: left;height: 1.8rem;line-height: 1.8rem;width:12rem;}
	  .nc-container,.nc_scale,.nc_iconfont{display: none;}
	  .nc-container #nc_1_wrapper, .nc-container.tb-login #nc_1_wrapper{height: 1.8rem;}
	  .nc-container .nc_scale .scale_text,.nc_iconfont{line-height: 1.8rem!important;}
	  .nc-container .nc_scale span.nc-lang-cnt,.nc_iconfont{font-size: .7rem!important;}
	  ._nc .stage1{padding:0!important;}
	  ._nc .stage1 .slider{left:0!important;right: 0!important;}
	  ._nc .stage1 .track div, ._nc .stage1 .label,._nc .stage1 .button,._nc .stage1 .slider,._nc .icon-slide-arrow{height: 1.8rem!important;line-height: 1.8rem!important;}
	  ._nc .stage1 .button{width:1.8rem!important;}
	  ._nc .icon-slide-arrow{font-size:.7rem!important;left:5px!important;}



	  
	.miantit02 {width: 6rem;height: 1.5rem;margin: 0rem auto 0.5rem;font-size:.85rem;line-height: 1.5rem;}
	.box02 { width:17.5rem; }
	.box02 li { width: 8.5rem; height: 5rem; border-radius:.5rem; }
	.box02 h4 { font-size:.8rem; padding-top:.75rem; padding-bottom:.5rem; }
	.box02 li .bar{ width:3rem; border-width:.1rem; /*margin-left:-1.5rem; */}
	.box02 li p { width:7rem; margin:0 auto; line-height: 1rem; }
	
	.box022 {margin-top: 1rem;}
	.box022 li { width:5.5rem; padding:.75rem 0; margin-right:.5rem; margin-bottom:.5rem; border-radius: .5rem; }
	.box022 li:hover { transform: translateY(.25rem); }
	.box022 li:nth-child(3n) { margin-right:0; }
	.box022 li img { width:2.5rem; height: 2.5rem; }
	.box022 h4 {font-size: .6rem;font-weight: 400;margin:.5rem auto;}
	.box022 a {
	  width:4.5rem; height:1.5rem; 
		border-radius:1.5rem;
		font-size:.65rem; line-height:1.5rem;
	}
	
	
		
	.box05 { padding:1rem 0; margin:1.5rem auto 2.5rem; border-radius:.5rem; }
	.box05 p { margin:0 .5rem; font-size:.7rem; line-height:1.2rem; }
	.box05 h4 { margin-bottom:.25rem; font-size:1rem; font-weight: 800; }
	.box05 .line { margin:.75rem .2rem; }
	.box05 h5 { margin:0 .5rem; font-size:.85rem; font-weight: 800; }

	.maintit01 { margin-top:-.5rem; }
	.box02-wrap .tip {
		font-size:.85rem;
		width: 6rem;
		height:1.8rem;
		line-height: 1.8rem;
		margin:0 auto 1.5rem;
		
	}
	.step-wrap>div {
		width: 31%;
		height: 6rem;
		margin: 0 1.15% 2rem;
	}
	.step-wrap>div h3{font-size:.75rem;padding:1rem 0 .25rem;}
	.step-wrap>div .bar{width:80%;border-width:2px;}
	.step-wrap>div p{padding:0 .15rem;line-height:1.4;}
	.yuyue-show>div{
		width:100%;
		margin:0 auto 2.25rem;
		height:auto;
		padding-bottom:1rem;
	}
	.yuyue-show .title{
		width:6rem;
		height:2rem;
		line-height:2rem;
		font-size:.85rem;
		top:-1rem;
	}
	.yuyue-show>div:nth-child(1) p{padding:1rem;line-height:1.6;padding-top:1.5rem;}
	
	.yuyue-show>div img{width:80%;}
	.yuyue-show>div:nth-child(2){
		font-size:.7rem;
		padding-top:1.5rem;
		margin-bottom:1.5rem;
	}
	.yuyue-show .bt-txt .sm-tip{
		font-size:.75rem;
		padding-left:2%;
	}
	.yuyue-show .bt-txt li{
		font-size:.7rem;
		margin-bottom:.5rem;
	}
	.yuyue-show .bt-txt i{
		width:1rem;
		height:1rem;
		font-size:.85rem;
		line-height:1rem;
	}
	.yuyue-show .bt-txt{padding-top:.5rem;}
	.miantit03{margin-bottom:0rem;}
	.miantit003{font-size:.85rem;}
	.box02-wrap{margin-bottom:0;}
	.box02 {
		padding:0; margin:1.5rem auto 2.5rem; border-radius:.5rem;
		font-size:.75rem; line-height:1.2rem;
	}
	.box02 > div { float:none; width:100%; padding:1rem; }
	.box02 .info { border-bottom:1px solid #c6eede; border-right:none; }
	.box02 h4 { padding-top:0; font-size:1rem; line-height:1.5rem; }
	.box02 .info h4 , 
	.box02 .gift h4 { margin-bottom:.75rem; }
	.code { width:6rem; height: 6rem; padding:.25rem; margin-top:0rem; }

	.miantitmin { margin-top:0; font-size:.8rem; line-height:1.4rem;}
	.box03 { padding-bottom:1rem; margin:1.5rem auto 1.5rem; border-radius:.5rem; }
	.box03 .tabTit {
		height:2rem; margin-bottom:1rem;
		border-radius:.5rem .5rem 0 0; }
	.box03 .tabTit span {
		width:100%; height:1rem; padding:.4rem .45rem; 
		font-size:1rem; line-height:1rem; }
	.box03 .tabTit span:nth-child(10) { height:2.4rem; padding:.2rem .4rem; }
	.box03 .tabTit span.on,
	.box03 .tabTit span:hover {
		height:1.6rem; padding:.8rem .4rem; top:-.2rem; line-height: .8rem;
		border-radius:.25rem; }
	.box03 .tabTit span:nth-child(10).on,
	.box03 .tabTit span:nth-child(10):hover { height:2.4rem; padding:.4rem;  }
	.box03 table { width:17rem; }
	.box03 th,
	.box03 td { height:1.6rem; padding:.25rem; font-size:.6rem; }
	.box03 th:nth-child(6),
	.box03 td:nth-child(6) { display:none; }
	.box03 td a {
		width:3rem; height:1.6rem;
		border-radius:1.6rem;
		font-size:.6rem; line-height: 1.6rem; }
	.miantit04 {margin-bottom:0;}
	.box04 { padding:0; margin:0 auto; border-radius:.5rem;padding-bottom:.5rem; }
	.box04 .icon { width:.5rem; height:.5rem; }
	.box04 .icon01 { left:1.1rem; top:1.2rem; }
	.box04 .icon02 { left:9rem; top:.25rem; }
	.box04 .icon03 { left:4rem; bottom:.25rem; }
	.box04 .icon04 { right:1.5rem; bottom:.4rem; }
	.box04 ul { padding:.5rem; border-radius:.5rem; }
	.box04 li { border-radius:.5rem; font-size:.6rem; }
	.box04 .code { width:5rem; height:5rem; margin-top:.35rem; }
	
	/* ͨ�õײ� */
	.footer { position: relative; height: 2.4rem; padding: 0; overflow: hidden; }
	.footer:before {
		display: block; content: "��ͼ�������Ű�Ȩ����";
		position: absolute; left: 0; top: 0;
		width: 100%; height: 2.4rem; overflow: hidden;
		color: #fff; font-size: .7rem; line-height: 2.4rem; text-align: center; }
}




.sffl_container{
    width: 100%;
    background: url("../images/fl_bg.jpg") top center no-repeat;
    box-sizing: border-box;
    padding: 35px 0 145px 0;
    color: #fff;
    text-align: center;
}
.sffl_container h2{
    line-height: 90px;
    font-size: 50px;
}

.sf_p1{
    line-height: 90px;
    font-size: 26px;
}
.sf_p1 span{
    font-size: 36px;
}
.sf_p2{
	width:160px;
	line-height: 45px;
	border-radius: 20px;
	margin: 0 auto;
	background-color: #fff;
    margin-top: 15px;
    line-height: 45px;
    font-size: 26px;
}
.sf_p2 a{
    color:#333;
}
@media only all and (max-width:1200px) {
	
	    .sffl_container{
        width: 100%;
        background-size: auto 100%;
        box-sizing: border-box;
        padding: 1rem 0 2rem 0;
        color: #fff;
        text-align: center;
    }
    .sffl_container h2{
        line-height: 2rem;
        font-size: 1.2rem;
    }
    .sffl_container img{
        width: 6rem;
    }
	
	   .sf_p1{
        line-height: 2rem;
        font-size: .6rem;
    }
    .sf_p1 span{
        font-size: .9rem;
    }
	    .sf_p2{
        margin-top: 0.5rem;
        line-height: 1rem;
        font-size: 0.7rem;
    }
}