body {background-color: #f5f5f5!important;}
.no-data{display:block;width:100%;height:88px;margin:110px auto 210px auto;color:#999;font-size:14px;background:url(../images/no-data.png) no-repeat center;background-size:contain}
.no-data p{padding-top:113px;text-align:center;color:#999}
.banbox{width:100%;overflow:hidden;float:left}
.banbox .slide{position:relative;width:580px;height:270px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;overflow:hidden;float: left;}
.banbox .slide li img{display:block;width:580px;height:270px;background:#eaeaea}
.banbox .slide .caption{position:absolute;top:0;right:0;left:0;bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-image:linear-gradient(180deg,rgba(0,0,0,0) 190px,rgba(0,0,0,.6) 100%)}
.banbox .slide ul{position:relative;margin:0;height:100%;list-style:none;padding:0;overflow:hidden}
.banbox .slide ul li{position:relative;float:left;line-height:30px}
.banbox .slide .caption p{position:absolute;bottom:25px;left:0;padding:0 20px;width:505px;color:#fff;font-size:16px;font-weight:600;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.banbox .slide .next,.banbox .slide .prev{display:none;position:absolute;left:15px;top:50%;margin-top:-20px;width:40px;height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:rgba(0,0,0,.5) url(../images/icon_left.png) no-repeat center center;z-index:99}
.banbox .slide .next{left:auto;right:15px;background-image:url(../images/icon_right.png)}
.banbox .slide:hover .next,.banbox .slide:hover .prev{display:block}
.banbox .slide .num_list{position:absolute;right:20px;bottom:15px;width:auto;height:6px;background:0 0}
.banbox .slide .num_list li{float:left;display:block;margin-left:8px;width:6px;height:6px;font-size:0;background-color:rgba(255,255,255,.5);cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-transition:width .3s ease-in;-webkit-transition:width .3s ease-in;-o-transition:width .3s ease-in;transition:width .3s ease-in}
.banbox .slide .num_list .on{float:left;display:block;margin-left:8px;width:20px;height:6px;font-size:0;background-color:#fff;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.banner_r{width:360px;float: left;}
.banner_r .item{margin-left: 10px;float:left;position:relative;width:170px;height:130px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;overflow:hidden}
.banner_r .item img{width:170px;height:130px}
.banner_r .item:nth-child(1),.banner_r .item:nth-child(2){margin-bottom: 10px;}
.banner_r .caption,.banner_r .caption_hover{position:absolute;top:0;bottom:0;left:0;right:0;font-size:12px;line-height:16px;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.banner_r .caption{opacity:1;-moz-transition:.2s opacity;-webkit-transition:.2s opacity;-o-transition:.2s opacity;transition:.2s opacity}
.banner_r .caption_hover{-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-moz-transition:.3s transform;-webkit-transition:.3s transform;-o-transition:.3s transform;transition:.3s transform}
.banner_r .caption .txt,.banner_r .caption_hover .txt{position:absolute;bottom:10px;left:10px;right:10px;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.banner_r .caption_hover .txt{-webkit-line-clamp:4}
.banner_r .item:hover .caption{opacity:0}
.banner_r .item:hover .caption_hover{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.news-box{clear:both;position:relative;width:100%;display:inline-block;padding: 0 20px 20px 20px;}
.section-title h1{font-size:16px;line-height:60px;border-bottom:1px solid #eee;color:#484848;font-weight:400;position:relative;margin-bottom:10px}
.section-title h1:after{content:"";position:absolute;width:60px;height:2px;content:"";background:#f01414;left:0;bottom:0;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}
.section-title h1:hover:after{width:80px}
.newslist{display:inline-block}
.newslist ul li{float:left;margin:20px 20px 0 0;width:290px}
.newslist ul li a{display:block}
.newslist ul li a:hover h5{color:#f01414}
.newslist ul li a:hover img{opacity:.9;transform:scale(1.1)}
.newslist_img{float:left;width:100px;height:65px;box-shadow:0 .2rem .8rem rgb(51 51 51 / 15%)}
.newslist_img img{-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;transition:all .5s;width:100%;height:100%;border-radius:4px}
.newslist_intel{padding-left:120px}
.newslist_intel h5{height:40px;line-height:20px;overflow:hidden;font-size:14px;color:#333;font-weight:500;margin-bottom:8px}
.newslist_intel p{height:16px;line-height:16px;overflow:hidden;font-size:12px;color:#999}
.listnav{box-sizing:border-box;font-size:14px;}
.menu-light{width:100%;display:inline-block}
.menu-light li{float:left;padding:10px 0;margin:0 30px 0 0;position:relative}
.menu-light .selected:before{position:absolute;bottom:5px;left:50%;margin-left:-10px;z-index:1;display:block;width:20px;height:3px;background:#f85032;content:''}
.navmod-line{border-top:1px dashed #eee}
.left-box{width:980px;overflow:visible;display:inline-block;}
/*列表*/
.section-list ul li{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:stretch;-moz-align-items:stretch;-webkit-align-items:stretch;align-items:stretch;padding:20px 20px;margin:0 -20px;overflow:hidden;border-top:1px solid #f5f5f5}
.section-list ul li:nth-child(1){border-top: none;}
.section-list ul li:hover .thumb img{transform:scale(1.08);-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08)}
.section-list ul li .thumb{border-radius:4px;cursor:pointer;margin-right:20px;width:180px;height:125px;display:block;position:relative;overflow:hidden}
.section-list ul li .thumb a{width:180px;height:125px;overflow:hidden;display:block;position:relative}
.section-list ul li .thumb img{width:100%;min-height:100%;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}
.section-list ul li .info{position:relative;-webkit-flex:1;-ms-flex:1;-webkit-box-flex:1;-moz-box-flex:1;flex:1;max-width:760px;color: #797b7c;}
.section-list ul li .info .info-limit{max-height:100px;height:100px;overflow:hidden}
.section-list ul li .info h3{width:100%;height:22px;line-height:22px;margin-top:5px;margin-bottom:5px;font-size:18px;font-weight:500;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-family:PingFangSC-Medium,arial,sans-serif;-webkit-font-smoothing:antialiased}
.section-list ul li .info h3 a{color:#2c2e3b;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;}
.section-list ul li .info h3 a:hover{color: #f01414;}
.section-list ul li .info h3 .top{border-radius:3px;font-weight:400;padding:3px 5px;font-size:12px;margin:0 .4rem 0 0;position:relative;top:-1px;background:#f64444;color:#fff}
.section-list ul li .info .cat-link {font-size:0;height:22px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;position:relative;margin:6px 0;overflow:hidden;text-overflow:ellipsis;}
.section-list ul li .info .cat-link a {display:inline-block;font-size:12px;text-align:center;padding:0 5px;margin-right:5px;color: #ec3b3b;background: rgba(236,59,59,0.1);border-radius: 3px;;line-height:22px;}
.section-list ul li .info .cat-link a:hover {opacity:.8;}
.section-list ul li .info .cat-link a i {margin-right:3px;}
.section-list ul li .info .cat-link a.meta-tag {color:#888;background:rgba(136,136,136,.1);}
.section-list ul li .info .desc{line-height:22px;overflow:hidden;text-overflow:ellipsis;height:22px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;position:relative;margin:14px 0 3px 0}
.section-list ul li .info .meta{padding-top:10px;position:absolute;left:0;bottom:5px}
.section-list ul li .info .time,.section-list ul li .info .views{display:inline-block;height:20px;line-height:20px;font-size:12px;color:#b3b2b2;font-weight:400}
.section-list ul li .info .views{margin-left:8px}
.section-list ul li .info .views:before{content:"\e661";font-family:iconfont;font-size:12px;margin-right:2px}
.section-list ul li .info .time:before{content:"\e647";font-family:iconfont;font-size:12px;margin-right:2px}
/*右*/
.right-box{width: 290px;overflow: visible;}
.list-box{padding: 0 20px 20px 20px;}
.list-box-title{height:60px;line-height:60px;font-size:16px;position:relative;padding-left:10px;font-weight:800;color:#333;border-bottom:1px solid #eee}
.list-box-title:before{position:absolute;top:22px;left:0;width:4px;height:16px;border-radius:30px;background:#f01414;content:''}
.list-box-title i {float: right;font-size: 22px;color: #999999;height: 10px;font-weight: normal;cursor: pointer;}
.list-box-body li{position:relative;padding:10px 0 10px 20px;line-height:25px;border-bottom:1px dashed #eee}
.list-box-body li i{position:absolute;top:15px;left:0}
.list-box-body li a{margin-left:5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-news-body li{position:relative;line-height:40px;border-bottom:1px dashed #eee}
.list-news-body li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-news-pic-body .list{font-size:.875em;text-align:justify;padding:5px 0;position:relative;overflow:hidden}
.list-news-pic-body .list a{display:block;}
.list-news-pic-body .list{float:left;font-size:12px}
.list-news-pic-body .list i{font-size:10px}
.list-news-pic-body .list .thumbnail{float:left;width:100px;height:60px;margin-top:2px;margin-right:10px;display:inline-block}
.list-news-pic-body .list h4{padding-top:2px;font-size:14px;overflow:hidden;text-overflow:ellipsis;height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:relative}
.list-news-pic-body .list p{font-size:12px;color:#999;margin-top: 5px;}
.list-news-pic-body .list img{border-radius: 4px;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease；border-radius:4px}
.list-news-pic-body .list img:hover{transform:scale(1.08,1.08)}
.tag-hot a{cursor:pointer;display:inline-block;font-size:14px;color:#999;height:24px;line-height:24px;border-radius:24px;padding:0 10px;background:#f9f9f9;margin:10px 10px 0 0;border:1px solid #eee}
.tag-hot a:hover{color: #ec3b3b;background: rgba(236,59,59,0.1);border-color: #ec3b3b;}
/*排行*/
.ranking-box{padding:0 20px 20px 20px}
.ranking-box h1{height:60px;line-height:60px;padding-left:10px;font-size:16px;background-color:#fbfbfb;color:#333;font-weight:800;position:relative}
.ranking-box h1:before{position:absolute;top:22px;left:0;width:4px;height:18px;border-radius:30px;background:#f01414;content:''}
.ranking-box .hot{overflow:hidden}
.ranking-box .hot .tab{list-style:none;margin:0;text-align:center}
.ranking-box .hot .tab li{float:left;width:50%;padding-bottom:10px}
.ranking-box .hot .tab li.active{border-bottom:2px solid #f01414}
.ranking-box .hot .tab li a{font-size:16px;color:#333;text-decoration:none}
.ranking-box .hot .hotday{padding-top:10px;overflow:hidden}
.ranking-box .hot .hotday p{line-height:24px;height:24px;margin:20px 0;white-space:nowrap;overflow:hidden}
.ranking-box .hot .hotday p span{float:left;width:20px;height:24px;margin-right:14px;text-align:center;color:#999;font-size:18px}
.ranking-box .hot .hotday p a{float:left;color:#333;width:88%;font-size:16px;overflow:hidden;text-overflow:ellipsis}
.ranking-box .hot .hotday p a:hover{color:#0047ff}
.ranking-box .hot .hotday p i{float:right;color:#999;font-style:normal;display:none}
.ranking-box .hot .hotday p.hot_one{margin-bottom:26px;max-height:48px;height:auto}
.ranking-box .hot .hotday p.hot_one span{background-color:#ff6360;color:#fff}
.ranking-box .hot .hotday p.hot_one a{font-size:18px;width:88%;white-space:normal;height:auto}
/*详情*/
.article-content{margin-bottom:10px;position:relative;height:100%}
.article-wrapper .article-header{border-bottom:1px solid #eee}
.article-wrapper h1.title{font-size:26px;font-weight:700;color:#141414;line-height:1.5em!important}
.article-wrapper .article-header .meta{margin:0 0 5px 0;overflow:hidden;height:44px;line-height:44px}
.article-wrapper .article-header .meta span{display:inline-block;font-size:14px;color:#999;height:14px;line-height:1;padding:0 10px;margin-right:0;border-right:1px solid #d6d6d6}
.article-wrapper .article-header .meta span:first-child{padding-left:0}
.article-wrapper .article-header .meta span:last-child{border-right:0}
.article-wrapper .pcontent{position:relative;overflow:hidden}
.article-wrapper .pcontent:after,.article-wrapper .pcontent:before{display:table;content:"";clear:both}
.article-wrapper .pcontent p{letter-spacing:.5px;line-height:32px;margin-bottom:15px;font-size:16px;text-align:justify;color:#3b3b3b;font-weight:400;word-break:break-word;font-family:"PingFang SC",Microsoft YaHei,Helvetica,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif}
.article-wrapper .pcontent{position:relative;overflow:hidden}
.article-wrapper .pcontent:after,.article-wrapper .pcontent:before{display:table;content:"";clear:both}
.article-wrapper .pcontent h2,.article-wrapper .pcontent h3,.article-wrapper .pcontent h4{position:relative;margin-bottom:15px;padding:5px 10px;padding-bottom:5px;padding-left:0;border-image-slice:1 0 0 0;background:#f9fbfd;color:#323232;font-weight:600;font-size:18px}
.article-wrapper .pcontent h2 strong,.article-wrapper .pcontent h3 strong,.article-wrapper .pcontent h4 strong{background:0 0;font-weight:600;padding:0;border:0;display:inline-block;vertical-align:middle}
.article-wrapper .pcontent table.cps .firstRow td{height:20px;background-color:#e74737;color:#fff;text-align:center;font-weight:300;word-break:break-all}
.article-wrapper .pcontent table.cps tr td:last-child{text-align:left}
.article-wrapper .pcontent table.cps a{padding-bottom:2px;border-bottom:1px solid #d22222;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#d22222;color:#d22222;text-decoration:none}
.article-wrapper .pcontent table.cps tr:nth-child(odd){background:#f7f7f7}
.article-wrapper .pcontent table.cps td.center{text-align:center}
.article-wrapper .pcontent table.cps td.bold{font-weight:700}
.article-wrapper .pcontent p{font-size:16px;line-height:32px;margin-bottom:24px;text-align:justify;color:#3b3b3b;font-weight:400;word-break:break-word;font-family:"PingFang SC",Microsoft YaHei,Helvetica,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif}
.article-wrapper .pcontent p.article-content__img{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-justify-content:center;-webkit-justify-content:center;justify-content:center;flex-direction:column}
.article-wrapper .pcontent strong{color:#141414;white-space:pre-wrap;border-width:.25em 0;display:inline;background:#f9fafb}
.article-wrapper .pcontent ol,.article-wrapper .pcontent ul{margin-top:0;margin-bottom:10px;padding-left:20px}
.article-wrapper .pcontent ol li,.article-wrapper .pcontent ul li{list-style:none;padding-left:5px;margin-left:5px;line-height:2.4}
.article-wrapper .pcontent ol li{list-style:decimal}
.article-wrapper .pcontent ul li{position:relative;padding-left:20px}
.article-wrapper .pcontent ul li::before{position:absolute;content:"";color:#006abe;width:6px;height:6px;background:#000;border-radius:50%;display:inline-block;left:0;top:15px}
.article-wrapper .pcontent p a{padding:0 0 2px;position:relative;z-index:0;color:#424242;cursor:pointer}
.article-wrapper .pcontent p:first-child a:after{background-color:#abd1f7}
.article-wrapper .pcontent p:first-child a:after,.article-wrapper .pcontent p:nth-child(2) a:after{position:absolute;right:0;bottom:1px;left:0;z-index:-1;height:5px;border-radius:2.5px;content:" "}
.article-wrapper .pcontent p:nth-child(2) a:after{background-color:#e4c4ed}
.article-wrapper .pcontent p:nth-child(2) a:nth-child(2):after,.article-wrapper .pcontent p:nth-child(3) a:after{position:absolute;right:0;bottom:1px;left:0;z-index:-1;height:5px;border-radius:2.5px;background-color:#fcd9a1;content:" "}
.article-wrapper .pcontent a:hover{color:red}
.article-wrapper .pcontent p a.keyLink{color:#d22222;border-bottom:1px dashed #d22222 margin-bottom: 10px;padding:0 6px;border-radius:4px;margin-left:10px;font-size:14px;display:inline-block}
.article-wrapper .pcontent p img{margin:10px auto;display:block;max-width:100%;height:auto;-webkit-border-radius:2px;-webkit-background-clip:padding-box;-moz-border-radius:2px;-moz-background-clip:padding;border-radius:2px;background-clip:padding-box;vertical-align:middle}
.article-wrapper .pcontent p a.keyLink img{width:18px;vertical-align:middle;height:18px;margin-right:3px}
.article-wrapper .pcontent blockquote{position:relative;color:#999;font-weight:400;border:0;margin:0;padding:10px 20px;display:block;background:#f7f7f7;border-radius:2px;margin-bottom:20px;position:relative;z-index:0}
.article-wrapper .pcontent blockquote:before{content:"";display:block;width:65px;height:42px;position:absolute;background:url(../images/big-left.png) 0 0 no-repeat;top:0;left:0;background-size:100%;z-index:-1}
.article-wrapper .pcontent blockquote:after{content:"";display:block;width:22px;height:17px;position:absolute;background:url(../images/small-right.png) 0 0 no-repeat;right:15px;bottom:5px;background-size:100%;z-index:-1}
.article-wrapper .pcontent blockquote p{font-size:14px;color:#999;padding:0}
.article-wrapper .pcontent blockquote p strong{color:#999;background:0 0}
.article-wrapper .pcontent blockquote p:last-child{margin:0}
.article-wrapper .pcontent blockquote p a{color:#999;border-bottom:1px dashed #999}
.article-wrapper .tags-share{height: 50px;}
.article-wrapper .tags{margin:0;display:inline-block;line-height:48px;}
.article-wrapper .tags .tag{display:inline-block;font-size:12px;text-align:center;padding:0 5px;margin-right:5px;color:#888;background:rgba(136,136,136,.1);border-radius: 3px;;line-height:22px;}
.article-wrapper .tags .tag:hover{opacity:.8;color: #ec3b3b;}
.article-wrapper .copyright {margin-top: 20px;}
.article-wrapper .copyright blockquote{color:#999;background: #f7f7f7;position:relative;width:100%;padding:10px;font-size:14px;padding-left:20px;border-radius:5px;word-break:break-all;transition:all .28s ease;-moz-transition:all .28s ease;-webkit-transition:all .28s ease;-o-transition:all .28s ease}
.article-wrapper .copyright blockquote a{color:#999}
.prev_next{clear:both;overflow:hidden;margin-top:20px;border-top:1px solid #ededed;padding-top:20px}
.prev_next span{display:block;font-size:14px;line-height:32px;height:32px;overflow:hidden}
.related{padding:0 20px 20px 20px}
.related h4{font-size:16px;line-height:60px;border-bottom:1px solid #eee;color:#484848;font-weight:400;position:relative;margin-bottom:10px}
.related h4:after{content:"";position:absolute;width:60px;height:2px;content:"";background:#ec3b3b;left:0;bottom:0;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}
.related h4:hover:after{width:80px}
.related ul.ul_img{list-style:none;overflow:hidden}
.related ul.ul_img li{float:left;width:25%;height:auto;padding:10px 10px 0 0}
.related ul.ul_img li:nth-child(4n){padding-right:0}
.related ul.ul_img li a{color:#666;font-size:14px}
.related ul.ul_img li a:hover{color:#ec3b3b}
.related ul.ul_img li .img{width:100%;height:135px;overflow:hidden}
.related ul.ul_img li .img img{width:100%;height:100%;object-fit:cover;overflow:hidden;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}
.related ul.ul_img li p{line-height:26px;height:26px;overflow:hidden}
.related ul li:hover .img img{transform:scale(1.08);-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08)}
.contentpage{text-align:center;margin-top:30px;margin-bottom:30px}
.contentpage a{padding:5px 12px;margin:0 4px;background:#fff;border:1px solid #dbdbdb;text-decoration:none;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;color:#333}
.contentpage a:hover{background-color:#f72128;color:#fff!important;border:1px solid #f72128}
.contentpage .current{background-color:#f72128;color:#fff;border:1px solid #f72128}
.contentpage .disabled{border:#eee 1px solid;margin:2px;color:#ccc;background-color:#fff}
.contentpage .current,.contentpage .disabled{line-height:20px;margin:0 4px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
/*付费下载*/
.open-vip-btn{display:inline-block;background:#333;border-radius:12px;text-align:center;color:#fbd6a3;font-size:12px;padding:0 10px;line-height:20px;margin-left:10px}
.open-vip-btn:hover{color:#fbd6a3}
.download_card{border:1px solid #f1f1f1;position:relative;margin:30px auto;color:#333;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;height:110px;padding:15px}
.download_card .card_l{width:84px;height:84px;display:inline-block;background:url(../images/word.png) no-repeat left center}
.download_card .card_c{margin-left:10px;margin-right:10px;width:600px}
.download_card .card_c .title{font-size:22px;margin:0;display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px}
.download_card .card_c .desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;height:44px;line-height:22px;margin-top:5px;font-size:14px;color:#999}
.download_card .card_r{width:200px;height:108px;display:flex;flex-direction:row;align-items:center;justify-content:center}
.download_card .card_r .btn{width:180px;height:80px;line-height:80px;background:#2a5699;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);position:absolute;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:700}
.download_card .card_r .btn:hover{background:#2a5699}
.download_card .card_r .btn i{font-size:22px;color:#fff}
.download-content{display: none;width: 1px;height: 1px;overflow: hidden;}
.sidebar{width:30px;position:fixed;top:300px;left:50%;margin-left:-700px;z-index:9}
.sidebar a{width:42px;padding:13px 0;color:#666;background:#fff;-webkit-box-shadow:0 2px 15px 0 rgba(0,0,0,.1);box-shadow:0 2px 15px 0 rgba(0,0,0,.1);border-radius:21px;text-align:center;transition:all .2s cubic-bezier(.215,.61,.355,1);position:relative;cursor:pointer;margin-bottom:15px;display:block;text-decoration:none}
.sidebar span{font-size:13px;display:block;padding:0 12px;line-height:17px}
.sidebar a:hover{background-color:#fd3f3f;text-decoration:none;color:#fff;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.3);box-shadow:0 0 10px 0 rgba(0,0,0,.3)}
.sidebar a.down-btn{background:#f55;color:#fff;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2)}