body{background:#f8f9fd}.mb-hide{display:none}.main{padding:2.60417vw 0 5.20833vw;box-sizing:border-box}.main .articles-contain{width:73.95833vw;margin-top:3.125vw;padding:2.08333vw;display:flex;flex-direction:row;background:#ffffff;border-radius:.52083vw}.main .articles-contain .articles-list{width:39.63542vw;height:100%}.main .articles-contain .articles-list .articles-bar{width:100%;padding:.52083vw 3.4375vw;padding-bottom:0;box-sizing:border-box;display:flex;flex-direction:row;border-bottom:.05208vw solid rgba(0,0,0,0.1);position:relative}.main .articles-contain .articles-list .articles-bar .bar-item{cursor:pointer;font-size:1.04167vw;padding-bottom:1.04167vw;color:rgba(51,51,51,0.4)}.main .articles-contain .articles-list .articles-bar .bar-item:not(:first-child){margin-left:4.16667vw}.main .articles-contain .articles-list .articles-bar .active{color:#005fb9;font-weight:bold;border-bottom:.20833vw solid #005fb9}.main .articles-contain .articles-list .article-item{width:100%;padding:2.29167vw 0 1.61458vw;display:flex;flex-direction:row;align-items:center;border-bottom:.05208vw dashed rgba(0,0,0,0.1)}.main .articles-contain .articles-list .article-item .message{width:29.16667vw;display:flex;flex-direction:column;text-align:left;position:relative}.main .articles-contain .articles-list .article-item .message .article-title{font-size:1.25vw;color:#000000}.main .articles-contain .articles-list .article-item .message .article-time{margin-top:1.30208vw;font-size:.83333vw;color:rgba(0,0,0,0.6)}.main .articles-contain .articles-list .article-item .message .file-type{width:.9375vw;height:.9375vw;position:absolute;top:.41667vw;right:-.72917vw;transform:translateX(100%)}.main .articles-contain .articles-list .article-item .line{width:.05208vw;height:4.16667vw;margin-left:3.125vw;background:rgba(0,0,0,0.1)}.main .articles-contain .articles-list .article-item .article-types{width:7.44792vw;margin-left:1.5625vw;display:flex;flex-direction:row;flex-wrap:wrap}.main .articles-contain .articles-list .article-item .article-types .type-item{margin-right:.78125vw;margin-bottom:.78125vw;display:flex;align-items:center;justify-content:center;border-radius:.10417vw;background:#F5F7FA}.main .articles-contain .articles-list .article-item .article-types .type-item span{padding:.20833vw .41667vw;color:#A1A7B3;font-size:.72917vw}.main .articles-contain .articles-list .article-item .arrow{width:1.09375vw;height:.26042vw;margin-left:auto;background:url("../images/technology/articles/arrow.png");background-size:100% 100%;background-repeat:no-repeat}.main .articles-contain .articles-list .article-item:hover .message .article-title{color:#005FB9}.main .articles-contain .articles-list .article-item:hover .message .article-time{color:#005FB9}.main .articles-contain .articles-list .article-item:hover .arrow{background:url("../images/technology/articles/arrow-blue.png");background-size:100% 100%;background-repeat:no-repeat}.main .articles-contain .side{display:flex;flex-direction:column;align-items:center}.main .articles-contain .side .classification-list{width:26.82292vw;margin-left:3.85417vw;padding:1.5625vw;box-sizing:border-box;display:flex;flex-direction:column;border:.05208vw solid rgba(0,0,0,0.1);border-radius:.52083vw}.main .articles-contain .side .classification-list .list-title{font-size:1.25vw;color:#333333;text-align:left}.main .articles-contain .side .classification-list .line{width:100%;height:.05208vw;margin-top:.52083vw;background:rgba(0,0,0,0.1)}.main .articles-contain .side .classification-list .list{width:100%;margin-top:1.04167vw;display:flex;flex-direction:column;flex-wrap:wrap}.main .articles-contain .side .classification-list .list .classification-item-box{margin-top:1.04167vw}.main .articles-contain .side .classification-list .list .classification-item-box-title{text-align:left;font-size:1.04167vw;font-weight:normal;color:#333333}.main .articles-contain .side .classification-list .list .classification-item-container{margin-top:.52083vw;display:flex;flex-direction:row;flex-wrap:wrap}.main .articles-contain .side .classification-list .list .classification-item{cursor:pointer;margin:0 .52083vw 1.04167vw 0;background:#F5F5F5;border-radius:.20833vw;font-size:.83333vw;padding:.41667vw 1.04167vw;position:relative}.main .articles-contain .side .classification-list .list .classification-item label{position:absolute;left:0;top:0;width:100%;height:100%;padding:.41667vw 1.04167vw;border:none;background:#F5F5F5;font-size:.83333vw;color:rgba(0,0,0,0.4);z-index:1;zoom:1;overflow:hidden}.main .articles-contain .side .classification-list .list .classification-item input{position:absolute;left:0;top:0;display:inline;width:100%;height:100%;cursor:pointer;outline:none;opacity:0}.main .articles-contain .side .classification-list .list .classification-item span{z-index:0;position:relative;font-size:.83333vw;color:rgba(0,0,0,0.4)}.main .articles-contain .side .classification-list .list .active label{color:#ffffff;background:linear-gradient(134deg, #32F2F2 0%, #005FB9 100%)}.main .articles-contain .side .classification-list .list .active span{color:#ffffff}.main .articles-contain .side .hot-list{width:26.82292vw;margin-top:2.08333vw;margin-left:3.85417vw;padding:1.5625vw;box-sizing:border-box;display:flex;flex-direction:column;border:.05208vw solid rgba(0,0,0,0.1);border-radius:.52083vw}.main .articles-contain .side .hot-list .list-title{font-size:1.25vw;color:#333333;text-align:left}.main .articles-contain .side .hot-list .line{width:100%;height:.05208vw;margin-top:.52083vw;background:rgba(0,0,0,0.1)}.main .articles-contain .side .hot-list .list{margin-top:1.04167vw;display:flex;flex-direction:column}.main .articles-contain .side .hot-list .list .hot-item{display:flex;flex-direction:row;align-items:center}.main .articles-contain .side .hot-list .list .hot-item a{display:flex;flex-direction:row;align-items:center}.main .articles-contain .side .hot-list .list .hot-item .num{width:1.5625vw;height:1.5625vw;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.3);border-radius:.15625vw}.main .articles-contain .side .hot-list .list .hot-item .num span{font-size:1.04167vw;color:#ffffff;font-weight:400}.main .articles-contain .side .hot-list .list .hot-item .hot-title{margin-left:1.04167vw;font-size:1.04167vw;color:#333333;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.main .articles-contain .side .hot-list .list .hot-item:not(:first-child){margin-top:1.30208vw}.main .articles-contain .side .hot-list .list .hot-item:nth-child(1) .num,.main .articles-contain .side .hot-list .list .hot-item:nth-child(2) .num,.main .articles-contain .side .hot-list .list .hot-item:nth-child(3) .num{background:linear-gradient(to right, #32F2F2 0%, #005FB9 100%)}@media only screen and (max-width: 1023px){.pc-hide{display:none !important}.mb-hide{display:inline-block}.pagebox{position:static;left:0%;top:0;transform:translateX(-4%)}.main{width:100%;height:auto;padding:0vw 0 0vw;box-sizing:border-box}.main .articles-contain{width:100%;margin-top:8vw;padding:5.33333vw;display:flex;flex-direction:column;background:#ffffff;border-radius:1.33333vw}.main .articles-contain .articles-list{width:100%;height:100%}.main .articles-contain .articles-list .articles-bar{width:100%;padding:1.33333vw 8.8vw;padding-bottom:0;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;border-bottom:.05208vw solid rgba(0,0,0,0.1);position:relative}.main .articles-contain .articles-list .articles-bar .bar-item{cursor:pointer;font-size:3.2vw;padding-bottom:2.66667vw;color:rgba(51,51,51,0.4)}.main .articles-contain .articles-list .articles-bar .bar-item:not(:first-child){margin-left:0vw}.main .articles-contain .articles-list .articles-bar .active{border-bottom:.53333vw solid #005fb9}.main .articles-contain .articles-list .article-item{width:100%;padding:5.86667vw 0 4.13333vw;display:flex;flex-direction:row;align-items:center;border-bottom:.05208vw dashed rgba(0,0,0,0.1)}.main .articles-contain .articles-list .article-item a{width:100%}.main .articles-contain .articles-list .article-item .message{width:100%;display:flex;flex-direction:column;text-align:left;position:relative}.main .articles-contain .articles-list .article-item .message .article-title{width:90%;font-size:3.73333vw;color:#000000}.main .articles-contain .articles-list .article-item .message .article-types-mb{width:100%;height:auto;margin-top:2.13333vw;display:flex;flex-direction:row;flex-wrap:wrap}.main .articles-contain .articles-list .article-item .message .article-types-mb .type-item{padding:.53333vw 1.06667vw;background:#F5F7FA}.main .articles-contain .articles-list .article-item .message .article-types-mb .type-item span{font-size:2.66667vw;font-weight:normal;color:#A1A7B3}.main .articles-contain .articles-list .article-item .message .article-time{margin-top:2.93333vw;font-size:2.66667vw;color:rgba(0,0,0,0.6)}.main .articles-contain .articles-list .article-item .message .file-type{width:3.2vw;height:3.2vw;position:absolute;top:1.06667vw;right:4vw;transform:translateX(100%)}.main .articles-contain .articles-list .article-item .line{width:.05208vw;height:4.16667vw;margin-left:3.125vw;background:rgba(0,0,0,0.1)}.main .articles-contain .articles-list .article-item .arrow{width:1.09375vw;height:.26042vw;margin-left:auto;background:url("../images/technology/articles/arrow.png");background-size:100% 100%;background-repeat:no-repeat}.main .articles-contain .articles-list .article-item:hover .message .article-title{color:#005FB9}.main .articles-contain .articles-list .article-item:hover .message .article-time{color:#005FB9}.main .articles-contain .articles-list .article-item:hover .arrow{background:url("../images/technology/articles/arrow-blue.png");background-size:100% 100%;background-repeat:no-repeat}.main .articles-contain .side{display:flex;flex-direction:column;align-items:center}.main .articles-contain .side .classification-list{width:100%;margin-left:0vw;padding:0vw;box-sizing:border-box;display:flex;flex-direction:column;border:none;border-radius:0vw}.main .articles-contain .side .classification-list .list-title{font-size:3.73333vw;color:#333333;text-align:left}.main .articles-contain .side .classification-list .line{width:100%;height:.05208vw;margin-top:2.66667vw;background:rgba(0,0,0,0.1)}.main .articles-contain .side .classification-list .list{width:100%;margin-top:2.66667vw;display:flex;flex-direction:row;flex-wrap:wrap}.main .articles-contain .side .classification-list .list .classification-item-box{margin-top:2.66667vw}.main .articles-contain .side .classification-list .list .classification-item-box-title{text-align:left;font-size:3.2vw;font-weight:normal;color:#333333}.main .articles-contain .side .classification-list .list .classification-item-container{margin-top:1.33333vw;display:flex;flex-direction:row;flex-wrap:wrap}.main .articles-contain .side .classification-list .list .classification-item{cursor:pointer;margin:0 1.33333vw 2.66667vw 0;background:#F5F5F5;border-radius:.53333vw;font-size:3.2vw;padding:1.06667vw 3.33333vw;position:relative}.main .articles-contain .side .classification-list .list .classification-item label{position:absolute;left:0;top:0;width:100%;height:100%;padding:1.06667vw 3.33333vw;border:none;background:#F5F5F5;font-size:3.2vw;color:rgba(0,0,0,0.4);z-index:1;zoom:1;overflow:hidden}.main .articles-contain .side .classification-list .list .classification-item input{position:absolute;left:0;top:0;display:inline;width:100%;height:100%;cursor:pointer;outline:none;opacity:0}.main .articles-contain .side .classification-list .list .classification-item span{z-index:0;position:relative;font-size:3.2vw;color:rgba(0,0,0,0.4)}.main .articles-contain .side .classification-list .list .active label{color:#ffffff;background:linear-gradient(134deg, #32F2F2 0%, #005FB9 100%)}.main .articles-contain .side .classification-list .list .active span{color:#ffffff}.main .articles-contain .side .hot-list{width:100%;margin-top:5.33333vw;margin-left:0vw;padding:0vw;box-sizing:border-box;display:flex;flex-direction:column;border:none;border-radius:1.33333vw}.main .articles-contain .side .hot-list .list-title{font-size:3.73333vw;color:#333333;text-align:left}.main .articles-contain .side .hot-list .line{width:100%;height:.13333vw;margin-top:1.33333vw;background:rgba(0,0,0,0.1)}.main .articles-contain .side .hot-list .list{margin-top:2.66667vw;display:flex;flex-direction:column}.main .articles-contain .side .hot-list .list .hot-item{display:flex;flex-direction:row;align-items:center}.main .articles-contain .side .hot-list .list .hot-item a{display:flex;flex-direction:row;align-items:center}.main .articles-contain .side .hot-list .list .hot-item .num{width:4.26667vw;height:4.26667vw;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.3);border-radius:.4vw}.main .articles-contain .side .hot-list .list .hot-item .num span{font-size:2.66667vw;color:#ffffff;font-weight:400}.main .articles-contain .side .hot-list .list .hot-item .hot-title{margin-left:2.66667vw;font-size:3.2vw;color:#333333}.main .articles-contain .side .hot-list .list .hot-item:not(:first-child){margin-top:3.33333vw}.main .articles-contain .side .hot-list .list .hot-item:nth-child(1) .num,.main .articles-contain .side .hot-list .list .hot-item:nth-child(2) .num,.main .articles-contain .side .hot-list .list .hot-item:nth-child(3) .num{background:linear-gradient(to right, #32F2F2 0%, #005FB9 100%)}}