@charset "utf-8";
/* CSS Document */
a{cursor: pointer;}
html,body,figure,header,section,nav,div,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h5,h6,span,a,em,input,textarea,select,strong,time{padding:0; margin:0; font-family: "regular"; color: #222; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
html,body{height: auto; background:#F6F6F6; -ms-touch-action:none;-webkit-tap-highlight-color: transparent;}
html{font-size: 3.3vw; }
section{height:100%; margin:0 auto; overflow:hidden;}
ul,li{list-style:none;}
html::-webkit-scrollbar, body::-webkit-scrollbar{width:0px;height:0px;}
ul::-webkit-scrollbar {width: 0 !important;height: 0 !important; }
img{border:none; display:block;}
a{text-decoration:none; color: #222;}
a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
input::-webkit-input-placeholder, .inputHead {color: transparent;}
input{outline: none;}
input,textarea{-webkit- -callout:none; box-sizing:border-box;} /* -webkit-user-select:none;*/
input,textarea,select{-webkit-appearance:none; outline:none}
header{overflow: hidden; position: fixed; top:0; left: 0; z-index: 999; overflow: hidden; display: table; background: #fff; width:100%;}
.none{display:none!important;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"] {-moz-appearance: textfield;}
input[type="number"]{-moz-appearance: textfield;}
input{align-items: center!important;}

.dialogBox{ width: auto;height: auto; display: none; }

.background1{background-color:#fff!important;}
.background2{background-color:#e0e0e0!important;}
.background3{background-color:#999!important; }
.background_red{background-color:red!important; }
.background_blue{background-color:blue!important; }
.background_skyBlue{background-color:skyBlue!important; }
.background_black{background-color:black!important; }
.background_white{background-color:white!important; }
.background_tomato{background-color:tomato!important; }
.background_maroon{background-color:maroon!important; }
.background_green{background-color:green!important; }
.background_none {
    background-image: none !important;
}

.border_bottom{
    border-bottom: 3px solid #666ccc!important;
}


.white{color: white!important;}
.black{color: black!important;}
.red{color: red!important;}
.blue{color: blue!important;}
.green{color: green!important;}
.skyBlue{color: skyBlue!important;}
.orange{color: orange!important;}
.darkOrange{color: darkOrange!important;}
.tan{color: tan!important;}
.gray{color: gray!important;}
.violet{color: violet!important;}
.brown{color: brown!important;}
.cyan {color: cyan !important;}
.plum {color: plum !important;}
.fuchsia {color: fuchsia !important;}
.lime {color: lime !important;}
.maroon {color: maroon !important;}
.teal {color: teal !important;}
.silver {color: silver !important;}
.gold {color: gold !important;}
.goldenrod {color: goldenrod !important;}
.peru {color: peru !important;}
.tomato {color: tomato !important;}
.darkSalmon {color: darkSalmon !important;}
.yellowGreen {color: yellowGreen !important;}
.chocolate {color: chocolate !important;}

/*搜索首页的背景颜色 */
.index_bg1 {
    background: linear-gradient(to bottom,#ffcc99 0,#ff9900 100% );
}
.index_bg2 {
    background: linear-gradient(to bottom,#ccffff 0,#cccc33 100% );
}

.font16{
   font-size: 0.667rem!important;
}
.font18{
   font-size: 0.75rem!important;
}
.font20{
   font-size: 0.833rem!important;
}



/*变灰或透明*/
.hui{filter：gray; -moz-opacity:.1;opacity:0.1;}

/*常用宽度和高度*/
.w40{width:1.667rem!important;}
.w50{width:2.083rem!important;}
.w60{width:2.5rem!important;}
.w70{width:2.917rem!important;}
.w80{width:3.333rem!important;}
.w90{width:3.75rem!important;}
.w100{width:4.167rem!important;}
.w110{width:4.583rem!important;}
.w120{width:5rem!important;}
.w130{width:5.417rem!important;}
.w140{width:5.833rem!important;}
.w150{width:6.25rem!important;}
.w160{width:6.667rem!important;}
.w180{width:7.5rem!important;}
.w200{width:8.333rem!important;}
.w220{width:9.167rem!important;}
.w240{width:10rem!important;}
.w250{width:10.417rem!important;}
.w260{width:10.833rem!important;}
.w280{width:11.667rem!important;}
.w300{width:12.5rem!important;}
.w320{width:13.333rem!important;}
.w340{width:14.167rem!important;}
.w350{width:14.583rem!important;}
.w360{width:15rem!important;}
.w380{width:15.833rem!important;}
.w400{width:16.667rem!important;}
.w450{width:18.75rem!important;}
.w710{width:29.583rem!important;}

.h00{height:0rem!important;}
.h10{height:0.417rem!important;}
.h20{height:0.833rem!important;}
.h25{height:1.042rem!important;}
.h30{height:1.25rem!important;}
.h40{height:1.667rem!important;}
.h50{height:2.083rem!important;}
.h60{height:2.5rem!important;}
.h70{height:2.917rem!important;}
.h80{height:3.333rem!important;}
.h90{height:3.75rem!important;}
.h100{height:4.167rem!important;}
.h110{height:4.583rem!important;}
.h120{height:5rem!important;}
.h130{height:5.417rem!important;}
.h140{height:5.833rem!important;}
.h150{height:6.25rem!important;}
.h200{height:8.333rem!important;}
.h300{height:12.5rem!important;}
.h400{height:16.667rem!important;}
.h500{height:20.833rem!important;}
.h550{height:22.917rem!important;}


.ytleft{text-align: left!important; justify-content:left!important; padding-left: 0.4534rem!important;}
.ytright{text-align: right!important; justify-content:right!important;}
.ytcenter{text-align: center!important; justify-content:center!important;}

.left40{left: 1.667rem!important;}

/*日期输入框样式*/
.add_date{
    background: url(../img/demo4/purdata.png) no-repeat;
    background-position: right 10px center;
}

.ytbk1 {
	color: #222;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-left: 1.75rem;
	margin-left: 0.4167rem;
	position: relative;
}

.ytbk1::after {
	position: absolute;
	content: '用';
	left: 0;
	bottom: -0.2rem;
	width: 1rem;
	height: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Courier New', Courier, monospace;
	font-weight: bold;
	font-size: 0.75rem;
	color: #222;
	border-radius: 50%;
	padding: 0.2rem;
	border: 0.083rem solid #FF9900;
	transform: scale(.8);
}




/*导航*/
nav{width:100%; height: auto; overflow: hidden; position: fixed; left: 0; bottom: 0; z-index: 999; background: #fff; box-shadow:0px -1px 8px 0px #eee;}
nav ul{}
nav ul li{width: 20%; height:auto; overflow: hidden; float: left; text-align: center; position: relative;}
nav ul li em{width:auto; height:auto; padding: 0 6px; font-size:1rem; background: #dd0000; text-align: center; color: #fff; position:absolute; top: 3px; right:0; border-radius: 10px;}
nav ul li a{width:90%; height:auto; margin: .25rem auto; display: block; color: #666; font-size:0.9166rem}
nav ul li a span{width:2rem; height: 2rem; overflow: hidden; display: block; margin: 0 auto}
nav .active{color:#fec22c;}
nav .nav-index{background:url(../img/nav/index_bg_b.svg) no-repeat center top; background-size: 100%;}
nav a.active .nav-index{background: url(../img/nav/index_bg_a.svg) no-repeat center top; background-size: 100%;}
nav .nav-class{background:url(../img/nav/class_bg_b.svg) no-repeat center top; background-size: 100%;}
nav a.active .nav-class{background: url(../img/nav/class_bg_a.svg) no-repeat center top; background-size: 100%;}
nav .nav-shops{background:url(../img/nav/shops_bg_b.svg) no-repeat center top; background-size: 100%;}
nav a.active .nav-shops{background: url(../img/nav/shops_bg_a.svg) no-repeat center top; background-size: 100%;}
nav .nav-order{background:url(../img/nav/order_bg_b.svg) no-repeat center top; background-size: 100%;}
nav a.active .nav-order{background: url(../img/nav/order_bg_a.svg) no-repeat center top; background-size: 100%;}
nav .nav-my{background:url(../img/nav/my_bg_b.svg) no-repeat center top; background-size: 100%;}
nav a.active .nav-my{background: url(../img/nav/my_bg_a.svg) no-repeat center top; background-size: 100%;}

.date{width: 94.66%; overflow: hidden; margin: .833rem auto;}
.date dl{overflow:hidden;}
.date dl dt{width:30%; font-size: 1.25rem; height: 1.75rem; line-height: 1.75rem; float: left; display: block; overflow:hidden;}
.date dl dt em{width:.375rem; height: 1.75rem; display:inline-flex; float: left; background: url(../img/work-title-icon.jpg) no-repeat center center; margin: 0 1rem 0 0}
.date dl dd{width:70%; overflow: hidden; float: right;}
.date dl dd input{width:45%; overflow: hidden; float: left; display: block; border:#ececec 1px solid; border-radius: .333rem; line-height: 1.75rem; font-size: 1.25rem; background:#fff url(../img/work-arrow-down.jpg) no-repeat 95% center; background-size:10%}
.date dl dd span{width:10%; overflow: hidden; float: left; display: block; text-align: center; line-height: 1.75rem; font-size: 1.25rem;}
.date-top{margin: 4.916rem auto .833rem auto;}
#fangdatu{position: fixed;top: 0;width: 100%;height: 60rem;background-color: #999999;z-index: 999999;}
/*使图片在浏览器中居中显示*/
.bigImg {position: fixed; width: auto!important;max-width: 31.25rem;top: 50%;left: 50%; /*图片向左移动自身宽度的50%, 向上移动自身高度的50%。*/transform: translate(-50%,-50%);}
/*遮罩层*/
.opacityBottom {width: 100%;height: 60rem;position: fixed;background-color: rgba(62,62,62,.55);z-index: 99999999;top: 0;left: 0;}
.none-scroll{overflow-y: hidden;}
.active-choose-blue{background-color: #e9e9e9!important;}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {outline: none;box-shadow:none;}
input::-webkit-search-cancel-button {-webkit-appearance: none;position: relative;height: 15px;width: 15px;border-radius: 50%;background: url("1.jpg") no-repeat center;background-size: 100% 100%;color: rgba(0, 0, 0, 0);}
input[type=search]::-ms-clear {appearance: none;position: relative;height: 15px;width: 15px;border-radius: 50%;background: url("1.jpg") no-repeat center;background-size: 100% 100%;color: rgba(0, 0, 0, 0);}
.lb_wrap{display:none;}
.lightbox_bg{background:#000;filter:alpha(opacity=70);opacity:.7;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1;display: flex;justify-content: center;align-items: center;}
.lightbox{position:fixed;left:0;top: 0; width:100%;height: 100%; z-index:2333;display: flex;justify-content: center;align-items: center;}
.lightbox img{max-width: 100%;height: auto;}
.lightbox p{position:fixed;left: 0; height:3.5rem;width:2rem;z-index:2333;background:transparent url('../img/nav/themes.png') no-repeat left top;cursor:pointer;background-size:cover;}
.lightbox p.next{left:auto;background-position:right top;right:0;}
.paging{position: relative;display: flex;flex-direction: row;align-items: center;justify-content:flex-start;background-color: #1c88e5;color: white;font-size: 1rem;padding: 0.416rem 0;}
.page_show{display: flex; flex-direction: column;justify-content: center;align-items: center;font-size: 0.833rem;color: white;padding: 2px 0.833rem;}
.paging a{font-size: 1rem;color: white;padding: 0 0.833rem;}
.newpage_showbox{width:auto;display: flex;flex-direction: row;font-size: 1rem;color: white;margin-right: 1.667rem;margin-left: 0.833rem;}
.selected_page{padding: 0 0.2rem;margin: 0;display: flex;justify-content: center;align-items: center;font-size: 0.75rem;color: #222;margin: 0 0.25rem;}
.selected_page option{text-align: center;}
.paging_a{position: fixed;bottom: 4.167rem;right: 0;width: 7.917rem;height: 2.5rem;line-height: 2.5rem;text-align: center;background: url(../img/zhekou/bubble.png) no-repeat;background-size: 7.917rem 2.5rem;font-size: 0.833rem!important;}
.nodata{position: absolute;top: -1px;left: 0;width: 100%;height: 8.333rem;line-height: 8.333rem;font-size: 1.083rem;text-align: center;background-color: white;}
.nodata::after{content: '暂时没有数据';position: absolute;top: 2.917rem;left: 9.717rem;border-radius: 0.333rem;width: 12.5rem;height: 3.333rem;line-height: 3.333rem;text-align: center;background-color: #ffcc99;color: #fff;}

.pageover{justify-content:flex-start;background-color: #ccc;color: white;font-size: 1rem;padding: 0.416rem 0; text-align: center;}



.block{
	display: block!important;
}
.address_box{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 90%;
	border-top-left-radius: 2%;
	border-top-right-radius: 2%;
	background-color: white;
	overflow: hidden;
	box-shadow:0 0.417rem 0.833rem #e0e0e0;
	display: none;
	z-index: 9999;
}
.address_box2{
	position: fixed;
	top: 0;
	width: 100%;
	height: 20%;
	background-color: rgba(0, 0, 0, .3);
	z-index: 6666;
	display: none;
}
.address_box h6{
	text-align: center;
	font-size: 1.25rem;
	color: #222;
	padding-top: 0.833rem;
	position: relative;
}
.address_box h6 a{
	position: absolute;
	right:  3.333rem;
	font-size: 1.25rem;
	color: #000;
}
.address_box ul{
	padding: 0.833rem;
	padding-left: 0.833rem;
	border-bottom: 1px solid #e0e0e0;
}
.address_box ul li{
	display: none;
}
.address_box ul li a{
	height: 2.5rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex: 1;
	font-size: 0.833rem;
	color: #222;
	background: url(../../statics/img/deme/right.png) no-repeat;
	background-size: 0.292rem 0.542rem;
	background-position: right 0.833rem center;
}
.address_box ul li span{
	height: 2.5rem;
	display: flex;
	align-items: center;
	font-size: 3.333rem;
	color: orange;
	padding-right: 0.833rem;
	position: relative;
}
.address_box ul li:nth-child(n+2) span::after{
	position: absolute;
	content: '';
	left: 0.375rem;
	top: -0.833rem;
	height: 2.5rem;
	border-left: 2px solid orange;
}
.address_box ol{
	min-height: 10px;
	height: auto;
	overflow-y: scroll;
	display: flex;
	flex-direction: column;
	padding: 0 0.833rem;
}
.address_box ol li {
	padding: 0.417rem 0.833rem;
	display: flex;
	flex-direction: row;
}
.address_box ol li span{
	height: 1.667rem;
	display: flex;
	align-items: center;
	flex: 1;
	font-size: 0.667rem;
	color: #222;
}
.address_box ol li .szm{
	width: 1.25rem;
	text-align: center;
	color: #999;
	font-size: 0.833rem;
	padding-right: 0.417rem;
}
.address_box div{
	display: none;
}
.active{
	color: orange!important;
}
.active em{
	color: orange!important;
}
.history_choose{
	padding: 0.833rem;
	display: flex!important;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 1px solid #e0e0e0;
}
.history_choose h6{
	padding: 0;
	text-align: left!important;
	font-size: 0.833rem;
	color: #222;
	padding-left: 0.833rem
}
.address_province h6,
.address_city h6,
.address_area h6,
.address_town h6{
	padding: 0.833rem 0 0.417rem;
	text-align: left!important;
	padding-left: 1.667rem;
	font-size: 0.833rem;
	color: #222;
}
.history_choose label{
	width: 4.167rem;
	height: 1.667rem;
	border-radius: 0.333rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.917rem;
	color: #000;
	border: 1px solid #e0e0e0;
	margin-left: 0.833rem;
}
.hot_select{
	width: 100%;
	text-align: left;
	font-size: 1.25rem;
	color: #222;
}

.account_divbox{
	display: flex;
	flex-direction: row;
	overflow: hidden;
	border-radius: 0.25rem;
	border: 1px solid #e0e0e0;
}
.account_divinput{
	border: none;
	width: 20.833rem;
	height: 1.667rem;
	font-size: 1rem;
	color: #222;
	padding: 0 0.833rem;
}
.account_divbutton{
	border: none;
	display: flex;
	width: 1.667rem;
	height: 1.667rem;
	background: url(../../statics/img/selcet-bg.jpg) no-repeat;
	background-size: cover;
}
.account_bodybox{
	border-radius: 0.25rem;
	margin: 0.833rem 0;
	background-color: white;
	padding: 0 0.833rem;
}
.account_bodyh6{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0.417rem 0;
	font-size: 1rem;
	color: #222;
}
.account_bodyh6 img{
	width: 1.5rem;
	height: 1.5rem;
	margin-right: 0.417rem;
}
.account_bodyulol{
	display: flex;
	flex-direction: row;
	border-top: 1px solid #e0e0e0;
	padding: 0.417rem 0;
}
.account_bodyulolli1{
	min-width: 3.333rem;
	font-size: 1rem;
	color: orange;
	font-weight: bold;
}
.account_bodyulolli2{
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 0 0.417rem;
}
.account_bodyulolli2 p{
	font-size: 1rem;
	color: #222;
}
.account_bodyulolli2 p:last-child{
	padding-top: 0.25rem;
	font-size: 1rem;
	color: #999;
}
.account_bodyulolli3{
	font-size: 1rem;
	color: orange;
}
.account_top{
	position: fixed;
	bottom: 4rem;
	right: 2rem;
	width: 2rem;
	height: 2rem;
	background: url(../../statics/img/zhekou/unsoild.png)no-repeat;
	background-size: cover;
	display: none;
}




/*待审核*/
.audit_0 {
	height: 1.25rem;
	line-height: 1.25rem;
	padding: 0 0.833rem;
	border-radius: 0.25rem;
	background-color: coral;
	font-size: 0.833rem;
	color: white;
    margin: 0 0.5rem;
	
}
/*已审核*/
.audit_1 {
	height: 1.25rem;
	line-height: 1.25rem;
	padding: 0 20px;
	border-radius: 0.25rem;
	background-color: limegreen;
	font-size: 0.833rem;
	color: white;
    margin: 0 0.5rem;
	/*border-bottom-right-radius: 0;*/
}
/*已驳回*/
.audit_2 {
	height: 1.25rem;
	line-height: 1.25rem;
	padding: 0 0.833rem;
	border-radius: 0.25rem;
	background-color: saddlebrown;
	font-size: 0.833rem;
	color: white;
    margin: 0 0.5rem;
}




.header{width:100%; overflow:hidden; background:#fff; height:4.083rem;}
.header h6{width:94.66%; overflow:hidden; text-align:center; position:relative; font-size:1.25rem; line-height:4.083rem; font-weight:normal}
.header h6 a{position:absolute; top:0; left:1rem; font-size:1rem; line-height:4.083rem;}
.header h6 a span{width:1rem; height:1rem; background:url(../img/page-header-back.jpg) no-repeat; background-size:100%; float:left; display:inline-block; margin:1.541rem .3rem 0 0;}
.header h6 em{width:1.541rem; height: 1.541rem; display: block; position:absolute; top:1.25rem; left:.3rem; background:url(../img/sy/resizeApi.png) no-repeat; background-size:100%;}