/*头部*/
.yjd_head { width:100%; height:60px; position: fixed; left: 0; top: 0; z-index: 100; background: #fff; border-bottom: 1px solid #01b8fc; }
.yjd_head_fh { background: #5cd3ff; border-bottom: 0; width: 100%; padding: 0; }
.yjd_head h1 { min-width: 50%; text-align: center; font-size: 18px; font-weight: 600; color: #01b8fc; float: left; line-height: 44px; overflow: hidden; }
.yjd_head h2 { width: 55%; text-align: center; font-size: 18px; font-weight: 400; color: #01b8fc; float: left; line-height: 44px; overflow: hidden; }
.yjd_head .logo { background-size: auto 50%; height: 60px; float: left; }
.yjd_head .logo img {float: left; width:100%;}
.yjd_head .bak { width: 9%; height: 40px; margin: 0 6px 0 0; padding: 2px 0; text-align: center; display: block; background: url(../images/bak.png) center 3px no-repeat; background-size: auto 50%; float: right; }
.yjd_head .bak span { width: 104%; height: 20px; line-height: 20px; text-align: center; padding-top: 22px; display: block; }
.yjd_head_fh .bak { background: url(../images/lxs_index_icon_all.png) no-repeat; background-size: 200px auto; display: inline-block; margin: 11px 0 0 10px; width: 13px; height: 21px; float: left; }
.yjd_head_fh .bak span { display: none; }
.yjd_head .Search { height:28px; line-height:28px; width: 49%; -webkit-box-flex: 1; box-shadow: 0 1px 1px rgba(6, 0, 1, .09); border: solid 1px #5cd3ff; background: #fff; border-radius: 2px; margin:7px 5%; color: #ccc; float: left; }
.yjd_head .Search a { background: #fff url(../images/wangli_sjdbg.png) -1px -79px no-repeat; width:16px; height:15px; margin:7px 4px; float: left; background-size:400px;}
.yjd_head .city_select { width: 9%; height: 40px; float: right; padding: 2px 0 2px 0; }
.yjd_head .city_select a { width: 100%; text-align: center; display: block; background: url(../images/topright.png) center 6px no-repeat; background-size: auto 70%; }
.yjd_head .city_select span { width: 104%; height: 20px; line-height: 20px; text-align: center; padding-top: 22px; display: block; }
.yjd_head_nav { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; background: #fff; border-bottom: 1px solid #01b8fc; display: flex; display: -webkit-flex; align-items: center; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.yjd_head_nav a { display: inline-block; height: 44px; -webkit-flex-shrink: 0; flex-shrink: 0; line-height: 44px; padding: 0 5px; font-size: 18px; color: #222; font-weight: 500; }
.yjd_head_nav a.active_on { width: auto; height: 42px; line-height: 42px; border-bottom: 2px solid #01b8fc; color: #01b8fc; font-weight: 400; overflow: hidden; font-weight: 500; }
/*订单头部*/
.sub_header { width: 94%; padding: 0 3%; height: 44px; position: fixed; left: 0; top: 0; z-index: 100; border-bottom: 1px solid #01b8fc;background-color: #fdfdfd; }
.sub_header .sh_l { width: 20px; height: 20px; margin-top: 12px; float: left; }
.sub_header .sh_c { line-height: 45px; color: #fff; }
.sub_header h3 { width: 55%; text-align: center; font-size: 18px; font-weight: 600; color: #01b8fc; float: left; overflow: hidden;margin-top:10px; }
.sub_header .logo { background-size: auto 50%; height: 44px; float: left; }
.sub_header .logo img { height: 35px; float: left; max-width: 110px;margin-top:5px; }
.sub_header .bak { width: 10%; height: 40px; margin: 0 6px 0 0; padding: 2px 0; text-align: center; display: block; background: url(../images/bak.png) center 3px no-repeat; background-size: auto 50%; float: right; }
.sub_header .bak span { width: 100%; height: 20px; line-height: 20px; text-align: center; padding-top: 22px; display: block; }
/*底部*/
.footer { padding: 5px 0 0 0; margin: 0 0 50px 0; background: #fff; text-align: center; display: block; line-height: 22px }
.footer .footli { display: inline-block; width: 100%; color: #999; font-size: 12px; }
.footer li { width: 100%; height: auto; float: left; list-style: none; }
.footer li .footli { width: 100%; height: auto; float: left; }
.footer .footli img { max-width: 100%; height: auto; float: left; display: block; }
.footer .foot_about { width: 100%; height: 40px; float: left; background: #5cd3ff; text-align: center; display: flex; overflow-x: auto; }
.footer .foot_about a { height: 40px; padding: 0 1%; margin: 0 1%; color: #fff; line-height: 40px; flex-shrink: 0; -webkit-flex-shrink: 0; font-size: 14px; }
.footer .foot_tel { width: 100%; height: 40px; line-height: 40px; float: left; font-size: 14px; font-weight: 700; text-align: center; }
.footer .p1 a { margin: 0 5px; color: #5cd3ff; }
.footer .flink { color: #f4f4f4; }
.footer .flink a { color: #f4f4f4; margin-right: 15px; }
.bottom { height: 49px; background:#01b8fc; position: fixed; left: 0; bottom: 0; z-index: 100001; border-top: 1px solid #f4f4f4; width: 100%; text-align: center }
.bottom li { width:20%; height: 50px; float: left; text-align: center; position: relative; }
.bottom li em { height: 20px; text-align: center; display: block; color:#fff;}
.bottom .sb3 { width:40%; float: left; text-align: center; background: #f90; }
.bottom .sb3 em { color: #fff; }
.bottom li img { width: 25px; height: 25px; display: block; margin: 3px auto 3px auto; }
.bottom li a img { width: 25px; height: 25px; display: block; }
.bottom li .weixinkefu { background: url(../images/weixin.gif) center no-repeat; background-size: auto 25px; width: 35px; height: 25px; margin: 3px auto 3px auto; display: block; }
.bottom li .weixinkefu1 { background: url(../images/weixin1.png) center no-repeat; background-size: auto 25px; width: 35px; height: 25px; margin: 3px auto 3px auto; display: block; }
.bottom li .guanyu { background: url(../images/guanyu.png) center no-repeat; background-size: auto 25px; width: 25px; height: 25px; margin: 3px auto 3px auto; display: block; }
.bottom li .telzixun { background: url(../images/tel.png) center no-repeat; background-size: auto 25px; width: 25px; height: 25px; margin: 3px auto 3px auto; display: block; }
.bottom li .userzx { background: url(../images/user.png) center no-repeat; background-size: auto 25px; width: 25px; height: 25px; margin: 3px auto 3px auto; display: block; }
.bottom li .shouye { background: url(../images/home.png) center no-repeat; background-size: auto 25px; width: 25px; height: 25px; margin: 3px auto 3px auto; display: block; }
.bottom li .yuding { background: url(../images/yuding.png) center no-repeat; background-size: auto 25px; width: 25px; height: 25px; margin: 3px auto 3px auto; display: block; }
.bottom li .quik_pay { background: url(../images/quick_pay.png) center no-repeat; background-size: auto 25px; width: 25px; height: 25px; margin: 3px auto 3px auto; display: block; }
.upbtn { width: 35px; height: 35px; position: fixed; z-index: 100001; bottom:60px; right: 20px; }
.upbtn .goup { background: url(../images/ding.png) center no-repeat; background-size: auto 100%; width: 35px; height: 35px; display: block; margin: 3px 0; }
.bcIndex { width: 35px; height: 35px; position: fixed; bottom:105px; right: 20px; }
.bcIndex_P { width: 35px; height: 35px; position: fixed; bottom:150px; right: 20px; }
.upbtn .gohome { background: url(../images/kefuyd.png) center no-repeat; background-size: auto 100%; width: 35px; height: 35px; display: block; margin: 3px 0; }
.upbtn .gophone { background: url(../images/tel.png) center no-repeat; background-size: auto 100%; width: 35px; height: 35px; display: block; margin: 3px 0; }