html{
}
body {
	margin:0;
	padding:0 0 62px 0;
	font:13px/1.5 SourceHanSansCN-Light,Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:#F6F6F6;
}
select{
  font:13px/1.5 SourceHanSansCN-Light,Verdana, Arial, Helvetica, sans-serif;
}
ul,li,dl,dd,dt{
	margin:0;
	padding:0;
	list-style-type:none;
}
h1,h2,h3{
	margin:0;
	padding:0;
	font-weight: normal;
}
img{
	border:none;
}
@font-face {
  font-family: "SourceHanSansCN-Light";
  src: url("/images/font/SourceHanSansCN-Light.otf");
  font-family: "SourceHanSansCN-Normal";
  src: url("/images/font/SourceHanSansCN-Normal");
  font-family: "SourceHanSansCN-Regular";
  src: url("/images/font/SourceHanSansCN-Regular.otf");
  font-family: "SourceHanSansCN-Bold";
  src: url("/images/font/SourceHanSansCN-Bold.otf");
}
.wrapper{
	width:92%;
	margin:0 auto;
}
a,a:focus,a:hover,.btn:focus,li, li:focus, li:hover, input, input:focus, input:hover, textarea, textarea:focus, textarea:hover, select, select:focus, select:hover {
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
a,a:link,a:active,a:visited {
	color:#333333;
	text-decoration:none;
  outline: none;
}
a:hover {
	color:#333333;
	text-decoration:none;
}
.m12{
  margin-top:12px !important;
}
.line{
  border-bottom: 1px solid #F0F0F0;
}
.line:last-child{
  border-bottom: none;
}
a.btsa{
  display: inline-block;
  width: 65px;
  height: 22px;
  line-height: 22px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 5px;
  margin: 5px 2% 5px 0;
}
a.bt{
  display: inline-block;
  width: 30%;
  height: 35px;
  line-height: 35px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 5px;
  margin: 6px 2% 6px 0;
}
a.bt-blue{
  background-color: #3085BE;
}
a.bt-red{
  background-color: #FF6600;
}
a.bt-green{
  background-color: #20D274;
}
a.submit,.submit{
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  border-radius: 5px;
  margin: 6px 2% 6px 0;
  background-color: #3085BE;
  border: none;
}
input[type=button].submit{
  display: block;
  width: 100%;
  height: 42px;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  border-radius: 5px;
  margin: 6px 2% 6px 0;
  background-color: #3085BE;
  border: none;
  -webkit-appearance: none;
}
a.bt-goods{
  display: block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  margin: 8px auto 0 auto;
  border: 1px solid #3085BE;
  color: #3085BE;
  text-align: center;
  border-radius: 5px;
}
.white,table.table-list td{
  border-bottom: 1px solid #F0F0F0;
}
table.table-list{
  font-size: 12px;
}

.edit-input{
  width: 98%;
  border: none;
  color: #000 !important;
  line-height: 36px;
  height: 36px;
  font-size: 13px;
  padding: 0 1%;
  background: #FFFFFF !important;
  text-align: right;
}
.edit-textarea{
  width: 98%;
  border:1px solid #EAEAEA;
  color: #000;
  line-height: 25px;
  height: 36px;
  font-size: 15px;
  padding: 0 1%;
  background: #FFFFFF;
  min-height: 150px;
}
.float_left{
	float:left;
	}
.float_right{
	float:right;
}
.m20{
	margin-top:20px;
}
.m30{
	margin-top:30px;
}
.red{
  color: #FF0000;
}
.green{
  color: #20D274;
}
.orange{
  color: #FC883D;
}
.blue{
  color: #3085BE;
}
.golden{
  color: #f4ea2a;
}
.c80{
  color: #8C8C8C;
}
.lh180{
  line-height: 180%;
}
.header{
  position:relative;
  width: 100%;
  height: 45px;
  padding: 0;
  background-color: #3085BE;
}
.header.black{
  background-color: #24292D;
}
.header .head-logo{
  position: absolute;
  left: 15px;
  top: 10px;
  width: 30%;
  height: 22px;
  background: url(../images/icon-head-logo.png) no-repeat left center;
  background-size: auto 22px;
}
.header .head-back{
  position: absolute;
  left: 6px;
  top: 11px;
  width: 30%;
  height: 22px;
  background: url(../images/icon-head-back.svg) no-repeat left center;
  background-size: auto 24px;
  z-index: 99;
}
.header .head-back a,.header .head-logo a,.header .head-txt a{
  color: #FFFFFF;
  display: block;
  width: 100%;
  height: 24px;
  text-indent: -9999px;
}
.header .head-title{
  width: 100%;
  height: 45px;
  color: #FFFFFF;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
}
.header .head-search{
  position: absolute;
  right: 13px;
  top: 11px;
  width: 22px;
  height: 22px;
  background: url(../images/icon-head-search.svg) no-repeat center center;
  background-size: 22px 22px;
  z-index: 99;
}
.header .head-search a{
  color: #FFFFFF;
  display: block;
  width: 100%;
  height: 22px;
  text-indent: -9999px;
}
.header .head-search .search-d{
  display:block;
  position: absolute;
  top: 6px;
  right: -12px;
  width: 330px;
  height: 30px;
  padding: 0 0;
  z-index: 999;
  transition:all .3s ease 0s;
  visibility:hidden;
  transform:translate3d(0,-10px,0);
}
@media only screen and (max-width:340px){
.header .head-search .search-d{
  width: 280px;
}
}
@media only screen and (max-width:360px){
.header .head-search .search-d{
  width: 320px;
}
}
.header .head-search:hover .search-d{
  opacity:1;
  transform:translate3d(0,-10px,0);
  visibility:visible;
}
.header .head-search input[type=text] {
  float: left;
  border:none;
  padding: 0 3%;
  height: 30px;
  width: 75%;
  font-size: 15px;
  border-radius: 5px;
  background-color: #FFFFFF;
}
.header .head-search input[type=submit] {
  float: left;
  border:none;
  background: #3085BE;
  color: #fff;
  padding: 0 0 0 3%;
  height: 30px;
  width: 15%;
  font-size: 16px;
}
.header .head-search input[type=button] {
  float: left;
  border:none;
  background: #3085BE;
  color: #fff;
  padding: 0 0 0 3%;
  height: 30px;
  width: 15%;
  font-size: 16px;
}
.header .head-txt{
  position: absolute;
  right: 15px;
  top: 11px;
  width: 30%;
  height: 24px;
  text-align: right;
  font-size: 16px;
}
.header .head-title-user{
  width: 100%;
  height: 45px;
  color: #FFFFFF;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  position: relative;
}
.header .head-title-user img{
  vertical-align: -3px;
  background-color: #2AAFFE;
  border: 1px solid #2AAFFE;
  border-radius: 10px;
}
.header .head-title-user .customer-cur{
  display:block;
  position: absolute;
  top: 46px;
  right: 0;
  width: 100%;
  height: auto;
  padding: 0 0;
  z-index: 999;
  font-size: 15px;
  line-height: 40px;
  transition:all .3s ease 0s;
  visibility:hidden;
  transform:translate3d(0,-20px,0);
  background-color: #f9f9f9;
}
.header .head-title-user .customer-cur a{
  display: block;
  border-bottom: 1px solid #F0F0F0;
}
.header .head-title-user:hover .customer-cur{
  opacity:1;
  transform:translate3d(0,0,0);
  visibility:visible;
}
.message-nav{
  display: table;
  width: 100%;
  height: 115px;
  background-color: #FFFFFF;
  overflow: hidden;
}
.message-nav li{
  float: left;
  width: 25%;
  height: auto;
  margin: 27px 0 0 0;
  text-align: center;
  line-height: 18px;
  position: relative;
  font-size: 13px;
}
.message-nav li a{
  display: block;
  width: 100%;
}
.message-nav li div{
  display: block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  margin: 0 auto 8px auto;
  text-align: center;
}
.message-nav li img{
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 11px 0;
}
.message-nav li div.blue{
  background-color: #408AF5;
}
.message-nav li div.green{
  background-color: #20D274;
}
.message-nav li div.yellow{
  background-color: #FEAD28;
}
.message-nav li div.orange{
  background-color: #FC883D;
}
.message-nav li span{
  position: absolute;
  top: -8px;
  left: 50%;
  font-size: 12px;
  color: #FFFFFF;
  margin: 0 0 0 16px;
  padding: 0 5px;
  height: 16px;
  line-height: 16px;
  width: auto;
  border-radius: 8px;
  background-color: #FF0000;
}
.child-nav{
  display: table;
  width: 100%;
  height: 45px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #f2f2f2;
}
.child-nav a{
  float: left;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  text-align: center;
  padding: 8px 0;
  border-top: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  color: #333333;
}
.child-nav a.cur{
  color: #3085BE;
  border-bottom: 2px solid #3085BE;
}
.child-nav .wt{
  float: left;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  text-align: center;
  padding: 8px 0;
  color: #333333;
}
.child-nav a.w25,.child-nav .wt.w25{
  width: 23%;
  margin: 0 1%;
}
.child-nav a.w20,.child-nav .wt.w20{
  width: 18%;
  margin: 0 1%;
}
.child-nav a.w33,.child-nav .wt.w33{
  width: 31%;
  margin: 0 1%;
}
.child-nav a.w50,.child-nav .wt.w50{
  width: 48%;
  margin: 0 
}
nav.menu{
  position: fixed;
  bottom: 0;
  width: 94%;
  padding: 0 3%;
  height: 50px;
  border-top:1px solid #F0F0F0;
  background-color: #FFFFFF;
}
nav.menu li{
  float: left;
  width: 20%;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
}
nav.menu li a{
  display: block;
  padding: 30px 0 0 0;
  height: 20px;
  color: #686868;
}
nav.menu li.nav-message-cur a,nav.menu li.nav-report-cur a,nav.menu li.nav-work-cur a,nav.menu li.nav-admin-cur a,nav.menu li.nav-my-cur a{
  color: #3085BE;
}
nav.menu li.nav-message{
  background:url(../images/icon-nav-message.png) no-repeat center 6px;
  background-size: 22px 22px;
}
nav.menu li.nav-message-cur{
  background:url(../images/icon-nav-message-v.png) no-repeat center 6px;
  background-size: 22px 22px;
}
nav.menu li.nav-report{
  background:url(../images/icon-nav-report.png) no-repeat center 6px;
  background-size: 22px 22px;
}
nav.menu li.nav-report-cur{
  background:url(../images/icon-nav-report-v.png) no-repeat center 6px;
  background-size: 22px 22px;
}
nav.menu li.nav-work{
  background:url(../images/icon-nav-work.png) no-repeat center 6px;
  background-size: 22px 22px;
}
nav.menu li.nav-work-cur{
  background:url(../images/icon-nav-work-v.png) no-repeat center 6px;
  background-size: 22px 22px;
}
nav.menu li.nav-admin{
  background:url(../images/icon-nav-admin.png) no-repeat center 6px;
  background-size: 22px 22px;
}
nav.menu li.nav-admin-cur{
  background:url(../images/icon-nav-admin-v.png) no-repeat center 6px;
  background-size: 22px 22px;
}
nav.menu li.nav-my{
  background:url(../images/icon-nav-my.png) no-repeat center 6px;
  background-size: 22px 22px;
}
nav.menu li.nav-my-cur{
  background:url(../images/icon-nav-my-v.png) no-repeat center 6px;
  background-size: 22px 22px;
}

/*message*/
.message-list{
  display: table;
  width: 100%;
  margin: 12px 0 0 0;
  background-color: #FFFFFF;
  overflow: hidden;
}
.message-list ul{
  width: 100%;
  margin-bottom:-1px;
}
.message-list li{
  display:table;
  width: 100%;
  padding: 16px 0 0 0;
}
.message-list li .ml-icon{
  float: left;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  margin: 0 0 0 4.5%;
  vertical-align:top;
}
.message-list li .icon-ml-reserve{
  border:8px solid #408AF5;
  background:#408AF5 url(../images/icon-message-nav01.svg) no-repeat center center;
  background-size: 24px 24px; 
}
.message-list li .icon-ml-order{
  border:8px solid #20D274;
  background:#20D274 url(../images/icon-message-nav02.svg) no-repeat center center;
  background-size: 24px 24px; 
}
.message-list li .icon-ml-customer{
  border:8px solid #FEAD28;
  background:#FEAD28 url(../images/icon-message-nav03.svg) no-repeat center center;
  background-size: 24px 24px; 
}
.message-list li .icon-ml-attention{
  border:8px solid #FC883D;
  background:#FC883D url(../images/icon-message-nav04.svg) no-repeat center center;
  background-size: 24px 24px; 
}
.message-list li a .ml-txt{
  float: right;
  padding: 0 4.5% 16px 0;
  width: 77%;
  vertical-align: middle;
  border-bottom: 1px solid #F0F0F0;
}
.message-list li a .ml-title{
  font-size:16px;
  color: #000000;
}
.message-list li a .ml-title span{
  float: right;
  font-size:12px;
  color: #8C8C8C;
}
.message-list li a .ml-desc{
  font-size:12px;
  color: #8C8C8C;
  max-height: 38px;
  overflow: hidden;
}
.ms-time{
  display: table;
  width: 91%;
  padding: 0 4.5%;
  font-size: 12px;
  color: #8C8C8C;
  margin: 12px 0 -9px 0;
}
.message-detail{
  display: table;
  width: 100%;
  margin: 0;
}
.message-detail .md-time{
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #8C8C8C;
  padding: 20px 0 10px 0;
}
.message-detail .md-box{
  display: block;
  width: 92%;
  margin: 0 auto;
  border-radius: 5px;
  font-size: 14px;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
}
.message-detail .md-title{
  width: 94%;
  padding: 15px 3%;
  font-size: 16px;
  color: #000000;
}
.message-detail .md-desc{
  width: 94%;
  padding: 0 3% 25px 3%;
  font-size: 13px;
  color: #808080;
  line-height: 26px;
}
.message-detail .md-link{
  width: 94%;
  padding: 10px 3% 10px 3%;
  font-size: 16px;
  color: #808080;
  border-top:1px solid #F0F0F0; 
  background: url(../images/icon-more.png) no-repeat 98% center;
  background-size: 16px auto;
}
.message-detail .md-link a{
  display: block;
  width: 100%;
  color: #808080;
}
/*comment*/
.comment-list{
  display: table;
  width: 100%;
  margin: 12px 0 0 0;
  background-color: #FFFFFF;
  overflow: hidden;
}
.comment-list ul{
  width: 100%;
  margin-bottom:-1px;
}
.comment-list li{
  display:table;
  width: 100%;
  padding: 16px 0 0 0;
}
.comment-list li img{
  float: left;
  width: 46px;
  height: 46px;
  border-radius: 5px;
  margin: 0 0 0 4.5%;
  vertical-align:top;
}
.comment-list li .ml-txt{
  float: right;
  padding: 0 4.5% 16px 0;
  width: 77%;
  vertical-align: middle;
  border-bottom: 1px solid #F0F0F0;
}
.comment-list li .ml-title{
  font-size:16px;
  color: #000000;
}
.comment-list li .ml-title span{
  display: block;
  font-size:12px;
  color: #8C8C8C;
}
.comment-list li .ml-title strong{
  font-weight: normal;
  font-size:14px;
  color: #8C8C8C;
}
.comment-list li .ml-desc{
  font-size:12px;
  color: #8C8C8C;
}
/*admin*/
.admin-nav{
  display: table;
  width: 100%;
  height: 115px;
  background-color: #FFFFFF;
  overflow: hidden;
}
.admin-nav ul{
  display: block;
  width:96%;
  margin: 0 auto;
}
.admin-nav li{
  float: left;
  width: 20%;
  height: auto;
  margin: 22px 0 0 0;
  text-align: center;
  line-height: 18px;
  position: relative;
  font-size: 13px;
}
.admin-nav li.w25{
  width: 25% !important;
}
.admin-nav li a{
  display: block;
  width: 100%;
}
.admin-nav li div{
  display: block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  margin: 0 auto 8px auto;
  text-align: center;
}
.admin-nav li img{
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 11px 0;
}
.admin-nav li div.blue{
  background-color: #408AF5;
}
.admin-nav li div.golden{
  background-color: #f4ea2a;
}
.admin-nav li div.green{
  background-color: #20D274;
}
.admin-nav li div.yellow{
  background-color: #FEAD28;
}
.admin-nav li div.orange{
  background-color: #FC883D;
}
.admin-nav li div.purple{
  background-color: #2AAFFE;
}
.admin-nav li div.pink{
  background-color: #FC3D8B;
}
.order-list{
  display: table;
  width: 100%;
}
.order-list li{
  display: block;
  width: 100%;
  background-color: #FFFFFF;
  margin: 12px 0 0 0;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.02);
}
.order-list li .ol-title{
  display: block;
  width: 92%;
  margin: 0 auto;
  padding: 15px 4%;
  color: #808080;
}
.order-list li .ol-title strong{
  font-weight: normal;
  font-size: 16px;
  color: #000000;
  line-height: 32px;
}
.order-list li .ol-title span{
  float: right;
  text-align: right;
}
.order-list li .ol-package{
  display: block;
  width: 92%;
  margin: 0 auto;
  padding: 15px 4%;
  color: #000000;
  font-size: 16px;
  height: 50px;
  overflow: hidden;
  line-height: 50px;
  background-color: #F9F9F9;
}
.order-list li .ol-package img{
  float: left;
  width: 50px;
  height: 50px;
  margin: 0 10px 0 0;
}
.order-list li .ol-money{
  display: block;
  width: 92%;
  margin: 0 auto;
  padding: 15px 4%;
  color: #333333;
  font-size: 15px;
  line-height: 32px;
}
.order-list li .ol-money strong{
  font-weight: normal;
}
.order-list li .ol-money span{
  float: right;
  text-align: right;
  color: #000000;
}
.order-list li .ol-money span b{
  font-size: 20px;
  font-weight: normal;
  padding: 0 2px;
}
.top-txt{
  display: block;
  width: 92%;
  height: 22px;
  margin: 12px auto -8px auto;
  font-size: 13px;
  color: #8C8C8C;
}
.top-txt a{
  color: #8C8C8C;
}
.top-txt a.bt-blue{
  display: block;
  width: auto;
  height: 22px;
  line-height: 22px;
  margin: -2px 0 0 0;
  padding: 0 10px;
  background:#2AAFFE;
  text-align: center;
  color: #FFFFFF;
  border-radius: 5px;
}
.selget{
  width: 92%;
  height: 29px;
  margin: 0 auto;
  font-size: 13px;
  color: #333333;
  background-color: #FFFFFF;
  outline: none;
  border: none;
}
.selget-bd{
  width: 96%;
  height: 35px;
  margin: 0 0;
  font-size: 15px;
  color: #333333;
  background-color: #FFFFFF;
  outline: none;
  border: 1px solid #EAEAEA;
  line-height: 35px;
  padding: 0 2%;
  border-radius: 5px;
}
.layui-input{
  width: 85px;
  height: 20px;
  margin: -5px 0 0 0;
  padding: 0 0 0 25px;
  background:#FFFFFF url(../images/icon-date.png) no-repeat 3px center;
  background-size: 15px 15px;
  outline: none;
  border:1px solid #EAEAEA;
}
.detail-box{
  display: table;
  width: 100%;
  padding: 15px 0;
  margin: 0 0 12px 0;
  background-color: #FFFFFF;
}
.detail-box h2{
  display: block;
  width: 92%;
  margin: 0 auto 8px auto;
  font-weight: normal;
  font-size: 16px;
  color: #000000;
}
.db-title{
  display: block;
  width: 92%;
  margin: 15px auto 8px auto;
  font-weight: normal;
  font-size: 16px;
  color: #000000;
}
.detail-box .db-li{
  display: block;
  width: 92%;
  margin: 0 0 0 4%;
  padding: 0 4% 0 0;
  height: 38px;
  line-height: 38px;
  font-size: 13px;
  border-bottom: 1px solid #F0F0F0;
}
.detail-box .db-li img{
  display: block;
}
.detail-box .db-li:last-child{
  border-bottom:none;
}
.detail-box .db-li .fl{
  float: left;
  color: #808080;
}
.detail-box .db-li .fr{
  float: right;
}
.detail-box .od-title{
  display: block;
  width: 92%;
  margin: 0 4% 0 4%;
  height: 38px;
  line-height: 38px;
  font-size: 15px;
}
.od-package{
  display: block;
  width: 92%;
  margin: 0 0 0 4%;
  padding: 15px 4% 15px 0;
  color: #000000;
  font-size: 16px;
  height: 50px;
  overflow: hidden;
  line-height: 50px;
  background-color: #FFFFFF;
}
.od-package img{
  float: left;
  width: 50px;
  height: 50px;
  margin: 0 10px 0 0;
}
.store-list{
  display: table;
  width: 100%;
}
.store-list ul{
  display: block;
  width: 100%;
  background-color: #FFFFFF;
  margin: 12px 0 0 0;
}
.store-list li{
  display:table;
  width: 92%;
  padding: 25px 4%;
  border-bottom: 1px solid #F0F0F0; 
}
.store-list li:last-child{
  border-bottom:none; 
}
.store-list li a.fl{
  float: left;
  width:78%;
}
.store-list li a.fl img{
  float: left;
  width: 80px;
  height: 80px;
  object-fit: cover;
  margin-right: 15px;
}
.store-list li a.fl .sl-txt{
  color: #8C8C8C;
  line-height: 19px;
}
.store-list li a.fl strong{
  display: block;
  font-size: 16px;
  color: #000000;
  margin: 0 0 6px 0;
  font-weight: normal;
}
.store-list li a.fl .sl-txt p{
  margin: 0;
  padding: 0;
  color: #000000;
}
.store-list li a.fl .sl-txt p.add-txt{
  height: 38px;
  overflow: hidden;
  color: #8C8C8C;
}
.store-list li a.fl .sl-txt p.zt-txt{
  margin: 2px 0 0 0;
}
.store-list .bt-phone{
  float: right;
  width: 35px;
  height: 35px;
  background:url(../images/icon-phone.svg) no-repeat center center;
  background-size: 35px auto;
  margin: 22px 0 0 0;
}
.housekeeper-list{
  display: table;
  width: 100%;
}
.housekeeper-list ul{
  display: block;
  width: 100%;
  background-color: #FFFFFF;
  margin: 12px 0 0 0;
}
.housekeeper-list li{
  display:table;
  width: 92%;
  padding: 22px 4%;
  border-bottom: 1px solid #F0F0F0; 
  position: relative;
}
.housekeeper-list li:last-child{
  border-bottom:none; 
}
.housekeeper-list li a.fl{
  float: left;
  width:78%;
}
.housekeeper-list li a.fl .hl-pic{
  float: left;
  width: 46px;
  height: 46px;
  object-fit: cover;
  margin-right: 11px;
  border-radius: 23px;
}
.housekeeper-list li a.fl .sl-txt{
  color: #8C8C8C;
  line-height: 22px;
  max-height: 66px;
  overflow: hidden;
}
.housekeeper-list li a.fl strong{
  display: block;
  font-size: 16px;
  color: #000000;
  margin: 2px 0;
  font-weight: normal;
}
.housekeeper-list li a.fl strong img{
  width: 20px;
  height: 20px;
  vertical-align: -4px;
}
.housekeeper-list li .bt-phone{
  float: right;
  width: 35px;
  height: 35px;
  background:url(../images/icon-phone.svg) no-repeat center center;
  background-size: 35px auto;
  margin: 8px 0 0 0;
}
.housekeeper-list li a.bt-booking{
  float: right;
  width: 80px;
  height: 30px;
  line-height: 30px;
  margin: 8px 0 0 0;
  top: 23px;
  right: 15px;
  position: absolute;
  border: 1px solid #3085BE;
  color: #3085BE;
  text-align: center;
  border-radius: 5px;
}
.customer-list{
  display: table;
  width: 100%;
}
.customer-list ul{
  display: block;
  width: 100%;
  margin: 12px 0 0 0;
}
.customer-list li{
  display:table;
  width: 100%;
  padding: 22px 0 15px 0;
  background-color: #FFFFFF;
  margin: 12px 0 0 0;
  box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.05);
  position: relative;
}
.customer-list li:last-child{
  border-bottom:none; 
}
.customer-list li a.fl{
  float: left;
  width:75%;
}
.customer-list li a.fl .hl-pic{
  float: left;
  width: 46px;
  height: 46px;
  object-fit: cover;
  margin-right: 11px;
  border-radius: 23px;
}
.customer-list li a.fl .sl-txt{
  color: #8C8C8C;
  line-height: 22px;
  max-height: 66px;
  overflow: hidden;
}
.customer-list li a.fl strong{
  display: block;
  font-size: 16px;
  color: #000000;
  margin: 2px 0;
  font-weight: normal;
}
.customer-list li a.fl strong img{
  width: 20px;
  height: 20px;
  vertical-align: -4px;
}
.customer-list li a.fl .sl-txt strong i{
    display: inline-block;
    background-color: #20D274;
    height: 18px;
    padding: 0 10px;
    color: #FFFFFF;
    line-height: 18px;
    border-radius: 5px;
    font-size: 12px;
    margin: 0 0 0 8px;
    vertical-align: 2px;
    font-style: normal;
}
.customer-list li .bt-phone{
  float: right;
  width: 35px;
  height: 35px;
  background:url(../images/icon-phone.svg) no-repeat center center;
  background-size: 35px auto;
  margin: 8px 0 0 0;
}
.customer-list li .bt-booking{
  float: right;
  width: 80px;
  height: 30px;
  line-height: 30px;
  margin: 8px 0 0 0;
  top: 22px;
  right: 15px;
  position: absolute;
  border: 1px solid #3085BE;
  color: #3085BE;
  text-align: center;
  border-radius: 5px;
}
.customer-list li .w100{
  display: table;
  width: 92%;
  padding: 0 4% 18px 4%;
}
.customer-list li .cl-housekeeper{
  display: table;
  width: 92%;
  margin: 0 auto;
  height: 24px;
  line-height: 24px;
  border-top: 1px solid #F0F0F0; 
  padding: 12px 4% 0 4%;
  font-size: 15px;
  color: #808080;
}
.customer-list li .cl-housekeeper a{
  display: block;
  width: 100%;
}
.customer-list li .cl-housekeeper img{
  margin: 0 20px 0 12px;
  vertical-align: -5px;
}
.custome-nav{
  width: 100%;
  height: 45px;
  overflow: hidden;/* 超出隐藏滚动条 */
  background-color: #FFFFFF;
  border-bottom: 1px solid #f2f2f2;
}
.custome-nav .wrap-cn{
  width: 100%;/* 和父盒子宽度一样 */
  height: 45px;/* 比里层元素高16px 为了隐藏滚动条*/
  overflow-x: scroll;/* 定义超出此盒子滚动 */
  overflow-y: hidden;
}
.custome-nav .wrap-cn::-webkit-scrollbar {
    display: none;/*隐藏滚动条*/
}
.custome-nav .wrap-cn ul{
  width: 500px;
  display: flex;
}
.custome-nav .wrap-cn ul li{
  float: left;
  box-sizing: border-box;
  height: 45px;
}
.custome-nav .wrap-cn ul li a{
  display: block;
  width:auto;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  text-align: center;
  padding: 8px 15px;
  border-top: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  color: #333333;
}
.custome-nav .wrap-cn ul li a.cur{
  color: #3085BE;
  border-bottom: 2px solid #3085BE;
}
.package-list{
  display: table;
  width: 100%;
}
.package-list li{
  display: block;
  width: 100%;
  background-color: #FFFFFF;
  margin: 12px 0 0 0;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.02);
}
.package-list li .ol-package{
  display: block;
  width: 92%;
  margin: 0 0 0 4%;
  padding: 15px 4% 15px 0;
  color: #000000;
  font-size: 16px;
  height: 50px;
  overflow: hidden;
  line-height: 50px;
  border-bottom: 1px solid #F0F0F0;
}
.package-list li .ol-package img{
  float: left;
  width: 50px;
  height: 50px;
  margin: 0 10px 0 0;
}
.package-list li .ol-package span{
  font-size: 13px;
}
.package-list li .pl-date{
  display: block;
  width: 92%;
  margin: 0 auto;
  padding: 15px 4%;
  color: #333333;
  font-size: 13px;
  line-height: 32px;
}
.package-list li .pl-date strong{
  font-weight: normal;
}
.package-list li .pl-date span{
  float: right;
  text-align: right;
  color: #808080;
}
.booking-list{
  display: table;
  width: 100%;
}
.booking-list ul{
  display: block;
  width: 100%;
  background-color: #FFFFFF;
  margin: 12px 0 0 0;
}
.booking-list li{
  display:table;
  width: 92%;
  padding: 22px 4%;
  border-bottom: 1px solid #F0F0F0; 
}
.booking-list li:last-child{
  border-bottom:none; 
}
.booking-list li a.fl{
  float: left;
  width:100%;
}
.booking-list li a.fl .hl-pic{
  float: left;
  width: 46px;
  height: 46px;
  object-fit: cover;
  margin-right: 11px;
  border-radius: 23px;
}
.booking-list li a.fl .sl-txt{
  color: #8C8C8C;
  line-height: 22px;
  float: left;
  width: 82%;
}
.booking-list li a.fl strong{
  display: block;
  font-size: 16px;
  color: #000000;
  margin: 2px 0;
  font-weight: normal;
}
.booking-list li a.fl strong img{
  width: 20px;
  height: 20px;
  vertical-align: -4px;
}
.booking-list li a.fl strong img.w16{
  width: 16px;
  height: 16px;
  vertical-align: -2px;
}
.foods-list{
  display: table;
  width: 100%;
}
.foods-list ul{
  display: block;
  width: 100%;
  margin: 12px 0 0 0;
}
.foods-list li{
  display:table;
  width: 96%;
  background-color: #FFFFFF;
  margin: 0 0 12px 0;
  padding: 6px 0 18px 4%;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.02);
}
.foods-list li:last-child{
  border-bottom:none; 
}
.foods-list li .fl-title{
  width:100%;
  height:31px;
  padding:12px 0 12px 0;
  font-size:15px;
  line-height:33px;
  border-bottom:1px solid #F0F0F0;
  background:url(../images/icon-more.png) no-repeat 95% center;
  background-size:auto 15px;
}
.foods-list li .fl-title a{
  display:block;
  color: #000000;
  padding-left:0;
}
.foods-list li .fl-date{
  font-size: 13px;
  color: #808080;
  line-height: 22px;
  padding: 12px 0 0 0;
}
.size-list{
  display: table;
  width: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.05);
}
.shu-title{
  float: left;
  width: 26%;
}
.shu-box{
  float: left;
  width: 74%;
  height: auto;
  overflow: hidden;
}
.shu-box .shu-wrap{
  display: block;
  width: 100%;/* 和父盒子宽度一样 */
  height:auto;/* 比里层元素高16px 为了隐藏滚动条*/
  overflow-x: scroll;/* 定义超出此盒子滚动 */
  overflow-y: hidden;
}
.shu-box .shu-wrap::-webkit-scrollbar {
    display: none;/*隐藏滚动条*/
}
.shu-box .shu-wrap ul{
  width:auto;
  display: flex;
}
.shu-title li{
  display: block;
  padding: 0 0 0 10px;
  line-height: 38px;
  height: 38px;
  border-bottom: 1px solid #E7E7E9; 
  font-size: 12px;
  color: #808080;
  overflow: hidden;
}
.shu-title li:last-child{
  border-bottom:none; 
}
.shu-title li.h2title{
  padding: 20px 15px 20px 15px;
  height: 30px;
  text-align: center;
  font-size: 13px;
  color: #000000;
}
.bc-blue{
  background-color: rgba(32, 210, 116, 0.1);
}
.bc-red{
  background-color: rgba(252, 61, 173, 0.1);
}
.shu-li{
  float: left;
  width: 100px;
}
.shu-li li{
  display: block;
  padding: 0 15px;
  line-height: 38px;
  height: 38px;
  border-bottom: 1px solid #E7E7E9; 
  font-size: 12px;
  color: #000000;
  text-align: center;
  overflow: hidden;
}
.shu-li li:last-child{
  border-bottom:none; 
}
.shu-li li.h2title{
  padding: 20px 15px 20px 15px;
  height: 30px;
  text-align: center;
  color: #808080;
  /*line-height: 18px;*/
  font-size: 13px;
}
.shu-li li.h2title strong{
  display: block;
  font-size: 13px;
  color: #000000;
}
/*my*/
.my-info{
  display: table;
  width: 92%;
  padding: 25px 4% 0 4%;
  height: 140px;
  background-color: #3085BE;
  position: relative;
}
.my-ercode{
  float: right;
  margin: 38px 0 0 0;
  width: 60px;
  height: 22px;
  background:url(../images/icon-arrow.svg)  no-repeat right center;
}
.my-ercode img{
  margin: 2px 0 0 0;
}
.my-face{
  float: left;
  width: 70%;
}
.my-face img{
  float: left;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.3);
  margin: 0 13px 0 0;
}
.my-face .my-txt{
  float: left;
  width: auto;
  font-size: 13px;
  color: #FFFFFF;
}
.my-face .my-txt strong{
  display: block;
  font-size: 18px;
  font-weight: normal;
  margin: 10px 0 3px 0;
}
.my-number{
  position: absolute;
  display: block;
  width: 92%;
  height: 80px;
  background-color: #FFFFFF;
  bottom: -40px;
  left: 4%;
  z-index: 100;
  border-radius: 6px;
}
.my-number a{
  display: inline-block;
  width: 32%;
  text-align: center;
  color: #808080;
  padding: 6px 0;
  margin: 9px 0;
  border-right: 1px solid #F0F0F0;
}
.my-number a strong{
  display: block;
  font-weight: normal;
  font-size: 20px;
  color: #000000;
  padding: 0 0;
}
.my-list{
  display: table;
  width:100%;
  margin-bottom: 12px;
  color:#333333;
  background-color:#FFFFFF;
  overflow:hidden;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.02);
}
.my-list ul{
  float:right;
  width:96%;
  margin-bottom:-1px;
}
.my-list li{
  width:100%;
  height:31px;
  padding:10px 0;
  font-size:15px;
  line-height:33px;
  border-bottom:1px solid #F0F0F0;
  background:url(../images/icon-more.png) no-repeat 95% center;
  background-size:auto 15px;
}
.my-list li a{
  display:block;
  color:#4e4b4a;
  padding-left:30px;
}
.my-list li a.nod{
  display:block;
  color:#4e4b4a;
  padding-left:0;
}
.my-list li a span{
    float: right;
    padding-right: 10.5%;
    color: #aaa9a9;
}
.my-list li i{
  display: inline-block;
  background-color: #20D274;
  height: 18px;
  padding: 0 10px;
  color: #FFFFFF;
  line-height: 18px;
  border-radius: 5px;
  font-size: 12px;
  margin: 0 0 0 8px;
  vertical-align: 2px;
  font-style:normal;
}
.icon-my-report{
  background:url(../images/icon-my-report.svg) no-repeat left center;
  background-size:auto 22px;
}
.icon-my-comment{
  background:url(../images/icon-my-comment.svg) no-repeat left center;
  background-size:auto 22px;
}
.icon-my-zg{
  background:url(../images/icon-my-comment.svg) no-repeat left center;
  background-size:auto 22px;
}

