@charset "UTF-8";
* {
    padding: 0;
    margin: 0;
}
html {
    font-size: 20px;
    min-height:100%; 
}
body {
    background: #f3f7fa;
    max-width: 768px;
    margin: 0 auto;
    font-family:'Helvetica Neue', Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", SimSun, sans-serif;
}
@media screen and (max-width:640px){html{font-size:20px;}}
@media screen and (max-width:580px){html{font-size:19px;}}
@media screen and (max-width:540px){html{font-size:18px;}}
@media screen and (max-width:480px){html{font-size:17px;}}
@media screen and (max-width:414px){html{font-size:14px;}}
@media screen and (max-width:375px){html{font-size:14px;}}
@media screen and (max-width:360px){html{font-size:12px;}}
@media screen and (max-width:340px){html{font-size:12px;}}
@media screen and (max-width:320px){html{font-size:11px;}}
ul, li, a{
    text-decoration: none;
    list-style-type: none;
}
.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
a,button,input,img,p{-webkit-touch-callout:none;-webkit-outline:none;outline:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
@-webkit-keyframes an_wx_mask{0%{opacity:.8;}100%{opacity:1;}}
@-webkit-keyframes an_wx_confirm{0%{-webkit-transform:scale(1.1);}100%{-webkit-transform:scale(1);}}

.wx_mask {
    background-color:rgba(0,0,0,0.7);
    position:fixed;top:0;bottom:0;left:0;right:0;
    z-index:1000;
    -webkit-animation:an_wx_mask .25s ease-in
}
.wx_confirm {
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 21.8rem;
    height: 10rem;
    z-index: 2000;
    -webkit-animation: an_wx_confirm .25s ease-in;
    border-radius: 0.5rem
}
.wx_confirm .head {
    font-size: 1.2rem;
    color: #00dbf5;
    text-align: center;
    height: 2.8rem;
    line-height: 2.8rem;
    padding-top: 0.5rem;
}
.wx_confirm .body {
    padding: 0.5rem 1.5rem 1.5rem 1.5rem;
    font-size: 1rem;
    color: #0F0F0F;
    text-align: center;
}
.wx_confirm .i-know-btn {
	position: absolute;
	bottom: 0;
	height: 3.36rem;
	line-height: 3.36rem;
	width: 100%;
	font-size: 1.2rem;
	color: #00dbf5;
	text-align: center;
	border-top: 1px solid #e5eeff;
	
}
/* tips begin */
.tips {
	position: relative;
}
.tips .wrapline {
	min-height:6rem;
	background:#00a0e9;
	display:table;
	width:100%;
}
.tips .wrapline .outter {
	background:#FFFFFF;
	margin:14px;
	border-radius:10px;
	padding:15px 13px;
}
.tips .wrapline .outter .tit img {
	vertical-align: middle;
}
.tips .wrapline .outter .tit {
	font-size:1.1rem;
	color:#000000;
	line-height:23px;
	font-weight: bold;
}
.tips .wrapline .outter .con {
	color:#6c6c6c;
	font-size:0.9rem;
	padding-top:5px;
}

#category-list {
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	padding: 1.07rem 0.7rem 0.7rem;
	height: 5.2rem;
	width: 100%;
	background: #ffffff;
}
#category-list p {
	font-size: 0.79rem;
	line-height: 0.79rem;
	margin-bottom: 0.79rem;
	color: #BBC1CC;
}
#category-list ul {
	/*display: -moz-box;
    display: -webkit-box;
    display: box;*/
    width: 100%;
}
#category-list ul li {
	/*-moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;*/
    float: left;
    width: 20%;
}
#category-list li a {
	display: inline-block;
	height: 1.9rem;
	width: 4.6rem;
	background: #ffffff;
	color: #1A1A1A;
	border-radius: 0.96rem;
	text-align: center;
	line-height: 1.9rem;
	border: 1px solid #8C98a4;
}
#category-list li a.active {
	background: #00a0e9;
	color: #ffffff;
	border: 1px solid #00a0e9;
}
/* tips end */

/* 地址栏 begin */
#address-part {
	margin: 0.7rem 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#address {
	position: relative;
	background: #ffffff;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#address .address-content {
	height: 6.1rem;
	display: table-cell;
	vertical-align: middle;
}
#address .address-content p {
	margin-left: 1rem;
	line-height: 1.8rem;
}
#address-part .addborder {
	height: 3px;
	background: url("../images/address_background.png") repeat-x;
}
#address .name {
	display: inline-block;
	width: 8rem;
}
.arrow-left {
  position: absolute;
  right: 18px;
  top: 45%;
  border-right: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(-44deg);
  transform: rotate(-44deg);
}

