@charset "utf-8";
/*
  - Date:2017.08.16
  - Author(s):kingbu
*/
/*
	HTML5 Reset :: style.css	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html,
body {
height: 100%;
}

.mui-bar-tab .mui-tab-item.mui-active
{
 color: #f18300;
}

.mui-table-view {
margin-bottom: 0px;
}
.mui-content>.mui-table-view:first-child {
margin-top: 0px;
}
.my-header,
.mui-title,
.my-header .mui-icon {
	background-color: #f18300;
	color: #fff;
}
.my-button{
background-color: #f28300;
font-family: '微软雅黑';
color: #FFFFFF;
margin-top: 0px;
font-size: 14px;
padding:12px 0;
border-color:#f28300;
}
.my-button:active{ background-color: #e67c00;border-color:#e67c00;}
.my-title{
font-family: '微软雅黑';
color: #FFFFFF;
font-size: 18px;
} 
.my-list-input .mui-input-row {
	min-width: 10px;
	height: 60px;
	line-height: 50px;
}

.my-list-input .mui-media-object {
	min-width: 10px;
	height: 30px;
	line-height: 50px;
}

.my-list-li .mui-table-view-cell {
	height: 80px;
	line-height: 20px;
	padding: 20px;
}

 


html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
body{background:#ffffff; font-family:"Microsoft YaHei",tahoma,Arial, Helvetica, sans-serif;}
article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	box-sizing: border-box;
}
*,
*:before,
*:after {
	box-sizing: inherit;
}
*, *::after, *::before {
    box-sizing: border-box;
    outline: 0 none;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects
*/
img,
object,
embed {max-width: 100%;}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	 In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:
#map img {
		max-width: none;
}
*/

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration:none}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix::before, .clearfix::after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.fright{ float:right}
.fleft{ float:left}
.text_right{ text-align:right}

