#app,.industry-topic{background:#f4f4f4}.industry-topic .banner-view{background:url(/static/images/topic/topic_bg.jpg) no-repeat;background-size:cover;-webkit-box-sizing:border-box;box-sizing:border-box;height:650px;padding-top:16px;width:100%}.industry-topic .banner-view .content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:530px;padding:24px 60px}.industry-topic .banner-view .content .title{background:#1d1d1d;bottom:12px;left:12px;line-height:48px;max-width:460px;padding:0 12px;position:absolute}.industry-topic .banner-view .content .title span{color:#fff;font-size:16px;font-weight:400;line-height:23px;padding:12px;text-align:left}.industry-topic .banner-view .content .left{background:pink;height:100%;position:relative;width:483px}.industry-topic .banner-view .content .left img{height:100%;width:100%}.industry-topic .banner-view .content .middle{-webkit-box-flex:1;background-size:cover;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;margin:0 16px;overflow:hidden;position:relative}.industry-topic .banner-view .content .middle .bg-view{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background:hsla(0,0%,40%,.3);-webkit-filter:blur(100px);filter:blur(100px);height:100%;overflow:hidden;position:absolute;width:100%;z-index:0}.industry-topic .banner-view .content .middle .bg-view img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.industry-topic .banner-view .content .middle video{height:100%;left:50%;position:relative;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.industry-topic .banner-view .content .middle .img-view{height:100%;left:0;position:absolute;top:0;width:100%}.industry-topic .banner-view .content .middle .img-view img{height:100%;width:100%}.industry-topic .banner-view .content .right{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;width:370px}.industry-topic .banner-view .content .right a{display:block;height:100%;width:100%}.industry-topic .banner-view .content .right a img{height:100%;width:100%}.industry-topic .banner-view .content .right .right-top{height:calc(50% - 8px);margin-bottom:16px;width:100%}.industry-topic .banner-view .content .right .right-bottom{height:calc(50% - 8px);width:100%}.industry-topic .base-view{background:#fff;border-radius:60px;margin:8px;padding:48px 64px}.industry-topic .base-view.consumer{margin-top:-100px}.industry-topic .base-view .top-view{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:40px}.industry-topic .base-view .top-view .left-title span{color:#999;display:block;font-size:18px;font-weight:400;line-height:21px}.industry-topic .base-view .top-view .left-title span:last-child{color:#1d1d1d;font-size:48px;font-weight:700;line-height:56px}.industry-topic .base-view .top-view .right-view{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.industry-topic .base-view .top-view .right-view .icon{background:#fff;border:1px solid #1d1d1d;border-radius:45px 45px 45px 45px;display:inline-block;height:40px;overflow:hidden;position:relative;width:40px}.industry-topic .base-view .top-view .right-view .icon:before{background:#1d1d1d;border-radius:30px;content:"";height:100%;left:-100%;position:absolute;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;width:100%}.industry-topic .base-view .top-view .right-view .icon:hover i{background-position:-148px -241px}.industry-topic .base-view .top-view .right-view .icon:hover:before{left:0}.industry-topic .base-view .top-view .right-view .icon i{background:url(/static/images/common/common.svg) no-repeat 0 0;background-position:-148px -223px;display:inline-block;height:12px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:12px}.industry-topic .base-view .top-view .right-view .more{border:1px solid #1d1d1d;border-radius:45px;color:#1d1d1d;display:block;font-size:12px;font-weight:700;overflow:hidden;padding:12px 20px;position:relative;-webkit-transition:color .3s ease;transition:color .3s ease;z-index:1}.industry-topic .base-view .top-view .right-view .more:before{background:#1d1d1d;border-radius:30px;content:"";height:100%;left:-100%;position:absolute;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;width:100%;z-index:-1}.industry-topic .base-view .top-view .right-view .more:hover{color:#fff}.industry-topic .base-view .top-view .right-view .more:hover:before{left:0}.industry-topic .common_report_list{margin-bottom:auto;margin-left:-32px}.industry-topic .common_report_list li{margin-left:32px;width:calc(25% - 32px)}.industry-topic .common_style_list{margin-left:-16px}.industry-topic .common_style_list li{margin-bottom:40px;margin-left:16px;width:calc(20% - 16px)}.industry-topic .common_style_list li .padding_warp{padding-top:132%;width:100%}.industry-topic .common_style_list li .padding_warp .img_warp{position:absolute;top:0}.industry-topic .common_style_list li .title{cursor:pointer;margin:14px 0 8px}.industry-topic .common_style_list li .title:hover span:after{width:100%}.industry-topic .common_style_list li .title span{color:#1d1d1d;font-size:14px;font-weight:400;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.industry-topic .common_style_list li .title span:after{background-color:#1d1d1d;bottom:0;content:"";height:1px;left:0;position:absolute;-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out;width:0}.industry-topic .common_pattern_list{margin-left:-16px}.industry-topic .common_pattern_list li{margin-bottom:40px;margin-left:16px;width:calc(20% - 16px)}.industry-topic .common_pattern_list li .padding_warp{padding-top:100%;width:100%}.industry-topic .common_pattern_list li .padding_warp .img_warp{position:absolute;top:0}.industry-topic .common_pattern_list li .title{color:#1d1d1d;font-size:14px;font-weight:400;margin:14px 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.industry-topic .common_book_list{margin-left:-37px}.industry-topic .common_book_list li{margin-bottom:56px;margin-left:37px;width:calc(16.66% - 37px)}@media screen and (max-width:1920px){.industry-topic .base-view .top-view .left-title span:last-child{font-size:32px}}@media screen and (max-width:1500px){.industry-topic .common_report_list li{width:calc(33.33% - 32px)}.industry-topic .common_report_list li:nth-child(n+4){display:none}.industry-topic .common_style_list li{width:calc(25% - 16px)}.industry-topic .common_style_list li:nth-child(n+9){display:none}.industry-topic .common_style_list li:nth-child(n+5){margin-bottom:auto}.industry-topic .common_pattern_list li{width:calc(25% - 16px)}.industry-topic .common_pattern_list li:nth-child(n+9){display:none}.industry-topic .common_pattern_list li:nth-child(n+5){margin-bottom:auto}.industry-topic .common_book_list li{width:calc(20% - 37px)}.industry-topic .common_book_list li:nth-child(n+11){display:none}.industry-topic .common_book_list li:nth-child(n+6){margin-bottom:auto}}@media screen and (min-width:1501px) and (max-width:2559px){.industry-topic .common_report_list li:nth-child(n+5),.industry-topic .common_style_list li:nth-child(n+11){display:none}.industry-topic .common_style_list li:nth-child(n+6){margin-bottom:auto}.industry-topic .common_pattern_list li:nth-child(n+11){display:none}.industry-topic .common_pattern_list li:nth-child(n+6){margin-bottom:auto}.industry-topic .common_book_list li:nth-child(n+13){display:none}.industry-topic .common_book_list li:nth-child(n+7){margin-bottom:auto}}@media screen and (min-width:2560px){.industry-topic .common_report_list li{width:calc(20% - 32px)}.industry-topic .common_report_list li:nth-child(n+6){display:none}.industry-topic .common_style_list li{width:calc(16.66% - 16px)}.industry-topic .common_style_list li:nth-child(n+13){display:none}.industry-topic .common_style_list li:nth-child(n+7){margin-bottom:auto}.industry-topic .common_pattern_list li{width:calc(16.66% - 16px)}.industry-topic .common_pattern_list li:nth-child(n+13){display:none}.industry-topic .common_pattern_list li:nth-child(n+7){margin-bottom:auto}.industry-topic .common_book_list li{width:calc(14.28% - 37px)}.industry-topic .common_book_list li:nth-child(n+15){display:none}.industry-topic .common_book_list li:nth-child(n+8){margin-bottom:auto}}

/*# sourceMappingURL=industry.css.map*/