.inner{max-width:none;margin:180px 25vw}.sort{margin:0 -20px}.sort a{position:relative;display:inline-block;padding-bottom:10px;margin:0 20px;font-size:.875em;color:#000}.sort a:after{content:"";position:absolute;bottom:0;right:0;height:5px;width:0;background:#ccc;transition:width .6s}.sort a:hover:after,.sort a.active:after{width:100%}.sub-title{color:#000;font-size:1.25em;font-weight:normal;margin-bottom:40px}.title,.sub-title,.sort{opacity:0;transition:opacity .6s}.title.show,.sub-title.show,.sort.show{opacity:1}.video{min-height:calc(100vh - 400px)}.video-title{display:none}.video-container{position:relative;border-bottom:#ddd solid 1px;margin:80px 0;padding-bottom:80px}.video-wrap{margin:-15px;display:flex;flex-wrap:wrap}.video-item{position:relative;margin:15px;opacity:0;transform:translateY(40px);transition:opacity .6s,transform .6s}.video-item.show{opacity:1;transform:translateY(0)}.video-it1{width:calc((100% - 60px)/2)}.video-it2{width:calc((100% - 90px)/3)}.video-img{overflow:hidden}.video-img img{width:100%;transition:transform .6s}.video-date{color:#ccc;margin-top:20px;font-size:.8em;letter-spacing:2px}.video-name{color:#000;margin-bottom:20px;font-size:.875em;letter-spacing:1px}.video-vname{color:#000;margin:20px 0;font-size:.875em;letter-spacing:1px}.video-control{text-align:center}.video-prev,.video-next{position:relative;display:inline-block;vertical-align:middle;width:40px;height:40px;cursor:pointer}.video-prev:before,.video-prev:after,.video-next:before,.video-next:after{position:absolute;top:20px;content:"";width:10px;height:1px;background:#666}.video-prev:hover:before,.video-prev:hover:after,.video-next:hover:before,.video-next:hover:after{background:#000}.video-prev:before,.video-prev:after{left:15px;transform-origin:left center}.video-prev:before{transform:rotate(45deg)}.video-prev:after{transform:rotate(-45deg)}.video-next:before,.video-next:after{right:15px;transform-origin:right center}.video-next:before{transform:rotate(45deg)}.video-next:after{transform:rotate(-45deg)}.video-view{position:absolute;top:0;width:100%;overflow:hidden;opacity:0;transition:opacity .6s}.video-view-icon{font-size:.8em;color:#ccc;position:absolute;top:0;right:0;background:#fff;color:#000;text-align:center;line-height:35px;padding:0 10px;transform:translate(50px, -40px);transition:transform .6s}.video-vi1:before{content:"";padding-bottom:66.6666666667%;display:block;background:#000;opacity:.3}.video-vi2:before{content:"";padding-bottom:137.5%;display:block;background:#000;opacity:.3}.video .video-item a:hover img{transform:scale(1.2)}.video .video-item a:hover .video-view{opacity:1}.video .video-item a:hover .video-view-icon{transform:translate(0, 0)}@media screen and (max-width: 1300px){.video-wrap{margin:0 -2%}.video-item{width:46%;margin:2%}}@media screen and (max-width: 1100px){.inner{margin:150px auto;max-width:600px}.swiper-wrapper{height:auto;flex-wrap:wrap}.video-title{display:block}.video-container{overflow:hidden}.video-list{opacity:1}.video-control{display:none}.coming{display:none}.control{display:none}}@media screen and (max-width: 740px){.inner{margin:150px 8vw;max-width:none}}@media screen and (max-width: 640px){.inner{max-width:400px;margin:100px auto}.sub-title{margin-bottom:20px}.video-container{margin:40px 0;padding-bottom:40px}.video-item{width:100%}.video-item:last-child{margin-bottom:0}.sort{margin:0 -10px}.sort a{margin:0 10px 20px;font-size:.75em}.sort a:after{height:3px}}@media screen and (max-width: 540px){.inner{margin:100px 8vw;max-width:none}}