.idle-top-wap .idle-top .icon-more span{font-size:14px}.idle-top-wap .idle-top .icon-more span i{margin-right:14px}.article-index-wrap{margin-bottom:100px}.article-index-wrap .article-index-top{width:1200px;margin:60px auto;height:406px;display:-webkit-box;display:-ms-flexbox;display:flex}.article-index-wrap .swiper-button-prev:focus,.article-index-wrap .swiper-button-next:focus{outline:none}.article-index-wrap .article-index-swiper1{width:590px;position:relative}.article-index-wrap .article-index-swiper1 .swiper-container{width:590px;height:100%}.article-index-wrap .article-index-swiper1 .swiper-container .swiper-slide::after{display:block;content:'';width:100%;height:100%;position:absolute;background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.7)));background:linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.7) 100%);border-radius:0px 0px 2px 2px;top:0;left:0}.article-index-wrap .article-index-swiper1 .swiper-container .background-image{display:block;width:100%;height:100%;background-size:cover;background-repeat:no-repeat}.article-index-wrap .article-index-swiper1 .button-icon{opacity:0;background:#000000;width:60px;height:60px;color:#FFFFFF;font-size:20px;text-align:center;line-height:60px;z-index:100;cursor:pointer}.article-index-wrap .article-index-swiper1 .button-icon:hover{opacity:1 !important}.article-index-wrap .article-index-swiper1 .button-icon:focus{outline:none}.article-index-wrap .article-index-swiper1 .swiper-pagination-bullet{border:1px solid #FFFFFF;width:6px;-webkit-box-sizing:border-box;box-sizing:border-box;height:6px}.article-index-wrap .article-index-swiper1 .swiper-pagination-bullet-active{background:#FFFFFF;width:6px;height:6px}.article-index-wrap .article-index-swiper1 .swiper-slide-iocn{width:90px;position:absolute;top:0;left:-1px;z-index:2}.article-index-wrap .article-index-swiper1 .swiper-slide-iocn img{width:100%}.article-index-wrap .article-index-swiper1 .swiper-slide-bottom{position:absolute;bottom:50px;left:30px;z-index:2}.article-index-wrap .article-index-swiper1 .swiper-slide-bottom h4{font-size:25px;font-family:PingFangSC-Semibold, PingFang SC;font-weight:600;color:#fff;line-height:25px;margin-bottom:15px}.article-index-wrap .article-index-swiper1 .swiper-slide-bottom p{font-size:15px;font-family:PingFangSC-Regular, PingFang SC;font-weight:400;color:#fff;line-height:15px}.article-index-wrap a{display:block;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}.article-index-wrap .nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.article-index-wrap .nav-list li{width:305px;height:203px}.article-index-wrap .nav-list li a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.article-index-wrap .nav-list li a::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;display:block;opacity:1;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;background:#000;opacity:0.35}.article-index-wrap .nav-list li a:hover{transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s}.article-index-wrap .nav-list li a:hover::after{opacity:0.3}.article-index-wrap .nav-list li a .nav-list-title{font-size:25px;font-family:PingFangSC-Semibold, PingFang SC;font-weight:600;color:#fff;line-height:36px;position:absolute;z-index:2;padding:0 45px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-index-wrap .nav-list li a .nav-list-type{font-size:12px;font-family:PingFangSC-Semibold, PingFang SC;font-weight:600;color:#fff;line-height:17px;position:absolute;z-index:2;bottom:8px;right:8px}.article-index-wrap .nav{margin:0 auto 40px;max-width:1400px;position:relative}.article-index-wrap .nav .banner2-prev,.article-index-wrap .nav .banner2-next{background:none;top:25px;color:#999}.article-index-wrap .nav .banner2-prev i,.article-index-wrap .nav .banner2-next i{font-size:18px;font-weight:bolder;top:1px;line-height:44px}.article-index-wrap .nav .banner2-prev{left:60px}.article-index-wrap .nav .banner2-next{right:45px}.article-index-wrap .nav .swiper-button-disabled{opacity:0}.article-index-wrap .nav .swiper-wrapper{padding-bottom:40px;width:1200px;margin:0 auto}.article-index-wrap .nav .swiper-slide{height:50px;min-width:81px;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;border-radius:6px;overflow:hidden}.article-index-wrap .nav .swiper-slide h3{color:#fff;font-size:14px;font-weight:bold;letter-spacing:0;line-height:14px;text-shadow:0 1px 0 rgba(0,0,0,0.5);position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1}.article-index-wrap .nav .swiper-slide a{width:100%;height:100%;display:block;position:relative}.article-index-wrap .nav .swiper-slide a::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);opacity:1}.article-index-wrap .nav .swiper-slide:hover{-webkit-box-shadow:0 10px 15px rgba(0,61,142,0.35);box-shadow:0 10px 15px rgba(0,61,142,0.35)}.article-index-wrap .nav::before{content:'';position:absolute;left:-1px;top:0;width:100px;height:50px;background-image:-webkit-gradient(linear, left top, right top, from(#fafafa), color-stop(70%, rgba(250,250,250,0.7)));background-image:linear-gradient(90deg, #fafafa 0%, rgba(250,250,250,0.7) 70%);z-index:2}.article-index-wrap .nav::after{content:'';position:absolute;right:-15px;top:0;width:100px;height:50px;background-image:-webkit-gradient(linear, right top, left top, from(#fafafa), color-stop(70%, rgba(250,250,250,0.7)));background-image:linear-gradient(-90deg, #fafafa 0%, rgba(250,250,250,0.7) 70%);z-index:2}.article-index-wrap .article-index-content{width:1220px;margin:0 auto 0px}.article-index-wrap .article-index-content .content-nav{width:1200px;margin:0 auto 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:PingFangSC-Medium;font-size:18px;letter-spacing:0;line-height:18px}.article-index-wrap .article-index-content .content-nav .border{position:absolute;left:50%;bottom:0;transform:translate(-50%, 0);height:2px;width:0;background:none;display:block;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);-webkit-transition:all 1s ease 0s;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.article-index-wrap .article-index-content .content-nav li{position:relative;padding-bottom:20px;cursor:pointer;color:#999999;margin:0px 20px;-webkit-transition:all 1s ease 0s;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.article-index-wrap .article-index-content .content-nav li:hover{color:#333333}.article-index-wrap .article-index-content .content-nav li:hover .border{background:#333;width:100%}.article-index-wrap .article-index-content .content-nav .active{color:#333333}.article-index-wrap .article-index-content .content-nav .active .border{background:#333;width:100%}.user-public-test .public-test-nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px;margin-left:20px}.user-public-test .public-test-nav .active{color:#333333}.user-public-test .public-test-nav div{margin-right:40px;font-family:PingFangSC-Regular;font-size:14px;letter-spacing:0;text-align:center;line-height:14px;color:#999999;font-weight:bold;cursor:pointer}.user-public-test .public-test-nav div span{color:#999999;margin-left:5px}.user-article{min-height:600px;position:relative;margin-bottom:100px}.user-article .item{border-radius:6px;margin:0 0px 10px 0;float:left;position:relative;width:285px;padding:10px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.user-article .item a{border-radius:6px 6px 0 0;overflow:hidden}.user-article .item:hover{background:#FFFFFF;-webkit-box-shadow:0 15px 15px 0 rgba(15,37,64,0.1);box-shadow:0 15px 15px 0 rgba(15,37,64,0.1);border-radius:6px;z-index:2;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.user-article .item:hover .pic::after{opacity:1}.user-article .item .pic{width:100%;display:block;overflow:hidden;max-height:30rem;border-radius:6px;position:relative;background:#fff}.user-article .item .pic::after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";display:block;background:rgba(255,255,255,0.3);opacity:0;z-index:10;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s}.user-article .item .pic img{height:auto;width:100%;border-radius:6px}.user-article .item .content{padding:20px 10px;background:#fff;border-radius:0px 0px 6px 6px;overflow:hidden}.user-article .item .content .title{font-family:PingFangSC-Medium;font-size:16px;color:#333333;line-height:22px}.user-article .item .content p{padding:14px 0 0 0;font-family:PingFangSC-Regular;font-size:13px;color:#666666;line-height:20px;word-break:break-all}.user-article .item .content .operation{padding-top:10px;position:relative;font-family:PingFangSC-Regular;font-size:12px;color:#C9D6DE}.user-article .item .content .operation .forum_homed{right:0;position:absolute}.user-article .item .content .operation i{font-size:18px;color:#C9D6DE;margin-right:10px;vertical-align:middle}.user-article .item .content .operation .like{margin-right:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.user-article .user-info{padding-top:14px}.user-article .user-info img{width:100%;height:100%;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.user-article .user-info .avatar{width:24px;height:24px;border-radius:100%;overflow:hidden}.user-article .user-info .username{font-family:PingFangSC-Medium;font-size:12px;color:#666666;padding:0 0 0 10px;line-height:24px}.user-article .user-info .spot{display:block;width:4px;height:4px;background:#D8D8D8;margin:11px 6px;border-radius:100%}.user-article .user-info .time{font-family:PingFangSC-Medium;font-size:12px;color:#999999;line-height:24px}.floor-footer-w{margin:0 auto 0px;width:140px;height:40px}.floor-footer-w .loading-more{height:40px;line-height:40px;width:140px;background-image:-webkit-gradient(linear, left top, left bottom, from(#4790E5), to(#52A5F4));background-image:linear-gradient(-180deg, #4790E5 0%, #52A5F4 100%);border-radius:100px;color:#fff;text-align:center;margin:0 auto;font-size:14px}.floor-footer-w div{display:none}.userinfo-pop-up-warp .arrow-icon{left:20px !important}.arrow-icon:before{left:-19px !important}.footer{position:static}.item{transition:all 0.6s ease 0s !important;-webkit-transition:all 0.6s ease 0s !important;-ms-transition:all 0.6s ease 0s !important;-o-transition:all 0.6s ease 0s !important;-moz-transition:all 0.6s ease 0s !important;opacity:0}.opacity{opacity:1}