@charset "gb2312";
/* CSS Document */
body {
	max-width: 100%; overflow-x: hidden;
	background: #f8f8fd url(../images/banner01.png) no-repeat center 40px;
	color:#333; font: 18px/36px "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: #333; 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"] { -webkit-appearance: none; font-family:"Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif ; }
input::focus-inner { padding: 0; border: 0; }

.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 {
	position: relative; width: 100%; overflow: hidden; z-index: 2;
	background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;
	line-height: 41px; }
.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;
	background: url(https://www.huatu.com/z/topfooter/images/logo.gif) no-repeat;
	font-size: 12px; text-indent: -100em; }
.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 { 
	position: relative;
}
.banner h3 {
	padding-top: 95px; margin-bottom: 40px;
	color: #fff; font-size: 32px; font-weight: 400; line-height: 36px; text-align: center;
}
.banner h2 {
	height:143px; margin-bottom:20px; overflow: hidden;
	background: url(../images/banner02.png) no-repeat center;
	background-size:contain;
	text-indent: -9999em;
}
.banner ul {
	text-align: center;
}
.banner li {
	display: inline-block; margin:0 35px;
	color: #fff; font-size: 38px; line-height: 40px; vertical-align: top;
}
.banner li a {
	color: #fff;
}
.banner li:hover {
	animation: tada .8s;
}
.banner li:before {
	content: ""; display: inline-block; width: 10px; height:10px; margin:11px 10px 0 0;
	border: solid 4px #45c7fe; border-radius: 100%;
	vertical-align: top;
}
.banner li:nth-child(2):before {
	border-color: #feb72b;
}
.banner li:nth-child(3):before {
	border-color: #d191fe;
}

.box01,
.box02,
.box03,
.box04 {
	position: relative; width:1100px; margin:0 auto;
}
.box01 {
	padding:80px 50px;  margin:100px auto; box-sizing: border-box; z-index: 1;
	background: #fff url(../images/pic01.png) no-repeat 30px 30px; border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 51, 0.15);
}
.title {
	height:40px; margin-bottom: 60px;
	font-size: 40px; font-weight: 800; line-height:40px; text-align: center;
}
.box01 li {
	float:left; width: 50%; height:343px; box-sizing: border-box;
	font-size: 20px; line-height: 40px; text-align: center;
}
.box01 li:nth-child(2n-1) {
	border-right: 1px solid #ececec;
}
.box01 li:nth-child(n+3) {
	padding-top: 50px;
	border-top: 1px solid #ececec;
}
.box01 li i {
	display: block; height: 110px; margin-bottom: 30px;
	background:url(../images/pic11.png) no-repeat center;
	background-size: contain;
}
.box01 li i a {
	display: block; width:100%; height:100%;
}
.box01 li i.icon012 {
	background-image:url(../images/pic12.png);
}
.box01 li i.icon013 {
	background-image:url(../images/pic13.png);
}
.box01 li i.icon014 {
	background-image:url(../images/pic14.png);
}
.box01 li:hover i {
	animation: swing .8s;
}
.box01 li h4 {
	font-size: 24px; line-height: 30px;
}
.box01 li p:before {
	content: ""; display: inline-block; width: 8px; height:8px; margin:16px 7px 0 0;
	background: #45c8fe; border-radius: 100%;
	vertical-align: top;
}
.box01 li p:nth-child(4):before {
	background: #feb72b;
}
.box01 li p:nth-child(5):before {
	background: #d191fe;
}

.bgicon021 {
	position: absolute; left: 50%; top: -250px;
	width: 301px; height: 301px; margin-left: 400px;
	background: #5b63f2; border-radius: 100%; opacity: .15;
	animation:float01 3s ease-in infinite alternate;
}
.bgicon022 {
	position: absolute; left: 50%; top: -100px;
	width:450px; height: 450px; margin-left:-1225px;
	background: #5b63f2; border-radius: 100%; opacity: .15;
	animation:float01 4s ease-in infinite alternate;
}
.bgicon023 {
	position: absolute; left: 50%; top: 305px;
	width: 100px; height: 100px; margin-left: -775px;
	background: #e66d6f; border-radius: 100%; opacity: .15;
	animation:float01 2.5s ease-in infinite alternate;
}

.bgicon024 {
	position: absolute; left: 50%; top: 518px;
	width: 50px; height: 50px; margin-left: 570px;
	background: #e66d6f; border-radius: 100%; opacity: .15;
	animation:float01 1.5s ease-in infinite alternate;
}
@keyframes float01 {
	0% { transform:scale(1); opacity: .15; }
	100% { transform:scale(.9); opacity: .08; }
}

.box02 li {
	position: relative; padding:22px 0 22px 30px; margin-bottom: 50px; overflow: hidden; box-sizing: border-box; z-index: 1;
	background: #fff; box-shadow: 0 10px 30px rgba(0, 0, 51, .15); border-radius: 10px;
	line-height: 34px;
}
.box02 li span {
	display: block; float:left; width: 34px; height: 34px; margin-top: 17px;
	background: #627bfe; border-radius: 5px;
	background: linear-gradient(135deg, #627bfe , #554fe8 );
	color: #fff; text-align: center;
}
.box02 li p {
	margin-left:45px; text-align: justify;
}
.box02 .list021 {
	width: 920px;
}
.box02 .list022 {
	margin-left: 275px;
}
.box02 .list022 span,
.box02 .list024 span {
	background: #fe9d6d;
	background: linear-gradient(150deg, #fe9d6d , #e36770 );
}
.box02 .list023 {
	width:780px;
}
.box02 .list024 {
	margin-left: 340px;
}

.bg03 {
	padding-bottom: 140px; margin-top: 100px;
	background:url(../images/bg03.png) no-repeat center 307px;
}
.box03 {
	position: relative; height: 650px; padding:75px 0; margin-bottom: 100px;
	background: #fff; box-shadow: 0 10px 30px rgba(0, 0, 51, .15); border-radius: 20px;
	text-align: center;
}
.box03 h3 {
	position: relative; z-index: 2;
	color: #f4e490; font-size: 40px; font-weight: 800; line-height:40px;
	background: -webkit-linear-gradient( 0, #627bfe, #554fe8) center;
	background-size:50%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.bor031,
.bor032,
.bor033 {
	position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%);
	box-sizing: border-box;
	border-radius: 100%;
}
.bor031 {
	width: 330px; height:330px; padding-top: 238px;
	background:url(../images/pic20.png) no-repeat center 73px;
	border: solid 2px rgba(91, 99, 242, .4);
}
.bor031 h4 {
	color: #f4e490; font-size:30px; line-height:30px;
	background: -webkit-linear-gradient( 0, #627bfe, #554fe8) center;
	background-size:50%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.bor032 {
	width: 470px; height:470px;
	border: solid 2px rgba(91, 99, 242, .25);
	animation:float02 2s ease-in-out infinite alternate;
}
@keyframes float02 {
	0% { transform: translate(-50%,-50%) scale(.9); opacity:1; }
	100% { transform: translate(-50%,-50%) scale(1.1); opacity:.35; }
}
.bor033 {
	width: 650px; height: 650px;
	border: solid 2px rgba(91, 99, 242, .1);
}
.bor033 li {
	position: absolute; width:200px;
}
.bor033 i {
	display: block; width:68px; height: 68px; margin:0 auto 10px;
	background:url(../images/pic21.png) no-repeat center;
	background-size: contain;
}
.bor033 i a {
	display: block; width: 100%; height: 100%;
}
.bor033 .icon032 {
	background-image:url(../images/pic22.png);
}
.bor033 .icon033 {
	background-image:url(../images/pic23.png);
}
.bor033 .icon034 {
	background-image:url(../images/pic24.png);
}
.bor033 p {
	font-size: 24px;
}
.bor033 h6 {
	font-size: 30px;
}
.bor033 .list031 {
	left:-60px; top:128px;
}
.bor033 .list032 {
	right:-60px; top:128px;
}
.bor033 .list033 {
	right:-60px; top:448px;
}
.bor033 .list034 {
	left:-60px; top:448px;
}

.tabTit span {
	display: block; float:left; width: 128px; height: 54px; margin-right: 10px; cursor: pointer; box-sizing: border-box;
	background: #fff; border: solid 1px #5b63f2; border-radius: 10px;
	line-height:52px; text-align: center;
}
.tabTit span:nth-child(8) {
	margin-right: 0;
}
.tabTit span.on {
	background: #627bfe;
	background: linear-gradient(135deg,  #627bfe ,#554fe8 );
	color:#fff;
}

.tabCon {
	margin-top: 35px;
}
.tabCon .con {
	overflow: hidden;
}
.tabCon li {
	float:left; width:47%; height: 50px; overflow: hidden;
	line-height: 50px;
}
.tabCon li:nth-child(2n) {
	float:right;
}
.tabCon span {
	float: right;
	color: #999; font-size: 16px;
}
.tabCon a {
	display: block; float: left; height:50px; max-width: 410px;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.tabCon li:before {
	content: " "; display: block; float: left; width: 6px; height: 6px; margin-top:22px; margin-right: 10px;
	background: #45c8fe; border-radius: 100%;
}
.tabCon li:nth-child(n+3):before {
	background: #feb72b;
}
.tabCon li:nth-child(n+5):before {
	background: #d191fe;
}
.tabCon li:nth-child(n+7):before {
	background: #feb72b;
}
.tabCon li:nth-child(n+9):before {
	background: #45c8fe;
}
.tabCon li.more {
	float: none; width: 100%;
	text-align: center;
}
.tabCon li.more a {
	display: inline-block; float:none; max-width: auto;
	color:#666;
}
.tabCon li.more a:hover {
	color:#e4393c;
}
.tabCon li.more:before {
	display: none;
}

.bg05 {
	padding-top: 145px; margin-top: -75px;
	background:url(../images/bg05.png) no-repeat top;
}
.bg05 .title {
	color:#fff;
}
.box05 {
	padding-bottom:70px;
	background:url(../images/pic51.png) no-repeat bottom;
}
.box05 a {
	display:block; float: left; width: 130px; height: 52px; margin-right:22px; margin-bottom: 30px; cursor: pointer;
	background: rgba(255,255,255,.15); border-radius: 52px;
	color:#fff; font-size: 20px; line-height: 52px; text-align: center;
	transition: .3s;
}
.box05 a:nth-child(8n) {
	margin-right: 0;
}
.box05 a:hover {
	background: rgba(255,255,255,1);
	color:#5879f3;
}

.bg06 {
	padding:95px 0 100px;
	background:url(../images/bg06.jpg) repeat top;
}
.bg06 .title {
	color:#fff;
}
.box06 {
	width:1180px;
}
.box06 .pic {
	display:block; float:left; width: 360px; height: 230px; margin-right: 50px; overflow: hidden;
	background: #c4d4f4; box-shadow: 0 0 0 10px rgba(255,255,255,.2);
}
.box06 .pic:nth-child(3) {
	margin-right: 0;
}
.box06 img {
	display:block; width: 100%; height: 100%;
	transition: .8s ease-out;
}
.box06 .pic:hover img {
	transform: scale(1.05);
}

/* 通用底部 */
.footer { clear: both; position: relative; padding: 30px 0; background: #333; text-align: center; }
.footer p { position: relative; z-index: 2; color: #fff; font-size: 16px; line-height: 30px; }
.footer p span { padding: 0 5px; }
.footer p a { color: #fff; }
.footer p a:hover { color: #fff; }

/* 预约 */
.xfBtn {
	display:none; position: fixed; bottom:40%; right:0;
	width: 214px; height: 223px; padding-top: 155px; box-sizing: border-box; z-index: 20; cursor: pointer;
	background:url(../images/xf01.png) no-repeat center;
	color:#fff; font-size: 22px; line-height: 30px; text-align: center;
}
.xfBtn:hover {
	animation: tada .8s;
}
.xfShadow {
	display:block; position:fixed; left:0; top:0; width: 100%; height: 100%; z-index:20;
	background: rgba(0,0,0,.8);
	transition: all .5s;
}
.orderBox {
	display:block; position:fixed; left:50%; top:50%; z-index: 22; box-sizing: border-box;
	width:430px; height: 458px; margin-left: -215px; margin-top:-225px; overflow: hidden;
	background:url(../images/xf02.jpg) no-repeat center; border-radius: 10px;
	background-size: cover;
}
.closeMe {
	position:absolute; right:8px; top:8px; cursor: pointer;
	display:block; width:30px; height:30px;
	background:url(../images/close.png) no-repeat center;
	transition: all .3s;
}
.closeMe:hover { 
	transform: rotate(180deg);
}
.orderBox h4 {
	padding-top:35px;
	color: #fff; font-size:24px; font-weight: 400; line-height:36px; text-align: center;
}
.orderBox h6 {
	padding-bottom:20px;
	color: #fff; font-size:36px; font-weight: 400; line-height:40px; text-align: center;
}
.list-div {
	position: relative; width:350px; margin:0 auto 20px;
}
.list-div input,
.list-div select {
	display: block; width:100%; height:54px; box-sizing: border-box;
	background: #fff; border:none; border-radius:10px;
	outline: none;
	font-size:16px; text-indent: 1em; vertical-align: middle;
}
.list-div input.error,
.list-div select.error {
	color:#f00;
}
.list-div input {
	font-family:"Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif ;
}
.list-div select { 
	float:left; width:170px;
	line-height:54px;
}
.list-div #city {
	float: right;
}
.list-div #PhoneCode {
	float:left; width:185px;
}
.list-div .fs {
	float: right; width:150px; cursor: pointer;
	background: #929ffa; border:none;
	color: #fff; text-align: center; text-indent: 0;
	transition:all .2s;
}
.list-div .fs:hover {
	opacity: .85;
}
.yuyueBtn {
	display: block; width:350px; height:62px; margin:0 auto; cursor: pointer;
	background: #fe9d6d; border:none; border-radius: 10px;
	background: linear-gradient(90deg,  #fe9d6d ,#e36770 ,#e36770 , #fe9d6d ) no-repeat left;
	background-size: 300% auto;
	color:#fff; font-size:24px; line-height:62px; text-align: center;
	transition:all .2s;
}
.yuyueBtn:hover {
	background-position: right;
}
.footer iframe{ height:300px;}
@media only all and (max-width:1200px) {
	.onlymob { display: block; }
	html { font-size: 20px; }
	body {
		width: 18.75rem; font-size: .7rem; line-height: 1.2rem;
		background-image:url(../images/mbanner01.png);
		background-position:center 2.5rem;
		background-size:18.75rem; }
	html , body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
	.Width { width: 17.5rem; }

	/* 隐藏元素 */
	.ht_top .topnav a:nth-child(n+2),
	.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; word-break: keep-all; }
	
	.banner h3 {
		padding-top:1.5rem; margin-bottom:.5rem;
		font-size:.9rem; line-height:1rem;
	}
	.banner h2 {
		height:2.75rem; margin-bottom:.25rem;
	}
	.banner li {
		margin:0 .15rem;
		font-size:.7rem; line-height: 1rem;
	}
	.banner li:before {
		width:.2rem; height:.2rem; margin:.3rem .2rem 0 0;
		border-width: .1rem;
	}

	.box01,
	.box02,
	.box03,
	.box04 {
		width:17.5rem;
	}
	.box01 {
		padding:1rem .5rem;  margin:2rem auto 2rem;
		background-position: .5rem .5rem;
		background-size: auto .35rem;
		border-radius:.5rem;
		box-shadow: 0 .15rem .75rem rgba(0, 0, 51, 0.15);
	}
	.title {
		height:1.4rem; margin-bottom:1.25rem;
		font-size: 1.25rem; line-height:1.4rem;
	}
	.box01 li {
		padding:0 .15rem; height:11rem; overflow: hidden;
		font-size:.65rem; line-height:1rem;
	}
	.box01 li:nth-child(2n-1) {
		border-right-width: .05rem;
	}
	.box01 li:nth-child(n+3) {
		padding-top:.5rem;
		border-top-width: .05rem;
	}
	.box01 li i {
		height:2.5rem; margin-bottom:.35rem;
	}
	.box01 li h4 {
		margin-bottom: .25rem;
		font-size: .7rem; line-height:1rem;
	}
	.box01 li p {
		margin-left: .45rem;
		text-align: left; text-indent: -.45rem;
	}
	.box01 li p br {
		display: none;
	}
	.box01 li p:before {
		width: .2rem; height:.2rem; margin:.4rem .15rem 0 0;
	}
	
	.bgicon021 {
		top: -4rem; width:5rem; height:5rem; margin-left: 6rem;
	}
	.bgicon022 {
		top: 5rem; width:8rem; height: 8rem; margin-left:-13rem;
	}
	.bgicon023 {
		top:22rem; width:1.5rem; height:1.5rem; margin-left: -9rem;
	}
	.bgicon024 {
		top:16rem; width:.75rem; height:.75rem; margin-left:8rem;
	}
	.box02 li {
		padding:.5rem; margin-bottom: .5rem;
		box-shadow: 0 .15rem .75rem rgba(0, 0, 51, .15); border-radius: .25rem;
		line-height: 1rem;
	}
	.box02 li span {
		width:1.6rem; height:1.6rem; margin-top: .2rem; margin-right: .4rem;
		border-radius:.15rem;
		font-size: .8rem; line-height: 1.6rem;
	}
	.box02 li p {
		margin-left:0;
	}
	.box02 li p br {
		display: none;
	}
	.box02 .list021 {
		width:16rem;
	}
	.box02 .list022 {
		margin-left:1rem;
	}
	.box02 .list022 span,
	.box02 .list024 span {
		background: #fe9d6d;
		background: linear-gradient(150deg, #fe9d6d , #e36770 );
	}
	.box02 .list023 {
		width:14.5rem;
	}
	.box02 .list024 {
		margin-left:3rem;
	}
	
	.bg03 {
		padding-bottom:4rem; margin-top:2rem;
		background-position: bottom;
		background-size: 60rem;
	}
	.box03 {
		height:14rem; padding:.75rem 0; margin-bottom:2rem;
		box-shadow: 0 .15rem .75rem rgba(0, 0, 51, .15); border-radius:.5rem;
	}
	.box03 h3 {
		font-size:1.25rem; line-height:1.3rem;
	}
	.bor031 {
		width:5rem; height:5rem; padding-top:3.25rem;
		background-position:center .5rem;
		background-size: 3.5rem;
		border-width: .05rem;
	}
	.bor031 h4 {
		font-size:.8rem; line-height:1rem;
	}
	.bor032 {
		width:8.5rem; height:8.5rem;
		border-width: .05rem;
	}
	.bor033 {
		width:12rem; height:12rem;
		border-width: .05rem;
	}
	.bor033 li {
		width:6rem;
	}
	.bor033 i {
		width:2.5rem; height: 2.5rem; margin-bottom:.25rem;
	}
	.bor033 p {
		font-size: .65rem; line-height: 1rem;
	}
	.bor033 h6 {
		font-size:.7rem; line-height: 1rem;
	}
	.bor033 .list031 {
		left:-2rem; top:1rem;
	}
	.bor033 .list032 {
		right:-2rem; top:1rem;
	}
	.bor033 .list033 {
		right:-2rem; top:8rem;
	}
	.bor033 .list034 {
		left:-2rem; top:8rem;
	}
	
	.tabTit span {
		width:4rem; height:1.8rem; margin-right: .5rem; margin-bottom: .5rem;
		border-width: .05rem; border-radius:.25rem;
		line-height:1.8rem;
	}
	.tabTit span:nth-child(4n) {
		margin-right: 0;
	}
	.tabCon {
		margin-top:.25rem;
	}
	.tabCon li {
		float:none; width:100%; height:1.4rem;
		line-height: 1.4rem;
	}
	.tabCon li:nth-child(2n) {
		float:none;
	}
	.tabCon span {
		font-size:.65rem;
	}
	.tabCon a {
		height:1.4rem; max-width:14.5rem;
	}
	.tabCon li:before {
		width: .2rem; height: .2rem; margin-top:.6rem; margin-right:.25rem;
	}
	
	.bg05 {
		padding-top:3rem; margin-top:-3.5rem;
		background-size:auto 100%;
	}
	.box05 {
		padding-bottom:1.5rem;
		background-size: contain;
	}
	.box05 a {
		width: 4rem; height:1.6rem; margin-right:.5rem; margin-bottom:.5rem;
		font-size:.7rem; line-height:1.6rem;
	}
	.box05 a:nth-child(4n) {
		margin-right: 0;
	}
	
	.bg06 {
		padding:1.5rem 0;
	}
	.box06 {
		width:17.5rem;
	}
	.box06 .pic {
		width:8.4rem; height:5.35rem; margin-right:.7rem; margin-bottom:.7rem;
		box-shadow: 0 0 0 .2rem rgba(255,255,255,.2);
	}
	.box06 .pic:nth-child(2) {
		margin-right: 0;
	}
	.box06 .pic:nth-child(3) {
		margin-left:4.55rem;
	}

	/* 通用底部 */
	.footer { position: relative; height: 4.4rem; padding: 0; overflow: hidden; }
	.footer:before {
		display: block; content: "华图教育集团版权所有";
		position: absolute; left: 0; top: 0;
		width: 100%; height: 4.4rem; overflow: hidden;
		color:#fff; font-size: .7rem; line-height: 2.4rem; text-align: center; }
		
	/* 预约 */
	.xfBtn {
		bottom:.15rem; left:15%;
		width:70%; height:1.8rem; padding-top:0;
		background:#ff7901; border-radius:1.8rem;
		font-size: .8rem; line-height:1.8rem;
	}
	.xfBtn br { display: none; }
	.orderBox {
		width:16rem; height:17rem; margin-left: -8rem; margin-top:-8rem;
		border-radius: .25rem;
	}
	.closeMe {
		right:.25rem; top:.25rem;
		width:1.5rem; height:1.5rem;
		background-size: .75rem;
	}
	.orderBox h4 {
		padding-top:1.5rem;
		font-size:.95rem; line-height:1.4rem;
	}
	.orderBox h6 {
		padding-bottom:.75rem;
		font-size:1.2rem; line-height:1.6rem;
	}
	.list-div {
		width:14rem; margin-bottom:.65rem;
	}
	.list-div input,
	.list-div select {
		height:2rem;
		border-radius:.25rem;
		font-size:.7rem;
	}
	.list-div select { 
		width:6.75rem;
		line-height:2rem;
	}
	.list-div #PhoneCode {
		width:7.75rem;
	}
	.list-div .fs {
		width:5.75rem; 
	}
	.yuyueBtn {
		width:14rem; height:2.2rem;
		border-radius: .25rem;
		font-size:.8rem; line-height:2.2rem;
	}
	
}