@keyframes window-open-f8e36874{0%{opacity:0;-webkit-transform:scale3d(0,0,0)}to{opacity:1;-webkit-transform:scaleX(1)}}.DetailCaption[data-v-f8e36874]{margin-bottom:40px}.DetailCaption .caption .caption-tab[data-v-f8e36874]{display:flex;margin-bottom:10px}.DetailCaption .caption .caption-tab .tab-item[data-v-f8e36874]{font-size:13px;color:#596088;line-height:18px;margin-right:16px;position:relative;cursor:pointer}.DetailCaption .caption .caption-tab .tab-item.ON[data-v-f8e36874]{color:#0a2540}.DetailCaption .caption .caption-tab .tab-item.NO .bar[data-v-f8e36874]{width:0;transition:all .5s ease-in}.DetailCaption .caption .caption-tab .tab-item .bar[data-v-f8e36874]{width:20px;height:3px;background:#6969ff;border-radius:2px;position:absolute;left:50%;bottom:-5px;transform:translateX(-50%)}.DetailCaption .caption .caption-tab .tab-item .bar.NO[data-v-f8e36874]{width:0;transition:all .3s ease-in}.DetailCaption .caption .caption-tab .tab-item .bar.ON[data-v-f8e36874]{width:20px;transition:all .5s ease-in}.DetailCaption .caption .caption-content[data-v-f8e36874]{max-width:625px;position:relative;color:rgba(89,96,136,.8);line-height:20px}.DetailCaption .caption .caption-content.NO[data-v-f8e36874]{height:40px}.DetailCaption .caption .caption-content.NO .explain[data-v-f8e36874],.DetailCaption .caption .caption-content.NO .statement[data-v-f8e36874]{height:40px;overflow:hidden}.DetailCaption .caption .caption-content.NO[data-v-f8e36874]{height:auto}.DetailCaption .caption .caption-content .tagg[data-v-f8e36874]{color:#6969ff;text-decoration:underline}.DetailCaption .caption .caption-content .explain[data-v-f8e36874],.DetailCaption .caption .caption-content .statement[data-v-f8e36874]{line-height:20px;transition:all .2s ease-in}.DetailCaption .caption .caption-content .icon-a-arrowright[data-v-f8e36874]{font-size:16px;position:absolute;right:-33px;top:0;transform:rotate(90deg);cursor:pointer;transition:all .3s ease-in}.DetailCaption .caption .caption-content .icon-a-arrowright.ON[data-v-f8e36874]{transform:rotate(270deg)}.DetailCaption .caption .caption-content .icon-a-arrowright[data-v-f8e36874]:hover{color:#6969ff}.pic-tag[data-v-f8e36874]{display:flex;flex-wrap:wrap;width:660px;opacity:0;height:0}.pic-tag.ON[data-v-f8e36874]{opacity:1;height:auto}.pic-tag a[data-v-f8e36874]{padding:0 8px;height:26px;line-height:26px;background:#f5f6fa;border-radius:13px;font-size:13px;color:#596088;margin:0 8px 8px 0;cursor:pointer}.pic-tag a[data-v-f8e36874]:hover{color:#6969ff!important;background:#eef!important}@keyframes window-open-08992d47{0%{opacity:0;-webkit-transform:scale3d(0,0,0)}to{opacity:1;-webkit-transform:scaleX(1)}}.breadcrumbs[data-v-08992d47]{display:flex;align-items:center;font-size:0}.breadcrumbs .icon-a-arrowright[data-v-08992d47]{font-size:14px;margin:0 2px}.breadcrumbs a[data-v-08992d47]{font-size:12px;line-height:20px;color:rgba(0,16,19,.45);cursor:pointer}.breadcrumbs a[data-v-08992d47]:hover{color:rgba(66,72,102,.85)!important;background:""!important}.breadcrumbs .split-line[data-v-08992d47]{font-size:12px;color:#8c9395;line-height:16px;margin:0 6px}.breadcrumbs .breadcrumbs-item[data-v-08992d47]{font-size:14px}.breadcrumbs .breadcrumbs-item.breadcrumbs-item-title[data-v-08992d47]{width:220px}.breadcrumbs .breadcrumbs-item.breadcrumbs-item-title a[data-v-08992d47]{width:100%}@keyframes window-open-06bd99bf{0%{opacity:0;-webkit-transform:scale3d(0,0,0)}to{opacity:1;-webkit-transform:scaleX(1)}}@keyframes slide-06bd99bf{0%{transform:translateY(0)}50%{transform:translateY(20px)}to{transform:translateY(0)}}.ActTwelveFloat[data-v-06bd99bf]{display:block;transition:all .5s ease;width:190px;height:209.5px;display:inline-block;background:url(//js.chaopx.com/chaotu_web/act/newYearFloat3.png) no-repeat top;background-size:100%;background-size:1920px 209.5px;background-size:190px 209.5px;vertical-align:middle;cursor:pointer;position:fixed;right:-999px;top:200px;z-index:88;animation:slide-06bd99bf 2s ease-in-out infinite}.ActTwelveFloat.ON[data-v-06bd99bf]{right:15px}.ActTwelveFloat .ActTwelveFloatBtn[data-v-06bd99bf]{background-size:118px 44px;position:absolute;bottom:9px;left:53%;transform:translateX(-50%)}.ActTwelveFloat .icon_close2[data-v-06bd99bf]{width:20px;height:20px;display:inline-block;background:url(//js.chaopx.com/chaotu/pay/act-company/icon_close2.png) no-repeat 50%/100%;vertical-align:middle;position:absolute;bottom:-32px;left:50%;transform:translateX(-50%);cursor:pointer;box-sizing:border-box}.ActTwelveFloat .icon_close2[data-v-06bd99bf]:after{content:"";display:inline-block;width:40px;height:40px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.ActTwelveFloat .ActTwelveFloatBtn[data-v-06bd99bf]{display:flex;align-items:center}.ActTwelveFloat .time-q[data-v-06bd99bf]{font-weight:700;color:#fff;font-size:13px;text-shadow:0 1px 2px rgba(47,0,1,.3);margin-left:3px}.ActTwelveFloat .time-box[data-v-06bd99bf]{height:18px;box-sizing:border-box;left:51%;bottom:5px;text-align:center;padding-left:3px;white-space:nowrap;text-shadow:0 1px 2px rgba(47,0,1,.3)}.ActTwelveFloat .time-box span[data-v-06bd99bf]{display:inline-block;width:18px;height:18px;font-weight:700;color:#fff;line-height:18px;font-size:13px}.ActTwelveFloat .time-box .s[data-v-06bd99bf]{width:27px}@keyframes window-open-df72fa44{0%{opacity:0;-webkit-transform:scale3d(0,0,0)}to{opacity:1;-webkit-transform:scaleX(1)}}.ActTwelveBar .mask[data-v-df72fa44]{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.25)!important;z-index:898}.ActTwelveBar .ActTwelveBarContent[data-v-df72fa44]{width:620px;height:779px;display:inline-block;background:url(//js.chaopx.com/chaotu_web/act/act-bar22.png) no-repeat top;background-size:100%;background-size:1920px 779px;vertical-align:middle;background-size:620px 779px}.ActTwelveBar .close-box[data-v-df72fa44]{width:38px;height:38px;background:hsla(0,0%,100%,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:80px;z-index:900;cursor:pointer}.ActTwelveBar .close-box[data-v-df72fa44]:hover{background:#fff}.ActTwelveBar .close-box .icon-cha[data-v-df72fa44]{font-size:17px;color:#9a2d1f}.ActTwelveBar .inner_center[data-v-df72fa44]{height:100%;position:relative}@keyframes window-open-2184db7f{0%{opacity:0;-webkit-transform:scale3d(0,0,0)}to{opacity:1;-webkit-transform:scaleX(1)}}.PublicHeader .header[data-v-2184db7f]{padding:5px 0 6px;position:relative;width:100%;z-index:99;background:#fff;box-shadow:0 4px 8px 0 rgba(0,0,26,.06);top:0;left:0;right:0}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-left .logo{width:114px;height:24px;display:inline-block;background:url(//js.chaopx.com/chaotu/public/logo-primary.svg) no-repeat 50%/100%;vertical-align:middle}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-left .menu-list .menu-item.on a{color:#6969ff}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-left .menu-list .menu-item a{color:#000;cursor:pointer}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-left .menu-list .menu-item a:hover{color:#6969ff!important;background:""!important}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .copyright-box,.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .text-nologin{color:#000!important;cursor:pointer}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .copyright-box:hover,.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .text-nologin:hover{color:#6969ff!important;background:""!important}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .copyright-box:hover .icon_copyright,.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .text-nologin:hover .icon_copyright{color:#6969ff}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .CompanyLicense .CompanyLicense-title{color:#000;cursor:pointer}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .CompanyLicense .CompanyLicense-title:hover{color:#6969ff!important;background:""!important}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .contribute-box{color:#000;cursor:pointer}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .contribute-box:hover{color:#6969ff!important;background:""!important}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right>.search-box{width:220px;height:44px;border-radius:12px;border-color:transparent}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right>.search-box .search-text{color:#000;background:#eceff6;border-radius:16px}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right>.search-box .search-text::placeholder{color:rgba(0,16,19,.3)!important}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right>.search-box .search-text:focus{background-color:#fff;border:1px solid #e0e3e9;border-radius:12px;color:#001013}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right>.search-box .icon_search-box{width:48px;border-radius:12px;cursor:pointer}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right>.search-box .icon_search-box .icon-chaxun2{color:#000}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right>.search-box .icon_search-box:hover{background-color:#6969ff}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right>.search-box .icon_search-box:hover .icon-chaxun2{color:#fff}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .copyright-box{cursor:pointer}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .copyright-box:hover{background:""!important;color:#6969ff!important}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .login-box{cursor:pointer}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .login-box:hover{color:#6969ff!important;background:""!important}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .login-box:hover .text-nologin{color:#6969ff!important}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .login-box .text-login{background-color:#6969ff;color:#fff;cursor:pointer}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .login-box .text-login:hover{color:hsla(0,0%,100%,.9)!important;background:rgba(105,105,255,.9)!important}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .searchComboBox{position:absolute;right:0;top:54px;z-index:10}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .CopyrightCombobox{position:absolute;right:-62px;top:54px;z-index:10}.PublicHeader .header[data-v-2184db7f] .topbar-inner .topbar-right .UserCombobox{position:absolute;right:0;top:54px;z-index:5}.InviteReceive[data-v-2184db7f]{width:434px!important;padding-left:32px!important}.InviteReceive[data-v-2184db7f] .take{width:164px!important}.bread-crumbs-box[data-v-2184db7f]{width:660px;height:52px;display:flex;align-items:center;justify-content:space-between}.container[data-v-2184db7f] .invite-cloud-box{top:430px}.material-detail-container[data-v-2184db7f]{transition:all .5s ease-in-out;overflow:hidden}.material-detail-container .inner-box[data-v-2184db7f]{background-color:#fff;border-radius:28px 28px 0 0;width:1200px;margin:0 auto}.material-detail-container .inner-box.on[data-v-2184db7f]{bottom:0;visibility:visible}.material-detail-container .inner-box.no[data-v-2184db7f]{bottom:-999px;visibility:hidden}.material-detail-container .inner-container[data-v-2184db7f]{background-color:#fff}.material-detail-container .inner-container .level-box[data-v-2184db7f]{display:flex;align-items:center;margin-top:10px}.material-detail-container .inner-container .level-box a[data-v-2184db7f]:hover{color:#6969ff}.material-detail-container .inner-container .pic-wrap[data-v-2184db7f]{display:flex;margin-bottom:24px;position:relative}.material-detail-container .inner-container .pic-wrap .pic-img[data-v-2184db7f]{width:660px;border-radius:14px;margin-right:60px}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel[data-v-2184db7f]{background-color:#fff;margin-left:750px;transition:all .5s ease-in-out;opacity:0}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel.active[data-v-2184db7f]{opacity:1}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel.on[data-v-2184db7f]{position:absolute;bottom:0}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel.no[data-v-2184db7f]{position:fixed;top:135px;z-index:2!important}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-title[data-v-2184db7f]{width:100%;max-width:434px;max-height:74px;font-size:28px;color:#0a2540;line-height:37px}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-author[data-v-2184db7f]{height:18px;font-size:13px;color:#596088;line-height:18px;letter-spacing:1px;margin:8px 0 24px}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-btn-group[data-v-2184db7f]{display:flex}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-btn-group .download-btn[data-v-2184db7f]{width:350px;height:68px;background:#6969ff;border-radius:14px;font-size:20px;font-weight:700;color:#fff;line-height:68px;letter-spacing:1px;text-align:center;margin-right:16px;cursor:pointer}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-btn-group .download-btn[data-v-2184db7f]:hover{color:""!important;background:#5e5ee8!important}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-btn-group .like-btn[data-v-2184db7f]{width:68px;height:68px;border-radius:14px;border:1px solid #e0e3e9;display:flex;align-items:center;justify-content:center}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-btn-group .like-btn i[data-v-2184db7f]{font-size:30px}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-btn-group .like-btn.like-btn-default[data-v-2184db7f]{background-color:#fff;cursor:pointer}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-btn-group .like-btn.like-btn-default[data-v-2184db7f]:hover{color:""!important;background:#ebedf5!important}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-btn-group .like-btn.like-btn-default i[data-v-2184db7f]{color:#424866}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-btn-group .like-btn.like-btn-active[data-v-2184db7f]{background-color:#f8cc44;border-color:#f8cc44;cursor:pointer}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-btn-group .like-btn.like-btn-active[data-v-2184db7f]:hover{color:""!important;background:#deb740!important}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-btn-group .like-btn.like-btn-active i[data-v-2184db7f]{color:#fff}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-purpose[data-v-2184db7f]{margin:45px 0 41px}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-purpose li[data-v-2184db7f]{font-size:18px;color:#001013;line-height:20px;letter-spacing:1px;margin-bottom:22px}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-purpose li[data-v-2184db7f]:last-child{margin-bottom:0}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-purpose li .icon-gou[data-v-2184db7f]{font-size:22px;color:#6969ff;margin-right:12px}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-purpose li .icon-shield[data-v-2184db7f]{font-size:22px;margin-right:5px;color:#6969ff}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-purpose li span[data-v-2184db7f]{color:#6969ff;margin-right:4px}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-pic-info[data-v-2184db7f]{width:434px;height:320px;background:linear-gradient(180deg,rgba(245,246,250,0),#f5f6fa 51%,rgba(245,246,250,0));border-radius:14px;padding:26px 0 0 44px;box-sizing:border-box}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-pic-info dt[data-v-2184db7f]{margin-bottom:8px}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-pic-info dt .icon-image[data-v-2184db7f]{font-size:24px;color:#35d0ba;background:transparent}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-pic-info dt .icon-ji[data-v-2184db7f]{font-size:24px;color:#6969ff;background:transparent}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-pic-info dt .icon-calendar[data-v-2184db7f]{font-size:24px;color:#35d0ba;background:transparent}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-pic-info dd[data-v-2184db7f]{display:flex;margin-bottom:30px}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-pic-info dd .pic-item[data-v-2184db7f]{width:124px;height:42px;border-radius:2px}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-pic-info dd .pic-item .title[data-v-2184db7f]{margin-bottom:4px;height:18px;font-size:13px;color:rgba(89,96,136,.65);line-height:17px;letter-spacing:1px}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-pic-info dd .pic-item .desc[data-v-2184db7f]{font-size:14px;font-weight:700;color:rgba(89,96,136,.85);line-height:20px}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-pic-info .create-time .pic-item[data-v-2184db7f]{width:186px;height:42px}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-pic-info .application .pic-item .title[data-v-2184db7f]{margin-bottom:8px}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-pic-info .application .desc[data-v-2184db7f]{display:flex}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-pic-info .application .icon_ps[data-v-2184db7f]{width:26px;height:26px;display:inline-block;background:url(//js.chaopx.com/chaotu/home/images/application/icon-ps.svg) no-repeat 50%/100%;vertical-align:middle;margin-right:9px}.material-detail-container .inner-container .pic-wrap .pic-introduce-panel .panel-pic-info .application .icon_sketch[data-v-2184db7f]{width:26px;height:26px;display:inline-block;background:url(//js.chaopx.com/chaotu/home/images/application/icon-sketch.svg) no-repeat 50%/100%;vertical-align:middle}.material-detail-container .inner-container .pic-resources-wrap .pic-title[data-v-2184db7f]{height:37px;font-size:28px;font-weight:700;color:#0a2540;line-height:37px;letter-spacing:1px;margin-bottom:40px}.material-detail-container .inner-container .pic-resources-wrap .pic-content[data-v-2184db7f]{display:flex;flex-wrap:wrap}.material-detail-container .inner-container .pic-resources-wrap .pic-content .pic-item[data-v-2184db7f]{width:279px;height:279px;background:#fff;box-shadow:0 0 16px 0 rgba(213,221,236,.4);border-radius:14px;overflow:hidden;margin:0 28px 28px 0;display:flex;align-items:center;justify-content:center;cursor:pointer}.material-detail-container .inner-container .pic-resources-wrap .pic-content .pic-item[data-v-2184db7f]:nth-child(4n){margin-right:0}.material-detail-container .inner-container .pic-resources-wrap .pic-content .pic-item[data-v-2184db7f]:hover{color:""!important;background:""!important;box-shadow:0 0 15px 0 rgba(0,0,26,.12)!important}.material-detail-container .inner-container .pic-resources-wrap .pic-content .pic-item:hover .pic-img[data-v-2184db7f]{transform:scale(1.05)}.material-detail-container .inner-container .pic-resources-wrap .pic-content .pic-item .pic-img[data-v-2184db7f]{display:inline-block;width:100%;transition:all .5s ease-in-out;cursor:pointer}.material-detail-container .inner-container .pic-resources-wrap .pic-content .pic-item .pic-img[data-v-2184db7f]:hover{color:""!important;background:""!important;box-shadow:0 0 15px 0 rgba(0,0,26,.12)!important}.material-detail-container .inner-container .pic-resources-wrap .pic-content .pic-item-2[data-v-2184db7f]{width:279px;height:365px}.material-detail-container .inner-container .trend-pic-wrap .pic-content .pic-item[data-v-2184db7f]{width:279px;height:365px;box-shadow:0 0 25px 0 rgba(0,0,26,.06);border-radius:14px}.material-detail-container .PicResources[data-v-2184db7f] .pic-resources-wrap{margin-bottom:0!important}.material-detail-container .CollectionRecommend[data-v-2184db7f]{background:#fff!important;width:1200px!important;padding:0!important;margin-bottom:20px!important}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center{width:1200px!important}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center.CollectionListHeader{height:37px;color:#0a2540;margin-bottom:40px}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center.CollectionListHeader .title{font-size:28px;font-weight:700;color:#0a2540;line-height:37px;letter-spacing:1px}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center.CollectionListHeader a{font-size:16px}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItem{width:279px;height:365px;margin:0 28px 28px 0}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItem:nth-child(4n){margin-right:0}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend{width:336px;height:440px;position:relative;transition:all .5s ease-in-out;display:flex;flex-direction:column;background:transparent;cursor:pointer;width:279px;height:364px;background:#fff;box-shadow:0 8px 16px 0 rgba(213,221,236,.4);border-radius:14px;margin:0 28px 36px 0}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend:nth-child(4n){margin-right:0}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .shadow-box{content:"";display:inline-block;width:100%;height:399px;background:#fff;box-shadow:0 8px 16px 0 rgba(213,221,236,.4);border-radius:14px;position:absolute;left:0;bottom:0;z-index:1}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend:hover .pic-img{transform:scale(1)!important}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend:hover{color:""!important;background:""!important;box-shadow:none!important}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .pic-shadow{width:336px;height:399px;background:#fff;box-shadow:0 8px 16px 0 rgba(213,221,236,.4);border-radius:14px;position:absolute;left:0;bottom:0;z-index:1}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .mask1{width:336px;height:302px;background-size:cover;position:absolute;left:0;top:41px;z-index:2;border-radius:14px;overflow:hidden}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .mask1 i{display:inline-block;width:100%;height:100%;overflow:hidden;backdrop-filter:blur(20px);filter:blur(20px);border-radius:14px 14px 0 0}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .mask1:after{content:"";display:inline-block;width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(180deg,hsla(0,0%,100%,.7),#fff)}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .mask2{width:308px;height:320px;background-size:100% 302px;position:absolute;left:50%;top:20px;transform:translateX(-50%);z-index:3;border-radius:14px;overflow:hidden}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .mask2 i{display:inline-block;width:336px;height:302px;overflow:hidden;backdrop-filter:blur(100px);filter:blur(100px);border-radius:14px 14px 0 0}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .mask2:after{content:"";display:inline-block;width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(180deg,hsla(0,0%,100%,.8),#fff)}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .pic-cover{position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:5;width:278px;height:360px;overflow:hidden}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .pic-cover .pic-img-wrap{display:inline-block;width:100%;height:100%;border-radius:14px}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .pic-cover .pic-img-wrap .pic-img{display:inline-block;width:100%;height:100%}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .topic-info{width:100%;height:80px;position:absolute;left:0;bottom:0;z-index:8;box-sizing:border-box;padding:18px 18px 0}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .topic-info .topic-title{margin-bottom:4px;display:flex;align-items:center}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .topic-info .topic-title .title{max-width:152px;font-size:18px;line-height:24px}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .topic-info .topic-title .icon_view{width:20px;height:20px;display:inline-block;background:url(//js.chaopx.com/chaotu/topic/index/icon_yl.png) no-repeat 50%/100%;vertical-align:middle;margin-left:8px;position:relative}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .topic-info .topic-title .icon_view:after{content:"";height:8px;background:transparent;width:80px;position:absolute;left:0;top:-3px;display:none}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .topic-info .topic-title .icon_view:hover .topic-pictures-box,.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .topic-info .topic-title .icon_view:hover:after{display:block}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .topic-info .topic-title .icon_view .topic-pictures-box{width:384px;height:264px;background:#fff;box-shadow:0 2px 8px 0 rgba(10,37,64,.1);border-radius:10px;position:absolute;left:-4px;top:-268px;z-index:11;padding:10px 10px 0;box-sizing:border-box;display:none}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .topic-info .topic-title .icon_view .topic-pictures-box .topic-pictures{display:inline-block;width:88px;height:114px;border-radius:6px;overflow:hidden;margin:0 4px 4px 0}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .topic-info .topic-title .icon_view .topic-pictures-box .topic-pictures:hover img{transform:scale(1.1)}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .topic-info .topic-title .icon_view .topic-pictures-box .topic-pictures:nth-child(4n){margin-right:0}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .topic-info .topic-title .icon_view .topic-pictures-box .topic-pictures img{display:inline-block;width:100%;height:100%;transition:all .5s ease-in-out}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .topic-info .topic-about{font-size:12px;color:rgba(10,37,64,.6);line-height:16px}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .subscription{width:84px;position:relative;right:18px;bottom:27px}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .shadow-box{height:332px}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .mask1{width:279px;height:251px}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .mask2{width:255px;height:265px}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .pic-cover{width:230px;height:296px;border-radius:14px}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .topic-info{height:69px;padding:13px 16px 0}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .topic-info .topic-title .title{max-width:133px;font-size:16px;font-weight:700;color:#0a2540;line-height:21px;letter-spacing:1px}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .topic-info .icon_view{width:13px;height:13px;display:inline-block;background:url(//js.chaopx.com/chaotu/topic/index/icon_yl.png) no-repeat 50%/100%;vertical-align:middle}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .subscription{width:80px;height:32px;border-radius:24px;z-index:2;position:absolute;right:16px;bottom:24px;display:flex;align-items:center;justify-content:center}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .subscription .txt-subscription{font-size:14px;color:#fff}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .subscription.subscription-topic{background:linear-gradient(44deg,#fe7e7e,#f94d67);cursor:pointer}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .subscription.subscription-topic:hover{color:""!important;background:linear-gradient(44deg,#f94d67,#fe7e7e)!important}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .subscription.subscription-topic .icon-sub{display:inline-block;font-size:14px;color:#fff;margin-right:6px}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .subscription.subscription-topic .txt-subscription{font-size:12px;color:#fff;line-height:16px}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .subscription.no-subscription-topic{background:#fff;border:1px solid #eceff6;cursor:pointer}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .subscription.no-subscription-topic:hover{color:""!important;background:#f7f9fd!important}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .subscription.no-subscription-topic:after{background:rgba(66,72,102,.15)}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .subscription.no-subscription-topic .txt-subscription{color:#7a7e93;font-size:12px}.material-detail-container .CollectionRecommend[data-v-2184db7f] .inner_center .PicList .PicItemRecommend .subscription.no-subscription-topic .icon_subscription{width:14px;height:14px;display:inline-block;background:url(//js.chaopx.com/chaotu/topic/index/icon_subscription.svg) no-repeat 50%/100%;vertical-align:middle;margin-right:6px}.icon_maodian[data-v-2184db7f]{width:16px;height:16px;display:inline-block;background:url(//js.chaopx.com/chaotu/tupian/maodian.svg) no-repeat 50%/100%;vertical-align:middle;margin-right:8px}.DetailInviteDown[data-v-2184db7f]{position:absolute;right:0;top:-42px}