.gallery{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0}.gallery .page-img{max-width:100%;max-height:100%;width:60%;margin:auto}.gallery .fa-img-pop{z-index:991;justify-content:center;align-items:center;background:#9eacb2;background-size:100% 100%;height:100%}.gallery .fa-img-pop,.gallery .fa-img-pop .pop-title{display:flex;position:absolute;top:0;left:0;width:100%}.gallery .fa-img-pop .pop-title{height:14%;color:#fff;align-items:flex-end;padding-left:3rem}.gallery .fa-img-pop .pop-title .font-content{font-size:6rem;line-height:6rem;font-family:YesevaOne;margin-right:20px}.gallery .fa-img-pop .gallery-video{position:absolute;bottom:0;width:100%;height:86%;background:#bec6ca;overflow:auto}.gallery .fa-img-pop .gallery-video .video-content-group{width:90%;height:100%;margin-left:3rem}.gallery .fa-img-pop .gallery-video .top-css{margin-top:2rem;width:100%;display:flex;flex-flow:row;justify-content:space-between}.gallery .fa-img-pop .gallery-video .top-css .video-top-css{width:32%;height:95%;display:flex;align-items:flex-start;flex-flow:column;flex-direction:column}.gallery .fa-img-pop .gallery-video .video-data-text{font-family:QuicksandBook;font-size:1rem;margin-top:5px}.gallery .fa-img-pop .gallery-video .video-content-title{font-size:2rem;font-weight:600;height:7%;width:100%;display:flex;align-items:flex-end;justify-content:flex-start;font-family:YesevaOne}.gallery .fa-img-pop .gallery-video .bottom-css{width:100%;margin-top:2rem;display:flex;flex-flow:row;justify-content:space-between}.gallery .fa-img-pop .gallery-video .bottom-css .video-bottom-css{width:24%;height:95%;display:flex;align-items:flex-start;flex-flow:column;flex-direction:column}.gallery .fa-img-pop .gallery-video .video-content-data{width:100%;overflow:hidden;display:flex;align-items:flex-start;flex-flow:column}.gallery .fa-img-pop .gallery-video .video-content-data img{max-width:100%;max-height:100%;margin:auto}.gallery .fa-img-pop .gallery-video .video-poto{width:20%;height:300px;background:#000;overflow:hidden;margin:3px;transition:all .5s}.gallery .fa-img-pop .gallery-video .video-poto img{height:100%}.gallery .fa-img-pop .gallery-img-list{position:absolute;bottom:0;width:100%;height:85%;display:flex;flex-wrap:wrap;justify-content:center;overflow:auto;background:#bec6ca;align-items:center}.gallery .fa-img-pop .gallery-img-list .img-list-content{width:16.12903%;height:12rem;background:#000;overflow:hidden;margin:3px;transition:all .5s}.gallery .fa-img-pop .gallery-img-list .img-list-content img{height:100%}.gallery .fa-img-pop .set-type-btn{position:fixed;z-index:999;bottom:0;right:0;width:4%}.gallery .fa-img-pop .set-type-btn img{max-width:100%}.gallery .fa-img-pop .btn-list-group{position:fixed;bottom:0;width:100%;height:2.5rem;z-index:999;display:flex;align-items:center;justify-content:center;background:rgba(99,189,187,.7686274509803922);font-family:QuicksandBold}.gallery .fa-img-pop .btn-list-group .septal{display:inline-block;content:"";width:1px;height:1rem;background:#b3bfc5}.gallery .fa-img-pop .btn-list-group .cl-btn{background:#3dadaa!important}.gallery .fa-img-pop .btn-list-group .btns-text{height:100%;display:flex;justify-content:center;align-items:center;padding:0 15px;font-size:16px}.gallery .fa-img-pop .btn-list-group .btns{color:#fff;height:100%;display:flex;align-items:center}.gallery .fa-img-pop .show-btn-group{position:fixed;right:0;top:50%;width:4%;display:flex;flex-direction:column}.gallery .fa-img-pop .show-btn-group .btns{max-width:100%}.video-content-pop{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1200}.video-content-pop video{width:100%;height:100%;background:#000}.video-content-pop .over-video-btn{position:fixed;right:0;top:50%;width:4%}@media screen and (max-width:1366px) and (max-height:1024px){.font-content{font-size:4rem!important;line-height:4rem!important}.video-content-title{margin-top:2rem!important}.video-content-group{margin-left:2rem!important}}