#VideoList{width:100%;min-height:100vh;position:relative;overflow:hidden}#VideoList .scroll-content{min-height:100vh;display:flex;flex-direction:column}#VideoList .row{width:1200px;max-width:100%;margin:0 auto;padding:150px 0;position:relative;flex:1}@media(max-width:1200px){#VideoList .row{padding:150px 20px 100px}}@media(max-width:600px){#VideoList .row{padding-top:100px}}#VideoList header{text-align:left;width:100%}#VideoList header .sub_title{margin:0;color:red;font-weight:700;letter-spacing:6px;overflow:hidden}#VideoList header .sub_title b{display:block;font-weight:700}#VideoList header .title{margin:0;font-weight:900;font-size:7vmin;overflow:hidden}#VideoList header .title b{display:block;font-weight:900}@media(max-width:600px){#VideoList header .title{font-size:40px}}#VideoList .card_list{width:100%;display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;margin:50px 0}#VideoList .card_list .card{width:100%;margin:0 0 20px;opacity:0}#VideoList .card_list .card:nth-of-type(2n){margin:0 0 20px}@media(min-width:768px){#VideoList .card_list .card{width:calc(50% - 10px);margin:0 10px 60px 0}#VideoList .card_list .card:nth-of-type(2n){margin:0 0 60px 10px}}@media(min-width:861px){#VideoList .card_list .card{width:calc(33.33333% - 10px);margin:0 0 60px}#VideoList .card_list .card:nth-of-type(2n){margin:0 0 60px}#VideoList .card_list .card:nth-of-type(3n-1){margin:0 15px 60px}}#VideoList .card_list .card .img_box{width:100%;overflow:hidden;position:relative}#VideoList .card_list .card .img_box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:red;mix-blend-mode:multiply;transform:translate(-250%) scaleX(2) skew(20deg);transform-origin:left;transition:all .6s;z-index:10}#VideoList .card_list .card .img_box img{display:block;width:100%;transition:all .5s}#VideoList .card_list .card .content{width:100%;position:relative;padding:20px 20px 20px 0;background-color:transparent;transition:all .3s}#VideoList .card_list .card .content .header{width:100%;display:flex;align-items:center;justify-content:space-between}#VideoList .card_list .card .content .header span{display:block;padding:6px 20px;background-color:#b90000;color:#fff;font-size:12px}#VideoList .card_list .card .content .header time{font-weight:700;font-size:14px;color:#a8a8a8}#VideoList .card_list .card .content h3{margin:10px 0 0;text-align:left;font-size:16px;font-weight:600;color:#fff;transition:all .4s;position:relative;z-index:5}#VideoList .card_list .card .content span{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:60px;font-style:italic;color:#fff;font-weight:900;opacity:.05;z-index:1}#VideoList .card_list .card:hover .img_box:before{transform:translate(0) scaleX(2) skew(20deg)}#VideoList .card_list .card:hover .img_box img{transform:scale(1.2)}#VideoList .card_list .card:hover .content h3{color:red}#VideoList .list_footer{width:100%;margin-bottom:50px}#VideoList .list_footer .more_btn{display:inline-block;background-color:transparent;border:none;color:#fff;width:250px;text-align:center;padding:5px;position:relative;transition:all .6s;margin-top:30px}#VideoList .list_footer .more_btn div{background-color:red;width:100%;height:100%;padding:15px;position:relative;overflow:hidden}#VideoList .list_footer .more_btn div b{position:relative;z-index:5;font-size:16px}#VideoList .list_footer .more_btn div:before{content:"";background-color:#fff;top:0;left:-30px;right:-30px;bottom:0;position:absolute;transform:skew(-30deg) scaleX(0);transform-origin:left;transition:all .4s;z-index:1}#VideoList .list_footer .more_btn:hover b{color:red}#VideoList .list_footer .more_btn:hover div:before{transform:skew(-30deg) scaleX(1)}#VideoList .list_footer .more_btn:hover:before,#VideoList .list_footer .more_btn:hover:after{border-color:#fff}#VideoList .list_footer .more_btn:before{content:"";display:block;position:absolute;top:0;left:0;height:calc(50% - 5px);width:100%;border:.5px solid red;border-bottom:0px;transition:all .6s}#VideoList .list_footer .more_btn:after{content:"";display:block;position:absolute;left:0;bottom:0;height:calc(50% - 5px);width:100%;border:.5px solid red;border-top:0px;transition:all .6s}#VideoPage{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:70;background-color:#0009;padding:100px 0}@media(max-width:768px){#VideoPage{padding:70px 0 0;background-color:#000}}#VideoPage .container{width:1000px;max-width:100%;margin:0 auto;max-height:calc(100vh - 200px);overflow:auto;-ms-overflow-style:none;scrollbar-width:none}#VideoPage .container::-webkit-scrollbar{display:none}@media(max-width:768px){#VideoPage .container{max-height:calc(100vh - 70px)}}#VideoPage .img_box{width:100%;position:relative}#VideoPage .img_box .close_btn{position:absolute;z-index:9999999;top:0;right:0;border:none;color:#fff;display:flex;align-items:center;justify-content:center;background-color:red;width:40px;height:40px}#VideoPage .img_box .close_btn span{display:block}#VideoPage .img_box .close_btn:focus{outline:none}#VideoPage .img_box img{display:block;width:100%}#VideoPage .content_box{background-color:#000;text-align:left;width:100%}#VideoPage .content_box header{padding:20px 40px}#VideoPage .content_box header h2{font-size:32px;margin:0}#VideoPage .content_box header time{font-size:14px;margin-top:10px;display:block}#VideoPage .content_box .content{width:100%;padding:20px 40px}#VideoPage .content_box .content a{color:red}#VideoPage .content_box .content img{display:block;width:100%!important}#VideoPage .article_footer{width:100%;text-align:left;padding:40px 40px 60px}#VideoPage .article_footer p{font-weight:600}#VideoPage .article_footer .button_group{display:flex;align-items:center}#VideoPage .article_footer .button_group button{width:calc(33.3333% - 10px);position:relative;padding:15px;border:none;border-radius:5px;color:#fff;font-weight:700}#VideoPage .article_footer .button_group button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;border-radius:5px;background-color:#fff;opacity:0;transition:all .3s}#VideoPage .article_footer .button_group button:nth-of-type(2){margin:0 15px}#VideoPage .article_footer .button_group button.facebook_share{background-color:#3b5998}#VideoPage .article_footer .button_group button.line_share{background-color:#00c300}#VideoPage .article_footer .button_group button.copy_link{background-color:#2d2d2d}#VideoPage .article_footer .button_group button:hover:before{opacity:.3}@media(max-width:768px){#VideoPage .article_footer .button_group{flex-direction:column}#VideoPage .article_footer .button_group button{width:100%;margin-bottom:10px}#VideoPage .article_footer .button_group button:nth-of-type(2){margin:0 0 10px}}#VideoPage .article_footer .back_btn{display:flex;align-items:center;margin-top:50px;color:red;font-weight:700;width:200px}@media(max-width:768px){#VideoPage .content_box header,#VideoPage .content_box .content{padding:20px}}#player{width:100%;height:562.5px;display:block;position:relative;z-index:1}@media(max-width:1000px){#player{height:56.25vw}}.video_article-enter-active,.video_article-leave-active{transition:all .6s}.video_article-enter,.video_article-leave-to{opacity:0;transform:translateY(100px);transition:all .5s}