@charset "utf-8";
html{min-width: 1200px; margin: 0; padding: 0; border: none; background: #fafafa; color: #333; word-wrap: break-word; word-break: break-all; font-family: "微软雅黑", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "PingFang SC"}
body{font-family: "微软雅黑", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "PingFang SC"}
a{color: #222}
a:hover{color: #222}
img{border: none}
em,i{font-style: normal}

.clear{clear: both; height: 0; line-height: 0; display: block}
.w1200{width: 1200px; margin: 0 auto}
.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}
.mg-top-40{margin-top: 40px}
.verify-article{width: 520px; margin: 100px auto}
.verify-article legend{font-weight: bold; color: red}

.autoHeight{background-position: center 0!important; background-repeat: no-repeat!important; background-size: cover!important}
.autoHeight:before{content: ''!important; display: block!important}
.wh640x400:before{padding-top: 62.5%!important}
.wh495x115:before{padding-top: 23.23%!important}
.wh_2865:before{padding-top: 28.65%!important}
.wh640x149:before{padding-top: 23.28%}
.wh_3750:before{padding-top: 37.5%!important}

/** 页面头部导航 */
.head-nav{margin: 0 auto; width: 1200px; padding: 0; height: 70px; background: #fff}
.head-nav-box{padding: 0!important; width: 100%; background: #fff; border-bottom: 1px solid #efefef}
.head-nav-logo, .head-nav-link, .head-nav-search, .head-nav-user{float: left; position: relative; display: block; box-sizing: border-box; height: 70px}
.head-nav-logo{width: 150px}
.head-nav-link{/*width: 675px*/width: 840px}
.head-nav-search{width: 210px}
.head-nav-user{width: 165px; display: none}
.head-nav-logo a{width: 145px; height: 70px; background: url(../images/logo-pc.jpg?v=20190618) no-repeat; display: block; background-size: 100%}
.head-nav-logo span{display: none}
.nav-search-form{margin-top: 16px}
.nav-search-input{border: 1px solid #d8d8d8; background: #fff; width: 170px;
    border-top-left-radius:3px;
    border-bottom-left-radius: 3px;
    border-right: none;
    -webkit-border-top-left-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-top-left-radius:3px;
    -moz-border-bottom-left-radius:3px;
}
.nav-search-btn, .nav-search-btn:hover{border: 1px solid #d8d8d8; background: #fff url(../images/search.png) no-repeat center center; width: 30px;
    border-top-right-radius:3px;
    border-bottom-right-radius: 3px;
    border-left: none;
    -webkit-border-top-right-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    -moz-border-top-right-radius:3px;
    -moz-border-bottom-right-radius:3px;
}
.nav-link{margin: 0 1%}
.nav-link li{float: left; width: 14%; position: relative; display: block; box-sizing: border-box; height: 70px; text-align: center; font-size: 16px}
.nav-link li a{display: inline-block; padding: 6px 0; border-bottom: 1px solid #fff; margin-top: 16px}
.nav-link li a.current, .nav-link li a:hover{display: inline-block; padding: 6px 0; border-bottom: 1px solid #cc3232; color: #cc3232}
.nav-link li a.autochuxing-nav{background: rgba(210, 210, 210, 0.42); width: 85px; height: 29px; line-height: 29px; border-radius: 5px; border: none}

.views{height: 17px; display: inline-block!important; line-height: 17px; font-size: 14px; color: #666; font-weight: 400; text-indent: 28px; background: url(../images/view.png) no-repeat 0 0; background-size: 22px 17px; margin-left: 28px; font-style: normal; font-weight: 400;}
.likes{height: 17px; cursor: pointer; display: inline-block!important; line-height: 18px; font-size: 12px; color: #999; font-weight: 400; text-indent: 21px; background: url(../images/like-list.png) no-repeat 0 0; background-size: 16px 17px; margin-left: 22px; font-style: normal; font-weight: 400}
.likes-over{background-image: url(../images/like-list-over.png)}

/** 页面底部 */
.footer-box{margin: 10px auto 0 auto; background: #2d3236; height: 220px; color: #c0c2c3; width: 100%}
.footer-box a, .footer-box a:hover{color: #c0c2c3}
.footer-box .layui-fluid{width: 1200px!important; padding: 0!important}
.footer{width: 1200px; margin: 0 auto; height: 220px}
.footer-itheat, .footer-qrcode, .footer-mp{float: left; position: relative; display: block; box-sizing: border-box; height: 220px}
.footer-itheat{width: 350px}
.footer-qrcode{width: 292px}
.footer-mp{width: 558px}
.footer-qrcode p{margin: 0; padding: 0; width: 50%; background-repeat: no-repeat; background-position: center center; height: 220px; display: inline-block; float: left;}
    .footer-qrcode span{display: block; text-align: center; margin-top: 175px}
    .footer-qrcode .qr-weibo{background-image: url(../images/qr-weibo.gif)}
    .footer-qrcode .qr-weixin{background-image: url(../images/qr-weixin.gif)}
.footer-itheat p{display: block; margin: 0; padding: 0}
    .itheat-logo{background: url(../images/itheat-logo.gif) no-repeat 0 0; width: 274px; height: 106px; margin-top: 23px!important}
    .itheat-nav{font-size: 12px; margin-top: 4px!important}
        .itheat-nav a, .itheat-nav span{display: inline-block}
        .itheat-nav span{padding: 0 5px}
    .itheat-copyright{font-size: 12px; margin-top: 5px!important}
    .itheat-police{font-size: 12px; margin-top: 5px!important; height: 20px; line-height: 20px}
    .itheat-police2{width: 20px; height: 20px; border: none; margin-right: 6px; vertical-align: bottom}
    .itheat-yunaq{width: 60px; height: 21px; border: none; vertical-align: bottom; margin-left: 30px}
.footer-mp dl dt dd{margin: 0; padding: 0; display: block}
    .footer-mp dl{margin-left: 60px; margin-top: 15px}
    .footer-mp dt{color: #fff; font-size: 14px; line-height: 30px; height: 30px}
    .footer-mp dd{line-height: 27px}
    .sub-icon{display: inline-block; height: 40px; background-repeat: no-repeat; background-position: 0 0}
        .sub-icon span{display: none}
    .sub-king{width: 117px; background-image: url(../images/sub-king.gif?v=20190624)}
    .sub-esh{width: 95px; background-image: url(../images/sub-esh.gif?v=20210717); margin-left: 25px}
    .mp-icon{display: inline-block; width: 20%; font-size: 12px; height: 20px; line-height: 20px; text-indent: 25px; background-repeat: no-repeat; background-position: 0 0}
    .mp-jrtt{background-image: url(../images/mp-jrtt.gif)}
    .mp-wyh{background-image: url(../images/mp-wyh.gif)}
    .mp-ydzx{background-image: url(../images/mp-ydzx.gif)}
    .mp-ttkb{background-image: url(../images/mp-ttkb.gif)}
    .mp-smzdm{background-image: url(../images/mp-smzdm.gif)}
    .mp-bjh{background-image: url(../images/mp-bjh.gif)}
    .mp-qtt{background-image: url(../images/mp-qtt.gif)}
    .mp-dfh{background-image: url(../images/mp-dfh.gif)}
    .mp-shh{background-image: url(../images/mp-shh.gif)}
    .mp-xlkd{background-image: url(../images/mp-xlkd.gif)}
    .mp-zhihu{background-image: url(../images/mp-zhihu.gif)}
    .mp-360kc{background-image: url(../images/mp-360kc.gif)}
    .mp-zaker{background-image: url(../images/mp-zaker.gif)}
    .mp-bilibili{background-image: url(../images/mp-bilibili.gif)}
    .mp-dayu{background-image: url(../images/mp-dayu.gif)}

/** 关于页面 */
.clearfix{zoom: 1}
.clearfix:after {display: block; clear: both; content: ""; visibility: hidden; height: 0}
.aboutbg{ background:url(../images/about-bg2.jpg) left top no-repeat;}
.about_menu{ float:left; width:130px; margin-left:50px; _margin-left:25px; padding-top:124px;}
.about_menu ul li{ padding:10px 0;}
.about_menu ul li a{ background:url(../images/about-menu-ico.gif) left center no-repeat; padding-left:16px; font-size:14px; color:#fff;}
.about_menu ul li a:hover{ color:#999;}
.about_menu ul li.a_m_on a,.about_menu ul li.a_m_on a:hover{ background:url(../images/about-menu-ico-on.gif) left center no-repeat; color:#cd3333;}
.about_con{ float:right; width:990px; margin-right:20px;_margin-right:10px; padding-top:36px;}
.about_con h2{ font-size:40px; color:#fff;text-shadow: 1px 1px 1px #000; height:96px; line-height:96px; display:block;}
.about_txt{ background:#fff; padding:56px; min-height: 420px}
.about_txt p{ padding-bottom:20px; font-size:16px; color:#000; line-height:180%;}
.pt1200{width: 1200px; margin: 0 auto;}


.item{float: left; box-sizing: border-box}
.margin-top-20{margin-top: 20px}

.adv-left{box-sizing: border-box; float: left}
.adv-right{box-sizing: border-box; float: right}

/** 首页 */
.pic-commend-box{width: 589px; height: 376px}
.pic-commend{width: 589px; height: 376px; overflow: hidden}
.hp-news-commend-box{width: 286px; margin-left: 19px}
.hp-news-commend-box-2{width: 286px; margin-top: 20px}
.hp-news-commend-box-3{width: 286px; margin-top: 20px; margin-left: 18px}
.hp-news-commend-box-4{width: 286px; margin-top: 20px; margin-left: 19px}
.new-block-a{width: 286px; height: 178px}

@keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}
.zoom-pic{display: block; overflow: hidden; position: absolute}
.zoom-pic .img{display: block; overflow: hidden}
.zoom-pic img{transition: all 1s; width: 286px; height: 178px}
.zoom-pic .detail{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden}
.zoom-pic .detail i{position: absolute; padding: 0 15px 5px 15px; bottom: 8px; font-style: normal;}
.zoom-pic .detail strong{font-weight: normal; font-size: 18px; max-height: 44px; line-height: 22px; margin-bottom: 6px; overflow: hidden}
.zoom-pic .detail em{font-style: normal; font-size: 12px; line-height: 16px; max-height: 32px; overflow: hidden;}
.zoom-pic .title{position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 30px; font-style: normal; background-color: rgba(0, 0, 0, 0.5); color: #f9f9f9; font-size: 14px}
    .zoom-pic .title em{margin: 0 15px; display: block; height: 30px; line-height: 30px; font-style: normal; word-wrap:break-word; word-break:break-all; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.zoom-pic:hover img{transform: scale(1.1);}
.zoom-pic:hover .title{display: none}
.zoom-pic:hover .detail{display: block; background-color: rgba(0, 0, 0, 0.4); color: #fff; word-wrap:break-word; word-break:break-all;}
.zoom-pic:hover .detail strong{display: block; opacity: 0; animation: fade-in 1s ease 0s 1; animation-fill-mode:forwards; word-wrap:break-word; word-break:break-all;}
.zoom-pic:hover .detail em{display: block; opacity: 0; animation: fade-in 2s ease 0s 1; animation-fill-mode:forwards; word-wrap:break-word; word-break:break-all;}
.zoom-pic .category{position: absolute; top: 15px; left: 15px; display: block; background-color: rgba(0, 0, 0, 0.6); z-index: 99999; padding-left: 6px; padding-right: 6px; height: 26px; line-height: 26px; color: #fff; text-align: center; font-size: 14px}

.zoom-img{display: block; overflow: hidden; position: absolute}
.zoom-img .img{display: block; overflow: hidden}
.zoom-img img{transition: all 1s; width: 589px; height: 376px}
.zoom-img:hover img{transform: scale(1.1);}
.zoom-img .detail{display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 120px; overflow: hidden; /*background-color: rgba(0, 0, 0, 0.5);*/ background-image: url(../images/zoom-img-bg.png); color: #fff; word-wrap:break-word; word-break:break-all;}
.zoom-img .detail strong{display: block; word-wrap:break-word; word-break:break-all; padding: 0 30px; font-size: 26px; max-height: 60px; line-height: 30px; margin: 10px 0}
.zoom-img .detail em{display: block; word-wrap:break-word; word-break:break-all; padding: 0 30px; font-size: 14px; line-height: 120%; font-style: normal}

.btn-more{display: block; border: 1px solid #eee; color: #666; height: 40px; line-height: 40px; font-size: 16px; background: #fff; text-align: center; margin: 10px auto}

.part-title{height: 60px; line-height: 60px; font-weight: normal}
    .part-title strong{display: block; float: left; box-sizing: border-box; font-size: 21px; color: #cf3334; font-weight: normal}
    .part-title span{display: block; float: right; box-sizing: border-box; text-align: right}
        .part-title a{width: 22px; height: 19px; background: url(../images/more.png) no-repeat 0 0; display: block; margin-top: 20px}
            .part-title a em{display: none}

.item2{display: block; overflow: hidden; float: left; box-sizing: border-box; border: 1px solid #eee; background: #fff}
    .item2 .img{overflow: hidden; display: block}
        .item2 .img img{border: none; transition: all 1s;}
.item2-padding{margin-left: 27px}
.item2:hover{box-shadow:2px 2px 5px #ddd}
.item2:hover .img img{transform: scale(1.1);}
.item2 .detail{display: block}
.item2 .title{display: block; word-wrap:break-word; word-break:break-all;font-weight: normal;font-size: 14px; color: #666}
.item2 .info{display: block; color: #999}
    .item2 .info .author{float: left; display: inline-block; font-style: normal; color: #999}
    .item2 .info .date{float: right; display: inline-block; font-style: normal; color: #999}
.item-pannel{border: 1px solid #eee; background: #fff}
.item2 .category{position: absolute; z-index: 99; left: 15px; top: 15px; display: block; padding-left: 6px; padding-right: 6px; height: 26px; line-height: 26px; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.6);}

.item2-s2{width: 380px; height: 361px; margin-bottom: 27px; position: relative}
.item2-s2 .img{width: 380px; height: 236px;}
.item2-s2 .img img{width: 380px; height: 236px; background: #eee}
.item2-s2 .detail{margin: 15px 15px 5px 15px}
.item2-s2 .title{height: 48px; line-height: 24px; font-size: 16px; font-weight: normal; color: #666}
.item2-s2 .info{margin-top: 8px; height: 32px; line-height: 32px}
.item2-s2 .info .author{float: left}
.item2-s2 .info .author .avatar{width: 20px; height: 20px; margin-right: 6px}
.item2-s2 .info .date{float: right}

.bbs-panel{height: 690px}
.item2-s3{width: 272px; height: 251px; margin: 0 13px 26px}
.item2-s3 .img{width: 272px; height: 153px;}
.item2-s3 .img img{width: 272px; height: 153px}
.item2-s3 .detail{margin: 9px 0 5px}
.item2-s3 .title{height: 56px; line-height: 150%; font-size: 14px; margin: 0 9px; font-weight: normal}
.item2-s3 .line{height: 0; margin: 0; padding: 0; line-height: 0; border-bottom: 1px solid #eee}
.item2-s3 .info{height: 28px; line-height: 28px; margin: 0 9px; color: #999}
.item2-s3 .author img{border-radius: 10px; width: 20px; height: 20px; vertical-align: middle; margin-right: 5px}
.bbs-panel h3{text-align: center; margin: 25px auto}
.bbs-panel .bbs-panel-line{border-top: 1px solid #eee; height: 0; line-height: 0; margin-top: 6px}

/** 试用活动 */
.bbs-event{background: #fff; text-align: center}
.bbs-event .item-pannel{background: none; text-align: left}
.bbs-event .bbs-panel{border: none; height: auto}
.bbs-event .item-bbs .line{border: none}
.bbs-event .bbs-panel h3{padding: 25px 0; margin: 0 auto; font-size: 25px; color: #ce3235}
.bbs-event .item2{border: none}
.bbs-event .view-more{display: inline-block; padding: 6px 36px; border: 1px solid #ccc; background: #fff; margin: 10px auto; color: #666}
.bbs-share{background: none; text-align: center}
.bbs-share .item-pannel{background: none; text-align: left}
.bbs-share .bbs-panel{border: none; height: auto}
.bbs-share .item-bbs .line{border: none}
.bbs-share .bbs-panel h3{padding: 25px 0; margin: 0 auto; font-size: 25px; color: #ce3235}
.bbs-share .item2{border: none}
.bbs-share .view-more{display: inline-block; padding: 6px 36px; border: 1px solid #ccc; background: #fff; margin: 10px auto; color: #666}

.bbs-talent{background: #fff; height: 337px; position: relative}
.bbs-talent .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center}
.bbs-talent .avatar{width: 128px; height: 128px; display: block}
.bbs-talent .avatar img{width: 100%; height: 100%}
.bbs-talent .swiper-container2{overflow: hidden; position: relative; margin-top: 20px}
.bbs-talent h3{padding: 30px 0; margin: 0 auto; font-size: 25px; color: #ce3235; text-align: center}
.bbs-talent .nickname{display: block; margin-top: 10px; font-size: 14px}
.bbs-talent .swiper-button-prev{background-image: url(../images/arrow-prev.png); background-position: 0 0; background-repeat: no-repeat; left: 0; background-size: auto}
.bbs-talent .swiper-button-next{background-image: url(../images/arrow-next.png); background-position: 0 0; background-repeat: no-repeat; right: 0; background-size: auto}

.item-topic-box{width: 910px; float: left; box-sizing: border-box;}
.item-news-box{width: 275px; float: right; box-sizing: border-box;}
.item-topic{background: #fff; border: 1px solid #eee; height: 375px}
.item-news{background: #fff; border: 1px solid #eee; height: 375px}

.topic-panel{height: 263px}
.btn-topic-more{margin: 8px auto 0}
.item2-s4{width: 268px; height: 215px; margin: 26px 0 0 26px; border: none}
.item2-s4 .img{width: 268px; height: 168px}
.item2-s4 .img img{width: 268px; height: 168px}
.item2-s4 .detail{margin-top: 5px}
.item2-s4 .detail .title{margin: 0 9px; font-size: 14px; text-align: center}
.item2-s4:hover{box-shadow: none}

.news-panel{height: 313px}
.news-panel ul{margin: 10px; padding: 0}
.news-panel li{list-style: disc outside none; margin: 0; padding: 0; height: 36px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: url(../images/dot-red.png?v=20190619) no-repeat 0 center}
.news-panel a{padding-left: 10px; font-size: 14px; color: #666}

.adv-margin-top{margin: 15px auto}

.panel-links{margin: 10px auto}
.panel-links .panel-title{margin: 0 0 5px 0; padding: 0; font-weight: normal; border-bottom: 1px solid #eee; height: 50px; line-height: 50px; display: block; font-size: 21px}
.panel-links .panel-title strong{font-weight: normal; display: block; float: left; color: #cf3334}
.panel-links p{margin: 10px auto 15px; font-size: 14px; line-height: 150%; width: 98%}
.panel-links p a{margin-right: 42px; line-height: 40px; color: #666; white-space: nowrap; float: left; display: inline-block;}
.panel-links p a:hover{text-decoration: underline}

/** 文章列表 */
.alist-box{margin-top: 15px}
.list-left{float: left; box-sizing: border-box; width: 895px}
.sidebar-right{float: right; box-sizing: border-box; width: 279px; overflow-x: hidden}
.sidebar-right-adv{padding-bottom: 10px}
.alist{border: none; min-height: 500px}

.apost{display: block; border: 1px solid #eee; height: 240px; margin-bottom: 15px; background: #fff}
    .apost span{display: block; box-sizing: border-box}
    .apost-wrap{margin: 21px 30px;position:absolute}
    .apost .cover{float: left; width: 320px; height: 200px; overflow: hidden;}
        .apost .cover img{width: 320px; height: 200px; transition: all 1s;}
    .apost .detail{float: right; width: 490px; height: 200px; margin-left: 25px}
    .apost .detail .title{font-size: 22px; display: block; font-weight: normal; max-height: 60px; overflow: hidden; line-height: 30px; margin-bottom: 10px; word-wrap:break-word; word-break:break-all}
    .apost .detail .summary{height: 98px; word-wrap:break-word; word-break:break-all; font-size: 14px; overflow: hidden; color: #999}
    .apost .detail .info{position: absolute; bottom: 0; height: 30px; line-height: 30px; width: 490px}
    .apost .detail .info .author{font-style: normal; display: block; float: left; font-size: 12px; color: #666}
        .apost .detail .info .author .avatar{margin-right: 6px}
    .apost .detail .info .view-like{font-style: normal; display: block; float: right; font-size: 12px; color: #666}
    .apost:hover .cover img{transform: scale(1.1);}
    .apost .category{position: absolute; z-index: 99; left: 15px; top: 15px; display: block; padding: 0 6px; height: 26px; line-height: 26px; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.6);}
.iPage-wrap{text-align: center}
.iPage{margin: 15px auto; display: inline-block; width: 100%}
.iPage a, .iPage span{font-size: 16px!important; padding: 10px 15px!important}
.iPage a{ color: #666!important}
.iPage .layui-laypage-curr em, .iPage .layui-laypage-em{background: #cd3333!important; color: #fff}
.iPage .layui-laypage-count{margin: 0 -1px 5px 0; border: 1px solid #e2e2e2; color: #666}
.manualPage{}
.ajaxPage{}
.ajaxPage .btn-more{display: inline-block; width: 92%; margin: 0 auto}

.bList-box{margin-top: 15px}
.bList-box .list-left{width: 740px; border: none; min-height: 500px}
.bList-box .sidebar-right{width: 437px}
.bList a{display: block; border: 1px solid #eee; margin-bottom: 15px; background: #fff}
.bList .post-wrap{padding: 30px}
.bList span, .bList strong, .bList{display: block}
.bList .title{font-size: 24px; font-weight: normal; line-height: 120%; padding-bottom: 20px}
.bList .cover{height: 324px; overflow: hidden}
.bList .cover .cover-image{height: 324px; background-position: center center; background-repeat: no-repeat; transition: all 1s;}
.bList .summary{padding: 20px 0; font-size: 12px; color: #999; line-height: 120%}
.bList em{font-style: normal}
.bList .info{clear: both; height: 30px; line-height: 30px}
.bList .author{float: left;}
.bList .author .avatar{margin-right: 12px}
.bList .date{float: right}
.bList a:hover .cover-image{transform: scale(1.1);}

.asidebar{border: 1px solid #eee; min-height: 200px; margin-bottom: 15px; background: #fff}
.asidebar h3{height: 50px; line-height: 50px; font-weight: normal; font-size: 16px; color: #ce3434; text-align: center}
.a-sidebar{margin: 0 auto 15px; padding: 0; list-style: none; width: 244px}
.a-sidebar li{margin-bottom: 20px}
.a-sidebar .img{width: 244px; height: 152px; overflow: hidden; display: block}
.a-sidebar .img img{width: 244px; height: 152px; border: none; transition: all 1s;}
.a-sidebar a{display: block; max-height: 200px}
.a-sidebar a:hover{/*box-shadow:2px 2px 5px #ddd*/}
.a-sidebar a:hover .img img{transform: scale(1.1);}
.a-sidebar .title{display: block; max-height: 40px; line-height: 20px; font-weight: normal; word-wrap:break-word; word-break:break-all; padding: 4px 2px; overflow: hidden}

.bsidebar-wrapper{position: sticky; top: 0; width: 378px}
.bsidebar{border: 1px solid #eee; min-height: 200px; margin-bottom: 15px; background: #fff}
.bsidebar h3{height: 50px; line-height: 50px; font-weight: normal; font-size: 16px; color: #ce3434; text-align: center}
.b-sidebar{margin: 0 auto 15px; padding: 0; list-style: none}
.b-sidebar li{margin: 0 19px 20px}
.b-sidebar a{display: block; height: 81px;}
.b-sidebar .img{width: 128px; height: 81px; overflow: hidden; display: block; float: left}
.b-sidebar .img img{width: 128px; height: 81px; border: none; transition: all 1s;}
.b-sidebar .title{display: block; margin-left: 142px; height: 81px; line-height: 20px; font-weight: normal; word-wrap:break-word; word-break:break-all; position: relative}
.b-sidebar .title em{display: block; max-height: 40px; line-height: 20px; font-size: 16px; color: #111; font-style: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; overflow:hidden; -webkit-box-orient: vertical}
.b-sidebar .author-date{display: block; width: 100%; position: absolute; left: 0; bottom: 5px; height: 20px; line-height: 20px; color: #888}
.b-sidebar a:hover{box-shadow:2px 2px 5px #ddd}
.b-sidebar a:hover .img img{transform: scale(1.1);}
.b-sidebar .author-date .l{float: left; height: 20px; line-height: 20px}
.b-sidebar .author-date .r{float: right; padding-right: 5px; height: 20px; line-height: 20px}

.dsidebar{border: 1px solid #eee; margin-bottom: 15px; background: #fff}
.dsidebar h3{height: 50px; line-height: 50px; font-weight: normal; font-size: 16px; color: #ce3434; text-align: center}
.d-sidebar{margin: 0 20px; padding: 0; list-style: none}
.d-sidebar li{margin: 0}
.d-sidebar a{display: block; margin-bottom: 25px}
.d-sidebar .img{width: 100%; overflow: hidden; display: block}
.d-sidebar .img img{transition: all 1s}
.d-sidebar .title .author-date{display: none}
.d-sidebar .title em{font-style: normal; font-weight: normal; display: block; text-align: center; padding: 6px 0; line-height: 110%; color: #888}
.d-sidebar a:hover{box-shadow:2px 2px 5px #ddd}
.d-sidebar a:hover .img img{transform: scale(1.1);}

.esidebar{border: 1px solid #eee; margin-bottom: 15px; background: #fff; padding-bottom: 20px}
.esidebar h3{height: 50px; line-height: 50px; font-weight: normal; font-size: 16px; color: #ce3434; text-align: center}
.esidebar ul{margin: 0; padding: 0; list-style: none}
.esidebar li{display: inline-block; margin-left: 17px; width: 192px; overflow: hidden}
.esidebar strong{display: block; max-height: 34px; margin: 10px 0; line-height: 17px; font-weight: normal; font-size: 14px; overflow: hidden}
.esidebar .img{width: 100%; overflow: hidden; display: block}
.esidebar .img img{transition: all 1s}
.esidebar a:hover .img img{transform: scale(1.1);}

.p-topic{width: 1098px; margin: 15px auto 0}
.p-topic a{display: block; box-sizing: border-box; border: 1px solid #eee; width: 527px; height: 188px; overflow: hidden; float: left; margin: 0 11px 29px; background: #fff}
.p-topic .img{display: block; box-sizing: border-box; margin: 14px 15px 20px; overflow: hidden; width: 495px; height: 115px}
.p-topic .img img{width: 495px; height: 115px; border: none; transition: all 1s;}
.p-topic .title strong{display: block; float: left; box-sizing: border-box; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 15px; height: 18px; line-height: 18px; font-weight: normal; font-size: 14px; color: #333}
.p-topic .title em{display: block; float: right; box-sizing: border-box; padding-right: 15px; height: 18px; line-height: 18px; text-align: right; font-style: normal; font-size: 14px; color: #666}
.p-topic a:hover .img img{transform: scale(1.1);}

.p-live{width: 1200px; margin: 15px auto 0}
.p-live a{display: block; box-sizing: border-box; width: 387px; height: 235px; overflow: hidden; float: left; margin: 6.5px; background: #666; color: #fff}
.p-live .img{display: block; box-sizing: border-box; width: 387px; height: 235px; overflow: hidden; margin: 0; padding: 0; position: absolute}
.p-live .img img{width: 387px; height: 235px; border: none; transition: all 1s;}
.p-live .title-wrap{position: relative; left: 0; top: 0; width: 387px; height: 235px; background-color: rgba(0, 0, 0, 0.3); display: block; box-sizing: border-box}
.p-live .title{position: relative; left: 0; top: 50px; text-align: center; display: block; vertical-align: middle; width: 100%}
.p-live .title strong{display: table; box-sizing: border-box; line-height: 24px; height: 48px; width: 75%; margin: 0 auto; font-size: 21px; overflow: hidden}
.p-live .title strong i{display: table-cell; vertical-align: middle; font-style: normal}
.p-live .title em{display: block; box-sizing: border-box; height: 38px; line-height: 38px; margin: 0 auto; font-size: 16px; font-style: normal}
.p-live .title button, .live-title-status{display: block; cursor:pointer; margin: 0 auto; width: 130px; height: 38px; border: none; outline: none; background: url(../images/live-status-1.png) no-repeat 0 0; color: #fff}
.p-live .title .status-1, .live-title-status-1{background-image: url(live-status-1.png)}
.p-live .title .status-2, .live-title-status-2{background-image: url(live-status-2.png)}
.p-live .title .status-3, .live-title-status-3{background-image: url(live-status-3.png)}
.p-live a:hover{box-shadow:2px 2px 5px #888}
.p-live a:hover .img img{transform: scale(1.1);}

.search-header{padding: 46px 0 28px}
.search-title{float: left; height: 33px; line-height: 33px; font-size: 32px; background: url(../images/search-icon.png) left center no-repeat; padding-left: 47px; font-weight: normal; background-size: 33px 33px; margin-left: 10px}
.search-type{float: right; text-align: right; line-height: 33px; width: 100%; margin-top: 16px}
.search-type a{vertical-align: middle; display: inline-block; padding: 0 16px; height: 29px; background: #eee; border-radius: 14px; font-size: 16px; color: #666; line-height: 29px; margin-right: 16px; margin-top: 16px}
.search-type .search-type-current{background: #cd3333!important; color: #fff!important}

.sysCode{margin: 90px auto}
.sysCode h2{font-size: 42px; font-weight: normal; height: 90px; line-height: 90px; color: #f00; text-align: center}
.sysCode p{margin: 30px auto; text-align: center; font-size: 16px; color: #00f}
.sysCode p a{color: #00f; margin: 0 6px}

.live-head{margin: 0 auto;}
.live-head-wrap{position: relative; overflow: hidden}
.live-title-wrap{position: relative}
.live-title{margin: 0 auto; width: 1096px; background: #fff; padding: 27px}
.live-title-status{float: right; display: inline-block; box-sizing: border-box; text-align: center; font-size: 16px; width: 130px; height: 38px; line-height: 38px; cursor: default}
.live-title-pic{float: left; display: block; box-sizing: border-box; margin-right: 27px}
.live-detail{display: block; box-sizing: border-box; overflow: hidden}
.live-detail h2{width: 100%; font-size: 32px; display: inline-block; box-sizing: border-box; line-height: 38px; word-wrap:break-word; word-break:break-all}
.live-detail h2 strong{font-size: 32px; display: block; margin-right: 160px; max-height: 70px; line-height: 35px; overflow: hidden; word-wrap:break-word; word-break:break-all}
.live-detail .info{font-size: 16px; height: 40px; line-height: 40px}
.live-detail .info .date{float: left; color: #666}
.live-detail .info .hot{float: right; margin-right: 25px; color: #cd3333}
.live-detail .summary{margin-top: 10px; background: #f6f6f6; height: 130px; padding: 20px 25px}
.live-detail .summary strong{font-size: 19px; font-weight: bold; color: #666; display: block; height: 30px}
.live-detail .summary .txt{max-height: 92px; font-size: 14px; line-height: 23px; overflow-y: auto}
.live-message{width: 1150px; background: #fff; min-height: 200px; margin: 0 auto}
.live-video{width: 1096px; background: #fff; min-height: 200px; margin: 0 auto; text-align: center; padding: 0 27px 27px}
.live-video iframe{border: none}
.live-video .title{height: 50px; line-height: 50px; font-weight: bold; color: #666; text-align: center}
@media screen and (min-width: 1101px) {
    .live-video iframe{width: 820px; height: 480px; margin: 0 auto}
    .live-video .title{font-size: 24px; }
}
@media screen and (max-width: 1100px) {
    .live-video iframe{width: 100%; height: 180px; margin: 0 auto}
    .live-video .title{font-size: 16px; }
}
.live-message{padding-bottom: 30px}
.live-message .msg{width: 900px; padding: 26px 0; margin: 0 auto; font-size: 14px}
.live-message .msg .date{display: block; font-weight: bold; width: 84px; height: 30px; line-height: 30px; background: #cd3333; text-align: center; color: #fff; font-size: 16px;}
.live-message .msg .txt{font-size: 14px; padding-top: 15px; line-height: 150%; padding: 15px 0 30px 0;}
.live-message .msg .pics{margin: 0; padding: 0; list-style: none}
.live-message .msg .pics li{padding-bottom: 10px}
.live-message .line{border-top: 1px dashed #ddd; width: 1000px; margin: 5px auto; line-height: 0; height: 0}
.live-page{background: #fff; width: 1096px; margin: 0 auto; padding: 5px 27px}

.avatar{display: inline-block; width: 20px; height: 20px; line-height: 30px; border: none; border-radius: 500rem; overflow: hidden; vertical-align: middle; text-align: center}

.article-default-content{float: left; box-sizing: border-box; width: 785px}
.article-default-sidebar{float: right; box-sizing: border-box; width: 380px}
.article-try-content{box-sizing: border-box; width: 1200px}

.picview .article-default-content{width: 960px}
.picview .article-default-sidebar{width: 232px}
.picview-show{height: 780px}
.picview-show .gallery-top{height: 640px}
.picview-show .gallery-thumbs{height: 120px}
.picview-show .swiper-detail{position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 14px}
.picview-show .swiper-detail-text{padding: 20px; color: #fff}
.picview-show .swiper-detail-number{text-align: center; height: 22px; line-height: 22px; font-size: 14px;}

.article{padding: 25px 5px}
.article h2.title{font-size: 30px; line-height: 36px; padding: 10px 0 25px}
.try-title-box h2.title{text-shadow: 1px 2px 5px #000}
.article div.info{margin: 15px 0; border-bottom: 1px solid #ddd; padding-bottom: 15px; font-size: 14px; color: #666/*; background-color: rgba(0, 0, 0, 0.2)*/}
.article div.info a{color: #666}
.article div.info a:hover{color: #666; text-decoration: none}
.article div.info .author{line-height: 32px; float: left; box-sizing: border-box}
.article div.info .author .avatar{margin-right: 8px}
.article div.info .tags{float: right; box-sizing: border-box; font-size: 14px; line-height: 32px}
.article div.info .tags .tag-icon{background: url(../images/tag.png) no-repeat 0 0; display: inline-block; height: 23px; width: 22px; font-size: 0; line-height: 0; vertical-align: middle; margin-right: 10px}
.article div.info .tags a{display: inline-block; margin: 0 3px; padding: 1px 3px; background: #bfbfbf; color: #fff; border-radius: 3px; line-height: 22px; vertical-align: middle}
    .article div.info .tags a:hover{cursor: pointer}

.article-page-tip{color: #888}

.like-btn{display: inline-block; width: 90px; height: 90px; cursor: pointer; background: url(../images/like-default.png?v=2) no-repeat center 0; background-size: 36px 38px; font-size: 0; line-height: 0; text-align: center}
.like-btn em{display: none}
.like-btn strong{display: inline-block; margin-top: 50px; height: 40px; line-height: 20px; font-size: 14px; color: #888; white-space: nowrap; font-weight: normal}
.like-btn-over{background-image: url(../images/like-over.png?v=2); cursor: default}
.like-btn strong b{display: block; font-weight: 400; font-size: 16px;}

.article-line{border: none; height: 3px; line-height: 3px; font-size: 0; background: #ebebeb; margin-top: 20px}
.article-share-bar{height: 28px; line-height: 28px; text-align: right}
.article-share-bar .bdsharebuttonbox{display: inline-block}


._comment-thread{padding: 1em 0 1em; border-bottom: 1px solid #f0f0f0; color: #666}
._comment-reply-list{border-left: 2px solid #d9d9d9; margin-top: 1em; margin-left: 2em; padding: 0 0 1em 1em}
._comment-thread-info{height: 26px; line-height: 26px; clear: both}
._comment-thread-nickname{float: left; font-size: 15px; height: 26px; line-height: 26px}
._comment-thread-social{float: right; height: 26px; line-height: 26px}
._comment-thread-extra{font-size: 13px; color: #969696}
._comment-thread-extra a{color: #969696}
._comment-thread-extra strong{font-weight: bold}
._comment-thread-message{font-size: 16px; padding: 1em 0; line-height: 1.7em; word-break:break-all; overflow: hidden}
._comment-reply{padding-top: 1em; border-bottom: 1px dashed #f0f0f0; padding-bottom: .5em}
._comment-reply-list ._comment-reply:last-child{border-bottom: none}
._comment-reply-nickname{font-size: 12px; height: 16px; line-height: 16px}
._comment-reply-message{font-size: 14px; padding: 1em 0; word-break:break-all; line-height: 1.7em}
._comment-reply-more{padding-top: 1em; font-size: 14px; height: 26px; line-height: 26px}
._comment-thread-more{padding: 1.5em 0; font-size: 15px}
._comment-form-main{padding: 1em 0}
._comment-reply-extra{color: #969696}
._comment-reply-extra a, ._comment-reply-more a, ._comment-reply-more, .-comment-thread-more, .-comment-thread-more a{color: #969696}
._comment-form-main textarea{width: 100%; height: 130px; margin-top: 10px; font-size: 18px; line-height: 24px; background-color: #f5f5f5; border: 1px solid #dcdcdc; resize: none}
._comment-form-main button{height: 30px; border: 1px solid #cd3333; background: #cd3333; padding-left: 12px; padding-right: 12px; color: #fff; font-size: 16px; cursor: pointer; text-align: center; float: right}
._comment-title{font-size: 18px; line-height: 40px; float: left; width: 100%; height: 40px; border-bottom: 2px solid #d9d9d9; margin-bottom: 1em}
._comment-form-main-title{height: 26px; width: 100%; border-left-width: 5px; border-left-style: solid; border-left-color: #FF0000; font-size: 20px; font-weight: bold; text-indent: 10px; line-height: 26px}
._comment-nickname i{width: 16px; height: 16px; color: #999}
._comment-nickname{border: 1px solid #888; border-radius: 16em; width: 22px; height: 20px; line-height: 20px; display: inline-block; text-align: center}
._comment-reply-nickname ._comment-nickname i{width: 8px; height: 8px; font-size: 10px}
._comment-reply-nickname ._comment-nickname {width: 14px; height: 14px; line-height: 14px}
.-comment-message-textarea{width: 510px; height: 80px; margin: 2px; padding: 0 2px; font-size: 14px; line-height: 20px; resize: none}

.author-info{margin: 0; padding: 0; width: 100%; height: 262px; padding-top: 50px; text-align: center; background: #000 url(../images/profile-bg.jpg) no-repeat center 0; color: #fff; text-align: center}
.author-info .info{display: block; }
.author-info .avatar{width: 140px; height: 140px; border: none; border-radius: 100px; display: block; margin: 0 auto;}
.author-info .writer{height: 50px; line-height: 50px; font-size: 22px; font-weight: bold; display: block}
.author-info .stat{height: 50px; line-height: 50px; font-size: 16px; font-style: normal; display: block}

.clist{float: left; width: 866px; box-sizing: border-box; min-height: 500px; margin-top: 50px}
.csidebar{float: left; width: 278px; margin-left: 56px; box-sizing: border-box; margin-top: 50px}
.clist ul li{display: block; margin: 0; padding: 32px 0; position: relative; border-bottom: 1px solid #ddd; overflow: hidden; height: 200px}
.clist .img{float: left; width: 320px; height: 200px; overflow: hidden; display: block}
.clist .img img{width: 320px; height: 200px; border: none; transition: all 1s;}
.clist .ainfo{margin-left: 345px; display: block; position: relative; height: 200px}
.clist .ainfo .title{display: block; font-size: 24px; line-height: 26px; max-height: 52px; overflow: hidden}
.clist .ainfo .summary{display: block; padding: 24px 0; display: block; font-style: normal; font-size: 14px; line-height: 18px; color: #999}
.clist .ainfo .date{display: block; height: 16px; line-height: 16px; font-size: 14px; text-align: right; position: absolute; bottom: 0; right: 0; font-style: normal; color: #888}
.clist a.clist-link{display: block}
.clist a.clist-link:hover .img img{transform: scale(1.1);}

.try-title{width: 100%; height: 446px; background-position: center center; background-size: 100% auto; text-align: center; position: relative; color: #fff; box-shadow:4px 4px 6px #ccc; margin-bottom: 37px}
.try-title-box{width: 100%; height: 446px; background-color: rgba(0, 0, 0, 0.2); color: #fff}
.try-title .title{text-align: center; position: relative; top: 40%; color: #fff}
.try-title div.info{position: relative; top: 72%; color: #fff; border: none; padding: 0 10px}
.try-title div.info .author{color: #fff}
.try-title div.info a{color: #fff}
.try-title div.info a:hover{color: #fff}
.article-try-content .article{padding-top: 0}

.pc-banner{position: relative}
.pc-banner img {width: 1200px}
.pc-banner .swiper-slide {margin: 0; height: 460px}
.pc-banner .swiper-slide a{display: block; margin: 0!important}
.pc-banner .swiper-slide a img{margin: 0 10px!important; width: 1200px; box-shadow:0 5px 5px #ddd}
.pc-banner .swiper-pagination-bullet{width: 40px; border-radius: 6px}
.pc-banner .swiper-pagination-bullet-active{background: #fff}
.pc-banner .swiper-container-horizontal>.swiper-pagination-bullets, .pc-banner .swiper-pagination-custom, .pc-banner .swiper-pagination-fraction{bottom: 20px}
.pc-banner .pc-banner-cover{display:flex; flex-direction:row; position: absolute; top: 0; left: 0; width: 100%; height: 450px}
.pc-banner .pbc-left, .pc-banner .pbc-right{flex-grow: 1; background: rgba(0, 0, 0, 0.6); height: 450px; z-index: 100}
.pc-banner .pbc-center{width: 1240px; height: 450px; z-index: 0}

.pc-banner2{position: relative}
.pc-banner2 img {width: 1200px}
.pc-banner2 .swiper-slide {margin: 0; height: 560px}
.pc-banner2 .swiper-slide a{display: block; margin: 0 10px!important}
.pc-banner2 .swiper-slide a img{margin: 0 10px!important; width: 1280px; box-shadow:0 5px 5px #ddd}
.pc-banner2 .swiper-pagination-bullet{width: 40px; border-radius: 6px}
.pc-banner2 .swiper-pagination-bullet-active{background: #fff}
.pc-banner2 .swiper-container-horizontal>.swiper-pagination-bullets, .pc-banner2 .swiper-pagination-custom, .pc-banner2 .swiper-pagination-fraction{bottom: 20px}
.pc-banner2 .pc-banner-cover{display:flex; flex-direction:row; position: absolute; top: 0; left: 0; width: 100%; height: 550px}
.pc-banner2 .pbc-left, .pc-banner2 .pbc-right{flex-grow: 1; background: rgba(0, 0, 0, 0.6); height: 550px; z-index: 100}
.pc-banner2 .pbc-center{width: 1320px; height: 550px; z-index: 0}

.pc-banner3{position: relative; margin: 0 auto; width: 1187px; overflow: hidden; }


.pType{margin: 12px 0; font-size: 16px; text-align: center}
.pType-homepage a{margin: 0 10px; position: relative; display: inline-block; padding: 3px 6px; font-size: 15px!important; text-align: center;  border-radius: 2px; background-color: transparent; color: #666}
.pType-homepage .layui-badge{background-color: transparent!important; color: #cd3333!important; font-weight: bold!important}
.pType-homepage .layui-badge:hover{color: #cd3333!important}
.pType-homepage .layui-bg-gray{background-color: transparent!important; color: #666!important}
.pType-cate{width: 895px; height: 30px; line-height: 30px}
.pType-category{text-align: left!important; float: left}
.pType-category a{margin: 0 10px; position: relative; display: inline-block; padding: 3px 6px; font-size: 15px!important; text-align: center;  border-radius: 2px; background-color: transparent; color: #666}
.pType-category .layui-badge{background-color: transparent!important; color: #cd3333!important; font-weight: bold!important}
.pType-category .layui-badge:hover{color: #cd3333!important}
.pType-category .layui-bg-gray{background-color: transparent!important; color: #666!important}

.pVideo{float: right; text-align: right}
.pVideo a{margin: 0 4px; border-radius: 13px; font-size: 16px; height: 29px; line-height: 29px; padding: 0 11px}
.pVideo .layui-badge{background-color: #cd3333}

.reg-step{clear: both; margin: 50px auto 12px; width: 780px}
.reg-step li{display: inline-block; width: 33.33%; height: 35px; line-height: 35px; border-bottom: 3px solid #eeeee3; padding-bottom: 12px}
.reg-step .step{width: 35px; height: 35px; display: inline-block; border-radius: 50%; border: 1px solid #ddd; color: #ddd; text-align: center; margin-right: 12px}
.reg-step .step i{font-size: 24px; font-style: normal}
.reg-step em{font-style: normal; font-weight: normal; font-size: 18px; color: #ddd}
.reg-step .current{border-bottom-color: #E67A12}
.reg-step .current .step{border-color: #E67A12; background: #E67A12; color: #fff}
.reg-step .current em{color: #e67a12}
.form-box{width: 680px; border-radius: 6px; background: #fff; margin: 0 auto 50px; box-shadow: 0 6px 8px #ddd; padding: 50px; text-align: center}
.form-box h2{height: 80px; line-height: 80px; color: #000; font-size: 30px; text-align: center}
.form-rows{margin: 10px auto; width: 320px}
.form-input{background: #fff; height: 40px; line-height: 40px; border: 1px solid #e8e8e8; width: 320px}
.form-input input{border: none; height: 40px; line-height: 40px; display: inline-block; font-size: 14px; float: left; outline: none; width: 278px}
.form-input em{width: 40px; height: 40px; line-height: 40px; display: inline-block; float: left; background-image: url(../images/user-icon.jpg); background-repeat: no-repeat}
.form-input em.user{background-position: 0 -80px}
.form-input em.lock{background-position: 0 -40px}
.form-input em.mail{background-position: 0 -120px}
.form-input em.mobile{background-position: 0 0}
.form-rows-vcode{display: none}
.form-rows-vcode .form-input{width: 200px; float: left}
.form-rows-vcode .form-input input{width: 160px}
.form-box .get-vcode{font-size: 12px; width: 110px; margin-left: 6px; float: left; display: inline-block; height: 40px; line-height: 40px; border: 1px solid #E77B12; color: #E77B12; background: #fff; cursor: pointer; text-align: center}
.form-box .get-vcode:hover{background: #E77B12; color: #fff}
.form-submit{width: 100%; height: 40px; line-height: 40px; background: #e77b12; color: #fff; font-weight: bold; border: none; outline: none; font-size: 16px; cursor: pointer}
.form-submit:hover{background-color: #ee8a26}
.form-box .form-login{color: #e77b12}
.form-box .form-login:hover{color: #9b540d; text-decoration: underline}
.reg-step-box{display: none}

.tagtopic-bg{width: 100%; height: 400px; background-repeat: no-repeat; background-position: center center;}

.page404{}
.page404 img{width: 100%; border: none}
.page404-1{width: 700px; height: 355px; margin: 0 auto; margin-top: 40px}
.page404-2 {font-size: 20px; line-height: 80px; width: 700px; margin: 0 auto; text-align: center; color: #333}
.page404-3 { width: 332px; margin-right: auto; margin-left: auto; text-align: center; color: #333333; height: 43px; margin-top: 20px}
.page404-4 { height: 43px; width: 132px; float: left; margin-right: 68px}
.page404-5 { height: 43px; width: 132px; float: left}

.is-video{cursor: pointer; background: url(../images/btn-play.png) 0 0 no-repeat; background-size: 46px 47px; width: 46px; height: 47px; line-height: 47px; font-size: 1px; display: block}
.is-video-286-178{position: absolute; top: 66px; left: 120px}
.is-video-380-361{position: absolute; top: 118px; left: 158px}
.is-video-380-236{position: absolute; top: 94px; left: 166px}
.is-video-320-200{position: absolute; top: 77px; left: 137px}
.is-video-259-164{position: absolute; top: 56px; left: 106px}
.is-video-317-198{position: absolute; top: 76px; left: 139px}
.is-video-293-183{position: absolute; top: 76px; left: 130px}
.is-video-284-177{position: absolute; top: 72px; left: 116px}
.video-length{display: block; width: 320px; height: 30px; position: absolute; left: 0; bottom: 0; text-align: right}
.video-length .video-length-text{color: #fff; display: inline-block; background: rgba(0, 0, 0, 0.6); padding: 0 6px; margin: 6px; font-size: 16px; font-weight: 400}
.video-length-286-178{width: 286px; bottom: 30px; margin-right: 0}
.video-length-380-361{width: 380px; top: 206px}
.video-length-380-236{width: 380px; top: 206px}
.video-length-320-200{width: 320px}
.video-length-259-164{width: 259px; top: 130px}
.video-length-317-198{width: 317px; top: 165px}
.video-length-293-183{width: 293px; top: 150px}
.video-length-284-177{width: 284px; top: 144px}

.item-pic-news{height: 279px}
.item-pic{display: inline-block; width: 546px; height: 290px; position: relative}
.item-pic .zoom-img{width: 546px; height: 279px; background: #eee}
.item-pic .zoom-img img{border: none; width: 546px; height: 279px}
.item-pic .detail{height: 48px; vertical-align: middle; line-height: 30px; font-size: 22px; padding: 22px 24px; color: #fff; font-weight: 400; background: url(../images/zoom-img-bg.png) 0 0 repeat-x; background-size: 100% 96px; width: 501px!important; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; overflow:hidden; -webkit-box-orient: vertical}
.item-news-m{display: inline-block; position: relative; }
.item-news-li{display: inline-block; padding-left: 8px; width: 319px; height: 290px; position: relative}
.item-news-li a{text-decoration: none}
.item-news-li .zoom-pic{border: 1px solid #eee; width: 317px; height: 277px}
.item-news-li .img{width: 317px; height: 198px; background: #eee; overflow: hidden}
.item-news-li .img img{width: 317px; height: 198px; border: none}
.item-news-li .title2{display: block; padding: 10px 15px; height: 24px; line-height: 24px; font-size: 16px; font-weight: 400; font-style: normal; color: #666;}
.item-news-li .title2 a{overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap}
.item-news-li .author{padding: 0 17px; height: 21px; line-height: 21px; display: block}
.item-news-li .author a{float: left; color: #999; font-weight: 400; font-size: 12px}
.item-news-li .author a i{font-style: normal; padding-left: 6px}
.item-news-li .author b{float: right; color: #999; font-weight: 400; font-size: 12px}
.item-news-li .author .avatar{width: 21px; height: 21px; border-radius: 100%; background: #eee; border: none}

.new-news-list{padding-top: 0}
.new-news-list li{display: inline-block; width: 283px; font-size: 12px; height: 277px; margin-left: 9px; margin-top: 10px; background: #fff; position: relative; vertical-align: top; border: 1px solid #eee}
.new-news-list li:first-child{margin-left: 0}
.new-news-list li:nth-child(4){margin-left: 0}
.new-news-list .zoom-pic{}
.new-news-list .img{width: 284px; height: 177px; overflow: hidden}
.new-news-list .img img{border: none; width: 284px; height: 177px; background: #eee}
.new-news-list .title3{height: 35px; padding: 8px 15px 16px 15px; line-height: 24px; vertical-align: top; font-size: 16px; color: #666; font-weight: 400; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; overflow:hidden; -webkit-box-orient: vertical}
.new-news-list li .category{position: absolute; top: 15px; left: 15px; display: block; background-color: rgba(0, 0, 0, 0.6); z-index: 99999; padding-left: 6px; padding-right: 6px; height: 26px; line-height: 26px; color: #fff; text-align: center; font-size: 14px}
.new-news-list .authorinfo{display: block; height: 21px; line-height: 21px; padding: 0 15px}
.new-news-list .authorinfo a{display: inline-block; text-align: left; float: left}
.new-news-list .authorinfo span{display: inline-block; text-align: right; float: right}

.hide2row{text-overflow: ellipsis!important; display: -webkit-box!important; -webkit-line-clamp: 2!important; overflow:hidden; -webkit-box-orient: vertical!important}

.homepage-more-btn{width: 871px!important; height: 40px!important; line-height: 40px!important; background: #FFFFFF!important; outline: none; border: 1px solid #EEEEEE!important; border-radius: 0!important}

.try-title-box .views{color: #fff; background-image: url(../images/views-white.png)}
.apost .views{color: #999; font-size: 12px; background-image: url(../images/view-list.png); background-size: 22px 17px; margin-left: 0}
.item-news-li .likes{background-size: 12px 13px; height: 13px; line-height: 13px; text-indent: 16px; margin-left: 0}
.new-news-list .authorinfo{margin-top: 7px; font-size: 12px; color: #999; height: 21px; line-height: 21px; vertical-align: middle}
.new-news-list .authorinfo a{color: #999}
.new-news-list .authorinfo .likes{font-size: 12px; background-size: 12px 13px; text-indent: 9px; height: 13px; line-height: 13px}
.new-news-list .authorinfo .avatar{width: 21px; height: 21px; border-radius: 50%; background: #b38484; vertical-align: bottom}
.new-news-list .authorinfo i{display: inline-block; padding-left: 6px; font-size: 12px; font-style: normal}

.homepage-cols{vertical-align: top; padding-bottom: 30px}
.homepage-cols .left{display: inline-block; height: 620px; width: 873px; vertical-align: top}
.homepage-cols .right{display: inline-block; height: 620px; width: 318px; margin-left: 9px; vertical-align: top}
.homepage-cols .item-news-box{width: 100%; border: 1px solid #eee; background: #fff; margin-top: 10px; padding: 0 11px}

.dongcha{padding-bottom: 8px}
.dongcha li{display: block; margin-top: 20px; margin-bottom: 13px; vertical-align: top; height: 69px; width: 100%; color: #999}
.dongcha li a{color: #333}
.dongcha li i{font-style: normal}
.dongcha li b{font-weight: 400}
.dongcha li .cover{display: inline-block; width: 110px; height: 69px; overflow: hidden}
.dongcha li .cover img{border: none; width: 110px; height: 69px; background: #eee; vertical-align: top}
.dongcha li .info{display: inline-block; margin-left: 12px; width: 170px; height: 69px; vertical-align: top}
.dongcha li .info .title{width: 170px; white-space: initial; position: unset; background: none; font-weight: 400; font-size: 16px; color: #666; line-height: 24px; height: 48px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; overflow:hidden; -webkit-box-orient: vertical}
.dongcha li .info .title a {color: #333}
.dongcha li .info .authorinfo{display: block; padding-top: 5px; vertical-align: middle}
.dongcha li .info .authorinfo .l{font-style: normal; font-weight: 400; display: inline-block; float: left; height: 13px; line-height: 13px}
.dongcha li .info .authorinfo .l .author{display: none}
.dongcha li .info .authorinfo .l .date{font-style: normal; font-size: 12px}
.dongcha li .info .authorinfo .r{font-style: normal; font-weight: 400; display: inline-block; float: right; height: 13px; line-height: 13px; padding-right: 5px}
.dongcha li .info .likes{background-size: 12px 13px; height: 13px; line-height: 13px; text-indent: 16px}

.dongcha li:first-child{margin-top: 0; height: 270px}
.dongcha li:first-child .cover{display: block; width: 293px; height: 183px}
.dongcha li:first-child .cover img{width: 293px; height: 183px}
.dongcha li:first-child .info{display: block; margin: 9px auto 0; width: 280px; height: 75px}
.dongcha li:first-child .info .title{width: 280px; margin: 0 auto!important; display: block}
.dongcha li:first-child .authorinfo{height: 21px; line-height: 21px; font-size: 12px; color: #999; margin-top: 4px}
.dongcha li:first-child .authorinfo .l .author{display: inline-block; margin-right: 5px; color: #999}
.dongcha li:first-child .authorinfo .l .author a{color: #999}
.dongcha li:first-child .authorinfo .l .author img{border: none; width: 21px; height: 21px; background: #eee; margin-right: 5px}
.dongcha li:first-child .authorinfo .r{padding-right: 0; height: 21px; line-height: 21px}

.item2 .info .date .views{background-image: url(../images/views-gray.png); background-size: 19px 13px; text-indent: 24px; font-size: 12px; color: #999; height: 13px; line-height: 13px}
.item2 .info .date .likes{background-size: 12px 13px; height: 13px; line-height: 13px; text-indent: 17px; margin-left: 18px}
.item2 .info .author{font-size: 12px}
.item2 .info .author a{color: #999}


/** 搜索 */
.slist{}
.slist .item{display: block; position: relative; background: #fefefe; border: 1px solid #eee; margin-top: 21px; float: unset; padding: 28px 18px; vertical-align: top}
.slist .item:first-child{margin-top: 0}
.slist .item a{display: block}
.slist .item .title{display: block; font-size: 19px; height: 28px; line-height: 28px; color: #333; font-weight: 700; padding-bottom: 23px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.slist .item .title em{font-weight: 400; font-weight: normal; display: inline-block; height: 28px; background: #B5B5B5; border-radius: 10%; font-size: 16px; color: #fff; line-height: 28px; padding: 0 8px; margin-right: 8px}
.slist .item .cover{display: inline-block; position: relative; width: 270px; height: 169px; margin-right: 23px; overflow: hidden; vertical-align: top}
.slist .item .cover img{width: 270px; height: 169px}
.slist .item .cover .is-video{position: absolute; left: 112px; top: 61px; z-index: 100}
.slist .item .summary{display: inline-block; max-width: 550px; max-height: 108px; vertical-align: top; overflow: hidden; font-size: 16px; line-height: 24px; color: #666; font-weight: 400;}
.slist .item .summary em{max-height: 108px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; overflow:hidden; -webkit-box-orient: vertical}
.slist .item .author-date{display: inline-block; height: 30px; position: absolute; bottom: 32px; left: 312px; color: #666; font-size: 14px; height: 30px; line-height: 30px}
.slist .item .author-date .author{display: inline-block;}
.slist .item .author-date .author img{margin-right: 9px}
.slist .item .author-date .author em{display: inline-block; border-right: 2px solid #999; height: 16px; line-height: 16px; padding-right: 12px; margin-right: 12px}
.slist .item .author-date .date{color: #666; font-size: 14px; font-weight: 400; height: 16px; line-height: 16px}
.slist .item .author-date .live-hot{display: none}
.slist .item .live-info{display: none}

.slist .item-2 .author{display: none}
.slist .item-2 .cover{display: block; width: 640px; height: 149px}
.slist .item-2 .cover img{width: 640px; height: 149px}
.slist .item-2 .author-date{display: block; position: unset; left: unset; bottom: unset}
.slist .item-2 .summary{display: none}

.slist .item-3 .author{display: none}
.slist .item-3 .cover{width: 390px; height: 237px}
.slist .item-3 .cover img{width: 390px; height: 237px}
.slist .item-3 .summary{max-width: 430px}
.slist .item-3 .author-date{text-align: right; width: 200px; left: unset; right: 30px; text-align: right}
.slist .item-3 .live-info{display: table; position: absolute; vertical-align: middle; text-align: center; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5)}
.slist .item-3 .live-info .live-info-wrapper{display: table-cell; height: 50%; vertical-align: middle;}
.slist .item-3 .live-info .live-title{display: block; width: 280px; background: none; padding: 0; font-size: 21px; font-weight: bold; color: #FFFEFE; line-height: 27px}
.slist .item-3 .live-info .live-starttime{display: block; padding: 14px 0; height: 16px; font-size: 16px; font-weight: 400; color: #FFFEFE; line-height: 16px;}
.slist .item-3 .live-info .live-status{display: block; margin: 0 auto; width: 128px; height: 38px; background: #E67415; border-radius: 19px; line-height: 38px; font-size: 16px; font-weight: 400; color: #FFFEFE;}
.slist .item-3 .live-info .live-status-1{background: #e4007f}
.slist .item-3 .live-info .live-status-2{background: #e60012}
.slist .item-3 .live-info .live-status-3{background: #e67415}
.slist .item-3 .author-date .live-hot{display: inline-block; background: url(../images/live-hot.png) no-repeat 0 0; height: 24px; line-height: 24px; text-indent: 28px; color: #cd3333}
.slist .item-3 .author-date .author
    ,.slist .item-3 .author-date .date{display: none}

.slist .search-empty{padding: 40px 20px; font-size: 20px; font-weight: 400; color: #333}

.search-form-s{text-align: center; vertical-align: middle}
.search-form-s strong{vertical-align: middle; display:inline-block; width: 89px; text-align: left; height: 37px; line-height: 37px; font-size: 18px; color: #cc3232; font-weight: 400}
.search-form-s .search-input{vertical-align: middle; display: inline-block; width: 212px; height: 37px; line-height: 37px; border-right: none; border: 1px solid #dcdcdc; border-radius: 5px 0 0 5px; outline: 0; border-right: 0; background: #fff}
.search-form-s .search-input input{display: inline-block; background: #fff;  height: 35px; line-height: 35px; color: #666; font-size: 15px; padding: 0 5px; border: none; outline: 0; background-color: transparent;}
.search-form-s button{cursor: pointer; vertical-align: middle; background: #fff; width: 42px; height: 39px; display: inline-block; outline: 0; border: 1px solid #dcdcdc; border-radius: 0 5px 5px 0; border-left: 0; background: #fff url(../images/search-input.png) no-repeat 12px 8px; background-size: 18px 20px; overflow: hidden}
.search-form-s button i{display: block; margin-left: -1000px; overflow: hidden; width: 42px; height: 39px}

.live-nav{padding: 20px 0 0; clear: both; height: 39px; line-height: 39px;width: 1200px;margin: 20px auto; text-align: center;}
.live-nav .nav-category{height: 39px; line-height: 39px; border-bottom: 5px solid #d90000;}
.live-nav .nav-category a{display: inline-block; margin-right: 33px; font-size: 18px; font-weight: 400; color: #666; height: 39px; line-height: 39px}
.live-nav .nav-category a.current{color: #cc3232; font-weight: bold}
.live-nav .nav-search{float: right; height: 39px; line-height: 39px; margin-right: 10px}

/** 标签搜索 */
.tag-head{height: 40px; line-height: 40px; clear: both; padding: 10px;}
.tag-head .tag-search{float: right; width: 300px; text-align: right;}
.tag-head .tag-search .search-input{display: inline-block}