.icon-my-intro{
  background:url(../images/icon-my-intro.svg) no-repeat left center;
  background-size:auto 22px;
}
.icon-my-weixin{
  background:url(../images/icon-my-weixin.svg) no-repeat left center;
  background-size:auto 22px;
}
.icon-my-feedback{
  background:url(../images/icon-my-feedback.svg) no-repeat left center;
  background-size:auto 22px;
}
.icon-my-phone{
  background:url(../images/icon-my-phone.svg) no-repeat left center;
  background-size:auto 22px;
}
/*work*/
.top-so{
  display: table;
  width: 92%;
  padding: 0 4%;
  height: 45px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #f2f2f2;
}
.top-so form input[type=text],.top-so input[type=text]  {
  float: left;
  border:none;
  padding: 0 3%;
  height: 35px;
  width: 78%;
  font-size: 15px;
  border-radius: 5px;
  background-color: #F6F6F6;
  margin: 5px 0;
}
.top-so form input[type=submit],.top-so input[type=submit] {
  float: left;
  border:none;
  background: #FFFFFF;
  color: #24292D;
  padding: 0 0 0 0;
  height: 35px;
  width: 15%;
  font-size: 16px;
  margin: 5px 0 5px 1%;
}
.top-so form input[type=button],.top-so input[type=button] {
  float: left;
  border:none;
  background: #FFFFFF;
  color: #24292D;
  padding: 0 0 0 0;
  height: 35px;
  width: 15%;
  font-size: 16px;
  margin: 5px 0 5px 1%;
}
.wb-package{
  display: block;
  width: 92%;
  margin: 0 0 0 4%;
  padding: 15px 4% 15px 0;
  color: #000000;
  font-size: 16px;
  height: 100px;
  overflow: hidden;
  line-height: 38px;
  background-color: #FFFFFF;
  position: relative;
}
.wb-package img{
  float: left;
  width: 100px;
  height: 100px;
  margin: 0 15px 0 0;
}
.wb-package .wb-txt{
  display: block;
  font-size: 15px;
  position: absolute;
  bottom: 0;
  left: 115px;
  line-height: 18px;
}
.wb-package .wb-txt span{
  display: block;
  font-size: 13px;
}
.wb-package input[type=checkbox] {
  float: left;
  border:none;
  padding: 0 0;
  height: 24px;
  width: 24px;
  font-size: 15px;
  border-radius: 5px;
  background-color: #F0F0F0;
  margin: 5px 0;
  position: absolute;
  right: 8px;
  top: 30px;
}
.wb-package input[type=radio] {
  float: left;
  border:none;
  padding: 0 0;
  height: 24px;
  width: 24px;
  font-size: 15px;
  border-radius: 5px;
  background-color: #F0F0F0;
  margin: 5px 0;
  position: absolute;
  right: 8px;
  top: 30px;
}
.housekeeper-list li input[type=checkbox] {
  float: left;
  border:none;
  padding: 0 0;
  height: 24px;
  width: 24px;
  font-size: 15px;
  border-radius: 5px;
  background-color: #F0F0F0;
  margin: 5px 0;
  position: absolute;
  right: 18px;
  top: 30px;
}
.wc-show{
  position: relative;
  display: table;
  width: 100%;
  margin: 20px 0 0 0;
  border-top:1px solid #F0F0F0;
  padding: 10px 0 10px 0;
  min-height: 50px;
}
.wc-show h2{
  font-size: 16px;
  color: #000000;
  line-height: 38px;
}
.wc-show label{
  display: block;
  line-height: 30px;
  font-size: 15px;
  color: #808080;
}
.topbar{
  display: table;
  width: 100%;
  height: 255px;
  background:url(../images/bg-work.png) no-repeat center;
  background-size: 100% 100%;
  position: relative;
}
.today-number{
  position:relative;
  display: block;
  width: 100%;
  height: 80px;
  padding: 0 0;
}
.today-number a{
  float: left;
  width: 24.5%;
  text-align: center;
  color: #FFFFFF;
  padding: 0 0 0 0;
  margin: 9px 0;
  border-right: 1px solid rgba(255, 255, 255, 0.19);
}
.today-number a strong{
  display: block;
  font-weight: normal;
  font-size: 20px;
  color: #FFFFFF;
  padding: 0 0 3px 0;
}
.today-data{
  display: table;
  width: 100%;
  height: 210px;
  color: #FFFFFF;
}
.today-data h2{
  display: block;
  width: 38%;
  text-align: center;
  font-size: 22px;
  height: 32px;
  margin: 19px auto;
}
.work-booking{
  display: block;
  margin: 80px 0 0 0;
  width: 100%;
  padding: 15px 0;
  background-color: #FFFFFF;
}
.work-booking h2{
  display: table;
  width: 92%;
  padding: 6px 4% 0 4%;
  font-size: 16px;
}
.work-booking h2 i{
  float: left;
  width: 4px;
  height: 18px;
  background-color: #FEAD28;
  border-radius: 2px;
  margin: 3px 8px 0 0;
}
.work-booking h2 a.bt-booking{
  float: right;
  width: 80px;
  height: 28px;
  line-height: 28px;
  margin: -3px 0 0 0;
  border: 1px solid #3085BE;
  color: #3085BE;
  text-align: center;
  border-radius: 5px;
}
.booking-nav{
  display: table;
  width: 100%;
  height: 50px;
  background-color: #FFFFFF;
  overflow: hidden;
  border-top:1px solid #F0F0F0;
}
.booking-nav li{
  float: left;
  width: 25%;
  height: auto;
  margin: 27px 0 0 0;
  text-align: center;
  line-height: 18px;
  position: relative;
  font-size: 13px;
}
.booking-nav li a{
  display: block;
  width: 100%;
}
.booking-nav li div{
  display: block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  margin: 0 auto 8px auto;
  text-align: center;
}
.booking-nav li span{
  position: absolute;
  top: -10px;
  left: 50%;
  font-size: 12px;
  color: #FFFFFF;
  margin: 0 0 0 16px;
  padding: 0 5px;
  height: 16px;
  line-height: 16px;
  width: auto;
  border-radius: 8px;
  background-color: #FF6600;
}
.clear{
  clear:both; 
}
/*report*/
.report-data{
  display: table;
  width: 100%;
  height: 190px;
  background-color:#24292D;
  color: #CCCCCC;
}
.report-data h2{
  display: block;
  width: 100%;
  text-align: center;
  font-size: 13px;
  height: 32px;
  margin: 19px auto;
  padding: 0 0 18px 0;
}
.report-data h2 i{
  display: block;
  width: 10px;
  height: 4px;
  background-color: #FEAD28;
  border-radius: 2px;
  margin: 0px auto 0 auto;
}
.report-data h2 strong{
  display: block;
  font-size: 30px;
  font-weight: normal;
  color: #FFFFFF;
}
.report-number{
  position:relative;
  display: block;
  width: 100%;
  height: 80px;
  padding: 0 0;
}
.report-number a{
  float: left;
  width: 24.5%;
  text-align: center;
  color: #CCCCCC;
  padding: 0 0 0 0;
  margin: 9px 0;
}
.report-number a strong{
  display: block;
  font-weight: normal;
  font-size: 20px;
  color: #FFFFFF;
  padding: 0 0 3px 0;
}
.report-number a i{
  display: block;
  width: 10px;
  height: 4px;
  border-radius: 2px;
  margin: 8px auto 0 auto;
}
.report-number a i.blue,.report-tabBox .rl-title i.blue{
  background-color: #408AF5;
}
.report-number a i.green,.report-tabBox .rl-title i.green{
  background-color: #20D274;
}
.report-number a i.pink,.report-tabBox .rl-title i.pink{
  background-color: #FC3D8B;
}
.report-number a i.orange,.report-tabBox .rl-title i.orange{
  background-color: #FC883D;
}
.report-number a i.yellow,.report-tabBox .rl-title i.yellow{
  background-color: #FEAD28;
}
.report-nav{
  display: table;
  width: 100%;
  height:30px;
  margin-top:12px;
}
.report-nav li{
  float: left;
  width: 25%;
  text-align: center;
}
.report-nav li a{
  display: block;
  width:75px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #808080;
  font-size: 15px;
  margin: 0 auto;
}
.report-nav li a.cur{
  color: #000000;
  background-color:#E7E7E9;
  border-radius:15px;
}
/* 本例子css -------------------------------------- */
.report-tabBox{display: block;margin: 12px 0 0 0;width: 100%;padding: 15px 0;background-color: #FFFFFF;}
.report-tabBox .rl-title{float: left;width: 15%;font-size: 16px;line-height: 30px;height: 30px;}
.report-tabBox .rl-title i{float: left;width: 4px;height: 18px;border-radius: 2px;margin: 6px 8px 0 0;
}
.report-tabBox .w100{width: 92%;display: table;padding: 0 4%;}
.report-tabBox .hd{float:right;height:30px; line-height:30px; padding:0 0 0 0; font-size:13px; background:#FFF;}
.report-tabBox .hd ul{ overflow:hidden;  }
.report-tabBox .hd ul li{ float:left; margin:0 0 0 15px; color:#515151;  }
.report-tabBox .hd ul .on{ border-bottom:2px solid #3085BE; color:#3085BE;  }
.report-tabBox .hd ul .on a{ display:block;color:#3085BE; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */  }
.report-tabBox .bd ul{ padding:20px 0 0px 0;  }
.head-txt img{
  vertical-align: -3px;
  margin-left: 5px;
}
.head-txt .head-txt-cur{
  display:block;
  position: absolute;
  right: 0;
  width: 63%;
  height: auto;
  background-color: #555555;
  padding: 0 20px 20px 10px;
  z-index: 999;
  font-size: 15px;
  line-height: 40px !important;
  transition:all .3s ease 0s;
  visibility:hidden;
  transform:translate3d(0,-20px,0);
}
.head-txt .head-txt-cur a{
  display: block;
  line-height: 40px;
  margin: 8px 0;
}
.head-txt:hover .head-txt-cur{
  opacity:1;
  transform:translate3d(0,0,0);
  visibility:visible;
}
.zhou-box{
  position:relative;
  width: 100%;
  height: 45px;
  padding: 0;
  margin:0 0 25px 0;
  background-color: #FFFFFF;
}
.zhou-box .zhou-prev{
  position: absolute;
  left: 15px;
  top: 15px;
  width: 30%;
  height: 22px;
  z-index: 99;
}
.zhou-box a{
  color: #333333;
  display: block;
  width: 100%;
  height: 24px;
}
.zhou-box .zhou-title{
  width: 100%;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
}
.zhou-box .zhou-next{
  position: absolute;
  right: 15px;
  top: 15px;
  width: 30%;
  height: 24px;
  text-align: right;
}
.zhou-box .zhou-prev img,.zhou-box .zhou-next img{
  vertical-align: -1px;
}
.day-list{
  display: table;
  width: 94%;
  padding: 0 3%
}
.day-list li{
  float: left;
  width: 14%;
  border-right:1px solid #F0F0F0;
  text-align: center;
}
.day-list li:last-child{
  border-right:none; 
}
.day-list li.th strong{
  display: block;
  font-size:20px;
  font-weight: normal;
  height: 32px;
  line-height: 32px;
  width: 32px;
  margin:10px auto 20px auto;
}
.day-list li.th strong.cur{
  background-color: #C8EBFF;
  border-radius: 16px;
  color: #3085BE;
}
.day-list li.th{
  font-size:15px;
}
.day-list li.name{
  line-height: 100%;
  color: #808080;
}
.day-list li.name p{
  margin: 0;
  padding: 0 0 30px 0;
  position: relative;
}
.day-list li.name p .xdel{
  position: absolute;
  bottom: 10px;
  left: 35%;
}
.booking-tabBox{margin: 12px 0 0 0;}
.booking-tabBox .hd{
  height:40px;
  line-height:40px;
  padding:0 3%;
  margin: 5px 0 0 0;
  width: 94%;
  font-size:20px;
  background:#FFFFFF;
  border-bottom:1px solid #DCDFE6;
  position:relative;  }
.booking-tabBox .hd ul{
  position:absolute;
  height:41px;
  top:0;
  width: 94.8%;
  overflow:hidden;
}
.booking-tabBox .hd ul li{
  float:left;
  padding:0 0;
  width: 14%;
  color:#666;
  position: relative;
  text-align: center;
}
.booking-tabBox .hd ul .on{ border:1px solid #DCDFE6; border-radius: 5px 5px 0px 0px;border-bottom-color:#fff; background:#fff; color:#3085BE;   }
.booking-tabBox .hd ul .on a{ display:block;color:#3085BE; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */  }
.booking-tabBox .bd ul{ padding:0;background-color: #FFFFFF}
.rechart{
  display: table;
  width: 100%;
  height: 200px;
}
.detail-box .db-edit{
  display: block;
  width: 92%;
  margin: 0 0 0 4%;
  padding: 0 4% 0 0;
  height: 45px;
  line-height: 45px;
  font-size: 13px;
  border-bottom: 1px solid #F0F0F0;
  position: relative;
}
.detail-box .db-edit:hover{
  border-bottom: 1px solid #20D274;
}
.detail-box .db-edit img{
  display: block;
}
/*.detail-box .db-edit:last-child{
  border-bottom:none;
}*/
.detail-box .db-edit .fl{
  float: left;
  color: #808080;
  width: 20%;
}
.detail-box .db-edit .fr{
  float: left;
  width: 80%;
  font-size: 15px;
}
.detail-box .db-edit .pr{
  position: absolute;
  right: 0;
  top: 5px;
}
.detail-box .db-edit .fr .edit-input{
  width: 98%;
  border: none;
  color: #000 !important;
  line-height: 42px;
  height: 42px;
  font-size: 15px;
  padding: 0 1%;
  background: #FFFFFF !important;
  text-align: left;
}
.detail-box .db-edit .fr .selget-bd{
    width: 98%;
    height: 42px;
    margin: 0 0;
    font-size: 15px;
    color: #333333;
    background-color: #FFFFFF;
    outline: none;
    border:none;
    line-height: 42px;
    padding: 0 0%;
    border-radius: 5px;
}
.detail-box .db-edit .fr label{
  margin: 0 20px 0 5px;
}
.box-mask{
  z-index: 100;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
display: block;
    opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
  transition:all .3s ease 0s;
  visibility:hidden;
  transform:translate3d(0,-10px,0);
}
.box-content{
  background-color: #FFFFFF;
  width: 92%;
  margin: 20px 4%;
  padding: 0 0 30px 0;
}