.wrap{ padding-bottom:2.3rem}
.bgwhite{ background:#fff}

input[type="text"]{ border:none;}

.mui-content{background:#f5f5f5}
.line-space{ height:10px; background-color:#f2f2f2;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.mui-btn-down{ border:none; text-align:left;text-indent:15px; color:#999; font-size: 14px; height: 60px;}

.mright-2{margin-right: 2px;}
.mtop-10{margin-top: 10px;}
.mtop-50{margin-top: 50px;}

.txt-red{color: #ff404e;}
.iconfont{font-size: 18px;}
.padding_list{margin-top:5px;margin-bottom:0;}

/*************顶部条*********************/
header.my-header .mui-icon{font-size: 14px;margin-top: 0px;}
header.my-header .mui-icon.mui-icon-left-nav{ font-size: 24px; line-height: 40px; padding: 0;}
header.my-header .mui-icon i.iconfont{font-size:23px; margin: 0; padding: 0;}
header.my-header .iconfont.fright:last-child{margin-right:0px}
header.my-header .iconfont.fright{font-size: 22px;margin-top: 3px;}
.mui-bar-nav{box-shadow: none;}
/************底部条***************/
.mui-bar-tab .mui-tab-item .mui-icon ~ .mui-tab-label{font-size: 12px;}
.mui-active .mui-icon{color:#f18300;}
.mui-icon .mui-badge{background: #ff0000;}
.mui-bar-tab span{font-size: 24px;}
.mui-bar-tab{ border-top: #d7d7d7 1px solid;}
.mui-bar{box-shadow: none;}
/****************选项卡*****************/
.martop{margin-top: 50px;}
/*.mui-segmented-control.mui-scroll-wrapper{height: 40px;background: #fff;position: fixed;width: 100%;top:44px;z-index: 9;}
.mui-segmented-control.mui-scroll-wrapper .mui-scroll{width: 100%;height: 40px;}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item{height: 40px;text-align: center;padding:0;}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item span{font-size: 14px;line-height: 38px;display: block;}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active span{color:#f18300 ;border-bottom: solid #f18300 2px;}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{border-bottom: none;}

.mui-segmented-control.mui-segmented-control-inverted  .tab-control-3 .mui-control-item{width: 33%;}
.mui-segmented-control.mui-segmented-control-inverted  .tab-control-4 .mui-control-item{width: 25%;}
.mui-segmented-control.mui-segmented-control-inverted  .tab-control-2 .mui-control-item{width: 50%;}*/
/*底部按钮*/
footer{border-top: 1px solid #e8e4e4;padding: 5px 10px;position: fixed;  z-index: 22;bottom: 0;left: 0;width: 100%;background: #fbfbfb;}
.mui-btn-block{color: #fff;height: 46px;line-height: 46px;padding: 0;font-size: 16px;margin-bottom: 0;}
.btn-orange{background: #f18300;border-color: #f18300 ;}
footer .btn-orange.mui-btn-block:active{background: #e67c00;}

/*首页*/
.banner-box{position: relative;}
.banner-box img{width: 100%;}
.dot-box span{display: inline-block;width: 8px;height: 8px;border-radius: 4px;margin-right: 5px;}
.dot-box span:last-child{margin-right: 0;}
.banner-box .banner-dot{position: absolute;bottom: 10px;left:50%;margin-left:-17px ;}
.banner-box .banner-dot span{background: #fff;}
.banner-box .banner-dot span.current-dot{background: #f18300;}
.sort-all{background: #fff;}
.sort-all .recent-sort{padding: 0 10px;border-bottom: 1px solid #ebebeb;line-height: 40px;}
.sort-all .recent-sort p{color: #aaa;display: inline-block;width: 70%;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;line-height: 40px;}
.sort-all .recent-sort p span{color: #888;margin-right: 10px;width: 30%;}
.sort-all .recent-sort span:active{color: #ff404e;}
.sort-all .recent-sort span i{color: #ff404e;font-size: 16px;}
.sort-box{padding-top: 15px; padding-bottom:10px}
.sort-box li{text-align: center;margin-bottom: 15px;float: left;color: #333;}
.sort-many li{width: 20%;border-radius: 20px;font-size: 13px;}
.sort-box li p{position: relative;width: 46px;height: 46px;line-height: 46px;margin:0 auto 5px;}
.sort-box li i{display:block;width:100%;height:100%;}
.sort-many li i{color: #fff;border-radius: 16px;font-size: 24px;}
.sort-box li img{ border-radius: 20px;}
.sort-many .many-01 img{background: #3ccaff;}
.sort-many .many-02 img{background: #f18300;}
.sort-many .many-03 img{background: #ff6950;}
.sort-many .many-04 img{background: #14d400;}
.sort-many .many-05 img{background: #ffa02e;}
.sort-many .many-06 img{background: #ff554f;}
.sort-many .many-01 i{background: #3ccaff;}
.sort-many .many-02 i{background: #f18300;}
.sort-many .many-03 i{background: #ff6950;}
.sort-many .many-04 i{background: #14d400;}
.sort-many .many-05 i{background: #ffa02e;}
.sort-many .many-06 i{background: #ff6950;}
.sort-many .many-07 i{background: #14d400;}
.sort-many .many-08 i{background: #ffa02e;}
.sort-many .many-09 i{background: #3ccaff;}
.sort-many .many-10 i{background: #f18300;}
.sort-many .many-01 i:active{background: #31c3fa;}
.sort-many .many-02 i:active{background: #e67d00;}
.sort-many .many-03 i:active{background: #f65b41;}
.sort-many .many-04 i:active{background: #13c700;}
.sort-many .many-05 i:active{background: #f69624;}
.sort-many .many-06 i:active{background: #f65b41;}
.sort-many .many-07 i:active{background: #13c700;}
.sort-many .many-08 i:active{background: #f69624;}
.sort-many .many-09 i:active{background: #31c3fa;}
.sort-many .many-10 i:active{background: #e67d00;}
.focus{background: #ff0000;color: #fff;font-size: 10px;padding: 3px 4px;border-radius: 8px;position: absolute;right:-5px;
top:5px;line-height: 10px;}
.sort-dot{margin: auto;width: 21px;}
.sort-dot span{background: #d6d6d6;}
.sort-dot .current-dot{background: #666;}
.acti-box{background: #fff;}
.new-acti{height:50px;border-bottom: 1px solid #ebebeb;}
.new-acti .xiaoxi{color: #666;overflow: hidden;width: 50%;white-space:nowrap;text-overflow: ellipsis;line-height: 26px;margin-top: 15px;}
.new-acti .hot-txt span{background: #fe0000;color: #fff;border-radius: 13px;padding: 0 10px;line-height: 26px;display: inline-block;
margin: 0;}
.new-acti .hot-txt{background: url(../img/hot.png) no-repeat;background-size: 30px;background-position: right top;padding: 11px 0 0 10px;
margin-right: 10px;margin-top: 4px;}
.new-acti span{color: #aaa;line-height: 26px;margin: 15px 10px auto;}
.sort-acti li{width: 50%; position: relative;padding: 10px;border-bottom: 1px solid #ebebeb;float: left;height: 86px;}
.sort-acti li:active{background: #fafafa;}
.sort-acti li:nth-child(2n+1){border-right: 1px solid #ebebeb;}
.sort-acti li div.fleft{margin: 5px 70px 0 0;}
.sort-acti li h2{font-size: 14px;margin-bottom: 10px;}
.sort-acti li p{font-size: 12px;line-height: 16px;}
.sort-acti li .fright{ position: absolute; right: .25rem; width: 66px;}
.sort-acti li .fright img{height:66px;margin: auto;}
.attention{background: #ffc000;color: #fff;font-size: 10px;line-height: 10px;padding: 3px 4px 1px;border-bottom-right-radius: 7px;
border-top-left-radius: 7px;border-top-right-radius: 7px;margin-top:0px;margin-left: 5px;}
/*家电清洗*/
.sort-jiadian li{width: 33.3%;}
.sort-jiadian li i{border: 1px dashed #d9d9d9;border-radius: 28px;font-size: 34px;}
.sort-jiadian li .text-exp{display: block;color: #aaa;font-size: 12px;}
.sort-jiadian .jiadian-01 i{color:#f18300 ;}
.sort-jiadian .jiadian-02 i{color:#f16c00 ;}
.sort-jiadian .jiadian-03 i{color:#0ad822 ;}
.sort-jiadian .jiadian-04 i{color:#62c0ee ;}
.sort-jiadian .jiadian-05 i{color:#ed765f ;}
.sort-jiadian li i:active{background: #f5f5f5;}
/*家电清洗类型选择*/
.num-sele-box{margin: 10px;background: #fff;}
.num-title{background: #f6f6f6;color: #666; font-size:15px;line-height: 30px;padding-left: 15px;}
.list-pay li{border-bottom: 1px solid #ebebeb;padding:20px 10px 15px;}
.sele-content img{width: 80px;height:62px;margin-right: 15px;float: left;}
.sele-txt{margin-top: 5px;}
.sele-content .sele-txt h3{font-size: 16px;margin-bottom: 5px;}
.sele-content .sele-txt p{background: #fff;font-size: 12px;padding-left: 0;color: #aaa;}
.sele-content .sele-txt p span{margin-right: 5px;}
.sele-num .btn-sele{padding:0;height:24px;line-height: 24px;width: 24px;
border-radius: 13px;font-size: 22px;font-weight:normal;border:1px solid #c6c6c6; color: #c6c6c6;}
.sele-num{margin-top: 15px;}
.sele-num .can-sele{border:1px solid #f18300; color: #f18300;}
.sele-num .btn-sele:active{background:#f5f5f5 ;color: #c6c6c6;}
.sele-num .can-sele:active{background:#fff6e5 ;color: #f18300;}
.sele-num span{margin: 0 10px;line-height: 24px;font-size: 16px;}
/*家电订单确认*/
.add-address{background: #fffbf6;padding:20px 0 20px 12px;height: 120px; width: 100%; position: relative; overflow: hidden;}
.add-address:active{ background: #fef4e7;}
.add-address .add-address-txt{font-size: 16px; color:#333;margin: 10px 0 0 0px; /* padding: 20px 0;*/position: relative;}
.add-address .add-address-txt .add-txt{margin-left:35px;}
.add-address .add-address-txt p span{font-size: 14px;color: #333;margin-bottom: 5px;}
.add-address .add-address-txt p .add-left{float: left;}
.add-address .add-address-txt p .add-right{ float: right;margin-right: 40px;}
.add-address .add-address-txt .add-local{ color: #333;font-size: 14px;padding-right: 40px;float: left;}
.add-address .add-address-txt i.icon-dingwei{color: #aaa;font-size: 26px;position:absolute ;top:50%;margin-top: -13px;}
.add-address.mui-navigate-right:after{ font-size: 24px; right: 10px;}
.add-address i.icon-xiayibu{margin: 30px 5px;}
.icon-title{/* display: block; clear: both; width: 100%;*/}
.mui-table-view .mui-table-view-cell .icon-title i{font-size: 18px;color: #969696;margin-top:3px;margin-right:3px}
h2.icon-title{/* line-height: 50px;margin-left: 15px; */}
.icon-xiayibu{color: #cacaca;font-size: 18px;}
.order-num{margin-left: 10px;border-bottom: 1px solid #ebebeb;padding:10px 10px 8px 0;position: relative;}
.order-num .icon-xiayibu{position: absolute;right: 10px;top:50%;margin-top: -9px;}
.order-num ul{display: inline-block;margin-left: 5px;margin-top: 10px;}
.order-width ul{width: 85%;}
.order-num i{margin-top: 10px;color: #aaa;}
.order-num li{margin-bottom: 5px;}
.order-num li p{color: #333;display: inline-block;}
.order-num li p .num-unit{color: #aaa;}
.order-num li p .txt-red{margin: 0 5px;}
.sele-time h2{line-height: 50px;font-size: 14px; margin-left: 15px;}
.sele-time h2 i,.sele-tc h2 i{margin-right: 5px;font-size: 20px; float: left; color: #aaa;}
.sele-week{background: #f1f2f6; border-top:1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.sele-week  ul{width: 85%;}
.sele-week i{width: 7.5%;line-height: 62px;color: #cacaca;font-size: 18px;text-align: center;}
.sele-week li{width: 25%;float: left;position: relative;}
.sele-week li p{width: 100%;padding: 10px 0;color: #666; }
.sele-week li p:active{background: #f18300; color: #fff;}
.sele-week .current-week p{background: #f18300;}
.sele-week .current-week p span{color: #fff;}
.sele-week li:active{background: #f5f5f5;}
.sele-week i:active{background: #f5f5f5;}
.sele-week li span{display: block;text-align: center;}
.sele_item{width:100%;  background: #ffffff; padding-bottom: 10px;/*margin: 20px 3.5% 10px;*/}
.sele_item ul{ flex-direction: row; justify-content:flex-start; width: 100%; flex-wrap:wrap;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;  }
.sele_item ul li{ width: 33.333%;}
.sele_item li span{position:relative;border:1px solid #ddd; background: #fff; color:#666;display: block;padding:10px 0;border-radius: 3px;
width: 95%;text-align: center; font-size: 14px;}
.sele_item li span.selected:after{font-family:"iconfont" !important;content: "\e663"; position: absolute; line-height: 16px; font-size:20px;color: #f18300; right: -3px; bottom:-1px ;}
.sele_item li span.un_selected{ background: #f5f5f5;}
.sele_item li span.un_selected:after{font-family:"iconfont" !important;content: "\e66b"; position: absolute; line-height: 16px; font-size:18px;color: #aaa;border-color: #aaa; right: -3px; bottom:-2px ;}
.sele_item li span:last-child{margin-right: 0;}
.current-week .arrow-top{position: absolute;left: 50%;margin-left: -3px;}
.sele_item li span:active,.sort-part li:active,.sele_item li span.selected{background: #fff;border:1px solid #f18300;color:#f18300 ;}
.sele_item li span.selected:active{ background: #f8f8f8; border-color:#ddd}
.sele-hour{ margin: 10px 2.5% 0;}
.sele-hour ul li{ width:24%; margin-bottom: 5px;}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
    .sele-hour{ margin: 10px 3px;}
    .sele-hour ul li{ width:33.333%;}
}
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */
	.sele-hour{ margin: 10px 3px;}
	.sele-hour ul li{ width:25%;}
}
.sele-hour ul{}
.arrow-top {
    width:0; 
    height:0; 
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:6px solid #f18300;
}
/*支付订单*/
.pay_wrapbox{ background: #fff; border-radius: 3px;margin: 10px;}
.title_wrap{ width: 100%; position: relative; color:#333;line-height: 35px; padding: 5px 0;overflow: hidden;}
.title_wrap:after{position: absolute;left: 12px; bottom: 0; width: 100%; height: 1px;background-color: #e3e3e3;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.title_l{ float: left; margin: 0 0 0 15px; font-size: 16px;}
.title_rtips{ float: right; margin-right: 12px;}
.title_rtips b{ color: #ff404e; font-size: 15px; margin-right: 3px;}
.sevinfo_list{ margin: 10px; padding-bottom: 10px;}
.sevinfo_list li{ line-height: 22px; font-size: 14px; margin-bottom: 8px; color: #888; overflow: hidden;}
.sevinfo_list li i{ float: left; margin: 1px 2px 0 0;}
.acount_info li h3{ font-size: 16px;}
.acount_info li i{ margin-right: 3px; color: #aaa;}
.acount_info li p{ margin: 5px 0 0 21px; font-size: 13px;}
.acount_info li p b{color: #ff404e; font-size: 15px; padding: 0 3px;}
.select_pay li i{ font-size: 48px; line-height: 42px; margin-right: 3px;}
.icon-weixin{ color: #11bb37;}
.icon-zhifubao{ color: #009bdc}
.select_pay h3{ font-size: 15px; margin-top: 4px;}
.select_pay p{ font-size: 13px; margin-top: 3px;}
.mui-table-view-cell.mui-radio input[type="radio"],.mui-table-view-cell.mui-checkbox input[type="checkbox"]{top:50%;margin-top: -14px;}
.mui-radio input[type="radio"]:before,.mui-checkbox input[type="checkbox"]:before{font-family:iconfont;content:"\e63f"; color: #bfbfbf;}
.mui-radio input[type="radio"]:checked:before,.mui-checkbox input[type="checkbox"]:checked:before{font-family:iconfont;content: "\e645";color: #f18300;}

/*保洁预约单*/
.list-02{background: #fff;}
.tab-control-middle.mui-segmented-control{text-align: center;padding: 10px 10px;border: none;background: #fff;}
.tab-control-middle.mui-segmented-control span{border: 1px solid #d9d9d9;display: inline-block;height: 34px;line-height: 34px;
width: 100px;text-align: center;color: #666;position: relative;font-size: 14px;}
.tab-control-middle span:first-child{border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.tab-control-middle span:last-child{border-bottom-right-radius: 4px;border-top-right-radius: 4px; margin-left: -1px;}
.tab-control-middle.mui-segmented-control .mui-active{background:#18cc00;color:#fff; border-color:#18cc00;}
.tab-control-middle.mui-segmented-control .mui-active i{position:absolute;bottom:0;right:-1px;line-height: 14px;color: #f18300;}
.tab-control-middle.mui-segmented-control .mui-active:after{ font-family:"iconfont" !important;content: "\e663"; position: absolute; line-height: 16px; font-size:18px;color: #f18300; right: -2px; bottom:-2px ;}
.mui-segmented-control .mui-control-item:first-child{border-width: 1px;}
.list-people .num-title{height: 40px;line-height: 40px;}
.rating .icon-wujiaoxing{/*float: left;*/display: inline; margin-right: 0px;}
.rating span{margin-right: 5px;float: left;}
.list-people .mui-media-body{margin-top: 0px;}
.list-people .mui-table-view-cell h2,.add-address .mui-media-body h2{font-size: 16px;margin-bottom: 5px; margin-top:8px}

.list-people .mui-media{position: relative;}
.list-people .mui-media .icon-xiayibu,.list-people .icon-xiayibu{position: absolute;right: 10px;top:50%;margin-top: -9px;color: #bfbfbf;}
.pic-box{width: 80px;height: 80px;border-radius: 50%;border: 1px solid #f0f0f0;margin-right: 10px;}
.pic-box img{border-radius: 50%;}
.mui-table-view .pic-box .mui-media-object{width: 100%;height: 100%;border-radius: 50%;}
.list-people .mui-table-view .mui-table-view-cell{border-bottom: 1px solid #f3f3f3;margin-left: 15px;padding: 20px 5px;}
.list-people .mui-table-view .mui-table-view-cell:last-child{ border-bottom: 0;}
.user_right h2 span{ color: #666; margin-right: 8px; font-size: 14px;}
.user_right h2 span b{color: #ff404e;  font-size: 16px;}
/*日常保洁下一步*/
.add-address .list-people{position: relative;}
.add-address .list-people .mui-ellipsis{margin: 5px auto 0;font-size: 14px`;}
.order-num .mui-numbox{background: #fff;border-radius: 0;border-color:#efefef ;width: 140px;}
.order-num .mui-numbox input[type="text"]{border:1px solid #efefef ;width: 68px;border-radius: 0;border-bottom: none;border-top: none;
position: absolute;left: 35px;top:0;height: 35px;font-size: 14px;}
.order-num .mui-numbox .mui-btn{width: 35px;border: none;position: absolute;top:0;color: #d0d0d0;font-size: 20px;line-height: 33px;
padding: 0;}
.order-num .mui-numbox .mui-btn:active{background: #fff6e5;border-radius: 0;color:#f18300 ;}
.order-num .mui-numbox .mui-btn-numbox-minus{left: 0;}
.order-num .mui-numbox .mui-btn-numbox-plus{right: 0;}
.order-num h2{display: inline-block;line-height: 35px;font-size: 14px;margin-left: 5px;}
.order-num h2 i{margin-right: 5px; float: left; margin-top: 0;}
/*保洁套餐*/
.sele-tc{margin-top: 10px;}
.sele-tc h2{line-height: 16px; padding-top:10px;margin-bottom: 15px; margin-left:15px;font-size: 16px;}
.sele-tc ul li{width: 28%;text-align: center;border:1px solid #e6e6e6;margin-left: 15px;padding: 20px 0;float: left;color: #aaa;}
.sele-tc ul li:last-child{margin-right: 0;}
.sele-tc ul li:active{border:1px solid #f18300}
.sele-tc ul li i{display: block;font-size: 44px;margin-bottom: 15px;margin-top: 15px;color: #aaa;}
.sele-tc p span{display: block;text-indent: 2em;color: #aaa;line-height: 24px;margin-top: 5px;}
.sele-tc p{margin: 20px 0 0px;padding: 0 15px 10px;color: #888;}
.sele-tc .current-tc,.sele-tc .current-tc i{color: #f18300;}
.sele-tc .current-tc{border:1px solid #f18300}
.sele-tc span{ display: block; color: #aaa;}
.sele-tc span b{ color: #ff404e;}
/*卡包券*/
.card-box{background: #fff;width: 100%;padding: 10px 0 0px;}
.card-box .icon-title,.sort-box .icon-title{border-bottom: 1px solid #ebebeb;margin-left: 0;padding:0 10px;font-size: 16px;}
.card-box .icon-title span i{color: #ffb940;margin-right: 2px;}
.card{margin:5px 10px;background: url(../img/card_bg.png) no-repeat;background-size:cover;padding: 10px;background-color:#ffb940;
border-radius: 10px;}
.card .card-border{border: 1px dashed #e3ad41;border-radius: 10px;}
.pers-infor .pic-box {margin: 10px;}
.pers-infor .mui-media-body{margin: 25px 0 auto;}
/*.pers-infor .mui-media-body h2,.pers-infor .mui-media-body h2 span{font-size: 16px;}*/
.pers-infor .mui-media-body h2:active{opacity: 0.8;}
.pers-infor .mui-media-body p{color: #666;margin-top: 10px;}
.sort-square li{float:left; text-align: center;}
.sort-square-4 li{width: 25%;padding-bottom: 0px;padding-top: 10px;}
.sort-square-4 li i{color:#f4cb73 ;}
.sort-square li i{margin: 10px 0;font-size: 28px;}
.card-box .dh-banner{padding: 10px 10px 0;}
.none-box{width: 240px;margin:10px auto;text-align: center;}
.mytcard{ border-bottom: #e8e8e8 1px solid;  background: #f5f5f5;margin-bottom: 10px;}
.mytc_ico,.tc_yueka .mytc_ico,.mui-table-view .mui-table-view-cell.tc_yueka .mytc_ico i{ position: relative; color: #f18300;}
.tc_jika .mytc_ico,.mui-table-view .mui-table-view-cell.tc_jika .mytc_ico i{ color: #00bbf1;}
.tc_nianka .mytc_ico,.mui-table-view .mui-table-view-cell.tc_nianka .mytc_ico i{ color: #9f00f1;}
.mytcard_line{ position: relative; padding: 5px 0; line-height: 26px;  margin-bottom: 0px; overflow: hidden; width: 100%; display: block;}
.mytcard_line.mui-navigate-right:after{ right: 0; top: 45%;}
.mytc_ico{ margin-right: 2px; margin-top: 1px;float: left;}
.mytc_ico i b{ position: absolute; font-size: 12px; left: 3px; top: 3px; }
.mytcard_title{ margin-bottom: 10px; text-align: left;}
.mytcard_name{ width: 30%;}
.mytcard_num{/* width: 40%; text-align: center; color: #666;*/}
.mytcard_num span{ color: #ff404e; padding: 0 3px;}
.mytcard_record{ width: 30%; color: #888; padding-right: 12px; text-align: right; position: relative;}
/*12-5*/
.title-bg-border{border-bottom: 1px solid #ebebeb;background: #fff;}
.mytcard .tc_box{margin: 10px 15px;}
.tc-wrap i{display: inline-block;width: 50px;height: 50px;border-radius:50% ;text-align: center;color: #fff;
line-height: 50px;font-size: 30px;margin-right: 10px;position: relative;float: left;}
.tc-wrap i b{position: absolute;top:0px;left:50%;margin-left: -7px;}
.tc-yue .tc-wrap i{background:#ffc279;} 
.tc-ji .tc-wrap i{background:#7de8ff;}
.tc-nian .tc-wrap i{background:#ff7d9f;}
.tc-wrap{padding: 5px 15px;position: relative;}
.tc-wrap .tc-txt{display: inline-block;margin-top: 7px;}
.tc-wrap .tc-txt p{margin-top: 5px;color: #ff404e;font-size: 12px;}
.tc-wrap .tc-txt p span{font-size: 18px;}
.tc-wrap .btn_buy button{width: auto;position: absolute;right: 15px;top:50%;margin-top: -20px;border:#ffc279 1px solid;
background: #fffaf5;color: #f18300;}
.tc-wrap .btn_buy button:active{background: #fff1e0;}
.buy-card{border-bottom: 1px solid #ebebeb;padding: 5px 0; margin-bottom: 5px; background: #fff; }
.buy-card:last-child{border-bottom: none;}

/*个人中心*/
.user-top{background: #f18300;}
.user-infor,.user-infor .mui-media-body p {color: #fff;}
.sort-square-3 li{width: 33%;padding-bottom: 0px;padding-top: 10px;}
.sort-square-3 li span{display: block;}
.stat-num li{border-right: 1px solid #ff9b25;padding: 0;margin: 15px 0 30px;color:#fff;}
.stat-num li:active{opacity: 0.8;}
.stat-num li:last-child{border-right:none ;}
.user-other .dingdan-num{margin-top: -15px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.user-other .dingdan-num h2 span{color: #aaa;font-size: 12px;}
.user-other .dingdan-num h2 span:active{color: #f28300;}
.user-other h2.icon-title,.sort-box h2.icon-title,.card-box h2.icon-title{ line-height: 35px; text-align: left;}
.user-other .dingdan-num .sort-box{ padding-bottom: 0;}
.user-other h2.icon-title{ width: 100%; display: block; clear: both; line-height: 20px; padding-bottom: 5px;}
.dingdan-num ul li i{color:#888;}
.user-sort{padding-bottom: 10px; padding-top: 0;}
.user-sort .sort-square-3 li{border-bottom: 1px solid #eee;border-right:1px solid #eee;padding: 10px 0; margin-bottom: 0;}
.user-sort .sort-square-3 li:nth-child(3n){border-right:none ;}
.sort-square-3 .ussq-01{color: #e70099;}
.sort-square-3 .ussq-02{color: #7538ff;}
.sort-square-3 .ussq-03{color: #00a5e2;}
.sort-square-3 .ussq-04{color: #d88800;}
/*订单列表*/
.order_lst_item{ padding: 10px 15px 5px;background: #fff;}
.order_item_tit{ margin:0; overflow:hidden;line-height: 40px;border-bottom:#e3e3e3 1px solid;font-size:16px}
.order_item_tit label{ float:left; font-size:16px}
.order_item_tit span{ float:right}
.order_info_lst{ padding:10px 0 15px; margin:0px;border-bottom:#e3e3e3 1px solid;}
.order_info_line{ line-height:24px; color:#666;margin-top: 5px;font-size: 14px;}
.order_info_line i{ color:#888;margin-right: 5px;}
.btn_common_bar{ display: flex; position:relative;flex-direction: row;justify-content: flex-end;  padding:5px 15px 10px 0;margin: 0;background:#fff;}
.btn_common_bar:after{ position: absolute; left: 0; bottom: 0; height: 10px; width: 100%; display: block; background: #f5f5f5; content: "";-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.btn_common_bar button{ border-radius:3px; margin-left:5px;text-align: center; border:#d8d8d8 1px solid;margin-bottom: 5px; 
color:#333; line-height:25px;width: 80px;}
.btn_common_bar .btn_common_gray:active{ color:#666; background:#f5f5f5}
.btn_common_bar button.btn_common_red{ background:#ffedee; color:#ff404e; border-color:#f4c1c4}
.btn_common_bar button.btn_common_red.btn_common_red:active{ color:#ff404e; background:#ffe0e2; border-color:#f4c1c4}
.order_lst .mui-table-view-cell:after{ height: 10px; left: 0; background: #f4f4f4;}
.order_lst .mui-table-view-cell:last-child:after{ height: 1px; background: #e3e3e3;}
.no-more{color: #aaa;text-align: center;line-height: 40px;}
/*登录*/
.login-box{margin: 50px 10% 0;width: 80%;}
.login-box img{width: 40%;margin: auto 30% 20px;}
.login-box .input-box{position: relative;}
.input-box input[type="text"]{height: 46px;text-indent: 20px;color: #333;margin-bottom: 5px;}
::-webkit-input-placeholder {
  color: #ccc;
}
:-moz-placeholder {/* Firefox 18- */
  color: #ccc
}
::-moz-placeholder{/* Firefox 19+ */
 color: #ccc;
}
:-ms-input-placeholder {
  color: #ccc;
}
.login-box .input-box i{position: absolute;top:50%;margin-top: -13px; left: 10px;color: #f18300;}
.login-box .input-code input[type="text"]{width: 60%;}
.login-box .input-code .btn-code{width: 36%;margin-left: 2%;height: 46px;color: #fff;background: #b6b6b6;border-color:#b6b6b6 ;}
.login-box .input-code .btn-code:active{background:#999 ;}
.login-box .mui-btn-block{margin-top:15px ;}
.login-box .btn-orange.mui-btn-block:active{background: #e67c00;}
.login-box p{color: #7c7872;margin-top: 10px;text-align: center; font-size: 12px;}
.login-box p span{color: #ff404e;}
/*全部分类*/
.left-side{ width:22%; position: relative; float:left;background: #f5f5f5;border-right: 1px solid #e6e6e6; height: 100%; }
.left-side .sort-square li{float: none;width: 100%;border-bottom: 1px solid #e6e6e6; padding: 15px 0; color: #666;}
.left-side .sort-square li:active{ background: #fff;}
.left-side .sort-square li i{display: block;color: #888;}
.left-side .sort-square .current-sort{background: #fff;color: #ff0d00; position: absolute; left: 1px;}
.left-side .sort-square .current-sort i{color: #ff0d00;}
.mui-col-xs-9{width: 78%;}
.right-side{background: #fff;padding: 0 2% 0 3%; overflow-y:auto ;}
.sort-part h3 i{font-size: 12px;margin-left: 5px; color: #888;}
.mui-col-xs-9{min-height: 100%;background: #fff;}
.sort-part h3 i{font-size: 12px;margin-left: 5px;}
.sort-part h3{line-height: 34px;}
.sort-part li i{display: block;margin-top: 5px;color:#f18300;}
.sort-part li{border: 1px solid #e6e6e6;padding: 10px 0;color: #666;}
.hot-part li:last-child{margin-right: 0;}
.hot-part li{width: 32%;margin-right: 2%;}
.all-part{margin-top: 5px;}
.all-part li{width: 32%;margin-right: 2%;margin-bottom: 5px;}
.all-part li:nth-child(3n){margin-right: 0;}
/*启动页*/
.skip-time{display: inline-block;position: fixed;right: 10px;top:20px;text-align: center;background: rgba(0,0,0,0.25);
width: 50px;height:50px;border-radius: 25px;color: #fff;font-size: 12px;}
.skip-time span{display: block;font-size: 16px;margin-top: 8px;line-height: 16px;}
.qd-dot{position: fixed;bottom: 30px;left: 50%;margin-left: -27px;}
.qd-dot span{background: #ccc;margin-right: 15px;}
.qd-dot .current-dot{background: #ea595d;}
/*star*/
/*红星*/
.color_star_5 >.icon-wujiaoxing,.color_star_4 >.icon-wujiaoxing,.color_star_3 >.icon-wujiaoxing,.color_star_2 >.icon-wujiaoxing,
.color_star_1 >.icon-wujiaoxing:first-child{ color:#ff0d00}
/*灰星*/
.color_star_4>.icon-wujiaoxing:last-child,.color_star_3>.icon-wujiaoxing:last-child,.color_star_2>.icon-wujiaoxing:last-child,
.color_star_1>.icon-wujiaoxing,.color_star_0 >.icon-wujiaoxing{ color:#888}
.color_star_3>.icon-wujiaoxing:nth-last-child(2),.color_star_2>.icon-wujiaoxing:nth-last-child(3),
.color_star_2>.icon-wujiaoxing:nth-last-child(2) { color:#888}
/*洗涤*/
.need-input{position: relative;}
.need-input h2 i,.loc-input i{margin-right: 5px; color:#aaa}
.need-input input[type="text"],.need-input select,.mui-table-view .mui-input-row.need-input p{line-height: 28px;text-indent: 0px;font-size: 14px;padding: 0;
/*width: 76%;*/margin-left: 140px;margin-right: 15px;}
.mui-table-view .mui-input-row.need-input p span{ display: block; color: #000; white-space: normal;}
.mui-table-view .mui-input-row.need-input p span b{ color: #ff404e;}
.need-input input[type="text"]{ margin-bottom: 0; height: 28px;}
.mui-table-view .mui-table-view-cell.need-input select{ margin-top: 0; font-size: 14px;}
.linetit{ display: block; clear: both; width: 100%; overflow: hidden;}
.input_tips{padding-left: 10px; font-size: 12px; color: #888; line-height: 24px;}
.input_tips i{ float: left; margin: 4px 3px 0 0; background: #aaa; border-radius: 15px; width: 16px; height: 16px; line-height: 16px; font-size: 12px; color: #fff; text-align: center;}
.input_tips span{ font-size: 12px; color: #f00; padding: 0 3px;}
.mui-table-view .mui-table-view-cell .linetit i{position:absolute; margin-right: 3px; color: #aaa;}
.mui-table-view .mui-table-view-cell .linetit span{  margin-left: 24px; margin-top: 0; line-height: 18px;}
.linetit span b{ color: #888; font-size: 12px;}
.mui-right{ position: absolute; top: 12px; right: 10px; color: #fff;}
.need-input ::-webkit-input-placeholder {
  color: #ccc;
}
.need-input :-moz-placeholder {/* Firefox 18- */
  color: #ccc
}
.need-input ::-moz-placeholder{/* Firefox 19+ */
 color: #ccc;
}
.need-input :-ms-input-placeholder {
  color: #ccc;
}
.need-input h2{position: absolute;background: #fff;z-index: 3;line-height:28px;width: 130px;font-weight: normal;} 
.list-order .icon-xiayibu{line-height:50px;margin-right: 15px;height: 50px;margin-left: 15px;}
.list-order{border-bottom: 1px solid #e6e6e6;}
.list-order .need-input input[type="text"]{text-indent: 25px;}
.loc-input{ padding: 20px 15px;background: #fffbf6;}
.loc-input h2{float: left;}
.loc-input i{ position: absolute; left: 12px; top: 40%;}
.loc-input p{ margin: 0px 0 0 15px;}
.mui-table-view .mui-table-view-cell.loc-input p span{ line-height: 28px; margin-left: 7px; margin-top: 0px; float: left;}
.mui-table-view-cell.loc-input:after{left:0}
/*保姆*/
.order-num h2 span{color: #ff0d00;}
.area-range h5{position: relative;}
.area-range h5 span{position: absolute;font-size: 14px;top:0}
.area-range h5 span:first-child{left: 10px;}
.area-range h5 span:nth-child(2){left: 20%;margin-left: -4px;}
.area-range h5 span:nth-child(3){left: 40%;margin-left: -18px;}
.area-range h5 span:nth-child(4){left: 60%;margin-left: -24px;}
.area-range h5 span:nth-child(5){left: 80%;margin-left: -30px;}
.area-range h5 span:last-child{left: 100%;margin-left: -34px;}
.area-range .mui-input-row{top:15px;position: relative;padding: 0 10px;}
.area-range .mui-input-range input[type="range"]::-webkit-slider-thumb {width: 20px;height: 20px;background:#fff ;border:1px solid #ddd;
box-shadow: 0px 0px 8px #ddd;}
.area-range .mui-input-range input[type="range"]{background:#ddd;}
.order-num .spec-need{background: #fff;padding-bottom: 0px;padding-left: 15px;margin-top: 0;}
.order-num .spec-need li span{width: 29%;}
.connect-box li span{float: left;margin: 10px 0 0 0px;border-radius:0 ;}
.connect-box li span:last-child{border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
.connect-box li span:first-child{border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
.connect-box li span{float: left;margin: 10px 0 0;border-radius:0 ;}
.connect-box li span:last-child{border-bottom-right-radius: 4px;border-top-right-radius: 4px;}
.connect-box li span:first-child{border-bottom-left-radius: 4px;border-top-left-radius: 4px;}

/*地址列表*/
.addrss-box{padding: 10px 15px 0;background: #fff;}
.address-content{border-bottom: 1px solid #eaeaea;}
.address-content h3{font-size: 16px;margin: 10px 0 ;}
.address-content p{line-height: 24px;} 
.act_topbar .unit_lbox{line-height: 40px;float: left;}
.act_topbar .unit_lbox input{margin-left:-20px;}
.act_topbar .unit_lbox input:before{font-size: 20px;line-height: 30px;}
/*.act_topbar .unit_lbox input:checked:before{color:#f18300 ;}*/
.act_topbar .unit_lbox span{margin-left: 22px;}
.act_topbar a{float: right;line-height: 40px;margin-left: 10px;color: #333;}
.act_topbar a i{margin-right: 3px;font-size: 16px;}

/*新增地址*/
.list-02 input{height: 30px;margin-bottom: 0;padding: 0;line-height: 30px;text-align: right;}
.list-02 textarea{width: 100%;display: block;border: none;padding:10px 0;}
.list-02.mui-pull-right{margin-right: -50px;}
.mui-table-view-chevron .list-text{padding-right:40px;}

/*反馈意见*/
.txt_linebar{ border-bottom: #e8e8e8 1px solid; padding-bottom: 6px;}
.txt_linebar p{color:#333;display: inline-block;}
.txt_linebar .txt_r2{float: right;}
.input_padlist .input_linebar textarea{border: none;padding-left: 0;}

/*评价列表*/
.eva-info{margin: 10px 0px;}
.eva-info span{display: inline-block;width: 32.5%;}
.eva-info span:nth-child(2){text-align: center;color: #9a9a9a;}
.eva-info span:first-child{text-align:left;}
.eva-info span:last-child{text-align: right;}
.eva-info span:last-child i{font-size: 16px;text-align: right;}
.evaluation-list p{line-height: 24px;color: #333;margin: 10px 0;}
.evaluation-list{border-bottom: 1px solid #d8d8d8;padding: 10px 15px;background: #fff;}

/*优惠码兑换*/
.input-exchange{background: #fff;padding: 10px 0 5px;}
.input-exchange input{border: 1px solid #d8d8d8;width: 94%;margin: 0px 3%;padding-left:2px;background: #f5f5f5;}
.input-exchange input::-webkit-input-placeholder {
  color: #b3b3b3;
}
.input-exchange input:-moz-placeholder {/* Firefox 18- */
  color: #b3b3b3
}
.input-exchange input::-moz-placeholder{/* Firefox 19+ */
 color: #b3b3b3;
}
.input-exchange input:-ms-input-placeholder {
  color: #b3b3b3;
}

.mysel_list .mui-navigate-right:after{ font-size: 24px; right: 10px;}
.mysel_list .mui-table-view-cell span i{ margin-right: 3px; color: #aaa;}

/*关于我们*/
.list-no-arrow li i{ color: #999;font-size: 20px;margin-right: 5px;}

.mysel_list .mui-table-view-cell span i{ margin-right: 3px; color: #aaa; float: left;}
.mysel_list .mui-table-view-cell p{ display: block; color: #333;}
.mysel_list .mui-table-view-cell b{ display: block; margin-bottom: 5px;}

/*客服*/
.service_bgbox{ background:#efefef url(../img/service_bg.jpg) no-repeat center bottom; width:100%; height:100%; text-align:center;
padding: 20px 0;}
.service_bgbox img{ width:90px; height:90px; margin:11px 0 10px}
.slogan_text{ color:#f28300; font-size:120%; margin-bottom:5px}
.name_weixin{ color:#666}
.service_btn_box{ text-align:center; padding:30px 0 0 0}
.btn_center{ text-align:center}
.btn_orange_box,.btn_gray_box{ border-radius:5px; width:240px; margin:0 auto;line-height:40px; font-size:16px }
.btn_orange_box{ border:#f28300 1px solid; background:#fff5e9; color:#f28300; margin-bottom:10px;}
.btn_orange_box:active{color: #fff;background:#f28300;}
.btn_center p{ color:#888; font-size:small;margin: 10px auto 10px;}
.btn_gray_box{border:#d2d2d2 1px solid; background:#f5f5f5; color:#666; margin-top:30px}

/*帮助中心*/
.textlist_unit{ border-bottom:#e9e9e9 1px solid; width:100%; overflow:hidden; padding:0;padding-bottom:5px; line-height:35px; position:relative}
.textlist_unit i.icon_f{ position:absolute; left:15px; top:8px; width:30px; height:30px; color:#666; display:block;font-size: 20px;}
.textlist_titbar{ margin:8px 40px 0 45px; color:#000; font-size: 16px;}
.textlist_unit i.icon_m{ position:absolute; right:15px; top:10px; width:20px; height:30px; color:#666}
.textlist_infowrap{ padding:15px 10px 10px 15px;border-bottom: 1px solid #e5e5e5;}
.textlist_infowrap li{ margin-bottom:15px; display:block}
.textlist_question{ color:#333; margin-bottom:8px; line-height:140%}
.textlist_answer{ color:#666; line-height:120%}
.textlist_answer p{ margin-bottom:5px;line-height:140%}
.textlist_answer p.xytit{ margin-top:10px}

.footbtn_bar{bottom: 0; left: 0; padding: 15px; position: fixed; text-align: center; width: 100%;}
.footbtn_bar p{ color:#666}
.foot_noline::before{ background:none;}

/*邀请有礼*/
.box_invitate{ background:url(../img/flowerbg.jpg) no-repeat; background-size:cover; width:100%; min-height:175px; padding:30px 0 0 0; display:block}
.box_inv_wrap{ background:#fff; border:#ffaf8c 2px solid;border-radius:100px; width:50%; margin:0 auto; height:110px; padding:5px}
.box_inv_in{border:#ffaf8c 1px solid; border-radius:100px; margin:0 auto; height:95px; width:100%; text-align:center;padding: 15px 0;}
.box_inv_in div{ line-height:30px}

.box_inv_in div strong span{ color:#f28300; font-size:150%; font-weight:400; padding:0 5px}
.box_inv_in div span{ color:#888}
.box_inv_text,.invite_toptext { padding:20px 0}
.box_inv_text p,.invite_toptext p{ text-align:center }
.w_invite{ max-width:450px; height:100%;width: 100%; margin:0 auto;}
.receive_wrap{ background:#f64349 url(../images/bghappy.jpg) no-repeat; height:auto; min-height:100%;background-size:100% auto; background-size:cover; position:relative}
.receive_content{ height: 100%; margin: 0 auto;   position: relative;  text-align: center;  top: 1rem; width: 79.2%; background:#fff; border-radius:6px; padding:20px 0 80px}
.receive_card{ width:90%; margin:0 auto; position:relative; height:160px}
.bg_topdjq_2{ background:url(../images/bg_djq_2.png) repeat-x left top; height:2px; display:block}
.receive_hole{ border:#c8c8c8 1px solid; border-radius:20px; width:80%; margin:0 auto; height:15px;background-color:#fff;box-shadow:1px 1px 0px 1px gray inset;}
.receive_card .djq_lst{ background:none; padding-bottom:20px; position:absolute; top:0px; width:100%}
.receive_card .djq_lst li{ margin-bottom:0}
.receive_text h2{ color:#666 }
.input_phone_num{border: 2px solid #e4e4e4;  border-radius: 6px;  height: 35px;  line-height: 35px;  margin-top: 7.5%;  padding-left: 2%; width: 90%;}
.btn_receive{ display:block; margin:3.5% auto 0; width:90%; font-size:150%;border-radius: 6px;  background:#f64349; height:44px; line-height:44px; text-align: center; color:#fff }
.btn_receive:active{ background:#f18300; }
.footer_share{bottom: 0;  line-height: 60px;  position: fixed;  width: 450px; background:#fff; border-top:#e2e2e2 1px solid}
.footer_share > div { background-color: #fff; bottom: 0; height: 56px;}
.footer_share img{ background-size:cover; height:60px}
a.dis { display: block;  position: absolute;}
.btn_dw{ height:44px; line-height:44px; text-align:center;border:#e95011 2px solid;color: #e95011; font-size:120%; border-radius:5px; background:#fff; width:90px; float:right; display:block}
.footer_share a.btn_dw.dis { left: 72%; top: 0.4rem; width: 24%;}
.btn_dw:active{border:#f64349 2px solid; color:#f64349; background:#ffe6e7}
.receive_content .box_inv_text p{ color:#888}
.fb_text{ position:absolute; bottom:20px; width:90%; margin-left:5%}
.alert_gz{ float:left; position:absolute; left:0; bottom:0}
.alert_gy{ position:absolute; right:0; bottom:0}
.alert_box{ border-radius:5px; background:#fff; width:90%; margin:0 auto; margin-top:2.5%; padding:10px }
.alert_box h1{ text-align:center; color:#f64349; margin-bottom:18px; font-size:16px}
.alert_box p{ color:#666; margin-bottom:4px}
.yhqbox{ height:100px; display:block; position:absolute; width:70%; margin-left:15%; top:8px}
.yhq{ background:#f28300; height:80px; padding:0px 5px; display:block; width:100%; margin:0 auto}
.yhq_info { color:#fff; width:60%; float:left; margin:0px 0 0 10px; padding-left:10px}
.yhq_line1{ text-align:left;  display:block; float:left; }
.yhq_line2{ text-align:left; display:block; float:left; margin-top:20px}
.yhq_line3{ text-align:left}
.yhq_line1 strong{ font-size:250%; padding:0 5px 0 0; }
.yhq_logo{ width:60px; height:60px; display:block; float:left; margin:10px 0 0 10px}
.invite_toptext{ margin:15px 15px 0; border:#ffaf8c 1px solid; background:#fff9f6}
.invite_toptext p{ font-size:16px; margin-bottom:10px;color: #333;}
.invite_toptext p strong{ padding:0 5px; color:#f28300}
.circle_box{ width: 100px; height: 100px; padding-top: 20px; background:#f28300; border-radius: 50%; margin: 0 auto; display: block ; margin-top: 15px; text-align: center;}
.circle_box p{ color: #fff; font-size: 20px; }
.circle_box p span{ font-size: 12px;line-height: 30px; margin-top: 20px; }
.circle_box p strong{ font-size: 26px; font-weight: normal;}
.no_recordbox{ text-align:center; border-bottom:#e2e2e2 1px dotted; padding:10px 0; margin:0 15px}
.tit_invite_topbar{font-size:larger;background:#fff; line-height:44px; text-align:center}
.text_orange{ border:none}
.text_orange td{ color:#333; border:none; border-bottom:#f4dfc7 1px dotted}
.text_orange th{ background:#fff8ef; color:#f28300; border:none}
.m_t15{ margin-top:15px;}
.box_inv_in b{font-size: 18px;color: #f18300;}
.box_inv_in p:first-child{color: #333;}
.box_inv_text p{color: #333;}
.sev_text p{margin: 10px auto;}
.sev_text p b{display: inline-block;width: 4px;height: 4px;border-radius: 1px;margin-right: 5px;background: #9a9a9a;
float: left;margin-top: 8px;}

.table_common{ padding:15px 15px 0}
table { border: 1px solid #f2f4f7;  border-collapse: collapse;  font-size: 13px;  width: 100%;}
table td { background-color: #fff;  border: 1px solid #f2f4f7;  border-collapse: collapse;  color: #666; line-height: 20px; padding: 8px;}
table th { background-color: #f2f4f7; border: 1px solid #f2f4f7; border-collapse: collapse; color: #333; font-weight: 400; line-height: 15px;padding: 8px;text-align: left;}
table th::before {content: "";display: block; height: 3px;}
.table_common table{ margin-bottom:10px; font-size:13px}
.table_tac th,.table_tac td{ text-align:center}
.text_tips{ font-size:11px; color:#aaa; margin-bottom:0px; margin-top:6px}
.text_tips p{ color:#aaa; text-align:left}
.table_tal p{ color:#666; margin-bottom:4px}
table ul.list_pt { font-size: 12px;}
table ul.list_pt li {color: #525a66;float: left; padding: 10px; text-align: center;width: 50%;}
table ul.list_pt li:nth-of-type(2n+1) {clear: both;}
table ul.list_pt li img {display: inline-block;width: 100px;}
table ul.list_pt .txt dt{ font-size:16px; line-height:28px; color:#000}
table ul.list_pt .txt dd{}
table ul.list_ys { font-size: 12px;}
table ul.list_ys li {color: #525a66; padding: 20px 10px; text-align: left;width: 100%; overflow:hidden; position:relative}
table ul.list_ys li img {display: block;width: 100px; height:100px; margin-right:0px; position:absolute; left:0; top:50px}
table ul.list_ys dl.txt{ margin:0px 0 0 100px;}
table ul.list_ys .txt dt{ font-size:16px; line-height:28px; color:#000}

table ul.list_ys .txt dd{ display:block}

table ul.list_ys .txt dd{ display:block}

.powerbar{ padding: 0 10px; background: #fff;}
.powerbar button{ width: 100%; border: 0; margin-bottom: 10px; height: 44px;background: #f18300;font-size: 16px; color: #fff;}
.powerbar button:active{ background: #ff404e;}
/*微信端悬浮nav*/
.fi-xed-de-tail .fix-wrap {
	bottom: 60px
}
   .fix-wrap {
	position: fixed;
	left: 20px;
	bottom: 20px;
	width: 40px;
	height: 40px;
	z-index: 999999;
}

.fix-wrap .fix-nav {
	position: absolute;
	left: 0;
	bottom: 50px;
	width: 125px;
	border-radius: 2px;
	background: rgba(255, 255, 255, .9);
	opacity: 0;
	-webkit-transition: all linear .15s;
	-webkit-transform: translate(-40px, 100px) scale(0.2)
}

.fix-wrap .fix-nav.show {
	opacity: 1;
	-webkit-transform: translate(0px, 0) scale(1)
}

.fix-wrap .fix-nav li {
	height: 44px;
	border-bottom: 1px solid #DDDEDE;
	line-height: 44px
}

.fix-wrap .fix-nav li a {
	display: block;
	color:#f60
}

.fix-wrap .fix-nav li em {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 5px 0 10px;
	/*background: url(../img/shortcut.png) no-repeat 0 2px ;*/
	background-size:16px;

	
}

.fix-wrap .fix-nav li em.fix_sy {
	background-position: 0 0
}

.fix-wrap .fix-nav li em.fix_dd {
	background-position: 0 -16px
}

.fix-wrap .fix-nav li em.fix_wd {
	background-position: 0 -32px
}

.fix-wrap .fix-nav li em.fix_kf {
	background-position: 0 -48px
}

.fix-wrap .fix-nav li i {
	display: block;
	width: 5px;
	height: 5px;
	margin: 20px 10px 0 0;
	border: 1px solid #A2A1A1;
	border-width: 1px 0 0 1px;
	-webkit-transform: rotate(135deg)
}

.fix-wrap .fix-nav li:last-child {
	border: 0 none
}

.fix-wrap .fix-link {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	/*background: #389FFF url(../images/shortcut.png) no-repeat 0 -157px;*/
	background: #FFEC8B url(../img/ico_crumbs.png) no-repeat center center;
	background-size: 80%;
	border-radius: 40px;
	border: 2px solid #fff;
	-webkit-box-sizing: border-box
}

.fix-wrap .fix-link2 {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	/*background: #389FFF url(../images/shortcut.png) no-repeat 0 -157px;*/
	background: #f28300 url(../img/ico_crumbs.png) no-repeat center center;
	background-size: 80%;
	border-radius: 40px;
	border: 2px solid #fff;
	-webkit-box-sizing: border-box
}

.screenIfm {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .3;
	z-index: 13
}

.wx_bt{font-size:16px;margin-bottom:20px;margin-top:10px;line-height:25px;}
.txt{padding:0 10px}

.fl {
	float: left
}
.fr {
	float: right
}

/*礼品卡*/
.gift-card-detail{margin: 5px 15px 5px;color: #999;}
.gift-card-detail dt{margin: 0px 0 10px;text-align: center;padding: 0;}
.gift-card-detail dt b{display:block;height: 1px;width: 25%;background: #e5e5e5;float: left;margin-top: 8px;}
.gift-card-detail dt span{float: left; color:#666;font-size: 12px;width: 50%;display: block;}
.gift-card-detail dd{display: inline;font-size: 12px;}
.gift-card-detail dd span{color: #f18300;margin-left: 5px;font-size: 12px;}
.tequan-detail{text-align: center;font-size: 12px;color:#aaa;margin-top: 5px;}
.tequan-detail .iconfont{color: #aaa;font-size: 12px;margin-left: 3px;}
.tequan-detail:active{ color: #888;}
.tc_unit img{position: absolute;bottom: 0;right:20px;height: 110px;}
.tc_unit img{ height: 80px; right: 0;}
.btn_buy{ margin: 0 auto 10px; text-align: center; padding: 0 15px;}
.btn_buy button{ color: #fff; background: #f18300; height: 40px; border:0; width: 100%;}
.btn_buy button:active{ background: #e67c00;}
.tc_box{ background:#fff9f1; border: #e5e5e5 1px solid; border-radius: 3px; margin: 0px 15px; }
.tc_unit{ position: relative;background:#fff9f1/* url(../img/bgtc.jpg) no-repeat*/;border-radius: 6px; background-size: cover; padding: 10px; height: 80px;}
.tcard_ico{ position: absolute; left: 10px; top: 10px;; background: #ffc279; width: 60px; height: 60px; line-height: 30px; color: #fff; text-align: center; border-radius: 50%}
.tcard_ico i{ font-size: 30px; float: none!important; display: block; margin-top: 5px!important; margin-bottom: 5px;position: relative;}
.tcard_ico i b{position: absolute;top:50%;display: block;left: 50%;margin-top: -14px;font-size: 16px;margin-left: -8px;font-weight: 700;}
.tcard_ico h2{ font-size: 14px;}
.line_card{ position: absolute; left: 40px; top: 0; height: 10px; width: 1px; background: #e5e5e5; font-size: 0; display: block;}
.tcard_price{ position: absolute; left: 80px; top: 20px; color: #ff404e;}
.tcard_price span{ font-size: 22px;}
.tcard_date{ position: absolute; right: 5px; top: 5px; font-size: 12px; color: #888;}
.tcard_date span{ padding: 0 2px;font-size: 12px; }
.tcard_numb{ position: absolute; left: 80px; bottom: 15px; font-size: 13px; color: #888;}
.tcard_numb span{ padding: 0 2px;font-size: 14px;color:#333 }
.tc_jika .tcard_ico{ background: #7de8ff;}
.tc_nianka .tcard_ico{ background: #ff7d9f;}
.cardtips{ color: #888; font-size: 14px;}
.cardtips b{padding: 0 2px;}
/*兑换须知*/
.exchange-notice{margin: 20px 15px;}
.exchange-notice li{line-height: 24px;margin-top: 5px;color: #999;}
.exchange-top{background: #f89d30;padding-bottom: 15px;}
.exchange-top button{background: #f89d30;border-color :#ffba68;color: #fff;border-radius: 30px;line-height: 30px;width: 46%;
margin: 25px 27% 10px;}
.exchange-top button i{margin-right: 5px;font-size: 16px;line-height: 27px;padding: 0;}
.exchange-top button:active{background: #f18300;border-color:#f18300 ;}
.exchange-top .work-time{color: #fff;text-align: center;font-size: 12px;margin: 5px 0;}
.exchange-top .work-time span{font-size: 12px;}
.use-notice .exchange-top{ background: none;}
.use-notice .work-time{ color: #999;}
/*礼品卡详情*/
.gift-card-txt dt span,.gift-card-txt dd span{font-size: 14px;}
.gift-card-txt dd{font-size: 14px;margin-bottom: 10px;}
.use-notice .gift-card-detail dd{display: block;}

/*套餐卡详情*/
.cardm_wrap .card-box{ background:url(../img/warp_bg.jpg) repeat-x center top;  background-size:auto; padding-bottom: 10px;}
.record_tit{ display: block;}
.record_tit h3 i{ color: #888; margin-right: 3px;}
.record_tit h3{ margin-bottom: 5px;}
.record_tit p{ font-size: 12px;}
.title_bar{ padding: 10px 0 10px 12px;}
.time_ready{ text-align: center; padding: 5px 0; color: #ff404e;}

/*会员卡*/
.gift-card .card{background: url(../img/gifcard_bg.png) no-repeat;background-size:cover;padding: 20px 15px 0px;
position: relative;margin: 0 15px 0px; height: 140px;}
.gift-card .mui-media-body{padding: 0 10px;}
.gift-card .card-logo{position: absolute;right: 15px;top:15px;color: #fff;opacity: 0.5;font-size: 12px;}
.gift-card .mui-media-body h2{color: #fff;font-size: 16px;}
.gift-card .mui-media-body .discount-num{color: #fff;margin-top: 10px;}
.gift-card .mui-media-body .mui-ellipsis{background: rgba(255,255,255,0.9);border-radius: 4px;font-size: 12px;font-style: italic;
padding:0 10px 0 7px;margin-top: 30px;margin-bottom: 20px;}
.gift-card .mui-media-body .mui-ellipsis:active{background: rgba(255,255,255,1);}
.gift-card .mui-media-body .mui-ellipsis span{font-size: 16px;}
.gift-card .mui-ellipsis button{border: none;font-style: normal;background: transparent;}
.gift-card .mui-ellipsis button.yin-btn{color:black;}
.gift-card .mui-ellipsis button.jin-btn{color:#feaa32  ;}
.gift-card .mui-ellipsis button.zuan-btn{color:#f0416f ;}
.gift-card .zuanshi-ka{background-color: #f0416f;}
.gift-card .jin-ka{background-color: #feaa32;}
.gift-card .yin-ka{background-color: #b3b3b3;}
.gift-card .card-price{color: #fff;opacity: 1;}
.gift-card .card-price span{font-size:22px}
.gift-card .card img{position: absolute;bottom: 0;right:30px;height: 110px;}
.card-bg{padding-bottom: 10px;background: #fff;}
.tit_inline{ position: relative; color: #888; width: 100%; display: block; text-align: center; height: 30px; }
.tit_inline:after{ position: absolute; z-index: 0; height: 1px; display: block; left: 10px; right: 10px; top: 8px;background-color: #e3e3e3;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.tit_inline span{ position: relative; background: #fff; padding: 0 15px;z-index: 1; height: 30px; display: inline-block;}

/*代金券*/
.voucher-box{margin: 10px 15px 0;position: relative;}
.vou-left{background: #ffc279;color: #fff;width:90px;text-align: center;line-height: 90px;position: absolute;top:0;left: 0;
height: 90px;z-index: 2;}
.vou-left span{font-size: 22px;}
.vou-right{border: 1px dashed #ffc974;padding: 22px 20px 10px 100px;height: 90px;width: 100%;
background:url(../img/vou-bg.png) no-repeat ;background-position:right bottom;background-size: contain;background-color: #fffef0;}
.vou-right h2{color: #ff9e05;font-size: 16px;}
.vou-right p{color: #aaa;margin-top: 10px;font-size: 12px;}
.vou-right p span{ margin-left: 3px;font-size: 12px;}
.half-round{position: absolute;left: 82px;z-index: 3;width: 16px;height:8px;background: #fff;}
.half-top{top:0;border-radius: 0 0 8px 8px;}
.half-bottom{bottom:0;border-radius:8px 8px 0 0 ;}

.vou-overdue .vou-left{background: #cdcdcd;}
.vou-overdue .vou-right{background-color: #f5f5f5;border-color:#e5e5e5;background-image: url(../img/vou-bg_over.png);}
.vou-overdue .vou-right h2,.vou-overdue .vou-right p{color: #b3b3b3;}
.used{ position: absolute; z-index: 5; left: 55px; bottom: 0px; }
.used i{font-size: 65px; color: #aaa;}
/*保洁首页*/
.bj_wrap{ background:#fff; margin-top:5px; padding:10px 5px 10px 15px}
.bj_wrap2{ background:#fff;padding:0px}
.bj_titbar{ line-height:26px; font-size:14px; text-align:center}
.bj_wrap .textit{ font-size:13px}
.bj_wrap .textip,.bjbox_text_wrap2 div.textip{ font-size:10px; color:#888; }

.bj_wrap .bjbox_w01{ padding:8px 5px 0 0px; width:30%;position:relative;font-size:12px; display:block; float:left; text-align:center; width:70px; height:70px}
.bj_wrap .bjbox_w01 img{ width:50px;height:50px;}
.links_rcbj{ width:50%; float:left; text-align:center}
.bjbox_text_wrap div.textit2,.bjbox_text_wrap div.textit,.bjbox_text_wrap2 div.textit{ font-size:14px; color:#000;}

.bjbox_text_wrap div.textip2,.bjbox_text_wrap div.textip,.bjbox_text_wrap2 div.textip{ font-size:12px;}
.bjbox_text_wrap div.textip2{color:#999}
.bjbox_text_wrap div.textit2{ margin-top:15px}
.bjbox_text_wrap2,.bjbox_text_wrap div.textit2,.bjbox_text_wrap div.textip2{ text-align:left}

.bj_wrap .bjbox_w02{ margin:0 auto; padding:2px 0 0 0px; width:45%;position:relative;font-size:12px; display:block; text-align:center; width:80px; height:80px}
.bjbox_w02 img{ width:40px; height:40px; }
.links_rcbj{ width:50%; float:left; text-align:center}

.bjbox_text_wrap2{ text-align:left}
.bj_wrap2 .bjbox_w02{ overflow:hidden;margin:0; padding:2px 24px 0 0; text-align:left; float:left; width:50%; border-bottom:#eee 1px solid;display:inline-block;position:relative;font-size:12px;}
.bj_wrap2 .bjbox_w02:first-child{ border-right:#eee 1px solid; }
.bj_wrap2 .bjbox_w02 a{ height:80px; color:#000; width:100%; display:block; -moz-box-pack: center; align-items: center;}
.bj_imgbox{ width:35%; height:40px; display:inline-block; position:relative; max-width:50px; float:right}
.bj_imgbox img{ width:40px; height:40px; position:absolute; left:50%; top:50%; vertical-align:mmiddle;}
.bj_textbox{  padding:20px 0 0 10px;text-overflow:ellipsis;display:block; float:left; width:65%; vertical-align:middle }
.bj_textbox strong{ font-size:14px; font-weight:normal}
.bj_textbox small{ font-size:12px; color:#999}
.bj_textbox strong,.bj_textbox small{ display:block}
.flexbox{ display:flex;}
.flex-1{ flex:1 1 0}
.bj_titbar_bg{ border-bottom:#e2e2e2 1px solid; padding-left:10px; text-align:center;line-height:35px;}
.bj_titbar_bg:last-child{ border-bottom:0}
.bj_wrap .bjbox_w03{float:left; margin:10px 0; padding:2px 0 0 40px; width:33.333%;display:inline-block;position:relative;font-size:12px;}
.bj_wrap .bjbox_w03:before{ background:url(../images/ico_bjbg.png) no-repeat 0 0 / 400px;}
.bj_wrap .bjbox_w03:before{border-radius: 100px;  content: "";  display: block;  height: 35px; left: 0; position: absolute; top: 0; width: 35px;}
.bg_purple{ background:#fff9ef; color:#c59064}
.bg_yellow{ background:#fff9ef; color:#c59064;border-top:#eee 1px solid;}
.bg_blue{ background:#fff9ef; color:#c59064;border-top:#eee 1px solid; }

.bj_wrap3{ background:#fff; margin-top:0px; padding:0px}
.bj_wrap3 .textip,.bjbox_text_wrap2 div.textip{ font-size:10px; color:#888}
.bj_wrap3 .bjbox_w01{ margin:0 auto; padding:2px 0 0 0px; width:33.333%;position:relative;font-size:12px; display:block; text-align:center; width:80px; height:80px}
.links_yhfw{ width:33.333%; float:left;padding: 10px 0; text-align:center; border-right:#eee 1px solid;border-bottom:#eee 1px solid;}
.links_yhfw:last-child{ }
.bj_wrap3 .bjbox_w01{ margin:0 auto; padding:2px 0 0 0px; width:45%;position:relative;font-size:12px; display:block; text-align:center; width:40px; height:50px}

/*详情*/
..graybordbar{ background:#e5e5e5; height:20px; display:block; border-bottom:#d2d2d2 1px solid; border-top:#d2d2d2 1px solid;}
.person_infobox{ width:100%; overflow:hidden; display:block; padding:2.5% 0}
.person_photo{ width:80px; height:80px;border-radius:50%; display:block; float:left; margin:0 0 0 10px; overflow:hidden; position:relative; float:left;}
.person_photo img{border-radius:50%; height:100%;width:80px; }
.person_text{ margin:0px 10px 0 10px; clear:both;}
.person_text dd{ line-height:20px; font-size:12px; color:#888; clear:both; margin-left:2px; margin-bottom:3px;}
.person_text dd span{ font-size:12px}
.person_text dd p{ color:#333}
.person_text dd em{ font-style:normal; padding:0 6px }
.person_text dd>[class^="icon-"]{ color:#f18300}
.person_score{
	padding: 5px 0;	
	color: #888;	
	overflow: hidden;
	position: relative;
	margin:0 15px;
	border-top:#e9e9e9 1px solid;
	border-bottom:#e9e9e9 1px solid;
}
.pscore_l{ float:left;}
.pscore_l label{color:#333}
.pscore_r{ float:right;}
.color_star_5 >[class^="icon-"],.color_star_4 >[class^="icon-"],.color_star_3 >[class^="icon-"],.color_star_2 >[class^="icon-"],.color_star_1 >[class^="icon-"]:first-child{ color:#ee3200}
.color_star_4>[class^="icon-"]:last-child,.color_star_3>[class^="icon-"]:last-child,.color_star_2>[class^="icon-"]:last-child,.color_star_1>[class^="icon-"],.color_star_0 >[class^="icon-"]{ color:#888}
.color_star_3>[class^="icon-"]:nth-last-child(2),.color_star_2>[class^="icon-"]:nth-last-child(3),.color_star_2>[class^="icon-"]:nth-last-child(2) { color:#888}
/*wangli*/

.person_text .certification { text-align:left; width:100%;line-height:28px;font-size:14px; color:#000; margin-left:-5px; }
.person_text .certification  span .check_r{ font-size:14px;margin-left:5px; color:#4a9100; background:#fafafa; border:#e6e6e6 1px solid; border-radius:3px; padding:3px 3px 3px 6px; height:24px; line-height:24px;}
.person_text .certification  span{ float:left;margin-bottom:5px;}

.person_text1{ margin:0 0 10px 20px;float:left; height:80px;}
.person_text1 dt{ color:#f18300; font-size:18px;margin-bottom:5px}
.person_text1 dd{ line-height:21px; font-size:12px; color:#000; margin-left:0px; text-indent:0;}
.person_text1 dd.unit_price_box{ border-radius:5px; background:#ff0202; line-height:20px; padding:0 4px; margin:5px 0; display:inline-block; color:#fff}

/*订单状态图*/
.order_status_box{ width:100%; overflow:hidden; padding:10px 0}
.order_status_box li{ width:20%; float:left; text-align:center;}
.order_status_box li.arrow_box{ width:5%; color:#aaa; margin-top:15px; text-align:center}
.order_status_box li:first-child{ margin-left:2.5%}
.order_status_box li:last-child{ display:none}
.order_status_box li:after{ background:#f00 url(../img/arrow_lc.png) no-repeat right 0 / 50px;}
.status_three li{ width:15.333%}
.step_text{ color:#888; font-size:12px; padding:5px 0;}
.step_ico{ display:block; margin:0 auto; height:50px; width:50px; line-height:50px; background:#e8e8e8; border:#f3f3f3 4px solid; border-radius:100px}
.step_ok .step_ico{ background:#eeffe1; border:#cceeb1 4px solid;}
.step_ok .step_text{ color:#70b73a}
.ico_step_dingdan,.ico_step_paidan,.ico_step_shangmen,.ico_step_wancheng,.ico_step_mianshi,.ico_step_qianyue,.ico_step_shouli{ width:50px; height:50px; display:block;background:url(../img/ico_orderstep.png) no-repeat left top ; background-size:50px 640px;}
.ico_step_dingdan{ background-position:-4px -3px}
.ico_step_paidan{ background-position:-4px -53px}
.ico_step_shangmen{ background-position:-4px -152px}
.ico_step_wancheng{ background-position:-4px -249px}
.ico_step_mianshi{ background-position:-4px -347px}
.ico_step_qianyue{ background-position:-4px -447px}
.ico_step_shouli{ background-position:-4px -545px}
.step_ok .ico_step_paidan{ background-position:-4px -103px}
.step_ok .ico_step_shangmen{ background-position:-4px -202px}
.step_ok .ico_step_wancheng{ background-position:-4px -299px}
.step_ok .ico_step_mianshi{ background-position:-4px -397px}
.step_ok .ico_step_qianyue{ background-position:-4px -497px}
.step_ok .ico_step_shouli{ background-position:-4px -595px}
/*订单详情*/
.order_lst{ padding:2px}
.order_lst ul{font-size:16px}
.order_lst li{ display:block; clear:both; line-height:200%; overflow:hidden; min-height:30px;font-size:14px;}
.order_lst li label{ color:#888; text-align:right; width:90px; float:left; display:block; position:absolute}
.order_lst li span{ display:block; padding-left:20px; color:#000; margin:0 0 0 90px}
.order_lst li span strong{ color:#f00; font-size:larger; font-weight:normal}
.order_lst li span.text_right{ color:#888; text-align:left;}
.btn_common_bar div{ border-radius:6px; padding:0 8px; float:right; margin-left:10px; display:block; border:#d8d8d8 1px solid; color:#666; line-height:240%; width:90px; text-align:center}
.btn_common_gray:active{ color:#666; background:#f8f8f8}
.btn_common_bar div.btn_common_orange{ background:#fff8f1; color:#fe7e00; border-color:#f1ac97}
.btn_common_bar div.btn_common_orange.btn_common_orange:active{ color:#fe7e00; background:#fcefe3; border-color:#f1ac97}
/*会员卡使用记录*/
.vip-use .record_tit h3 p{margin-left: 10px;display: inline-block;}
.vip-use .record_tit .vip-price {color: #333;margin-right: 20px;font-size: 14px;}
.vip-use .record_tit .vip-price span,.vip-title .vip-price span {color: red;margin-left: 5px;}
.vip-title .vip-price{display: inline-block;float: right;margin-right: 15px;clear: right;}

/*抢购*/
.discount_list li dl{margin: 5px 70px 0 15px;}
.discount_list li{  width: 100%;position: relative; padding-bottom: 8px;border-bottom: 1px solid #ebebeb;}
.discount_list li dt{ font-size: 16px;margin: 15px 0 8px;}
.discount_list li dd{ font-size: 14px; color: #888;line-height: 20px; margin-bottom: 4px;}
.disc_price strong{ color: #ff404e;font-size: 15px; margin-right: 4px; font-weight: normal; }
.disc_price span{ color: #aaa; margin-left: 3px;}
.disc_price del{ color: #aaa;}
.discount_list span i{ position: absolute; right: .25rem; top:20%; width: 60px;font-size: 40px; color: #dadada; line-height:66px;}
.triangle-bottomright {width: 0; height: 0;border-bottom: 70px solid red;border-left: 70px solid transparent;}
.btn_rob{ position: absolute;  text-align: right; right: 0; bottom: 0; width:70px; height: 70px; line-height: 70px;color: #ff404e;}
.btn_rob i{ font-size:70px;}
.btn_rob i.icon-kong{color:#888}
.discount_list li:active{background: #fafafa;}



/*保洁套餐*/
.tcbox_wrap{position: relative;background:#fff9f1 url(../img/bgtc.jpg) no-repeat; background-size: cover; padding: 10px 0; }
.tcbox_wrap .tc_unit{ background: #fff9f1; width: 100%; border: 0; margin-right: 10px;}
.tcbox_wrap h2{ color: #fff;}
.tcbox_wrap .tcard_price{ left:80px;}
.tcbox_wrap .tcard_numb{left:80px;bottom: 15px;}
.tcbox_wrap .tc_box{ border: 0; margin-bottom: 5px; background: none;}
.tcbox_wrap .title_bar{ padding-top: 0;}
.pic_xscroll{ overflow: hidden; height: 90px;}
.pic_xwrap{ position: absolute;}
.pic_xwrap ul{ padding: 0; margin: 0;display: table; table-layout: fixed; white-space: nowrap; width: auto;}
.pic_xwrap ul li{-webkit-box-flex: 1; display: inline-block; -webkit-box-align: center;-webkit-box-pack: center; vertical-align: top;}
.pic_xscroll .mui-table-view{ background: none;}
.pic_xscroll .mui-table-view .mui-table-view-cell span{ float: none; display:inline;}
.pic_xscroll .mui-slider .mui-slider-group .mui-slider-item{ width: 80%;}
/*12-18地址花边*/
.address-line{background-image: url(../img/address_line.png);background-repeat:repeat-x;background-position:bottom;background-size: 12px;
padding: 0;}
.address-line .add-address-txt{margin: 0;width: 100%;background-image: url(../img/address_line.png);background-repeat:repeat-x;
background-position:top;background-size: 12px;padding: 0px 15px;display: table;height: 120px;}
.address-line .add-address-txt .add-txt{display: table-cell;vertical-align: middle;width: 100%;padding-left: 35px;}
.address-line .add-address-txt p span{margin-bottom: 0;}
.address-line .add-address-txt .add-local{margin-top: 5px;display: block;}
/*开锁*/