@charset "utf-8";
/* CSS Document */


body{ background:#fff; color:#555;}

.searchbd{ position:relative; display:block; padding:0px 8px; margin-bottom:8px;}
.searchbd .form-control{padding:10px !important; }
.searchbd .search_btn{ position:absolute; display:block; z-index:10; right:15px; top:6px; width:36px; height:30px; }
.searchbd .search_btn:focus{ outline:none;border: 0px solid red;}

.intro { display:block; overflow:hidden; margin:10px;}
.intro img{ width:100%; max-width:720px;}

.dis-box {display: -webkit-box;display: -moz-box;display: -ms-box; display:flex}
.box-flex {-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1; display: block; width:100%;}

.right-row {
	background: url("../images/right-row.png") no-repeat 0% 0% / 32px; margin: 0px auto; width: 32px;  height: 32px; display: block;
}

.right-row-24 {
	background: url("../images/right-row.png") no-repeat 0% 0% / 24px; margin: 0px auto; width: 24px;  height: 24px; display: block;
}

.del-btn {
	background: url("../images/del.png") no-repeat 0% 0% / 24px; margin: 0px auto; width: 24px;  height: 24px; display: block;
}


.checked-c {
	background: url("../images/checked.png") no-repeat -24px 0px / 48px; margin: 0px auto; width: 24px;  height: 24px; display: block;
}
.checked-c:checked + label.checked-c .on{
	background: url("../images/checked.png") no-repeat -24px -24px / 48px; margin: 0px auto; width: 24px;  height: 24px; display: block;
}

.icon-bar-leftrow {background: url("../images/icon_left_row.png") no-repeat 0% 0% / 24px; margin: 0px auto; width: 24px;  height: 24px; display: block !important;}
.icon-bck-leftrow {background: url("../images/icon_left_row.png") no-repeat 0px -24px / 24px; margin: 0px auto; width: 24px;  height: 24px; display: block !important;}

.full-container{ width:100%; margin-left:auto; margin-right:auto;display:block; clear:both; overflow:hidden;}
.adv-container{ width:100%; text-align:center; margin-bottom:8px; margin-left:auto; margin-right:auto;display:block; clear:both; overflow:hidden; font-size:1px; line-height:1px;}


/*==============================================================================================*/
/*form-css
/*==============================================================================================*/
.form-control{ width:100%; height:auto; border-radius: 3px; padding: 10px 15px 10px 15px; border-color:#ddd;}

.btn{
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42;
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	padding: 6px 12px;
	cursor: pointer;
	-webkit-transition: all;
	transition: all;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	color: #333;
	border: 1px solid #ddd;
	border-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background-color: #fff;
	background-clip: padding-box;
}

.btn-com {
	font-size: 14px;
	height: 44px !important;
	line-height:32px;
	width: 100%;
	border-radius: 6px;
}

.btn-com.r{background:#f15340; color:#FFF; border:none;}
.btn-com.o{background:#ff6d00; color:#FFF; border:none;}
.btn-com.b{background:#0096e0; color:#FFF; border:none;}
.btn-com.g{background:#1cbb7f; color:#FFF; border:none;}
.btn-com.c{background:#cccccc; color:#777; border:none;}

.input-time{ position:relative; display:block; overflow:hidden;}
.input-time i.icon-calendar{ position:absolute; right:10px; top:14px; color:#999; z-index:600;}

/*==============================================================================================*/
/* header-css
/*==============================================================================================*/
.header{ padding-top:0px; padding-bottom:0px; height:50px; margin: 0px; position:relative; background:#fff; display:flex; align-items: center; justify-content:center;}
.header .site_logo { width:50px; overflow:hidden; text-align:center; align-content:center; height:30px;}
.header .site_logo a{ height:30px; }
.header .site_logo a img { height:30px; }

.header ._nav{display:block;  position:relative; height:50px;  width: 50px;}
.header .nav_box{display:block; }
.header .nav_box .nav_btn{
	position: relative;
	z-index: 10;
	float:right;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
    width: 50px;
    height: 50px;
	margin:0px auto;
	cursor: pointer;
	display:block; 
	overflow:hidden;
}
.header .nav_box .nav_btn i{
	position: absolute;
	width: 22px;
	height: 1px;
	line-height:normal;
	left: 28%;
	font-size:0px;
	margin-left: 0;
	background-color: #888888;
	-webkit-transition: background-color .2s,opacity .2s,-webkit-transform .4s ease-out;
	transition: background-color .2s,opacity .2s,-webkit-transform .4s ease-out;
	-o-transition: background-color .2s,opacity .2s,-o-transform .4s ease-out;
	-moz-transition: background-color .2s,opacity .2s,transform .4s ease-out,-moz-transform .4s ease-out;
	transition: background-color .2s,opacity .2s,transform .4s ease-out;
	transition: background-color .2s,opacity .2s,transform .4s ease-out,-webkit-transform .4s ease-out,-moz-transform .4s ease-out,-o-transform .4s ease-out;
	transition: background-color .2s,opacity .2s,transform .4s ease-out,-webkit-transform .4s ease-out;
}
.header .nav_box .nav_btn i.item_top { top: 17px;}
.header .nav_box .nav_btn i.item_middle { top: 24.5px;}
.header .nav_box .nav_btn i.item_bottom { top: 33px;}
.header .nav_box .nav_btn.is_open i.item_top {
	background-color: #858585;
	-webkit-transform: translate3d(0,8px,0) rotate(45deg);
	-moz-transform: translate3d(0,8px,0) rotate(45deg);
	transform: translate3d(0,8px,0) rotate(45deg)
}
.header .nav_box .nav_btn.is_open i.item_middle {
	opacity: 0;
	-webkit-transform: translate3d(-3.37037vw,0,0);
	-moz-transform: translate3d(-3.37037vw,0,0);
	transform: translate3d(-3.37037vw,0,0);
}
.header .nav_box .nav_btn.is_open i.item_bottom {
	background-color: #858585;
	-webkit-transform: translate3d(0,-8px,0) rotate(-45deg);
	-moz-transform: translate3d(0,-8px,0) rotate(-45deg);
	transform: translate3d(0,-8px,0) rotate(-45deg)
}

.header .nav_box ul{ padding:0px; margin:0px; position:fixed; width:100%; height:100%; z-index:8888; left:0px; top:50px; padding:10px; background:#fff; display:none; overflow:hidden; overflow-y:auto;}
.header .nav_box ul li{ line-height:35px; text-align:left; float:left; clear:both; display:block; width:100%; background:#f8f8f8; margin-bottom:10px;}
.header .nav_box ul li a{ display:block; overflow:hidden; padding:0px 10px;}
.header .nav_box ol{ list-style:none;}
.header .nav_box ol li{ line-height:20px;}
.header .nav_box ol li a{ display:block; overflow:hidden; padding:0px 5px;}


.header .toolbar{ display:block; height:50px; overflow:hidden; width:100%; position:relative;}
.header .toolbar ul._box{ display:flex; align-items: center; justify-content:center; margin:0px; padding:0px;}
.header .toolbar li{line-height:50px;}
.header .toolbar .l-box{ width:40px; line-height:50px; text-align:center;}
.header .toolbar .m-box{ margin:0px 10px; text-align:center; font-size:16px; flex:1;}
.header .toolbar .r-box{ float:right;}

.header .toolbar.r{ background:#f15340;}
.header .toolbar.r,.header .toolbar i{ color:#fff;}

.header .toolbar.o{ background:#ff6d00;}
.header .toolbar.o,.header .toolbar i{ color:#fff;}

.header .toolbar.b{ background:#0096e0;/*url("../images/btm.png") repeat*/;/* background:#0096e0;*/}
.header .toolbar.b,.header .toolbar i{ color:#fff;}

.header .toolbar.g{ background:#1cbb7f;}
.header .toolbar.g,.header .toolbar i{ color:#fff;}


/*==============================================================================================*/
/*页脚模块 footer
/*==============================================================================================*/
.footer{ position:relative; margin-top:30px;  margin-bottom:90px; display:block; overflow:hidden; line-height:20px;  color:#999; clear:both;}
.footbd a{ color:#888;}
.footbd a:link,.footbd a:hover,.footbd a:active,.footbd a:visited{ color:#888;}

.footer-nav ul{
	margin: 0px auto; padding: 6px 0px; left: 0px; right: 0px; bottom: 0px; border-top-color:#ddd; border-top-width: 1px; border-top-style: solid; position: fixed; z-index: 499; background:#fff;
}
.footer-nav li {
	text-align: center; color: rgb(89, 89, 89); padding-top: 0rem; font-size: 12px; line-height:18px; display: block; 
}
.footer-nav li a{ display:block;}

.footer-nav li .buy-btn{ display:block; width:50px; margin:0px auto;}
.footer-nav li .buy-btn em{ padding-top:26px; display:block; }

/*==============================================================================================*/
/*icons-css
/*==============================================================================================*/
.icons {
	background: url("../images/icons.png") no-repeat 0% 0% / 416px; margin: 0px auto; width: 26px;  height: 26px; display: block;
}

.icons.i-home {background-position: 0px 0px;}
.icons.i-home.active {background-position: 0px -26px;}

.icons.i-cate {background-position: -26px 0px;}
.icons.i-cate.active {background-position: -26px -26px;}

.icons.i-flow {background-position: -52px 0px;}
.icons.i-flow.active {background-position: -42px -26px;}

.icons.i-user {background-position: -78px 0px;}
.icons.i-user.active {background-position: -68px -26px;}

.icons.i-shop {background-position: -104px 0px;}
.icons.i-shop.active {background-position: -94px -26px;}

.icons.i-search {background-position: -130px 0px;}
.icons.i-search.active {background-position: -120px -26px;}

.icons.i-locat {background-position: -156px 0px;}
.icons.i-locat.active {background-position: -146px -26px;}

.icons.i-phone {background-position: -182px 0px;}
.icons.i-phone.active {background-position: -182px -26px;}

.icons.i-list {background-position: -208px 0px;}
.icons.i-list.active {background-position: -208px -26px;}

.icons.i-chat {background-position: -234px 0px;}
.icons.i-chat.active {background-position: -234px -26px;}

.icons.i-file {background-position: -260px 0px;}
.icons.i-file.active {background-position: -260px -26px;}

.icons.i-catelist {background-position: -286px 0px;}
.icons.i-catelist.active {background-position: -286px -26px;}

.icons.i-setting {background-position: -312px 0px;}
.icons.i-setting.active {background-position: -312px -26px;}

.icons.i-share {background-position: -338px 0px;}
.icons.i-share.active {background-position: -338px -26px;}

.icons.i-users {background-position: -364px 0px;}
.icons.i-users.active {background-position: -364px -26px;}

.icons.i-favor {background-position: -390px 0px;}
.icons.i-favor.active {background-position: -390px -26px;}


.icons36 {
	background: url("../images/icons.png") no-repeat 0% 0% / 576px; margin: 0px auto; width: 36px;  height: 36px; display: block;
}

.icons36.i-home {background-position: 0px 0px;}
.icons36.i-home.active {background-position: 0px -36px;}

.icons36.i-cate {background-position: -36px 0px;}
.icons36.i-cate.active {background-position: -36px -36px;}

.icons36.i-flow {background-position: -72px 0px;}
.icons36.i-flow.active {background-position: -72px -36px;}

.icons36.i-user {background-position: -108px 0px;}
.icons36.i-user.active {background-position: -108px -36px;}

.icons36.i-shop {background-position: -144px 0px;}
.icons36.i-shop.active {background-position: -144px -36px;}

.icons36.i-search {background-position: -180px 0px;}
.icons36.i-search.active {background-position: -180px -36px;}

.icons36.i-locat {background-position: -216px 0px;}
.icons36.i-locat.active {background-position: -216px -36px;}

.icons36.i-phone {background-position: -252px 0px;}
.icons36.i-phone.active {background-position: -252px -36px;}

.icons36.i-list {background-position: -288px 0px;}
.icons36.i-list.active {background-position: -288px -36px;}

.icons36.i-chat {background-position: -324px 0px;}
.icons36.i-chat.active {background-position: -324px -36px;}

.icons36.i-file {background-position: -360px 0px;}
.icons36.i-file.active {background-position: -360px -36px;}

.icons36.i-catelist {background-position: -396px 0px;}
.icons36.i-catelist.active {background-position: -396px -36px;}

.icons36.i-setting {background-position: -432px 0px;}
.icons36.i-setting.active {background-position: -432px -36px;}

.icons36.i-share {background-position: -468px 0px;}
.icons36.i-share.active {background-position: -468px -36px;}

.icons36.i-users {background-position: -504px 0px;}
.icons36.i-users.active {background-position: -504px -36px;}

.icons36.i-favor {background-position: -540px 0px;}
.icons36.i-favor.active {background-position: -540px -36px;}


.icon.green{ color:#0C6; font-size:18px;}
.icon.red{ color:#f00; font-size:18px;}