@font-face{font-family:icomoon;font-weight:400;font-style:normal}.component-message-wrap{width:auto;max-width:75%;display:inline-block;position:fixed;z-index:20;left:50%;top:-50px;border-radius:8px;padding:12px 24px;background-color:rgba(0,0,0,.8);color:#fff;pointer-events:all;box-shadow:0 2px 8px rgba(0,0,0,.2);-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation-name:message;animation-name:message}@-webkit-keyframes message{0%{top:-50px;opacity:1}10%{top:80px;opacity:1}80%{top:80px;opacity:1}to{top:-50px;opacity:0}}@keyframes message{0%{top:-50px;opacity:1}10%{top:80px;opacity:1}80%{top:80px;opacity:1}to{top:-50px;opacity:0}}.component-message-wrap div{display:-webkit-box;display:flex;-webkit-box-align:start;align-items:flex-start;font-size:28px}.component-message-wrap div i{width:30px;font-size:20px;display:block;line-height:1.1}.component-message-wrap div p{-webkit-box-flex:1;flex:1;word-break:break-all;line-height:1.1}.component-message-wrap .success i{color:#87d068}.component-message-wrap .warn i{color:#fa0}.component-message-wrap .error i{color:#f50}.component-button-wrap{text-align:center;border-radius:8px;border-width:1px;border-style:solid;-webkit-transition:all .3s;transition:all .3s;outline:none}.component-button-wrap.primary{background-color:#ff7c42;color:#fff;border-color:#ff7c42}.component-button-wrap.primary:hover{background-color:#fff;color:#ff7c42;border-color:#ff7c42}.component-button-wrap.primary:active{background-color:#fff;border-color:#ff7c42}.component-button-wrap.primary-o{background-color:#fff;color:#ff7c42;border-color:#ff7c42}.component-button-wrap.primary-o:active{color:#ff7c42;border-color:#ff7c42}.component-button-wrap.gary{background-color:#fff;color:#ff7c42;border-color:#ff7c42}.component-button-wrap.gary:hover{background-color:#a5a5a9;border-color:#a5a5a9}.component-button-wrap.gary:active{background-color:#87878c;border-color:#87878c}.component-button-wrap.gary-o{background-color:#fff;color:#8e8e93;border-color:#8e8e93}.component-button-wrap.gary-o:hover{color:#a5a5a9;border-color:#a5a5a9}.component-button-wrap.gary-o:active{color:#87878c;border-color:#87878c}.component-button-wrap.primary[disabled]{background-color:#a9ccbc;border-color:#a9ccbc}.component-button-wrap.primary-o[disabled]{color:#a9ccbc;border-color:#a9ccbc}.component-button-wrap.gary[disabled]{background-color:#d7d7d9;border-color:#d7d7d9}.component-button-wrap.gary-o[disabled]{color:#d7d7d9;border-color:#d7d7d9}.component-button-wrap.small{font-size:24px;line-height:24px;padding:16px 20px}.component-button-wrap.middle{font-size:28px;line-height:28px;padding:18px 46px}.component-button-wrap.big{font-size:32px;line-height:32px;padding:30px 60px}.component-button-group-wrap{display:inline-block}.component-button-group-wrap>*{border-radius:0}.component-button-group-wrap>:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.component-button-group-wrap>:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.component-login-wrap{position:fixed;z-index:10;top:140px;left:50%;width:710px;margin-left:-355px;background-color:#fff;border-radius:8px}.component-login-wrap .modal-title{margin:20px 40px;position:relative}.component-login-wrap .modal-title .title-name{text-align:center}.component-login-wrap .modal-title .title-left{position:absolute;top:0;left:0;color:#8e8e93}.component-login-wrap .modal-title .title-right{position:absolute;top:0;right:0}.component-login-wrap .modal-body{margin:0 40px}.component-login-wrap .modal-body .input-line{height:88px;padding:20px 30px;background-color:#efeff2;border-radius:8px;margin-bottom:24px}.component-login-wrap .modal-body .input-line input{display:block;height:48px;line-height:48px;background:none;border:0 none;padding:0;outline:none;font-size:32px}.component-login-wrap .modal-body .password-line{position:relative}.component-login-wrap .modal-body .password-line input{margin-right:120px;width:auto}.component-login-wrap .modal-body .password-line a{position:absolute;top:20px;right:30px;line-height:48px;color:#ff7c42}.component-login-wrap .modal-body .login-btn{font-size:32px;line-height:32px;padding-top:27px;padding-bottom:27px;width:100%}.component-login-wrap .modal-body .error-line{color:#a94442}.component-login-wrap .other-login{text-align:center;margin-top:60px;margin-bottom:48px}.component-login-wrap .other-login .border-line{display:inline-block;border-top:1px solid #8e8e93;width:40px;margin:0 20px;position:relative;top:-10px}.component-login-wrap .other-login .other-name{margin-bottom:40px;color:#8e8e93}.modal-opacity{position:fixed;z-index:9;background-color:rgba(0,0,0,.3);width:100%;height:100%;top:0;left:0}.component-logout-wrap{position:fixed;z-index:10;top:25%;left:50%;width:710px;margin-left:-355px;background-color:#fff;border-radius:8px}.component-logout-wrap .modal-title{margin:20px 40px;position:relative}.component-logout-wrap .modal-title .title-name{text-align:center}.component-logout-wrap .modal-title .title-left{position:absolute;top:0;left:0;color:#8e8e93}.component-logout-wrap .modal-body{margin:0 40px 48px}.component-logout-wrap .modal-body .input-line{height:88px;padding:20px 30px;border-radius:8px;margin-bottom:24px}.component-logout-wrap .modal-body .login-btn{font-size:32px;line-height:32px;padding-top:27px;padding-bottom:27px;width:100%}.component-menu-tools-wrap .hide,.component-menu-tools-wrap .show{position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.component-menu-tools-wrap i{color:#fff}.component-menu-tools-wrap .show{width:100%;background-color:rgba(0,0,0,.6)}.component-menu-tools-wrap .show i{display:inline-block;font-size:36px;padding:22px 40px}.component-menu-tools-wrap .hide{width:78px;height:28px;line-height:28px;text-align:center;background-color:rgba(51,51,51,.6);border-radius:8px 8px 0 0}.component-menu-tools-wrap .hide i{font-size:22px}.component-search-input-wrap{height:58px;border:1px solid #c8c7cc;border-radius:12px;position:relative;border-radius:8px}.component-search-input-wrap .search-input{height:100%;width:100%;font-size:24px;outline:none;border:none;padding-left:20px;padding-right:100px;border-radius:8px 0 0 8px}.component-search-input-wrap .search-btn{width:100px;height:100%;display:inline-block;position:absolute;top:0;right:0}.component-search-input-wrap .search-btn.active button{background-color:#ff7c42!important}.component-search-input-wrap .search-btn button{width:100%;border:none;border-radius:0 8px 8px 0}.component-search-input-wrap.place-home{height:92px;border:6px solid rgba(0,0,0,.25);border-radius:12px}.component-search-input-wrap.place-home .search-input{padding-right:80px;font-size:28px}.component-search-input-wrap.place-home .search-btn{width:80px;line-height:80px;background-color:rgba(9,108,63,.3);font-size:40px;color:#fff;-webkit-transition:all .3s;transition:all .3s}.component-search-input-wrap.place-home .search-btn.active{background-color:#ff7c42}.home-wrap{background-color:#fff;position:absolute;top:0;bottom:0;left:0;width:100%}.home-wrap .home-top{padding-top:21%;width:100%;height:48%;background-repeat:no-repeat;background-position:50%;background-size:cover;text-align:center}.home-wrap .home-top h3{color:#000;font-size:36px;line-height:60px;margin-bottom:80px}.home-wrap .home-modules{border-bottom:1px solid #e9e9e9;height:18%;font-size:24px;display:-webkit-box;display:flex;justify-content:space-around;-webkit-box-align:center;align-items:center}.home-wrap .home-modules .home-modules-item{text-align:center;-webkit-box-flex:1;flex:1}.home-wrap .home-modules .home-modules-title{margin-top:26px}.home-wrap .home-modules i{font-size:80px}.home-wrap .home-desc{letter-spacing:.5px;padding:40px 50px;height:34%}.home-wrap .home-desc .home-desc-item{margin-bottom:45px;position:relative;padding-left:50px;display:inline-block;width:100%}.home-wrap .home-desc .desc{font-size:26px;color:#999}.home-wrap .home-desc i{font-size:40px;position:absolute;top:0;left:0}.component-avatar-wrap{display:inline-block;overflow:hidden;border-radius:12px;position:relative}.component-avatar-wrap.small{width:72px;height:72px}.component-avatar-wrap.small img{width:350px;height:350px;margin-left:-139px;margin-top:-139px}.component-avatar-wrap.middle{width:120px;height:120px}.component-avatar-wrap.middle img{width:580px;height:580px;margin-left:-230px;margin-top:-230px}.component-avatar-wrap.big{width:132px;height:132px}.component-avatar-wrap.big img{width:640px;height:640px;margin-left:-254px;margin-top:-254px}.component-search-result-item-wrap{padding:20px 0 0 30px}.component-search-result-item-wrap a{text-decoration:none;color:inherit}.component-search-result-item-wrap .main{display:-webkit-box;display:flex}.component-search-result-item-wrap .avatar{width:132px}.component-search-result-item-wrap .avatar-text{-webkit-box-flex:1;flex:1;line-height:34px;padding-left:15px}.component-search-result-item-wrap .avatar-text .avatar-name{font-size:32px}.component-search-result-item-wrap .avatar-text .text-orange{font-size:28px}.component-search-result-item-wrap .avatar-text .avatar-name img{margin-left:10px}.component-search-result-item-wrap .fans-num{width:130px;-ms-grid-row-align:center;align-self:center;text-align:center}.component-search-result-item-wrap .desc{display:table;font-size:24px;color:#8e8e93;padding-bottom:20px;border-bottom:1px solid #c8c7cc;width:100%;margin-top:10px}.component-search-result-item-wrap .desc p:first-child{display:table-cell;width:75px}.component-search-result-item-wrap .desc p:last-child{display:table-cell;width:calc(100% - 75px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.component-no-data-wrap{font-size:28px;background-color:#fff}.component-no-data-wrap p{height:45px;line-height:45px;color:#333;text-align:center}.component-no-data-wrap .main{height:414px}.component-no-data-wrap .main .no-data-image{height:65%;background-position:bottom;background-repeat:no-repeat;background-size:25%}@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){.component-no-data-wrap .main .no-data-image{}}@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3){.component-no-data-wrap .main .no-data-image{}}.component-no-data-wrap .main p{height:35%;color:#c8c7cc;text-align:center;bottom:20px}.component-loading-wrap{position:relative;min-height:100px}.component-loading-wrap.loading .content-layer{-webkit-filter:blur(2px);filter:blur(2px);opacity:.7}.component-loading-wrap .loading-layer{position:absolute;top:50%;height:40px;line-height:40px;font-size:28px;color:#8e8e93;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;text-align:center}.component-loading-wrap .loading-icon{margin-right:20px;vertical-align:text-bottom}.component-loading-wrap .loading-icon:after,.component-loading-wrap .loading-icon:before{display:inline-block;-webkit-animation-name:loadingIcon;animation-name:loadingIcon;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes loadingIcon{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loadingIcon{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.search-result-wrap .search{height:100px;background-color:#f0eff3;padding:20px 30px}.search-result-wrap .search .search-result-input{width:100%;height:60px;border:none}.search-result-wrap .search .search-result-input .search-btn .gary{background-color:#c8c7cc}.search-result-wrap .search .search-result-input .search-btn .small{padding:18px 20px}.search-result-wrap .search .search-wrap{width:100px;height:60px}.search-result-wrap .search .search-wrap .search-text{line-height:60px}.search-result-wrap .list{background-color:#fff}.component-favorites-item-wrap{position:relative;padding-top:20px}.component-favorites-item-wrap .img{position:absolute;left:30px;top:20px}.component-favorites-item-wrap .item-con{margin-left:132px;height:92px;border-bottom:1px solid #c8c7cc}.component-favorites-item-wrap .sub-title,.component-favorites-item-wrap .title{text-overflow:ellipsis;white-space:nowrap;margin-right:60px;overflow:hidden}.component-favorites-item-wrap .title{font-size:32px;height:42px;line-height:42px}.component-favorites-item-wrap .sub-title{font-size:24px;height:24px;line-height:24px;margin-top:10px}.component-favorites-item-wrap .con-icon{position:absolute;right:30px;top:10px;color:#c6c6cb;line-height:92px}.favorites-wrap{background-color:#fff}.component-rank-cate-item-wrap{position:relative;min-height:112px;padding:20px 20px 20px 0;border-bottom:1px solid #c8c7cc;background-color:#fff}.component-rank-cate-item-wrap .cate-icon{font-size:32px;margin-top:20px}.component-rank-cate-item-wrap .avatar-text{float:left;padding:14px 15px}.component-rank-cate-item-wrap .avatar-text .avatar-name{font-size:32px}.rank-cate-ctn .rank-cate-title{line-height:100px;background-color:#fff;padding:0 30px;border-bottom:1px solid #c8c7cc;color:#126b40;height:100px;width:100%;position:fixed;top:0;left:0;z-index:1}.rank-cate-ctn .rank-cate{background-color:#fff;padding-left:30px;margin-top:100px}.rank-cate-ctn .component-avatar-wrap{margin-right:10px}.component-rank-item-wrap{border-bottom:1px solid #c8c7cc;padding-top:20px;padding-bottom:20px;position:relative}.component-rank-item-wrap .bgc{position:absolute;line-height:66px;left:90px;bottom:20px;z-index:1;padding-top:10px;text-align:center;height:66px;width:132px;border-radius:0 0 12px 12px;background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.4));background:linear-gradient(180deg,transparent,rgba(0,0,0,.4))}.component-rank-item-wrap .bgc i{padding:10px}.component-rank-item-wrap .bgc .favorite-icon{color:#fecd4c}.component-rank-item-wrap .bgc .favorite-o-icon{color:#fff}.component-rank-item-wrap a{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.component-rank-item-wrap .rank-index{text-align:center;display:inline-block;color:#8e8e93;font-size:40px;width:90px;white-space:nowrap}.component-rank-item-wrap .avatar{width:132px}.component-rank-item-wrap .avatar-text{-webkit-box-flex:1;flex:1;padding:2px 15px}.component-rank-item-wrap .avatar-text>div{display:-webkit-box;display:flex}.component-rank-item-wrap .avatar-text>div div{-webkit-box-flex:1;flex:1;width:1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.component-rank-item-wrap .avatar-text>.font-32{-webkit-box-align:center;align-items:center}.component-rank-item-wrap .avatar-text .avatar-name{font-size:32px}.component-rank-item-wrap .avatar-text .font-32{color:#ff7c42}.component-rank-item-wrap .avatar-text .fans-num{position:absolute;right:0;top:34px;text-align:center}.component-rank-item-wrap .avatar-text .avatar-alias{margin:5px 0 8px}.component-rank-item-wrap .first-pos{width:165px;color:#8e8e93;-ms-grid-row-align:stretch;align-self:stretch;position:relative}.component-rank-item-wrap .read-like-content{padding:0 20px;border-left:1px dashed #8e8e93;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.component-rank-item-wrap .icon-read{ background:url(../images/liulan.jpg); width:18px; height:18px; margin-top:5px;}.component-rank-item-wrap .icon-like{background:url(../images/dianzan.jpg);width:18px; height:18px; margin-top:5px;}.component-rank-item-wrap .read-like-content>div{text-align:right;font-size:24px;height:30px;line-height:30px}.component-rank-item-wrap .read-like-content .font-20{display:block;line-height:30px}.component-rank-item-wrap .read-like-content i{float:left;padding-right:10px;display:inline-block;line-height:30px}.rank-wrap{background-color:#f8f8fa}.rank-wrap .rank-wrap-top{width:100%;height:100px;line-height:100px;padding:0 20px;position:fixed;top:0;left:0;text-align:center;border-bottom:1px solid #c8c7cc;background-color:#fff;z-index:2}.rank-wrap .rank-wrap-top .cate-title{float:left;color:#ff7c42;padding:0 6px;position:relative;z-index:1; }.rank-wrap .rank-wrap-top .component-button-group-wrap{position:absolute;margin:0 auto;left:0;right:0; padding-top:40px;}.rank-wrap .rank-account-ctn{background-color:#fff;margin-top:100px}.rank-wrap .rank-account-ctn .rank-account-date{text-align:center;color:#8e8e93;background-color:#f8f8fa;padding:20px 0;line-height:24px}.rank-wrap .rank-account-ctn .rank-account-bottom{padding-left:20px; padding-right:20px;}.component-arrow-trend-wrap{display:inline-block}.component-arrow-trend-wrap .arrow-up{color:#ff7c42}.component-arrow-trend-wrap .arrow-down{color:#f50}.component-arrow-trend-wrap .arrow-right{color:#8e8e93}.component-arrow-trend-wrap i{font-size:14px;padding-right:10px}.component-rank-up-top-item-wrap{position:relative;min-height:170px;padding:20px 20px 20px 0;border-bottom:1px solid #c8c7cc}.component-rank-up-top-item-wrap .bgc{position:absolute;line-height:66px;left:90px;bottom:20px;z-index:1;padding-top:10px;text-align:center;height:66px;width:132px;border-radius:0 0 12px 12px;background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.4));background:linear-gradient(180deg,transparent,rgba(0,0,0,.4))}.component-rank-up-top-item-wrap .bgc i{padding:10px}.component-rank-up-top-item-wrap .bgc .favorite-icon{color:#fecd4c}.component-rank-up-top-item-wrap .bgc .favorite-o-icon{color:#fff}.component-rank-up-top-item-wrap .rank-index{float:left;width:90px;white-space:nowrap;color:#8e8e93;text-align:center;font-size:40px;padding:42px 20px 0 0}.component-rank-up-top-item-wrap .avator-img{border-radius:24px;float:left;overflow:hidden}.component-rank-up-top-item-wrap .avator-img img{width:615px;height:615px;margin-left:-243px;margin-top:-243px}.component-rank-up-top-item-wrap .avator-text{float:left;padding:2px 15px}.component-rank-up-top-item-wrap .avator-text .font-32{color:#ff7c42}.component-rank-up-top-item-wrap .avator-text .fans-num{position:absolute;right:0;top:34px;text-align:center}.component-rank-up-top-item-wrap .avator-text .avator-name img{margin-left:10px}.component-rank-up-top-item-wrap .avator-text .avatar-alias{margin:5px 0 8px}.component-rank-up-top-item-wrap .first-pos{position:absolute;right:20px;top:25px;padding-left:20px;line-height:100px;color:#ff7c42;width:140px;text-align:right;border-left:1px dashed #8e8e93}.rank-up-top-wrap{background-color:#f8f8fa}.rank-up-top-wrap .rank-wrap-top{width:100%;height:100px;line-height:100px;padding:0 20px;position:fixed;top:0;left:0;text-align:center;border-bottom:1px solid #c8c7cc;background-color:#fff;z-index:2}.rank-up-top-wrap .rank-wrap-top .cate-title{float:left;color:#126b40;padding:0 6px;position:relative;z-index:1}.rank-up-top-wrap .rank-wrap-top .component-button-group-wrap{position:absolute;margin:0 auto;left:0;right:0}.rank-up-top-wrap .rank-account-ctn{background-color:#fff;margin-top:100px}.rank-up-top-wrap .rank-account-ctn .rank-account-date{text-align:center;color:#8e8e93;background-color:#f8f8fa;padding:20px 0;line-height:24px}.rank-up-top-wrap .rank-account-ctn .rank-account-bottom{padding-left:20px}.component-products-item{padding-left:20px}.component-products-item .avatar-text{display:inline-block;-webkit-box-flex:1;flex:1;padding:20px 0;border-bottom:1px solid #c8c7cc;position:relative;width:calc(100% - 92px);margin-left:20px}.component-products-item .avatar-text>div{display:-webkit-box;display:flex}.component-products-item .avatar-text .avatar-name{font-size:32px}.component-products-item .avatar-text .avatar-alias{margin:5px 0 8px}.component-products-item .avatar-text .btn{position:absolute;right:20px;top:40px}.component-products-item .avatar-text .btn.gary-o{border-color:transparent}.add-product-wrap .search{background-color:#fff;padding:16px;border-bottom:1px solid #c8c7cc}.add-product-wrap .scroll-content{position:fixed;width:100%;top:91px;bottom:130px;overflow:auto}.add-product-wrap .favorite{box-sizing:content-box;padding:20px 30px;font-size:32px;height:72px;line-height:72px;background-color:#fff;border-bottom:1px solid #c8c7cc}.add-product-wrap .favorite .icon-left{display:inline-block;width:72px;height:72px;line-height:72px;text-align:center;color:#fff;background-color:#ffce3c;border-radius:12px;margin-right:20px}.add-product-wrap .favorite .icon-right{float:right;display:inline-block;height:72px;line-height:72px;color:#c8c7cc;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.add-product-wrap .favorite-list{overflow:hidden;-webkit-transition:height .3s;transition:height .3s}.add-product-wrap .products-search-result{background-color:#fff}.add-product-wrap .now-status{background-color:#fff;width:100%;height:88px;line-height:60px;position:fixed;bottom:0;padding:14px 24px}.add-product-wrap .now-status .case{color:#ff7c42;font-size:44px;display:inline-block;vertical-align:middle;margin-right:32px;position:relative}.add-product-wrap .now-status .number{position:absolute;top:-14px;right:-14px;color:#fff;width:28px;height:28px;line-height:24px;background-color:#d02702;border-radius:50%;text-align:center}.add-product-wrap .now-status .btn{padding-top:15px;padding-bottom:15px}.component-same-company-item-wrap{padding:22px 24px;border-bottom:1px solid #c8c7cc}.component-same-company-item-wrap a{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.component-same-company-item-wrap .avatar{width:132px}.component-same-company-item-wrap .avatar-text{-webkit-box-flex:1;flex:1;line-height:33px;padding-left:15px}.component-same-company-item-wrap .avatar-text .avatar-name{font-size:32px}.component-same-company-item-wrap .avatar-text .text-orange{font-size:28px}.component-same-company-item-wrap .avatar-text .avatar-name img{margin-left:10px}.component-same-company-item-wrap .fans-num{width:130px;text-align:center}.same-company-wrap .total-data{text-align:center;color:#fff}.same-company-wrap .company{background-color:#ff7c42;height:242px;font-size:40px;position:relative}.same-company-wrap .company .content{padding-left:20px;padding-right:20px;position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.same-company-wrap .data{background-color:#217a51;height:128px}.same-company-wrap .data>div{display:inline-block;width:50%;margin-top:25px}.same-company-wrap .data .left{float:left}.same-company-wrap .data .right{float:right}.component-detail-overview-wrap .top{display:-webkit-box;display:flex}.component-detail-overview-wrap .avatar{width:132px}.component-detail-overview-wrap .info{padding-left:20px;-webkit-box-flex:1;flex:1}.component-detail-overview-wrap .fans span,.component-detail-overview-wrap .name span,.component-detail-overview-wrap .weixin span{display:inline-block;float:left}.component-detail-overview-wrap .name{color:#333;font-size:32px;height:36px;line-height:36px}.component-detail-overview-wrap .name span{height:36px}.component-detail-overview-wrap .weixin{height:28px;line-height:28px;font-size:24px;margin-top:12px}.component-detail-overview-wrap .fans{height:36px;line-height:36px;margin-top:16px}.component-detail-overview-wrap .fans span:first-child{font-size:32px;color:#ff7c42}.component-detail-overview-wrap .fans span:last-child{font-size:20px;color:#8e8e93}.component-detail-overview-wrap .desc-category{color:#8e8e93;font-size:24px;margin-bottom:20px}.component-detail-overview-wrap .desc-category .category,.component-detail-overview-wrap .desc-category .desc{margin-top:16px}.component-detail-overview-wrap .desc-category .desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.component-detail-overview-wrap .owner-favorite{display:-webkit-box;display:flex;font-size:28px;height:72px;line-height:72px}.component-detail-overview-wrap .owner-favorite .favorite,.component-detail-overview-wrap .owner-favorite .owner{background-color:#f8f8fa;border-radius:8px;padding-left:28px;padding-right:28px}.component-detail-overview-wrap .owner-favorite .owner{-webkit-box-flex:1;flex:1;color:#333;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-detail-overview-wrap .owner-favorite .owner i{float:right;margin-top:25px;color:#8e8e93}.component-detail-overview-wrap .owner-favorite .favorite{width:140px;text-align:center;margin-left:20px}.component-detail-overview-wrap .update-time{text-align:center;font-size:24px;color:#333;margin-top:24px}.details-wrap .overview{background-color:#fff;padding:20px 30px}.details-wrap .tab{text-align:center;padding:20px 30px 40px;background-color:#fff}.details-wrap .tab .detail-button-group{width:100%;text-align:center}.details-wrap .tab .detail-button-group .component-button-wrap{width:25%}.details-wrap .tab .detail-button-group .component-button-wrap.primary{border-color:#8e8e93;color:#8e8e93}.details-wrap .tab .detail-button-group .component-button-wrap.primary.active{background-color:#8e8e93;color:#fff}.details-wrap .details-title{height:80px;line-height:80px;text-align:center;font-size:28px}.details-wrap .details-content-padding{padding-left:30px;padding-right:30px}.component-datails-day-type-wrap{height:80px;line-height:75px;border-top:1px solid #c8c7cc;border-bottom:1px solid #c8c7cc;text-align:center;padding-left:30px;padding-right:30px}.component-datails-day-type-wrap .day-type-item{display:inline-block;margin:0 40px;color:#8e8e93}.component-datails-day-type-wrap .day-type-item.active{color:#ff7c42;border-bottom:4px solid #ff7c42}.component-today-rank-card-wrap .rank-trend{font-size:24px;line-height:50px;display:inline-block;width:100%}.component-today-rank-card-wrap .rank-trend>span{padding-right:40px}.component-today-rank-card-wrap .rank-trend .rank-trend-item{display:inline-block;padding-right:24px;margin-top:10px}.component-today-rank-card-wrap .rank-index{padding-right:6px;font-size:32px}.component-today-rank-card-wrap .today-rank-echart{width:100%;height:400px;margin-top:32px;margin-bottom:60px}.component-follow-qrcode-wrap{background-color:#fff;text-align:center;position:relative;overflow:visible;height:800px}.component-follow-qrcode-wrap .origin{box-sizing:content-box;width:400px;padding-top:150px;padding-bottom:150px}.component-follow-qrcode-wrap .over{position:absolute;width:300px;top:-40px;left:0;opacity:0}.component-content-analyse-article-item-wrap{display:inline-block;width:100%;padding-top:26px;padding-left:30px}.component-content-analyse-article-item-wrap .title{font-size:32px;color:#333;margin-bottom:2px}.component-content-analyse-article-item-wrap .push-date{font-size:24px;color:#8e8e93;margin-bottom:2px}.component-content-analyse-article-item-wrap .violation-time{font-size:24px;color:#8e8e93;padding-bottom:26px;border-bottom:1px solid #c8c7cc}.component-post-read-article-item-wrap{display:inline-block;width:100%;padding-top:26px;padding-left:30px}.component-post-read-article-item-wrap .title{font-size:32px;color:#333;margin-bottom:2px}.component-post-read-article-item-wrap .index{font-size:24px;color:#ffaa3c;margin-bottom:2px}.component-post-read-article-item-wrap .other-data{font-size:24px;color:#8e8e93;padding-bottom:26px;border-bottom:1px solid #c8c7cc;display:-webkit-box;display:flex;flex-wrap:wrap}.component-post-read-article-item-wrap .other-data span{margin-right:32px}.component-post-read-article-item-wrap .other-data span:last-child{margin-right:0}.component-details-two-columns-title-wrap{background-color:#fff}.component-details-two-columns-title-wrap .content{font-size:32px;line-height:32px;padding:26px 30px;color:#333}.component-details-two-columns-title-wrap .left{float:left}.component-details-two-columns-title-wrap .right{float:right}.component-details-two-columns-title-wrap .line{margin-left:30px;height:1px;background-color:#c8c7cc}.post-read-wrap .article .post-read-article-item{padding:30px 0;border-bottom:1px solid #8e8e93}.post-read-wrap .article .loading-more{text-align:center;padding:30px 0}.post-read-wrap .post-read-echart{width:100%;height:400px;margin-top:32px;margin-bottom:60px}.post-read-wrap .summary-data{display:-webkit-box;display:flex;text-align:center;justify-content:space-around;font-size:20px;margin:30px 0}.post-read-wrap .summary-data>div{-webkit-box-flex:1;flex:1}.post-read-wrap .summary-data .data{height:56px;line-height:56px;font-size:40px;color:#ff7c42;margin-bottom:20px}.component-products-contrast-item-wrap{padding:10px 20px}.component-products-contrast-item-wrap .main{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:22px 24px;border:1px solid #c8c7cc;border-radius:12px;position:relative}.component-products-contrast-item-wrap .avatar{width:132px}.component-products-contrast-item-wrap .avatar-text{-webkit-box-flex:1;flex:1;line-height:33px;padding-left:15px}.component-products-contrast-item-wrap .avatar-text .avatar-name{font-size:32px}.component-products-contrast-item-wrap .avatar-text .text-orange{font-size:28px}.component-products-contrast-item-wrap .avatar-text .avatar-name img{margin-left:10px}.component-products-contrast-item-wrap .fans-num{width:130px;text-align:center}.component-products-contrast-item-wrap .close{position:absolute;background-color:#c8c7cc;top:0;right:0;width:40px;height:40px;line-height:40px;font-size:12px;text-align:center;border-bottom-left-radius:12px;border-top-right-radius:12px}.products-contrast-wrap .empty{text-align:center;height:202px;color:#c8c7cc;font-size:32px}.products-contrast-wrap .empty .main{height:100%;display:block;line-height:138px}.products-contrast-wrap .empty i{font-size:20px;margin-right:20px}.products-contrast-wrap .no-favorite,.products-contrast-wrap .no-login{text-align:center;padding-bottom:30px}.products-contrast-wrap .no-favorite p,.products-contrast-wrap .no-login p{color:#8e8e93}.products-contrast-wrap .no-favorite .title,.products-contrast-wrap .no-login .title{font-size:32px}.products-contrast-wrap .no-favorite .summary,.products-contrast-wrap .no-login .summary{margin:10px 0 25px}.products-contrast-wrap .echarts-content{width:100%;height:400px;margin-top:32px;margin-bottom:60px}.content-analyse-wrap .post-title{text-align:left;font-size:32px;border-bottom:1px solid #8e8e93;padding-bottom:20px}.content-analyse-wrap .post-title>span{float:right}.content-analyse-wrap .post-echarts-wrap{width:100%}.content-analyse-wrap .post-echarts-wrap .echarts-left,.content-analyse-wrap .post-echarts-wrap .echarts-right{display:inline-block;width:50%}.content-analyse-wrap .post-echarts-wrap .echarts-content{height:175px}.content-analyse-wrap .post-echarts-wrap .echarts-text{height:40px;text-align:center;font-size:24px}.content-analyse-wrap .hot-words-wrap .echarts-content{height:300px}.content-analyse-wrap .violations-total{background-color:#fff;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;min-height:340px}.content-analyse-wrap .violations-total .echarts-content{-webkit-box-flex:2;flex:2;height:340px}.content-analyse-wrap .violations-total .percent{-webkit-box-flex:3;flex:3}.content-analyse-wrap .violations-total .percent span{display:inline-block;line-height:56px}.content-analyse-wrap .violations-total .percent span:first-child{width:12px;height:12px;border-radius:6px;margin-right:16px}.content-analyse-wrap .violations-total .percent span:nth-child(3){float:right}.content-analyse-wrap .violations-type{background-color:#fff;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;min-height:340px}.content-analyse-wrap .violations-type .echarts-content{-webkit-box-flex:2;flex:2;height:340px}.content-analyse-wrap .violations-type .percent{-webkit-box-flex:3;flex:3}.content-analyse-wrap .violations-type .percent span{display:inline-block;line-height:56px}.content-analyse-wrap .violations-type .percent span:first-child{width:12px;height:12px;border-radius:6px;margin-right:16px}.content-analyse-wrap .violations-type .percent span:nth-child(3){float:right}.content-analyse-wrap .linear{margin-left:30px;height:1px;background-color:#c8c7cc}*{padding:0;margin:0;box-sizing:border-box}body,html{min-height:100%;color:#333;font-size:28px;background-color:#efeff2;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif}.font-20{font-size:20px}.font-24{font-size:24px}.font-28{font-size:28px}.font-32{font-size:32px}.font-40{font-size:40px}.fl{float:left}.fr{float:right}.clearfix:after{content:"";height:0;clear:both;display:block}.text-gray{color:#8e8e93}.text-orange{color:#ffa300}.text-favorite-orange{color:#ffce3c}.original,.verify{background-position:50%;background-repeat:no-repeat;background-size:contain;margin-left:10px}.verify{width:14px;}.original,.verify{height:14px;display:inline-block}.original{width:26px;}@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){.verify{width:28px;height:28px;}.original{width:52px;height:28px;}}@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3){.verify{width:42px;height:42px;}.original{width:78px;height:42px;}}.load-more{text-align:center;width:100%;padding:10px 0;color:#8e8e93;font-size:24px}::-webkit-input-placeholder{font-size:24px;color:#c8c7cc}::-moz-placeholder{font-size:24px;color:#c8c7cc}:-ms-input-placeholder{font-size:24px;color:#c8c7cc}::placeholder{font-size:24px;color:#c8c7cc}a{text-decoration:none}a,a:active,a:visited{color:inherit;outline:none}.card{background-color:#fff;margin-bottom:40px;border-bottom:1px solid #c8c7cc}.head_index, .head_show {background: #ff7c42;   height: 100px;width: 100%; position: fixed;}.content {width: 94%; margin: 0px auto;overflow: hidden;}.logo_area a {display: block; background: url(../images/nlogo.png) no-repeat 0px 0px; width: 200px; height: 80px; background-size: 200px auto; position: absolute; left: 50%; top: 50%; margin-left: -93px; margin-top: -34px;}.foot{background: #262222;padding: 15px 0px;}.foot p{font-size: 0.8em;line-height: 26px;color: #5e5a5a;}.foot p a{color: #5e5a5a;font-size: 1em;}