.sp-gallery-block{grid-gap:var(--vgap) var(--hgap);grid-template-columns:repeat(var(--columns),1fr)}.sp-basic-gallery-block .gallery{display:grid;grid-gap:var(--vgap) var(--hgap);grid-template-columns:repeat(var(--columns),1fr)}.sp-gallery-item{padding-bottom:var(--aspect-ratio)}.sp-gallery-items{position:relative}.sp-gallery-items .sp-gallery-item-img{padding-bottom:var(--aspect-ratio);background-position:center center;background-size:cover;width:100%;-webkit-transform-origin:center top;transform-origin:center top}.sp-gallery-bg-overlay,.sp-gallery-item-block{height:100%;width:100%;position:absolute;top:0;left:0}.sp-gallery-item-block{display:flex;flex-direction:column;align-content:center;justify-content:center;opacity:0;overflow:hidden}.sp-gallery-items.sp-hidden-items{opacity:0;position:absolute}.sp-gallery-items:hover .sp-gallery-bg-overlay{background-color:rgba(0,0,0,.7);z-index:999}.sp-gallery-items:hover .sp-gallery-item-block{z-index:999;opacity:1}.sp-gallery-tabs{display:flex;flex-wrap:wrap;margin-bottom:20px;justify-content:center;align-content:flex-start;align-items:center;flex-direction:row;line-height:34px}.sp-gallery-tabs a.sp-gallery-tab-title{padding:4px 10px;border-bottom:2px solid transparent;cursor:pointer;text-decoration:none!important}.sp-gallery-tabs a.sp-gallery-tab-title.sp-tab-active{border-bottom:2px solid}.sp-image-gallery .gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%;max-width:100%;margin:0 auto}.sp-image-gallery .gallery{display:block;text-align:left}.sp-gallery-item-block .sp-gallery-overlay-title{color:#fff;font-size:100%;overflow-wrap:break-word;padding:2px 5px}.sp-gallery-item-block .sp-gallery-overlay-desc{color:#fff;font-size:75%;overflow-wrap:break-word;padding:2px 5px}.image-preview-container{position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;background:rgba(0,0,0,.6);transition:all .3s;display:none;color:#fff;will-change:transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.image-preview-container.show{animation:show .5s forwards;-webkit-animation:show .5s forwards}.image-preview-container.hiding .preview-header{animation:opacityAnimation .5s forwards reverse}.image-preview-container .image-container{width:100%!important;height:100%!important;overflow:hidden}.image-preview-container .preview-header{height:60px;background:rgba(0,0,0,.2);display:flex;justify-content:space-between;align-items:center;padding:0 2vw 0 1vw;position:relative;z-index:90;-webkit-animation:opacityAnimation .5s forwards;animation:opacityAnimation .5s forwards}.image-preview-container .preview-header .nums{display:flex;justify-content:flex-start;align-items:center}.image-preview-container .preview-header .nums p{font-weight:300;padding:4px 8px;font-size:16px}.image-preview-container .preview-header button{background:0;border:0;outline:0;font-size:18px;color:#fff;padding:4px 8px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;position:relative}.image-preview-container .preview-header .tool-btn button{margin-left:2vw}.image-preview-container .preview-header button:hover::after,.image-preview-container .preview-header button:hover::before{display:block}.image-preview-container .preview-header button::before{content:"";position:absolute;left:50%;top:calc(130% - 5px);-webkit-transform:translateX(-50%);transform:translateX(-50%);border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:5px solid #000;display:none}.image-preview-container .preview-header button::after{content:attr(data-tooltip);font-size:12px;position:absolute;left:50%;top:130%;transform:translateX(-50%);background:#000;padding:2px 5px;white-space:nowrap;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;display:none}.image-preview-container .preview-header button:hover{background:rgba(0,0,0,.2);cursor:pointer}#prev,#next{background:0;border:0;outline:0;position:absolute;top:50%;color:#f6f6f6;padding:20px 10px;cursor:pointer;z-index:10}#prev i,#next i{font-size:24px}#prev{left:1%}#next{right:1%}.zoom-in{cursor:zoom-in}.moving{transition:none!important;-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important}.iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-xiayige:before{content:""}.icon-shangyige:before{content:""}.icon-account-practice-lesson-close:before{content:""}.icon-zhongzhi:before{content:""}.icon-xuanzhuan:before{content:""}.icon-xuanzhuan1:before{content:""}@media screen and (max-width:768px){.preview-header .nums p,.preview-header .iconfont{font-size:12px!important}}@media (min-width:768px){.sp-image-gallery .gallery-columns-2 .gallery-item{max-width:50%}.sp-image-gallery .gallery-columns-3 .gallery-item{max-width:33.33%}.sp-image-gallery .gallery-columns-4 .gallery-item{max-width:25%}.sp-image-gallery .gallery-columns-5 .gallery-item{max-width:20%}.sp-image-gallery .gallery-columns-6 .gallery-item{max-width:16.666%}.sp-image-gallery .gallery-columns-7 .gallery-item{max-width:14.28%}.sp-image-gallery .gallery-columns-8 .gallery-item{max-width:12.5%}.sp-image-gallery .gallery-columns-9 .gallery-item{max-width:11.11%}.sp-image-gallery .gallery-columns-10 .gallery-item{max-width:10%}}