.com-main{
    background-color:#fff;
    position:relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.com-2-mod{
    margin-top:20px;
}
.com-2-mods{
    margin-top:0;
}
.com-2-navbtn-menu-wrap {
    padding: 0 15px;
}
/*.com-2-navbtn-menu-list {
    font-size: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-box-pack: justify;
    -webkit-box-pack: justify;
}*/

.com-2-navbtn-menu-item {
    display: inline-block;
    vertical-align: top;
    font-size:14px;
}
.com-2-navbtn-menu-link {
    display: block;
}
.com-2-navbtn-menu-image{
    text-align:center;
}
.com-2-navbtn-menu-image i{
    display:inline-block;
    vertical-align:top;
    width:30px;
    height:30px;
}
.com-2-navbtn-menu-image .com-i-column-btn1{
    background:url(/images/icon/feiai.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn2{
    background:url(/images/icon/ganai.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn3{
    background:url(/images/icon/weiai.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn4{
    background:url(/images/icon/jiazhuangxianzhongliu.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn5{
    background:url(/images/icon/linbaai.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn6{
    background:url(/images/icon/ruxianai.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn7{
    background:url(/images/icon/yixianai.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn8{
    background:url(/images/icon/baixuebing.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn9{
    background:url(/images/icon/luanchaoai.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn10{
    background:url(/images/icon/gongjingai.png) no-repeat center;
    background-size:cover;
}

.com-2-navbtn-menu-image .com-i-column-btn11{
    background:url(/images/icon/jiezhichangai.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn12{
    background:url(/images/icon/shiguanai.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn13{
    background:url(/images/icon/pangguangai.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn14{
    background:url(/images/icon/naoai.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn15{
    background:url(/images/icon/heisesuliu.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn16{
    background:url(/images/icon/duofaxinggusuiliu.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn17{
    background:url(/images/icon/biyanai.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn18{
    background:url(/images/icon/qianliexianai.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn19{
    background:url(/images/icon/shenai.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn20{
    background:url(/images/icon/shuluanguanai.png) no-repeat center;
    background-size:cover;
}
.com-2-navbtn-menu-image .com-i-column-btn21{
    background:url(/images/icon/toujingbuai.png) no-repeat center;
    background-size:cover;
}


.com-2-mod{
    padding-bottom:6px;
    overflow:hidden;
}
.com-2-mod .swiper-container{
    overflow:visible;
}
.com-2-mod .com-2-navbtn-menu-wrap .swiper-pagination{
    bottom:-12px;
}
.com-2-mod .swiper-pagination-bullet{
    width:6px;
    height:6px;
}
.com-2-navbtn-menu-item{
    margin-bottom:14px;
}
.com-2-navbtn-menu-main h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.com-2-mod {
    margin-top: 15px;
}

.com-2-navbtn-menu-main{
    margin-top: 6px;
    line-height: 1;
    font-size: 14px;
    color: #333;
    text-align: center;
}
.com-2-navbtn-menu-main h4{
    font-weight:400;
}


#first_swiper .com-thumb-img{
    display:block;
    width:100%;
    height:166px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    position:relative;
    background-size:cover;
    background-position:right center;
}
#first_swiper .com-thumb-img:before{
    content:'';
    display:inline-block;
    vertical-align:middle;
    width:0;
    height:100%;
}
#first_swiper .com-swiper-item-inner{
    position:relative;
    z-index:2;
    display:inline-block;
    vertical-align:middle;
    margin-top:-3%;
    padding:0 15px;
    text-align:left;
    box-sizing:border-box;
    width:58%;
}
.com-swiper-item-mark-wrap {
    margin-bottom: 15px;
    min-height: 20px;
}
.com-swiper-item-mark {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    background-color: #00A4FF;
    border-radius: 2px;
    color: #fff;
}
.com-swiper-item-inner h2{
    padding: 0;
    line-height: 26px;
    font-size: 20px;
    color: #fff;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    max-height: 52px;
    white-space: normal;
    font-weight:400;
}



#first_swiper .swiper-pagination-bullet{
    width: 10px;
    height: 2px;
    border-radius:0;
    opacity:1;
    background-color: #999;
    margin:0;
    margin-left:4px;
}
#first_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color:#36f;
}
#first_swiper .swiper-pagination{
    bottom:4px;
}
.com-2-topic-slider-wrap .com-2-topic-slider-item{
    width:295px;
}
.com-2-topic-slider {
    position: relative;
    min-width: 295px;
    box-sizing: border-box;
    background-color: #f4f5f9;
}
.com-2-topic-slider-link{
    display: block;
    padding: 9px 15px;
}
.com-2-topic-slider-inner{
    display:table;
    width:100%;
    table-layout:fixed;
    box-sizing:border-box;
}
.com-2-topic-slider-object, .com-2-topic-slider-main{
    display: table-cell;
    vertical-align: middle;
}
.com-2-topic-slider-object{
    width:30px;
    height:30px;
}
.com-2-topic-slider-object .icon-topic-sty2{
    display: block;
    width: 100%;
    height: 100%;
    background: 0 0;
}
.com-2-topic-slider-main{
    padding-left: 7px;
    width:235px;
    box-sizing:border-box;
}
.com-2-topic-slider-tit{
    padding-right: 15px;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    font-weight: 400;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    overflow: hidden;
    height: 47px;
}
.com-2-topic-slider-desc{
    font-size: 12px;
    color: #999;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.com-2-topic-slider-tag{
    position: absolute;
    top: 5px;
    right: 0;
    padding-right: 4px;
    line-height: 18px;
    background-color: #36f;
}
.com-2-topic-slider-tag:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:-9px;
    width:18px;
    height:18px;
    border-radius:100%;
    background-color:#36f;
}
.com-2-topic-slider-tag-text{
    position: relative;
    display: block;
    margin-left: -3px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    transform: scale(.8333,.8333);
    -ms-transform: scale(.8333,.8333);
    -moz-transform: scale(.8333,.8333);
    -webkit-transform: scale(.8333,.8333);
    -o-transform: scale(.8333,.8333);
    z-index: 2;
}
.J-tab{
    width:100%;
    position:relative;
    overflow:hidden;
}
.J-tab .tab-nav{
    width:100%;
    height:48px;
    background:#fff;
    margin-bottom:2px;
    position:relative;
}
.J-tab .tab-nav .swiper-slide{
    width:auto;
    margin:0 14px;
    height:48px;
    line-height:48px;
    font-size:15px;
    text-align:center;
    box-sizing:border-box;
}
.J-tab .tab-nav .swiper-slide.active{
    border-bottom:2px solid #36f;
    color:#36f;
}

.J-tab .tab-content .item-box{
    overflow:hidden;
    position:relative;
}
.J-tab .tab-content .normal-item{
    transition:0.2s;
    display:table;
    margin-bottom:9px;
    width:100%;
    padding:16px;
    background:#fff;
    box-sizing:border-box;
}
.J-tab .tab-content .item-box .alllink{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}
.J-tab .tab-content .item-box .item-info{
    display:table-cell;
    vertical-align:middle;
    width:65%;
    float:left;
}
.J-tab .tab-content .item-box .item-info .main-info{
    margin-bottom:8px;
    overflow:hidden;
    height:52px;
}
.J-tab .tab-content .item-box .item-info .main-info h3{
    font-size: 16px;
    color: #373d41;
    line-height: 26px;
    font-weight: 300;
    max-height: 52px;
    overflow: hidden;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-family: PingFangSC-Medium;
    -webkit-box-orient: vertical;
}
.J-tab .tab-content .item-box .item-info .h5source{
    display: block;
    color: #9b9ea0;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    text-align: left;
}
.J-tab .tab-content .item-box .item-info .h5source span{
    margin-right:8px;
}
.J-tab .tab-content .item-box .item-pic{
    overflow:hidden;
    width:30%;
    height:72px;
    float:right;
    position:relative;
    margin:4px 0;
}
.J-tab .tab-content .item-box .item-pic .pic-mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(-180deg,hsla(0,0%,85%,0),rgba(0,0,0,.6));
}
.J-tab .tab-content .item-box .item-pic img{
    width:100%;
    display:block;
    height:72px;
}

.J-tab .tab-nav.fixed_nav{
    position: fixed;
    top: 56px;
    width: 100%;
    z-index: 99;
}
.J-tab .fixed_nav + .tab-content{
    padding-top:48px;
}

.loadMore {
    background: #fff;
    width: 100%;
    height: 40px;
    text-align: center;
    color: #373d41;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
}



.J-tab .tab-nav.fixed_nav {
    top: 0px;
}