.article-details .back{margin-top:50px}.article-details .back a{color:#989a9c}.article-details .back img{vertical-align:middle;margin-right:5px;max-width:100%}.article-details .article-info{opacity:0;visibility:hidden;height:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.article-details .article-info .info{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:50%}.article-details .article-info .info .logo-icon{-ms-flex-preferred-size:50px;flex-basis:50px;width:50px}.article-details .article-info .info .logo-icon img{width:45px}.article-details .article-info .info .logo-text{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left;margin:4px 0 4px 10px;letter-spacing:1px;overflow-y:hidden}.article-details .article-info .info .logo-text h3{font-size:16px;margin-bottom:4px;color:#333}.article-details .article-info .info .logo-text h4{font-size:14px;color:#666}.article-details .article-info .more-article{-ms-flex-preferred-size:140px;flex-basis:140px;width:140px;text-align:right}.article-details .article-info .more-article a{background-color:#216cee;border-radius:4px;padding:8px 10px;color:#fff;font-size:14px;display:inline-block;margin-top:8px}.article-details .article-main{width:100%;margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.article-details .article-main .article-context{-webkit-box-flex:1;-ms-flex:1;flex:1}.article-details .article-main .article-context h3{color:#333;text-align:center;font-weight:bold;font-size:18px;padding:0 8%;line-height:26px}.article-details .article-main .article-context .about .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 0 16px 0;color:#999;font-size:12px;border-bottom:1px solid #d8d8d8}.article-details .article-main .article-context .about .info .left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.article-details .article-main .article-context .about .info .left #tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-left:20px}.article-details .article-main .article-context .about .info .left #tags #labels span{margin-left:10px;padding:2px 4px;border:1px solid #999;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;color:#999}.article-details .article-main .article-context .about .info .right small{font-size:12px;margin-left:20px}.article-details .article-main .article-context .img_or_video{margin-top:32px;margin-bottom:28px;text-align:center;position:relative}.article-details .article-main .article-context .img_or_video img,.article-details .article-main .article-context .img_or_video video{width:90%;height:auto}.article-details .article-main .article-context .img_or_video #play{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:50px;height:50px;background:url('../images/idcr-play-default.png') no-repeat center;background-size:cover;-webkit-transition:all .5s ease;transition:all .5s ease;pointer-events:none}.article-details .article-main .article-context .text{color:#666}.article-details .article-main .article-context .text p{font-size:14px;color:#666;margin-bottom:30px;margin:20px 0;line-height:28px;letter-spacing:.54px}.article-details .article-main .article-context .text img{margin:0 auto;max-width:100%}.article-details .article-main .article-context .text p,.article-details .article-main .article-context .text span,.article-details .article-main .article-context .text a,.article-details .article-main .article-context .text label,.article-details .article-main .article-context .text div,.article-details .article-main .article-context .text i,.article-details .article-main .article-context .text strong,.article-details .article-main .article-context .text b,.article-details .article-main .article-context .text span{font-family:Helvetica Neue,PingFang SC,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,Heiti SC,STHeiti,WenQuanYi Micro Hei,tahoma,sans-serif !important}.article-details .article-main .article-context .callout{width:100%;background-color:#ebebeb;border-radius:4px;color:#999;padding:20px;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:40px;line-height:20px}.article-details .article-main .article-context .pre-down{text-align:center;margin:20px auto}.article-details .article-main .article-context .pre-down a{margin:0 10px;padding:8px 18px;display:inline-block;border:solid 1px #999;font-size:14px;color:#666;border-radius:4px}.article-details .article-main .article-context .pre-down .click:hover{color:#fff;border:solid 1px #216cee;background-color:#216cee}.article-details .article-main .article-about{width:25%;margin-left:5%;margin-top:80px;text-align:center}.article-details .article-main .article-about .introduce{width:100%;background:#fff;-webkit-box-shadow:0 6px 31px 0 rgba(0,0,0,0.14);box-shadow:0 6px 31px 0 rgba(0,0,0,0.14);border-radius:10px;overflow:hidden;padding:50px 0;position:relative}.article-details .article-main .article-about .introduce img{width:25%;border-radius:100%}.article-details .article-main .article-about .introduce .name{font-size:18px;font-weight:bold;color:#333;margin-top:20px;position:relative}.article-details .article-main .article-about .introduce .name:after{content:'';width:60%;height:1px;background-color:#666;position:absolute;top:30px;left:20%}.article-details .article-main .article-about .introduce .job{font-size:14px;color:#666;margin-bottom:20px;max-width:60%;margin:26px auto;line-height:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.article-details .article-main .article-about .introduce a{display:inline-block;background-color:#216cee;border-radius:4px;font-size:16px;color:#fff;letter-spacing:1.2px;padding:10px 8%;text-align:center}.article-details .article-main .article-about .article-hot{width:100%;background:#fff;-webkit-box-shadow:0 6px 31px 0 rgba(0,0,0,0.14);box-shadow:0 6px 31px 0 rgba(0,0,0,0.14);border-radius:10px;overflow:hidden;margin-top:60px;position:relative}.article-details .article-main .article-about .article-hot h3{margin-top:34px;margin-bottom:38px;font-size:16px;color:#333;font-weight:bold}.article-details .article-main .article-about .article-hot ul{width:90%;margin:auto}.article-details .article-main .article-about .article-hot ul a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:30px}.article-details .article-main .article-about .article-hot ul li img{width:80px;height:80px;border-radius:4px;margin-right:16px}.article-details .article-main .article-about .article-hot ul li .text-about{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.article-details .article-main .article-about .article-hot ul li .text-about .hot-title{color:#333;font-size:14px;font-weight:bold;text-align:left;word-break:break-all;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.article-details .article-main .article-about .article-hot ul li .text-about .hot-zhaiyao{color:#666;font-size:12px;text-align:left;line-height:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:58px}.article-details .article-main .article-about .article-hot ul li .text-about .hot-date{font-size:12px;width:100%;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.article-details .article-main .article-about .introduce:before,.article-details .article-main .article-about .article-hot:before{content:"";width:100%;height:16px;background-color:#216cee;position:absolute;top:0;left:0}@media only screen and (max-width:1024px){.article-details .back{margin:20px auto}.article-details .back .icon-back{display:none}.article-details .article-info{opacity:1;visibility:visible;height:auto;margin-top:20px}.article-details .article-main .article-context h3{padding:0;text-align:center}.article-details .article-main .article-context .img_or_video{margin:14px auto}.article-details .article-main .article-context .about .info .left #tags{display:none}.article-details .article-main .article-context .pre-down a{background-color:#216cee;color:#fff;border:0}.article-details .article-main .article-about{display:none}}@media only screen and (max-width:736px){.article-details .back{margin:20px auto}.article-details .article-info{opacity:1;visibility:visible;height:auto;margin-top:20px}.article-details .article-main .article-context h3{padding:0;text-align:left}.article-details .article-main .article-context .img_or_video{margin:14px auto}.article-details .article-main .article-context .about .info .left #tags{display:none}.article-details .article-main .article-context .pre-down a{background-color:#216cee;color:#fff;border:0}.article-details .article-main .article-about{display:none}}