@charset "utf-8";
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset,blockquote, figure ,ul, menu, dir{
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
button{ border:0px; cursor:pointer;}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
html{ font-size:16px;}
body {
	background: #ffffff;
	font-family:Microsoft YaHei; line-height:1rem;
	color: #000000;
}
a {
	color: #333333;
	text-decoration: none;
	outline: none;
}
a:hover {
	/*text-decoration: underline;*/ color:#999999;
}
p {
	margin: 0 auto;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em; margin:0 auto; padding:0px;
	color: #000;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}
ul li, ol li, dl li{ list-style:none;}

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}
.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}
.clearfix {
    overflow: hidden;
}


/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	width: 650px;
	margin: 0 auto; max-width:650px; min-width:320px; background:#FFFFFF;
}
#main{ width:100%; height:auto; background:#ececec; padding-top:5.25rem; float:left;}
#banner{ width:100%; height:auto; float:left; background:#ececec; margin-bottom:0.625rem;}


/************************************************************************************
HEADER
*************************************************************************************/
#index_header { position:fixed; top:0px; height: 5.25rem; width:100%; max-width:650px; min-width:320px; transform:translateY(0px); background:rgba(236, 236, 236, 1) none repeat scroll 0 0; z-index:16;}
#index_header h1{ padding-left:6.5%; float:left; padding-top:0.65rem;}
#index_header h1 img{ height:3.75rem; width:auto;}


/************************************************************************************
FOOTER
*************************************************************************************/
.bottom-mfth{ width:100%; max-width:650px; min-width:320px; position:fixed; height:4.0625rem; bottom:0px; display:block; background:rgba(249, 111, 28, 0.6); text-align:center; display:block;}
.bottom-mfth-con{ width:100%; height:100%; text-align:center; position:relative;}
.bottom-mfth-con a{ display:inline-block; width:13.375rem; height:2.4375rem; background:#f96f1c; border-radius:0.5rem; margin-top:0.875rem; line-height:2.4375rem; color:#FFFFFF; font-size:1.125rem;}
.bottom-mfth-con .bottom-tel-ico{ position:absolute; left:50%; top:0.75rem; margin-left:-10.5rem; width:2.8125rem; height:2.8125rem; background:url(http://oss.mijia66.com/phone/images/bottom-tel-ico.png) no-repeat; background-size:2.8125rem 2.8125rem;}

/**弹框 预约框*/
#sh_tan{
	width: 100%;
	height: 100em;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	position: fixed;
	z-index: 17;
	display: none;
}
#sh_tan .e_topr{
	height: auto;
	margin: 7rem auto;
	width: 320px;
	background: rgba(0,0,0,0.8);
}
#sh_tan .e_topr .firstLine{
		background:rgba(0, 0, 0, 1) no-repeat scroll 0 0;
        height: 4rem;
        overflow: hidden;
		position:relative;
}
#sh_tan .e_topr .firstLine .login_title{
        text-align: center;
        color:#fff; 
        font-weight:normal;
        font-size:1.5rem; line-height:4rem; overflow:hidden;
       /* margin-top:10px; */
}
#sh_tan .e_topr .login_close{
        display:inline-block;
        cursor:pointer;
        position: absolute;
        right: 1rem;
        top: 1rem;
}
#sh_tan .e_topr .login_close img{ width:2rem; height:2rem;}
    
#sh_tan .di_input{
	background: #fff;
	height: auto;
	border-radius: 2px;
	box-shadow: 0 0 6px 0 #ccc inset;
	width:100%;
	padding-top: 1rem; padding-bottom:1rem;
}

#sh_tan .item1{
        width:90%;
        margin:0.5rem auto;
        background:#fff;
}
#sh_tan  .m10{
        margin:0.5rem auto; width:90%; overflow:hidden;
}
#sh_tan  .item2 {
        width:40%;
}
#sh_tan  .item3 {
        width:57%; position:relative;
}
#sh_tan  .item2 select{
        width:94%;
        border:1px #eaeaea solid;
        height:2.8rem;
        line-height:3rem;
        color:#777777;
        font-size:1rem;
        padding-left:6%;
		appearance:none;
		-moz-appearance:none;
		-webkit-appearance:none;
		background: url("http://oss.mijia66.com/phone/images/arrow.png") no-repeat scroll right center transparent;
	    background-size:1.75rem 1.0625rem;
}
#sh_tan  label{
        font-size:14px;
        margin-right:15px;
        color:#b1b1b1;
}
#sh_tan  .item1 input{
        display:inline-block;
        border:1px #eaeaea solid;
        height:2.5rem;
        line-height:2.5rem;
        font-size:1rem;
        padding-left:4%;
        width:95%;
		 color:#777777;
}
#sh_tan  .item3 input{
        display:inline-block;
        border:1px #eaeaea solid;
        height:2.5rem;
        line-height:2.5rem;
        font-size:1rem;
        padding-left:4%;
        width:94%;
}
#sh_tan  .item3 .fr_span{ position:absolute; right:10px; top:0px; color:#777777; font-size:0.875rem; line-height:2.5rem; }

