.vm--modal{border-radius:10px!important;overflow:hidden;background:transparent!important;display:flex;align-items:center}.login-modal{background:#36393f;height:100%;width:100%;display:flex;flex-direction:column}@media (max-width:768px){.login-modal{flex-direction:column}}.login-modal-qr{width:100%;background:#1a1a1a;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 30px;height:100%;position:relative}@media (max-width:768px){.login-modal-qr{width:100%;height:40vh}.login-modal-qr .qr-info{font-size:14px!important}}.login-modal-qr>img{margin-bottom:20px;margin-top:20px}.login-modal-qr .qr-wrap{width:100%;text-align:center;display:flex;justify-content:center}.login-modal-qr .qr-wrap-inner{background:#fff;padding:10px;border-radius:8px}.login-modal-qr .qr-info{color:hsla(0,0%,100%,.75);margin:30px 0;font-size:16px;text-align:center;font-weight:600}.login-modal-qr .qr-info strong{color:#ff2e1c}.login-modal-qr .qr-info a{color:#fff;font-weight:600;text-decoration:underline;display:inline-flex;align-items:center}.login-modal-qr .qr-info a span{margin-right:3px}.login-modal-qr .reg-info{color:#fff;margin-top:40px;margin-bottom:20px}.login-modal-qr .reg-btn{color:#fff;font-weight:700;text-decoration:underline}.login-modal-qr .reg-btn:hover{color:#ff2e1c}.login-modal .close-modal{text-decoration:none;position:absolute;top:15px;right:15px;display:inline-flex;align-items:center;justify-content:center}.login-modal .close-modal i{color:#ff2e1c;font-size:34px;transition:all .25s}.login-modal .close-modal:hover i{color:#e81200}.slide-logo{height:160px}.slide-desc{max-width:50%}.media-detail{background:rgba(0,0,0,.15);width:100%;height:100vh;display:flex;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.media-detail .info-container{width:980px;margin:8px auto;background:rgba(0,0,0,.9);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.media-detail .info-container-wrap,.media-detail .info__overlay{display:flex;flex-direction:column}.media-detail .info__overlay{background:linear-gradient(transparent,#000);position:absolute;right:0;bottom:0;left:0;top:0;justify-content:flex-end}.media-detail .info__overlay .overlay-items{display:flex;flex-direction:row!important;height:100px;margin-bottom:-50px}.media-detail .info__overlay .overlay-items .media-logo{height:100px;margin-left:auto;width:auto!important;margin-bottom:20px;margin-right:20px;display:inline-flex}.media-detail .close-btn{height:40px;width:40px;position:absolute;right:20px;top:20px;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid transparent;cursor:pointer;transition:all .25s;z-index:10}.media-detail .close-btn i{color:#fff}.media-detail .close-btn:hover{border:1px solid #fff}.media-detail .volume-btn{bottom:20px;left:20px;height:40px;width:40px;position:absolute;top:auto;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #fff;cursor:pointer;transition:all .25s;z-index:10}.media-detail .volume-btn i{color:#fff}.media-detail .volume-btn:hover{border:1px solid #fff}.media-detail .relative{position:relative!important}.media-detail .media-info{margin-top:100px;padding:0 30px}.media-detail .media-info .space-x-2{margin-top:8px;margin-bottom:8px}.media-detail .media-info .text-gray-400{color:hsla(0,0%,100%,.5)!important}.media-detail .media-info .text-white{color:#fff;font-weight:500}.media-detail .media-info .flex{display:flex;align-items:center}.media-detail .media-info .text-yellow-500{color:#f59e0b}.media-detail .media-info .detail-age{color:#f59e0b;border:1px solid #f59e0b;margin:0 10px;padding:0 6px}.media-detail .media-info .rate{margin-right:15px;display:inline-flex;align-items:center}.media-detail .media-info .rate i{margin-right:5px}.media-detail .media-info .txt-desc{color:hsla(0,0%,100%,.8);margin-top:30px}.media-detail .hover-video{min-height:500px!important;height:100%;margin:0!important;padding:0!important;border-top-left-radius:6px;border-top-right-radius:6px;overflow:hidden;background:#040608;position:relative}.media-detail .hover-video .vue-responsive-videobg{position:absolute;top:0;bottom:0;height:100%!important;width:100%}.video-content .name{overflow:hidden;height:40px}.app-links{display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.app-links p{color:hsla(0,0%,100%,.7);font-weight:500}.app-links .links{display:flex;justify-content:center}.app-links .links a:hover{box-shadow:0 8px 24px rgba(149,157,165,.2)}.vm--overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.popper{height:300px;width:300px;background:#fff;position:static}.popper img{width:300px!important}.guide-modal{position:relative}.guide-modal img{margin-top:-3px;margin-right:-2px}.guide-modal .close-modal{text-decoration:none;position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center}.guide-modal .close-modal i{color:#ff2e1c;font-size:34px;transition:all .25s}.guide-modal .close-modal:hover i{color:#e81200}