.ui-card .type,.ui-crumb .text,.page-collection .collection-list .item .text,.ressubject .collection-list .item .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-topbanner .intro h1,.page-collection .banner .texts h1{font-family:"Noto Serif SC",serif;font-weight:900}.ressubject{background-color:#fafafa;background-image:url(https://gcdncs.101.com/v0.1/static/edit_99/tmcms/images/resource/v2/main-bg.jpg);background-size:cover;background-repeat:no-repeat;padding-top:120px}.ressubject .com-header{background-color:rgba(255,255,255,.65);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.ressubject .iconfont{display:inline-block;position:relative;top:-2px}@media only screen and (min-width:2561px){.ressubject{padding-top:240px}.ressubject .iconfont{font-size:28px;top:-4px}}.ressubject-block{box-sizing:border-box;border-radius:8px;margin-bottom:50px;background-image:-moz-linear-gradient(79deg,#e6edf4 35%,#f3f6fa 51%,#fff 60%);background-image:-webkit-linear-gradient(79deg,#e6edf4 35%,#f3f6fa 51%,#fff 60%);background-image:-ms-linear-gradient(79deg,#e6edf4 35%,#f3f6fa 51%,#fff 60%);background-size:100% 100%;border-radius:10px;box-shadow:-2.121px 2.121px 10px 0 rgba(198,205,209,.6),-8.485px 8.485px 20px 0 rgba(198,205,209,.3);padding:50px 25px;background-color:#fff;position:relative}.ressubject-block::before{content:"";position:absolute;border-radius:10px;background-color:#f4f4f5;left:1px;top:1px;right:1px;bottom:0}@media only screen and (min-width:2561px){.ressubject-block{border-radius:10px;margin-bottom:100px}}.com-title{padding-left:20px}.com-title::before{top:-2px}.com-title .title-text,.com-title h1{font-size:32px}@media only screen and (max-width:1681px){.com-title{font-size:28px}}@media only screen and (max-width:1367px){.com-title{font-size:28px}}.ressubject-cards{padding-bottom:40px}.ressubject-cards .card-list{margin-right:-25px;display:flex;flex-wrap:wrap}.ressubject-cards .card-list .ui-card{width:calc(25% - 25px);margin-right:25px}@media only screen and (min-width:2561px){.ressubject-cards .card-list{margin-right:-50px;padding-bottom:80px}.ressubject-cards .card-list .ui-card{width:calc(25% - 50px);margin-right:50px}}.ressubject-intro{padding:50px 50px 30px;margin-bottom:15px}.ressubject-intro .content{color:#333;line-height:1.8;position:relative}.ressubject-intro .content p{margin-bottom:20px}@media only screen and (min-width:2561px){.ressubject-intro{padding:100px 100px 50px;margin-bottom:30px}.ressubject-intro .content p{margin-bottom:40px}}.ui-topbanner{display:flex;margin-bottom:49px}.ui-topbanner .img{border:solid 1px #fff;margin-right:103px;border-radius:10px;background-color:rgba(255,255,255,.31);width:361px;height:213px;padding:11px}.ui-topbanner .img img{width:100%;height:100%;object-fit:cover;border-radius:5px;border:solid 1px #fff}.ui-topbanner .intro{width:calc(100% - 462px);color:#333;line-height:1}.ui-topbanner .intro h1{font-size:40px;margin-top:11px;margin-bottom:21px}.ui-topbanner .intro h2{font-size:18px;letter-spacing:3px;margin-bottom:31px}@media only screen and (min-width:2561px){.ui-topbanner{margin-bottom:98px}.ui-topbanner .img{margin-right:206px;width:722px;height:426px;padding:22px}.ui-topbanner .intro{width:calc(100% - 924px)}.ui-topbanner .intro h1{font-size:80px;margin-top:22px;margin-bottom:42px}.ui-topbanner .intro h2{font-size:36px;letter-spacing:6px;margin-bottom:62px}.ui-topbanner .intro .btn-yellow{transform:scale(2);transform-origin:left top}}@media only screen and (max-width:2880px) and (min-width:2561px){.ui-topbanner .img{margin-right:100px}}@media only screen and (max-width:1681px){.ui-topbanner .img{margin-right:50px}.ui-topbanner .intro{width:calc(100% - 412px)}.ui-topbanner .intro h1{font-size:35px}.ui-topbanner .intro h2{font-size:16px}}.ui-card{width:280px;height:290px;background-color:#f9f9f9;border-radius:10px;transition:all .5s;position:relative;margin-bottom:30px}.ui-card:hover{background-color:#f9f9f9;box-shadow:.523px 14.991px 20px 0 rgba(212,215,219,.4)}.ui-card:hover .img img{transform:translateX(-50%) scale(1.1)}.ui-card .rank-tag{position:absolute;top:0;left:20px;color:#fff;text-align:center;z-index:2;font-size:16px;transform-origin:top left}.ui-card .top-msg{padding:10px 10px 0;color:#333;position:relative}.ui-card .img{height:180px;overflow:hidden;transition:all .5s;border-radius:5px}.ui-card .img img{transition:all .5s;position:relative;left:50%;height:100%;min-width:100%;transform:translateX(-50%)}.ui-card .type{max-width:100%;margin-bottom:30px;display:inline-block;height:22px;line-height:22px;padding:0 10px;overflow:hidden;background-color:#ebebeb;color:#999;border-radius:2px;user-select:none;margin-top:10px;margin-left:5px}.ui-card .intro{color:#333;line-height:1.5;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.ui-card .bottom-msg{padding:0 20px;display:flex;align-items:center;color:#afafaf}.ui-card .bottom-msg .label{margin-right:19px;display:flex}.ui-card .bottom-msg span{vertical-align:middle;position:relative}@media only screen and (min-width:2561px){.ui-card{width:560px;height:580px;border-radius:20px;margin-bottom:60px}.ui-card .rank-tag{left:30px;transform:scale(2)}.ui-card .top-msg{padding:20px 20px 0}.ui-card .img{height:360px;border-radius:10px}.ui-card .type{height:44px;line-height:44px;margin-bottom:60px;padding:0 20px;margin-top:20px;margin-left:10px}.ui-card .intro{margin-top:20px}.ui-card .bottom-msg{padding:0 40px}.ui-card .bottom-msg .label{margin-right:38px}}@media only screen and (max-width:2880px) and (min-width:2561px){.ui-card{width:480px;height:520px}.ui-card .img{height:318px}.ui-card .type{margin-bottom:20px}}@media only screen and (max-width:1681px){.ui-card{width:240px;height:260px;margin-bottom:20px}.ui-card .img{height:159px}.ui-card .type{margin-bottom:10px}}@media only screen and (max-width:1367px){.ui-card{width:200px;height:220px}.ui-card .img{height:120px}}.page-collection{background-color:#fafafa;background-image:url(https://gcdncs.101.com/v0.1/static/edit_99/tmcms/images/resource/v2/main-bg.jpg);min-height:100vh;padding-top:120px}.page-collection .com-header{background-color:rgba(255,255,255,.65);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.page-collection .banner{width:100%;background-image:url(https://gcdncs.101.com/v0.1/static/edit_99/tmcms/images/resource/v2/collect-banner.png);background-position:center top;background-size:cover;height:500px;box-shadow:2.121px 2.121px 10px 0 rgba(65,157,255,.1);position:relative;transition:all .35s}.page-collection .banner::after{content:"";position:absolute;width:100%;left:0;bottom:0;height:3px;background-color:#fff}.page-collection .banner .com-wrap{position:relative;height:100%;padding-top:80px}.page-collection .banner .texts{background-image:url(https://gcdncs.101.com/v0.1/static/edit_99/tmcms/images/resource/v2/collect-banner-text.png);width:617px;height:172px;position:absolute;left:50%;transform:translateX(-50%);top:204px;text-align:center;color:#707070;padding-top:44px;letter-spacing:2px;line-height:1;background-size:100% 100%}.page-collection .banner .texts h1{color:#333;letter-spacing:0;font-size:2em;margin-bottom:18px}@media only screen and (min-width:2561px){.page-collection .banner{height:1000px}.page-collection .banner .com-wrap{padding-top:100px}.page-collection .banner .texts{width:1234px;height:344px;top:408px;padding-top:88px}.page-collection .banner .texts h1{margin-bottom:36px}}@media only screen and (max-width:1367px){.page-collection .banner{height:400px}.page-collection .banner .com-wrap{padding-top:100px}.page-collection .banner .texts{top:154px}}.page-collection .no-data{min-height:300px;line-height:300px;text-align:center;font-size:50px;margin:0 auto;color:#515150}.ui-crumb{margin:20px 0}.ui-crumb .link,.ui-crumb .text{display:inline-block;vertical-align:middle}.ui-crumb .link{color:#666;margin-right:10px}.ui-crumb .link::after{padding-left:10px;content:">";color:#666}.ui-crumb .link:hover{color:#fd820b}.ui-crumb .text{color:#333;width:100%;width:auto;max-width:calc(100% - 200px)}.ui-crumb.crumbrow{margin:30px 0}.ui-crumb.crumbrow .link{color:#666}.ui-crumb.crumbrow .link:hover{color:#fd820b}@media only screen and (min-width:2561px){.ui-crumb{margin:40px 0}.ui-crumb .text{max-width:calc(100% - 400px)}}.collection-nav{background-color:#fff;margin:40px auto 0;padding:20px;font-size:16px;border-radius:5px;display:flex;align-items:center}.collection-nav ul{display:flex;align-items:center;flex-direction:row-reverse}.collection-nav label,.collection-nav .item{line-height:24px}.collection-nav .item{display:block;padding:0 10px;cursor:pointer;margin-left:10px;border-radius:4px}.collection-nav .item:hover{color:#fd820b}.collection-nav .item.on{background-color:#fd8f24;color:#fff}.page-collection .collection-list,.ressubject .collection-list{display:flex;padding:0;padding-bottom:68px;flex-wrap:wrap;margin-right:-25px}.page-collection .collection-list .item,.ressubject .collection-list .item{width:calc(25% - 25px);margin-right:25px;background-color:#f9f9f9;border-radius:10px;margin-top:30px;padding:15px;transition:all .35s}.page-collection .collection-list .item a,.ressubject .collection-list .item a{display:block;width:100%}.page-collection .collection-list .item .img,.ressubject .collection-list .item .img{width:100%;padding-top:54%;border-radius:6px;margin-bottom:17px;position:relative}.page-collection .collection-list .item .img img,.ressubject .collection-list .item .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.page-collection .collection-list .item .text,.ressubject .collection-list .item .text{text-align:center;width:100%;color:#171717;font-size:18px;margin-bottom:10px}.page-collection .collection-list .item:hover,.ressubject .collection-list .item:hover{transform:translateY(-5px);box-shadow:.523px 14.991px 20px 0 rgba(212,215,219,.6)}.page-collection .collection-list .item:hover .text,.ressubject .collection-list .item:hover .text{color:#fd820b}@media only screen and (min-width:2561px){.page-collection .collection-list,.ressubject .collection-list{padding-bottom:136px}.page-collection .collection-list .item,.ressubject .collection-list .item{width:calc(25% - 50px);margin-right:50px;padding:30px;border-radius:20px;margin-top:60px}.page-collection .collection-list .item .img,.ressubject .collection-list .item .img{margin-bottom:34px}.page-collection .collection-list .item .text,.ressubject .collection-list .item .text{font-size:36px}}@media only screen and (max-width:1681px){.page-collection .collection-list .item .text,.ressubject .collection-list .item .text{font-size:16px;margin-bottom:0}}.ressubject .ressubject-block .collection-list{position:relative;z-index:2}