You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
40 KiB
1 lines
40 KiB
aside{width:300px;float:left;}aside div.aside-box{margin-bottom:8px;background-color:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);}aside div.aside-box.custom-box img{max-width:100%}aside div.aside-box a{color:#333;cursor:pointer}aside div.aside-box h3.aside-title{padding:16px 16px 0;font-size:14px;color:#333;}aside div.aside-box h3.aside-title::before{display:inline-block;margin-right:8px;content:'';width:4px;height:22px;vertical-align:-6px;background-color:#ca0c16}aside div.aside-box div.aside-content{padding:16px;overflow:hidden;}aside div.aside-box div.aside-content *{word-wrap:break-word}aside #asideProfile .profile-intro{padding:16px 16px;padding-bottom:16px;border-bottom:1px solid #e3e3e3;}aside #asideProfile .profile-intro .avatar-box{position:relative;width:48px;height:48px;}aside #asideProfile .profile-intro .avatar-box img.avatar_pic{display:block;width:48px;height:48px;border-radius:50%}aside #asideProfile .profile-intro .avatar-box .memberhead{width:24px;height:15px;position:absolute;top:-12px;left:12px}aside #asideProfile .profile-intro .avatar-box svg{width:24px;position:absolute;top:-16px;left:12px;display:none}aside #asideProfile .profile-intro .user-info{margin-left:8px;width:156px;}aside #asideProfile .profile-intro .user-info p.name a{display:inline-block;color:#3d3d3d;font-weight:700;max-width:150px;max-height:66px;overflow:hidden;word-wrap:break-word}aside #asideProfile .profile-intro .user-info .flag{margin-top:4px;font-size:12px;line-height:20px;}aside #asideProfile .profile-intro .user-info .flag svg.icon{font-size:20px;vertical-align:-5px}aside #asideProfile .profile-intro .user-info .expert{color:#db9d34}aside #asideProfile .profile-intro .user-info .corporate{color:#2e98ff}aside #asideProfile .profile-intro .opt-box{width:56px;}aside #asideProfile .profile-intro .opt-box a.btn{-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:0;margin-right:0;margin-top:0;width:56px;height:28px;min-width:auto;font-size:12px;}aside #asideProfile .profile-intro .opt-box a.btn#btnAttent.attented{position:relative;}aside #asideProfile .profile-intro .opt-box a.btn#btnAttent.attented:hover{border:1px solid #ca0c16 !important;}aside #asideProfile .profile-intro .opt-box a.btn#btnAttent.attented:hover:after{position:absolute;top:0;left:0;bottom:0;right:0;border-radius:4px;content:'取消关注';color:#ca0c16;background:#fde3e4}aside #asideProfile .profile-intro .opt-box a.btn#btnAttent.attented:active{background:#fcc7ca}aside #asideProfile .profile-intro .opt-box a.btn#btnAsk{margin-bottom:0}aside #asideProfile .data-info{padding:16px 10px;border-bottom:1px solid #e3e3e3;}aside #asideProfile .data-info.item-tiling a{color:inherit}aside #asideProfile .data-info .count{font-weight:700}aside #asideProfile .badge-box{position:relative;margin-top:-8px;padding:0 16px 16px;}aside #asideProfile .badge-box > span{margin-right:2px}aside #asideProfile .badge-box .icon-badge{display:block;margin-right:8px;height:22px;cursor:pointer;}aside #asideProfile .badge-box .icon-badge div.mouse-box{position:relative}aside #asideProfile .badge-box .icon-badge svg.icon{font-size:22px}aside #asideProfile .badge-box .icon-badge:hover .icon-arrow,aside #asideProfile .badge-box .icon-badge.show-moment .icon-arrow{display:block}aside #asideProfile .badge-box .icon-badge:hover .grade-detail-box,aside #asideProfile .badge-box .icon-badge.show-moment .grade-detail-box{display:block}aside #asideProfile .badge-box .icon-badge .icon-arrow{display:none;position:absolute;top:8px;left:4px;z-index:100;}aside #asideProfile .badge-box .icon-badge .icon-arrow::before{position:absolute;bottom:9px;content:'';width:0;height:0;border-style:solid;border-width:8px 7px 0 7px;border-color:rgba(84,84,84,0.04) transparent transparent transparent}aside #asideProfile .badge-box .icon-badge .icon-arrow::after{position:absolute;bottom:11px;left:1px;content:'';width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:#fff transparent transparent transparent}aside #asideProfile .badge-box .icon-badge .grade-detail-box{display:none;position:absolute;left:10px;top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);padding:16px;margin-top:-8px;width:280px;background-color:#fff;border:1px solid #eaeaea;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;}aside #asideProfile .badge-box .icon-badge .grade-detail-box .pos-box{display:-webkit-box;display:-ms-flexbox;display:flex;}aside #asideProfile .badge-box .icon-badge .grade-detail-box .pos-box .left-box{margin-right:16px;}aside #asideProfile .badge-box .icon-badge .grade-detail-box .pos-box .left-box svg.icon{font-size:48px}aside #asideProfile .badge-box .icon-badge .grade-detail-box .pos-box .left-box > p{font-size:12px;color:#3d3d3d;font-weight:bold;white-space:nowrap}aside #asideProfile .badge-box .icon-badge .grade-detail-box .pos-box .right-box{font-size:12px;color:#6b6b6b;line-height:20px;}aside #asideProfile .badge-box .icon-badge .grade-detail-box .pos-box .right-box a{display:block;text-align:right;font-size:12px}aside #asideProfile .grade-box{margin-top:-8px;padding:16px;}aside #asideProfile .grade-box dl{margin-top:8px;float:left;width:50%;}aside #asideProfile .grade-box dl dt{display:inline;width:42px}aside #asideProfile .grade-box dl dd{display:inline;}aside #asideProfile .grade-box dl dd svg.icon{font-size:16px}aside #asideHotArticle ul.hotArticle-list{margin-top:-8px;}aside #asideHotArticle ul.hotArticle-list li{margin-top:8px;}aside #asideHotArticle ul.hotArticle-list li a{display:block;max-height:44px;overflow:hidden;word-wrap:break-word}aside #asideHotArticle ul.hotArticle-list li p.read{font-size:12px;color:#858585;line-height:20px}aside #asideColumn.flexible-box div.aside-content{max-height:320px;overflow:hidden}aside #asideColumn ul.column-box{margin-top:-8px;}aside #asideColumn ul.column-box li{margin-top:8px;}aside #asideColumn ul.column-box li div.img-box{margin-right:8px;}aside #asideColumn ul.column-box li div.img-box a{height:64px;}aside #asideColumn ul.column-box li div.img-box a img{display:block;width:64px;height:64px}aside #asideColumn ul.column-box li div.info p.title{height:44px;font-weight:normal;word-wrap:break-word;overflow:hidden}aside #asideColumn ul.column-box li div.info div.data{font-size:12px;line-height:20px;color:#858585;}aside #asideColumn ul.column-box li div.info div.data span.count{margin-right:16px}aside #asideCategory.flexible-box div.aside-content,aside #asideArchive.flexible-box div.aside-content,aside #asideNewArticle.flexible-box div.aside-content{max-height:166px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}aside #asideCategory ul,aside #asideArchive ul,aside #asideNewArticle ul{margin-top:-8px;}aside #asideCategory ul li,aside #asideArchive ul li,aside #asideNewArticle ul li{margin-top:8px;}aside #asideCategory ul li a,aside #asideArchive ul li a,aside #asideNewArticle ul li a{display:block;color:#333;}aside #asideCategory ul li a .title,aside #asideArchive ul li a .title,aside #asideNewArticle ul li a .title{width:84%;float:left}aside #asideCategory ul li a span.count,aside #asideArchive ul li a span.count,aside #asideNewArticle ul li a span.count{font-size:12px;color:#858585}aside #asideNewComments ul.newcomment-list{margin-top:-8px;}aside #asideNewComments ul.newcomment-list li{margin-top:8px;}aside #asideNewComments ul.newcomment-list li p.comment{font-size:12px;color:#858585;line-height:20px;word-wrap:break-word;}aside #asideNewComments ul.newcomment-list li p.comment a.user-name{color:#858585}aside .flexible-box div.aside-content{padding-bottom:0 !important}aside .flexible-box a.flexible-btn{font-size:12px}aside #asideFooter .right_box{width:300px;-webkit-box-sizing:border-box;box-sizing:border-box;}aside #asideFooter .right_box h3.feed_new_tit .line{margin-right:8px;width:4px;height:22px}aside #asideFooter .right_box h3.feed_new_tit span.txt{font-size:14px}span.article-type{display:inline-block;margin-top:4px;width:26px;height:26px;line-height:26px;text-align:center;font-size:12px;border-radius:50%;}span.article-type.type-1{color:#ca0c16;border:1px solid #f4ced0}span.article-type.type-2{color:#86ca5e;border:1px solid #e7f4df}span.article-type.type-4{color:#79a5e5;border:1px solid #e4edfa}@media screen and (max-width:1200px){#asideFooter{position:unset !important}}.point-outer{position:absolute;z-index:20;-webkit-transition:all .8s cubic-bezier(.39,-.4,.83,.23) 0s}.point-inner{width:12px;height:12px;border-radius:50%;background-color:#ff6326;-webkit-transition:all .8s linear 0s}.point-outer.point-pre{display:none}header div.title-box{overflow:hidden;word-wrap:break-word;max-width:720px;}header div.title-box .title-blog{font-size:24px;}header div.title-box .title-blog a{color:#333}header div.title-box .description{font-size:14px;color:#858585}header .opt-box{margin-left:auto;width:300px;}header .opt-box a.btn{margin-right:0;height:28px;background-color:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);font-size:12px;}header .opt-box a.btn svg.icon{margin-right:4px}.clearfix:after{content:" ";display:block;height:0;visibility:hidden;clear:both}.oneline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap !important}.container{padding:24px 24px 0;margin:0 auto;-webkit-box-sizing:content-box;box-sizing:content-box}header .container{padding:0;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.box-box-default,.box-box-large{display:none;position:fixed;bottom:0;right:0;z-index:200;background-color:#efefef;text-align:right;}.box-box-default a.btn-remove,.box-box-large a.btn-remove{padding-right:8px;font-size:12px}html body{-webkit-font-smoothing:antialiased}@media screen and (max-width:1320px){.pulllog{width:1180px}.container{width:1068px;}.container main{width:760px;}.container main .answer-box{width:694px}.container header .title-box{width:760px}}@media screen and (min-width:1320px){.container{width:1516px;}.container main{width:900px;}.container main .answer-box{width:817px}header .title-box{width:960px}}@media (min-width:1320px) and (max-width:1439px){.container{width:1208px}}@media (max-width:1649px) and (min-width:1320px){.nodata .container{width:1208px}}@media (min-width:1650px){.container{width:1626px;}.container main{width:1010px;}.container main .recommend-box .type_blog .content .desc{width:81%}.container main .recommend-box .type_blog .content .blog_title_box{width:17%}.container main .recommend-box .type_blog .content .blog_title_box.no-title{width:3% !important}.nodata .container{width:1318px}}@media screen and (min-width:1600px) and (max-width:1800px){.box-box-default{display:block}}@media screen and (min-width:1801px){.box-box-large{display:block}}.mb8{margin-bottom:8px}.box-shadow{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);box-shadow:0 2px 4px 0 rgba(0,0,0,0.2)}a{color:#333}span.article-type{display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;font-size:12px;border-radius:50%;}span.article-type.type-1{color:#ca0c16;border:1px solid #f4ced0}span.article-type.type-2{color:#86ca5e;border:1px solid #e7f4df}span.article-type.type-4{color:#79a5e5;border:1px solid #e4edfa}.pt0{padding-top:0 !important}.ml8{margin-left:8px}.mr8{margin-right:8px}.oneline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap !important}.clearfix:after{content:" ";display:block;height:0;visibility:hidden;clear:both}.recommend-box-ident:before{position:absolute;left:10px;top:18%;width:6px;height:6px;background-color:#ca0c15;z-index:10;border-radius:3px;content:'';opacity:1;-webkit-transition:opacity 1.5s;transition:opacity 1.5s}.box-ident-animation:before{opacity:0}.recommend-box,.article-list{margin-top:1px;padding:0;background-color:transparent;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);}.recommend-box *,.article-list *{word-wrap:break-word}.recommend-box .recommend-loading-box,.article-list .recommend-loading-box{display:none;padding:16px 0;background-color:#fff}.recommend-box .recommend-end-box,.article-list .recommend-end-box{display:none;padding:16px 0;margin:0;background-color:#fff}.recommend-box .type_hot_word .content,.article-list .type_hot_word .content{margin-bottom:12px}.recommend-box .type_hot_word span,.article-list .type_hot_word span{font-size:14px;letter-spacing:0;line-height:26px;margin-left:8px;margin-right:8px;}.recommend-box .type_hot_word span a,.article-list .type_hot_word span a{color:#6b6b6b;}.recommend-box .type_hot_word span a:hover,.article-list .type_hot_word span a:hover{color:#ca0c16}.recommend-box .type_blog .img-box,.article-list .type_blog .img-box{margin-right:8px;}.recommend-box .type_blog .img-box img,.article-list .type_blog .img-box img{width:96px;height:60px;border-radius:4px}.recommend-box .type_blog .content .desc,.article-list .type_blog .content .desc{display:inline-block;width:76%;overflow:hidden;vertical-align:bottom}.recommend-box .type_blog .content .blog_title_box,.article-list .type_blog .content .blog_title_box{display:-webkit-box;display:-ms-flexbox;display:flex;width:23%;text-align:right;float:right;}.recommend-box .type_blog .content .blog_title_box a,.article-list .type_blog .content .blog_title_box a{display:block;overflow:hidden;text-overflow:ellipsis;}.recommend-box .type_blog .content .blog_title_box a .blog_title,.article-list .type_blog .content .blog_title_box a .blog_title{vertical-align:bottom;color:#3399ea}.recommend-box .type_blog .content .blog_title_box .type-show,.article-list .type_blog .content .blog_title_box .type-show{float:unset}.recommend-box .type_blog .content .no-title,.article-list .type_blog .content .no-title{width:4% !important;}.recommend-box .type_blog .content .no-title .type-show-after:after,.article-list .type_blog .content .no-title .type-show-after:after{display:none}.recommend-box .recommend-item-box,.article-list .recommend-item-box,.recommend-box .article-item-box,.article-list .article-item-box{position:relative;margin-bottom:1px;padding:12px 24px;background-color:#fff;}.recommend-box .recommend-item-box h4:hover,.article-list .recommend-item-box h4:hover,.recommend-box .article-item-box h4:hover,.article-list .article-item-box h4:hover{color:#ca0c16}.recommend-box .recommend-item-box div.content,.article-list .recommend-item-box div.content,.recommend-box .article-item-box div.content,.article-list .article-item-box div.content{display:inline-block;font-size:0;width:100%}.recommend-box .recommend-item-box p.content,.article-list .recommend-item-box p.content,.recommend-box .article-item-box p.content,.article-list .article-item-box p.content{font-size:14px;line-height:22px;white-space:normal;color:#999;}.recommend-box .recommend-item-box p.content em,.article-list .recommend-item-box p.content em,.recommend-box .article-item-box p.content em,.article-list .article-item-box p.content em{color:#ca0c16;font-style:normal}.recommend-box .recommend-item-box:last-child,.article-list .recommend-item-box:last-child,.recommend-box .article-item-box:last-child,.article-list .article-item-box:last-child{border-bottom:none}.recommend-box .recommend-item-box.recommend-download-box a,.article-list .recommend-item-box.recommend-download-box a,.recommend-box .article-item-box.recommend-download-box a,.article-list .article-item-box.recommend-download-box a{font-size:0;display:block}.recommend-box .recommend-item-box.recommend-download-box .content,.article-list .recommend-item-box.recommend-download-box .content,.recommend-box .article-item-box.recommend-download-box .content,.article-list .article-item-box.recommend-download-box .content{max-width:962px;}.recommend-box .recommend-item-box.recommend-download-box .content h4,.article-list .recommend-item-box.recommend-download-box .content h4,.recommend-box .article-item-box.recommend-download-box .content h4,.article-list .article-item-box.recommend-download-box .content h4{vertical-align:top;margin-bottom:6px;width:88%;margin-left:4px;}.recommend-box .recommend-item-box.recommend-download-box .content h4:hover,.article-list .recommend-item-box.recommend-download-box .content h4:hover,.recommend-box .article-item-box.recommend-download-box .content h4:hover,.article-list .article-item-box.recommend-download-box .content h4:hover{color:#ca0c16}.recommend-box .recommend-item-box.recommend-download-box .content h4 .type,.article-list .recommend-item-box.recommend-download-box .content h4 .type,.recommend-box .article-item-box.recommend-download-box .content h4 .type,.article-list .article-item-box.recommend-download-box .content h4 .type{color:#3d3d3d}.recommend-box .recommend-item-box.recommend-download-box .content p,.article-list .recommend-item-box.recommend-download-box .content p,.recommend-box .article-item-box.recommend-download-box .content p,.article-list .article-item-box.recommend-download-box .content p{font-size:14px;color:#6b6b6b;}.recommend-box .recommend-item-box.recommend-download-box .content p span,.article-list .recommend-item-box.recommend-download-box .content p span,.recommend-box .article-item-box.recommend-download-box .content p span,.article-list .article-item-box.recommend-download-box .content p span{margin-right:20px}.recommend-box .recommend-item-box.recommend-download-box .content .type,.article-list .recommend-item-box.recommend-download-box .content .type,.recommend-box .article-item-box.recommend-download-box .content .type,.article-list .article-item-box.recommend-download-box .content .type{vertical-align:top;height:20px;line-height:20px;padding:2px 8px;border:1px solid #e0e0e0;font-size:12px;font-weight:400}.recommend-box .recommend-item-box.recommend-download-box .content .data,.article-list .recommend-item-box.recommend-download-box .content .data,.recommend-box .article-item-box.recommend-download-box .content .data,.article-list .article-item-box.recommend-download-box .content .data{font-size:14px;color:#6b6b6b;font-weight:400}.recommend-box .recommend-item-box.recommend-download-box .content .desc,.article-list .recommend-item-box.recommend-download-box .content .desc,.recommend-box .article-item-box.recommend-download-box .content .desc,.article-list .article-item-box.recommend-download-box .content .desc{width:80%;font-size:12px;color:#999;float:left}.recommend-box .recommend-item-box.recommend-download-box .content .type-show,.article-list .recommend-item-box.recommend-download-box .content .type-show,.recommend-box .article-item-box.recommend-download-box .content .type-show,.article-list .article-item-box.recommend-download-box .content .type-show{float:right;width:18%;font-size:14px;text-align:right}.recommend-box .recommend-item-box.recommend-download-box .img-box,.article-list .recommend-item-box.recommend-download-box .img-box,.recommend-box .article-item-box.recommend-download-box .img-box,.article-list .article-item-box.recommend-download-box .img-box{padding:10px 31px;background-color:#f5f6f7;margin-right:8px;}.recommend-box .recommend-item-box.recommend-download-box .img-box img,.article-list .recommend-item-box.recommend-download-box .img-box img,.recommend-box .article-item-box.recommend-download-box .img-box img,.article-list .article-item-box.recommend-download-box .img-box img{display:block;width:34px;height:auto}.recommend-box .recommend-item-box.recommend-edu-box .content,.article-list .recommend-item-box.recommend-edu-box .content,.recommend-box .article-item-box.recommend-edu-box .content,.article-list .article-item-box.recommend-edu-box .content{width:100%;margin-right:24px}.recommend-box .recommend-item-box.recommend-edu-box .img-box img,.article-list .recommend-item-box.recommend-edu-box .img-box img,.recommend-box .article-item-box.recommend-edu-box .img-box img,.article-list .article-item-box.recommend-edu-box .img-box img{display:block;height:90px;width:auto}.recommend-box .recommend-item-box.recommend-ad-box,.article-list .recommend-item-box.recommend-ad-box,.recommend-box .article-item-box.recommend-ad-box,.article-list .article-item-box.recommend-ad-box{overflow:hidden;}.recommend-box .recommend-item-box.recommend-ad-box iframe + div,.article-list .recommend-item-box.recommend-ad-box iframe + div,.recommend-box .article-item-box.recommend-ad-box iframe + div,.article-list .article-item-box.recommend-ad-box iframe + div{margin-left:0 !important}.recommend-box .recommend-item-box.recommend-ad-box dl dt,.article-list .recommend-item-box.recommend-ad-box dl dt,.recommend-box .article-item-box.recommend-ad-box dl dt,.article-list .article-item-box.recommend-ad-box dl dt{float:right;}.recommend-box .recommend-item-box.recommend-ad-box dl dt img.maxwidth,.article-list .recommend-item-box.recommend-ad-box dl dt img.maxwidth,.recommend-box .article-item-box.recommend-ad-box dl dt img.maxwidth,.article-list .article-item-box.recommend-ad-box dl dt img.maxwidth{margin-right:16px;width:120px}.recommend-box .recommend-item-box.recommend-ad-box dl dd,.article-list .recommend-item-box.recommend-ad-box dl dd,.recommend-box .article-item-box.recommend-ad-box dl dd,.article-list .article-item-box.recommend-ad-box dl dd{float:left;}.recommend-box .recommend-item-box.recommend-ad-box dl dd::after,.article-list .recommend-item-box.recommend-ad-box dl dd::after,.recommend-box .article-item-box.recommend-ad-box dl dd::after,.article-list .article-item-box.recommend-ad-box dl dd::after{display:block;content:'广告';font-size:12px;color:#8e959a}.recommend-box .recommend-item-box.recommend-ad-box dl dd .summary h2,.article-list .recommend-item-box.recommend-ad-box dl dd .summary h2,.recommend-box .article-item-box.recommend-ad-box dl dd .summary h2,.article-list .article-item-box.recommend-ad-box dl dd .summary h2{margin-bottom:8px;font-size:18px;line-height:24px;color:#3d3d3d}.recommend-box .recommend-item-box.recommend-ad-box dl dd .summary .summary,.article-list .recommend-item-box.recommend-ad-box dl dd .summary .summary,.recommend-box .article-item-box.recommend-ad-box dl dd .summary .summary,.article-list .article-item-box.recommend-ad-box dl dd .summary .summary{height:40px;line-height:20px;font-size:12px;color:#6b6b6b}.recommend-box .recommend-item-box h4,.article-list .recommend-item-box h4,.recommend-box .article-item-box h4,.article-list .article-item-box h4{margin-bottom:6px;font-size:18px;line-height:24px;color:#3d3d3d;display:inline-block;}.recommend-box .recommend-item-box h4 a:hover,.article-list .recommend-item-box h4 a:hover,.recommend-box .article-item-box h4 a:hover,.article-list .article-item-box h4 a:hover{color:#ca0c16}.recommend-box .recommend-item-box h4 em,.article-list .recommend-item-box h4 em,.recommend-box .article-item-box h4 em,.article-list .article-item-box h4 em{color:#ca0c16;font-style:normal}.recommend-box .recommend-item-box p.content a,.article-list .recommend-item-box p.content a,.recommend-box .article-item-box p.content a,.article-list .article-item-box p.content a{font-size:14px;color:#999}.recommend-box .recommend-item-box div.info-box,.article-list .recommend-item-box div.info-box,.recommend-box .article-item-box div.info-box,.article-list .article-item-box div.info-box{padding-top:4px;font-size:14px;color:#6b6b6b;float:right;position:relative;}.recommend-box .recommend-item-box div.info-box p,.article-list .recommend-item-box div.info-box p,.recommend-box .article-item-box div.info-box p,.article-list .article-item-box div.info-box p{margin-right:9px}.recommend-box .recommend-item-box div.info-box .avatar:hover span.namebox,.article-list .recommend-item-box div.info-box .avatar:hover span.namebox,.recommend-box .article-item-box div.info-box .avatar:hover span.namebox,.article-list .article-item-box div.info-box .avatar:hover span.namebox{display:block}.recommend-box .recommend-item-box div.info-box .avatar img,.article-list .recommend-item-box div.info-box .avatar img,.recommend-box .article-item-box div.info-box .avatar img,.article-list .article-item-box div.info-box .avatar img{width:16px;height:16px;border-radius:50%;vertical-align:-3px}.recommend-box .recommend-item-box div.info-box .avatar span.namebox,.article-list .recommend-item-box div.info-box .avatar span.namebox,.recommend-box .article-item-box div.info-box .avatar span.namebox,.article-list .article-item-box div.info-box .avatar span.namebox{display:none;padding:6px 8px;font-size:12px;position:absolute;color:#fff;top:-30px;left:-50%;background:rgba(15,15,15,0.7);border-radius:4px;text-align:center;}.recommend-box .recommend-item-box div.info-box .avatar span.namebox .name,.article-list .recommend-item-box div.info-box .avatar span.namebox .name,.recommend-box .article-item-box div.info-box .avatar span.namebox .name,.article-list .article-item-box div.info-box .avatar span.namebox .name{height:18px;overflow:hidden}.recommend-box .recommend-item-box div.info-box .avatar span.namebox .triangle,.article-list .recommend-item-box div.info-box .avatar span.namebox .triangle,.recommend-box .article-item-box div.info-box .avatar span.namebox .triangle,.article-list .article-item-box div.info-box .avatar span.namebox .triangle{width:0;height:0;border-style:solid;border-width:7px 7px 0 7px;border-color:rgba(15,15,15,0.7) transparent transparent transparent;position:absolute;left:50%;bottom:-7px;margin-left:-7px}.recommend-box .recommend-item-box div.info-box .date-and-readNum,.article-list .recommend-item-box div.info-box .date-and-readNum,.recommend-box .article-item-box div.info-box .date-and-readNum,.article-list .article-item-box div.info-box .date-and-readNum{width:110px;text-align:right;cursor:pointer;overflow:hidden;height:22px;margin-right:0;color:#999;}.recommend-box .recommend-item-box div.info-box .date-and-readNum:hover .hover-hide,.article-list .recommend-item-box div.info-box .date-and-readNum:hover .hover-hide,.recommend-box .article-item-box div.info-box .date-and-readNum:hover .hover-hide,.article-list .article-item-box div.info-box .date-and-readNum:hover .hover-hide{display:none}.recommend-box .recommend-item-box div.info-box .date-and-readNum:hover .hover-show,.article-list .recommend-item-box div.info-box .date-and-readNum:hover .hover-show,.recommend-box .article-item-box div.info-box .date-and-readNum:hover .hover-show,.article-list .article-item-box div.info-box .date-and-readNum:hover .hover-show{display:block}.recommend-box .recommend-item-box div.info-box .date-and-readNum .hover-show,.article-list .recommend-item-box div.info-box .date-and-readNum .hover-show,.recommend-box .article-item-box div.info-box .date-and-readNum .hover-show,.article-list .article-item-box div.info-box .date-and-readNum .hover-show{display:none}.recommend-box .recommend-item-box div.info-box .date-and-readNum .read-num svg,.article-list .recommend-item-box div.info-box .date-and-readNum .read-num svg,.recommend-box .article-item-box div.info-box .date-and-readNum .read-num svg,.article-list .article-item-box div.info-box .date-and-readNum .read-num svg{width:16px;height:16px;margin-bottom:-1px}.recommend-box .baiduSearch a,.article-list .baiduSearch a{display:block}.recommend-box ._4paradigm_box a .content-box,.article-list ._4paradigm_box a .content-box{width:84%;display:inline-block;margin-left:8px}.recommend-box ._4paradigm_box a .img-box img,.article-list ._4paradigm_box a .img-box img{width:96px;height:60px}.article-list{margin-top:1px;margin-bottom:200px;}.article-list .article-item-box{position:relative;}.article-list .article-item-box:hover{background:#f5f6f7;}.article-list .article-item-box:hover div.opt-box{display:block}.article-list .article-item-box h4 a{display:block;padding-left:36px;word-break:break-all;color:#3d3d3d;}.article-list .article-item-box h4 a span.article-type{margin-left:-36px;margin-top:0;vertical-align:2px}.article-list .article-item-box svg.settop{position:absolute;font-size:40px;right:0;top:0}.article-list .article-item-box div.opt-box{display:none;position:absolute;right:24px;bottom:16px;}.article-list .article-item-box div.opt-box .btn-opt{border:none;color:#79a5e5;font-size:14px;background-color:transparent;}.article-list .article-item-box div.opt-box .btn-opt::after{display:inline-block;vertical-align:-3px;margin-left:8px;margin-right:-3px;content:'';width:1px;height:16px;background-color:#e0e0e0}.article-list .article-item-box div.opt-box .btn-opt[data-type="delete"]{color:#ca0c16;}.article-list .article-item-box div.opt-box .btn-opt[data-type="delete"]::after{display:none}.article-list .article-item-box div.info-box{float:none;}.article-list .article-item-box div.info-box p{margin-right:0;}.article-list .article-item-box div.info-box p .date{color:#6b6b6b}.article-list .article-item-box div.info-box p .read-num{color:#999;}.article-list .article-item-box div.info-box p .read-num .num{color:#3399ea}.article-list .article-item-box div.info-box .point{background-color:#e0e0e0;width:1px;height:12px;margin-top:4px;margin-left:8px;margin-right:8px}.article-list p.content a{font-size:14px}.article-list div.info-box{font-size:12px}.article-list div.pagination-box{padding:16px;background-color:#fff}.filter-box{padding:0 24px;height:48px;background:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);}.filter-box .chk-box{color:#4d4d4d;cursor:pointer;}.filter-box .chk-box [type="checkbox"]{margin-right:8px;width:14px;height:14px;cursor:pointer}.filter-box dl.filter-sort-box{margin-left:auto;}.filter-box dl.filter-sort-box dt{margin-right:8px;color:#999}.filter-box dl.filter-sort-box dd{margin-left:24px;}.filter-box dl.filter-sort-box dd:first-child{margin-left:0}.filter-box dl.filter-sort-box dd a{color:#2e2e2e;}.filter-box dl.filter-sort-box dd a:hover,.filter-box dl.filter-sort-box dd a.active{color:#ca0c16}.filter-box dl.filter-sort-box dd .rss{background:#f5f6f7;border:1px solid #e0e0e0;font-size:12px;height:22px;line-height:22px;padding:0 4px;margin:auto 0}.filter-box div.breadcrumbs-box{color:#2e2e2e;}.filter-box div.breadcrumbs-box a{color:#2e2e2e;}.filter-box div.breadcrumbs-box a:hover{color:#ca0c16}.filter-box div.breadcrumbs-box span{color:#4d4d4d}.blog-expert-recommend-box{display:none;padding-top:0 !important;padding-bottom:0 !important;}.blog-expert-recommend-box .blog-expert-load-new{display:none;margin-left:12px;width:66px;font-size:14px;color:#3399ea;letter-spacing:0;line-height:80px;cursor:pointer;white-space:nowrap;}.blog-expert-recommend-box .blog-expert-load-new svg{width:14px;height:14px;fill:#3399ea;vertical-align:middle}.blog-expert-recommend-box .blog-expert-recommend{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;}.blog-expert-recommend-box .blog-expert-recommend .blog-expert{width:100%;}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-flexbox{display:-webkit-box;display:-ms-flexbox;display:flex}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item{width:100%;padding:16px 0;height:100px;}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item:last-child .blog-expert-info-box,.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item:nth-child(4n+4) .blog-expert-info-box{border-right:0 solid #e0e0e0}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item .blog-expert-info-box{padding:0 2px;display:-webkit-box;display:-ms-flexbox;display:flex;}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item .blog-expert-info-box .blog-expert-img-box{position:relative;width:43px;height:43px;margin-right:12px;}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item .blog-expert-info-box .blog-expert-img-box svg{color:#db9d34;position:absolute;bottom:0;right:0;width:20px;height:20px;padding:2px;background-color:#fff;border-radius:50%}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item .blog-expert-info-box .blog-expert-img-box img{display:inline-block;width:38px;height:38px;border-radius:50%;background-color:#eee}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item .blog-expert-info-box .blog-expert-img-box .blog-expert-button-follow{display:block;border:1px solid #ca0c16;border-radius:2px;font-size:12px;line-height:18px;margin-right:8px;cursor:pointer;width:48px;display:inline-block;text-align:center}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item .blog-expert-info-box .blog-expert-img-box .btn-red-follow{color:#ca0c16;}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item .blog-expert-info-box .blog-expert-img-box .btn-red-follow:hover{color:#fff;background-color:#ca0c16}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item .blog-expert-info-box .blog-expert-img-box .hover-show{display:none;background-color:#fde3e4;color:#ca0c16}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item .blog-expert-info-box .blog-expert-img-box .btn-gray-follow{border-color:#999;color:#999;}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item .blog-expert-info-box .blog-expert-img-box .btn-gray-follow:hover{border-color:#ca0c16;}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item .blog-expert-info-box .blog-expert-img-box .btn-gray-follow:hover .hover-show{display:block}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item .blog-expert-info-box .blog-expert-img-box .btn-gray-follow:hover .hover-hide{display:none}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item .blog-expert-info-box .info{overflow:hidden;vertical-align:top;}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item .blog-expert-info-box .info *{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item .blog-expert-info-box .info h5{font-size:14px;color:#3d3d3d;line-height:18px;margin-bottom:6px;}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item .blog-expert-info-box .info h5:hover{color:#ca0c16}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item .blog-expert-info-box .info p{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;letter-spacing:0;line-height:20px}.blog-expert-recommend-box .blog-expert-recommend .blog-expert .blog-expert-item .blog-expert-info-box .info .article-num{font-size:14px;color:#999;letter-spacing:0;line-height:20px}.recommend-other-item-box .content .desc{width:80%;float:left}.recommend-other-item-box .content .type-show{float:right;width:18%;text-align:right;font-size:14px}.unloginFollow-box{position:fixed;padding:8px 20px;bottom:-40px;right:50%;height:34px;font-size:14px;text-align:center;line-height:18px;color:#fff;border-radius:4px;background-color:rgba(0,0,0,0.8);margin-right:-100px;}.unloginFollow-box .name{color:#99ccf5}.t0 .content .desc{display:inline-block;width:76%;overflow:hidden;vertical-align:bottom}.t0 .content .blog_title_box{width:23%;text-align:right;float:right;display:-webkit-box;display:-ms-flexbox;display:flex;}.t0 .content .blog_title_box .blog_title{vertical-align:bottom;color:#3399ea}.t0 h4{max-width:90%;margin-bottom:6px;font-size:18px;line-height:24px;color:#3d3d3d;display:inline-block;}.t0 h4 a:hover{color:#ca0c16}.t0 h4 em{color:#ca0c16;font-style:normal}.t0 p.content a{font-size:14px;color:#999}.t0 div.info-box{padding-top:4px;font-size:14px;color:#6b6b6b;float:right;position:relative;}.t0 div.info-box p{margin-right:16px}.t0 div.info-box .avatar:hover span.namebox{display:block}.t0 div.info-box .avatar img{width:16px;height:16px;border-radius:50%;vertical-align:-3px}.t0 div.info-box .avatar span.namebox{display:none;padding:6px 8px;font-size:12px;position:absolute;color:#fff;top:-30px;left:-50%;background:rgba(15,15,15,0.7);border-radius:4px;text-align:center;}.t0 div.info-box .avatar span.namebox .name{height:18px;overflow:hidden}.t0 div.info-box .avatar span.namebox .triangle{width:0;height:0;border-style:solid;border-width:7px 7px 0 7px;border-color:rgba(15,15,15,0.7) transparent transparent transparent;position:absolute;left:50%;bottom:-7px;margin-left:-7px}.t0 div.info-box .date-and-readNum{max-width:82px;text-align:right;cursor:pointer;overflow:hidden;height:22px;margin-right:0;}.t0 div.info-box .date-and-readNum:hover .hover-hide{display:none}.t0 div.info-box .date-and-readNum:hover .hover-show{display:block}.t0 div.info-box .date-and-readNum .hover-show{display:none}.t0 div.info-box .date-and-readNum .read-num svg{width:16px;height:16px;margin-bottom:-1px}.type-show-after:after{content:' ';display:inline-block;height:12px;width:1px;background-color:#e0e0e0;margin-left:8px;margin-right:5px;vertical-align:middle}.type-show-blog{color:#faabaf}.type-show-edu{color:#f7737a}.type-show-download{color:#c3e4af}.type-show-bbs{color:#99ccf5}.type-show-ask{color:#dcd0a7}.type-show-gitchat{color:#f1cb9b}.type-show-blogcolumn{color:#bcb9f4}.pagination-box .ui-paging-container ul li{border:none;background-color:transparent;color:#4f4f4f;}.pagination-box .ui-paging-container ul li.js-page-first,.pagination-box .ui-paging-container ul li.js-page-last{display:none}.pagination-box .ui-paging-container ul li.js-page-action{padding:8px 6px;}.pagination-box .ui-paging-container ul li.js-page-action:hover{padding:7px 5px;color:#ca0c16;background-color:transparent;border:1px solid #ca0c16}.pagination-box .ui-paging-container ul li.ui-pager-disabled{color:#eaeaea;}.pagination-box .ui-paging-container ul li.ui-pager-disabled:hover{padding:8px 6px;color:#eaeaea;border:none;background-color:transparent}.pagination-box .ui-paging-container ul li[data-page]{margin-left:4px;padding:0;width:32px;height:32px;line-height:32px;text-align:center;}.pagination-box .ui-paging-container ul li[data-page]:hover{color:#ca0c16;background-color:transparent;border:1px solid #ca0c16}.pagination-box .ui-paging-container ul li[data-page].focus{color:#4f4f4f;background:#eee;}.pagination-box .ui-paging-container ul li[data-page].focus:hover{width:32px;height:32px;line-height:32px;border:none;color:#4f4f4f}.newcomer-guide{display:none;position:fixed;top:0;left:0;z-index:99999;width:100%;height:100%;background-color:rgba(0,0,0,0.7);}.newcomer-guide .newcomer-guide-content{color:#fff;}.newcomer-guide .newcomer-guide-content .close-box{cursor:pointer}.newcomer-guide .newcomer-guide-content .icon-close{fill:#fff;width:10px;height:10px}.newcomer-guide .newcomer-guide-content .text{display:inline-block;width:340px;text-align:center;font-size:18px;text-shadow:0 2px 4px rgba(0,0,0,0.5)}.newcomer-guide .newcomer-guide-content .hand{width:50px;height:50px;-webkit-animation:1s click infinite;animation:1s click infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes click{0%{-webkit-transform:translateY(0) scale(1,1);transform:translateY(0) scale(1,1)}50%{-webkit-transform:translateY(-10px) scale(.9,.9);transform:translateY(-10px) scale(.9,.9)}100%{-webkit-transform:translateY(0) scale(1,1);transform:translateY(0) scale(1,1)}}@keyframes click{0%{-webkit-transform:translateY(0) scale(1,1);transform:translateY(0) scale(1,1)}50%{-webkit-transform:translateY(-10px) scale(.9,.9);transform:translateY(-10px) scale(.9,.9)}100%{-webkit-transform:translateY(0) scale(1,1);transform:translateY(0) scale(1,1)}}.no-data{margin-top:1px;padding:80px 0;background-color:#fff;}.no-data svg.icon{font-size:120px;color:#4d4d4d}.no-data h6{margin-bottom:4px;font-size:16px;color:#6b6b6b;font-weight:bold;letter-spacing:2px}.no-data p.remark{color:#333;margin-bottom:24px}.no-data p .btn-write-blog,.newcomer-guide-content .btn{width:300px;height:40px;background:#ca0c16;border-radius:4px;line-height:40px;font-size:18px;color:#fff;margin:0}.mask{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(221,221,221,0.7);z-index:999}.promptBox{display:none;padding:24px;position:fixed;z-index:9999;top:50%;left:50%;margin-left:-200px;margin-top:-72px;width:400px;height:154px;background-color:#fff;border:1px solid #ddd;}.promptBox .title{margin-bottom:16px;}.promptBox .title span{font-size:18px}.promptBox .title .Boxclose{line-height:1px;color:#ddd;font-size:12px;}.promptBox .title .Boxclose:hover{color:#999}.promptBox .text{font-size:14px;color:#4f4f4f;min-height:42px}.promptBox .pro-btn .clickNo{color:#999;}.promptBox .pro-btn .clickNo:hover{color:#666}.promptBox .pro-btn .clickYes{margin-left:24px;color:#c92027;}.promptBox .pro-btn .clickYes:hover{color:#b50c13}.promptBox .pro-btn a{font-size:12px} |