#address .add-address {
	font-size: 0.93rem;
	/*color: #BBC1CC;*/
}
/* 地址栏 end */

/* 时间栏 begin*/
#time-part {
	position: relative;
	background: #ffffff;
	border-top: 1px solid #e5eeff;
	border-bottom: 1px solid #e5eeff;
	height: 3.4rem;
}
#time-part .timeinput {
	display: table-cell;
	vertical-align: middle;
	height: 3.36rem;
	padding-left: 1rem;
	font-size: 0.93rem;
	/*color: #BBC1CC;*/
}
#time-part .has-time {
	color: #1A1A1A;
}
/* 时间栏 end*/

#guest-part {
	background:#FFFFFF;
	padding-left:1rem;
	padding-top:0.85rem;
	padding-bottom:0.6rem;
	position:relative;
	min-height: 3rem;
	/*height:3rem;*/
	border-bottom: 1px solid #e5eeff;*/
}
#guest-part textarea {
	height: 4rem;
	/*padding: 1rem;*/
	width: 100%;
	box-sizing: border-box;
	border: none;
	outline: none;
	resize: none;
	/*border-bottom: 1px solid #e5eeff;*/
	font-size: 0.93rem;
}

textarea::-webkit-input-placeholder {
	font-size: 0.93rem;
	color: #BBC1CC;
}

/* 运费 begin */
#delivery-part {
	display: table;
	width: 100%;
}
#delivery-part > ul > li {
	display: table;
	width: 100%;
}
.sub-delivery {
	height: 5.1rem;
	background: #ffffff;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	line-height: 1.8rem;
	color: #1A1A1A;
}
.sub-delivery p {
	text-align: right;
}
.sub-delivery div:first-child p {
	text-align: left;
}
.sub-delivery div:first-child {
	float: left;
	margin-left: 1rem;
	font-size: 0.93rem;
	color: #BBC1CC;
}

.total-delivery .blue, .sub-delivery .blue {
	color: #00dbf5;;
}
.sub-delivery .vertical-line {
	float: right;
	border-right: 1px solid #e5eeff;
	height: 2rem;
	position: relative;
	top: 1rem;
}

.sub-delivery {
	border-bottom: 1px solid #e5eeff;
}
.sub-delivery div:nth-child(2), .total-delivery div:nth-child(2) {
	float: right;
	margin: 0 1rem 0 0.25rem;
}
.sub-delivery div:nth-child(3), .sub-delivery div:nth-child(4), .sub-delivery div:nth-child(5),
.sub-delivery div:nth-child(6), .sub-delivery div:nth-child(7), .total-delivery div:nth-child(4),
.total-delivery div:nth-child(3) {
	float: right;
	margin: 0 0.25rem;
}

.sub-delivery-fiveitem {
	padding: 0.5rem 1rem;
	background: #ffffff;
}
.sub-delivery-fiveitem p {
	font-size: 0.79rem;
	color: #BBC1CC;
	line-height: 1.6rem
}
.sub-delivery-fiveitem ul li p {
	color: #1A1A1A;
}
.sub-delivery-fiveitem ul p.blue {
	color: #00dbf5;
}
.sub-delivery-fiveitem ul {
	display: -moz-box;
    display: -webkit-box;
    display: box;
}
.sub-delivery-fiveitem ul li {
	-moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
}
.total-delivery {
	height: 5.1rem;
	background-color: #ffffff;
	display: table-cell;
	vertical-align: middle;
	padding-left: 1rem;
	line-height: 1.8rem;
	border-bottom: #e5eeff 1px solid;
}
.total-delivery .title {
	float: left;
	font-size: 0.93rem;
	color: #BBC1CC;
}
.total-delivery div {
	float: right;
	text-align: right;

}

