@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: #333}
a:hover{color: #333}
.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: 11%; 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}

/** 页面底部 */
.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: 79px; background-image: url(/images/sub-esh.gif?v=20190624); 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}
.about{ background:url(/images/about-bg.jpg) repeat-x; clear:both;}
.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; width: 73px; 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: 14px; background: #fff; text-align: center; margin: 20px auto}

.part-title{height: 60px; line-height: 60px; font-weight: normal; margin: 10px 0 0}
    .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-s2{width: 380px; height: 361px; margin-bottom: 27px;}
.item2-s2 .img{width: 380px; height: 236px;}
.item2-s2 .img img{width: 380px; height: 236px}
.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 .date{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; width: 53px; 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{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; overflow: hidden; text-overflow: ellipsis}
.b-sidebar .author-date{display: block; position: absolute; left: 0; bottom: 0; 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);}

.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(/images/live-status-1.png)}
.p-live .title .status-2, .live-title-status-2{background-image: url(/images/live-status-2.png)}
.p-live .title .status-3, .live-title-status-3{background-image: url(/images/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-title{height: 96px; line-height: 90px; font-size: 30px; background: url(/images/dot-square.gif) left center no-repeat; padding-left: 25px; font-weight: normal}

.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: 30px; height: 30px; 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}
.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) no-repeat center 0; font-size: 0; line-height: 0; text-align: center}
.like-btn em{display: none}
.like-btn strong{display: inline-block; margin-top: 34px; height: 30px; line-height: 30px; font-size: 14px; color: #888; white-space: nowrap; font-weight: normal}
.like-btn-over{background-image: url(/images/like-over.png); cursor: default}

.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-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: 1200px; overflow: hidden; box-shadow:0 5px 10px #ddd}


.pType{margin: 12px 0; font-size: 16px; text-align: center}
.pType 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 .layui-badge{background-color: transparent!important; color: #cd3333!important; font-weight: bold!important}
.pType .layui-badge:hover{color: #cd3333!important}
.pType .layui-bg-gray{background-color: transparent!important; color: #666!important}
.pType-category{text-align: left!important}

.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}