html, body{height: 100%; overflow-x: hidden;}
body{font-family: "苹方 常规", "Microsoft YaHei", "微软雅黑"; position: relative;}
.clear-fix:after{content: " "; clear: both; display: table;}
body.has-ui-1-footer{height: auto; min-height: 100%;}
body.has-ui-1-footer.only-bottom{padding-bottom: 41px !important;}
.headerBar{overflow: visible; position: fixed;  top: 0; left: 0; z-index: 999; width: 100%; height: 78px;}
.headerBar-block{height: 78px; width: 100%;}
.headerBar .navBar, .headerBar .logoBar, .footer{display: none;}
.fixedtip {display: none;}

body, .head-nav, .head-nav div, .head-nav ul, .head-nav li, .head-nav img, .head-nav a, .footer-bar, .footer-bar div, .footer-bar ul, .footer-bar li, .footer-bar img, .footer-bar a{margin: 0; padding: 0; border: 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.head-nav{background: #0e97e6 url(../images/logo.png) no-repeat center; background-size: auto 16px; color: #fff; text-align: center; height: 47px; line-height: 47px; position: relative; font-size: 16px;}
.head-nav .nav-btn{position: absolute; z-index: 1; left: 0; display: inline-block; height: 47px; width: 55px; background: url(../images/icon/leftbar_btn.png) no-repeat center; background-size: 18px auto;}
.head-nav .nav-btn:after{content: " "; border-right: 1px solid #fff; position: absolute; height: 23px; top: 50%; right: 0; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);opacity: 0.2;}
.head-nav .right-btn-group{position: absolute; right: 0; height: 47px; top: 0; z-index: 1;}
.head-nav .right-btn-group .search-btn{background: url(../images/icon/supply_btn_search.png) no-repeat center; background-size: 16px; display: inline-block; height: 47px; width: 47px; float: right;}
.head-nav .right-btn-group .add-btn{background: url(../images/icon/btn_publish.png) no-repeat center; background-size: 16px; display: inline-block; height: 47px; width: 47px; float: right;}
.head-nav .nav-list{position: absolute; width: 100%; top: 47px; background: #fff; z-index: 999; display: none;-moz-box-shadow: 0 1px 5px #ccc; box-shadow: 0 1px 5px #ccc;}
.head-nav .nav-list>ul{padding: 0 20px 20px;}
.head-nav .nav-list>ul>li{border-bottom: 1px solid #dcdcdc; font-size: 14px;}
.head-nav .nav-list>ul>li>a{display: block; text-align: left;}
.head-nav .nav-list>ul>li>a.active{color: #0e97e6;}
.head-nav .search-bar{position: absolute; height: 47px; width: 100%; top: 0; padding: 0 47px 0 55px; transform: translateX(100%); -ms-transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%);transition:transform 0.3s; -moz-transition:-moz-transform 0.3s; -webkit-transition:-webkit-transform 0.3s; -o-transition:-o-transform 0.3s;}
.head-nav .search-bar.active{transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0);transition:transform 0.3s; -moz-transition:-moz-transform 0.3s; -webkit-transition:-webkit-transform 0.3s; -o-transition:-o-transform 0.3s;}
.head-nav .search-bar .search-group{background: #0e97e6; height: 47px; padding: 0 45px 0 30px; position: relative;}
.head-nav .search-bar .search-group>.search-icon{background: url(../images/icon/home_defoult_icon_search.png) no-repeat center; background-size: 14px; display: inline-block; height: 27px; width: 27px; position: absolute; left: 30px; top: 50%; margin-top: -13.5px;}
.head-nav .search-bar .search-group>input{background: #fff; width: 100%; height: 27px; border-radius: 3px; font-size:12px; margin-top: 10px; float: left; padding-left: 30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.head-nav .search-bar .search-group>input::-webkit-input-placeholder {font-size:12px;}
.head-nav .search-bar .search-group>input:-moz-placeholder {font-size:12px;}
.head-nav .search-bar .search-group>input::-moz-placeholder {font-size:12px;}
.head-nav .search-bar .search-group>input:-ms-input-placeholder {font-size:12px;}
.head-nav .search-bar .search-group .cancel-btn{color: #fff; font-size: 14px; display: inline-block; position: absolute; right: 0; top: 50%; height: 47px; margin-top: -23.5px;}
.head-nav .add-bar{position: absolute; top: 47px; right: 4px; z-index: 999; background: #fff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); border-radius: 3px; display: none;}
.head-nav .add-bar:before{content: " "; position: absolute; right: 15px; top: -5px; height: 10px; width: 10px; background: #fff; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);}
.head-nav .add-bar>ul{padding: 0 7px;}
.head-nav .add-bar>ul>li{border-bottom: 1px solid #d8d8d8; height: 38px; padding: 0 12px;}
.head-nav .add-bar>ul>li:last-child{border-bottom: 0;}
.head-nav .add-bar>ul>li>a{color: #333; font-size: 14px; padding-left: 32px; position: relative; line-height: 38px; display: block;}
.head-nav .add-bar>ul>li>a.gonghuo:before{content: " "; position: absolute; left: 0; height: 100%; top: 0; width: 22px; background: url(../images/icon/publish_icon_gonghuo.png) no-repeat center; background-size: 22px;}
.head-nav .add-bar>ul>li>a.qiugou:before{content: " "; position: absolute; left: 0; height: 100%; top: 0; width: 22px; background: url(../images/icon/publish_icon_qiugou.png) no-repeat center; background-size: 22px;}
.head-nav .add-bar>ul>li>a.shangquan:before{content: " "; position: absolute; left: 0; height: 100%; top: 0; width: 22px; background: url(../images/icon/publish_icon_shangquan.png) no-repeat center; background-size: 22px;}


.head-nav .search-bar{position: absolute; height: 47px; width: 100%; top: 0; padding: 0 47px 0 55px; transform: translateX(100%); -ms-transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%);transition:transform 0.3s; -moz-transition:-moz-transform 0.3s; -webkit-transition:-webkit-transform 0.3s; -o-transition:-o-transform 0.3s;}

.footer-top{position: fixed; width: 100%; bottom: 0; left: 0; z-index: 9999; background: #f8f8f8; text-align: center; opacity: 0.95; border-top: 0.5px solid #d0d0d0; height: 48px; display: none;transition: bottom 0.1s; -webkit-transition: bottom 0.1s;}
.footer-top.active{bottom: 40px;transition: bottom 0.1s; -webkit-transition: bottom 0.1s;}
.footer-top .top-content{display: inline-block; padding: 10px 0;}
.footer-top .top-content>img{height: 26px; float: left; margin-right: 30px;}
.footer-top .top-content .download-btn{font-size: 13px; text-align: center; color: #ef8233;border-radius: 4px; border: solid 1px #ef8233; line-height: 26px; display: inline-block; padding: 0 16px; float: left;}
.footer-top .close-btn{position: absolute; display: inline-block; width: 20px; height: 20px; background: url(../images/icon/foot_btn_close.png) no-repeat center; background-size: contain; right: 6px; top: 6px;}

.footer-bar{position: fixed; width: 100%; bottom: 0; left: 0; z-index: 9999; transform: translateY(100%); -ms-transform: translateY(100%); -moz-transform: translateY(100%); -webkit-transform: translateY(100%); -o-transform: translateY(100%);transition:transform 0.1s; -moz-transition:-moz-transform 0.1s; -webkit-transition:-webkit-transform 0.1s; -o-transition:-o-transform 0.1s;}
.footer-bar.active{transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0);transition:transform 0.1s; -moz-transition:-moz-transform 0.1s; -webkit-transition:-webkit-transform 0.1s; -o-transition:-o-transform 0.1s;}
.footer-bar .footer-bottom{background: #ececec;}
.footer-bar .footer-bottom>ul{padding: 12px 0;}
.footer-bar .footer-bottom>ul>li{float: left; width: 25%; border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center;}
.footer-bar .footer-bottom>ul>li>a{font-size: 12px; font-weight: 300; color: #848589;}


@media (min-width: 992px){
    .headerBar{overflow: hidden; position: static; width: auto; height: auto;}
    .headerBar-block{height: 78px; width: 100%; display: none;}
    .headerBar .navBar, .headerBar .logoBar{display: block;}
    .head-nav{display: none;}
    .footer{display: block;}
    body.has-ui-1-footer{height: auto; min-height: 100%; padding-bottom: 0 !important;}
    body.has-ui-1-footer.only-bottom{padding-bottom: 0 !important;}
    .footer-bar{display: none;}
    .footer-top{display: none !important;}
}