.total-delivery div.vertical-line {
	vertical-align: middle;
	border-right: 1px solid #e5eeff;
	height: 2rem;
	position: relative;
	top: 1rem;
}
.total-delivery.five {
	padding: 0.5rem 1rem;
}
.total-delivery.five div {
	float: left;
}
.total-delivery > p {
	font-size: 0.79rem;
	color: #BBC1CC;
}
.total-delivery ul {
	display: -moz-box;
    display: -webkit-box;
    display: box;
}
.total-delivery ul li {
	-moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
}
/* 运费 end */
footer div {
	margin: 1rem;
	height: 3.5rem;
	line-height: 3.5rem;
	text-align: center;
	font-size: 1.3rem;
	color: #ffffff;
	background: #00dbf5;
	border-radius: 5px;

}
footer div.disabled {
	background-color: #bbc1cc;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* loading */
.loader {
    font-size: 20px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    text-indent: -9999em;
    -webkit-animation: load 1.3s infinite linear;
    animation: load 1.3s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -4px;
    z-index: 13000;
}
.mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #eeeeee;
	opacity: 0.5;
	z-index: 1;
	font-size: 33px;
	color: #999999;
}

@keyframes load {
  0%,
  100% {
    box-shadow: 0 -23px 0 1.6px #00dbf5, 17px -17px 0 0 #00dbf5, 23px 
0 0 -4px #00dbf5, 23px 17px 0 -4px #00dbf5, 0 23px 0 -4px 
#00dbf5, -17px 17px 0 -4px #00dbf5, -23px 0 0 -4px #00dbf5, -17px -17px
 0 0 #00dbf5;
  }
  12.5% {
    box-shadow: 0 -23px 0 0 #00dbf5, 17px -17px 0 1.6px #00dbf5, 23px 
0 0 0 #00dbf5, 17px 17px 0 -4px #00dbf5, 0 23px 0 -4px #00dbf5, 
-17px 17px 0 -4px #00dbf5, -23px 0 0 -4px #00dbf5, -17px -17px 0 -4px
 #00dbf5;
  }
  25% {
    box-shadow: 0 -23px 0 -4px #00dbf5, 17px -17px 0 0 #00dbf5, 23px
 0 0 1.6px #00dbf5, 17px 17px 0 0 #00dbf5, 0 23px 0 -4px #00dbf5, 
-17px 17px 0 -4px #00dbf5, -23px 0 0 -4px #00dbf5, -17px -17px 0 -4px
 #00dbf5;
  }
  37.5% {
    box-shadow: 0 -23px 0 -4px #00dbf5, 17px -17px 0 -4px #00dbf5, 
23px 0 0 0 #00dbf5, 17px 17px 0 1.6px #00dbf5, 0 23px 0 0 #00dbf5, 
-17px 17px 0 -4px #00dbf5, -23px 0 0 -4px #00dbf5, -17px -17px 0 -4px
 #00dbf5;
  }
  50% {
    box-shadow: 0 -23px 0 -4px #00dbf5, 17px -17px 0 -4px #00dbf5, 
23px 0 0 -4px #00dbf5, 17px 17px 0 0 #00dbf5, 0 23px 0 1.6px 
#00dbf5, -17px 17px 0 0 #00dbf5, -23px 0 0 -4px #00dbf5, -17px -17px 0 
-4px #00dbf5;
  }
  62.5% {
    box-shadow: 0 -23px 0 -4px #00dbf5, 17px -17px 0 -4px #00dbf5, 
23px 0 0 -4px #00dbf5, 17px 17px 0 -4px #00dbf5, 0 23px 0 0 
#00dbf5, -17px 17px 0 1.6px #00dbf5, -23px 0 0 0 #00dbf5, -17px -17px 0 
-4px #00dbf5;
  }
  75% {
    box-shadow: 0 -23px 0 -4px #00dbf5, 17px -17px 0 -4px #00dbf5, 
23px 0 0 -4px #00dbf5, 17px 17px 0 -4px #00dbf5, 0 23px 0 -4px 
#00dbf5, -17px 17px 0 0 #00dbf5, -23px 0 0 1.6px #00dbf5, -17px -17px 0 
0 #00dbf5;
  }
  87.5% {
    box-shadow: 0 -23px 0 0 #00dbf5, 17px -17px 0 -4px #00dbf5, 23px
 0 0 -4px #00dbf5, 17px 17px 0 -4px #00dbf5, 0 23px 0 -4px 
#00dbf5, -17px 17px 0 0 #00dbf5, -23px 0 0 0 #00dbf5, -17px -17px 0 
-1.6px #00dbf5;
  }
}

