/* 
* @Author: anchen
* @Date:   2017-01-13 14:42:28
* @Last Modified by:   anchen
* @Last Modified time: 2017-01-21 17:14:51
*/
@charset "utf-8";
/*隐藏滚动条*/
.nav-tits::-webkit-scrollbar {
      width: 15px;
} /* 这是针对缺省样式 (必须的) */
.nav-tits::-webkit-scrollbar-track {
          background-color: rgba(0, 0, 0, 0);
    } /* 滚动条的滑轨背景颜色 */

.nav-tits::-webkit-scrollbar-thumb {
          background-color: rgba(0, 0, 0, 0); 
    } /* 滑块颜色 */

.nav-tits::-webkit-scrollbar-button {
          background-color: rgba(0, 0, 0, 0);
    } /* 滑轨两头的监听按钮颜色 */

.nav-tits::-webkit-scrollbar-corner {
          background-color: rgba(0, 0, 0, 0);
    } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
.nav {position: relative; width: 94%; padding: 1.25rem 3% 0; background-color: #1596f9;}
/*搜索框*/
.search {float: left;  position: relative; width: 100%; height: 2.33rem;}
.search input {width: 82%; height: 2.33rem; padding: 0 13% 0 5%; background-color: rgba(0, 0, 0, 0.3); border-radius: 100px; color: #fff;}
.search input::-webkit-input-placeholder {font-size: 1rem; color: #fff; opacity: 0.5;} 
.search input:-moz-placeholder {font-size: 1rem; color: #fff; opacity: 0.5;}
.search input::-moz-placeholder {font-size: 1rem; color: #fff; opacity: 0.5;}
.search input:-ms-input-placeholder {font-size: 1rem; color: #fff; opacity: 0.5;}
.search-icon {position: absolute; top: 0.17rem; right: 5%; display: block;  width: 1.83rem; height: 1.8rem; opacity: 0.8; background: url("../../images/common/search_icon.png") 0 0 no-repeat; background-size: 100%;}
.publish-btn {width: 70%;}
.publish-btns {float: right; width: 27%; height: 2.33rem; border-radius: 6.67rem; background-color: #33a7ff; text-align: center; line-height: 2.33rem; color: rgba(255, 255, 255, 0.8);} 

/*类型标签*/
.nav-tits {float: left;  width: 100%; height: 2.5rem; margin-top: 1.25rem;}
.swiper-container {width: 100%; height: 100%;}
.nav-type {width: 20%!important;}
.nav-type a {color: #fff; text-align: center; padding-bottom:0.5rem; opacity: 0.5;}
.nav-type {float: left; width: 5rem;}
.nav-sel a {border-bottom: 0.12rem solid #fff; opacity: 1;}




/*底部*/

.footer {position: fixed; bottom: 0; width: 100%; max-width: 640px; min-width: 320px; height: 3.72rem; margin: 0 auto; z-index: 2; padding-top: 0.45rem; background-color: #fff; box-shadow: 0 -0.12rem 0 0 #dcdcdc;}
.footer a {float: left; width: 25%; height: 3.34rem;}
.footer a i {display: block; width: 1.83rem; height: 1.83rem; margin: 0 auto 0.12rem;} 
.footer a span {display: block; text-align: center; color: #999; font-size: 1rem;}
.footer a:nth-child(1) i {background: url("../../images/common/home.png") 0 0 no-repeat; background-size: 100%;}
.footer a:nth-child(2) i {background: url("../../images/common/service.png") 0 0 no-repeat; background-size: 100%;}
.footer a:nth-child(3) i {background: url("../../images/common/activity.png") 0 0 no-repeat; background-size: 100%;}
.footer a:nth-child(4) i {background: url("../../images/common/personal.png") 0 0 no-repeat; background-size: 100%;}

/*选中*/
.footer .footer-sel span {color: #1596f9;}
.footer a:nth-child(1).footer-sel i {background: url("../../images/common/home_blue.png") 0 0 no-repeat; background-size: 100%;}
.footer a:nth-child(2).footer-sel i {background: url("../../images/common/service_blue.png") 0 0 no-repeat; background-size: 100%;}
.footer a:nth-child(3).footer-sel i {background: url("../../images/common/activity_blue.png") 0 0 no-repeat; background-size: 100%;}
.footer a:nth-child(4).footer-sel i {background: url("../../images/common/personal_blue.png") 0 0 no-repeat; background-size: 100%;}

