@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;font-size:14px;}
html,body{height: auto; background:#F6F6F6; -ms-touch-action:none;-webkit-tap-highlight-color: transparent;}
section{height:100%; margin:0 auto; overflow:hidden;}
ul,li{list-style:none;}
img{border:none; display:block;}
a{text-decoration:none; color: #222;}
a:hover{text-decoration:none;}
input{outline: none;}
input,textarea{-webkit- -callout:none; box-sizing:border-box;} /* -webkit-user-select:none;*/
input,textarea,select{-webkit-appearance:none; outline:none}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
input::-webkit-input-placeholder, .inputHead {color: #999;}
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{display: flex; 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: 0.125rem 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;}

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

/*搜索首页的背景颜色 */
.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: 16px!important;
}
.font18{
   font-size: 18px!important;
}
.font20{
   font-size: 20px!important;
}
	

/*常用宽度和高度*/
.w40{width:40px!important;}
.w50{width:50px!important;}
.w60{width:60px!important;}
.w70{width:70px!important;}
.w80{width:80px!important;}
.w90{width:90px!important;}
.w100{width:100px!important;}
.w110{width:110px!important;}
.w120{width:120px!important;}
.w130{width:130px!important;}
.w140{width:140px!important;}
.w150{width:150px!important;}
.w160{width:160px!important;}
.w180{width:180px!important;}
.w200{width:200px!important;}
.w220{width:220px!important;}
.w240{width:240px!important;}
.w250{width:250px!important;}
.w260{width:260px!important;}
.w280{width:280px!important;}
.w300{width:300px!important;}
.w320{width:320px!important;}
.w340{width:340px!important;}
.w350{width:350px!important;}
.w360{width:360px!important;}
.w380{width:380px!important;}
.w400{width:400px!important;}
.w450{width:450px!important;}
.w710{width:710px!important;}

.h00{height:0px!important;}
.h10{height:10px!important;}
.h20{height:20px!important;}
.h25{height:25px!important;}
.h30{height:30px!important;}
.h40{height:40px!important;}
.h50{height:50px!important;}
.h60{height:60px!important;}
.h70{height:70px!important;}
.h80{height:80px!important;}
.h90{height:90px!important;}
.h100{height:100px!important;}
.h110{height:110px!important;}
.h120{height:120px!important;}
.h130{height:130px!important;}
.h140{height:140px!important;}
.h150{height:150px!important;}
.h200{height:200px!important;}
.h300{height:300px!important;}
.h400{height:400px!important;}
.h500{height:500px!important;}
.h550{height:550px!important;}

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

.left40{left: 40px!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: 35px;
	margin-left: 10px;
	position: relative;
}
.ytbk1::after{
	position: absolute;
	content: '用';
	left: 0;
	bottom: 0;
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Courier New', Courier, monospace;
	font-weight: bold;
	font-size: 15px;
	color: #222;
	border-radius: 50%;
	border: 2px solid #FF9900;
}


/*导航*/
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: 5px auto; display: block; color: #666; font-size:14px}
nav ul li a span{width:36px; height: 36px; overflow: hidden; display: block; margin: 0 auto 5px 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%;}

/*登录*/
.loginbox{width:100%; overflow: hidden; height: 100vh; background: #fff;}
.loginbox h6{width:90%; font:400 18px/56px "微软雅黑"; margin: 15% auto 0 auto;}
.login-input{width:100%; overflow: hidden; height: auto; text-align: center;}
.login-input input{width:86%; font:400 12px/48px "微软雅黑"; padding: 0 2%; background: #ebf3f6; border:none; border-radius: 3px; margin: 0 0 10px 0;}
.login-submit{overflow: hidden; height: auto; padding:5% 0 0 0; text-align: center;}
.login-submit input{width:90%; font:400 14px/48px "微软雅黑"; border:none; background:#1d72a2; color: #fff; border-radius: 3px;}
#loading{height: 5rem; overflow: hidden; position: fixed; left: 0; bottom:6rem; z-index: 99; width: 100%; text-align: center;}
#loading button{width:17.5rem; background:#fec22c; border:none; font-size：.916rem; height:2rem; border-radius: 4px;}
.yt_loading{width: 100px; margin:0 auto 1rem auto; height: 1rem; background:url(../img/ajax-loader.gif) no-repeat center; background-size: contain;}

/*支付提示*/
.pay-win,.pay-lose{width:18.5rem; height:4rem; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.pay-win dl,.pay-lose dl{width:16rem; margin: 0 auto .75rem auto; overflow: hidden}
.pay-win dl dt,.pay-lose dl dt{width:2rem; height: 2rem; display:block; float:left; background:url(../img/pay-win.png) no-repeat 0 0; background-size: 100%}
.pay-lose dl dt{width:2rem; height: 2rem; display:block; float:left; background:url(../img/pay-lose.png) no-repeat 0 0; background-size: 100%}
.pay-win dl dd,.pay-lose dl dd{width:14rem; height: 1rem; line-height: 2rem; display:block; float:right; }
.pay-win p,.pay-lose p{font-size:1rem; text-align: center;}
.pay-win p em,.pay-lose p em{font-style: normal;}
#fangdatu{position: fixed;top: 0;width: 100%;height: 60rem;background-color: #999999;z-index: 999999;}
/*使图片在浏览器中居中显示*/
.bigImg {position: fixed; width: auto!important; max-width:1200px;top: 50%;left: 50%;/*图片向左移动自身宽度的50%, 向上移动自身高度的50%。*/transform: translate(-50%,-50%);}
/*遮罩层*/
.opacityBottom {width: 100%;height: 62rem;position: fixed;background-color: rgba(62,62,62,.55);z-index: 999999;top: 0;left: 0;}
.none-scroll{overflow-y: hidden;}
.active-choose-blue{background-color: #e9e9e9!important;}
ul::-webkit-scrollbar-track {background-color:#e9e9e9;}
ul::-webkit-scrollbar {width: 1px;}
ul::-webkit-scrollbar-thumb {background-color: #ffcc00;}
ol::-webkit-scrollbar-track {background-color:#e9e9e9;}
ol::-webkit-scrollbar {width: 1px;}
ol::-webkit-scrollbar-thumb {background-color: #999;}
.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%;width: auto;}
.lightbox p{position:fixed;left: 0; height:61px;width:38px;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{display: flex;flex-direction: row;align-items: center;justify-content:flex-start;background-color: #1c88e5;color: white;font-size: 24px;padding: 10px 0;position: relative;}
.page_show{display: flex; flex-direction: column;justify-content: center;align-items: center;font-size: 20px;color: white;padding: 2px 20px;}
.paging a{font-size: 24px;color: white;padding: 0 20px;}
.newpage_showbox{width:auto;display: flex;flex-direction: row;font-size: 24px;color: white;margin-right: 40px;margin-left: 20px;}
.selected_page{padding: 0 20px;margin: 0;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #222;margin: 0 5px;}
.selected_page option{text-align: center;}
.paging_a{position: fixed;bottom: 100px;right: 0;width: 190px;height: 60px;line-height: 60px;text-align: center;background: url(../img/zhekou/bubble.png) no-repeat;background-size: 190px 60px;font-size: 20px!important;}
.nodata{position: absolute;top: -1px;left: 0;width: 100%;height: 200px;font-size: 26px;text-align: center;background-color: white;}
.nodata::after{content: '暂时没有数据';position: absolute;top: 70px;left: 235px;border-radius: 8px;width: 300px;height: 80px;line-height: 80px;text-align: center;background-color: #ffcc99;color: white;}
::-webkit-scrollbar{
	width: 10px!important;
	height: 8px!important;
}


.pageover{justify-content:flex-start;background-color: #ccc;color: white;font-size: 18px;padding: 10px 0;position: relative; text-align: center;}



.block{
	display: block!important;
}
.address_box{
	position: fixed;
	bottom: 0;
	left: 50%;
	width: 750px;
	height: 90%;
	margin-left: -375px;
	border-top-left-radius: 10%;
	border-top-right-radius: 10%;
	background-color: white;
	box-shadow:0 10px 20px #e0e0e0;
	display: none;
	z-index: 9999;
}
.address_box2{
	position: fixed;
	top: 0;
	left: 50%;
	width: 750px;
	height: 20%;
	margin-left: -375px;
	background-color: rgba(0, 0, 0, .3);
	z-index: 6666;
	display: none;
}
.address_box h6{
	text-align: center;
	font-size: 30px;
	color: #222;
	padding-top: 20px;
	position: relative;
}
.address_box h6 a{
	position: absolute;
	right: 80px;
	font-size: 30px;
	color: #000;
}
.address_box ul{
	padding: 20px;
	padding-left: 20px;
	border-bottom: 1px solid #e0e0e0;
}
.address_box ul li{
	display: none;
}
.address_box ul li a{
	height: 60px;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex: 1;
	font-size: 20px;
	color: #222;
	background: url(../../statics/img/deme/right.png) no-repeat;
	background-size: 7px 13px;
	background-position: right 20px center;
}
.address_box ul li span{
	height: 60px;
	display: flex;
	align-items: center;
	font-size: 80px;
	color: orange;
	padding-right: 20px;
	position: relative;
}
.address_box ul li:nth-child(n+2) span::after{
	position: absolute;
	content: '';
	left: 9px;
	top: -20px;
	height: 60px;
	border-left: 2px solid orange;
}
.address_box ol{
	min-height: 280px;
	height: auto;
	overflow-y: scroll;
	display: flex;
	flex-direction: column;
	padding: 0 20px;
}
.address_box ol li {
	padding: 10px 20px;
	display: flex;
	flex-direction: row;
}
.address_box ol li span{
	display: flex;
	flex: 1;
	font-size: 16px;
	color: #222;
}
.address_box ol li .szm{
	width: 30px;
	text-align: center;
	color: #999;
	font-size: 20px;
	padding-right: 10px;
}
.address_box div{
	display: none;
}
.active{
	color: orange!important;
}
.active em{
	color: orange!important;
}
.history_choose{
	padding: 20px;
	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: 20px;
	color: #222;
	padding-left: 20px;
}
.address_province h6,
.address_city h6,
.address_area h6,
.address_town h6{
	padding: 20px 0 10px;
	text-align: left!important;
	padding-left: 40px;
	font-size: 20px;
	color: #222;
}
.history_choose label{
	width: 100px;
	height: 40px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	color: #000;
	border: 1px solid #e0e0e0;
	margin-left: 20px;
}
.hot_select{
	width: 100%;
	text-align: left;
	font-size: 30px;
	color: #222;
}


.account_divbox{
	display: flex;
	flex-direction: row;
	overflow: hidden;
	border-radius: 6px;
	border: 1px solid #e0e0e0;
}
.account_divinput{
	border: none;
	width: 500px;
	height: 40px;
	font-size: 24px;
	color: #222;
	padding: 0 20px;
}
.account_divbutton{
	border: none;
	display: flex;
	width: 40px;
	height: 40px;
	background: url(../../statics/img/selcet-bg.jpg) no-repeat;
	background-size: cover;
}
.account_bodybox{
	border-radius: 6px;
	margin: 20px;
	background-color: white;
	padding: 0 20px;
	position: relative;
}
.account_bodyh6{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 10px 0;
	font-size: 24px;
	color: #222;
}
.account_bodyh6 img{
	width: 30px;
	height: 30px;
	margin-right: 10px;
}
.account_bodyulol{
	display: flex;
	flex-direction: row;
	border-top: 1px solid #e0e0e0;
	padding: 10px 0;
}
.account_bodyulolli1{
	min-width: 80px;
	font-size: 24px;
	color: orange;
	font-weight: bold;
}
.account_bodyulolli2{
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 0 20px;
}
.account_bodyulolli2 p{
	font-size: 24px;
	color: #222;
}
.account_bodyulolli2 p:last-child{
	padding-top: 5px;
	font-size: 24px;
	color: #999;
}
.account_bodyulolli3{
	font-size: 24px;
	color: orange;
}
.account_top{
	position: fixed;
	bottom: 60px;
	right: 60px;
	width: 40px;
	height: 40px;
	background: url(../../statics/img/zhekou/unsoild.png)no-repeat;
	background-size: cover;
	display: none;
}




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


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