/* 大分类 */
.list_nav {height:50px;width:100%;border-bottom:1px solid #eee;background-color:#fff;}
.list_nav ul  li {display:inline-block;margin-left:52px;margin-right:11px;float:left;position:relative;}
.list_nav ul  li a {display:block;line-height:50px;font-size:16px;color:rgba(0,0,0,0.65);position:relative;letter-spacing:0.6px;position:relative;}
.list_nav ul  li a:after {z-index:1;width:0;content:"";position:absolute;height:3px;bottom:0px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;border-radius:2px;}
.list_nav ul  li.on  a:after,.list_nav ul  li:hover a:after {width:90%;background-color:#17A1FF;}
.bg20 {clear:both;background-color:#f4f4f4;width:100%;height:10px;border-bottom:1px solid #eee;}   

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

.detail_content{padding:10px 0; }
.detail_content h2{font-size: 16px; font-weight: normal; line-height: 45px;}

.zg_detail_content{min-height: 500px; border: 1px solid #ddd;border-radius: 15px; padding: 20px;}
.zg_detail_content::after{content:""; display:block;height:0; clear:both;}
.d_left{width: 720px; float: left;}
.d_left video{max-width: 720px; max-height: 550px;}
.d_left img{width: 100%;}
.d_left .keywords{ margin-top: 20px; display: flex;}
.d_left .keywords .kl{font-size: 14px; width: 65px;}
.d_left .keywords .kr{flex:1;}
.d_left .keywords .kr a{font-size: 14px; color: #898989; margin:0 20px 10px 0; display: inline-block;}
.d_left .keywords .kr a:hover{color: #17A1FF;}
/* 右侧 */
.d_right {width:385px;float:right;margin-right:20px;}
.d_right .download-wrap {padding:50px 0 0;}
.d_right .download-wrap .btn-wrap {float:left;overflow:hidden;margin-right:20px;-webkit-border-radius:30px;border-radius:30px;}
.btn-wrap .down-btn {position:relative;float:left;width:275px;height:60px;color:#fff;font-size:24px;text-align:center;line-height:60px;-webkit-border-radius:30px;border-radius:30px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);background-color:#17A1FF;}
.btn-wrap .down-btn:hover {opacity:0.8;}
.download-wrap .collect-wrap {float:left;width:60px;height:60px;line-height:58px;border:1px solid #ccc;-webkit-border-radius:50%;border-radius:50%;text-align:center;text-indent:2px;cursor:pointer;}
.download-wrap .collect-wrap:hover,.download-wrap .jl_like.on {border-color:#17A1FF;}
.download-wrap .collect-wrap .icon-collection {font-size:22px;color:#999;-webkit-transition:230ms;-o-transition:230ms;transition:230ms;}
.download-wrap .jl_like.on .icon-collection,.download-wrap .collect-wrap:hover .icon-collection {color:#17A1FF;}


/* 作品详情 */
.des_cont {padding:20px 0 0px;}
.des_cont h3 {font-size:16px;color:#555;}
.details-wrap{border-bottom:1px solid #eee;}
.details-wrap > li {position:relative;width:100%;height:34px;line-height:34px;color:#555;letter-spacing:0;}
.details-wrap > li span {display:block;line-height:34px;font-size:14px;font-weight:400;float:left;}
.details-wrap > li span:first-child {color:#999;}
.details-wrap > li:first-child {margin-top:15px;}
.details-wrap > li:last-child {margin-bottom:15px;}

/* 相关推荐 */
.about{padding-top: 20px;}
.about li{width: 120px; height: 185px; padding: 5px; background-color: #c9c9cb;float: left;
    background-image: linear-gradient(to bottom, #eae9ee,#c9c9cb);border-radius: 5px; margin:0 10px 10px 0;}
.about li img{width: 100%;  height: 100%;}
.about li:nth-child(3n){margin-right: 0;}
.about li:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}


/* 标签 */
.tags {padding-top:10px;}
.tags > a {display:block;height:30px;line-height:28px;float:left;padding:0 14px;margin:0 17px 12px 0;font-size:14px;color:#333;border:1px solid #eee;-webkit-border-radius:15px;border-radius:5px;font-weight:400;letter-spacing:0;}
.tags > a:hover {color:#fff;background-color:#17A1FF;border-color:#17A1FF;}

/* 下载弹窗 */
.downAlert{position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.65); z-index: 999;left: 0; top: 0; align-items: center; justify-content: center; display: none;}
.downAlert_c{width: 1200px; height: 435px; background-color: #fff; border-radius: 15px;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.downAlert_c .d_title{ height: 60px; line-height: 70px;font-size: 20px; text-align: center; background-color: #bed9f7;color: #1783ff;border-radius: 15px 15px 0 0;}
.downAlert_c .d_close{position: absolute; right: 10px; width: 50px; height: 50px; top: 0;  text-align: center; line-height: 50px; color: #888;}
.downAlert_c .d_close .iconfont{font-size: 21px; cursor: pointer;}
.downAlert_c .d_close:hover .iconfont{color: #17A1FF;}
.downAlert_c .d_c_c{ display: flex; padding:30px 200px ;}
.downAlert_c .d_c_c .d_img{ width: 280px;}
.downAlert_c .d_c_c .d_img img{ width: 215px; height: 310px; border: 1px solid #eee; border-radius: 8px;}
.downAlert_c .d_des{flex: 1;}
.downAlert_c .d_des .t1{font-size: 16px;font-weight: bold; margin-top: 35px;}
.downAlert_c .d_des ul{padding-top:40px; border-bottom: 1px solid #ddd;}
.downAlert_c .d_des ul li{width: 250px; display: inline-block; font-size: 14px; color: #898989; margin-bottom: 25px;} 
.downAlert_c .d_btn{display: flex; padding-top: 40px;}
.downAlert_c .d_btn a{flex: 1; height: 48px; line-height: 48px; text-align: center; font-size: 16px; border-radius: 25px;}
.downAlert_c .d_btn .zg-download{margin-right: 30px;border: 1px solid #17A1FF; color: #17A1FF;}
.downAlert_c .d_btn .open-vip{ background-color: #17A1FF;
    background-image: linear-gradient(to right,#17a2ff,#49cbfa); color: #fff;}
.downAlert_c .d_btn .open-vip:hover{opacity: 0.8;}
.downAlert_c .d_btn .zg-download:hover{background-color: #17A1FF;color: #fff;}

/* 分享 */
.social-share-cs{padding-top: 10px;}
.social-share a {position:relative;text-decoration:none;margin:4px;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;top:-205px;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;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode {display:block}
.social-share-detail .icon-wechat .wechat-qrcode {height:215px;top:-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:5%;}
.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;}