.menu-list .ps__thumb-y{right:0}.title{height:100%;width:calc(100% - 120px);position:absolute;left:60px;line-height:60px;font-size:25px;font-weight:700}.room-list-empty,.title{color:#fff;text-align:center}.room-list-empty{height:calc(100% - 140px);font-size:22px;padding-top:50%}.room-list-empty .text-box{transform:translateY(-50%)}.room-list-empty i{font-size:80px;margin-bottom:15px}.chatroom-list .ps__rail-y{opacity:.6}.chatroom-list .ps__thumb-y{right:0;background:#aaa!important}.chatroom-ul{padding:0;margin:0 0}.chatroom-ul li{list-style:none;padding:0 0;border-bottom:1px solid #7c7c7c;height:80px;position:relative;cursor:pointer}.chatroom-ul li:hover{background:#4e4e4e}.chatroom-ul .chatroom-img{width:60px;height:60px;position:absolute;top:10px;left:15px}.chatroom-ul .chatroom-img img{width:60px;height:60px;border-radius:100%}.chatroom-ul .chatroom-title{position:absolute;left:90px;height:100%;padding:10px 0;font-size:18px;width:calc(100% - 80px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chatroom-ul .chatroom-title .mission-coin{font-size:18px;font-weight:700}.chatroom-ul .chatroom-title .mission-coin .mission-total-coin{color:#f60;line-height:35px}.chatroom-ul .chatroom-title .mission-coin .mission-my-coin{color:#004692}.chatroom-ul .chatroom-room-profile{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff}.chatroom-ul .chatroom-room-profile .chatroom-type1{color:#f60;font-weight:700;margin-right:5px}.chatroom-ul .chatroom-room-profile .chatroom-type2{color:red;font-weight:700;margin-right:5px}.chatroom-ul .chatroom-last-message{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;margin-top:3px;color:#d8d8d8}.chatroom-ul .chatroom-count{position:absolute;right:0;height:100%;line-height:80px;font-size:18px;color:#575757;right:15px}.chatroom-ul .chatroom-count span{background:red;color:#fff;padding:5px}.page-header-mobile-content .mobile-head-search{position:absolute;right:10px;top:0;height:100%}.page-header-mobile-content .mobile-head-search>div{position:relative;height:100%;width:160px}.page-header-mobile-content .mobile-head-search>div>input[type=text]{position:absolute;top:50%;transform:translateY(-50%);box-shadow:none;box-sizing:none;border:none;background:#737373;height:32px;border-radius:20px;padding-left:10px;padding-right:25px;color:#fff}.page-header-mobile-content .mobile-head-search>div>input[type=text]:focus{box-shadow:none;box-sizing:none;border:none}.page-header-mobile-content .mobile-head-search>div>.search-icon{position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:18px;display:block;width:32px;height:32px;line-height:32px;text-align:center}@media (max-width:580px){.user-tab a{padding:5px 10px;font-size:13px}.user-tab .login a{margin-right:10px}.chatroom-ul .chatroom-room-profile{padding-right:60px}}@media (max-width:767px){.chatroom-ul .chatroom-img{left:8px}.chatroom-ul .chatroom-title{left:88px}.chatroom-ul .chatroom-count{right:8px}}.user-tab a{border:1px solid #e2e2e2;color:#525252;padding:10px 15px;font-size:14px;border-radius:5px;text-decoration:none}.user-tab .login a{margin-right:15px}.user-tab .register a{border:none;background:linear-gradient(165deg,rgba(6,189,196,.78) 13.14%,hsla(0,0%,100%,0) 70.93%),#7812fd;color:#fff}.vedios{margin-top:40px}.vedios .swiper{overflow:visible;width:100%}.vedios .swiper-slide>a{display:block;position:relative}.vedios .swiper-slide>a>img{width:100%}.vedios .swiper-slide-shadow-left,.vedios .swiper-slide-shadow-right{background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.vedios .swiper-button-next,.vedios .swiper-button-prev{background:hsla(0,0%,100%,.6);border-radius:10px;width:48px;height:48px;top:calc(50% + 5px)}.vedios .about{background:linear-gradient(transparent,#000);padding:1.5rem;position:absolute;left:0;bottom:0;width:100%;display:flex;justify-content:flex-start;align-items:center}.vedios .about .img img{width:54px;height:54px;border-radius:50%;overflow:hidden}.vedios .about .con{color:#fff;padding-left:15px}.vedios .about .con strong{font-size:22px;font-weight:500}.vedios .about .con p{font-size:17px;font-weight:500}.vedios .about .con i{display:block}.swiper-button-next:after,.swiper-button-prev:after{font-size:14px;font-weight:700}.swiper-button-next,.swiper-button-prev{position:absolute;width:30px!important;height:30px!important;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000}.mobile-swiper .swiper-button-next,.swiper-button-prev{color:#fff}.slider-ul{padding:0;margin:12px 0 0 10px}.slider-ul li{list-style:none;color:#fff}.slider-ul .slider-title{font-weight:700;font-size:20px}@font-face{font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;font-display:block;src:url(../../static/fonts/fa-brands-400.c1868c95.eot);src:url(../../static/fonts/fa-brands-400.c1868c95.eot?#iefix) format("embedded-opentype"),url(../../static/fonts/fa-brands-400.a06da7f0.woff2) format("woff2"),url(../../static/fonts/fa-brands-400.ec3cfdde.woff) format("woff"),url(../../static/fonts/fa-brands-400.13685372.ttf) format("truetype"),url(../../static/img/fa-brands-400.0cb5a5c0.svg#fontawesome) format("svg")}.fab{font-family:Font Awesome\ 5 Brands;font-weight:400}

/*!
* Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
*/@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;font-display:block;src:url(../../static/fonts/fa-solid-900.a0369ea5.eot);src:url(../../static/fonts/fa-solid-900.a0369ea5.eot?#iefix) format("embedded-opentype"),url(../../static/fonts/fa-solid-900.b15db15f.woff2) format("woff2"),url(../../static/fonts/fa-solid-900.bea989e8.woff) format("woff"),url(../../static/fonts/fa-solid-900.1ab236ed.ttf) format("truetype"),url(../../static/img/fa-solid-900.ec763292.svg#fontawesome) format("svg")}.fa,.fas{font-weight:900}

/*!
* Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
*/@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;font-display:block;src:url(../../static/fonts/fa-regular-400.261d666b.eot);src:url(../../static/fonts/fa-regular-400.261d666b.eot?#iefix) format("embedded-opentype"),url(../../static/fonts/fa-regular-400.c20b5b73.woff2) format("woff2"),url(../../static/fonts/fa-regular-400.f89ea91e.woff) format("woff"),url(../../static/fonts/fa-regular-400.db78b935.ttf) format("truetype"),url(../../static/img/fa-regular-400.89ffa3ab.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:Font Awesome\ 5 Free}.far{font-weight:400}@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:local("Roboto Thin"),local("Roboto-Thin"),url(../../static/fonts/Roboto-Thin.5ecbc99d.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(../../static/fonts/Roboto-Light.e22062b3.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(../../static/fonts/Roboto-Regular.54a91b06.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url(../../static/fonts/Roboto-Medium.99fc0816.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),url(../../static/fonts/Roboto-Bold.afa7a91d.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local("Roboto Black"),local("Roboto-Black"),url(../../static/fonts/Roboto-Black.a77b7fc4.ttf) format("truetype")}@font-face{font-family:Euclid Circular B;font-style:normal;font-weight:400;src:url(../../static/fonts/EuclidCircularB-Regular-WebXL.d5aac9e7.ttf) format("truetype")}@font-face{font-family:Euclid Circular B;font-style:italic;font-weight:400;src:url(../../static/fonts/EuclidCircularB-RegularItalic-WebXL.eaba73fe.ttf) format("truetype")}@font-face{font-family:Euclid Circular B;font-style:normal;font-weight:500;src:url(../../static/fonts/EuclidCircularB-Medium.82436703.ttf) format("truetype")}@font-face{font-family:Euclid Circular B;font-style:normal;font-weight:700;src:url(../../static/fonts/EuclidCircularB-Bold-WebXL.cd393be2.ttf) format("truetype")}body{padding:0;margin:0;font-family:Euclid Circular B,Helvetica,Arial,sans-serif;background:#f5f5f5!important;width:100%}.btn-join{background-color:#ff0056!important}.btn-join,.btn-join:hover{color:#fff!important}.gift-madal-bg{position:fixed;background:#000;opacity:.5;top:0}.gift-madal,.gift-madal-bg{width:100%;height:100%;z-index:99}.gift-madal{position:absolute}.gift-madal .left-scrollbar{height:100%}.gift-madal .left-scrollbar .ps__rail-y{opacity:1}.gift-madal .left-scrollbar .ps__thumb-y{right:0;width:3px;background-color:#a9a9a9!important;opacity:1}.gift-madal-body{margin:0 auto;max-width:500px;height:calc(100% - 160px);margin-top:80px;border-radius:10px}.gift-madal-body h3{font-size:25px;border-bottom:1px solid #e6e6e6;padding:15px 20px;margin:0;text-align:center;position:relative}.gift-madal-body h3 span{position:absolute;right:20px;color:#a9a9a9;cursor:pointer}.form-group{min-height:63px;border-bottom:1px solid #e6e6e6;position:relative;margin-bottom:10px!important}.form-group .control-label{position:absolute;font-size:16px;top:17px;color:#acb0b4;font-weight:700}.form-group .form-group-item{position:absolute;bottom:0;width:100%}.form-group .time{font-size:16px;position:absolute;right:0;bottom:15px}@-webkit-keyframes example{0%{font-size:16px;top:17px}to{font-size:12px;top:6px}}@keyframes example{0%{font-size:16px;top:17px}to{font-size:12px;top:6px}}@-webkit-keyframes example1{0%{font-size:12px;top:6px}to{font-size:16px;top:17px}}@keyframes example1{0%{font-size:12px;top:6px}to{font-size:16px;top:17px}}.control-label-an-out{-webkit-animation-name:example;animation-name:example;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.control-label-an-in,.control-label-an-out{-webkit-animation-duration:.2s;animation-duration:.2s}.control-label-an-in{-webkit-animation-name:example1;animation-name:example1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.form-group .form-group-item .form-control{background:none!important;border:none;box-shadow:none;font-size:19px;padding:10px 0 5px 5px}.form-group .form-group-item .form-control-select{width:100%;background:none!important;border:none;box-shadow:none;font-size:19px;padding:0 0 0 0;position:relative;top:-13px}.form-group .form-group-item .form-control-select:focus{border:none;box-shadow:none;outline:none}.form-group .form-group-item .form-control:focus{border:0;box-shadow:none}.my-form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:none}.my-form-control:focus{box-shadow:none;outline:none}.swal2-title{font-size:23px!important}.swal2-confirm{border-radius:2px;color:#fff!important;background-color:#007bff!important;border-color:#007bff!important;box-shadow:none!important;border:none!important;outline:none!important}.swal2-confirm:hover{background:#025ec2!important}.swal2-cancel{border-radius:2px;font-size:12px;background:#c20103!important;color:#fff!important;box-shadow:none!important;border:none!important;outline:none!important}.swal2-cancel:hover{background:red!important}.swal2-icon{margin:10px 0}.btn-reg{background:#8b3dff;color:#fff}.btn-reg:hover{background:#7300e6;color:#fff}.btn-login{background:rgba(64,87,109,.07);color:#0d1216}.btn-login:hover{background:rgba(64,87,109,.2)}.page-header{width:100%;height:70px;box-shadow:3px 3px 5px #e2e2e2;display:flex;justify-content:space-between;padding:0 25px}.header-left{line-height:70px}.header-left .menu-icon{color:#575757;font-size:20px;line-height:70px;left:15px;cursor:pointer}.header-left .logo{height:60px;margin-left:20px;border-radius:5px;position:relative;top:-3px}.header-left .online-count{padding-left:15px;font-weight:700;font-size:15px;color:#7300e6}.header-left .online-count .mark{width:8px;height:8px;background:#39b54a;border-radius:8px;display:inline-block;margin-right:8px}.header-right ul{display:flex}.header-right ul li{line-height:65px;list-style:none}.header-right ul li.user-tab-info .user-image{display:inline-block}.header-right ul li.user-tab-info .user-image img{width:38px;height:38px;border-radius:100%}.header-right ul li.user-tab-btn button:first-child{margin-right:20px}.header-right ul li.user-tab-info .user-coin{font-size:18px;color:#8b3dff;font-weight:700;display:inline-block;margin-right:15px}.header-right ul li.user-tab-info .user-nickname{font-size:16px;font-weight:700;display:inline-block;margin-right:15px}.header-right ul li.user-tab-info .bell-coin{font-size:23px;font-weight:700;position:relative;display:inline-block;margin-right:10px}.header-right ul li.user-tab-info .bell-coin .badge{position:absolute;background:red;border-radius:50px;right:0;top:50%;transform:translateY(-50%);display:block;color:#fff}.header-right ul li.user-tab-info .bell-coin i{margin-right:10px}.header-right ul li.user-tab-info span{padding:0 8px}.header-right ul li.user-tab-info button{margin-left:15px}.my-info-box{position:absolute;width:300px;height:250px;background:#fff;right:15px;top:80px;z-index:999;border-radius:9px;padding:0}.my-info-box-content{position:relative;height:100%;padding:0 15px 25px 15px;margin:0}.user-card-active{position:absolute;right:30px;top:60px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:30px solid #fff}.user-card .user-card-image{width:110px;margin:0 auto 0 auto}.user-card .user-card-image img{width:110px;height:100px;margin-top:20px;border-radius:110px}.user-card .user-card-nickname{text-align:center;font-weight:700;margin-top:10px;line-height:25px}.user-card .user-card-nickname span{color:#7812fd}.user-card .user-card-coin{text-align:center;line-height:25px;font-weight:700}.user-card .user-card-coin span{color:#7812fd}.user-card .level-icon{width:25px;position:relative;top:-2px}.my-info-box-content ul{cursor:pointer;position:absolute;width:100%;height:45px;display:flex;bottom:0;background:linear-gradient(165deg,rgba(6,189,196,.78) 13.14%,hsla(0,0%,100%,0) 70.93%),#7812fd;margin:0;padding:0;left:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.my-info-box-content ul li{flex:1;list-style:none;line-height:45px;text-align:center;color:#fff;font-weight:700}.my-info-box-content ul li:first-child{border-right:1px solid #fff}.page-content{width:100%;padding:30px 25px 30px 25px;min-height:calc(100% - 70px)}.content-warp{max-width:1280px;margin:0 auto}.content-title{color:#7300e6;padding:15px 0;border-bottom:1px solid #e2e2e2;margin:0;height:55px;font-size:22px;font-weight:700}.content-title .right-btn{float:right;background:linear-gradient(165deg,rgba(6,189,196,.78) 13.14%,hsla(0,0%,100%,0) 70.93%),#7812fd;border:none;color:#fff;position:relative;top:-5px}.content-head{width:100%;height:500px}.content-head div.content-head-title{text-align:center;color:#fff;padding:20px 0 10px 0;font-size:23px;font-weight:700}.content-head div.search-warp{padding:0 15px}.content-head div.search-mobile{max-width:600px;margin:0 auto;display:flex;justify-content:space-between}.content-head div.search-mobile>button.btn-search{width:50px;height:45px;position:relative;background:#000;color:#fff;border-top-left-radius:0;border-bottom-left-radius:0;margin:0}.content-head div.search-mobile input{height:45px;width:calc(100% - 50px);border-top-right-radius:0;border-bottom-right-radius:0}.content-head div.search-mobile .menu-icon-div{width:60px;display:none}.content-head div.search-mobile .menu-icon-div .btn-menu-icon{background-color:#fff;height:45px;font-size:18px}.header-search{padding-top:15px}div.search-pc{max-width:600px;width:320px;margin:0 auto;display:flex;justify-content:space-between}div.search-pc>button.btn-search{width:50px;height:40px;position:relative;background:#000;color:#fff;border-top-left-radius:0;border-bottom-left-radius:0;margin:0}div.search-pc input{height:40px;width:calc(100% - 50px);border-top-right-radius:0;border-bottom-right-radius:0}div.search-pc .menu-icon-div{width:60px;display:none}div.search-pc .menu-icon-div .btn-menu-icon{background-color:#fff;height:45px;font-size:18px}.content-head div.head-tab{position:relative;overflow-x:hidden;height:70px}.content-head div.head-tab ul{padding:0 0;position:absolute;left:0}.content-head div.head-tab ul li:first-child{margin-left:15px}.content-head div.head-tab ul li{list-style:none;text-align:center;padding:0;margin:0;display:inline-block}.content-head div.head-tab ul li .head-tab-icon{display:block;font-size:25px;color:#fff;margin-bottom:8px}.content-head div.head-tab ul li a{color:#fff;text-decoration:none;display:block}.aside-menu{position:fixed;left:-430px;height:100%;width:430px;background:#fff;z-index:999}.aside-menu .menu-head{height:65px;background:#000;width:100%;line-height:65px;text-align:center;color:#fff;font-size:20px;position:relative;font-weight:700;cursor:pointer}.aside-menu .menu-head .nickname{color:#fff}.aside-menu .menu-head .nickname .level-icon{width:30px}.aside-menu .menu-head .site_name{color:#fff;font-size:25px}.aside-menu .menu-head .close-btn{position:absolute;right:15px;font-size:28px;color:#fff}.aside-menu-back{display:none;position:fixed;width:100%;height:100%;background:#000;z-index:99;opacity:.56}.aside-menu .menu-list{height:calc(100% - 80px)}.aside-menu ul.menu-ul{padding:0;margin:0}.aside-menu ul.menu-ul li{margin:0;list-style:none;border-bottom:1px solid #e2e2e2;padding:15px 25px;font-size:16px}.aside-menu ul.menu-ul li:hover{background:#2b2b2b}.aside-menu ul.menu-ul li:hover a span,.aside-menu ul.menu-ul li:hover i{color:#fff}.aside-menu ul.menu-ul li .aside-menu-icon{margin-right:10px;color:#575757}.aside-menu ul.menu-ul li a{display:block;position:relative}.aside-menu ul.menu-ul li a span{color:#575757;position:absolute;left:30px}.aside-menu ul.menu-footer{margin:10px 0 0 0;padding:0}.aside-menu ul.menu-footer li{margin:0;list-style:none;padding:5px 25px;font-size:14px;border:none}.aside-menu ul.menu-footer li a{color:#424242;text-decoration:none}.aside-menu .left-menu-link-warp{height:80px;border-top:1px solid #e2e2e2}.aside-menu ul.menu-footer-link{display:flex;margin:0;padding:0 10px;position:relative;top:-20px}.aside-menu ul.menu-footer-link li{flex:1;list-style:none;text-align:center;position:relative}.aside-menu ul.menu-footer-link li img{width:40%;position:absolute;left:50%;top:50px;transform:translate(-50%,-50%)}.aside-menu .left-menu-link-warp .menu-footer-desc{width:100%;position:absolute;bottom:0;padding:0 0 5px 0;margin:0;text-align:center;font-size:13px;font-weight:700}.page-container{max-width:880px;margin:0 auto;margin-bottom:80px}.page-footer{height:60px;position:fixed;width:100%;bottom:0!important;z-index:100;background:#fff;display:none}.page-footer ul{padding:0;margin:0;display:flex}.page-footer ul li{padding:0;margin:0;list-style:none;display:inline-block;flex:1;text-align:center;height:70px;border-right:1px solid #e2e2e2}.page-footer ul li:last-child{border-right:none}.page-footer ul li a{font-size:12px;font-weight:700;display:block;height:100%;color:#686868;text-decoration:none;position:relative}.page-footer ul li.active a,.page-footer ul li a:hover{color:#222}.page-footer .tail-menu-box{font-size:18px;padding-top:10px;width:50px;position:relative;margin:0 auto}.page-footer .tail-menu-icon{font-size:23px}.page-footer .tail-menu-box .badge{position:absolute;right:-5px;top:5px;background:red;border-radius:10px;color:#fff}.table thead th{border-bottom:1px solid #f5f5f5}#tidio-chat{bottom:120px!important}.room-load{position:fixed;width:100%;height:100%;z-index:9999;top:0}.room-load .loading-back{position:absolute;height:100%;width:100%;background:#000;opacity:.1;z-index:99}.room-load .loading-spinner{position:absolute;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);color:#007bff;font-size:25px;text-align:center}.room-load .loading-spinner-text{display:block;margin-top:10px;font-size:15px;font-weight:700}.form-group1{min-height:35px;margin-bottom:15px}.form-group1 .from-control1{font-size:16px;width:100%;background:#fff;border-radius:30px;height:40px;border:none;outline:none;padding:0 20px}.form-group1 .from-control1::-webkit-input-placeholder{color:#bbb;font-weight:700}.form-group1 .from-control1::input-placeholder{color:#bbb;font-weight:700}.form-group1 .from-control1::-moz-placeholder{color:#bbb;font-weight:700}.form-group1 .from-control1::-ms-input-placeholder{color:#bbb;font-weight:700}.search-empty{width:100%;line-height:100px;text-align:center;color:grey}.pc-swiper{display:block}.mobile-swiper,.search-mobile-warp{display:none}@media (max-width:430px){.aside-menu{left:-100%;width:100%}}@media (max-width:991px){.page-footer{display:block}.page-content{padding-bottom:90px}}@media (max-width:767px){.search-mobile-warp{display:block}.pc-swiper,div.search-pc{display:none}.mobile-swiper{display:block}.room-load{height:calc(100% - 60px)}.content-head{height:365px;border-radius:0}.content-head div.head-tab ul li a{font-size:15px;margin-top:5px}.content-head div.search .menu-icon-div{display:block}.content-head div.search{max-width:100%}.content-head div.search input{height:45px;width:calc(100% - 100px);border-top-right-radius:0;border-bottom-right-radius:0}.content-head-title{display:none}.menu-icon{margin-right:15px}.header-left .logo{margin-left:0}.page-header{padding:0 15px}.header-left .online-count .count-text,.header-right .user-coin{display:none}.page-content{padding:0 0 90px 0;min-height:calc(100% - 70px)}.content-warp{padding:0 20px}}