.art-warp .art-warp__top{height:100%;padding:24px;position:relative;overflow-y:hidden}.art-warp .art-warp__top .left{padding:0}.art-warp .art-warp__top .left img{width:100%}.art-warp .art-warp__top .right{height:100%}.art-warp .art-warp__top .right .title{font-family:PingFangSC-Medium;font-size:24px;color:#333;letter-spacing:0;line-height:36px;font-weight:500}.art-warp .art-warp__top .right .art-label{padding-top:16px}.art-warp .art-warp__top .right .art-label .art-label__block{display:inline-block;color:#46c37b;background-color:rgba(70,195,123,.1);border-radius:4px;padding:4px 8px;font-size:12px;letter-spacing:0;line-height:16px;font-weight:400;margin-right:12px}.art-warp .art-warp__top .right .art-label .gray{color:#616161;background:hsla(0,0%,75.7%,.2)}.art-warp .art-warp__top .right .introduce{padding-top:24px}.art-warp .art-warp__top .right .introduce .text{font-size:16px;color:#999;letter-spacing:0;line-height:24px;font-weight:400}.art-warp .art-warp__top .link-warp{position:absolute;bottom:20px;right:20px}.art-warp .art-warp__top .link-warp div{display:inline-block;font-size:16px;color:#999;letter-spacing:0;line-height:24px;font-weight:400}.art-warp .art-warp__top .link-warp .border{display:inline-block;width:24px;height:24px;border-radius:50%;border:1px solid #d8d8d8;text-align:center;margin-right:12px}.resource-warp .resource-warp__top{padding:24px;position:relative;overflow-y:hidden}.resource-warp .resource-warp__top .title{display:flex;align-items:center}.resource-warp .resource-warp__top .title .solid{width:3px;height:16px;background:#4591ec;border-radius:4px;margin-right:8px}.resource-warp .resource-warp__top .content{position:relative;width:100%;overflow:hidden}.resource-warp .resource-warp__top .content .mar30{margin-top:30px}.resource-warp .resource-warp__top .content a{color:#333;cursor:pointer}.resource-warp .resource-warp__top .content .content-warp{padding-bottom:20px;text-align:center;border:1px solid #e4ecf3;margin-left:32px}.resource-warp .resource-warp__top .content .content-warp:first-child{margin-left:0}.resource-warp .resource-warp__top .content .content-warp img{width:100%;height:178px;object-fit:cover}.resource-warp .resource-warp__top .content .content-warp .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:20px}.swiper-padding{padding:40px 60px}@media screen and (max-width:480px){.resource-warp{display:flex;flex-direction:column}.resource-warp .left{width:100%!important}.resource-warp .left .img-size{min-height:210px}.resource-warp .right{position:static!important;width:100%!important}.swiper-padding{padding:0 30px}.swiper-button-prev{left:0!important}.swiper-button-next{right:0!important}}.course-img-cover{position:absolute;display:block;top:0;left:0;height:100%;width:100%;background:#000;opacity:.4;filter:alpha(opacity=40);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.course-img-cover:hover{opacity:.7}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;filter:alpha(opacity=30);background:#000\9;background-image:-webkit-linear-gradient(top,hsla(0,0%,88.2%,0) 50%,rgba(0,0,0,.5));background-image:-moz-linear-gradient(top,transparent 0,rgba(0,0,0,.5) 100%);background-image:linear,top,transparent 0,rgba(0,0,0,.5) 100%}.es-icon-playcircleoutline{color:#fff;font-size:100px!important;position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-50px;font-family:es-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;line-height:1}.editor-img img{max-width:100%;height:auto}.categroy-hover{cursor:pointer;display:flex;align-items:center;overflow:hidden;width:150px}.categroy-hover:hover{width:200px}.categroy-hover:hover .hover-icon{display:flex}.category-text{padding:0 20px!important;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:200px}.hover-icon{display:none}.category-icon-img{margin:0 5px;width:12px;height:12px}.resource-warp{backdrop-filter:blur(15px);position:relative}.resource-warp .back{position:absolute;cursor:pointer;top:0;left:60px;display:flex;align-items:center}.resource-warp .back img{width:20px;height:20px}.resource-warp .back span{font-size:14px;color:#fff;line-height:20px;font-weight:400;margin-left:8px}.resource-warp .left{position:relative;width:calc(100% - 346px)}.resource-warp .left .img-size{max-width:100%;height:auto;max-height:700px}.resource-warp .right{height:90%;position:absolute;display:flex;flex-wrap:wrap;align-content:space-between;right:0;top:0;width:346px;background:#2f2f2f;padding:16px}.resource-warp .right,.resource-warp .right .title{font-size:18px;color:#fff;line-height:28px;font-weight:500}.resource-warp .right .content{margin-top:16px;font-size:14px;color:#fff;line-height:20px;font-weight:400}.slide-center{height:auto!important;display:flex;justify-content:center;align-items:center}.dianzan{display:flex;font-size:14px}.d-flex{display:flex!important;justify-content:center;align-items:center}.js-resource-like{margin-right:8px;color:#fff!important}.art-model{backdrop-filter:blur(15px);padding:0!important}.art-content{width:100%;height:100%}.art-model-share{display:flex;justify-content:space-between;width:100%}.content-art-warp{padding-bottom:20px;text-align:center;border:1px solid #e4ecf3}.art-course-block{position:relative;overflow:hidden;width:100%;height:70vh}.art-img{width:100%;height:178px;padding:0}.art-name{margin-top:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-max-responsive,.model-img-responsive{max-width:100%;max-height:100%;height:auto}.like-list{display:flex}#img-suofang{position:absolute}@media screen and (max-width:768px){.art-img{height:120px}}.place-nums{margin-left:8px;font-family:PingFangSC-Regular;font-size:14px;color:#999;letter-spacing:0;line-height:20px;font-weight:400}.place-blcok{width:100%;display:flex;flex-flow:wrap;margin-top:16px;justify-content:start}.placedetail-image-block{width:65%;height:112px;margin-right:12px;background-color:#f2f2f2}.image{height:100%;width:100%}.place-classroom{width:31%;margin-right:2.3%;padding:8px 24px 8px 8px;margin-bottom:20px;display:flex;justify-content:start}.text-nowrap{white-space:nowrap}@media screen and (max-width:480px){.place-classroom{width:100%;margin-right:0;margin-bottom:20px}}.place-title{font-family:PingFangSC-Regular;font-size:15px;color:#333;width:105px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:24px;font-weight:400}.place-size{margin-top:4px;margin-bottom:4px;font-size:14px;color:#666}.place-galleryful,.place-size{font-family:PingFangSC-Regular;letter-spacing:0;font-weight:400}.place-galleryful{margin-bottom:16px;font-size:12px;color:#999;line-height:16px}.js-btn_details{font-family:PingFangSC-Regular;font-size:12px;color:#42b75e!important;letter-spacing:0;line-height:16px;font-weight:400;border:1px solid #42b75e;border-radius:4px;padding:4px 12px}.place-header .c-offline-activity{display:flex!important;flex-wrap:wrap!important}.place-header .c-offline-activity-detail__bd{background-color:hsla(0,0%,100%,0)}.place-header .c-offline-activity-detail__ft{margin-top:16px}.place-header .c-offline-activity__bd{margin-left:24px!important;margin-right:0!important}.place-header .c-offline-activity__l{width:42%!important}.place-header .c-offline-activity__img{width:100%!important;height:270px}.place-header .c-offline-activity__title{font-size:24px;color:#333;letter-spacing:0;line-height:36px}.place-header .c-offline-activity__info{display:flex}.place-header .c-offline-activity__info-l{font-size:16px;color:#999;letter-spacing:0;white-space:nowrap;line-height:24px}.place-header .c-offline-activity__info-r{font-size:16px;color:#333;letter-spacing:0;line-height:24px;margin-left:0!important;max-width:500px}.place-header .place-nums-block{display:flex;margin-top:20px;align-items:center}.place-header .place-nums-header{font-size:24px;color:#ffaa39;line-height:36px}.place-header .icon-list{display:flex;position:absolute!important;right:20px}.place-header .border-icon{display:flex;justify-content:center;align-items:center;margin-left:12px;border:1px solid #d8d8d8;width:24px;height:24px;border-radius:50%}.place-header .share-qq{color:#328cf2}.place-header .share-weibo{color:#f85a51}.place-header .share-weixin{color:#03c777}.place-header .place-header-share{margin-left:auto}@media screen and (max-width:480px){.place-header .c-offline-activity__l{width:100%!important}.place-header .c-offline-activity__img{height:210px}.place-header .icon-list{position:static!important;bottom:25px}.place-header .place-header-share{margin-left:39vw}}.vc-container.vc-is-expanded{min-width:100%;border:none}