@charset "UTF-8";
.viewer-container{z-index: 99999 !important}
img{cursor: pointer;}
@media screen and (min-width:768px){
.flex-between-center,.article .section.description .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.container,.article{width:1200px;margin:0 auto}
.article{margin-top:16px;background:#fff}
.article .section{padding:24px}
.article .section .title h2{font-size:20px;font-weight:bold;color:#4a4f58}
.article .section .title .line{width:100%;height:1px;background:#e3e6eb;margin-top:4px}
.article .section .title .line::before{content:"";display:block;width:20px;height:1px;background:#FF5B00}
.article .section .content{padding-top:24px;word-break: break-all;}
.article .section .content .row{margin:16px 0}
.article .section .content p{color:#4a4f58;font-size:14px;line-height:24px}
.article .section .content h1,.article .section .content h2,.article .section .content h3,.article .section .content h4,.article .section .content h5,.article .section .content h6{margin:16px 0;font-weight:bold}
.article .section.description .content{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.article .section.description .content .content-left{width:986px}
.article .section.description .content .content-left .desc{text-align:justify;font-size:14px;line-height:24px}
.article .section.description .content .content-left .names{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;line-height: 26px}
.article .section.description .content .content-left .names .name{max-width: 60%;}
.article .section.description .content .content-left .names .alias{ flex: 1;}
.article .section.description .content .content-left .alias{color:#93979f;margin-left:40px}
.article .section.description .content .cover{width:120px;height:120px;border:1px dashed #93979f;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.article .section.description .content .cover img{width:120px;height:120px}
/*.article .section.params .tr{width:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-left:1px solid #e3e6eb;flex-wrap: wrap;}*/
/*.article .section.params .tr:first-child{border-top:1px solid;border-left:1px solid;border-color:#e3e6eb}*/
/*.article .section.params .tr .group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50%}*/
/*.article .section.params .tr .th,.article .section.params .tr .td{line-height:40px;font-size:14px;height:40px;border-right:1px solid;border-bottom:1px solid;border-color:#e3e6eb;-webkit-box-sizing:border-box;box-sizing:border-box}*/
/*.article .section.params .tr .th a,.article .section.params .tr .td a{color:#FF5B00}*/
/*.article .section.params .tr .th{background:#f4f5f8;width: 30%;}*/
/*.article .section.params .tr .td{background:#ffffff;width: 70%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}*/
.article .section.params .content{width:100%;font-size:14px;border-collapse:unset;border-spacing:unset}
.article .section.params .content.mobile{display: none;}
.article .section.params .content tr td{padding:8px;line-height:1.6;border-top:1px solid;border-left:1px solid;border-color:#e3e6eb !important}
.article .section.params .content tr td:last-child{border-right:1px solid}
.article .section.params .content tr:last-child td{border-bottom:1px solid}
.article .section.params .content tr .th{width:18%;background:#f4f5f8}
.article .section.params .content tr .td a { color:#FF5B00 }
.article .section.approve .content .name{font-size:14px;line-height:24px}
.article .section.approve .content a{color:#FF5B00}
.article .section.approve .content .img-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.article .section.approve .content .img-list img{width:120px;height:120px;border:1px dashed #93979f;-webkit-box-sizing:border-box;box-sizing:border-box;margin:16px 16px 0 0}
.article .section.effect .content img{display:block;width:100%}
.article .section.question .content .collapse{margin-bottom:12px}
.article .section.question .content .collapse dt,.article .section.question .content .collapse dd{position:relative;font-size:14px;line-height:24px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 32px;text-align:justify}
.article .section.question .content .collapse dt span,.article .section.question .content .collapse dd span{display:inline-block;width:20px;height:20px;margin-right:8px;text-align:center;line-height:20px;border-radius:2px;color:#fff;font-size:12px;position:absolute;top:2px;left:0}
.article .section.question .content .collapse dt{font-weight:bold}
.article .section.question .content .collapse dt span{background:#ffa457}
.article .section.question .content .collapse dt .icon{position:absolute;right:0;top:2px;cursor:pointer}
.article .section.question .content .collapse dd{padding-right:0;margin-top:4px;}
.article .section.question .content .collapse dd span{background:#34cc8c}
.article .section.publish-info{display: flex;justify-content: space-between;align-items: center;font-size: 12px;color: #666}
.article .section.some-link .group{ display: flex;justify-content: space-between;align-items: center; }
.article .section.some-link .group .link{flex: 1; display: flex; align-items: center;margin-top: 24px}
.article .section.some-link .group .link .name{ font-size: 14px; margin-left: 16px;max-width: 300px;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 1.6}
.article .section.some-link .group .link .name:hover{ color: #FF5B00 }
.article .section.some-link .group .link .image{ width: 88px;height: 88px; }

.article .section.related-video .content::after{content: "";display: block;clear:both;}
.article .section.related-video .content .video-control{width: 338px;height: 230px;position: relative;background: #f1f1f1;float: left;margin: 24px 24px 0 0;}
.article .section.related-video .content .video-control .video-title { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 40px; background: rgba(0,0,0,0.39); text-align: center; line-height: 40px ; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 16px; box-sizing: border-box;padding: 0 16px; }
.article .section.related-video .content .video-control:nth-child(1),
.article .section.related-video .content .video-control:nth-child(2),
.article .section.related-video .content .video-control:nth-child(3){margin-top: 0;}
.article .section.related-video .content .video-control video{width: 100%;height: 100%;position: relative;z-index: 6}
.article .section.related-video .content .video-control .play{display: block;position: absolute;left: 50%;top: 50%; border-radius: 50%; width: 48px;height: 48px; transform: translate(-50%,-50%);background: url(/img/activity/pc-palyer.png);cursor: pointer;z-index: 9;background-size: 48px 48px;}


.article .section .content::after{content:"";display:block;visibility:hidden;width:0;clear:both}
.article .section .recommend-section{display: block; float:left;width:372px;height:546px;margin:0 18px 18px 0;background:#ffffff;border-radius:2px;overflow:hidden;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;border: 1px solid #E3E6EB;box-sizing: border-box;}
/*.article .section .recommend-section:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}*/
.article .section .recommend-section  h3{margin: 0;}
.article .section .recommend-section:hover h3{color:#FF5B00}
.article .section .recommend-section:nth-child(3n){margin-right:0}
.article .section .recommend-section .cover{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:260px}
.article .section .recommend-section .cover img{width:246px;height:246px}
.article .section .recommend-section .content{padding:16px 16px 0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.article .section .recommend-section .content h3{-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;font-weight:bold;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.article .section .recommend-section .content .title{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:52px;color:#4a4f58;margin-top:12px;line-height:26px;text-align:justify;word-break:break-all}
.article .section .recommend-section .content .question{margin:12px 0;height:78px}
.article .section .recommend-section .content .question p{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#93979f;line-height:26px;font-size:14px}
.article .section .recommend-section .content .question p:nth-child(3)~p{display: none}
.article .section .recommend-section .content .tag-list{height:24px}
.article .section .recommend-section .content .tag-list .tag{display:inline-block;height:24px;line-height:24px;background:#fef6f3;border-radius:2px;font-size:12px;color:#FF5B00;padding:0 8px;margin-right:8px}
.article .section .recommend-section .content .dashed-line{margin-top:12px;height:0px;border-bottom:1px dashed #b8bfca}
.article .section .recommend-section .content .footer{height:50px;line-height:50px;font-size:14px;color:#93979f;display: flex;justify-content: space-between;}

.contact-popup{display: none; position:fixed;top: 50%;left: 50%;z-index: 99999; transform: translate(-50%,-50%); width:314px;height:418px;overflow:hidden;background:url(/img/encyclopedia/contact.png) no-repeat center}
.contact-popup .close{position:absolute;display:block;width:30px;height:30px;text-align:center;line-height:30px;top:10px;right:20px;font-size:28px;color:#2c3038;cursor:pointer}
.contact-popup .content{margin-top:130px}
.contact-popup .content p{font-size:16px;text-align:center;line-height:32px;color:#9aa5b5;margin:0}
.contact-popup .content p.tel{color:#FF5B00}
.contact-popup .content p.time{color:#2c3038}

.video-popup{position: fixed;width: 100vw;height: 100vh;top: 0; left: 0;background: #333;z-index: 99999}
/*.video-popup .mask{width: 100vw;height: 100vh;background: #333333;}*/
.video-popup .content{width: 944px;height: 642px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #f1f1f1;}
.video-popup .content video{width: 100%;height: 100%;display: block;}
.video-popup .close {position: absolute;right: 15px;top: 15px; width: 36px;height: 36px;background: url(/img/activity/pc_close.png);background-size: 36px;cursor: pointer;}
}
@media screen and (max-width:768px){
img{max-width: 100%;}
.flex,.flex-start-center,.article .section.approve .img-list,.article .section.params .tr .group,.flex-between-center,.flex-center{display:-webkit-box;display:-ms-flexbox;display:flex}
.flex-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.flex-between-center{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.flex-start-center,.article .section.approve .img-list,.article .section.params .tr .group{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
body{padding-top:40.3vw}
.navigate{display:block;background:#fff;top:29.5vw;position:fixed;-webkit-box-shadow:1vw 0 2vw rgba(0,0,0,0.1);box-shadow:1vw 0 2vw rgba(0,0,0,0.1);z-index: 10;}
.navigate ul{overflow-x:scroll;width:100vw;height:10.8vw;padding:4vw 4vw 0;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}
.navigate ul::-webkit-scrollbar{display:none}
.navigate ul li{position:relative;display:inline-block;height:6.8vw;margin-right:5.6vw}
.navigate ul li:last-child{margin-right:0}
.navigate ul li::after{content:"";position:absolute;left:50%;bottom:0.4vw;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:block;width:8.8vw;height:0.4vw;background:#fff}
.navigate ul li a{display:block;font-size:3.2vw;line-height:5vw;color:#9498a0}
.navigate ul li.active a{color:#FF5B00}
.navigate ul li.active::after{background:#FF5B00}
.article{padding:4vw;margin-top:2.4vw;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}
.article .section .title h2{font-size:3.6vw;font-weight:bold}
.article .section .title .line{width:100%;height:1px;margin-top:1vw;background:#e3e6eb}
.article .section .title .line::before{content:"";display:block;width:3.5vw;height:0.2vw;background:#FF5B00}
.article .section .content{padding:3.2vw 0; word-break: break-all;}
.article .section .content h1,.article .section .content h2,.article .section .content h3,.article .section .content h4,.article .section .content h5,.article .section .content h6{font-weight:bold;margin:3.2vw 0}
.article .section .content p{font-size:3.2vw;line-height:5.6vw;text-align:justify;margin:1.6vw 0}
.article .section.description .names{font-size:3.2vw;line-height:5.6vw}
.article .section.description .names .alias{color:#93979f}
.article .section.description .desc{text-align:justify;font-size:3.2vw;line-height:5.6vw;margin:3.2vw 0}
.article .section.description .cover img{display:block;width:23.6vw;height:23.6vw;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px dashed #e3e6eb}
.article .section.params .content.pc{display: none;}
.article .section.params .tr{line-height:5.6vw}
.article .section.params .tr .group{font-size:3.2vw;margin:1.6vw 0}
.article .section.params .tr .group .th::after{content:"："}
.article .section.params .tr .group .td>a{ color: #FF5B00;}
.article .section.approve .name{font-size:3.2vw}
.article .section.approve .img-list{ overflow-x:scroll;}
.article .section.approve .img-list img{display:block;/*width:23.6vw;*/height:23.6vw;border:1px dashed #e3e6eb;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:2.4vw;margin-top:2.4vw}
.article .section.effect img{display:block;max-width:100%}
.article .section.question .collapse dt,.article .section.question .collapse dd{font-size:3.2vw}
.article .section.question .collapse dt span,.article .section.question .collapse dd span{display:inline-block;vertical-align:middle;width:4vw;height:4vw;border-radius:0.2vw;text-align:center;line-height:4vw;color:#fff;margin-right:2.4vw}
.article .section.question .collapse dt{position:relative;padding-right:6.4vw;height:6.4vw;line-height:6.4vw;margin:1.6vw 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.article .section.question .collapse dt span{background:#ffa457}
.article .section.question .collapse dt .icon{position:absolute;right:0;top:0}
.article .section.question .collapse dd{line-height:5.6vw;margin:1.6vw 0;text-align:justify}
.article .section.question .collapse dd span{background:#34cc8c}
.contact-popup{display: none; position:fixed;top: 50%;left: 50%;z-index: 99999; transform: translate(-50%,-50%); width:80vw;height:100vw;overflow:hidden;background:url(/img/encyclopedia/contact.png) no-repeat center;background-size:80vw auto}
.contact-popup .close{position:absolute;display:block;width:8vw;height:8vw;text-align:center;line-height:8vw;top:0;right:5vw;font-size:8vw;color:#2c3038;cursor:pointer}
.contact-popup .content{margin-top:30vw}
.contact-popup .content p{font-size:4.2vw;text-align:center;line-height:8vw;color:#9aa5b5;margin:0}
.contact-popup .content p.tel{color:#FF5B00}
.contact-popup .content p.time{color:#2c3038}
.article .section.publish-info{display: flex;justify-content: space-between;align-items: center;font-size: 2.8vw;color: #aaa;margin: 4.8vw 0}
.article .section.some-link .group .link{flex: 1; display: flex; align-items: center;margin-top: 4.2vw}
.article .section.some-link .group .link .name{ font-size: 3.6vw; margin-left: 1.8vw;max-width: 60vw;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 1.6}
.article .section.some-link .group .link .name:hover{ color: #FF5B00 }
.article .section.some-link .group .link .image{ width: 24vw;height: 24vw;box-sizing: border-box;border: 1px solid #E3E6EB; }

.article .section.related-video .content {overflow-y: scroll;white-space: nowrap;width: 99vw;margin-left: -3.2vw;}
.article .section.related-video .content .video-control{width: 75.6vw;height: 51.5vw;position: relative;background: #f1f1f1;display: inline-block;margin-left: 3.2vw;}
.article .section.related-video .content .video-control:last-child{margin-right: 3.2vw;}
.article .section.related-video .content .video-control video{width: 100%;height: 100%;position: relative;z-index: 6}
.article .section.related-video .content .video-control .play{display: block;position: absolute;left: 50%;top: 50%; border-radius: 50%; width: 10.8vw;height: 10.8vw; transform: translate(-50%,-50%);background: url(/img/activity/pc-palyer.png);cursor: pointer;z-index: 9;background-size: 10.8vw 10.8vw;}
    .article .section.related-video .content .video-control .video-title { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 8.8vw; background: rgba(0,0,0,0.39); text-align: center; line-height: 8.8vw ; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 3.4vw; box-sizing: border-box;padding: 0 3.4vw; }

.article .section.recommend {margin-top: 3.2vw;}
.article .section .recommend-section {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display: flex;padding: 2.4vw 0;border-top: 1px solid #B8BFCA;}
.article .section .recommend-section:first-child {border-top: 0;}
.article .section .recommend-section .cover{margin-right:2.4vw}
.article .section .recommend-section .cover img{display:block;width:30.4vw;height:30.4vw;border:1px solid #e1e1e1}
.article .section .recommend-section .content {flex: 1;padding: 0}
.article .section .recommend-section .content h3{margin: 0;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:4vw;height:4vw;font-size:3.6vw;font-weight:bold;word-break: break-all;}
.article .section .recommend-section .content .title{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1.6vw;font-size:3.2vw;line-height:4.6vw;text-align:justify;height:9.2vw; word-break: break-all;}
.article .section .recommend-section .content .question{height:10vw;margin:2.4vw 0}
.article .section .recommend-section .content .question p{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:2.6vw;line-height:5vw;color:#93979f}
.article .section .recommend-section .content .question p:nth-child(2)~p{display: none}
.article .section .recommend-section .content .tag-list{height:4.8vw;-ms-flex-wrap:wrap;flex-wrap:wrap}
.article .section .recommend-section .content .tag-list .tag{height:4.8vw;padding:0 1.2vw;margin-right:1.6vw;background:#fef6f3;border-radius:0.2vw;font-size:2.6vw;color:#FF5B00;line-height:4.8vw}
.article .section .recommend-section .content .tag-list .tag:last-child{display:none}
.article .section .recommend-section .content .dashed-line{display:none}
.article .section .recommend-section .content .footer{height:8vw;font-size:2.6vw;color:#93979f;line-height:8vw}

.video-popup{position: fixed;width: 100vw;height: 100vh;top: 0; left: 0;background: #333;z-index: 99999}
/*.video-popup .mask{width: 100vw;height: 100vh;background: #333333;}*/
.video-popup .content{width: 100%;height: 100%;position: absolute;left: 0; top: 0;}
.video-popup .content video{width: 100%;height: 100%;display: block;}
.video-popup .close {position: absolute;right: 3.6vw;top: 3.6vw; z-index: 1; width: 7.2vw;height: 7.2vw;background: url(/img/activity/pc_close.png);background-size: 7.2vw;cursor: pointer;}

}