html,
body {
height: 100%;
}

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

.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: #f28300;
	color: #fff;
}
.my-button{
background-color: #f28300;
font-family: '微软雅黑';
color: #FFFFFF;
margin-top: 0px;
font-size: 16px;
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;
}

 

/*
   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:after { clear: both; }
.clearfix { zoom: 1; }
.fright{ float:right}

.wrap{ padding-bottom:2.3rem}
/*================header====================*/
header{ z-index: 9000;	position: fixed;top: 0;	left: 0;width: 100%;height: 44px;line-height: 44px;	background-color: #f18300;color:#fff;font-size: 15px}
.top_city_loc{ position:absolute; left:0; top:0; padding: 0 15px}
.top_city_loc span{ margin-right:3px}
.top_city_loc a,.top_city_loc a:link{ color:#fff}
.top_city_loc a:hover{ color:#eaeaea}
.top_city_loc>[class^="icon-"]{ font-size:16px}
.top_pagetit{ text-align:center; font-size:120%}
.top_user{ position:absolute; right:0; top:0; padding:0 15px;}
.top_user a,.top_user a:link{ color:#fff}
.top_user a:hover{ color:#ff0}
/*================banner====================*/
.home_banner{padding-top: 44px}
.slide_banner {	position: relative;	overflow: hidden; z-index:99}
.slide_banner:after {content: '';display: block;width: 100%;padding-top:36%}
.slide_banner ul {position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.slide_banner li {list-style: none;	position: absolute;	left: 0;top: 0;	width: 100%;height: 100%}
.slide_banner li:first-child {z-index: 1}
.slide_banner li img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0}
.slide_banner .dot {position: absolute;	left: 0;bottom: 5px;width: 100%;text-align: center;	z-index: 5;	font-size: 0}
.slide_banner .dot span {display: inline-block;	width: 12px;height: 12px;margin-left: 5px;border: 1px solid #fff;border-radius: 50%}
.slide_banner .dot .cur {background-color: #ff8300}
/*================index-main====================*/
.main_service{ float:left; width:100%; margin:0 auto; position: relative; z-index: 1; background:#fff; padding-bottom:2.5%}
.box_wrap{float:left; margin-left:2.5%; margin-top:2.5%; width:30%;display:inline-block;position:relative;font-size:12px;border-radius:12px;}
.box_wrap  p { text-align:center; display:block;}
.box_wrap  a { display:block; color:#FFF; text-align:center; overflow:hidden; font-weight:normal}
.box_wrap  a img { width:55%; }
.box_wrap  a span { clear:both; display:block; line-height:26px; padding:0 0 16px 0; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center }
.box_wrap  p {margin:0; border: 0px; overflow: hidden; border-radius:0}
.box_wrap  a img {margin:2px 0 0 0; }
.box_wrap:before{content: "";display: block;padding-top: 100%; /* initial ratio of 1:1*/}
.padbox:before{ padding-top:93.3%}
.sev_box{position:  absolute;top: 0;left: 0;bottom: 0;	right: 0;/* Styling */text-align: center;vertical-align: center;text-transform: uppercase;color: #fff;}
.links_bm{ background-color:#ede5ff; }
.links_ys{ background-color:#cff3e2; }
.links_bj{ background-color:#f7d5e0; }
.links_ye{ background-color:#fedcd7; }
.links_ph{ background-color:#cfe8f3; }
.links_jc{ background-color:#f7e1bd; }
.links_bm a,.links_bm a:link{color:#674ea2}
.links_ys a,.links_ys a:link{color:#079481}
.links_bj a,.links_bj a:link{color:#d7286a}
.links_ye a,.links_ye a:link{color:#bf1800}
.links_ph a,.links_ph a:link{color:#209acf}
.links_jc a,.links_jc a:link{color:#b3703a}
.links_bm:hover{background-color:#f2effd;}
.links_ys:hover{background-color:#dbf7ea;}
.links_bj:hover{background-color:#f6dee6;}
.links_ye:hover{background-color:#fde7e3;}
.links_ph:hover{background-color:#dbedf5;}
.links_jc:hover{background-color:#f4e5ce;}
.links_xd{background-color:#cff3ba;}
.links_xd a,.links_xd a:link{color:#54a127;}
.links_xd:hover{background-color:#def5d0;}
/*button更多*/
.service-more {margin: 0px auto 0 auto;width: 100px;font-size: 12px;line-height: 26px;	text-align: center;	color: #999;background:	url(../images/fold_bg_more.png)	no-repeat bottom center;background-size: 100px auto}
.service-more.vc-arrow-down:after {	width: 6px;	height: 6px;margin: 6px 0 2px 3px}
.service-more.vc-arrow-up:after {width: 6px;height: 6px;margin: 6px 0 -1px 3px}
.vc-arrow-down:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: ' ';
	width: 8px;
	height: 8px;
	line-height: 0;
	display: inline-block;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	cursor: pointer;
	margin: 6px 0 0 3px
}
.vc-arrow-up:after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	content: ' ';
	width: 8px;
	height: 8px;
	line-height: 0;
	display: inline-block;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	cursor: pointer;
	margin: 6px 0 0 3px
}
/*广告*/
.richbtn {padding: 3px;	margin-bottom: 15px; margin-top:2.5%;background-color: #FFF;	position: relative;	overflow: hidden; border-top:#e1e1e1 1px solid}
.richbtn:after {
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	border-bottom: 1px solid #e1e1e1;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 200%;
	height: 200%;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	box-sizing: border-box;
	pointer-events: none
}
.richbtn a {float: left; height:80px;width: 49%;}
.line_r { border-right:#e1e1e1 1px solid; height:85px; width:2px; font-size:0; float:left; position:absolute;left:48.5%; top:0;}
.richbtn .section {	position: relative;	margin: 3px; padding-right:10px;background-color: #fff}
.richbtn p{ padding:0}
.richbtn .title {padding: 15px 0 0 90px;line-height: 1.2;font-weight: 700;color: #333}
.richbtn .title span {display: block;white-space: nowrap;word-wrap: normal;	text-overflow: ellipsis;overflow: hidden;vertical-align: middle}
.richbtn .subtitle {margin-top: 6px;padding-left: 90px;	font-size: 12px;line-height: 1.2;color: #999}
.richbtn .thi {	position: absolute;	top: 50%;left: 2.5%;width: 65px;height: 65px;	margin-top: -24px}
/*================menu-main====================*/
.menufixed{position:fixed;right:0;bottom:0;width:100%;height:54px;z-index: 90000; border-top:#d7d7d7 1px solid;background:#f4f4f4;}
.menu li{ float:left;width:25%; text-align:center; display:block}
.menufixed a{}
.menu i{ margin:0 auto; text-align:center; display:block;}
.menu{position:relative;height:50px;line-height:20px;box-sizing:border-box;-webkit-box-sizing:border-box; cursor:pointer}
.menu p{ font-size:0.8rem}
.menufixed a>[class^="icon-"]{ font-size:1.5rem; line-height:25px; margin-top:3px; color:#929292}
.icon-member{}
.menu img{ width:30px; margin:0}
.menufixed a,.menufixed a:link{ color:#929292;}
.menufixed a:hover{ color:#f18300}

/**/
.bg_main{ background:url(../images/mainbg.jpg) no-repeat; background-size:100% 100%;}
.m_wrap{ height:100%; padding:44px 0 2.5%; background-color:#fff; }
.m_wrap_fix{ padding:44px 0 75px;}  
.categary_picbox{ background:#fff; border:#cdcdcd 1px solid; padding:10px; margin:0 auto; margin-top:2.5%; width:90%; height:100%;}
.categary_picbox img{  display:block; width:100%}
.categary_picbox p{ color:#000; line-height:30px; font-size:120%; position:relative}
.categary_picbox p span{ position:absolute; right:0;color:#aaa; font-size:100%}
.categary_picbox p span>[class^="icon-"]{ margin-left:5px; font-size:120%}
/**/
.half_box_wrap{ width:100%;margin:0 auto; }
.half_box_wrap .half_unit{ width:46%; float:left; height:100px; padding:5px; background:#fff;border-radius:3px;box-shadow:2px 2px 2px #aaaaaa; margin:2.5% 0 0 2.5%}
.half_unit {margin-top: 5px;background-color: #fff;	padding: 10px 5px 10px 15px}
.half_unit .etbox::before{ background:url(../images/common_ic_clean.png) no-repeat 0 0/200px auto;}
.half_unit .etbox{position: relative;width: 100%;float: left;margin: 10px 0;padding: 10px 0 0 80px;}
.half_unit .etbox::before{ position: absolute;left: 2.5%;top: 2.5%; content: "";display: inline-block;width: 70px;height: 70px;background-color: #ccc;border-radius: 12px;
	background-size: 300px ;	transform: scale(0.9);	transform-origin: 0 0;	-webkit-transform: scale(0.9);-webkit-transform-origin: 0 0}
.half_unit .fl_bg_qj::before{ background-position:0 0; background-color:#ff84c9}
.half_unit .fl_bg_jd::before{ background-position:-80px 0; background-color:#7ec5ea}
.half_unit .fl_bg_bl::before{ background-position:-150px 0; background-color:#2febd7}
.half_unit .fl_bg_jj::before{ background-position:-230px 0; background-color:#ffae63}
.half_unit .fl_tit{ font-size:16px; color:#666}
.half_unit .fl_con{ font-size:13px; color:#888}
/*tab*/

.explain_topic{ display:block; min-height:150px;  width:100%; position:relative;}
.explain_topic img{ width:100%;height: 150px;}
.tab_common{ height:50px; background:#e5e5e5;padding-bottom:30px; border-bottom:#d2d2d2 1px solid}
.tab_common li{ float:left; width:50%; height:30px; line-height:30px; background:#fff; color:#333; text-align:center; font-size:14px; cursor:pointer; border-bottom:#fff 2px solid}
.tab_common li.select_tab{ background:#fff; color:#ff7300; border-bottom:#ff7300 2px solid}
/*table*/
.table_common{ padding:15px}
table { border: 1px solid #f2f4f7;  border-collapse: collapse;  font-size: 13px;  width: 100%;}
table td { background-color: #fff;  border: 1px solid #efefef;  border-collapse: collapse;  color: #888; line-height: 20px; padding: 8px;}
table th { background-color: #f2f4f7; border: 1px solid #efefef; border-collapse: collapse; color: #4e4e4e; 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}
.table_tac th,.table_tac td{ text-align:center}
.table_common table{ margin-bottom:10px}
.table_tac th,.table_tac td{ text-align:center}
.table_tac th.titop_bgbar{ color:#999}
.table_tal p{ color:#888; margin-bottom:4px}
/**/
.footbtn_bar::before{background-color: #e8ebf0;content: ""; display: block;height: 1px;left: 0; position: absolute; top: -1px; transform: scaleY(0.5);transform-origin: 0 1px 0; width: 100%;}
.footbtn_bar{ background-color: #fff;bottom: 0; left: 0; padding: 15px; position: fixed; text-align: center; width: 100%;}
.footbtn_bar a{background-color: #f18300; border-radius: 5px; color: #fff; display: block; font-size: 17px; height: 44px;line-height: 44px;}

.fline{ line-height:44px; border-bottom:#d2d2d2 1px solid; list-style: outside none none; background:#fff}
.fline input{ background-color: transparent; border: 0 none; color: #333; font-size: 16px; height: 20px;}

/*详情*/
..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; display:block; float:left; margin:0 0 0 10px; overflow:hidden; position:relative; float:left;}
.person_text{ margin:0px 0 0 10px; clear:both;}
.person_text dd{ line-height:20px; font-size:14px; color:#888; clear:both; margin-left:2px;}

.person_text dd p{ color:#333}
.person_text dd em{ font-style:normal; padding:0 6px }
.person_text dd>[class^="icon-"]{ color:#009900}
.person_score{
	padding: 10px 0;
	border-top: #e9e9e9 1px solid;
	color: #888;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.pscore_l{ float:left; margin-left:10px}
.pscore_r{ float:right; margin-right:10px}
.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:20px; 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:0 3px 0 6px; height:24px; line-height:24px;}
.person_text .certification  span{ float:left;}

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

/*订单列表*/
.order_lst_item{ padding:10px}
.order_item_tit{ margin:0 10px; border-bottom:#d2d2d2 1px solid; padding:8px 0 4px;font-size: 16px; overflow:hidden;font-weight: normal;}
.orderexplain_topic_item_tit label{ float:left; font-size:16px}
.order_item_tit span{ float:right}
.text_color_orange{ color:#ff8a00}
.text_color_red{ color:#f00}
.text_color_green{ color:#090}
.order_info_lst{ padding:10px 0; margin:0 10px}
.order_info_line{ line-height:240%; color:#666}
.order_info_line>[class^="icon-"]{ color:#666}
/*订单详情*/
.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}
.btn_common_bar{ border-top:#d2d2d2 1px solid; margin:5px 10px; padding:10px 0 5px; overflow:hidden}
.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}

.bg_white{ background:#fff}
.column_tit_bar{ color:#000; font-size:100%}
.mui-table-view.mui-grid-view .mui-table-view-cell > a.food_wrap{margin:0 auto; padding:0; display:block; width:100%; height:212px; }
.food_pic{ width:100%; margin: 0 auto;}
.mui-table-view.mui-grid-view .mui-table-view-cell .food_pic .mui-media-object
{
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    margin:0 auto;
    height: 160px;
    float: none;
}
 
/*订单状态图*/
.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}

/**
 * 家厨套餐列表
 */
.foodpic_bordbox{ border-radius: 5px; border:#ccc 1px solid;mrgin:0;margin:0 auto;margin-bottom: 5px; padding:0;}
.food_pic img{ width:100%; height:160px;margin:0;margin-bottom: 10px;margin-left: 0; display: block; clear: both; }
/*.mui-table-view.mui-grid-view .mui-table-view-cell .food_pic .mui-media-object{ overflow:hidden; clear: both;}**/
.food_info{ margin:10px 0 0 0px; text-align:left; display: block; width: 100%; clear: both; position: relative;}
.btn_foodbook{text-align:center;  border-radius: 5px 5px 5px 5px;background: #fe7e00; font-size:14px;position: absolute; right: 5px; bottom: 5px; display: block; width: 80px; height: 35px; line-height: 35px; color: #fff;}
.font_titline{ color:#666; font-size:16px; margin-bottom:3px;margin-left: 5px;}
.font_textprice{ color:#f18300; font-size:15px; margin-bottom:0px;margin-left: 5px;}
.font_textips{ color:#999;font-size:12px;}
.btn_mad{ margin-top:20px; margin-bottom:10px}

.mui-checkbox label >[class^="icon-"]{ color:#f28300; font-size:100%}
.no_shadow{ box-shadow:none}

.spantit_bar{ position:absolute; bottom:0; left:0; height:44px; line-height:44px; background:#f18300; width:100%;background-color:rgba(241,131,0,0.8); }
.spantit_bar_text{ position:relative; color:#fff}
.spantit_bar span{ color:#fff; padding-left:10px;}
.btn_tcbox{ background:#fff; color:#f00; font-weight:normal;border-radius:20px; height:36px; line-height:36px; padding:0 10px; float:right; margin:4px 8px 0 0}

.titbar_top{ color:#000; border-bottom:#d2d2d2 1px solid; padding:12px 0 5px; margin:6px 18px 0; }
.titbar_top_wrap{background-color: white;width: 100%;}
.order_infon_wrapbox{position:fixed; overflow:scroll;top:190px;bottom:0px}
.order_infon_unitbox{position:fixed; overflow:scroll;top:185px;bottom:54px}
.explain_topic_wrap{ display:block; min-height:150px;  width:100%; position:relative;background-color: #fff; z-index:999 ;}
.explain_topic_wrap img{ width:100%;height: 150px;}


/*评价*/
.pinjia_box{ display:block; clear:both; margin:10px 2.5%; padding-top:10px}
.bot_noline{ border-top:none; border-bottom:none}
.comment_unit{ border-bottom:#d2d2d2 1px solid; width:100%; overflow:hidden; padding:15px 0}
.comment_user_l,.comment_time_c,.comment_star_r{ width:33%; float:left; display:block}
.comment_user_l{ text-align:left; padding-left:10px; color:#000}
.comment_time_c{ text-align:center; color:#888}
.comment_star_r{ text-align: right; padding-right:10px}
.comment_content_box{ text-align:left; padding:0 10px; margin:10px 0 0; color:#333}

/*客服*/
.service_bgbox{ background:#efefef url(../img/service_bg.jpg) no-repeat center bottom; width:100%; height:100%; text-align:center;padding: 15px 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:20px 0 0 0; background: #fff;}
.btn_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:5px;}
.btn_orange_box:active{ background: #f28300; color: #fff;}
.btn_center p{ color:#888; font-size:small}
.btn_gray_box{border:#d2d2d2 1px solid; background:#f5f5f5; color:#666; margin-top:20px}

.img_contain {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	
}


/*代金券*/
.djq_lst { padding:2.5%; background:#f0f0f0}
.djq_lst li{margin-bottom:0px }
.box_djq_orange,.box_djq_gray{background:#fff; border:#f28300 5px solid; padding:5px;  position:relative;overflow: hidden;}
.box_djq_gray{border:#aaa 5px solid;}
.bg_topdjq,.bg_topdjq_gray{background:url(../img/bg_djq.png) repeat-x left top; height:2px; display:block}
.bg_topdjq_gray{background:url(../img/bg_djq_gray.png) repeat-x left top;}
.half_box_wrap .djq_unit{ width:94%; float:left; height:100px; padding:5px; background:#fff; margin:2.5% 0 0 2.5%}
.djq_unit {padding: 0px 5px 0px 10px; float:left; width:75%;  margin-top: 5px;}
.djq_unit .etbox::after{ background:url(../img/ico_djq.png) no-repeat 0 0/200px auto;}
.djq_unit .etbox{position: relative;width: 100%;float: left;margin: -8px 0;padding: 0;}
.djq_unit .etbox::after{ content: "";display: inline-block;width: 25px;height:25px;
	background-size: 300px ;transform: scale(1.5);	transform-origin: 0 0;	-webkit-transform: scale(1.5);-webkit-transform-origin: 0 0}
.djq_unit .fl_tit{ font-size:16px; color:#f28300; position:relative; }
.djq_unit .fl_con{ font-size:12px; color:#f28300;  display:inline-table; }
.fl_more{margin-top:8px;}
.fl_more{margin-top:8px;}
.djq_unit .fl_con.fl_down{ margin-top: 0px;color:#888}
.djq_unit .fl_con.djq_payinfo{color:#000000;font-size: 12px;}
.djq_price{ color:#f28300; font-size:24px; position:absolute; right:2.5%; top:30%}
.djq_price span{ font-size:26px}
.box_djq_gray .djq_unit .fl_tit,.box_djq_gray .djq_unit .fl_con,.box_djq_gray .djq_price{ color:#aaa}
.djq_unit .fl_bg_baojie::after{ background-position:0 0;}
.djq_unit .fl_bg_xiyiji::after{ background-position:-18px 0;}
.djq_unit .fl_bg_weibolu::after{ background-position:-40px 0;}
.djq_unit .fl_bg_kongtiao::after{ background-position:-65px 0;}
.djq_unit .fl_bg_bingxiang::after{ background-position:-85px 0;}
.djq_unit .fl_bg_youyanji::after{ background-position:-105px 0;}
.djq_unit .fl_bg_caboli::after{ background-position:-125px 0;}
.djq_unit .fl_bg_pishafa::after{ background-position:-150px 0;}
.djq_unit .fl_bg_dala::after{ background-position:-170px 0;}
.djq_unit .fl_bg_chuchen::after{ background-position:-190px 0;}
.djq_unit .fl_bg_jiachu::after{ background-position:-215px 0;}

/*会员充值套餐*/
.djq_wrapbord{border:#e2e2e2 1px solid; border-radius:8px;background: #fff;min-height: 120px;}
.djq_lst li div.djq_wrapbord{margin-bottom: 10px;}
.box_recharge_01{background:#fff7ed}
.tc_tit{ color:#f28300; height:35px; line-height:35px; padding-left:10px;border-radius:8px}
.tc_tit span{ float:right; font-size:11px; color:#aaa}
.tc_wrap{ width:100%; position:relative;background:#fff;border-radius: 0 8px 8px;border-top-left-radius:0;border-top-right-radius:0 }
.recharge_unit{padding:10px 0 10px 10px; width:60%; display:block;color:#888; overflow:hidden;  border-top:none}
.recharge_unit dt{font-size:13px; line-height:150%; margin-bottom:5px;color: #888;}
.recharge_unit dd{ font-size:12px; display:block;line-height:180%; color:#aaa}
.recharge_unit_gray{ width: 96%; padding:2%;overflow: hidden; background: #f9f9f9;}
.recharge_unit_gray dt{font-size:13px; line-height:150%; margin-bottom:5px; color: #888;}
.recharge_unit_gray dd{ width: 45%; margin-right: 5%;float:left; font-size: 12px; color: #aaa;}
.recharge_price{  margin:0; display:block; position:absolute; right:10px; bottom:10px}
.recharge_price p{ text-align:center; font-size:16px; display:block; margin-left:0px;color:#ff0000}
.btn_recharge01{ text-align:center; display:block; width:80px; background:#f28300;color:#fff; font-size:14px;border-radius:5px; padding:0 12px; display:block; height:30px; line-height:30px; margin:0px 2px 0 0}
.btn_recharge01:active{ color:#fff; background:#e67c00}
.user_text_wrap{ padding:12px 10px}
.user_text_wrap p{ text-align:center; color:#888; font-size:12px}
.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; }
/**邀请有礼 */
.top_city_loc{ position:absolute; left:0; top:0; padding: 0 15px}
.top_city_loc span{ margin-right:3px}
.top_city_loc a,.top_city_loc a:link{ color:#fff}
.top_city_loc a:hover{ color:#eaeaea}
.top_city_loc>[class^="icon-"]{ font-size:16px}
.top_pagetit{ text-align:center; font-size:120%}
.top_user{ position:absolute; right:0; top:0; padding:0 15px;}
.top_user a,.top_user a:link{ color:#fff}
.top_user a:hover{ color:#ff0}


.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}
.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_in div span:active{ color: #666;}
.box_inv_text,.invite_toptext { padding:20px 0}
.box_inv_text p,.invite_toptext p{ text-align:center }
.box_inv_text{ padding: 10px 0;}
.w_invite{ max-width:450px; height:100%;width: 100%; margin:0 auto;}
.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;}

.btn_center{ text-align:center}
.sev_timesize{ font-size:18px; line-height:28px; color:#000}

.table_tal p{ color:#666; margin-bottom:4px}
.sev_text{ padding-left:4px; margin-bottom:10px;color: #aaa;}
.sev_text p.text_in{ text-indent:20px; color: #aaa;}
.table_tal .sev_text p{ color: #888;}}
.tit_invite_topbar{font-size:larger;background:#fff; line-height:44px; text-align:center}
.no_recordbox{ text-align:center; border-bottom:#e2e2e2 1px dotted; padding:10px 0; margin:0 15px}

/*帮助中心*/
.textlist_unit{ border-bottom:#e9e9e9 1px solid; width:100%; overflow:hidden; padding:0;padding-bottom:10px; line-height:30px; position:relative}
.textlist_unit i.icon_f{ position:absolute; left:15px; top:10px; width:30px; height:30px; color:#666; display:block}
.textlist_titbar{ margin:8px 40px 0 50px; color:#000; font-size:larger}
.textlist_unit i.icon_m{ position:absolute; right:15px; top:10px; width:8px; height:30px; color:#666}
.textlist_infowrap{ padding:15px 10px 10px 15px;}
.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 p{ color:#666}
.foot_noline::before{ background:none;}

/*家厨详情页*/
.foodmenu_tit{text-align:center; height:30px; position:relative;}
.c_line{ background:#ccc; font-size:0; height:1px; width:100%; display:block; position:absolute; left:0; top:12px; z-index:9}
.foodmenu{ padding-bottom:15px}
.foodmenu_titbox{ background:#fff; padding:0 8px; width:140px; margin:0 auto; position:relative; z-index:99; font-size:large}
.foodmenu_titbox b{ border-radius:20px; background:#ccc; width:10px; height:10px; display:inline-block; margin:0 8px}
.foodtit_circle{ text-align:center; font-size:smaller; margin-top:5px}
.circle_red,.circle_blue,.circle_orange,.circle_green{border-radius:50px; background:#f00; color:#fff; width:24px; height:24px; line-height:24px; display:inline-block; margin:0 2px; font-weight:normal}
.circle_blue{background:#3895d4;}
.circle_orange{background:#f28300;}
.circle_green{background:#009901;}
.foodmenu_list{ color:#666; font-size:12px; padding:5px 0 10px}
.foodmenu_list p{ text-align:center; line-height:18px; }
.foodmenu_picwrap,.foodmenu_lstwrap{ padding:0px 0;margin-left: 0px;}
.foodmenu_lstwrap{ text-align:left}
.foodmenu_picwrap{ width:100%; height:140px; display:block; clear:both; margin-bottom:20px;position: relative;}
.foodmenu_picwrap img{ width:100%; height:140px; background-size:cover; }
.imgico_view{background-color:rgba(145,145,145,0.3); line-height: 30px; color: #fff;padding-left: 5px; background-image: url(../img/img_polarids.png); background-repeat:no-repeat; background-position:right -6px; width:100%; height:30px; display:block; position:absolute; left:0;bottom:0; }
.price_fleft{ float:left; width:30%; line-height:75px}
.mybtn_right{ float:right; width:50%;}
.img_slip{position: relative;}
.img_slip:after{border-left:10px solid transparent;  border-right:10px solid transparent;border-bottom:10px solid #fff; position:absolute; left:45%; bottom:0px;content: "";width:0; height:0; }


/**
 * 家厨首页
 */
.links_jiachu{ background-color:#fff; }
.jc_mwrap{ background:#f0f0f0; padding-bottom:10px; margin-bottom:10px}
.boxjc_wrap{float:left; margin-left:2%; margin-top:2.5%; width:47%;display:inline-block;position:relative;font-size:12px;border-radius:12px;}
.boxjc_wrap  p { text-align:center; display:block;}
.boxjc_wrap  a { display:block; color:#FFF; text-align:center; overflow:hidden; font-weight:normal}
.boxjc_wrap  a img { width:54%; }
.boxjc_wrap  a span { clear:both; display:block; color:#f28300; line-height:22px; padding:12px 0 0 0; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center }
.boxjc_wrap  a span.sev_jctips{ color:#888; font-size:12px; font-weight:normal; padding-top:0; line-height:20px; }
.boxjc_wrap  p {margin:0; border: 0px; overflow: hidden; border-radius:0}
.boxjc_wrap  a img {margin:8px 0 0 0; }
.boxjc_wrap:before{content: "";display: block;padding-top: 100%; /* initial ratio of 1:1*/}

/*保洁首页*/
.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:#f6f2ff; color:#8f7fbd}
.bg_yellow{ background:#fff9ef; color:#c59064;border-top:#eee 1px solid;}
.bg_blue{ background:#f1fbff; color:#259ed4;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}

/*详情及服务说明页面补充*/
ul,li{ margin:0; padding:0}
.text_v_middle{ vertical-align:middle}
.text_tips,.text_tips p{ color:#999;}
.safelst{ display: table-row; min-height: 70px;border-bottom:#f2f2f2 1px solid}
.safelst:larst-child{ border-bottom:none}
.safelst_l_icon{ display: table-cell; padding: 10px 0 10px 5px; vertical-align: middle;  width: 65px;}
.safelst_l_icon img{border-radius: 80px; height: 50px; width: 50px;}
.safelst_r_info{display: table-cell; vertical-align:middle;font-size:12px}

.pictextlst{ display: block; border-bottom:#f2f2f2 1px solid; margin-bottom:8px; padding-bottom:8px; min-height:95px }
.pictextlst:larst-child{ border-bottom:none}
.pictextlst_l_icon{ display:block ; float:left; position:absolute; vertical-align:top; padding: 2px ; margin-bottom:8px; margin-right:5px; width: 86px;border:#e2e2e2 1px solid;border-radius: 5px; width: 86px; }
.safelst_l_icon div{  }
.pictextlst_l_icon img{height: 80px; width: 80px;border-radius: 5px;}
.pictextlst_r_info{display:block; margin:0 0 0 95px; vertical-align:top }
.pictextlst_r_info p{ color:#000;}
.pictextlst_r_info p i{ color:#666; font-size:14px}
/*小图标排版*/
table ul.list_pt2 { font-size: 12px;  width:100%; clear:both; display:block}
table ul.list_pt2 li {color: #888;float: left; padding: 10px; text-align: center;width: 25%;}
table ul.list_pt2.list_pt3 li { width:33.333%}
table ul.list_pt2 li:nth-of-type(2n+1) {}
table ul.list_pt2 li img {display: inline-block;width: 50px;}
table ul.list_pt2 .txt dt{ font-size:16px; line-height:28px; color:#000}
table ul.list_pt2 .txt dd{}
.foodmenu_tit{text-align:center; height:30px; position:relative;}
.font_bjtit{ font-size:14px}
.bj_picwrap{ width:100%; height:180px; display:block; clear:both; margin-bottom:20px}
.bj_picwrap img{ width:100%; height:180px; background-size:cover}
.table_tal p.orange_tit{ color:#c3a26c;}

table ul.list_pt4 { font-size: 12px;}
table ul.list_pt4 li {color: #525a66;float: left; padding: 10px; text-align: center;width: 33.333%;}
table ul.list_pt4 li:nth-of-type(2n+1) {}
table ul.list_pt4 li img {display: inline-block;width: 50px;}
table ul.list_pt4 .txt dt{ font-size:16px; line-height:28px; color:#000}