﻿/* common css ============================================== */
@charset "utf-8";
html{ font-size:625%; max-height:100%; font-size:625%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{font-size: 0.16rem; font-family: \5FAE\8F6F\96C5\9ED1/*雅黑*/, \5B8B\4F53/*宋体*/, arial, sans-serif;  }
body,p,h1,ul,li,input,img,figure,h3,h1,h2,dl,dd,dt{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a,input{text-decoration:none;outline:0px;}
i,em{ font-style:normal;}
fieldset, img {border:0;}
img{max-width:100%;max-height:100%; vertical-align: middle;}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;}
/* common */
.clear {clear:both;width:100%;}
.fl{ float:left;}
.fr{ float:right;}
.scrollTop { position:fixed; bottom:116px; right:0; width:13%; }
.wapper{ width:93.4%; padding-left:3.3%; padding-right:3.3%; margin:0 auto;}
@font-face {font-family: "iconfont";
    src: url('../contfont/iconfont.eot'); /* IE9*/
    src: url('../contfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../contfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../contfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../contfont/iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;

  font-style:normal;
  color:#fff;
  
  -webkit-font-smoothing: antialiased;
  
  -moz-osx-font-smoothing: grayscale;
}
/* html part */
body{position:relative;width:100%;height:100%;}
.allpage{position:relative;z-index:205;background:#fff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:6rem;}
/* yuyueguanhao */
.yuyue{ height:1.1rem;}
.yuyue ul{ width:100%; height:1.1rem; border-bottom:#b7b7b7 2px solid;}
.yuyue ul li{ width:32.5%; text-align:center; margin:0 auto; border-bottom:#0dbac8 2px solid; height:0.72rem; font-size:0.28rem; color:#646464; padding-top:0.38rem; line-height:0.28rem; }
.yuyue ul li small{ color:#898989; font-size:0.16rem;}
.registerform{ padding-top:0.42rem;}
.registerform li{ float:left; margin-bottom:0.2rem;  position:relative;}
.registerform li a{ position:absolute;}
.registerform li label{  height:0.4rem; line-height:0.4rem; color:#898989; font-size:0.24rem; text-align:right; font-weight:300;}
.registerform li input{}
.fame_li_00{ width:40.2%;margin-left:13%;height:0.4rem;}
.fame_li_00 .input_00{ width:61.5%; border:1px #d1d1d1 solid;height:0.4rem;}
.fame_li_01{ width:48.2%;margin-left:5%;height:0.4rem;}
.fame_li_01 .input_01{ width:51.4%; border:1px #d1d1d1 solid;height:0.4rem;}
.fame_li_02{ width:43.2%;margin-left:3%;height:0.4rem; margin-top:0;}
.fame_li_02 .input_02{ width:57.35%; border:1px #d1d1d1 solid;height:0.4rem;line-height:0.4rem;}
.input_radio{ width:0.2rem; height:0.2rem; margin:0.1rem 5% 0 5%; line-height:0.4rem;}
.fame_li_03{ width:100%;margin-left:5%;}
.fame_li_03 .input_03{ width:67.8%; border:1px #d1d1d1 solid;height:0.4rem;}
.fame_li_03 .input_04{ width:67.2%; height:0.9rem;border:1px #d1d1d1 solid;}
.fame_li_botton{ width:50%; margin:0 auto; margin-left:25%;margin-top:0.16rem;}
.appointment_submit_botton{ width:100%; height:0.46rem; background:#1abb9c; border-radius:50px;  text-align:center; color:#fff; font-size:0.24rem; border:none; line-height:0.42rem; font-family:\5FAE\8F6F\96C5\9ED1;}

/*==========以下部分是Validform必须的===========*/
.Validform_checktip{
	position:absolute;
	bottom:-0.175rem;;
	left:0;

	height:0.175rem;
	overflow:hidden;
	color:#999;
	font-size:0.12rem;
}
.Validform_right{
	color:#71b83d;
	padding-left:16px;
	
}
.Validform_wrong{
	color:red;
	padding-left:16px;
	white-space:nowrap;
	
}
.Validform_loading{
	padding-left:20px;
	background:url(../images/onLoad.gif) no-repeat left center;
}
.Validform_error{
	background-color:#ffe7e7;
}
#Validform_msg{color:#fff; font: 0.21rem tahoma, arial, \5b8b\4f53, sans-serif; width:2rem;  -webkit-box-shadow:2px 2px 3px #0e2e55; -moz-box-shadow:2px 2px 3px #0e2e55; background:rgba(66,106,175,0.9); position:absolute; top:0px; right:50px; z-index:699; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); border-radius:10px;}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1; }
#Validform_msg .Validform_title{line-height:0.3rem; height:0.3rem; text-align:left; padding:0 8px; color:#f4c600; position:relative; background:#0e2e55; border-top-left-radius:10px;border-top-right-radius:10px; font-size:0.18rem; }
#Validform_msg .Validform_title span{ color:#f4c600;font: 0.21rem;   -webkit-text-stroke-width: 0.2px;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:0.3rem; position:absolute; right:10px; top:0; color:#f4c600; text-decoration:none; display:block; height:0.3rem; font-size:0.21rem;-webkit-text-stroke-width: 0.2px;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:0.175rem;  text-align:center;}


.Validform_checktip{display:none; }
.Validform_wrong,
.Validform_right,
.Validform_loading{display:block;}


/*-----自适应-----*/
@media all and (min-width:640px){
    .wapper{width:601px;margin:0 auto;position:relative; padding-left:19px; padding-right:19px;}
	.fenlei li a{ float: left; border:1px solid #1abb9c; font-size:0.18rem; width:31.5%; margin-right:2.2%; height:0.416rem; line-height:0.416rem; display:block;}

}
@media only screen and (max-width: 479px) and (min-width: 321px) {
    html{font-size: 70px;}
	.fenlei li a{ float: left; border:1px solid #1abb9c; font-size:0.18rem; width:31.5%; margin-right:1.6%; height:0.416rem; line-height:0.416rem; display:block;}

}
@media only screen and (max-width: 320px) {
    html{font-size: 60px;}
		.fenlei li a{ float: left; border:1px solid #1abb9c; font-size:0.18rem; width:31.5%; margin-right:0.6%; height:0.416rem; line-height:0.416rem; display:block;}

}
