/*公共部分*/
body{margin:0px;padding:0px;}
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    list-style-type:none;
}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }
*:before,*:after {-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}

.ell{white-space:nowrap;word-wrap:normal;overflow:hidden;text-overflow:ellipsis;}

body {margin: 0px;padding: 0px;font-family: "微软雅黑";font-size: 13px;color: #2e2e2e;height: 100%;background: #fff;}

a {color: #2e2e2e;  text-decoration: none;list-style: none;font-size: 13px;font-family: "微软雅黑";}
img {border: 0px; vertical-align: middle;}
.fl{
	float: left;
}
.fr{
	float: right;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
.ell{white-space:nowrap; word-wrap:normal;overflow:hidden;text-overflow:ellipsis;}
.ell2{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.ell3{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
/*顶部导航*/
.breadcrumb{ background:#f1f1f1; height:40px; line-height: 40px; padding-left:10px; font-size:16px; color:#666;
    border-bottom:1px solid #ddd; position: relative;}
.breadcrumb>div:nth-of-type(1) a{color:#666;}
.breadcrumb .btn-menu{width:40px; height:40px; position:absolute; bottom:2px; right:5px;}
.breadcrumb .btn-menu img{width:30px; height:30px; position: absolute; top:8px; left:5px; transition-duration: 300ms}
.breadcrumb .btn-menu img:nth-of-type(1){transform: scale(1);}
.breadcrumb .btn-menu img:nth-of-type(2){transform: scale(0);}
.breadcrumb .btn-menu.active img:nth-of-type(1){transform: scale(0);}
.breadcrumb .btn-menu.active img:nth-of-type(2){transform: scale(0.9);}
.breadcrumb>div a{text-decoration: underline;}
.breadcrumb>div h2{color:#111; font-size:18px;}
/*返回样式*/
.breadcrumb a.back{height:40px; padding-right:10px; position:absolute; top:0; left:0; display:flex; align-items: center;}
.breadcrumb a.back>img{width:20px; height:20px; margin-right:3px; margin-left:5px;}
.breadcrumb a.back>span{font-size:15px; font-weight: bold; color:#666;}

.breadcrumb .top-search{position: absolute; left:100px;right:100px; top:8px; height:25px; border-radius:25px; line-height:25px;
    border:1px solid #666; display:flex; align-items: center;}
.breadcrumb .top-search>img{width:18px; height:18px; margin-left:10px; margin-right:5px;}
.breadcrumb .top-search>span{font-size:13px; color:#666;}

/*顶部导航固定*/
.breadcrumb{position:fixed; z-index:99999; top:0; left:0; right:0; }
.breadcrumb+div{margin-top:40px;}

/*底部tab*/
.tab{ height: 54px; display: flex; justify-content: center;position: fixed; right:0; left:0; bottom:0; z-index:9;background:#fff; border-top: 1px solid #ccc;}
.tab>a{flex: 1 1 25%; width:25%; display: flex; flex-wrap: wrap; text-decoration: none; font-size:12px; color:#656565;}
.tab>a>div{height: 14px; line-height:14px; text-align:center; width:100%;}
.tab>a>img{width:25px; height:25px; margin: 7px auto 0 auto;}
.tab>a>img:nth-of-type(2){display: none;}
.tab>a.active{color:#e93033;}
.tab>a.active img:nth-of-type(1){display: none;}
.tab>a.active img:nth-of-type(2){display: block;}

/*用户评论*/
.commit-list::before{content:''; display:block; clear: both;}
.commit-list{padding: 16px 11px 11px 11px;}
.commit-list .tit{border-bottom:2px solid #ff7f21; margin: 5px 0px;height: 33px;line-height: 33px; font-size: 16px; color:#222;}
.commit-list .empty{text-align: center; color:#999; font-size: 13px; padding:11px 0 22px 0;}
.commit-list .c-row{border-bottom: 1px dashed #ccc; padding: 8px 0 8px 44px; position: relative;}
.commit-list .c-row img{position:absolute; top:0; left:0px; top:5px; width:38px; height:38px; background:#eee;}
.commit-list .c-row .right{}
.commit-list .c-row div:nth-of-type(1){line-height: 14px; color: #999; font-size: 13px; margin-bottom: 2px;}
.commit-list .c-row div:nth-of-type(2){line-height: 18px; color:#333; font-size:13px;}
.commit-box{margin-bottom: 27px; padding: 11px 11px;}
.commit-box .tit{border-bottom:2px solid #ff7f21; margin: 5px 0px;height: 33px;line-height: 33px; font-size: 16px; color:#222;}
.commit-box .label{text-align: left; font-size:13px; color:#333; font-weight: bold;}
.commit-box .input-row{margin-bottom:8px;}
.commit-box input{border:1px solid #ccc; margin:5px 0; padding:5px 5px;font-size:14px; height:14px; line-height: 14px; border-radius:3px;}
.commit-box textarea{border:1px solid #ccc; width: 380px; font-size: 14px; margin: 5px 0px; padding: 5px 5px; height: 66px; line-height: 14px; border-radius: 2px;}
.commit-box .sub{background: #ff7f21; width: 110px; height: 30px; line-height: 30px; text-align: center; font-size:14px; color:#fff;}


/*图片放大*/
#zoomBox{position: fixed; z-index:99999; top:0; bottom:0;right:0; left:0; visibility: hidden; background:rgba(0,0,0,0); transition-duration: 300ms;}
#zoomBox.show{visibility: visible; background:rgba(11,11,11,0.95);}
/*#zoomBox .mask{position:absolute;  top:0; bottom:0;right:0; left:0; background:rgba(0,0,0,0); transition-duration: 300ms;}
#zoomBox.show .mask{background:rgba(11,11,11,0.95);}
*/
#zoomBox .close{position: absolute; z-index:99; width:40px; height:40px; top:0px; right:5px; transition-duration: 300ms;}
#zoomBox .close>img{width:20px; height:20px; opacity:0; transition-duration: 300ms; position: absolute; top:9px; right:9px;}

#zoomBox.show .close{transform: rotate(90deg);}
#zoomBox.show .close>img{opacity:1;}
#zoomBox .swiper-container{position: absolute; z-index:98; top:0; bottom:0;right:0; left:0; transform: scale(.8);  opacity:0; transition-duration: 300ms;}
#zoomBox.show .swiper-container{transform: scale(1);  opacity:1;}
#zoomBox .swiper-container .swiper-slide{display: flex;}
#zoomBox .swiper-container .swiper-slide img{margin:auto; max-width: 100%; min-width: 100%;}

*{margin:0px;padding:0px;}
ul,li{list-style: none;}
a{text-decoration: none; font-family: 微软雅黑; color:#333;}
.ell{white-space:nowrap; word-wrap:normal;overflow:hidden;text-overflow:ellipsis;}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}

.header{font-weight: bold; box-shadow: 1px 1px 6px #ccc; background:#fff;}
.header .wrap{padding:15px 0px;  border-bottom:4px solid #e93033;  width:1280px; margin:0 auto; text-align:center; display:flex; justify-content: center; align-items: center;}
.header img{height:80px; width:80px; margin-right:5px; vertical-align: middle;}
.header span{font-size:40px; color:#e93033; vertical-align: middle;}

.content{width: 1280px;margin: 0 auto; overflow: hidden;}

.curLocation{
    width: 1280px;
    margin: 30px auto 10px;
    font-size: 16px;
}
.curLocation a{
    color: #727272;
    font-size: 16px;
}
.curLocation a:hover{
    color:#ff3e30;
    text-decoration: underline;
}

footer {width:1280px;margin:20px auto 0 auto;padding:3px 0;color:#666;text-align:center;line-height:20px;font-size:13px;position:relative;}
footer .line {width:1280px;height:5px;background:#E51C23;box-shadow:0 2px 3px #ccc;}
.footer {background:#ffffff;padding:18px 0 6px 0;height:160px;margin-bottom:10px;}
.footer .ercode {float:left;margin-left:150px;}
.footer .inline{display:inline-block;vertical-align:top;}
.footer .main {float:left;margin-left:-50px;}
.footer .mes {width:930px;margin-left:36px;color:#ccc;}
.foot-nav {margin-bottom:10px;}
.foot-nav a {color:#ccc;margin:0 15px;font-size:16px;}
.footer a:first-child {margin-left:0;}
.footer .mes p {line-height:25px;font-size:16px;}
.footer .mes p span {display:inline-block;}




/*覆盖layui的默认样式*/
.layui-laypage a:hover {color: #FF5722!important;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #FF5722!important;}
.layui-form-select dl dd.layui-this{background-color: #FF5722;}
