.articlepage-nav>ul:after,.articlepage-nav>ul:before,.clearfix:after,.clearfix:before{display:table;content:" "}.articlepage-nav-main:after,.articlepage-nav>ul:after,.clearfix:after{clear:both;visibility:hidden;font-size:0}.clearfix{zoom:1}.clearfix:after{height:0}@keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes translateToLeft{0%{opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes translateToLeft{0%{opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes translateToRight{0%{opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes translateToRight{0%{opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes ripple{0%{bottom:83px;right:35px;opacity:.1;width:40px;height:40px}100%{bottom:54px;right:6px;opacity:0;width:100px;height:100px}}.articlepage-banner{background:url(/img/pc/img_bg_article.jpg) center center no-repeat;height:500px}.articlepage-box{margin:160px 0 0}.articlepage-nav{height:72px;margin-bottom:20px;min-width:1080px}.articlepage-nav>ul{zoom:1;border-bottom:1px solid #DDD;height:72px;margin:0 auto;width:1080px}.articlepage-nav>ul:after{height:0}.articlepage-nav-single{cursor:pointer;float:left;height:72px;width:160px}.articlepage-nav-single .img_default{display:block}.articlepage-nav-single .img_hover{display:none}.articlepage-nav-single.active .articlepage-nav-box{color:#378CFF}.articlepage-nav-single.active .join-nav-line{display:block}.articlepage-nav-single.active .img_default{display:none}.articlepage-nav-single.active .img_hover{display:block}.articlepage-nav-main{position:relative;margin:0 auto;zoom:1}.articlepage-nav-main:after,.articlepage-nav-main:before{content:" ";display:table}.articlepage-nav-main:after{height:0}.articlepage-nav-main>p{position:absolute;bottom:0;width:100%;height:4px;background-color:#1482FF;display:none}.articlepage-nav-box{color:#666;cursor:pointer;font-size:16px;height:30px;line-height:30px;margin:21px auto;width:100px}.articlepage-nav-box img{margin-right:10px;width:26px;float:left}.articlepage-nav-box>h2{font-size:16px;font-weight:400}.articlepage-mobile-nav{display:none}.articlepage-article{cursor:default;width:1080px;margin:0 auto 40px}.articlepage-article-img,.articlepage-article-img img{width:180px;height:120px}.articlepage-article-img{border-radius:2px;float:left;overflow:hidden}.articlepage-article-main{float:left;height:120px;margin-left:20px;width:880px}.articlepage-article-single{height:160px;padding:20px 0;width:100%}.articlepage-article-moreBtn{height:64px;margin:20px 0;width:100%;background:#F8F8F8;border-radius:2px;font-family:PingFangSC-Regular;font-size:16px;color:#333;letter-spacing:0;text-align:center;line-height:64px;cursor:pointer}.articlepage-article-moreBtn:hover{color:#1482ff}.articlepage-article-title{color:#333;font-size:20px;line-height:28px;margin:0;padding:0;word-break:break-all}.articlepage-article-title a{color:#333}.articlepage-article-title a:hover{color:#1482FF}.articlepage-article-text{color:#666;font-size:14px;height:72px;line-height:20px;padding:10px 0;width:100%;word-break:break-all}.articlepage-article-foot{color:#999;font-size:14px;font-weight:400;margin:0;padding:0}@media (max-device-width:769px){.articlepage-banner{background:url(/img/mobile/img_bg_article_m.jpg) center center no-repeat;height:250px;background-size:cover}.articlepage-banner .wrap{padding-left:0}.articlepage-box{display:block;width:100%;margin:74px auto 0;text-align:center;text-align:left;padding:0 60px 0 20px}.articlepage-box-title{font-size:25px;line-height:37px}.articlepage-box-detail{margin:12px 0 0;font-size:12px;line-height:16px}.articlepage-box-btn,.articlepage-nav{display:none}.articlepage-mobile-nav{margin-bottom:8px;display:block}.articlepage-mobile-nav ul{display:flex;zoom:1}.articlepage-mobile-nav ul:after,.articlepage-mobile-nav ul:before{content:" ";display:table}.articlepage-mobile-nav ul:after{clear:both;visibility:hidden;font-size:0;height:0}.articlepage-mobile-nav ul li{flex:1;height:40px;line-height:40px;float:left;text-align:center;font-size:15px;color:#666;border:1px solid #DDD;border-right-width:0}.articlepage-mobile-nav ul li:last-child{border-right-width:1px}.articlepage-mobile-nav ul li.active{background:#1482FF;border-color:#1482FF;color:#FFF}.articlepage-article{width:100%;margin-bottom:20px}.articlepage-article a:active .articlepage-article-single,.articlepage-article a:hover .articlepage-article-single{background:#f8f8f8}.articlepage-article a:active h3,.articlepage-article a:hover h3{color:#333}.articlepage-article-img{background:#666;float:left;height:60px;width:80px}.articlepage-article-img img{height:60px;width:80px}.articlepage-article-main{float:left;height:60px;margin-left:8px;width:calc(100% - 88px)}.articlepage-article-main .articlepage-article-title{font-size:16px;height:40px;line-height:20px}.articlepage-article-main .articlepage-article-text{display:none}.articlepage-article-main .articlepage-article-foot{font-size:10px;line-height:12px;margin-top:8px}.articlepage-article-single{height:75px;padding:7px 15px;width:100%}.articlepage-article-moreBtn{height:54px;line-height:40px;margin:0;padding:7px 15px;width:100%;background:#fff}.articlepage-article-moreBtn .moreBtn-btn{width:100%;background:#F8F8F8}}