/*  新订单是否保价 */
#insturance{
	width: 100%;
	background: #fff;
	margin-bottom: 30px;
}
#insturance h2{
	color: #333;
	padding-left: 20px;
	font-size: 15px;
	line-height: 55px;
	font-weight: normal;
	border-bottom: #eee 1px solid;
}
#insturance h2 b{
	width: 14px;
	height: 14px;
	background: url('../images/insurance_ask.png') no-repeat;
	background-size: cover;
	display: inline-block;
	margin-left: 2px;
	vertical-align: -2px;
}
#insturance h2 span{
	font-size: 12px;
	color: #c5c5c5;
	margin-left: 15px;
}
#insturance ul{
	padding-left: 20px;
}
#insturance ul li{
	font-size: 15px;
	line-height: 50px;
	border-bottom: #eee 1px solid;
	position: relative;
}
#insturance ul li:last-child{
	border-bottom: 0;
}
#insturance ul li .con b{
	width: 14px;
	height: 14px;
	background: url('../images/insurance_sel01.png') no-repeat;
	background-size: cover;
	vertical-align: -1px;
	margin-right: 5px;
	display: inline-block;
}
#insturance ul li .con b.cur{
	background: url('../images/insurance_sel02.png') no-repeat;
	background-size: cover;
}
#insturance ul li b{
	font-weight: normal;
}
#insturance_agree{
	font-size: 12px;
	text-align: center;
	display: none;
}
#insturance_agree b{
	width: 13px;
	height: 13px;
	background: url('../images/insurance_sel.png') no-repeat;
	background-size: cover;
	margin-right: 5px;
	vertical-align: -2px;
	display: inline-block;
}
#insturance_agree span{
	display: inline-block;
	text-decoration: underline;
}
#insturance_agree b.cur{
	background: url('../images/insurance_seled.png') no-repeat;
	background-size: cover;
}
#insturance_num{
	width: 230px;
	font-size: 15px;
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 40px;
	display: none;
}
#insturance_num input{
	width: 100px;
	height: 40px;
	border: #00dbf5 1px solid;
	border-radius: 5px;
	background: #fcfcfc;
	padding-left: 5px;
	line-height: 38px;
	font-size: 13px;
}
#insturance_num .text{
	font-size: 15px;
	color: #666;
	margin: 0 10px;
}
/* toast */
#toast{
	width: 250px;
	font-size: 13px;
	color: #fff;
	/*height: 33px;
	line-height: 33px;*/
	text-align: center;
	border-radius: 5px;
	background: rgba(0,0,0,0.8);
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -17px;
	margin-left: -110px;
	padding-top: 7px;
	padding-bottom: 7px;
	z-index: 100000;
	display: none;
}

/* agreement */
#agreement{
	width: 90%;
	height: 390px;
	background: #fff;
	border-radius: 8px;
	position: fixed;
	left: 5%;
	top: 50%;
	margin-top: -195px;
	z-index: 100000;
}
#agreement h2{
	height: 59px;
	line-height: 59px;
	color: #fff;
	font-size: 17px;
	text-align: center;
	background: #00dbf5;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#agreement .con{
	color: #666;
	line-height: 22px;
	margin: 10px 0;
	padding: 0 15px;
	font-size: 13px;
	height: 260px;
	overflow: hidden;
	overflow-y: auto;
}
#agreement .btn{
	border-top: #eee 1px solid;
	display: flex;
	flex-direction: row;
}
#agreement .btn span{
	width: 50%;
	height: 50px;
	line-height: 50px;
	color: #999;
	font-size: 17px;
	text-align: center;
	display: block;
}
#agreement .btn span.cur{
	color: #00dbf5;
	border-left: #eee 1px solid;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#insturance i{
	font-size: 12px;
	color: #999;
	line-height: 20px;
	margin-left: 5px;
	font-style: normal;
}

/*  普洗送件   */
#address-send {
    min-height:3.1rem;
	background:#FFFFFF;
	border-top:1px solid #e5eeff;
	position:relative;
    display:flex;
}
#address-send .address-send-info {
	width:100%;
	padding:0.6rem 0;
}
#address-send p {
	margin-left: 1rem;
	line-height: 2rem;
}
#address-send .address-send-info p span.send-tips {
	color:#BBC1CC;
}
#address-send .address-send-info p span.send-tel b {
	color:#f6660F;
    font-weight: normal;
}
#address-send .address-send-info p span.send-info {
	display:inline-block;
	width:8rem;
}
#address-send .address-send-info p span.send-infos {
	display:inline-block;
	width:8rem;
	color:#BBC1CC;
}
#address .address-content p.tips {
	color:#f6660F;
	font-size:12px;
}
#address .icon {
	float:left;
	margin-left:0.9rem;
	/*display:flex;*/
	/*align-items:center;*/
	/*height:100%;*/
	/*position:relative;*/
	/*top:24%;*/
}
/*#address .icon img {*/
	/*vertical-align: middle;*/
