@charset "utf-8";
/* CSS Document */

*{margin: 0;padding: 0;}
body{zoom:1;max-width:640px; margin-left:auto; margin-right:auto;font-family:"微软雅黑";font-size:1.4rem;line-height:25px;background:#ffffff;}
i{ list-style:none;}
a {text-decoration: none; color:#000;}
a:hover {color: #1152b0;text-decoration: none;}
li {list-style-type: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
input, button, select, textarea {outline: none;}
table{border-collapse: collapse;}
th,tr,td{border: 1px solid #DDD;}
.l{ width:610px; margin:0 auto;}
.cl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cl {zoom: 1;}
.left{ float:left;}
.right{ float:right;}


.top{ background:url(../images/index_01.png) no-repeat top; text-align:center; color:#fff; }
.top h2{font-size: 2.0rem; padding:30px 0;}

.jx{ width:100%; border-radius:5px; border:1px solid #efeded; margin:20px auto; padding:20px 0;}
.text h3{ color:#000; font-size:2.0rem; padding-left:20px; float:left; font-weight:600;line-height: 30px;}
.text h3 img{ display:inline-block;float: left; margin-right: 10px;}
.text p{ float:right; padding-right:20px; color:#ff891f;}
.djx{border:2px dotted #ff891f; width:490px; margin-left:20px; margin-top:20px; text-align:center; font-size: 1.6rem; color:#ff891f; padding:30px 0; float:left;}
.jt-01{ float: right; margin-right: 44px; margin-top: 50px;}

.djx-01{border:2px dotted #ff891f;border-radius:5px; width:130px; padding:15px 0; text-align:center; float:left;margin: 20px 0px 0 15px;}
.djx-01:hover{ background:#ff891f;}
.hover{background:#ff891f !important;}
.djx-01:hover p{ color:#fff;}
.hover p{color:#fff !important;}
.djx-01 p{ font-size: 1.6rem; font-weight:600;color:#ff891f; line-height:30px;}
.djx-01 p span{ display:block; font-size:1.2rem; font-weight:100;}

.smsj{ border-top:1px solid #efeded;margin: 15px 20px 0; padding:15px 0;}
.smsj .text h3{ padding:0;}
.xzrq{ border-bottom:1px solid #efeded; margin:20px auto; padding-bottom:20px;}
.p1{ font-size: 1.6rem; float:left;}
.p1 span{ color:#666; display:inline-block; margin-left:40px;}
.sp-1{ display:inline-block; float:right;}
.liuyan{border: none;line-height: 28px;margin-left: 50px; font-size: 1.8rem; height: 28px;}

.h4{color:#000; font-size:2.2rem;font-weight:600;}
.l-text h5{ font-size:1.6rem;}
.l-text p{ font-size:1.4rem; color:#666; margin-top:20px;}
.hszn-l{ border-right:1px solid #d3d1d2; width:260px; padding:0 20px; height:115px; margin-right:30px;}
.hszn-r{ margin-right:30px;}

.an{ text-align:center; font-size: 1.6rem;}
.an span{ display:inline-block;}
.an .xy{ color:#ff891f;}
.tj{ width:100%; height:50px; font-weight:600; border:none; font-size:1.8rem; color:#fff; border-radius:30px; margin-top:20px; margin-bottom:20px; background: linear-gradient(100deg, #ff891f, #ff891f);}



.xieyi[type="checkbox"] {
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: sub;
    line-height: 20px;
    margin-right: 10px;
    position: relative;
}
 
.xieyi[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}
 
.xieyi[type="checkbox"]:checked::before {
    content: "\2713";
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #0577ea;
    border-radius:4px;
    color: #0577ea;
    font-size: 1.6rem;
    font-weight: bold;
}




#datescroll div{float:left;margin-top:15px;height:150px;}
#datescroll_datetime div{float: left;margin-left: 10%;padding-right: 22px;}
#yearwrapper{position: absolute;left:15px;top:0;bottom: 60px;width:33.333%;}
#monthwrapper{position: absolute;left: 33.333%;top:0;bottom: 60px;width:33.33%;}
#daywrapper{position: absolute;left:63%;top:0;bottom: 60px;width:33.33%;}
#Hourwrapper{position: absolute;left: 0;top:195px;bottom: 68px;width:80%;}
#Minutewrapper{position: absolute;left: 26%;top:195px;bottom: 68px;width:80%;}
#Secondwrapper{position: absolute;left: 50%;top:195px;bottom: 68px;width:80%;}
#Hourwrapper ul li{color: #898989;font-size: 12px;}
#Minutewrapper ul li{color: #898989;font-size: 12px;}
#Secondwrapper ul li{color: #898989;font-size: 12px;}
#yearwrapper ul li{color: #333;font-size: 1.4rem;height:50px;line-height:50px;}
#monthwrapper ul li{color: #333;font-size: 1.4rem;height:50px;line-height:50px;}
#monthwrapper ul li.crently,#yearwrapper ul li.crently,#daywrapper ul li.crently{color:#f80;}
#daywrapper ul li{color: #333;font-size: 1.4rem;height:50px;line-height:50px;}


#markhour{position:relative; margin-left: 62px;top:-2px;}
#markminut{position:relative; margin-left: 58px;top:-2px;}
#marksecond{position:relative; margin-left: 68px;top:-2px;}
#dateheader{width: 100%;height:50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 1.6rem;}
#setcancle ul{text-align: center; margin:1px auto;font-size: 1.6rem;}
#setcancle ul li{background:#f8f8f8;list-style-type: none;font-family:'microsoft yahei';font-size:1.4rem;width:50%;float:left;height:50px;line-height:50px;border-top:1px solid #e6e6e6;position:relative;}
#setcancle ul li:last-child:before{content:"";width:1px;height:100%;position:absolute;left:0;top:0;display:block;background:#e6e6e6;}
/*#datePlugin{overflow:hidden;position:fixed;left:0;top:0;z-index:99999;background:rgba(0,0,0,0.5);width:100%;height:100%;display:none;}*/
#datePlugin.show{display:block;}
#datePage{font-size: 22px; border-radius:3px;width:80%;height:170px;background: #fff;z-index:9999999;padding-bottom:50px;position:fixed;left:50%;top:50%;z-index:99999;margin-left:-40%;margin-top:-135px;background:#fff;border-radius:10px;overflow:hidden;-webkit-box-shadow:0 0 12px rgba(0,0,0,.175);box-shadow:0 0 12px rgba(0,0,0,.175)}
#datetitle{width: 100%;height:50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 1.6rem;font-family:'microsoft yahei';display:none;}
#datetitle h1{font-weight:normal;}
#datemark{font-size: 1.6rem;left:5%;width: 90%;height:48px;border:1px solid #eee;position:absolute;top:65px;border-radius:3px;-webkit-box-shadow:0 0 12px rgba(255,136,0,.3);box-shadow:0 0 12px rgba(255,136,0,.3)}
#datemark a{position:relative;width:20%;margin:0 6.666%;height:46px;float:left;}
#timemark{font-size: 1.6rem;left:5%;width:90%;height: 20px;position:absolute;top:242px;background:#e6e6e6;border:1px solid #e6e6e6;display:none;}
#datescroll{width:90%;padding:10px 0;margin:0 auto;height:150px;text-align:center;line-height: 40px;}
#datescroll_datetime{display: none;background:#F8F8F8;width:94%; margin:10px 3%;margin-top: 10px;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#yearwrapper ul,#monthwrapper ul,#daywrapper ul{}
#Hourwrapper ul,#Minutewrapper ul,#Secondwrapper ul{width:40%;}
#dateFooter{width:100%;background:#fff;height:50px;}

/*客服中心*/
.kefu a{ width:50%; text-align:center; display:inline-block; float:left; margin:30px auto;}
.wtfl{ width:100%; height:30px; color:#666; text-indent:1em; line-height:30px; background:#f0f0f0;}
.wtfw-01 li{ width:100%; border-bottom:1px solid #d3d1d2; padding-bottom:15px;margin-top: 15px;}
.wtfw-01 li figure{ width:10%; overflow:hidden; float:left; padding-left:15px;margin-top: 5px; margin-right: 10px;}
.wtfw-01 li figure img{ width:100%;}
.wtfw-p{ float:left;width: 80%}
.wtfw-01 li h3{ font-size: 1.6rem;}
.wtfw-01 li p{ font-size:1.4rem; color:#666;line-height: 1.8rem;margin: 0.4rem 0;}
.wtfw-01 li span{ display:block; float:right;margin-top: 15px; margin-right: 15px;}
.wtfw-02 li{width:100%; border-bottom:1px solid #d3d1d2; padding-bottom:38px;margin-top: 15px;}
.wtfw-02 li h4{font-size: 1.6rem; float:left; padding-left:15px;}
.wtfw-02 li span{ display:block; float:right;margin-right: 15px;}
.wtfw-02 li:last-child{ border:none;}
.form .p2{ width:100%; border-bottom:1px solid #d3d1d2;padding: 10px 0; background:#fff;}
.form .p2 span{ width:30px; margin-left:20px; display:block; float:left; margin-right:20px;}
.form .p2 span img{ width:100%;}
.form .p2 input{ border:none; font-size:0.4rem;line-height: 36px;width: 85%;}
.bc input{ background:#fff; border-top:1px solid #d3d2d1;border-bottom:1px solid #d3d2d1; width:100%; padding:10px 0;text-align:center; font-size:1.4rem; color:#0577ea; margin-top:20px;  border-right: none;border-left: none;}

/* 订单预约成功 */
.yy-top{ background:url(../images/index_32.png) no-repeat center; width: 100%; height:126px ;}
.yy-h3{ font-size:2.4rem; color: #000; border-left:4px solid #ff891f; padding-left:10px;  margin-top: 30px;}
.smdd{border-bottom: 1px solid #efeded; color: #888; font-size: 1.8rem; margin-top: 20px; padding-bottom: 20px; line-height: 3.0rem;}
.yhfl-1{color: #888; font-size: 1.8rem;line-height: 3.0rem; margin-top: 20px;}
.yhfl-1 p img{ width: 32px; height: auto; display: block;float: left; margin-right: 10px;margin-top:9px;}
.yhfl-1 p span{ color: #03a033;}
.fhsy{ border-radius: 5px; background: #ff891f;; color: #fff;text-align: center; display: block;width: 100%;height:4.0rem;line-height: 4.0rem; font-size: 1.8rem; margin-top: 30px;letter-spacing: 5px;}
.fhsy:hover{ color: #fff;}

/* 订单记录 */
.jilu-body{ background: #f1eff0;}
.jilu{ width: 100%;text-align: center;background: #fff;}
.jilu ul li{ text-align: center; font-size: 1.8rem;}
.jilu ul li a{ color: #333;display: inline-block; width: 32%;text-align: center; border-bottom:3px solid #fff; padding-bottom: 15px; padding-top: 15px;}
.jilu ul li a:hover{border-bottom:3px solid #ff891f;}
.jilu ul li .jilu-hover{border-bottom:3px solid #ff891f;}
.jilu-2{width: 100%; padding-top: 20px; margin-bottom: 100px;}
.jilu-2-1{ background: url(../images/index_33.png) no-repeat top #fff;border-radius:10px; width: 100%; padding-top: 15px; padding-bottom:15px;margin-bottom:30px;border: 1px solid #bbbaba;}
.jilu-2-2 img{width:150px;height: auto; display: block; float: left; margin-right: 15px;}
.jilu-2-2 .zfb{padding-left: 20px;}
.jilu-2-rught {color: #fff;font-size: 1.8rem; text-align: right; padding-right: 20px;line-height: 60px;}
.jilu-3-ul {margin-top: 50px;border-bottom:1px solid #d3d1d2;padding-bottom: 20px;}
.jilu-3-ul li{ float: left;width: 32%; color: #666; font-size: 1.6rem;}
.jilu-3-ul li span{ display: block; background: url(../images/index_37.png);width: 25px; height: 33px; background-size: 100% auto; float: left;margin-left: 1em; margin-right: 5px;}
.jilu-3-ul li:nth-child(3){ color: #ff891f;}
.jilu-3-ul li .jilu-3-ioc-1{ background-position: 0 0;}
.jilu-3-ul li .jilu-3-ioc-2{ background-position: 0 72px;}
.jilu-3-ul li .jilu-3-ioc-3{ background-position: 0 37px;}
.jilu-4{padding:20px 20px 0; font-size: 1.8rem; line-height: 3.0rem;}
.jilu-4 span{ display: inline-block; color: #999; padding-right: 10px;}
.jilu-5{ text-align: center;}
.jilu-5 a{display: inline-block;text-align:center; font-size: 1.6rem; color: #fff; background: #ff891f;border-radius: 5px; padding:7px 25px; margin:20px 5px 0;}

.footer{ position: fixed;bottom: 0;background: #fff; width:640px;  border-top: 1px solid #BBBABA; height: 50px;padding: 15px 0 20px;}
.footer ul li{text-align: center; font-size: 1.6rem;width: 25%; float: left;}
.footer ul li span{ display: block;}
.footer ul li .footer-ico{ width: 35px;height: 33px;background: url(../images/index_38.png); margin:0 auto 5px;}
.footer ul li .footer-ico-1{background-position: 0 0;}
.footer ul li .footer-ico-2{background-position: 0 160px;}
.footer ul li .footer-ico-3{background-position: 0 115px;}
.footer ul li .footer-ico-4{background-position: 0 66px;}
.footer ul li:hover span{color: #ff891f;}
.footer ul .footer-hover span{color: #ff891f;}
.footer ul li:hover .footer-ico-1{background-position: 43px 0;}
.footer ul li:hover .footer-ico-2{background-position: -42px 160px;}
.footer ul li:hover .footer-ico-3{background-position: -42px 115px;}
.footer ul li:hover .footer-ico-4{background-position: -42px 66px;}
.footer ul .footer-hover .footer-ico-2{background-position: -42px 160px;}
.footer ul .footer-hover .footer-ico-1{background-position: -42px 204px;}
.footer ul .footer-hover .footer-ico-3{background-position: -42px 115px;}
.footer ul .footer-hover .footer-ico-4{background-position: -42px 66px;}
/* 个人中心 */
.grzx-top{background: #00aef3; width: 100%; padding-top:20px;padding-bottom: 30px;}
.grzx-top h2{ font-size: 2.4rem; color: #fff;}
.grzx-1{margin-top: 40px;}
.touxiang{border-radius: 50%;width: 70px;height: 70px; overflow: hidden;float: left; margin-right: 20px;}
.touxiang img{ width: 100%;height:100%;}
.grzx-1 p{ font-size:2.4rem; color: #fff;padding-top: 8px;}
.grzx-1 p span{ display: inline-block; background: url(../images/V.png) no-repeat left;
    width: 21px;
    height: 22px;
    font-size: 1.6rem;
    text-align: right;
    background-position-y: 5px;
    line-height: 26px;
    color: #f4e921;
    margin-left: 5px;
}
.grzx-1 a{display: block; border: 1px solid #fff; border-radius: 30px;text-align: center;font-size:1.6rem; padding:0px 10px 2px; color: #fff; float: left; margin-top: 5px;}
.grzx-z{ width: 100%;background: #fff; padding: 20px 0;}
.grzx-logo{ width: 6.0rem; height: 6.0rem;overflow: hidden; float: left; margin-right: 10px;}
.grzx-logo img{width: 100%;}
.grzx-logo-p{font-size: 1.6rem;padding-top: 5px;float: left;}
.grzx-logo-p span{ color: #666;}
.grzx-logo-a{background-color: #00aef3; /* 不支持线性的时候显示 */
    background-image: linear-gradient(to right, #00aef3 , #00aef3);
	width: 114px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	float: right;
	border-radius: 5px;
	margin-top: 9px;
}
.grzx-logo-a a{display: block;width: 100%; color: #fff;font-size: 1.6rem;}
.grzx-2{width: 100%; background: #fff; margin-top: 10px;}
.grzx-2-ul li{ width: 100%; border-bottom: 1px solid #efeded;float: left;padding: 10px 0;}
.grzx-2-ul li span{display: block; font-size: 1.6rem;line-height: 3.0rem;}
.grzx-2-ul li .grzx-2-ioc{width: 34px;height: 3.5rem;background: url(../images/index_39.png);float: left;margin-right:20px;}
.grzx-2-ul li .grzx-2-ioc-1{background-position: 0 8px;}
.grzx-2-ul li .grzx-2-ioc-2{background-position: 0 -38px;}
.grzx-2-ul li .grzx-2-ioc-3{background-position: 0 -84px;}
.grzx-2-ul li .grzx-2-ioc-4{background-position: 0 -134px;}
.grzx-2-ul li .grzx-2-ioc-5{background-position: 0 -192px;}
.grzx-2-ul li .grzx-2-ioc-6{background-position: 0 -246px;}
.grzx-2-ul li .grzx-2-ioc-7{background-position: 0 63px;}

.db-kf{position: fixed;right: 5px;bottom: 10%;width: 70px;height: 70px;overflow: hidden;}
.db-kf img{width: 100%;}

/* 推荐好友 */
.fx-logo {margin-top: 30px;}
.fx-logo span{width:50px;height:50px;background: #ff891f; padding: 5px;display: block;float: left; margin-right: 10px;}
.fx-logo span img{width: 100%;}
.fx-logo h1{ font-size: 2.4rem; line-height: 55px; float: left;}
.fx-logo a{ font-size: 1.6rem; color: #0577EA; display: block;float: right; line-height: 55px;}
.fx-1{width:100%;margin:30px auto;overflow: hidden;}
.fx-1 img{width: 100%;}
.fx-1-a{display: block;border: 1px solid #3b84a1;color: #fff;background: #00aef3;text-align: center;width: 95%;height: 50px; line-height: 50px; margin: 0 auto;}
.fx-1-p{ font-size: 1.6rem; text-align: center; margin-top: 15px;}