.page{align-items:center;background-position:top;background-repeat:no-repeat;background-size:100% auto;display:flex;flex-direction:column;min-height:calc(100vh - 24.75rem);padding-top:5rem}.page .title{color:#1d2129;font-size:2.25rem;font-weight:500;line-height:2.25rem;margin-bottom:1rem}.page .sub-title{color:#4e5969;font-size:1.13rem;font-weight:400;line-height:1.13rem;margin-bottom:2.5rem}.page .search-wrapper{border-radius:1.25rem;box-shadow:0 .25rem .5rem 0 rgba(29,33,41,.04);height:2.5rem;position:relative;width:37.5rem}.page .search-wrapper:before{background:url(https://m.sadais.com/website/images/search-icon.png) no-repeat;background-size:100% 100%;content:"";height:1rem;left:1rem;position:absolute;top:.75rem;width:1rem}.page .search-wrapper .search-input{border:none;border-radius:1.25rem;color:#86909c;font-size:1rem;font-weight:400;height:100%;line-height:1rem;outline:none;padding:0 1rem 0 2.5rem;width:100%}.page .search-wrapper .search-input::-moz-placeholder{color:#86909c}.page .search-wrapper .search-input::placeholder{color:#86909c}.page .body-head{align-items:center;display:flex;justify-content:space-between;margin-top:5.25rem}.page .body-head .tab-wrapper{display:flex}.page .body-head .tab-wrapper .tab-item{color:#1d2129;cursor:pointer;font-size:1rem;font-weight:500;line-height:1rem;margin-right:3rem;padding:.75rem 0}.page .body-head .tab-wrapper .tab-item.active{border-bottom:.13rem solid #ff6a00;color:#ff6a00}.page .body-head .mode-switch{align-items:center;display:flex}.page .body-head .mode-switch .switch-btn{cursor:pointer;height:1.5rem;width:1.5rem}.page .body-head .mode-switch .switch-btn.block{background:url(https://m.sadais.com/website/images/ziyuan_ic_pic_pre@2x.png) no-repeat;background-size:100% 100%}.page .body-head .mode-switch .switch-btn.block.active{background:url(https://m.sadais.com/website/images/ziyuan_ic_pic_pre_actived@2x.png) no-repeat;background-size:100% 100%}.page .body-head .mode-switch .switch-btn.list{background:url(https://m.sadais.com/website/images/ziyuan_ic_list@2x.png) no-repeat;background-size:100% 100%}.page .body-head .mode-switch .switch-btn.list.active{background:url(https://m.sadais.com/website/images/ziyuan_ic_list_actived@2x.png) no-repeat;background-size:100% 100%}.page .body-head .mode-switch .split-line{background:#e5e6eb;height:.75rem;margin:0 .75rem;width:.06rem}.page .body-content{margin-top:2.5rem;position:relative}.page .body-content.block .resource-item{align-items:flex-start;display:flex;flex-direction:column;height:31.5rem;margin-bottom:2rem;margin-right:2%;min-width:23rem;overflow:hidden;width:32%}.page .body-content.block .resource-item:nth-child(3n){margin-right:0}.page .body-content.block .resource-item .item-cover{height:13.25rem;-o-object-fit:cover;object-fit:cover;width:100%}.page .body-content.block .resource-item .item-content{background-color:#f7f8fa;flex:1;overflow:hidden;padding:1.5rem 1.5rem 0;width:100%}.page .body-content.block .resource-item .item-content .tags{display:flex;margin-bottom:1rem}.page .body-content.block .resource-item .item-content .tags .tag-item{background:rgba(255,94,26,.08);border-radius:.25rem;color:#ff6a00;font-size:.75rem;font-weight:500;height:1.75rem;line-height:1.75rem;margin-right:.5rem;min-width:5rem;padding:0 .7rem;text-align:center}.page .body-content.block .resource-item .item-content .tags .tag-item:last-child{margin-right:0}.page .body-content.block .resource-item .item-content .item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1d2129;display:-webkit-box;font-size:1.25rem;font-weight:500;height:3.75rem;line-height:1.88rem;margin-bottom:.75rem;overflow:hidden}.page .body-content.block .resource-item .item-content .item-desc{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#4e5969;display:-webkit-box;font-size:.88rem;font-weight:400;line-height:1.38rem;overflow:hidden}.page .body-content.block .resource-item .view-all{background-color:#f7f8fa;color:#ff6a00;font-size:1rem;font-weight:500;line-height:1rem;padding:0 1.5rem 1.5rem;width:100%}.page .body-content .item-group-wrap{display:flex;flex-wrap:wrap;justify-content:flex-start}.page .body-content .swiper-button-prev{color:#ff6a00;left:-6rem}.page .body-content .swiper-button-next{color:#ff6a00;right:-6rem}