/*}*/
#address .contact {
    float:left;
}
#address-send .address-send-info .icon {
	top:30%;
	float:left;
	margin-left:0.9rem;
	display:flex;
	align-items:center;
	height:100%;
}
#address-send .address-send-info .contact {float:left;}
.order_remark {
	width:90%;
	margin:3% auto;
}
.order_remark .remark textarea {
	width:100%;
	height:100px;
	border:none;
	border-radius:10px;
	outline: none;
	font-size:1.1rem;
	padding-top:5px;
}
.order_remark .remark textarea::-webkit-input-placeholder {
	font-size:1.1rem;
}
.order_remark .remark_tag .remark_header {
	display:table;
	width:100%;
	line-height:40px;
}
.order_remark .remark_tag .remark_header h1 {
	font-size:1rem;
	color:#999999;
	float:left;
	font-weight: normal;
}
.order_remark .remark_tag .remark_header .edit {
	float:right;
	line-height:40px;
	margin-right:8px;
	color:#474747;
	display:table;
}
.order_remark .remark_tag .remark_header .edit label {
	width:20px;
	height:20px;
	position:relative;
	top:2px;
}
.order_remark .remark_tag .remark_header .save {
	float:right;
	line-height:40px;
	margin-right:8px;
	color:#474747;
	display:none;
}
.order_remark .remark_tag .remark_header .save label {
	background: #ffffff;
	width:16px;
	height:16px;
	border-radius:10px;
	position:relative;
	border: 1px solid #999999;
	display:block;
	float:left;
	margin-top:11px;
	margin-right:6px;
}
.order_remark .remark_tag .remark_header .save label b {
	color: #474747;
	width: 9px;
	height: 5px;
	border-left: 2px solid #999999;
	border-bottom: 2px solid #999999;
	display: inline-block;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 3px;
	top: 3px;
}
.order_remark .remark_tag .remark_header .save input[type=checkbox]:checked + label {
	background-color: initial;
	cursor: default;
	-webkit-appearance: checkbox;
	box-sizing: border-box;
	margin: 3px 3px 3px 4px;
	padding: initial;
	border: initial;
}
.order_remark .remark_tag .tag {
	display:table;
}
.order_remark .remark_tag span.tag b {
	position:absolute;
	right:-9px;
	top:-8px;
	z-index:99;
	display:none;
}
.order_remark .remark_tag .tag_add {
	position:relative;
	/*display:table;*/
}
.order_remark .remark_tag .tag_add span.tag p {
	color:#474747;
}
.order_remark .remark_tag span.tag {
	float:left;
	position:relative;
	display:block;
	max-width:92%;
	padding:2% 4%;
	margin-right:10px;
	border-radius:6px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	margin-bottom:13px;
}
.order_remark .remark_submit {
	width:90%;
	height:50px;
	background:#00a0e9;
	margin:0 auto;
	text-align: center;
	line-height:50px;
	color:#FFFFFF;
	position:fixed;
	bottom:10px;
	border-radius:30px;
	font-size:20px;
}
#guest-part .desc {
	float:left;
}
#guest-part .remark {
	width:70%;
	float:right;
	right:30px;
	position:absolute;
	text-align: right;
	height:1.5rem;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#overtime-part {
	position:relative;
	background:#FFFFFF;
	margin-bottom: 0.7rem;
	padding:0.6rem 0rem 0.5rem 1rem;
	/* display:flex; */
	display:none;
}
#overtime-part .info {
	align-items: center;
    display: inline-flex;
	color:#2B1413;
	font-weight:400;
}
#e_delivery_tips {
	font-size:1.1rem;
	color:#666666;
	display:none;
}
#wash-illustration {
	position:relative;
	background:#FFFFFF;
	margin-bottom: 0.7rem;
	padding:0.6rem 0rem 0.5rem 1rem;
	height:3.1rem;
	line-height:2rem;
}
#wash-illustration .desc img {
	vertical-align: middle;
}