/* 面包屑导航 */
.list_content {padding:10px 0; }
.webmap { line-height: 14px;font-size: 13px; color: #aaa; padding:5px 0;}
.webmap a { display: inline-block;margin: 0 5px; color: #aaa;}

.zt_cont{ clear: both; overflow: hidden; width:1200px; padding:25px 0;}

.zt_cont li {float: left; width: 281px; margin:0 25px 25px 0;border-radius: 8px; text-align: center;}
.zt_cont li:nth-child(4n){margin-right: 0;}
.zt_cont li .img_href{display:block;width: 280px; height: 160px; position: relative;overflow: hidden; border-radius: 8px;}
.zt_cont li:hover img{transform: scale(1.1); transition: all 1s;}
.zt_cont li p{position: absolute; width: 100%; padding: 0 10px;  text-align: center; bottom:0px; color: #fff;font-size: 17px;background: rgba(14, 22, 32, 0.4); height: 36px; line-height: 36px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zt_cont li .btn{display: inline-block; padding: 5px 40px; border-radius: 20px; border: 1px solid #17A1FF; color: #17A1FF; margin-top: 10px;font-size: 14px;}
.zt_cont li:hover .btn{ background-color: #17A1FF; color: #fff;}


/* 专题详情 */
.head_cont{display: flex; margin-top: 15px;}
.head_cont .h_l{ width: 280px;}
.head_cont .h_r{flex: 1; margin-left: 30px; position: relative;}
.head_cont .h_r .h_r_t{font-size: 28px;}
.head_cont .h_r .h_r_t span{font-size: 16px; color: #666; margin-left:40px;}
.head_cont .h_r .h_r_c {margin-top: 15px;}
.head_cont .h_r .h_r_c a{  color: #17A1FF; font-size: 16px; margin-right: 35px;}
.head_cont .h_r .h_r_b{margin-top: 25px;}
.head_cont .h_r .h_r_b .LikeBtn{    width: 135px;text-align: center;float: left;  height: 40px;display:block; background: linear-gradient(to right,#2684ff 0,#2dc2fc 100%);line-height: 40px; font-size: 16px; color: #fff; border-radius: 25px;}
.head_cont .h_r .h_r_b .LikeBtn:hover{opacity: 0.8;}
.head_cont .h_r .h_r_b .share{display: inline-block;font-size: 16px;color: #999; float: left; line-height: 40px; margin-left: 30px;margin-right: 10px;}
.head_cont .h_r .go_zt{color: #888; font-size: 14px; position: absolute; bottom: 30px; right: 10px; z-index:999999;}
.head_cont .h_r .go_zt:hover{color: #17A1FF;}

.show-list::after,.video-list::after,.video-list::after,.font-list::after,.sucai-list::after{ content:""; display:block;height:0; clear:both;}
.show-list,.font-list,.video-list{padding: 20px 0;}
.show-list li{ float: left; margin-right: 15px; width: 287px; height: 427px; border-radius: 8px;transition: transform .5s ease; margin-bottom: 15px;position: relative;}
.show-list li:nth-child(4n){ margin-right: 0}
.show-list .online_thumb{  padding:20px 10px; background-color: #fcfcfc;background-image: linear-gradient(to bottom, #edeef2,#d5dadd);position: relative; text-align: center; border-radius:8px;}
.show-list .online_thumb img{border-radius: 5px;}
.show-list .show-title {position:absolute; bottom:0; left:0px;color:#fff;font-size:12px;padding:20px 13px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  background-image:linear-gradient(to bottom, rgba(116,117,119,0),rgba(116,117,119,1)); width: 100%;letter-spacing: 0.5px;border-radius: 0 0 8px 8px; opacity: 0;}
.show-list li .jl_like{cursor:pointer; width:33px; height:33px; background:rgba(0,0,0,0.6);position:absolute; right:15px; top:15px;border-radius: 5px; display: flex; justify-content: center; align-items: center; opacity: 0;}
.show-list li .jl_like .iconfont{color: #fff; font-size: 14px;}
.show-list li .jl_like.on .iconfont,.show-list li .jl_like:hover .iconfont{color:#17A1FF}

.show-list .on_btn {position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;border-radius:8px;}
.show-list .on_btn span{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:200px;display:block;height:45px;line-height:45px;background:#17A1FF;color:#fff;text-align:center;border-radius:5px;-webkit-transition:.3s cubic-bezier(0.68,-.55,.265,1.55);-moz-transition:.3s cubic-bezier(0.68,-.55,.265,1.55);-o-transition:.3s cubic-bezier(0.68,-.55,.265,1.55);transition:.3s cubic-bezier(0.68,-.55,.265,1.55);z-index:999;font-size:16px;}
.show-list li:hover,.show-list-sub:hover,.interview li:hover {transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.show-list li:hover .on_btn {opacity:1;}
.show-list li:hover .show-title,.show-list li:hover .jl_like{opacity: 1;}
.show-list li:hover .on_btn span {bottom:190px;}
.show-list .on_btn span:hover{background:rgb(25,151,235)}
.show-list .on_btn span .iconfont{font-size: 20px;margin-right: 5px;}

/* 分享 */
.social-share{position: relative; z-index: 99998;margin-left: 200px;}
.social-share a {position:relative;text-decoration:none;display:inline-block;outline:none}
.social-share .social-share-icon {position:relative;display:inline-block;width:32px;height:32px;font-size:20px;border-radius:50%;line-height:32px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s}
.social-share .social-share-icon:hover {background:#666;color:#fff}
.social-share .icon-weibo {color:#ff763b;border-color:#ff763b}
.social-share .icon-weibo:hover {background:#ff763b}
.social-share .icon-tencent {color:#56b6e7;border-color:#56b6e7}
.social-share .icon-tencent:hover {background:#56b6e7}
.social-share .icon-qq {color:#56b6e7;border-color:#56b6e7}
.social-share .icon-qq:hover {background:#56b6e7}
.social-share .icon-qzone {color:#FDBE3D;border-color:#FDBE3D}
.social-share .icon-qzone:hover {background:#FDBE3D}
.social-share .icon-douban {color:#33b045;border-color:#33b045}
.social-share .icon-douban:hover {background:#33b045}
.social-share .icon-linkedin {color:#0077B5;border-color:#0077B5}
.social-share .icon-linkedin:hover {background:#0077B5}
.social-share .icon-facebook {color:#44619D;border-color:#44619D}
.social-share .icon-facebook:hover {background:#44619D}
.social-share .icon-google {color:#db4437;border-color:#db4437}
.social-share .icon-google:hover {background:#db4437}
.social-share .icon-twitter {color:#55acee;border-color:#55acee}
.social-share .icon-twitter:hover {background:#55acee}
.social-share .icon-diandian {color:#307DCA;border-color:#307DCA}
.social-share .icon-diandian:hover {background:#307DCA}
.social-share .icon-wechat {position:relative;color:#7bc549;border-color:#7bc549}
.social-share .icon-wechat:hover {background:#7bc549}
.social-share .icon-wechat .wechat-qrcode {display:none;border:1px solid #eee;position:absolute;z-index:9;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.social-share .icon-wechat .wechat-qrcode.bottom {top:40px;left:-84px}
.social-share .icon-wechat .wechat-qrcode.bottom:after {display:none}
.social-share .icon-wechat .wechat-qrcode h4 {font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
.social-share .icon-wechat .wechat-qrcode .qrcode {width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table {margin:0 !important}
.social-share .icon-wechat .wechat-qrcode .help p {font-weight:normal;line-height:16px;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after {content:'';position:absolute;left:50%;margin-left:-6px;top:-18px;width:0;height:0;border-width:8px 8px 10px 8px;border-style:solid;border-color: transparent transparent #eee transparent}
.social-share .icon-wechat:hover .wechat-qrcode {display:block}
.social-share-detail .icon-wechat .wechat-qrcode {height:215px;bottom:-230px;left:-80px;}
.social-share-detail .icon-wechat .wechat-qrcode .help {line-height:20px;}
.social-share-detail .social-share-icon {color:#c8c8c8;background:#f0f0f0;border-color:#f0f0f0;width:40px;height:40px;line-height:40px;font-size:22px;padding-left:2px;margin-right:10px;}
.social-share-detail .icon-qq:hover {background:#11bfff;border-color:#11bfff;}
.social-share-detail .icon-wechat:hover {background:#50df67;border-color:#50df67;}
.social-share-detail .icon-qzone:hover {background:#ffe92c;border-color:#ffe92c;}
.social-share-detail .icon-weibo:hover {background:#ef2c2c;border-color:#ef2c2c;}
.social-share.match-temp-sidebar .social-share-icon {color:#f19300;background:#facf8a;border-color:#facf8a;height:50px;font-size:25px;width:50px;align-items:center;margin-bottom:10px;line-height:50px;}
.social-share.match-temp-sidebar .social-share-icon:hover {color:#facf8a;background:#f19300;border-color:#f19300;}
.social-share.match-temp-sidebar .icon-wechat .wechat-qrcode {height:215px;left:-210px;top:-75px;}
.social-share.match-temp-sidebar .icon-wechat .wechat-qrcode .help {line-height:20px;}
.social-share.match-temp-sidebar .icon-wechat .wechat-qrcode:after {transform:rotate(-90deg);-ms-transform:rotate(-90deg);/* IE 9 */    -moz-transform:rotate(-90deg);/* Firefox */    -webkit-transform:rotate(-90deg);/* Safari Chrome */    -o-transform:rotate(-90deg);/* Opera */    left:100%;margin-left:1px;bottom:50%;}
.social-share.match-temp-sidebar .cool-share-icon {color:#000;background:#f0f2f5;border-color:#f0f2f5;height:35px;font-size:20px;width:35px;align-items:center;margin-bottom:10px;line-height:35px;}
.social-share.match-temp-sidebar .cool-share-icon:hover {color:#fff;background:#000;border-color:#000;}