#sh_tan  input.ljbm{
	 background:#000  none repeat scroll 0 0;
    border: medium none;
    border-radius: 0.5rem;
    color: #fff;
    font-size: 1rem;
    height: 2.5rem;
    margin-top: 0.5rem;
    width: 100%; cursor:pointer;
}

#sh_tan  .tw{
    height: 3.75rem; font-size:0.875rem;
    line-height: 3.75rem;
    text-align: center;
    background:#f8f8f8;
}
#sh_tan  .tw span{
    color:#ff7900;
}
.fl{ float:left;}
.fr{ float:right;}

/*预约成功提示框*/
#popup{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 17;	
    display: none;
}
#popup .popup_con{
	width: 18.8576rem;
    height: 11.65rem;
    margin:15% auto;
    background: #fff;
    border-radius: 8px;
    position: relative;
	/*box-shadow: 0 0 28px 28px rgba(43,43,43,0.21);*/
}
#popup .popup_con p{ padding:0px; height:2.4rem; text-align:center; margin:0 auto; color:#d8a673;} 
#popup .popup_con p:nth-of-type(1){ padding-top:1.6rem; font-size:1rem; font-weight:normal; line-height:1rem; height:1.4rem;}
#popup .popup_con p:nth-of-type(2){ font-size:2rem; font-weight:500; line-height:2.4rem;}
#popup .popup_con p:nth-of-type(3){ padding-top:1rem;}
#popup .popup_con p:nth-of-type(3) img{ width:4.8rem; height:3.8081rem;}

/************************************************************************************
公用
*************************************************************************************/
.section-header { width:100%; color: #333333;  font-size: 1.375rem; height: 3.9375rem;  padding:1.6875rem 0px; text-align:center; position:relative; }
.section-header p{ width:12.9375rem; height:3.9375rem; line-height:3.9375rem; text-align:center; font-size:1.375rem; background:url(http://oss.mijia66.com/phone/images/section-header-p-bg.png) no-repeat; background-size:12.9375rem 3.9375rem; color:#333;}
.section-header .s-h-zhuangshi1{ position:absolute; top:2.7rem; left:50%; margin-left:6.75rem; background:url(http://oss.mijia66.com/phone/images/s-h-zhuangshi1-ico.png) no-repeat; background-size:2.8125rem 2.25rem; width:2.8125rem; height:2.25rem;}
.section-header .s-h-zhuangshi2{ position:absolute; top:1.125rem; left:50%; margin-left:6.75rem; background:url(http://oss.mijia66.com/phone/images/s-h-zhuangshi2-ico.png) no-repeat; background-size:1.6875rem 2rem; width:1.6875rem; height:2.25rem;}
.section-header .s-h-zhuangshi3{ position:absolute; top:1.125rem; left:50%; margin-left:-8.5rem; background:url(http://oss.mijia66.com/phone/images/s-h-zhuangshi3-ico.png) no-repeat; background-size:1.6875rem 2rem; width:1.6875rem; height:2.25rem;}
.section-header .s-h-more{ position:absolute; right:2rem; top:3rem; font-size:1.125rem;}
.section-header .s-h-more a{ color:#999;}

.section-header2 { width:100%; color: #333333;  font-size: 1.75rem; height: 2.25rem; line-height:2.25rem;  padding:1.6875rem 0px; text-align:center;}
.section-header2 .s-h2-zs{ display:inline-block; background:url(http://oss.mijia66.com/phone/images/s-h2-zs-ico.png) no-repeat; background-size:2.25rem 2.25rem; width:2.25rem; height:2.25rem; margin:0px 0.5rem -0.5rem 0.5rem;}




/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }