body{background: #F6F5F8;}
body .topbar{background: #FFFFFF;}
.clearfix:after {content:"";display:block;width:100%;height:0;clear:both;visibility:hidden}
.fl {float:left}
.fr {float:right}
.top-nav{width: 1200px;}
.header{width: 1200px;}

/*footer相关*/
.footernormal{ width:1000px; margin:0 auto;border-top:1px solid #0da1d8; overflow:hidden; clear:both;padding-top:5px;}
body .footer-red-color{color: #333 !important;}
.footer-wrap {background: #ffffff;margin-top: 36px;}
.footer{margin:0 auto; width:1200px; padding:0 0 25px; overflow:hidden; text-align:center; color:#666;}
.bottom-nav{padding: 25px 0 15px;font-size: 14px;}
.bottom-nav a{color: #333333;margin-left: 25px;}
.footer a{text-decoration: none;color: #333;}
.footer a:hover{text-decoration: underline;}


/*头部banner-搜索*/
.header-wrapper{background: #FFA866;background: -webkit-linear-gradient(#FF903E, #FFC37C);background: -moz-linear-gradient(#FF903E, #FFC37C);background: -o-linear-gradient(#FF903E, #FFC37C);background: linear-gradient(#FF903E, #FFC37C);}
.header-content-wrapper{height: 276px;background: url(../image/bigcate_banner.png) no-repeat;background-position: 50% 93px;}
.logo{ top: 72px; color: white; font-size: 24px;text-decoration: none;}
.logo:hover { color: white;text-decoration: none;}
.header-h1{top: 72px;font-size: 26px;line-height: 36px;padding: 0 0 0 14px;color: #FFFFFF;font-weight: lighter;}
.header-h1:before{content: "";display: block;width: 6px;height: 6px;border-radius: 50%;background: #FFFFFF;position: absolute;left: 0;top: 50%;margin-top: -3px;}
.search-bar{top: 66px;border-radius: 6px;background: #FFFFFF;}
.search-text{padding-top: 10px;padding-bottom: 10px;height: 24px;line-height: 24px;border-radius: 6px 0 0 6px;width: 315px;}
.top-search{height: 46px;line-height: 46px;background: #F6F5F8;-webkit-appearance: none;padding-bottom: 0;border-radius: 6px;font-weight: normal;}
/*.top-search:hover{background: #FCDEBF;}*/
.post-info{width: 140px;height: 42px;line-height: 42px;border-radius: 6px;text-align: center;border: none;color: #FF6600;font-size: 16px;font-weight: bold;background: #FFFFFF;padding-left: 0;}
.post-info i.post-info-ico{display: none;}
.info-btn{width: auto;top: 68px;}

/*热门二级分类*/
.hot-subcate-wrapper{margin: -72px 0 30px;}
.hot-subcate-wrapper a{text-decoration: none;color: #353535;}
.hot-subcate-wrapper a:hover{text-decoration: underline;color: #ee4341;}
.hot-subcate-box{width: 1194px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);border-radius: 6px;background: #FFFFFF;margin: 0 auto;display: table;padding: 16px 0 14px;}
.hot-subcate-item{display: table-cell;}
.hot-subcate-link{display: block;margin: 0 40px;}
.hot-subcate-img{width: 80px;height: 80px;padding: 8px 0;display: block;margin: 0 auto;}
.hot-subcate-text{font-size: 20px;line-height: 36px;color: inherit;display: block;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*分类列表*/
.main-wrapper{overflow: hidden;margin-top: 30px;}
.main-wrapper a{text-decoration: none;color: #000;}
.main-wrapper a:hover{text-decoration: underline;color: #ee4341;}
.subcate-list{width: 1200px;margin: 0 auto;padding: 0 34px;box-sizing: border-box;background: #FFFFFF;}
.subcate-item{overflow: hidden;}
.subcate-title{padding: 20px 0 18px;}
.subcate-icon{display: block;width: 23px;height: 23px;background-repeat: no-repeat;background-size: 100% 100%;margin-top: 6px;}
.subcate-text{font-size: 20px;line-height: 35px;color: #000;margin-left: 21px;}
.thirdcate-list{margin-left: 44px;padding-bottom: 30px;}
.thirdcate-item{width: 32.6666%;}
.thirdcate-item.has-image{width: 315px;height: 130px;border-radius: 8px;background: #FFF8F7;overflow: hidden;margin-left: 48px;margin-bottom: 22px;margin-top: 9px;}
.thirdcate-item.has-image:first-child{margin-left: 0;}
.thirdcate-link{margin-right: 46px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;}
.thirdcate-item.has-image .thirdcate-link{overflow: hidden;display: block;margin-right: 0;}
.has-image + .has-not-image{clear: both;}
.thirdcate-img{width: 96px;height: 94px;margin-left: 30px;margin-top: 23px;float: left;}
.thirdcate-text{font-size: 16px;line-height: 34px;color: inherit;}
.thirdcate-img + .thirdcate-text{margin-left: 20px;margin-top: 20px;float: left;display: block;max-width: 126px;height: 55px; overflow: hidden;text-overflow: ellipsis;white-space: pre-line;line-height: 26px;}

/*友情链接*/
.friend-link-wrapper{overflow: hidden;}
.switch-city-friend-link{width: 1200px;box-sizing: border-box;padding: 28px;margin: 30px auto 0;background: #FFFFFF;}
.friend-link-head{width: 100px;font-size: 20px;height: 34px;line-height: 34px;font-weight: bold;white-space: nowrap;}
.friend-link-list{width: 1044px;box-sizing: border-box;padding: 0 6px;}
.friend-link-item{padding: 0 6px}
.friend-link-link{font-size: 16px;line-height: 34px;padding: 0 6px;color: #333;}
.friend-link-link:hover{color: #333;text-decoration: underline;}

/*侧边导航*/
.side-nav-wrapper{display: block;position: fixed;width:155px;padding: 40px 0;top:50%;left:50%;margin-left:-757px;box-sizing: content-box;max-height: 400px;overflow: visible;background: #FFFFFF;border: 1px solid #E5E5E5;user-select: none;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;}
.side-nav-wrapper.min-side-nav{left: 0;margin-left: 0;}
.side-nav-wrapper.min-side-nav.hide{-webkit-transform: translate(-100%, 0);-moz-transform: translate(-100%, 0);-ms-transform: translate(-100%, 0);-o-transform: translate(-100%, 0);transform: translate(-100%, 0);}
.side-nav-content{position: relative;width:155px;max-height: 400px;overflow: hidden;}
.side-nav-list-wrapper{width: 100%;max-height: 400px;overflow: hidden;}
.side-nav-list{position: relative;z-index: 1;transform: translate(0, 0);transition: all 0.3s;}
.side-nav-item-wrapper{padding: 0 15px;border-top: 1px solid #E5E5E5;border-bottom: none;}
.side-nav-item-wrapper:first-child{border-top:1px solid #FFFFFF;}
.side-nav-item-wrapper.actived a, .side-nav-item-wrapper:hover a{color: #F76A56;font-weight: bold;}
.side-nav-item{display: block;overflow: hidden;font-size: 12px;font-weight: normal;line-height: 49px;color: #333333;}
.side-nav-floor{float: left;width: 34%;}
.side-nav-name{float: left;width: 66%;text-align: left;height: 49px;line-height: 49px;max-height: 49px;}
.side-nav-name:after{content: "";width:100%;height:0;display: inline-block;}
.side-nav-btn{width: 100%;height: 40px;font-size: 18px;line-height: 39px;text-align: center;background: #F76A56;position: absolute;left: 0;z-index: 2;cursor: pointer;color: #FFFFFF;box-sizing: border-box;transition: all 0.3s;}
.side-nav-top{top: 0;border-bottom: 1px solid #E5E5E5;line-height: 30px;}
.side-nav-bottom{bottom: 0;border-top: 1px solid #E5E5E5;line-height: 50px;}
.side-nav-btn.disabled{background: #FFFFFF;color: #CCCCCC;}
.side-nav-toggle-btn-wrapper{display: none;position: absolute;right: 0;top:50%;-webkit-transform: translate(100%, -50%);-moz-transform: translate(100%, -50%);-ms-transform: translate(100%, -50%);-o-transform: translate(100%, -50%);transform: translate(100%, -50%);background: #F76A56;overflow: hidden;border-radius: 0 4px 4px 0;width: 24px;height: 36px;line-height: 36px;text-align: center;color: #FFFFFF;border: 1px solid #E5E5E5;border-left: none;cursor: pointer;}
.side-nav-wrapper.min-side-nav .side-nav-toggle-btn-wrapper{display: block;}
.side-nav-toggle-btn{display: table;width: 48px;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;}
.side-nav-toggle-btn.show{-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.side-nav-toggle-btn div{display: table-cell;width: 28px;}