@charset "utf-8";:root{--theme-color:#f1404b;--focus-color:var(--theme-color);--main-radius:8px;--main-bg-color:#fff;--main-border-color:rgba(130,130,130,0.15);--muted-border-color:rgba(88,88,88,0.05)}.io-black-mode{--main-bg-color:#2c2e2f;--muted-border-color:rgba(118,118,118,0.05)}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{width:100%;min-height:100vh;vertical-align:baseline;word-wrap:break-word;color:#282a2d;background:#f9f9f9;transition:background-color .3s}body,input,button,select,optgroup,option,textarea,blockquote,dd,dl,figure,form,pre,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body,html{height:100%;margin:0;padding:0;border:0}a{color:#282a2d;outline:0 !important;text-decoration:none}a:hover{text-decoration:none;color:#f1404b}p{color:#1d232b;margin:0;white-space:normal}em,i{font-style:normal}code{padding:4px 10px;background:rgba(130,130,130,.1);border-radius:4px}.main-content{-ms-flex-direction:column;flex-direction:column;display:-ms-flexbox;display:flex}.down-content img,.site-content img,.apd img,.post-apd img,.panel-body img{max-width:100%;height:auto}.nothing{padding:20px 0;text-align:center;color:#888;background:rgba(136,136,136,.2);border-radius:5px}.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1080}.io{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.avatar{background:#888;border-radius:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.disabled{pointer-events:none;filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:url("../fonts/ccb855164c154dc9b669715e8b908bb3.woff");filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(1)}.customize-width{max-width:1900px}.content::after,.content::before{display:table;content:" "}.content::after{clear:both}.sidebar-tools{will-change:min-height}.theiaStickySidebar{transform:translate(0,0);transform:translate3d(0,0,0);will-change:position,transform}.chart-placeholder{position:relative;height:100%}.chart-placeholder .legend{display:flex;justify-content:center;margin-bottom:-15px}.chart-placeholder .legend span{width:50px;height:15px;margin:0 10px;border-radius:4px;background:linear-gradient(115deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);-webkit-animation:placeholder-horizontal 1.5s ease infinite !important;animation:placeholder-horizontal 1.5s ease infinite !important;background-size:400% 100% !important}.chart-placeholder .pillar{display:flex;height:100%;align-items:flex-end;justify-content:space-evenly}.chart-placeholder .pillar span{width:20%;max-width:50px;margin:0 5px;background:linear-gradient(15deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);-webkit-animation:placeholder-vertical 1.5s ease infinite !important;animation:placeholder-vertical 1.5s ease infinite !important;background-size:100% 400% !important}@-webkit-keyframes placeholder-vertical{0%{background-position:50% 100%}100%{background-position:50% 0}}@keyframes placeholder-vertical{0%{background-position:50% 100%}100%{background-position:50% 0}}@-webkit-keyframes placeholder-horizontal{0%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes placeholder-horizontal{0%{background-position:100% 50%}100%{background-position:0 50%}}.alert-system{position:fixed;display:flex;flex-direction:column;align-items:flex-end;bottom:10px;right:-10px;z-index:100015}.alert-body{transform:translateX(110%);opacity:.5;transition:.3s;max-height:10px}.alert-body.show{transform:translateX(0);opacity:1;max-height:200px;transition:.5s}.alert-body.align-items-center{min-width:200px;max-width:360px;float:right;margin-bottom:10px}.alignnone{margin:5px 0 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 0 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{max-width:100%;text-align:center}.wp-caption.alignnone{margin:5px 0 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:#eee;clip:auto !important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.cursor-pointer{cursor:pointer}.bg-o-muted{background:var(--main-border-color)}.io-radio{padding:5px;border:1px solid var(--main-border-color);border-radius:4px;text-align:center;cursor:pointer}.io-radio.active{border-color:var(--focus-color)}.io-radio+.io-radio{margin-left:10px}.io-radio img{margin:4px;height:30px}.muted-box{position:relative;background:var(--muted-border-color);border-radius:var(--main-radius);padding:15px}.bg-muted{background:var(--muted-border-color)}.original-price{position:relative;opacity:.7}.original-price::before{content:'';position:absolute;width:100%;height:1px;top:50%;left:0;background:#f1404b;transform:rotate(5deg)}.tips-top-l{position:absolute;padding:2px 9px;font-size:12px;top:3px;left:3px;color:var(--focus-color);border-radius:var(--main-radius);border:1px dashed var(--focus-color);transition:.3s}.tips-tag{font-size:12px;padding:4px 8px;background:var(--this-bg);color:var(--this-color);border-radius:4px;line-height:1;--this-color:#fff;--this-bg:#f1404b}.p--t--r{position:absolute;transform:scale(.9);top:-10px;right:-8px}.p-t-l{position:absolute;top:3px;left:3px}.p-t-r{position:absolute;top:3px;right:3px}.p-l{position:absolute;top:50%;right:5px;transform:translateY(-50%)}.sidebar-nav{position:fixed;display:table-cell;font-size:.875rem;width:220px;height:100vh;z-index:1081;opacity:1 !important}.animate-nav .sidebar-nav{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:width .3s;-o-transition:width .3s;transition:width .3s}.mini-sidebar .sidebar-nav{width:60px}.sidebar-nav-inner{width:inherit;margin:0;max-width:260px;background:#2c2e2f;pointer-events:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;transition:background-color .3s}.sidebar-nav .logo{line-height:74px;width:100%;text-align:center}.sidebar-nav .logo .logo-collapsed{display:none}.sidebar-logo{height:74px;transition:background-color .2s}.sidebar-logo img{max-height:40px}.sidebar-menu{transition:all .3s}.sidebar-menu .sidebar-more{display:flex;justify-content:space-around;align-items:center;color:#c6c9cf}.sidebar-menu .sidebar-more:after{content:'';position:absolute;background:rgba(136,136,136,.1);width:40px;height:40px;border-radius:40px;opacity:0;transition:.3s}.sidebar-menu .sidebar-more:hover::after{opacity:1}.sidebar-nav .flex-bottom a,.sidebar-menu-inner a{display:flex;overflow:hidden;padding:8px 10px;margin:1.5px 8px;color:#b2b8be;align-items:center;white-space:nowrap;transition:all .3s}.sidebar-menu ul:first-child>li>a{padding:12px 10px}.sidebar-menu-inner a span,.sidebar-nav .flex-bottom a span{margin-left:8px}.sidebar-menu-inner .sidebar-item .sidebar-item>ul>li a span{margin-left:60px}.sidebar-item{position:relative;display:block}.sidebar-item.sidebar-show{border-bottom:none}.sidebar-item ul{display:none}.sidebar-item.sidebar-show>ul{display:block}.sidebar-item ul li{display:block}.sidebar-menu-inner ul li ul li a{margin-left:36px}.sidebar-item .menu-item-has-children{position:relative}.sidebar-more{position:absolute;cursor:pointer;top:0;right:0;padding:0 16px;line-height:48px !important;transition:transform .3s}.sidebar-item .menu-item-has-children .sidebar-more{line-height:40px !important}.sidebar-item .label-Primary{float:right;margin-right:24px}.sidebar-item .sidebar-more{transform:scale(.8)}.sidebar-show>.sidebar-more{transform:scale(.8) rotate(90deg)}.sidebar-item>a:hover{color:#FFF;background:rgba(0,0,0,.1);border-radius:5px}.sidebar-show>a:before,.sidebar-item>a:hover:before{opacity:1}.sidebar-nav-inner .flex-fill{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.border-color{border-color:rgba(129,129,129,.15) !important}.border-t{border-color:rgba(129,129,129,.15) !important}.mini-sidebar .sidebar-nav .logo .logo-expanded{display:none}.mini-sidebar .sidebar-nav .logo .logo-collapsed{display:block}.mini-sidebar .sidebar-nav .sidebar-menu{width:60px}.mini-sidebar .sidebar-nav .sidebar-more{display:none}.sidebar-nav ul{margin:0;padding:0}.mini-sidebar .sidebar-nav ul:first-child>li.sidebar-item>a span{display:none}.mini-sidebar .sidebar-nav ul:first-child>li>ul{display:none}.sidebar-nav .top-menu{display:none}.sidebar-nav .top-menu .sub-menu{background-color:rgba(136,136,136,.05)}.sidebar-nav .top-menu>ul i:not(.sidebar-more){display:none}.sidebar-nav.show .top-menu{display:inherit}.error404 .header-mini-btn,.error404 .nav-item.mobile-menu{display:none}.error404 .main-content{margin-left:0 !important}.error404 .main-content .page-header{left:0 !important}.sidebar-popup div{background:#151618;border-radius:5px}.sidebar-popup{display:block;position:absolute;position:fixed;z-index:5;border:3px solid rgba(60,71,76,0)}.sidebar-popup.second{left:60px}.sidebar-popup i,.sidiebar-popup .label-Primary{display:none}.sidebar-popup.sidebar-menu-inner a{padding:8px 10px}.sidebar-popup.sidebar-menu-inner a span{margin-left:0px}.sidebar-popup.sidebar-menu-inner>div>ul>li.sidebar-item>ul{position:absolute;top:0px;left:180px;width:180px;z-index:99}.sidebar-popup.sidebar-menu-inner ul{width:180px}.sidebar-popup.sidebar-menu-inner ul li{width:180px}.sidebar-popup.sidebar-menu-inner ul li:last-child,.sidebar-popup>div>ul>li:last-child>a{border-radius:0 0 5px 5px}.sidebar-popup a{padding-right:16px}.sidebar-popup::before{content:'';border-width:5px 5px 5px 0px;border-style:solid;border-color:transparent #151618 transparent;position:absolute;top:14px;left:-4px}.sidebar-popup ul{margin:0;padding:0}.sidebar-popup.sidebar-menu-inner ul{background:#2c2e2f;border-radius:0 0 5px 5px;list-style:none;padding:5px 0}.sidebar-item li>a:hover,.sidebar-popup>div>ul>li>a:hover{color:#FFF;background:rgba(0,0,0,.1);border-radius:5px}.navbar-collapse ul li{position:relative;list-style:none}.navbar-collapse li>ul{-webkit-transform:translateY(15px);transform:translateY(15px);will-change:transform}.navbar-collapse ul li ul{position:absolute;min-width:160px;opacity:0;overflow:hidden;visibility:hidden;background:#fff;border-radius:8px;box-shadow:0 5px 20px 0px rgba(0,0,0,.15);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.navbar-collapse ul li.focus>ul,.navbar-collapse ul li:hover>ul{opacity:1;z-index:1;overflow:visible;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.navbar-collapse ul li.menu-item-has-children:after{content:'\e612';font-family:"iconfont";position:absolute;top:11px;right:-2px;font-size:12px;-webkit-transform:scale(.6);transform:rotate(0deg) scale(.6);will-change:transform;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;-o-transition:transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.navbar-collapse ul li.menu-item-has-children:hover:after{transform:rotate(45deg) scale(.6)}.navbar .navbar-nav li>a{font-size:14px;padding:10px 15px;display:block;transition:color .2s}.navbar .navbar-nav i{margin-right:2px !important}.navbar-menu{-ms-flex-direction:row;flex-direction:row;margin-left:auto;-ms-align-items:center;align-items:center}.navbar-collapse .weather{display:table}.navbar-brand img{max-height:30px}.nav-github{display:none;position:absolute;top:0;right:0;border:0}.page-header{right:0;left:0;background:#fff;box-shadow:0px 0px 25px 5px rgba(10,10,10,.05);transition:background-color .3s}.page-header ul{margin:0;padding:0}.navbar-top .sub-menu{padding:6px}.navbar-top .sub-menu a{padding:8px 15px !important}.navbar-top .sub-menu a:hover{background:rgba(0,0,0,.1);border-radius:5px}.navbar-top .sub-menu .sub-menu{left:102%;top:0}.header-mini-btn{height:74px;width:40px}.header-mini-btn svg{margin:0 -20px;height:74px}.header-mini-btn input[type="checkbox"]{display:none}.header-mini-btn path{fill:none;stroke:#888;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;--length:24;--offset:-38;stroke-dasharray:var(--length) var(--total-length);stroke-dashoffset:var(--offset);transition:all .8s cubic-bezier(.645,.045,.355,1)}.header-mini-btn circle{fill:#fff3;opacity:0;transition:opacity .3s;cursor:pointer}.header-mini-btn label{display:block;top:0;right:0}.header-mini-btn label circle:hover{opacity:1}.header-mini-btn input:checked+svg .line--1,.header-mini-btn input:checked+svg .line--3{--length:12.602325267}.header-mini-btn .line--1,.header-mini-btn .line--3{--total-length:126.38166809082031}.header-mini-btn .line--2{--total-length:80}.header-mini-btn label{cursor:pointer}.header-mini-btn path{transition:all .5s cubic-bezier(.645,.045,.355,1),stroke .2s ease}.header-mini-btn label:hover path{stroke:#f1404b}.bulletin-swiper{box-sizing:border-box;height:25px;line-height:25px;overflow:hidden}.bulletin-swiper ul{margin:0;padding:0;list-style-type:none;font-size:14px}.page-header+.placeholder{height:66px}@media (min-width:768px){.navbar{padding:0 1rem}.page-header+.placeholder{height:74px}.main-content{margin-left:220px}.main-content .page-header{left:220px}.animate-nav .main-content{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.animate-nav .main-content .page-header{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:left .3s,color .3s,background-color .3s;-o-transition:left .3s,color .3s,background-color .3s;transition:left .3s,color .3s,background-color .3s}.mini-sidebar .main-content{margin-left:60px}.mini-sidebar .main-content .page-header{left:60px}}@media (max-width:767.98px){.nav-github{display:none}}.pay-qr.wechat .pay-logo{background-image:url(../fonts/wechat.svg)}.pay-qr.alipay .pay-logo{background-image:url(../fonts/alipay.svg)}.pay-qr .pay-logo{height:30px;width:30px;display:inline-block;max-width:100%;background-repeat:no-repeat;vertical-align:middle;background-size:contain;background-position:center}.pay-qr .pay-name{vertical-align:middle;margin-left:5px;display:none}.pay-qr.alipay .title-alipay{display:inline-block}.pay-qr.wechat .title-wechat{display:inline-block}.pay-qr .pay-body{color:#fff;background:#14a1ed;max-width:266px}.pay-qr.wechat .pay-body{background:#44ad25}.pay-qr .pay-qrcode{padding:10px;background:#fff;margin:10px;width:180px;border-radius:6px}.io-pay-box .pay-box-body{color:#232529}.auto-ad-url .card{max-width:1200px}.auto-ad-url .auto-ad-img{width:14px;min-width:14px;height:14px;line-height:14px}.auto-ad-url .auto-ad-img img{width:100%;height:100%;vertical-align:unset}.auto-ad-url .auto-url-list{background:var(--muted-border-color)}.auto-list-null{opacity:.5}.auto-list-null .auto-ad-name{background:var(--main-border-color);height:11px;width:50%;margin:5px 0;border-radius:4px}.header-big .auto-ad-url .card{color:#eee;background:rgba(100,100,100,0.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.header-big .auto-ad-url a{color:#fff}.header-big .auto-ad-url{--main-border-color:rgba(255,255,255,0.1);--muted-border-color:rgba(10,12,15,0.3)}@media (min-width:768px){.auto-ad-url .auto-ad-img{width:21px;min-width:21px;height:21px;line-height:21px}}.navbar-menu a:not(.btn){color:#777}@media (min-width:768px){.sidebar-nav{display:block !important}}@media (max-width:767.98px){.sidebar-nav{background:transparent !important}.sidebar-nav{width:100% !important;height:100% !important;top:0 !important;position:fixed;z-index:1090 !important;display:none;padding-left:0 !important}.sidebar-nav>*{position:fixed;height:100%;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);will-change:transform;width:17.5rem;-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);-o-transition:.3s cubic-bezier(.25,.8,.25,1);transition:.3s cubic-bezier(.25,.8,.25,1)}.sidebar-nav.show>div{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.text-ss{font-size:.45rem !important;transform:scale(.9)}.text-xs{font-size:.75rem !important}.text-sm{font-size:.875rem !important}.text-md{font-size:1rem !important}.text-lg{font-size:1.125rem !important}.text-xl{font-size:1.375rem !important}.text-32{font-size:2.25rem !important}.text-64{font-size:4rem !important}.badge.text-ss{font-weight:normal}@media (max-width:767.98px){.text-lg{font-size:1rem !important}.text-xl{font-size:1.25rem !important}.alert-body .text-md{font-size:.875rem !important}}.text-height-xs{line-height:1 !important}.text-height-sm{line-height:1.2 !important}.text-height-md{line-height:1.4 !important}.text-height-lg{line-height:1.6 !important}.text-height-xl{line-height:2 !important}.text-gray{color:#555}.overflowClip_1{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.overflowClip_1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding-right: 1em;}.overflowClip_2{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical}.url-card .url-body{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);will-change:transform;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.url-card .url-body:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3)}.url-card .url-like{position:absolute;top:5px;right:10px;opacity:0;transition:opacity .3s}.url-card .url-body:hover .url-like{opacity:1}.url-card .url-info{overflow:hidden;padding-right:5px}.url-card .url-goto-after{height:24px;border-top:1px solid rgba(136,136,136,.2)}.url-card .url-goto{position:absolute;bottom:0;left:0px;right:0}.url-card .card-body{position:relative;padding:.938rem}.url-card .url-img{width:40px;height:40px;-webkit-box-flex:0;-ms-flex:none;flex:none;background:rgba(128,128,128,.1);overflow:hidden}.url-card .url-img>img{max-height:100%;vertical-align:unset}.url-card .max .url-img{width:60px;height:60px}.url-card .mini .url-img{width:25px;height:25px}.url-card .post-min .url-img{width:20px;height:20px}.url-card .post-min .url-img>img{vertical-align:unset}.url-card a.card{justify-content:center}.url-card.wechat a.card::before{content:'\eb74';position:absolute;display:inline-block;font-family:"iconfont";font-size:66px;color:#888;left:1px;opacity:.2}.url-card.down a.card:after{content:'\e604';position:absolute;display:inline-block;font-family:"iconfont";font-size:60px;color:#888;margin-left:10px;right:10px;opacity:.2}.url-card.down .mini a.card:after{font-size:30px;margin-left:10px;right:10px}.url-card.down .max a.card:after{font-size:30px}.url-card.wechat .mini a.card:before{font-size:36px;left:2px}.url-card.wechat .max a.card:before{font-size:80px;left:5px;top:-22px}.url-card.wechat .max .url-img,.url-card.wechat .mini .url-img{background:transparent}.url-card.wechat .max .url-img img,.url-card.wechat .mini .url-img img{max-height:80%}.url-card.wechat .no_ico a.card:before{font-size:26px;right:2px;left:auto}.url-card.wechat .max.no_ico a.card:before{right:11px;top:auto;bottom:-3px}.url-card .mini a.togo{top:3px}.url-card .url-body:hover a.togo{opacity:1}.url-card .max a.togo{margin-left:auto}.url-card .max .tga{width:calc(100% - 15px);overflow:hidden}.url-card .max .tga a{font-size:75%;padding:.125rem .4rem;background:rgba(134,134,134,.1);color:#888;border-radius:10px;transition:.3s}.url-card .max .tga a:not(.no-tag):hover{background:#f1404b;color:#fff}.home-like,.btn-like{cursor:pointer}.home-like:hover,.btn-like:hover{color:#f1404b}.home-like-hide{opacity:0 !important;transform:scale(3) translateY(-25px) !important}.url-card a.togo:hover i{text-shadow:0 0 5px}.panel-body .url-card.shortcode-url .card{background:rgba(136,136,136,.1)}.url-card .remove-site,.url-card .remove-cm-site{position:absolute;top:-8px;right:0;font-size:20px;color:#f1404b;line-height:20px}.url-card .mini .card-body{padding:.4rem .5rem}.edit .url-card.sortable{cursor:move}.edit .url-card.sortable .url-body a{pointer-events:none}.edit .url-card.sortable .url-body:hover{transform:initial;box-shadow:initial}.card-app.default .media,.card-app.card{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.app-rounded{border-radius:30% !important}.card-app.default .media-content{background-color:transparent !important}.card-app.default:hover .media,.card-app.card:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.app-info .info-term{display:inline-block}.app-content{overflow:hidden;align-items:center}.app-content .app-ico img{width:128px}.app-nature .badge i{font-weight:100}.card-app.card .tga{overflow:hidden}.card-app.card .tga a{font-size:75%;padding:.125rem .4rem;background:rgba(134,134,134,.1);color:#888;border-radius:10px;transition:.3s}.card-app.card .tga a:not(.no-tag):hover{background:#f1404b;color:#fff}.card-app.card .app-platform{position:absolute;top:3px;right:5px;opacity:0;transition:opacity .3s}.card-app.card:hover .app-platform{opacity:.3}.radius-50{border-radius:100px !important}.historic .line-thead,.historic .line-tbody{position:relative;height:1px}.historic .line-thead:before,.historic .line-tbody:before{content:'';position:absolute;height:1px;left:0;right:0;background-color:rgba(136,136,136,.4)}.historic .line-tbody:before{background-color:rgba(136,136,136,.2)}.io-alert{padding:1.25rem;color:var(--this-color);border-radius:8px;border:1px dashed var(--this-border-color);background-color:var(--this-bg-color);--this-color:#4a9718;--this-border-color:rgba(159,255,95,.7);--this-bg-color:rgba(159,255,95,.2)}.screenshot-carousel{background-color:rgba(0,0,0,.1);overflow:hidden;box-shadow:0 0 50px 0 rgba(0,0,0,.1) inset}.screenshot-carousel .img_wrapper{height:420px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.screenshot-carousel .img_wrapper a{display:contents;flex:1}.screenshot-carousel .img_wrapper img{max-width:calc(100% - 20px);max-height:calc(100% - 20px);-webkit-box-shadow:0 10px 13px rgba(31,45,62,.35);box-shadow:0 10px 13px rgba(31,45,62,.35);border-radius:5px}.screenshot-carousel .carousel-indicators li{width:8px;height:8px;border:0;border-radius:10px;transition:.3s}.screenshot-carousel .carousel-indicators .active{width:20px;height:8px;border-radius:10px}.carousel-control-next,.carousel-control-prev{opacity:0;width:60px;transition:all .3s}.carousel-control-prev{transform:translateX(-50px)}.carousel-control-next{transform:translateX(50px)}.screenshot-carousel .carousel-control-prev:before,.screenshot-carousel .carousel-control-next:before{content:'';position:absolute;width:40px;height:40px;top:calc(50% - 20px);left:calc(50% - 20px);border-radius:20px;z-index:-1;background-color:rgba(0,0,0,.2)}.screenshot-carousel:hover .carousel-control-next,.screenshot-carousel:hover .carousel-control-prev{opacity:.5;transform:translateX(0)}.screenshot-carousel .carousel-control-next:hover,.screenshot-carousel .carousel-control-prev:hover{opacity:.9}.screenshot-carousel .carousel-control-next:focus,.screenshot-carousel .carousel-control-prev:focus{opacity:.9}.footer-social>a{position:relative;display:inline-block;margin:5px;width:35px;height:35px;line-height:35px;text-align:center}.footer-links>a+a:before,.footer-nav-links>li+li:before{content:"";width:4px;height:4px;margin:0 0.5em;border-radius:50%;display:inline-block;vertical-align:middle;background:#888;opacity:.3;vertical-align:0.2em}.footer-mini-img{width:90px;margin:0 10px;text-align:center;vertical-align:text-top;display:inline-block}.footer-mini-img img{width:100%}.footer-nav-links{list-style:none}.footer-nav-links>li{text-align:center;position:relative}.footer-nav-links>li::before{position:absolute;margin:0 !important;left:-17px;top:10px}.footer-nav-links>li+li{margin-left:30px}.footer-nav-links ul{list-style:none;padding:0;margin-top:10px;font-size:.75rem !important;text-align:center}.footer-nav-links ul li{margin:6px 0}.footer-nav-links i{display:none}#footer-tools{position:fixed;bottom:20px;right:10px;display:flex;z-index:5}#footer-tools .btn{color:#555;background:rgba(210,210,210,.5);width:40px;height:40px;font-size:1rem;text-align:center;line-height:40px;padding:unset;display:block;border:unset}#footer-tools .go-up{display:none}#footer-tools .btn:hover{color:#333}#footer-tools [data-v-db6ccf64][data-v-41ba7e2c],#footer-tools [data-v-db6ccf64][data-v-6d083e75]{top:unset !important;bottom:0 !important;right:44px !important}#footer-tools .s-sticker-tmp{position:absolute !important;font-size:12px !important;top:-6px;left:18px;transform:scale(.82);padding:1px 5px;background:#f1404b;color:#ffffff !important;border-radius:50px;padding:1px 5px !important}.friendlink a{position:relative;display:inline-block;margin:.25rem .5rem .25rem .25rem}.friendlink a:before{content:'\2022';display:inline-block;position:relative;margin-right:5px}@media (max-width:767.98px){footer.main-footer .footer-text{text-align:center;float:none}#footer-tools{bottom:15px;right:5px}}.tips-box,.badge,.btn{color:var(--this-color);background:var(--this-bg);border:1px solid var(--this-border);box-shadow:var(--this-shadow);transition:.2s;--this-color:#666;--this-bg:rgba(136,136,136,.1);--this-border:transparent;--this-shadow:none;--this-hover-color:#444;--this-hover-bg:rgba(136,136,136,.2)}.tips-box{display:inline-block;border-radius:4px;vertical-align:middle;padding:.3em .6em;text-align:center;--this-color:#666}.badge{font-weight:normal;line-height:1.2;padding:1px 5px;border-radius:50px}.btn.active,.btn:focus,.btn:hover{color:var(--this-hover-color);background:var(--this-hover-bg)}.btn:active{--this-shadow:inset 0 2px 3px rgba(0,0,0,.08)}.btn-shadow{--this-shadow:0px 12px 20px -8px var(--this-shadow-bg)}.btn-shadow:focus,.btn-shadow:hover{--this-shadow:0px 2px 10px 0px transparent}.btn-shadow[class*="vc-l-"],.btn-shadow.btn-outline{--this-shadow:0px 5px 20px -3px transparent}.btn-shadow[class*="vc-l-"]:focus,.btn-shadow[class*="vc-l-"]:hover,.btn-shadow.btn-outline:not(.badge):focus,.btn-shadow.btn-outline:not(.badge):hover{--this-shadow:0px 2px 10px 0px var(--this-shadow-bg)}.btn-shadow.btn-outline[class*="vc-l-"]:not(.badge):focus,.btn-shadow.btn-outline[class*="vc-l-"]:not(.badge):hover{color:var(--this-hover-color);background:var(--this-hover-bg);--this-shadow:0px 2px 10px 0px var(--this-shadow-bg)}.btn-outline{color:var(--this-bg);background:transparent;--this-border:var(--this-bg)}.btn-outline:not(.badge):focus,.btn-outline:not(.badge):hover{color:var(--this-hover-color);background:var(--this-bg)}.btn-outline[class*="vc-l-"]{color:var(--this-color);background:transparent;--this-border:var(--this-color)}.btn-outline:not(.badge):focus[class*="vc-l-"],.btn-outline:not(.badge):hover[class*="vc-l-"]{color:var(--this-color);background:var(--this-bg);--this-border:transparent}.btn-outline.c-white:hover{background:0 0;--this-color:var(--focus-color);color:var(--focus-color)}.btn-hover-dark:hover{color:#fff;background:#212326;--this-border:transparent}.btn.focus,.btn:focus{outline:0;box-shadow:none}.tooltip-inner img{margin:.25rem 0}.tooltip-inner p{color:#fff}.modal-backdrop{z-index:1089 !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.5)}.modal-backdrop.show{opacity:1}.modal{z-index:1090}.modal-content,.modal-header,.modal-footer{border:0}.btn:not(.go-up){border-radius:3px;white-space:normal;font-size:.875rem}.carousel-blog li{width:10px;height:10px;border:0;border-radius:10px}.carousel-blog{margin:0 10px;top:0;bottom:unset !important;width:unset !important;right:0;left:auto !important}.carousel-blog .swiper-pagination-bullet{width:6px;height:6px;background:#fff;opacity:.7;border-radius:10px;transition:.4s;border:none}.carousel-blog .swiper-pagination-bullet.swiper-pagination-bullet-active{width:12px;opacity:1}.card,.block{background:#fff;border-width:0;margin-bottom:1rem;box-shadow:0px 0px 20px -5px rgba(158,158,158,.2);transition:background-color .3s}.card-header{background-color:unset;border-bottom:1px solid rgba(130,130,130,.1)}.card-footer{background-color:unset;border-top:1px solid rgba(130,130,130,.1)}.input-group-text{border:1px solid #e9ebef;background-color:#e9ebef}.badge-danger{background-color:#F1404B}.form-control{font-size:.875rem;color:#6d6e74;border:1px solid #f1f3f6;background-color:#f1f3f6}.form-control:focus{border:1px solid #f1f3f6;background-color:#f1f3f6;box-shadow:none}.form-control::-webkit-input-placeholder{color:#888a8f;opacity:1}.form-control::-moz-placeholder{color:#888a8f;opacity:1}.form-control:-ms-input-placeholder{color:#888a8f;opacity:1}.form-control::-ms-input-placeholder{color:#888a8f;opacity:1}.form-control::placeholder{color:#888a8f;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f1f3f6;opacity:1;color:#0d131b}.btn-danger{color:#fff;background-color:#f1404b;border-color:#f1404b}.btn-danger:hover{color:#fff;background-color:#14171b;border-color:#14171b}.btn-danger:focus,.btn-danger.focus{color:#fff;background-color:#f1404b;border-color:#f1404b;box-shadow:none}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#f1404b;border-color:#f1404b}.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#f1404b;border-color:#f1404b}.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:none}.btn-dark{color:#fff;background-color:#14171b;border-color:#14171b}.btn-dark:hover{color:#fff;background-color:#f1404b;border-color:#f1404b}.btn-dark:focus,.btn-dark.focus{color:#fff;background-color:#000;border-color:#000;box-shadow:none}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#222831;border-color:#222831}.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#000;border-color:#000}.btn-dark:not(:disabled):not(.disabled):active:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:none}.btn-outline-danger{color:#f1404b;border-color:#f1404b}.btn-outline-danger:hover{color:#fff;border-color:#f1404b;background-color:#f1404b}.text-muted a{color:#6c757d}.text-muted a:hover{color:#5c656d}.custom-switch .custom-control-label::before{height:1.125rem;width:2rem;border-radius:.57rem;background-color:transparent}.custom-switch .custom-control-label::after{width:calc(1.125rem - 4px);height:calc(1.125rem - 4px)}.custom-control-input:not(:disabled):active~.custom-control-label::before{background-color:rgba(241,64,76,.15);border-color:rgba(241,64,76,.15)}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(241,64,76,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#f1404b}.custom-switch .custom-control-input:checked~.custom-control-label::after{-webkit-transform:translateX(.85rem);transform:translateX(.85rem)}.custom-control-input:checked~.custom-control-label::before{border-color:#f1404b;background-color:#f1404b}.transparent{background:transparent !important;border-color:transparent !important;box-shadow:unset !important}.navbar-menu .dropdown-menu{display:block;border:unset;box-shadow:0 5px 20px 0px rgba(0,0,0,.15);border-radius:.25rem;overflow:hidden;opacity:0;transform-origin:100% 0 0;pointer-events:none;transform:scale(0);transition:all 500ms cubic-bezier(0,.5,.2,1)}.navbar-menu .dropdown-menu.show{opacity:1;transform:scale(1);display:block;pointer-events:auto}.dropdown-item:hover{background-color:rgba(136,136,136,.1)}.dropdown-item:active,.dropdown-item:focus{color:#333;background-color:rgba(136,136,136,.2)}.dropdown-divider{border-color:rgba(136,136,136,.2)}.rounded-xl{border-radius:.525rem !important}.carousel-vertical .carousel-inner .carousel-item-next.carousel-item-left,.carousel-vertical .carousel-inner .carousel-item-prev.carousel-item-right{-webkit-transform:translateY(0);transform:translateY(0)}.carousel-vertical .carousel-inner .active.carousel-item-left,.carousel-vertical .carousel-inner .carousel-item-prev{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.carousel-vertical .carousel-inner .active.carousel-item-right,.carousel-vertical .carousel-inner .carousel-item-next{-webkit-transform:translateY(100%);transform:translateY(100%)}.custom-switch-before{margin-left:-2.25rem;margin-right:2.25rem}.io-close{text-shadow:none;transition:.3s}.io-modal-content{border-radius:inherit}.modal-content.modal-suspend{background:transparent !important}.modal-content.modal-suspend .modal-header{border-radius:var(--main-radius);padding-bottom:120px}.modal-content.modal-suspend .modal-body{margin:4px;padding:0;border-radius:8px;margin-top:-110px;box-shadow:0 11px 15px 0 rgba(10,10,10,0.3)}.col-1a,.col-2a,.col-3a,.col-4a,.col-5a,.col-6a,.col-7a,.col-8a,.col-9a,.col-10a,.col-11a,.col-12a,.col-sm-1a,.col-sm-2a,.col-sm-3a,.col-sm-4a,.col-sm-5a,.col-sm-6a,.col-sm-7a,.col-sm-8a,.col-sm-9a,.col-sm-10a,.col-sm-11a,.col-sm-12a,.col-md-1a,.col-md-2a,.col-md-3a,.col-md-4a,.col-md-5a,.col-md-6a,.col-md-7a,.col-md-8a,.col-md-9a,.col-md-10a,.col-md-11a,.col-md-12a,.col-lg-1a,.col-lg-2a,.col-lg-3a,.col-lg-4a,.col-lg-5a,.col-lg-6a,.col-lg-7a,.col-lg-8a,.col-lg-9a,.col-lg-10a,.col-lg-11a,.col-lg-12a,.col-xl-1a,.col-xl-2a,.col-xl-3a,.col-xl-4a,.col-xl-5a,.col-xl-6a,.col-xl-7a,.col-xl-8a,.col-xl-9a,.col-xl-10a,.col-xl-11a,.col-xl-12a,.col-xxl-1a,.col-xxl-2a,.col-xxl-3a,.col-xxl-4a,.col-xxl-5a,.col-xxl-6a,.col-xxl-7a,.col-xxl-8a,.col-xxl-9a,.col-xxl-10a,.col-xxl-11a,.col-xxl-12a{position:relative;width:100%;padding-right:15px;padding-left:15px}.col-1a{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col-2a{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-3a{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-4a{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-5a{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-6a{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-7a{-webkit-box-flex:0;-ms-flex:0 0 14.285714%;flex:0 0 14.285714%;max-width:14.285714%}.col-8a{-webkit-box-flex:0;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.col-9a{-webkit-box-flex:0;-ms-flex:0 0 11.111111%;flex:0 0 11.111111%;max-width:11.111111%}.col-10a{-webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%}@media (min-width:576px){.col-sm-1a{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col-sm-2a{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-3a{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-4a{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-5a{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-sm-6a{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-7a{-webkit-box-flex:0;-ms-flex:0 0 14.285714%;flex:0 0 14.285714%;max-width:14.285714%}.col-sm-8a{-webkit-box-flex:0;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.col-sm-9a{-webkit-box-flex:0;-ms-flex:0 0 11.111111%;flex:0 0 11.111111%;max-width:11.111111%}.col-sm-10a{-webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%}}@media (min-width:768px){.col-md-1a{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col-md-2a{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-3a{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-4a{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-5a{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-md-6a{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-7a{-webkit-box-flex:0;-ms-flex:0 0 14.285714%;flex:0 0 14.285714%;max-width:14.285714%}.col-md-8a{-webkit-box-flex:0;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.col-md-9a{-webkit-box-flex:0;-ms-flex:0 0 11.111111%;flex:0 0 11.111111%;max-width:11.111111%}.col-md-10a{-webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%}.modal-content.modal-suspend .modal-body{margin-left:12px;margin-right:12px}}@media (min-width:992px){.col-lg-1a{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col-lg-2a{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-3a{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-4a{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-5a{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-lg-6a{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-7a{-webkit-box-flex:0;-ms-flex:0 0 14.285714%;flex:0 0 14.285714%;max-width:14.285714%}.col-lg-8a{-webkit-box-flex:0;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.col-lg-9a{-webkit-box-flex:0;-ms-flex:0 0 11.111111%;flex:0 0 11.111111%;max-width:11.111111%}.col-lg-10a{-webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%}}@media (min-width:1200px){.col-xl-1a{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col-xl-2a{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-3a{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-4a{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-5a{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-xl-6a{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-7a{-webkit-box-flex:0;-ms-flex:0 0 14.285714%;flex:0 0 14.285714%;max-width:14.285714%}.col-xl-8a{-webkit-box-flex:0;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.col-xl-9a{-webkit-box-flex:0;-ms-flex:0 0 11.111111%;flex:0 0 11.111111%;max-width:11.111111%}.col-xl-10a{-webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%}}@media (min-width:1400px){.container-lg,.container-md,.container-sm,.container-xl{max-width:1320px}.d-xxl-block{display:block !important}.col-xxl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xxl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xxl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xxl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xxl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xxl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xxl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xxl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xxl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xxl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xxl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xxl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xxl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col-xxl-1a{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col-xxl-2a{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xxl-3a{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xxl-4a{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xxl-5a{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-xxl-6a{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xxl-7a{-webkit-box-flex:0;-ms-flex:0 0 14.285714%;flex:0 0 14.285714%;max-width:14.285714%}.col-xxl-8a{-webkit-box-flex:0;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.col-xxl-9a{-webkit-box-flex:0;-ms-flex:0 0 11.111111%;flex:0 0 11.111111%;max-width:11.111111%}.col-xxl-10a{-webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%}.mx-xxl-n5{margin-left:-5rem !important;margin-right:-5rem !important}.container-lg,.container-md,.container-sm,.container-xl{max-width:1500px}}@media (min-width:1560px){.mx-xxxl-n5{}}.size-50{width:50px;height:50px}.size-70{width:70px;height:70px}.row-lg{margin-left:-1rem;margin-right:-1rem}.row-lg [class*="col-"],.row-lg .col{padding-left:1rem;padding-right:1rem}.row-md{margin-left:-.75rem;margin-right:-.75rem}.row-md [class*="col-"],.row-md .col{padding-left:.75rem;padding-right:.75rem}.row-sm{margin-left:-.5rem !important;margin-right:-.5rem !important}.row-sm [class*="col-"],.row-sm .col{padding-left:.5rem !important;padding-right:.5rem !important}.row-xs{margin-left:-.25rem !important;margin-right:-.25rem !important}.row-xs [class*="col-"],.row-xs .col{padding-left:.25rem !important;padding-right:.25rem !important}.row-xs .card,.row-xs .block{margin-bottom:.5rem !important}.io-mx-n2{margin-left:-.5rem !important;margin-right:-.5rem !important}.io-px-2,.io-mx-n2 .url-card{padding-left:.5rem !important;padding-right:.5rem !important}@media (min-width:768px){.io-mx-n2{margin-left:-.825rem !important;margin-right:-.825rem !important}.io-px-2,.io-mx-n2 .url-card{padding-left:.825rem !important;padding-right:.825rem !important}}@media (min-width:768px) and (max-width:991.98px){.row-md{margin-left:-.5rem;margin-right:-.5rem}.row-md [class*="col-"],.row-md .col{padding-left:.5rem;padding-right:.5rem}}@media (max-width:991.98px){.padding{padding:1.5rem}.row-lg{margin-left:-.5rem;margin-right:-.5rem}.row-lg [class*="col-"],.row-lg .col{padding-left:.5rem;padding-right:.5rem}}@media (max-width:767.98px){.padding{padding:1rem}.container{padding-right:.625rem;padding-left:.625rem}.row{margin-right:-.5rem;margin-left:-.5rem}.row [class*="col-"]{padding-right:.5rem;padding-left:.5rem}.row-md{margin-left:-.5rem;margin-right:-.5rem}.row-md [class*="col-"],.row-md .col{padding-left:.5rem;padding-right:.5rem}}#loading,#load-loading,.load-loading{-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;z-index:88888;background:#fff;-webkit-transition:ease-in-out .5s;transition:ease-in-out .5s}#loading,#load-loading{z-index:99999}.load-loading{position:absolute;background:transparent}.load-loading .bg{position:absolute;width:100%;height:100%;background:#000;opacity:.2}#load-loading{opacity:0}#loading.close{opacity:0;visibility:hidden}.io-black-mode #loading,.io-black-mode #load-loading{background:#111}#search{position:relative}#search form{position:relative}#search-text{z-index:inherit;padding:9pt;height:50px;font-size:1pc;border:0;border-radius:3px;background-color:#fff;transition:.3s}#search button{position:absolute;top:0;right:0;background:#313437;border:0;width:60px;height:36px;margin:7px 9pt 0;line-height:36px;border-radius:3px}#search button:hover{background:#000;cursor:pointer}#search button i{color:#fff;font-size:18px}#search .search-select{height:50px;cursor:pointer;border:none;background-color:#fff;transition:.3s}#search .input-group-prepend:not(.d-none)+.search-key{border-top-left-radius:0;border-bottom-left-radius:0}.search-group{display:none}.search-group-modal{display:none}.s-current .search-type{padding-left:5px;display:initial}.s-current{display:flex}#search-list{position:relative}#search-list-modal{position:relative}.s-type{position:absolute;top:0;left:0;z-index:23;width:75px}.s-type:hover{height:auto}.s-type>span{display:block;height:31px;width:75px}.s-type-list{display:none;position:absolute;top:31px;min-width:75px;padding:12px 0;background:#fff;border-radius:5px;box-shadow:0 9px 20px rgba(0,0,0,.16)}.s-type-list:before{position:absolute;top:-1pc;left:20px;content:'';display:block;width:0;height:0;border:10px solid transparent;border-bottom-color:#fff}.s-type-list label{display:block;font-size:15px;text-align:center;font-weight:normal;margin-bottom:0;padding:2px 0px;word-break:keep-all;cursor:pointer;transition:.3s}.s-type-list:not(.big) label{padding:2px 12px}.s-type-list label:hover{background:rgba(136,136,136,.1)}.s-type-list .tile-lg{color:#fff;width:3pc;height:3pc;font-size:1.25rem;line-height:3rem;border-radius:.3rem;display:block;margin:auto}.s-type:hover .s-type-list{display:block}.type-text{display:flex;align-items:center;word-break:keep-all;padding-left:9pt}.type-text:after{content:"\e793";font-family:"iconfont";font-size:12px;margin:0 0 0 10px}.search-type{white-space:nowrap;margin:0}.search-type label{margin:0}.search-type li{display:inline-block}.search-type li label{display:inline-block;padding:0 11px;font-size:14px;line-height:31px;border-radius:3px 3px 0 0;cursor:pointer}.search-type li.menu-item a{display:inline-block;font-size:14px;line-height:31px;border-radius:3px 3px 0 0}.search-type input:checked+label,.search-type input:hover+label{background-color:#fff}.set-check{margin-top:3px;font-size:9pt}.set-check label{margin-left:3px}.set-check input,.set-check label{opacity:0;transition:all .3s ease}.search-type li{list-style:none;display:inline-block}.search-type{overflow:auto}.search-smart-tips{position:absolute;z-index:20;width:100%;overflow:hidden}.search-smart-tips ul{padding:10px 0;margin:0}.search-smart-tips ul li{line-height:30px;font-size:14px;padding:0px 25px;cursor:pointer;list-style:none;transition:.3s}.search-smart-tips ul li:hover,.search-smart-tips ul li.current{background-color:rgba(130,130,130,.5)}@media screen and (max-width:767.98px){#search{margin:25px auto 15px}.s-type-list label{padding:5px 0}.s-type-list:not(.big) label{padding:5px 16px}.search-list{height:30px;overflow-y:hidden;overflow-x:scroll;white-space:nowrap}}.search-modal #m_search-text{z-index:inherit;padding:9pt;height:50px;font-size:1pc;border:0;border-radius:3px;background-color:rgba(126,126,126,.1)}.search-modal #search .search-select,.search-modal .search-type input:checked+label,.search-modal .search-type input:hover+label{background-color:rgba(126,126,126,.1)}.search-modal li.menu-item{display:inline-block !important;margin:4px}.search-modal li.menu-item a{font-size:12px;padding:.375rem .875rem;background:rgba(136,136,136,.1);border-radius:50px}.btn-search{position:relative;background-color:rgba(150,150,150,.16);transition:.2s ease-out}.btn-search:hover,.btn-search.current{color:#fff !important;background-color:#f1404b;box-shadow:0 5px 20px -3px rgba(249,100,90,.6)}.btn-search.current:after{content:"";position:absolute;bottom:-17px;left:0;right:0;margin:0 auto;width:0;border:10px solid transparent;border-top-color:#f1404b}.text-break-all{word-break:break-all}.hot-ico{height:18px;margin-right:.25rem;margin-bottom:.2rem}.posts-nav{font-size:14px;color:rgba(0,0,0,.44);padding:10px 0;text-align:center}.posts-nav a,.posts-nav .page-numbers{position:relative;min-width:35px;height:35px;padding:0 5px;line-height:35px;display:inline-block;background-color:rgba(150,150,150,.16);margin:0 2px;border-radius:.2rem;-webkit-transition:.2s ease-out;transition:.2s ease-out}.posts-nav a.current,.posts-nav a:not(.dots):hover,.posts-nav .page-numbers.current,.posts-nav .page-numbers:not(.dots):hover{color:#fff !important;background-color:#f1404b;box-shadow:0px 5px 20px -3px rgba(249,100,90,.6)}.posts-nav a.dots,.posts-nav .page-numbers.dots{border-color:rgba(0,0,0,0)}.ajax-loading{background:rgba(250,250,250,.7) !important}#comments-navi>span,#comments-navi>a,.page-nav span:not(.current){position:relative;display:inline-block;background-color:rgba(150,150,150,.16);min-width:35px;height:35px;padding:0 5px;line-height:35px;margin:.2rem .1rem;font-size:.75rem;border-radius:.2rem;-webkit-transition:.2s ease-out;transition:.2s ease-out}.page-nav span.all{width:auto;padding:0 10px}#comments-navi>a:hover,#comments-navi>.current,.page-nav>a:hover span,.page-nav>.current span{color:#fff !important;background-color:#f1404b;box-shadow:0px 5px 20px -3px rgba(249,100,90,.6)}.overflow-x-auto{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:unset}.overflow-y-auto{overflow-y:auto;overflow-x:unset}.media-title-bg:before{content:"";position:absolute;left:0;height:80px;right:0;bottom:0;background-image:linear-gradient(to top,rgba(0,0,0,.5) 20%,transparent 80%)}.external{padding-right:5px}.external:after{content:"\e66c";font-family:"iconfont";font-size:75%}.nav-login-user{position:relative}.nav-login-user .user-ico img{width:28px;height:28px;border-radius:100%}.nav-login-user .header-user{position:absolute;opacity:0;width:400px;right:-30px;visibility:hidden;transition:.3s}.nav-login-user:hover .header-user{opacity:1;visibility:visible}.user-card-top img{width:46px;height:46px;border-radius:100%}.nav-login-user .card-top{padding-bottom:10px;border-bottom:1px dashed #cecece}.fancybox-slide--iframe .fancybox-content{max-width:1280px;margin:0}.fancybox-slide--iframe.fancybox-slide{padding:44px 0}.fancybox-toolbar{right:calc(50% - 22px);top:22px}.big-header-banner .page-header{color:#fff;background:rgba(255,255,255,0);box-shadow:none;transition:color .3s,background-color .3s}.big-header-banner.header-bg .page-header{color:initial;background:rgba(255,255,255,1)}.big-header-banner:not(.header-bg) .page-header .navbar-nav>li>a,.big-header-banner:not(.header-bg) .navbar-menu a:not(.dropdown-item),.big-header-banner:not(.header-bg) .mobile-menu a{color:#eee}.big-header-banner:not(.header-bg) .header-mini-btn path{stroke:#eee}.big-header-banner:not(.header-bg) .page-header .navbar-nav>li>a:hover,.big-header-banner:not(.header-bg) .navbar-menu a:not(.dropdown-item):hover{color:#fff}.big-header-banner:not(.header-bg) .header-mini-btn label:hover path{stroke:#fff}.header-big{position:relative;margin-top:-75px;padding-top:60px;padding-bottom:60px}.header-big.bg-gradual:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;transition:.3s}.header-big.bg-gradual:after{content:"";position:absolute;left:0;height:280px;right:0;bottom:-1px;background-image:linear-gradient(to top,#f9f9f9 0%,transparent 80%);pointer-events:none;transition:.3s}.header-big.css-img,.header-big.css-bing{background-color:#1b1d1f;background-size:cover;background-position:center}.header-big.canvas-fx{background-color:#1b1d1f}.post-top{padding-bottom:120px}.header-big.no-bg{padding-bottom:10px}.header-big.css-color{background-size:400%;background-position:0% 100%;-webkit-animation:gradient 7.5s ease-in-out infinite;animation:gradient 7.5s ease-in-out infinite}@-webkit-keyframes gradient{50%{background-position:100% 0}}@keyframes gradient{50%{background-position:100% 0}}.blog-tab{height:50px;margin-bottom:-30px}.white-nowrap{white-space:nowrap}.dl{margin-top:-1.5px;width:80%;height:3px;background:#888;border-radius:3px;opacity:.3;transition:.4s;margin:auto}.dlb:hover .dl{width:90%;background:#f1404b;opacity:1;box-shadow:0 1px 6px rgba(241,64,75,.6)}.dl-text{position:relative;display:flex;justify-content:space-evenly;align-items:center;color:#888;text-align:center;font-size:12px;margin:20px 0}.dl-text::before,.dl-text::after{content:"";width:33%;height:1px;background:#888;opacity:.5}.upload-box{cursor:pointer;transition:.3s}.upload-box:hover.bg-light{background:rgba(32,158,255,.1) !important}.tab-btn{position:relative;padding:8px 16px}.tab-btn.active::after{content:"";position:absolute;bottom:0;width:40%;height:4px;border-radius:2px;left:0;right:0;margin:auto;background:#f1404b;box-shadow:0 1px 6px rgba(241,64,75,.6)}.count-tips::after{content:attr(data-min) "/"attr(data-max);position:absolute;top:50%;z-index:3;right:5px;color:#999;transform:translate(0,-50%)}.count-tips .form-control{padding-right:60px}.header-big .s-search,.header-big #bulletin_box{margin:0 15px}.header-big #bulletin_box{background:transparent;box-shadow:none}.header-big:not(.no-bg) #bulletin_box a{color:#fff}.header-big .bulletin-big #bulletin_box{max-width:600px;margin:0 auto}.header-big:not(.no-bg) #bulletin_box .card-body{color:#fff !important;background:rgba(0,0,0,.3);border-radius:50px}.header-big .bulletin-close{opacity:.1;transition:opacity .3s}.header-big .bulletin-big #bulletin_box:hover .bulletin-close{opacity:.7}.header-big .search-group{padding:0;margin:0 auto}.header-big #search-list{text-align:center}.header-big .search-smart-tips{width:unset;left:20px;right:20px}.header-big .search-type input:checked+label,.header-big .search-type input:hover+label{position:relative;background:transparent !important}.header-big .search-type input:checked+label:before{content:'';border-width:8px 8px 0px 8px;border-style:solid;border-color:rgba(0,0,0,.6) transparent transparent;position:absolute;left:50%;top:0;margin-left:-8px}.header-big .search-type li label{padding-top:5px}.header-big .s-type-list{position:relative !important;display:block;white-space:nowrap;text-align:center;position:inherit;top:inherit;padding:inherit;width:none;background:none !important;border-radius:inherit;box-shadow:none !important}.header-big:not(.no-bg) .s-type-list{color:#fff}.s-type:hover .s-type-list.big{display:block}.header-big .s-type-list .anchor{background:#888;border-radius:100px;width:10px;height:4px;bottom:5px;-webkit-transition:.25s;transition:.25s}.header-big:not(.no-bg) .s-type-list .anchor{background:#fff}.header-big .s-type-list label:hover{background:none}.header-big .s-type-list:before{display:none}.header-big .s-type{position:inherit;top:inherit;left:inherit;z-index:inherit;width:auto}.header-big .s-type-list label{position:relative;display:inline-block}.header-big .s-type-list label span{display:block;padding:10px 10px}.header-big .s-type-list label:not(.active)::after{content:'';height:4px;width:4px;border-radius:2px;position:absolute;left:50%;bottom:5px;margin-left:-2px;background-color:rgba(255,255,255,0);transition:.3s}.header-big .s-type-list label:not(.active):hover::after{background-color:#fff}.header-big .s-type-list label:not(.active),.header-big:not(.no-bg) .search-type label{opacity:.5;transition:opacity .3s}.header-big .s-type-list label:not(.active):hover,.header-big:not(.no-bg) .search-type label:hover{opacity:1}.header-big .search-type input:checked+label{opacity:1}.header-big #search-text{border-radius:50px;color:#fff;border:1px solid rgba(255,255,255,.05);padding:9px 20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.6) !important}.header-big #search button{position:absolute;top:0;right:0;background:transparent;border:0 !important;width:unset;height:unset;margin:0 9px;line-height:50px;border-radius:3px}.header-big #search button:active,.header-big #search button:focus{box-shadow:none;outline:none;border:0 !important}.header-big .canvas-bg{position:absolute;top:0;width:100%;height:100%;border-width:0}.header-big:not(.no-bg) .text-muted,.header-big:not(.no-bg) .search-type .menu-item a,.header-big:not(.no-bg) .big-title .h1{color:#fff !important}.header-big.no-bg #search-text{color:#fff;border:none;background-color:rgba(0,0,0,.2) !important}.header-big.no-bg .search-type input:checked+label:before{border-color:rgba(0,0,0,.2) transparent transparent}.header-big .search-type li.menu-item{padding:5px 10px 0px 10px}@media screen and (min-width:768px){.header-big{padding-top:110px;padding-bottom:110px}.post-top{padding-bottom:180px}.header-big.no-bg{padding-bottom:20px}.header-big .search-type li label,.header-big .search-type li.menu-item{padding:5px 20px}.header-big .s-type-list label span{padding:10px 20px}}@media screen and (min-width:992px){}.io-black-mode .header-big.bg-gradual:before,.io-black-mode .header-big.bg-gradual:after{background-image:linear-gradient(to top,#1b1d1f 0%,transparent 80%)}.io-black-mode .big-header-banner .page-header{background:transparent;box-shadow:none}.io-black-mode .big-header-banner.header-bg .page-header{color:#fff;background:#2c2e2f;box-shadow:0 0 25px 5px rgba(10,10,10,.25)}.media-content{position:absolute;top:0;bottom:0;left:0;right:0;border:0;border-radius:inherit;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:rgba(120,120,120,.1)}.carousel-item.home-item:after{content:"";display:block;padding-top:300px}.carousel-caption{bottom:0;padding-top:10px;padding-bottom:10px}.media{position:relative;display:block;overflow:hidden;padding:0;-ms-flex-negative:0;flex-shrink:0;border-top-left-radius:inherit;border-top-right-radius:inherit}.media:after{content:'';display:block;padding-top:100%}.media-title{position:absolute;bottom:0;left:0;right:0;margin:5px 10px;color:#fff}.new-news{height:100%}.new-news .news_title{background-color:rgba(0,0,0,.1);padding:8px 10px;border-radius:.20rem .20rem 0 0}.new-news ul{overflow:auto;padding:0 20px;margin-bottom:10px}.new-news ul li{position:relative;padding:0 10px 10px 20px;border-left:2px solid rgba(136,136,136,.2)}.new-news ul li i{font-size:12px;top:3px;color:#888;position:absolute;padding:5px;left:-12px;background:#fff;transition:background-color .3s}.new-news .news_all_btn{position:absolute;right:4px;padding:8px 10px;transition:.3s}.new-news .news_all_btn:hover{right:0px}@media screen and (min-width:768px){.new-news{position:absolute;left:.5rem;right:0}}@media screen and (max-width:767.98px){.new-news{height:200px}.big-title .h1{font-size:30px}}@media screen and (max-width:575.98px){.carousel-item.home-item:after{padding-top:250px}.new-news{height:150px}}@media screen and (max-width:454.98px){.carousel-item.home-item:after{padding-top:180px}.new-news{height:100px}}.overlay{width:100%;height:100%;background-color:rgba(0,0,0,.66);position:absolute;opacity:.22;top:0;left:0;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.article-list:after{padding-top:146px}.media-21x9:after{padding-top:42.857143%}.media-16x9:after{padding-top:56.25%}.media-4x3:after{padding-top:75%}.media-2x3:after{padding-top:150%}.media-3x2:after{padding-top:66.66666%}.media-3x4:after{padding-top:133.33333%}.media-1x2:after{padding-top:200%}.media-2x1:after{padding-top:50%}.media-3x1:after{padding-top:33.3333%}.media-4x1:after{padding-top:25%}.media-5x1:after{padding-top:20%}.media-5x7:after{padding-top:141%}.media-1-4:after{padding-top:25vh;min-height:10rem}.media-1-3:after{padding-top:33vh;min-height:12.5rem}.media-1-2:after{padding-top:50vh;min-height:15rem}@media (max-width:767.98px){.post-cover .media-5x1:after{padding-top:30%}}@media (min-width:1200px){.media-xl-16x9:after{padding-top:56.25% !important}.media-xl-3x2:after{padding-top:66.66666% !important}}blockquote{position:relative;padding:.9375rem 0 .9375rem 1.75rem;margin:1.5rem 0;border-left:5px solid rgba(136,136,136,.2);background-color:rgba(136,136,136,.1)}blockquote p:last-of-type{margin:0;padding:0}.tags i{color:#f1404b;margin-right:10px;vertical-align:middle}.tags a{display:inline-block;margin:0 6px 12px 0;padding:3px 10px;color:#6d6d6d;font-size:10px;transition:.3s;background:rgba(148,149,158,.15);border-radius:15px}.color-0{color:#F1404B !important;background-color:rgba(249,100,90,.15) !important}.color-1,.color-5{color:#20a0ff !important;background-color:rgba(32,158,255,.15) !important}.color-2,.color-6{color:#39c408 !important;background-color:rgba(58,196,8,.15) !important}.color-3,.color-7{color:#ff8400 !important;background-color:rgba(255,131,0,.15) !important}.color-4,.color-8{color:#837adc !important;background-color:rgba(132,122,220,.15) !important}.color-d{color:#888}.card.new-news li{list-style:none}.user-level-header{min-height:60px;width:40%}.user-level-body{border:1px solid rgba(136,136,136,0.2)}.user-level-box:not(.post-content) .badge{position:absolute;top:-30px;left:40%}.modal-header-simple{position:relative}.modal-header-simple>span{position:absolute;color:var(--this-color);background:var(--this-bg);border-radius:100%;height:300px;width:800px;opacity:.3;top:-286px;left:-196px}.modal-header-simple>span::after,.modal-header-simple>span::before,.modal-header-simple::after,.modal-header-simple::before{position:absolute;color:var(--this-color);background:var(--this-bg);border-radius:100%;content:' '}.modal-header-simple::before{left:-128px;bottom:0;height:300px;width:670px;top:-318px;transform:rotate(339deg);opacity:.5}.modal-header-simple::after{left:-214px;bottom:0;height:210px;width:340px;top:-183px;transform:rotate(10deg);opacity:.3}.modal-header-simple>span::before{left:304px;height:15px;width:15px;bottom:-10px;opacity:.5}.modal-header-simple>span::after{right:304px;height:8px;width:8px;bottom:-7px;opacity:.6}.modal-header-bg{color:var(--this-color);background-color:var(--this-bg-color);background-image:var(--this-bg-image);--this-color:#b6e0ff;--this-bg-color:#284eaa;--this-bg-image:radial-gradient(closest-side,rgb(84 211 242),rgba(131,228,245,0)),radial-gradient(closest-side,rgb(75 125 255),rgba(207,209,255,0)),radial-gradient(closest-side,rgb(0 180 255),rgba(131,203,254,0));background-size:130% 180%,120% 220%,110% 150%;background-position:-120% -50%,280% 50%,-90% 80%;background-repeat:no-repeat;animation:12s modal-header-anim infinite}@keyframes modal-header-anim{0%,100%{background-size:130% 180%,120% 220%,110% 150%;background-position:-120% -50%,280% 50%,-90% 80%}25%{background-size:120% 170%,130% 240%,120% 130%;background-position:-80% -60%,260% 10%,-80% 90%}50%{background-size:110% 150%,150% 200%,130% 140%;background-position:-100% -20%,200% 50%,-60% 50%}75%{background-size:140% 170%,120% 180%,120% 130%;background-position:-130% -70%,150% 80%,-70% 80%}}.modal-header-bg.semi-white::before{content:'';position:absolute;bottom:0;left:0;background:var(--main-bg-color);width:100%;top:120px;transition:.3s}.modal-header-bg.modal-header{align-items:center;justify-content:center;min-height:120px}.modal-header-bg.modal-header .io-close{position:absolute;right:10px;top:10px;color:#fff !important}.modal-medium{max-width:400px}.loading-anim{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}.step-simple{display:flex;padding:6px 16px;background:rgba(130,130,130,.1);border-radius:4px;text-align:center}.step-simple>span{flex:1;position:relative;margin:0 6px}.step-simple>span+span:before{position:absolute;content:"\ea22";font-family:'iconfont';font-size:12px;left:-8px}.step-simple>span.active{font-weight:bold}.verification{position:relative;display:flex;align-items:center}.btn-token{position:absolute;color:#888;background-color:rgba(136,136,136,.2);padding:3px 5px;border-radius:5px;font-size:12px;right:4px;transition:color .3s,background-color .3s}.btn-token:hover{color:#222;background-color:rgba(156,156,156,.5)}.password-show-btn{position:absolute;top:50%;right:12px;transform:translateY(-50%);cursor:pointer;opacity:.6;transition:opacity .3s}.password-show-btn:hover{opacity:1}.card-thumbnail{width:120px;min-width:120px;height:120px;border-radius:var(--main-radius);overflow:hidden}.img-type-book{height:180px}.img-type-post{width:180px;min-width:160px}.img-type-app{border:2px solid rgba(136,136,136,0.2);border-radius:32px}.img-type-app .img-box{display:flex;align-items:center;justify-content:center}.user-level-body .card-thumbnail img{width:100%;height:100%;overflow:hidden;object-fit:cover}.card-thumbnail.img-type-app img{width:auto;height:70%}.content-hide-tips{position:relative;padding:35px 10px 10px;border:1px dashed rgba(155,155,155,.3);margin:20px 0;border-radius:8px;background-color:rgba(155,155,155,.05)}.content-hide-tips .card-thumbnail{width:90px;min-width:90px;height:90px}.hide-type-password .card-thumbnail{width:120px;height:120px}.hide-type-buy .card-thumbnail{height:150px}.content-hide-tips .img-box{display:flex;align-items:center;justify-content:center}.content-hide-tips .hidden-text{position:absolute;padding:2px 9px;font-size:12px;top:3px;left:3px;color:#8b1c1c;background:rgba(244,108,108,0.3);border-radius:var(--main-radius);border:1px dashed rgba(155,155,155,.3);transition:.3s}.tags a:focus,.tags a:hover{background-color:#232425 !important;text-decoration:none;color:#fff !important}pre{position:relative;overflow-y:auto;border:0;color:#777;border-radius:3px;padding:.75rem;margin:1.5rem 0;white-space:pre-wrap;word-wrap:break-word;background-color:rgba(0,0,0,.04)}table{width:100%}th,td{border:1px solid rgba(136,136,136,.3);padding:8px 12px}.single-top-area{background:#fff}.near-navigation{display:flex;background:#fff}.near-navigation .nav{display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:0 20px;position:relative;width:50%;word-break:break-word}.near-navigation .next{align-items:flex-end;text-align:right;border-radius:0 5px 5px 0;overflow:hidden}.near-navigation .previous{border-radius:5px 0 0 5px;overflow:hidden}.near-navigation span{font-size:14px;font-weight:500;position:relative;text-transform:uppercase;z-index:2}.near-navigation .near-title{font-size:12px;margin:5px 0 0;position:relative;z-index:2}.near-navigation img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.near-navigation .none span,.near-navigation .none .near-title{color:#999}.panel-header h1{line-height:1.5}.panel-body p,.site-content p,.post-content figure{margin-bottom:1.25rem;font-size:1rem;line-height:2;word-wrap:break-word}.panel-body h1,.panel-body h2,.panel-body h3,.panel-body h4,.panel-body h5,.panel-body h6{margin-bottom:1rem}.panel-body h1{font-size:1.5rem}.panel-body h2{font-size:1.25rem;border-left:3px solid #f1404b;padding:.25rem 0 .25rem 1.25rem;margin-left:-1.438rem}.panel-body h3{font-size:1.125rem;border-left:3px solid #f1404b;padding-left:1.25rem;margin-left:-1.438rem}.panel-body h4{font-size:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(136,136,136,.2)}.panel-body h5,.panel-body h6{font-size:1rem}.panel-body ul,.panel-body ol{font-size:.875rem}.panel-body ul li,.panel-body ol li{margin:.5rem 0}.transparent .panel-body h2,.transparent .panel-body h3{position:relative;margin-left:0}@media (max-width:767.98px){blockquote{padding-left:1.25rem}.user-level-box .badge{top:-25px}.user-level-header{width:60%}.panel-body p,.panel-body figure{font-size:.9375rem}.panel-header h3,.panel-header .h3{font-size:1.5rem}}@media (min-width:768px){.user-level-body .pay-list-btn{width:60%;margin-left:auto}}.image-captcha-group{position:relative}.image-captcha-group .form-control{min-width:200px}.image-captcha-group .image-captcha{position:absolute;cursor:pointer;top:50%;right:2px;transform:translateY(-50%)}.image-captcha-group img{width:auto;height:32px;border-radius:4px}.siteico{background:#e6e8ed;position:relative;overflow:hidden;box-shadow:0 30px 20px -20px rgba(0,0,0,.15);border-radius:10px;transition:background-color .3s}.siteico:before{content:'';display:block;padding-top:100%}.tool-actions{position:absolute;left:0;bottom:0;right:0;padding:.625rem 0}.tool-actions .btn-light{color:#424446 !important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(250,250,250,.5) !important;border-color:transparent !important}.tool-actions .btn-light:hover{background-color:rgba(255,255,255,.8) !important}.customize-menu .btn-edit{color:#ddd;line-height:24px;background:#f1404b;padding:0 10px;margin:5px 0;border-radius:50px;white-space:nowrap}.customize-menu .btn-edit:hover{color:#fff}.blur{-moz-filter:blur(15px);-ms-filter:blur(15px);-webkit-filter:blur(15px);filter:blur(15px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=15,MakeShadow=false)}.blur-layer{top:0;left:0;right:0;bottom:0;position:absolute;width:inherit;height:inherit;opacity:.2}.img-cover{max-width:90% !important;min-width:72px !important;max-height:90% !important;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border-radius:6px}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.site-body .btn-arrow{color:#444;border-radius:6px;padding:7px 16px;background-color:rgba(138,138,138,.15);transition:.3s}.site-body .btn-arrow:hover{color:#fff;background:#202224}.site-body .btn-arrow:active{box-shadow:unset}.site-body .site-go .btn{margin-bottom:10px}.site-go-url{position:relative}.site-go-url .spare-url{position:absolute;opacity:0;visibility:hidden;margin-top:0;transition:.3s}.site-go-url .spare-url a{white-space:nowrap}.site-go a+a{margin-left:10px}.site-go-url:hover .spare-url{opacity:1;visibility:visible;margin-top:-10px}.card-post .flex-avatar{padding:2px !important}.card-post .media,.card-book .media{box-shadow:0 0 20px -5px rgba(20,20,20,.2);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.card-post:hover .media,.card-book:hover .media{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(27,28,31,.3);-webkit-box-shadow:0 26px 40px -24px rgba(27,28,31,.3);-moz-box-shadow:0 26px 40px -24px rgba(27,28,31,.3)}.card-post .list-content{padding-bottom:.5rem}.btn-arrow{position:relative}.btn-arrow span{padding-right:1.25rem;display:inline-block}.btn-arrow i{position:absolute;font-size:18px;width:.8em;right:1rem;top:50%;opacity:.6;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;will-change:right,opacity}.btn-arrow:hover i,.btn-arrow:focus i{opacity:1;right:.6rem}.btn-mgs{position:relative;padding-left:1.25rem;padding-right:1.25rem;overflow:hidden;transition:.3s;background-color:rgba(138,138,138,.2);--this-color:#444}.btn-mgs .b-name{opacity:1;transition:.3s;padding-right:1.25rem}.btn-mgs .b-price{position:absolute;display:flex;color:#fff;opacity:0;top:0;left:1rem;height:100%;transition:.3s;white-space:nowrap;align-items:center}.btn-mgs i{position:absolute;font-size:18px;width:.8em;right:1rem;top:50%;opacity:.6;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;will-change:right,opacity}.btn-mgs:hover{color:#fff;background-color:#212224}.btn-mgs:hover .b-name{opacity:0}.btn-mgs:hover .b-price{left:.6rem;opacity:1}.btn-mgs:hover i,.btn-mgs:focus i{opacity:1;right:.6rem}.btn-cat{color:#fff !important;background:#f1404b;font-size:12px;padding:2px 5px;border-radius:4px;transition:.3s}.btn-cat:hover{color:#fff;background:#212224}.btn-icon{text-align:center;width:3.125rem;height:3.125rem;padding:0 !important;position:relative}.btn-icon span{position:absolute;width:100%;height:100%;top:0;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.country-piece{position:absolute;color:#fff;top:10px;right:10px;transition:.3s;padding:0 5px;background:#f1404b;border-radius:20px}.link-dead{position:absolute;font-size:.825rem;color:#ddd;top:10px;left:10px;transition:.3s;padding:2px 14px;background-image:linear-gradient(20deg,#48494c 0%,#232426 100%);border-radius:20px}.link-dead-msg{display:inline;color:#80410a !important;background-color:#ecbd8a;padding:2px 12px;border-radius:20px}.sites-default-content .card-footer{background-color:transparent}.content-title{position:relative}.content-title:before,.content-title:after{position:absolute;top:50%;width:50px;height:1px;border-top:1px solid;content:'';border-color:inherit;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.content-title:before{left:-65px}.content-title:after{right:-65px}@media screen and (max-width:575.98px){.siteico:before{padding-top:60%}.card-post .list-content{padding-top:.5rem}}.down-content{margin-top:120px}.down-content .card{border:0}.down-content .card .card-header{position:relative;border-radius:6px;padding:.3rem;margin:0 15px;margin-top:-30px;border:0;background:linear-gradient(60deg,#f1404b,#f1417c);box-shadow:0 5px 20px 0 rgba(0,0,0,.2),0 13px 24px -11px rgba(176,39,62,.6)}.down-content .card-header-img{margin-top:-100px;padding:8px;width:120px;height:120px;background:#ffffff;transition:background-color .3s}.down-content .card-signup{border-radius:6px;margin:0 15px;box-shadow:0 16px 24px 2px rgba(0,0,0,.1),0 6px 30px 5px rgba(0,0,0,.08),0 8px 10px -5px rgba(0,0,0,.15)}.down-content .down-info li{margin:5px 0}.btn-danger{color:#fff;background-color:#f1404b;border-color:transparent}.btn-danger.focus,.btn-danger:focus,.btn-danger:hover{color:#fff;box-shadow:0 0 0 0 transparent}.down-content .apd-right{position:relative;background:rgba(34,34,34,.05);width:100%;height:100%;border-radius:6px;border:2px dashed rgba(0,0,0,.1)}.down-content .statement{position:relative;margin:0 -1.25rem;border-bottom:2px dashed #eee;border-top:2px dashed #eee;background:rgba(0,0,0,.01);transition:.3s}.down-content .statement:before{content:"";position:absolute;width:8px;height:8px;top:5px;left:5px;border-radius:50%;background:#eee;box-shadow:0 10px #eee,0 20px #eee;transition:.3s}.down-content .card-nav-tabs:before{content:"\e604";position:absolute;bottom:-3px;right:5px;font-size:20px;color:rgba(129,129,129,.3);font-family:"iconfont"}@media screen and (max-width:767.98px){.down-content .card-signup{border-radius:6px;margin:0 -10px}.down-content{margin-top:90px}.down-content .card .card-header{margin-left:5px;margin-right:5px}.down-content .card-header-img{margin-top:-70px;padding:6px;width:90px;height:90px}}.book-info ul{list-style:none;margin:0;padding:0}.book-info .info-title{display:inline-block;width:70px;text-align:justify;text-justify:distribute-all-lines;-moz-text-align-last:justify;text-align-last:justify}.rankings .ranking-tab-body:not(.add-js)>:first-child{display:block !important}.ranking .ranking-tab-button{top:0}.ranking .ranking-title{padding-top:12px}.ranking .tab-button{border-left:1px solid rgba(136,136,136,.1);padding:14px 11px}.ranking .tab-button:hover,.ranking .tab-button.active{background:rgba(136,136,136,.1)}.empty-list{align-items:center;justify-content:center;flex:1 1 auto;display:flex}.empty-list i{font-size:56px;opacity:.5}@media (max-width:767.98px){.ranking-tabs .card{border-radius:0 0 .25rem .25rem}.ranking-tab-body .tab-title{visibility:hidden}}.v-avatar{width:32px;height:32px}.profile img{width:48px;height:48px;border-radius:50%}.children .profile img{width:40px;height:40px;border-radius:50%}.comment-list .comment-text{border-bottom:1px solid rgba(135,135,135,.15);padding-bottom:1rem;margin-bottom:1rem}.comment-list .children .comment_body,.comment-list .children .comment-respond{margin-left:3.875rem;padding:0 0 1rem}.comment-list>.comment>.children .comment:last-child .comment-text{border-bottom:1px solid rgba(135,135,135,.15);padding-bottom:1rem;margin-bottom:0}.comment-list>.comment:last-child .comment-text{border:0;padding-bottom:0}.not-comment,.commclose{background-color:rgba(136,161,199,.3) !important}.comment-list .is-author{opacity:.5;cursor:pointer;transition:opacity .3s}.comment-list .rank{position:relative;color:#fff;cursor:pointer;font-size:.75rem;padding:1px 8px;margin:0 4px;background:#f1404b;border-radius:6px;transition:opacity .3s}.comment-list .rank:after{content:"";position:absolute;width:8px;height:4px;top:50%;margin-top:-2px;left:-4px;border-radius:2px;background:#ffae00}.comment-list .rank:before{content:"";position:absolute;width:5px;height:5px;top:50%;margin-top:-2.5px;left:0px;border-radius:3px;background:#fff}.comment-list .rank:hover{color:#fff}.comment-list .is-author:hover{opacity:1}.comment-form .comment-form-cookies-consent label{display:inline}input[type="radio"]+label,input[type="checkbox"]+label{font-weight:400}.form-submit{text-align:right}.comment-list,.comment-list .children{list-style:none;margin:0;padding:0}.comment-body{color:#333;margin-bottom:4em}.comment-body{margin-left:65px}.comment-author{margin-bottom:.4em;position:relative;z-index:2}.comment-author .avatar{height:50px;left:-65px;position:absolute;width:50px}.comment-metadata{color:#767676;font-weight:800;letter-spacing:.1818em;text-transform:uppercase}.comment-reply-link{font-weight:800;position:relative}.btn-home{color:#fff;background:#f1404b;padding:10px 30px;transition:.3s}.btn-home:hover{color:#fff;background:#333}.iconfont{display:inline-block;font-size:inherit;font-variant:normal;text-rendering:auto;line-height:1}.icon-lg{font-size:1.333rem;line-height:1.333rem;vertical-align:-.0667em}.icon-2x{font-size:2rem}.icon-3x{font-size:3rem}.icon-4x{font-size:4rem}.icon-5x{font-size:5rem}.icon-8x{font-size:8rem}.icon-fw{text-align:center;width:1.25em}.icon-spin{-webkit-animation:icon-spin 2s infinite linear;animation:icon-spin 2s infinite linear}.hot-card .hot-body{height:200px}.hot-card .hot-heat{white-space:nowrap}.hot-card ul{margin:0;padding:0;list-style-type:none}.hot-rank{width:18px;border-radius:4px;background:rgba(124,124,124,.3);display:inline-block}.hot-rank-1{color:#fff;background:#f1404b}.hot-rank-2{color:#fff;background:#c56831}.hot-rank-3{color:#fff;background:#b89e2c}.hot-platform span{margin:0 5px;white-space:nowrap}.hot-platform{border-radius:4px;display:inline-table;background:rgba(77,77,77,.3)}.background-fx{position:absolute;left:60px;right:0;height:100vh;top:0;overflow:hidden;opacity:1;z-index:-1}.shape-01{position:absolute;top:11%;right:42%;-webkit-animation:animationFramesTwo 13s linear infinite;animation:animationFramesTwo 13s linear infinite}.shape-02{position:absolute;top:27%;left:17%;-webkit-animation:animationFramesFour 25s linear infinite alternate;animation:animationFramesFour 25s linear infinite alternate}.shape-03{position:absolute;top:30%;left:50%;-webkit-animation:animationFramesThree 35s linear infinite alternate;animation:animationFramesThree 35s linear infinite alternate}.shape-04{position:absolute;top:40%;right:23%;-webkit-animation:animationFramesFour 20s linear infinite alternate;animation:animationFramesFour 20s linear infinite alternate}.shape-05{position:absolute;bottom:62%;right:28%;-webkit-animation:animationFramesOne 15s linear infinite;animation:animationFramesOne 15s linear infinite}.shape-06{position:absolute;bottom:73%;left:38%;-webkit-animation:animationFramesFour 20s linear infinite alternate;animation:animationFramesFour 20s linear infinite alternate}.shape-07{position:absolute;left:14%;bottom:54%;-webkit-animation:animationFramesOne 17s linear infinite;animation:animationFramesOne 17s linear infinite}.shape-08{position:absolute;left:14%;top:60%;-webkit-animation:animationFramesOne 20s linear infinite alternate;animation:animationFramesOne 20s linear infinite alternate}.shape-09{position:absolute;top:22%;left:41%;-webkit-animation:animationFramesOne 15s linear infinite;animation:animationFramesOne 15s linear infinite}.shape-10{position:absolute;top:8%;right:6%;-webkit-animation:animationFramesOne 15s linear infinite;animation:animationFramesOne 15s linear infinite}.shape-11{position:absolute;top:10%;right:8%;-webkit-animation:animationFramesOne 12s linear infinite;animation:animationFramesOne 12s linear infinite}@keyframes animationFramesOne{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(73px,-1px) rotate(36deg)}40%{transform:translate(141px,72px) rotate(72deg)}60%{transform:translate(83px,122px) rotate(108deg)}80%{transform:translate(-40px,72px) rotate(144deg)}to{transform:translate(0) rotate(0deg)}}@-webkit-keyframes animationFramesOne{0%{-webkit-transform:translate(0) rotate(0deg)}20%{-webkit-transform:translate(73px,-1px) rotate(36deg)}40%{-webkit-transform:translate(141px,72px) rotate(72deg)}60%{-webkit-transform:translate(83px,122px) rotate(108deg)}80%{-webkit-transform:translate(-40px,72px) rotate(144deg)}to{-webkit-transform:translate(0) rotate(0deg)}}@keyframes animationFramesTwo{0%{transform:translate(0) rotate(0deg) scale(1)}20%{transform:translate(73px,-1px) rotate(36deg) scale(.9)}40%{transform:translate(141px,72px) rotate(72deg) scale(1)}60%{transform:translate(83px,122px) rotate(108deg) scale(1.2)}80%{transform:translate(-40px,72px) rotate(144deg) scale(1.1)}to{transform:translate(0) rotate(0deg) scale(1)}}@-webkit-keyframes animationFramesTwo{0%{-webkit-transform:translate(0) rotate(0deg) scale(1)}20%{-webkit-transform:translate(73px,-1px) rotate(36deg) scale(.9)}40%{-webkit-transform:translate(141px,72px) rotate(72deg) scale(1)}60%{-webkit-transform:translate(83px,122px) rotate(108deg) scale(1.2)}80%{-webkit-transform:translate(-40px,72px) rotate(144deg) scale(1.1)}to{-webkit-transform:translate(0) rotate(0deg) scale(1)}}@keyframes animationFramesThree{0%{transform:translate(165px,-179px)}to{transform:translate(-346px,617px)}}@-webkit-keyframes animationFramesThree{0%{-webkit-transform:translate(165px,-179px)}to{-webkit-transform:translate(-346px,617px)}}@keyframes animationFramesFour{0%{transform:translate(-300px,151px) rotate(0deg)}to{transform:translate(251px,-200px) rotate(180deg)}}@-webkit-keyframes animationFramesFour{0%{-webkit-transform:translate(-300px,151px) rotate(0deg)}to{-webkit-transform:translate(251px,-200px) rotate(180deg)}}@media screen and (max-width:1199.98px){.hot-search{min-width:1164px}}@media screen and (max-width:575.98px){.shape-10{right:12%;width:100px}.shape-11{right:14%;width:100px}.comment-list .children .comment_body,.comment-list .children .comment-respond{margin-left:1.875rem}}@-webkit-keyframes icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.user-bg{height:269px;margin-top:-75px;position:relative;background-color:rgba(5,15,25,.2);background-repeat:no-repeat;background-size:cover;background-position:center center}.user-bg::before{content:"";position:absolute;left:0;height:240px;right:0;bottom:0;background-image:linear-gradient(to top,#000000 0%,transparent 60%);transition:.3s}.user-area .avatar-body{display:inline-block;min-height:112px;min-width:112px}.user-area img{max-width:100%}.bg-white,.border-light{transition:.3s}.border-2w{border-width:2px !important}.user-area .user-menu{margin-top:-169px}.user-area .card-menu{margin-top:60px}.user-area .author-avatar{margin-top:-75px}.user-area ul{list-style:none;padding:0;margin:0;width:100%}.user-nav li .user-tab{padding:8px 0;display:block;border-radius:4px}.user-nav li .user-tab.active{background-color:rgba(136,136,136,.1)}.user-area .local-avatar-label svg{display:none;width:38px;height:38px;position:absolute;top:0;left:0;color:#fff;background:rgba(0,0,0,.2);border-radius:50%;transform-origin:50% 50% 0;fill:rgba(255,255,255,.65);cursor:pointer}.user-area .local-avatar-label:hover svg{display:block}.user-area .avatar-picker{display:inline-block;width:38px;height:38px;position:absolute;left:0;top:0;cursor:pointer}.user-area .avatar-picker input,.user-area .cover-picker input{border:1px solid #eee;border-radius:5px}.user-area .user-cover{position:relative}.user-area .io-cover-picker{display:inline-block;width:25px;height:25px;position:absolute;right:2px;top:2px;border-radius:20px;background-color:rgba(0,0,0,.2);cursor:pointer}.user-area .cover-picker::after{content:'\e634';color:#fff;font-family:"iconfont";position:absolute;font-size:24px;line-height:24px;opacity:.6}.user-area .cover-picker:hover:after{opacity:1}.user-area .author-meta-r{margin-top:-110px}.user-cover{padding:5px;background:rgba(130,133,136,.15);border-radius:3px}.empty-content{font-size:169px;opacity:.3}.terms-placeholder{border:2px dashed #4ecdff;background-color:transparent;min-height:42px}.admin-sites .overflow-auto{max-height:300px}.manage-sites .sites-card,.sites-placeholder,.admin-sites .sites-card{padding:6px 8px;background-color:#eee}.manage-sites .sites-card:not(.add){cursor:move;transition:box-shadow .3s}.sites-placeholder{border:2px dashed #4ecdff;background-color:transparent}.manage-sites .sites-card:not(.add):hover,.admin-sites .sites-card:hover{box-shadow:0 6px 10px rgba(0,0,0,.15)}.sites-hover .nav-link{background-color:rgba(136,136,136,.15)}input.nav-link{display:block;width:100%;color:#495057;background-color:transparent;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input.nav-link::-ms-expand{background-color:transparent;border:0}input.nav-link:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}input.nav-link:focus{color:#495057;background-color:transparent;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}input.nav-link::-webkit-input-placeholder{color:#6c757d;opacity:1}input.nav-link::-moz-placeholder{color:#6c757d;opacity:1}input.nav-link:-ms-input-placeholder{color:#6c757d;opacity:1}input.nav-link::-ms-input-placeholder{color:#6c757d;opacity:1}input.nav-link::placeholder{color:#6c757d;opacity:1}input.nav-link:disabled,input.nav-link[readonly]{background-color:transparent;opacity:1}.sites-card .dropdown-menu{min-width:320px}.nav-pills.sites-nav .nav-link{border:1px solid rgba(136,136,136,.1)}.nav-pills.sites-nav .nav-link.active,.nav-pills.sites-nav .show>.nav-link{background-color:#f1404b;box-shadow:0px 5px 20px -3px rgba(241,64,75,.6)}.sites-li{position:relative}.sites-li .sites-setting{position:absolute;top:9px;right:5px;opacity:0;transition:opacity .3s}.sites-li.admin-li .sites-setting{top:15px}.tab-pane .sites-li .sites-setting{top:6px}.sites-li:hover .sites-setting{opacity:1}.sites-li .active:not(.d-none)+.change-terms-name+.sites-setting a{color:#fff}.notifications-list li{position:relative}.notifications-list li .notifi-time{position:absolute;top:-18px;left:0}.drag-add-bookmarks{border:2px dashed rgb(235,34,34);opacity:.8}#add-new-sites button.close{text-shadow:none}#add-new-sites button.close:focus{outline:none}.list-author-data li{padding:2px 0}.author-set-left,.author-set-right{display:inline-block;vertical-align:top}.author-set-left{width:20%;margin-right:20px;text-align:right;padding-top:6px}.author-set-right{width:calc(80% - 25px);overflow:hidden}@media screen and (min-width:768px){.sites-card .dropdown-menu{min-width:450px}.admin-sites .overflow-auto{max-height:750px}}.show_ico{float:left;width:64px;height:64px;line-height:60px;padding:2px;cursor:pointer}.show_ico .remove-ico{position:absolute;cursor:pointer;top:1px;right:1px;font-size:20px;z-index:1;display:block;width:24px;height:24px;line-height:24px;background:rgba(34,34,34,.5);border-radius:50%}.wechat .show_ico .remove-ico{font-size:25px;width:29px;height:29px;line-height:29px}.show_ico .remove-ico:hover{color:#f1404b}.upload_img{position:relative;display:table;color:white;background-color:rgba(136,136,136,.1);overflow:hidden;cursor:pointer;text-align:center;vertical-align:center;border-radius:5px;transition:.3s}.wechat .show_ico{width:138px;height:138px;line-height:128px}.upload_img:not(.disabled):hover{background:#222324}.upload_img input{position:absolute;cursor:pointer;opacity:0;left:0;right:0;top:0;bottom:0}.postform{margin:5px}.tougao-form img{max-width:100%}#alert_placeholder .alert{display:inline-block}#tougaocategorg{padding-left:8px}.slider_menu[sliderTab]{position:relative;background:rgba(0,0,0,.1);border-radius:50px;border:3px solid transparent;overflow:hidden;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.slider_menu[sliderTab]>.menu{position:relative;white-space:nowrap;flex-wrap:initial}.slider_menu[sliderTab] .anchor{background:#f1404b;border-radius:100px;width:60px;height:40px;opacity:0;-webkit-transition:.35s;transition:.35s}.slider_menu[sliderTab]>.menu>li{cursor:pointer;width:auto;height:auto}.slider_menu[sliderTab]>.menu>li.next,.slider_menu[sliderTab]>.menu>li.prev,.slider_menu[sliderTab]>.menu>li>.sub-menu{display:none}.slider_menu[sliderTab]>.menu>li>a{display:block;text-decoration:none;position:relative;color:#888;height:40px;line-height:40px;text-align:center;font-size:14px;padding:0 16px;-webkit-transition:.25s;transition:.25s}.slider_menu[sliderTab]>.menu>li>a:hover{color:#fff}.slider_menu[sliderTab]>.menu>li>a.active{color:#fff}.slider_menu[sliderTab] ul:hover li:not(.hover) a.active{color:#888 !important}.slider_menu.mini_tab[sliderTab]>.menu>li>a{height:28px;line-height:28px;padding:0 12px}.nav-pills.menu .nav-link.active,.nav-pills.menu .show>.nav-link{background:none}.io-bomb,.io-bomb-overlay{width:100%;height:100%;top:0;left:0}.io-bomb{position:fixed;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;pointer-events:none}.io-bomb{z-index:1099}.io-bomb.tips-success i{color:#28a745}.io-bomb.tips-error i{color:#ffc107}.io-bomb-overlay{position:absolute;background:rgba(10,10,10,.4);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-duration:.3s;transition-duration:.3s}.io-bomb-open .io-bomb-overlay{opacity:1;pointer-events:auto}.io-bomb-open .io-bomb-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.io-bomb-body{position:relative;opacity:0;max-width:340px;width:100%}.io-bomb-open .io-bomb-body{pointer-events:auto}.io-bomb-xl .io-bomb-body{width:100%;max-width:790px}.io-bomb-lg .io-bomb-body{width:100%;max-width:790px}.io-bomb-md .io-bomb-body{max-width:340px;width:100%}.io-bomb-sm .io-bomb-body{max-width:300px;width:auto}.io-bomb-reward .io-bomb-body{max-width:280px}.io-bomb-content{position:relative;transition:.3s;overflow:hidden;border-radius:8px;box-shadow:0 10px 50px -5px rgba(6,39,67,.15)}.io-bomb-xl .io-bomb-content{padding:0;border:0}.io-bomb-lg .io-bomb-content{padding:0;border:0;border-radius:0}.io-bomb-sm .io-bomb-content{padding:2rem;padding:1.75rem 2.5rem}.io-bomb-nopd .io-bomb-content{padding:0;border:0}.io-popup-tips-content{overflow-y:auto;max-height:580px}@media (max-width:991.98px){.io-bomb-xl .io-bomb-body{height:100%}.io-bomb-xl .io-bomb-body .io-bomb-content{box-shadow:none;border-radius:0;height:100%}}.io-bomb-content .text-success i{color:#28a745}.io-bomb-content .text-danger i{color:#ffc107}.io-bomb-content img{width:100%;height:auto}.btn-close-bomb i{cursor:pointer;font-size:1.75rem;color:#fff;transition:.3s}.btn-close-bomb i:hover{color:#F1404B}.io-bomb.io-bomb-open .io-bomb-body,.io-bomb.io-bomb-close .io-bomb-body{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.io-bomb.io-bomb-open .io-bomb-body{-webkit-animation-name:tips-open;animation-name:tips-open}.io-bomb.io-bomb-close .io-bomb-body{-webkit-animation-name:tips-close;animation-name:tips-close}@-webkit-keyframes tips-open{0%{opacity:0;-webkit-transform:translate3d(0,50px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0)}}@keyframes tips-open{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes tips-close{0%{opacity:1;-webkit-transform:translate3d(0,0,0)}100%{opacity:0;-webkit-transform:translate3d(0,50px,0)}}@keyframes tips-close{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}}.sidebar .card-header{position:relative;background-color:transparent;border-bottom:none}.sidebar .sidebar-header .load{padding:.75rem 1.25rem;margin-bottom:0}.sidebar .card-header:after{content:"";background-color:#f1404b;left:1.25rem;width:50px;height:2px;bottom:-2px;position:absolute;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}.sidebar .card:hover .card-header:after{width:80px}.sidebar .tags a{display:inline-block;margin:4px 2px;font-size:12px;background:rgba(148,149,158,.15);border-radius:5px}.sidebar .card .searchform{flex:1 1 auto;padding:1.25rem}.sidebar .card .searchform>div{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.sidebar .card .searchform input[type='text']{position:relative;display:block;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;padding:.375rem .75rem;margin-bottom:0;font-size:.875rem;font-weight:400;line-height:1.5;color:#6d6e74;background-color:#f1f3f6;background-clip:padding-box;border:1px solid #f1f3f6;border-radius:.25rem;transition:border-color .3s,background-color .3s;border-top-right-radius:0;border-bottom-right-radius:0}.sidebar .card .searchform input[type="submit"]{margin-left:-1px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem 1.25rem;margin-bottom:0;font-size:.875rem;font-weight:400;line-height:1.5;color:#fff;text-align:center;white-space:nowrap;border:1px solid #f1404b;background-color:#f1404b;border-radius:.25rem;border-top-left-radius:0;border-bottom-left-radius:0;transition:.3s}.sidebar .card .searchform input[type="submit"]:hover{border:1px solid #14171b;background-color:#14171b}.sidebar .url-card .card{background:#f1f3f6;box-shadow:unset;border:1px solid #f1f3f6;transition:.3s}.sidebar .url-card .card:hover{transform:unset;box-shadow:unset;border:1px solid #f1404b !important}.sidebar .url-card.down a:after,.sidebar .url-card.wechat a:before{font-size:27px;bottom:-6px;left:1px}.sidebar .card.hot-card{box-shadow:none}.sidebar .card-body.pb-3.pt-0{padding-top:5px !important}.sidebar.sidebar-border>.card{background-color:transparent;border:2px solid rgba(136,136,136,.2);box-shadow:unset}.sidebar_no .sidebar:not(.col-12){display:none !important}.sidebar_left .content-wrap{width:100%}.sidebar_left .sidebar:not(.col-12){width:100%}.sidebar_right .content-wrap{width:100%}.sidebar_right .sidebar:not(.col-12){width:100%}.widget_author_meta{position:relative}.widget-author-avatar{position:absolute;left:50%;top:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.widget-author-meta{margin-top:2rem}.widget-author-cover{position:relative;border-radius:3px 3px 0 0}.widget-author-cover+.widget-author-meta{margin-top:2rem}.widget-author-cover .widget-author-avatar{top:auto;bottom:0;-webkit-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);transform:translate(-50%,50%)}.flex-avatar{position:relative;line-height:1;white-space:nowrap;font-weight:bold;border-radius:100%;padding:5px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;background:#fff;transition:background-color .3s}.flex-avatar img{border-radius:inherit}.badge-outline-primary{color:#f1404b;border:#f1404b solid 1px}.list-post>div{display:-ms-flexbox;display:flex}.list-post>div>.list-item{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:1 1 auto;flex:1 1 auto}.list{padding-left:0;padding-right:0}.list-item{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word}.list-content{padding:1rem 0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-pack:center;justify-content:center}.list-item.block .list-content{padding:1rem}.list-body{-ms-flex:1 1 auto;flex:1 1 auto}.list-footer{margin-top:.5rem}.list-title{font-size:.875rem;line-height:1.4285714286;display:block;color:inherit}.list-title .badge{position:relative;top:-2px;font-size:.75rem;margin:0 .25rem 0 0}.list-bulletin .list-item{position:relative;padding:0 10px 10px 20px;border-left:2px solid rgba(136,136,136,.2)}.list-bulletin .list-item>i{font-size:12px;top:8px;color:#888;position:absolute;padding:5px;left:-12px;background:#fff;transition:background-color .3s}.bulletin-card{transform:translateY(0);transition:.3s}.bulletin-card:hover{transform:translateY(-6px)}@media (min-width:992px){.sidebar_left .content-wrap{float:right}.sidebar_left .content-layout{margin-left:calc(310px + 15px)}.sidebar_left .sidebar:not(.col-12){float:left;margin-right:-310px;width:310px;position:unset}.sidebar_right .content-wrap{float:left}.sidebar_right .content-layout{margin-right:calc(310px + 15px)}.sidebar_right .sidebar:not(.col-12){float:right;margin-left:-310px;width:310px;position:unset}}@media (max-width:767.98px){.list-title{font-size:.9375rem !important}.list-title .badge{padding:.2em;margin:0 .25rem 0 0}}.list-grid .list-item{-ms-flex-direction:row;flex-direction:row}.list-grid.list-grid-padding .list-item{padding:1.25rem}.list-grid.list-grid-padding .list-content{padding:0 0 0 1rem}.list-grid .list-item .media:first-child{border-radius:inherit}.list-grid .list-item .media:last-child{border-radius:inherit}.list-grid .flex-row-reverse .media:first-child{border-radius:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit}@media (max-width:767.98px){.list-grid.list-grid-padding .list-item{padding:.675rem .75rem;margin-bottom:.75rem}.list-grid.list-grid-padding .list-item .media-3x2:after{padding-top:75%}.list-grid.list-grid-padding .list-content{padding:0 0 0 .75rem}}.io-grey-mode .sidebar-logo{background:#fff}.io-grey-mode .page-header{box-shadow:none}.io-grey-mode .sidebar-nav-inner{background:#f9f9f9}.io-grey-mode .border-color{border-color:transparent !important}.io-grey-mode .sidebar-nav .flex-bottom a,.io-grey-mode .sidebar-menu-inner a{color:#515C6B}.io-grey-mode .sidebar-menu .sidebar-more{color:#282a2d}.io-grey-mode .sidebar-item>a:hover{color:#f1404b}.io-grey-mode .sidebar-popup div{background:#dadbdd}.io-grey-mode .sidebar-popup::before{border-color:transparent #dadbdd transparent}.io-grey-mode .sidebar-nav,.io-grey-mode .sidebar-popup.sidebar-menu-inner ul{background:#f0f2f4}.io-grey-mode .sidebar-item li>a:hover,.io-grey-mode .sidebar-popup>div>ul>li>a:hover{color:#f1404b}.menu-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:rgba(0,0,0,.5)}.ub-blur-bg{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.user-bookmark-body .canvas-bg{position:absolute;top:0;width:100%;height:100%;border-width:0}.user-bookmark-body .navbar{padding:2rem 1rem}.user-bookmark-body .navbar .bookmark-ico{font-size:1.75em}.user-bookmark-body .header-big{margin-top:0}.user-bookmark-body .header-big{padding-top:100px}.user-bookmark-body .quick-sites{margin-top:-70px}.user-bookmark-body .bookmark-content{margin-top:147px}.text-primary{color:#2997f7}.text-success{color:#5c7cff}.text-danger{color:#f1404b}.text-warning{color:#ff6f06}.text-info{color:#35badb}@media (min-width:576px){.user-bookmark-body .quick-sites .container{max-width:460px}}@media screen and (min-width:768px){.user-bookmark-body .quick-sites{margin-top:-100px}.user-bookmark-body .header-big{padding-top:190px;padding-bottom:110px}.user-bookmark-body .bookmark-content{margin-top:256px}.user-bookmark-body .quick-sites .container{max-width:660px}}.user-bookmark-body .quick-sites .sites-icon{align-items:center;background-color:#ffffff;border-radius:50%;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.user-bookmark-body .quick-sites .sites-icon img{height:auto;width:26px;transition:.2s}.user-bookmark-body .quick-sites .sites-btn:hover .sites-icon img{width:34px}.user-bookmark-body .quick-sites .sites-title{background-color:rgba(175,175,175,.2);color:#fff;border-radius:20px}.quick-sites .row{height:200px;overflow:hidden}.user-bookmark-body .customize-sites-list .card{background:rgba(255,255,255,.7)}.user-bookmark-body .sites-pane{position:relative;background:rgba(0,0,0,.2);padding:2rem 1rem 1rem 1rem;border-radius:.25rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.user-bookmark-body footer a{color:#ddd}.user-bookmark-body footer a:hover{color:#fff}.bookmark-bg{position:fixed;top:0;width:100%;height:100vh}.bookmark-bg .img-bg{background-position:center;background-repeat:no-repeat;background-size:cover;background-color:#242424;height:100%;margin:0;opacity:1;padding:0;position:absolute;transition:opacity .5s ease 0s;width:100%}.gradient-linear{background-attachment:fixed;background-image:radial-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%),radial-gradient(rgba(0,0,0,0) 33%,rgba(0,0,0,.3) 166%),linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0% 75%,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%);background-position-y:top;background-repeat:no-repeat;background-size:cover;height:100%;opacity:1;position:absolute;transition:opacity .3s linear;width:100%}.user-bookmark-body .sites-pane .ct-name{position:absolute;color:rgba(255,255,255,.3);top:8px;font-size:.75rem}.sites-tabs-container{flex-direction:row;position:absolute;background:rgba(0,0,0,.2);z-index:10;top:-66px;width:calc(100% - 30px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sites-tabs-container-top{position:fixed;width:100%;height:140px;left:0;right:0;top:0px;background:rgba(0,0,0,.35);border-radius:0 !important}.sites-tabs-btn{width:calc(100% - 50px);overflow:hidden}.sites-tabs-container-top .container-lg{padding-left:30px;padding-right:30px}.sites-tabs a{position:relative;color:#fff}.sites-tabs a.hide{opacity:0;pointer-events:none}.sites-tabs a::before{content:'';position:absolute;background:rgba(255,255,255,.2);width:100%;height:100%;top:0;left:0;border-radius:10px;transform:scale(1);opacity:0;transition:.3s}.sites-tabs a:hover:before{transform:scale(.8);opacity:1}.sites-btn-dropdown-list{max-height:calc(100vh - 256px);overflow-y:auto}.sites-tab-slider{position:absolute;bottom:-3px;height:6px;border-radius:10px;background:#f1404b;transition:left .3s ease}.seting-panel{overflow:hidden;position:fixed;top:0;right:0;transform:translateX(500px);height:100vh;width:100%;max-width:500px;background:rgba(255,255,255,.8);opacity:0;transition:all 800ms cubic-bezier(.8,0,.33,1)}.seting-panel.seting-open{transform:translateX(0px);opacity:1}.seting-container{transform:translateX(100px);opacity:0;transition:all 1000ms cubic-bezier(.9,0,.33,1)}.seting-panel.seting-open .seting-container{opacity:1;transform:translateX(0px)}.img-radio .label-img{display:inline-block;background-position:center;background-repeat:no-repeat;background-size:cover;border:4px solid #b6b6b6;width:100%;height:90px}.img-radio input[type="radio"]{display:none}.img-radio input[type="radio"]+.label-img{cursor:pointer;transition:.3s}.img-radio input[type="radio"]:checked+.label-img{border:4px solid #f1404b}.user-bookmark-body .author-info .avatar-body{display:inline-block;min-height:92px;min-width:92px}.flex-none{flex:none}input:-internal-autofill-previewed,input:-internal-autofill-selected{box-shadow:0 0 0 1000px #f1f3f6 inset !important;-webkit-text-fill-color:#6d6e74 !important}.tab-sites-body{display:flex;justify-content:space-between}.tab-widget-nav{height:auto}.tab-widget-nav .nav-link{display:flex;overflow:hidden;padding:5px;width:50px;height:50px;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.tab-widget-nav .nav-link+.nav-link{margin-top:2px}.tab-widget-nav .nav-link i{font-size:1.5rem}.tab-widget-nav .nav-link span{line-height:0.75rem}.tab-widget-nav .nav-pills .nav-link:hover{background-color:rgba(132,132,132,.2)}.tab-widget-nav .nav-pills .nav-link.active{color:inherit;background-color:rgba(132,132,132,.2)}.tab-widget-content{position:relative;background-color:rgba(132,132,132,.1);border-radius:8px;flex:1}.tab-widget-content .tab-pane{padding:10px;overflow-y:auto;position:absolute;bottom:0;left:0;top:0;right:0}.tab-widget-content .widget-item{display:-ms-grid;display:grid;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:100%;grid-template-columns:repeat(auto-fill,60px);grid-gap:10px}.tab-widget-content .widget-item.item-category,.tab-widget-content .widget-item.item-books{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-gap:revert !important;grid-template-columns:revert !important;justify-content:flex-start;min-height:auto;margin-left:-.5rem;margin-right:-.5rem}.tab-widget-content .widget-item.item-apps{grid-template-columns:repeat(auto-fill,80px)}.icon-btn{position:relative}.icon-btn .img-bg{width:60px;height:60px;padding:10px}.icon-btn .img-bg img{width:100%;height:auto}.icon-btn .icon-title{position:relative}.icon-btn .icon-title::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:15px;background-color:#fff;opacity:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.icon-btn:hover .icon-title::before{opacity:1}.icon-btn .icon-title span{position:relative}.tab-sidebar{max-width:300px;position:relative;flex:1}.tab-sidebar .io-sidebar-widget{margin:0;overflow-y:auto;position:absolute;bottom:0;left:0;top:0;right:0}.tab-sidebar .sidebar-header{display:none !important}.tab-sidebar .url-card.down a:after,.tab-sidebar .url-card.wechat a:before{font-size:27px;bottom:-6px;left:1px}.io-black-mode .icon-btn .icon-title::before{background-color:#2c2e2f}.img-post{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.img-post .media-content{-webkit-transform:translate3d(-8px,0,0) scale(1.15);transform:translate3d(-8px,0,0) scale(1.15);will-change:transform;transition:.5s}.img-post:hover{box-shadow:0 0 0 5px rgba(0,0,0,.2)}.img-post .caption{width:100%;opacity:0;background-image:linear-gradient(to right,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 80%);will-change:opacity;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.img-post .caption span{color:#eee;width:70%;will-change:transform;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.img-post:hover .caption,.swiper-slide-thumb-active .img-post .caption{opacity:1}.img-post:hover .caption span,.swiper-slide-thumb-active .img-post .caption span{-webkit-transform:translate3d(15px,0,0);transform:translate3d(15px,0,0)}.img-book{overflow:initial}.img-book .media-content{-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;-webkit-transform:perspective(59rem) rotateY(0);transform:perspective(59rem) rotateY(0);will-change:transform;-webkit-transition:.35s;-o-transition:.35s;transition:.35s}.img-book:hover .media-content{-webkit-transform:perspective(68rem) rotateY(-43deg);transform:perspective(68rem) rotateY(-43deg);box-shadow:10px 8px 18px rgba(37,43,51,.3);-webkit-transition:.5s cubic-bezier(.5,1.5,.6,1);-o-transition:.5s cubic-bezier(.5,1.5,.6,1);transition:.5s cubic-bezier(.5,1.5,.6,1)}.img-book .caption{opacity:0;right:0;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.img-book:hover .caption{opacity:1}.img-book .caption span{padding:10px 4px;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}@media screen and (min-width:768px){.tab-widget-nav .nav-link{width:65px;height:65px}.tab-widget-nav .nav-link i{font-size:1.725rem}.tab-widget-content .widget-item .icon-btn .img-bg{width:70px;height:70px}.tab-widget-content .widget-item{grid-template-columns:repeat(auto-fill,70px);grid-gap:22px}.tab-widget-content .img-post .media-content{-webkit-transform:translate3d(-10px,0,0) scale(1.1);transform:translate3d(-10px,0,0) scale(1.1)}}.img-post:hover .media-content,.swiper-slide-thumb-active .img-post .media-content{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.swiper-widgets-card{margin-bottom:4.5rem}.swiper-widgets .swiper-slide img,.swiper-widgets-thumbs .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.swiper-widgets-thumbs{position:absolute;bottom:-3rem;width:100%;box-sizing:border-box;padding:10px}.swiper-widgets-thumbs .swiper-slide{width:102px;cursor:pointer}.swiper-widgets-card .media-title{color:#fff;top:0;box-sizing:border-box;padding:10px 20px 30px 20px;margin:0;background-image:linear-gradient(to right,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 50%);opacity:0;transition:opacity .7s}.swiper-widgets-card .media-title p{color:#fff}.swiper-widgets-card .media-title .btn-detailed{color:#fff;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2)}.swiper-widgets-card .media-title .btn-detailed:hover{color:#fff;background:rgba(255,255,255,.3)}.swiper-widgets-content{width:100%;text-align:left;transform:translate3d(0,15px,0);transition:transform .5s}.swiper-widgets-content h3{width:80%;font-size:1.125rem;line-height:1.5}.swiper-widgets-content p:before{content:'';width:5px;position:absolute;height:100%;left:0;border-radius:4px;background-color:#f1404b;box-shadow:6px 0 7px rgba(241,64,76,.4)}.anim-slide .swiper-widgets-content{transform:translate3d(0,0,0)}.anim-slide .media-title{opacity:1}.swiper-widgets .swiper-slide{max-height:480px}.swiper-widgets .term-content{position:relative}.swiper-widgets .icon-btn .icon-title::before{background-color:#000;opacity:.3}.swiper-widgets .icon-btn:hover .icon-title::before{opacity:1}.swiper-widgets .icon-btn .icon-title .text-muted{color:#fff !important}.swiper-term-content{margin:0;max-width:60%;padding:15px 5px}.swiper-term-content .type-favorites{position:relative;width:60px;height:auto}.swiper-term-content .type-category{position:relative;width:180px;height:auto}.swiper-term-content .type-apps{position:relative;width:80px;height:auto}.swiper-term-content .type-books{position:relative;width:100px;height:auto}.swiper-slide-active .swiper-term-content .tab-card{pointer-events:auto !important}.swiper-slide-thumb-active .img-post{box-shadow:0 0 0 5px #f1417c}@media screen and (min-width:768px){.swiper-widgets-thumbs .swiper-slide{width:168px}}@media screen and (min-width:980px){.swiper-widgets-thumbs .swiper-slide{width:198px}.swiper-term-content .type-favorites{width:70px}.swiper-term-content .type-favorites .icon-btn .img-bg{width:70px;height:70px}.swiper-term-content .type-books{width:110px}.swiper-term-content .type-category{width:190px}.swiper-term-content .type-apps{width:90px}.swiper-widgets-content h3{font-size:1.25rem}}@media screen and (min-width:1200px){.swiper-widgets-thumbs .swiper-slide{width:248px}.swiper-widgets-card .media-title{padding:10px 20px 40px 20px}.swiper-widgets-content h3{font-size:1.5rem}.swiper-term-content .type-favorites{width:80px}.swiper-term-content .type-favorites .icon-btn .img-bg{width:80px;height:80px}.swiper-term-content .type-books{width:120px}.swiper-term-content .type-category{width:200px}.swiper-term-content .type-apps{width:100px}}@media screen and (min-width:1400px){.swiper-widgets .swiper-slide{max-height:580px}.swiper-widgets-content h3{font-size:1.75rem}}.login-body-login{font-size:14px;background:-o-linear-gradient(45deg,var(--bg-color-l),var(--bg-color-r));background:linear-gradient(45deg,var(--bg-color-l),var(--bg-color-r));height:100vh}.login-page{position:relative}.login-page .container{min-height:100vh;padding:20px;position:relative}.login-page .io-wx-box{display:flex;justify-content:center}.login-page .io-wx-box .io-wx-input{display:initial;width:150px!important;font-size:inherit!important;margin:0!important}.login-page .io-wx-box .io-wx-btn{margin-top:0!important}.login-page .form-holder{width:100%;margin-bottom:50px}.login-page .form-holder .info,.login-page .form-holder .form{min-height:450px;height:100%}.login-page .form-holder .info{background:rgba(241,64,75,.9);color:#fff !important;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}.login-page .form-holder .info p{color:#fff}.login-page .form-holder .form .content{width:100%}.login-page .form-holder .form form{width:100%}.login-page .mr-n5{margin-right:-5.575rem !important}.login-page .nav-link{position:relative;color:#333}.login-page .nav-link:hover{color:#000}.login-page .nav-link::after{position:absolute;content:"";width:0px;height:5px;border-radius:5px;bottom:-5px;left:50%;background:#f1404b;box-shadow:0 1px 4px -1px #f1404b;transition:.3s}.login-page .nav-link:hover::after{width:8px;left:calc(50% - 4px)}.login-page .nav-link.active::after{width:40px;left:calc(50% - 20px)}.bg-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(255,255,255,.75) !important}.bg-blur-20{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(255,255,255,.4) !important}.bg-blur-20.black{color:#fff;background-color:rgba(0,0,0,.4) !important}.wp-user-form .form-control{width:100%;border:none !important;border-bottom:1px solid rgba(136,136,136,.2) !important;border-radius:0;padding:0.375rem 0;background:transparent !important;transition:.3s;box-shadow:none;letter-spacing:.025rem;font-size:inherit;line-height:inherit}.wp-user-form .form-control.is-invalid{border-color:#f1404b !important}.wp-user-form .form-control:focus{border-color:#f1404b !important}.text-xs .custom-control-label::before{top:0.155rem;left:-1.5rem;width:0.8rem;height:0.8rem}.text-xs .custom-control-label::after{top:0.075rem;left:-1.625rem}.login-page .footer-copyright{position:absolute;bottom:0;width:100%}.separator{display:block}.separator:after,.separator:before{content:"";background:rgba(136,136,136,.2);width:20%;vertical-align:middle;height:1px;display:inline-block;margin:0 1em}.openlogin-box{display:block;margin:0 !important}.openlogin-box a{position:relative;font-size:1rem;width:35px;height:35px;line-height:35px;overflow:hidden;text-align:center;display:inline-block;margin-right:6px;margin-left:6px;margin-top:5px;color:#fff;border-radius:30px;text-decoration:none;background:var(--this-bg-color);transition:transform .2s ease-out}.openlogin-box a:hover{transform:scale(1.1)}.openlogin-box a.prk-login::before{content:"";position:absolute;width:46px;height:46px;border-radius:30px;top:-20px;left:-10px;background-color:rgba(255,255,255,.2)}a.openlogin-weibo-a{--this-bg-color:#ff545a}a.openlogin-wechat-a{--this-bg-color:#2fac1a}a.openlogin-wechat-gzh-a,a.openlogin-wechat-dyh-a{--this-bg-color:#2fc215}a.openlogin-qq-a{--this-bg-color:#0354da}a.openlogin-alipay-a{--this-bg-color:#1677ff}a.openlogin-baidu-a{--this-bg-color:#0068ff}a.openlogin-huawei-a{--this-bg-color:#d61518}a.openlogin-google-a{--this-bg-color:#ea4335}a.openlogin-microsoft-a{--this-bg-color:#05a6f0}a.openlogin-facebook-a{--this-bg-color:#3b5998}a.openlogin-twitter-a{--this-bg-color:#2fb0ec}a.openlogin-dingtalk-a{--this-bg-color:#3296fa}a.openlogin-github-a{--this-bg-color:#000000}a.openlogin-gitee-a{--this-bg-color:#c71d23}@media (max-width:767.98px){.wp-user-form .form-control{padding:5px 0}}.vc-theme{--this-color:var(--io-btn-color);--this-hover-color:var(--io-btn-hover-color);--this-bg:var(--io-btn-bg);--this-hover-bg:var(--io-btn-hover-bg);--this-shadow-bg:var(--io-btn-shadow-bg)}.vc-gray{--this-color:#dbe7f3;--this-hover-color:#ffffff;--this-bg:#818b95;--this-hover-bg:#656f79;--this-shadow-bg:rgba(74,82,91,0.7)}.vc-red{--this-color:#ffe7eb;--this-hover-color:#ffffff;--this-bg:#f1404b;--this-hover-bg:#e4415f;--this-shadow-bg:rgba(219,31,66,0.7)}.vc-yellow{--this-color:#fff6f0;--this-hover-color:#ffffff;--this-bg:#ff6f06;--this-hover-bg:#d2691e;--this-shadow-bg:rgba(211,103,27,0.7)}.vc-cyan{--this-color:#d9fffe;--this-hover-color:#ffffff;--this-bg:#08c4c1;--this-hover-bg:#0f9997;--this-shadow-bg:rgba(22,183,180,0.7)}.vc-blue{--this-color:#daeeff;--this-hover-color:#ffffff;--this-bg:#2997f7;--this-hover-bg:#237ece;--this-shadow-bg:hsla(208,77%,45%,0.7)}.vc-violet{--this-color:#dde4ff;--this-hover-color:#ffffff;--this-bg:#5c7cff;--this-hover-bg:#516bd4;--this-shadow-bg:rgba(79,104,203,0.7)}.vc-violet2{--this-color:#e4ddff;--this-hover-color:#ffffff;--this-bg:#955cff;--this-hover-bg:#8151d4;--this-shadow-bg:rgba(118,79,203,0.7)}.vc-black{--this-color:#eee;--this-hover-color:#ffffff;--this-bg:#343a40;--this-hover-bg:#25272a;--this-shadow-bg:rgba(40,45,50,0.7)}.vc-l-gray{--this-color:#818b95;--this-hover-color:#111b25;--this-bg:rgba(129,139,149,0.1);--this-hover-bg:#818b95;--this-shadow-bg:rgba(74,82,91,0.7)}.vc-l-red{--this-color:#f1404b;--this-hover-color:#ffffff;--this-bg:rgba(255,84,115,0.1);--this-hover-bg:#f1404b;--this-shadow-bg:rgba(207,56,84,0.7)}.vc-l-yellow{--this-color:#ff6f06;--this-hover-color:#ffffff;--this-bg:rgba(255,110,6,0.1);--this-hover-bg:#ff6f06;--this-shadow-bg:rgba(211,103,27,0.7)}.vc-l-cyan{--this-color:#08c4c1;--this-hover-color:#ffffff;--this-bg:rgba(8,196,193,0.1);--this-hover-bg:#08c4c1;--this-shadow-bg:rgba(22,183,180,0.7)}.vc-l-blue{--this-color:#2997f7;--this-hover-color:#ffffff;--this-bg:rgba(41,151,247,0.1);--this-hover-bg:#2997f7;--this-shadow-bg:hsla(208,77%,45%,0.7)}.vc-l-violet{--this-color:#5c7cff;--this-hover-color:#ffffff;--this-bg:rgba(92,125,255,0.1);--this-hover-bg:#5c7cff;--this-shadow-bg:rgba(79,104,203,0.7)}.vc-l-violet2{--this-color:#955cff;--this-hover-color:#ffffff;--this-bg:rgba(149,92,255,0.1);--this-hover-bg:#955cff;--this-shadow-bg:rgba(118,79,203,0.7)}.fx-yellow{--this-color:#ffdfc8;--this-bg-color:#aa4d0b;--this-bg-image:radial-gradient(closest-side,rgb(255,177,88),rgba(245,163,131,0)),radial-gradient(closest-side,rgb(255,252,75),rgba(227,255,207,0)),radial-gradient(closest-side,rgb(255,35,0),rgba(254,131,164,0))}.fx-red{--this-color:#ffc4d1;--this-bg-color:#ad1a1a;--this-bg-image:radial-gradient(closest-side,rgb(255,82,25),rgba(245,131,177,0)),radial-gradient(closest-side,rgb(255,75,132),rgba(255,224,207,0)),radial-gradient(closest-side,rgb(255,70,164),rgba(254,131,164,0))}.io-black-mode body{background-color:#1b1d1f}.io-black-mode .header-big:not(.unchanged):not(.no-bg)::before{content:"";position:absolute;width:100%;height:100%;top:0;background:rgba(0,0,0,.8)}.io-black-mode .logo-light{display:none !important}.io-black-mode .io-pay-box .pay-box-body{color:#f2f4f6}.io-black-mode .logo-dark{display:initial !important}.io-black-mode .btn-move{color:#989da1 !important}.io-black-mode #add-new-sites button.close{color:#989da1}.io-black-mode .bg-light,.io-black-mode .manage-sites .sites-card,.io-black-mode .admin-sites .sites-card{background:#363738 !important}.io-black-mode a.bg-light:focus,.io-black-mode a.bg-light:hover,.io-black-mode button.bg-light:focus,.io-black-mode button.bg-light:hover{background-color:#202224 !important}.io-black-mode .border-light{border-color:#363738 !important}.io-black-mode .bg-white{background:#2c2e2f !important}.io-black-mode .sidebar-nav .top-menu .sub-menu{background-color:rgba(3,4,6,.1)}.io-black-mode body,.io-black-mode a:not(.btn),.io-black-mode .button>a{color:#c6c9cf}.io-black-mode p,.io-black-mode input.nav-link{color:#bbb}.io-black-mode .ajax-loading{background:rgba(27,29,31,.7) !important}.io-black-mode .card,.io-black-mode .block{box-shadow:none}.io-black-mode .tpwthwidt .text_235ileA,.io-black-mode .tpwthwidt .title_2Cea4o9{color:#bbb}.io-black-mode .text-gray,.io-black-mode .comment-body{color:#888}.io-black-mode .down-content .card-header-img,.io-black-mode .modal-content,.io-black-mode .flex-avatar,.io-black-mode .card,.io-black-mode .near-navigation,.io-black-mode .single-top-area,.io-black-mode .new-news,.io-black-mode .new-news ul li i,.io-black-mode .list-bulletin .list-item>i,.io-black-mode #search-text,.io-black-mode .search-type input:checked+label,.io-black-mode .search-type input:hover+label{background-color:#2c2e2f}.io-black-mode .admin-sites .card{background-color:#363738}.io-black-mode .s-type-list{background-color:#1f2123;box-shadow:0 9px 20px rgba(0,0,0,.3)}.io-black-mode #search .search-select{background-color:#2c2e2f;border-color:#2c2e2f}.io-black-mode .s-type-list:before{border-bottom-color:#1f2123}.io-black-mode .url-card .url-body:hover,.io-black-mode .card-app.default:hover .media{box-shadow:0 26px 40px -24px rgba(2,4,6,.3);-webkit-box-shadow:0 26px 40px -24px rgba(2,4,6,.3);-moz-box-shadow:0 26px 40px -24px rgba(2,4,6,.3)}.io-black-mode .page-header{background:#2c2e2f;box-shadow:0 0 25px 5px rgba(10,10,10,.25)}.io-black-mode textarea,.io-black-mode .form-control,.io-black-mode .sidebar .card .searchform input[type='text']{color:#aaa;background:#363738;border:1px solid #363738}.io-black-mode .sidebar .url-card .card{background:#363738;border-color:#363738}.io-black-mode .site-body .btn{color:#ddd}.io-black-mode .siteico{background:#222}.io-black-mode .search-modal #search .search-select,.io-black-mode .search-modal .search-type input:checked+label,.io-black-mode .search-modal .search-type input:hover+label{background-color:#363738;border:none}.io-black-mode .posts-nav{color:rgba(221,221,221,.2)}.io-black-mode .input-group-text{color:#ddd;background:#26282a;border-color:#26282a}.io-black-mode #footer-tools .btn{color:#ccc;background:rgba(10,10,10,.4)}.io-black-mode #footer-tools .btn:hover{color:#fff}.io-black-mode a:not(.btn):hover{color:#fff}.io-black-mode .down-content .statement:before{background:#1b1d1f;box-shadow:0 10px #1b1d1f,0 20px #1b1d1f}.io-black-mode .down-content .statement{border-color:#1b1d1f;background:rgba(0,0,0,.1)}.io-black-mode .navbar-collapse ul li ul,.io-black-mode .dropdown-menu{background:#3D4044;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}.io-black-mode .down-content .card-signup{box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}.io-black-mode .btn-light{color:#b2b8be !important;background-color:#363738 !important;border-color:transparent !important}.io-black-mode .btn-light:hover{background-color:#313234 !important}.io-black-mode .tool-actions .btn-light{color:#b2b8be !important;background-color:rgba(24,25,26,.5) !important;border-color:transparent !important}.io-black-mode .tool-actions .btn-light:hover{background-color:rgba(14,15,16,.8) !important}.io-black-mode .background-fx{opacity:.3}.io-black-mode .background-fx .shape-11{opacity:.5}.io-black-mode .background-fx .shape-10{opacity:.1}.io-black-mode .content-hide-tips .hidden-text{color:#e67f7f;background:rgba(106,46,46,.3)}.io-black-mode .ioch-code-highlight{background-color:#151619;border:0}.io-black-mode:not(pre)>code[class*="language-"],.io-black-mode pre[class*="language-"]{background-color:rgba(0,0,0,.15)}.io-black-mode .ioch-code-highlight .io-btn-copy{border:1px solid rgba(255,255,255,.5)}.io-black-mode input:-internal-autofill-previewed,.io-black-mode input:-internal-autofill-selected{box-shadow:0 0 0 1000px #363738 inset !important;-webkit-text-fill-color:#aaa !important}.io-black-mode .io-close{color:#fff;font-weight:normal}.io-black-mode .io-alert{--this-color:#fff}.io-black-mode .login-body-login{color:#ddd;background-color:#1b1d1f}.io-black-mode .login-body-login::before{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,.7)}.io-black-mode .login-body-login .login-img::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:.525rem;background:rgba(0,0,0,.5)}.io-black-mode .login-body-login .bg-white{background-color:#2c2e2f !important}.io-black-mode .login-body-login .login-page .nav-link{color:#ccc}.io-black-mode .login-body-login .login-page .nav-link:hover{color:#fff}.io-black-mode .login-body-login .input-material{color:#ddd}.io-black-mode .bg-blur{background-color:rgba(45,46,48,.8) !important}.io-black-mode .bg-blur-20{background-color:rgba(45,46,48,.4) !important}.io-black-mode .login-body-login .bg-blur{background-color:rgba(10,10,10,.7) !important}.io-radius{border-radius:var(--main-radius) !important}@media only screen and (min-device-width:768px){::-webkit-scrollbar-thumb{background-color:rgba(130,130,130,.5);-webkit-border-radius:4px;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#f1404b;-webkit-border-radius:4px;border-radius:4px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb:active{background-color:#f1404b;-webkit-border-radius:4px;border-radius:4px}::-webkit-scrollbar-corner{background:rgba(0,0,0,0);border-radius:0 0 8px 0}::-webkit-scrollbar-button{background-color:rgba(0,0,0,0);height:2px;width:2px}}@media (max-width:767.98px){.tab-auto-scrollbar::-webkit-scrollbar{display:none}}.btn-move{white-space: nowrap;}

#amm_drcfw_toast_msg{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:999;left:50%;bottom:30px;font-size:17px}#amm_drcfw_toast_msg.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0}}body:before {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       content: '';
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       position: absolute;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       top: 0 !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       left: 0;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       right: 0;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       width: 100%;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       height: 550px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       background-image: url(/static/ainav/images/blury-shape-bg-light.png);
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       background-size: cover;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       z-index: -1;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   }

.io-black-mode body:before {
    background-image: url(/static/ainav/images/blury-shape-bg-black.png);
}

.page-header {
    background: none !important;
    position: absolute;
}


.io-black-mode .page-header {
    background: rgba(44,46,47,0.7) !important;
}

.url-card .max .url-img {
    width: 40px;
    height: 40px;
}

.card-body .url-img img {
    border: none !important;
}

.panel-body.single.mt-2 img {
    border-radius: 6px;
    border: 2px solid #eee;
}

.meta-media {
    position: relative;
    margin-bottom: 30px;
    float: left;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
}
.video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.table-bordered {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

a.underline {
    border-bottom: 3px solid #5961f9;
}

a.underline:hover {
    border-bottom: 3px solid #ee9ae5;
}

.io-edit-post-card-content .mx-auto {
    margin-left: 0!important;
}

.panel-body .url-card.shortcode-url .card {
    background: white;
}
.io-black-mode .panel-body .url-card.shortcode-url .card {
    background: #2c2e2f;
}

@media screen and (min-width: 768px) {
    .header-big {
        padding-top: 80px;
    }
}

/* 快讯页面样式开始 */
.news-content h2{
    border: none;
}
.news-list .news-date {
    padding: 12px 20px;
    font-size: 20px;
    line-height: 26px;
    position: relative;
    font-weight: 700;
    color: #5961f9;
}
.news-list .news-item {
    padding: 20px 0 5px 20px;
}
.news-list .news-date, .news-list .news-item {
    position: relative;
    margin-left: 15px;
    border-left: 1px dashed #c3c8fe;
}
.news-list .news-time {
    position: relative;
    display: block;
    margin-top: 10px;
    font-size: 14px;
}
.news-list .news-hour {
    position: relative;
    display: block;
    padding-top: 10px;
    padding-left: 12px;
    margin-left: 15px;
    border-left: 1px dashed #c3c8fe;
}
.news-list .news-date:after, .news-list .news-date:before {
    position: absolute;
    left: -8px;
    top: 17px;
    width: 16px;
    height: 16px;
    content: "";
    border-radius: 1px;
    background: #5961f9;
}
.news-list .news-time:before {
    border: 4px solid #5961f9;
    opacity: 1;
}
.news-list .news-content h2 {
    position: relative;
    font-size: 18px;
    line-height: 1.4;
}
.news-list .news-content p {
    font-size: 15px;
    margin: 0;
    line-height: 1.65;
}
.news-list h2:after, .news-list h2:before {
    position: absolute;
    left: -3.5px;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 6px;
    border: 4px solid #5961f9;
    box-sizing: initial;
    background: #fff;
    content: "";
}
.panel-body.single.mt-2 .news-time img {
    border-radius: 2px;
    border: none;
}
.panel-body.single.mt-2 img.news-banner {
    border-radius: 0px;
    border: none;
}
.panel-body .news-content h2 a:not(.no-c) {
    color: #282a2d;
}
.io-black-mode .panel-body .news-content h2 a:not(.no-c) {
    color: #c6c9cf;
}
.panel-body .news-content h2 a:not(.no-c):hover {
    color: #5961f9;
}
.news-content .external:after {
    content: "";
}
.news-content h2 .badge-danger {
    background-color: #F1404B;
}
/* 快讯页面样式结束 */
.tab-widget-content .img-post .media-content {
    -webkit-transform: none;
    transform: none;
}
.img-post .media-content {
    -webkit-transform: none;
    transform: none;
}
.io-black-mode .panel-body .table td {
    color: #eee;
}
/* 滚动条 */
@media screen and (min-width: 768px) {
    .sidebar-nav-inner .flex-fill {
        overflow-y: hidden;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }
    .sidebar-nav-inner .flex-fill:hover {
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }
}
/* 备案查询页面黑暗模式颜色修改 */
.io-black-mode .theme--light.v-application {
    background: #2c2e2f;
    color: white;
}
.io-black-mode .theme--light.v-sheet {
    background-color: #2c2e2f;
    border-color: #5e6063 !important;
    color: white;
}
.io-black-mode .theme--light.v-label {
    color: rgb(255 255 255 / 60%);
}
.io-black-mode .theme--light.v-icon {
    color: rgb(255 255 255 / 60%);
}
.io-black-mode .theme--light.v-text-field>.v-input__control>.v-input__slot:before {
    border-color: rgb(255 255 255 / 42%);
}
.io-black-mode .theme--light.v-data-table {
    background-color: #2c2e2f;
    color: rgb(255 255 255 / 87%);
}
.io-black-mode .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:last-child, .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:not(.v-data-table__mobile-row), .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:last-child, .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:not(.v-data-table__mobile-row), .theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr:last-child>th {
    border-bottom: thin solid rgb(255 255 255 / 12%);
}
.io-black-mode .theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr:last-child>th {
    border-bottom: thin solid rgb(255 255 255 / 12%);
}
.io-black-mode .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:not(.v-data-table__mobile-row) {
    border-bottom: thin solid rgb(255 255 255 / 12%);
}
th.text-start, td.text-start {
    border-left: none;
    border-right: none;
}
th.text-start {
    border-top: none;
}
.io-black-mode .theme--light.v-data-table .v-data-table-header th.sortable:hover {
    color: rgb(255 255 255 / 87%);
}
.io-black-mode .theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr>th {
    color: rgba(255,255,255,.6);
}
.io-black-mode .theme--light.v-data-table .v-data-table-header th.sortable .v-data-table-header__icon {
    color: rgb(255 255 255 / 58%);
}
.io-black-mode .theme--light.v-btn.v-btn--disabled, .theme--light.v-btn.v-btn--disabled .v-btn__loading, .theme--light.v-btn.v-btn--disabled .v-icon {
    color: rgb(255 255 255 / 26%)!important;
}
.io-black-mode .v-btn>.v-btn__content .v-icon {
    color: #fff;
}
.io-black-mode .theme--light.v-select .v-select__selections {
    color: rgb(255 255 255 / 87%);
}
.io-black-mode .theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
    color: rgb(255 255 255 / 87%);
}
.io-black-mode .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) {
    background: #222;
}
.io-black-mode .theme--light.v-input input {
    color: rgb(255 255 255 / 87%);
}
.io-black-mode .theme--light.v-data-table .v-data-table__empty-wrapper {
    color: rgb(255 255 255 / 38%);
}.customize-width{max-width:1900px}.sidebar-nav{width:220px}@media (min-width: 768px){.main-content{margin-left:220px;}.main-content .page-header{left:220px;}}</style><style>.panel-body a:not(.no-c){color:#5961f9}.panel-body a:not(.no-c):hover{color:#ee9ae5}a:hover,.io-grey-mode .sidebar-show,.io-grey-mode .sidebar-item>a:hover,.io-grey-mode .sidebar-item li>a:hover,.home-like:hover,
                                                                                                                                                                                                                                                           }
.header-mini-btn label:hover path{ stroke:#5961f9}
.url-card .max .tga a:not(.no-tag):hover,.card-app.card .tga a:not(.no-tag):hover{background:#5961f9}
.sidebar .url-card .card:hover{border: 1px solid #5961f9!important;}.tags i{color:#5961f9}.custom-piece_c_b{background:#5961f9!important}.custom-piece_c{color:#5961f9!important}.slider_menu[sliderTab] .anchor,.customize-menu .btn-edit,.badge-danger,.comment-list .rank,.sidebar .card-header:after{background:#5961f9}.badge-outline-primary{color:#5961f9;border:#5961f9 solid 1px}.posts-nav a.current,.posts-nav a:not(.dots):hover,.posts-nav .page-numbers.current,.posts-nav .page-numbers:not(.dots):hover,#comments-navi>a:hover,#comments-navi>.current,.page-nav>a:hover span,.page-nav>.current span{background-color:#5961f9;box-shadow: 0px 5px 20px -3px rgba(89,97,249,.6);}
.custom-control-input:not(:disabled):active~.custom-control-label::before{background-color:rgba(89,97,249,.15);border-color:rgba(89,97,249,.15);}
.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(89,97,249,.25)}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#5961f9}
.custom-control-input:checked~.custom-control-label::before{border-color:#5961f9;background-color:#5961f9}
.btn-search:hover,.btn-search.current{background-color:#5961f9;box-shadow: 0 5px 20px -3px rgba(89,97,249,.6)}.btn-search.current:after{border-top-color:#5961f9}.panel-body h2,.panel-body h3 {border-color:#5961f9}.custom_btn-outline {color: #5961f9;background-color: transparent;border-color: #5961f9;}
.custom_btn-outline:hover {color: #ffffff;background-color: #14171B;border-color: #14171B;}
.custom_btn-outline:focus, .custom_btn-outline.focus {color: #14171B;box-shadow: 0 0 0 0 transparent!important;background-color: transparent;}
.custom_btn-outline.disabled, .custom_btn-outline:disabled {color: #5961f9;background-color: transparent!important;}
.custom_btn-outline:not(:disabled):not(.disabled):active, .custom_btn-outline:not(:disabled):not(.disabled).active,.show > .custom_btn-outline.dropdown-toggle {color: #fff;background-color: #5961f9;border-color: #5961f9;}
.custom_btn-outline:not(:disabled):not(.disabled):active:focus, .custom_btn-outline:not(:disabled):not(.disabled).active:focus,.show > .custom_btn-outline.dropdown-toggle:focus {box-shadow: 0 0 0 0 transparent!important;}
.custom_btn-d {color: #ffffff;background-color: #5961f9;border-color: #5961f9;}
.custom_btn-d:hover {color: #ffffff;background-color: #14171B;border-color: #14171B;}
.custom_btn-d:focus,.custom_btn-d.focus {color: #ffffff;background-color: #14171B;border-color: #14171B;box-shadow: 0 0 0 0 transparent!important;}
.custom_btn-d.disabled,.custom_btn-d:disabled {color: #ffffff;background-color:#5961f9;border-color: #5961f9;}
.custom_btn-d:not(:disabled):not(.disabled):active,.custom_btn-d:not(:disabled):not(.disabled).active{color: #ffffff;background-color: #14171B;border-color: #14171B;}
.custom_btn-d:not(:disabled):not(.disabled):active:focus,.custom_btn-d:not(:disabled):not(.disabled).active:focus{box-shadow: 0 0 0 0 transparent!important;}
.btn.custom_btn-d {color: #ffffff;background-color: #5961f9;border-color: #5961f9;}
.btn.custom_btn-d:hover {color: #ffffff;background-color: #14171B;border-color: #14171B;}
.btn.custom_btn-d:focus,.btn.custom_btn-d.focus {color: #ffffff;background-color: #14171B;border-color: #14171B;box-shadow: 0 0 0 0 transparent!important;}
.btn.custom_btn-d.disabled,.btn.custom_btn-d:disabled {color: #ffffff;background-color:#5961f9;border-color: #5961f9;}
.btn.custom_btn-d:not(:disabled):not(.disabled):active,.btn.custom_btn-d:not(:disabled):not(.disabled).active,.show > .custom_btn-d.dropdown-toggle {color: #ffffff;background-color: #14171B;border-color: #14171B;}
.btn.custom_btn-d:not(:disabled):not(.disabled):active:focus,.btn.custom_btn-d:not(:disabled):not(.disabled).active:focus,.show > .custom_btn-d.dropdown-toggle:focus {box-shadow: 0 0 0 0 transparent!important;}
.btn-dark:hover{background-color:#5961f9;border-color:#5961f9}
.sidebar .card .searchform input[type='submit']{border: 1px solid #5961f9;background-color:#5961f9}
.sidebar .card .searchform input[type='submit']:hover{border: 1px solid #14171B;background-color:#14171B}
.ctrld-main{
    text-align: center;
    height: auto;
    font-size: 16px;
    font-weight: 700;
}
.ctrld-pc {
    display: inline-block;
}

.ctrld-pc span:first-child {
    margin-left: 15px;
}

.ctrld-pc span {
    position: relative;
    color: #030405;
    border: 1px solid silver;
    border-radius: 3px;
    height: 3em;
    width: 3em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    background-image: linear-gradient(#f5f5f5, #fff);
    margin: auto;
}

.ctrld-pc span::before {
    content: '';
    box-sizing: content-box;
    position: absolute;
    border: 2px solid rgba(240, 240, 240, 0.9);
    border-top: 1px solid rgba(240, 240, 240, 0.9);
    border-bottom: 7px solid rgba(240, 240, 240, 0.9);
    border-radius: 3px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.1);
}

.ctrld-pc em {
    padding: 0 5px;
}

.ctrld-pc span:last-child {
    margin-right: 15px;
}

.ctrld-main>span {
    color: #2e6ce2;
    margin: 0 5px;
}
.blur-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: rgba(255, 255, 255, 0.5); /* 若需要半透明效果，可设置背景色和透明度 */
    z-index: -1; /* 将伪元素置于底层 */
background-size: cover;
background-position:50%  50% ;  background-repeat: no-repeat;
}

.url-card .mini a.togo,.url-card .default a.togo{
    position: absolute;
    top: 0;
    right: 0;
    line-height: 1.1em;
    background-color: #a52834;
    color: #fff!important;width: 2em;text-align: center;
}


.home h4.text-gray{border:2px solid #5961f9 ;font-size: 14px !important;color: #fff;position: relative;display: block; line-height:30px; padding:  0 ; border-radius:18px 18px 18px 18px ; margin-bottom: 0;font-weight: bold; width: 150px;text-align: center;background-color:#5961f9 }

.main-footer{padding-left: 0;padding-right: 0;}

.big_title{display: flex;align-items: center;justify-content: space-between}
.big_title2{display: flex; align-items: center;justify-content: space-between}
.slider_menu[sliderTab]{background: none;border:none;}
.big_title2 h4{margin-right: 15px;}
.slider_menu[sliderTab] .anchor, .customize-menu .btn-edit, .badge-danger, .comment-list .rank, .sidebar .card-header:after{}
.big_title_line{width: 520px;border-bottom:none; border-radius: 0 0 0 9px;display: flex;align-items: center; max-width: 100%;}

.big_title1{width:520px;  border-radius: 0 0 0 9px;}


.slider_menu[sliderTab]>.menu>li{width: 150px;line-height: 34px !important;height: 34px !important;display: flex;align-items: center;justify-content: center}














.color-main,.module-ranking-tab-link i,.search-tag i,.navbar-item.active a i {
    background: -webkit-linear-gradient(0deg,#ff711f,#e50914);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.navbar .swiper-slide {
    width: auto
}

.navbar .swiper-slide,#playSwiper .swiper-slide {
    width: auto
}

.wrapper {
    width: 100%
}

.content {
    width: 100%;
    margin: 0 auto
}

.shadow-small,.module-tab-item.active {
    box-shadow: 0 0 5px 0 rgba(0,0,0,.08),0 0 1px rgba(0,0,0,.1)
}

.shadow-base,.searchbar-main.open .searchbar,.searchbar:hover {
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.1)
}

.shadow,.module-ranking-tab-link,.module-paper-item,.module-list {
    box-shadow: 0 2.75px 2.21px rgba(0,0,0,.01),0 6.65px 5.32px rgba(0,0,0,.02),0 12.5px 10px rgba(0,0,0,.01),0 22px 18px rgba(0,0,0,.03),0 42px 33.4px rgba(0,0,0,.02),0 100px 80px rgba(0,0,0,.01),0 0 1px rgba(0,0,0,.1)
}

.shadow-drop,.drop:hover .drop-content {
    box-shadow: 0 10px 70px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.18)
}

.transition {
    transition: all .3s ease-in
}

.transition-fast {
    transition: all .15s ease-in
}

.transition-bg-fast {
    transition: background .15s ease
}

.transition-bg,.shortcuts-mobile-overlay {
    transition: background .3s ease
}

.impact,.module-title-en,.module-ranking-tab-info,.module-item-top {
    font-family: impact,system-ui,helvetica neue,sans-serif;
    font-weight: 900
}

.radian,.navbar-item.active,.links {
    position: relative
}

.radian::after,.navbar-item.active::after,.radian::before,.navbar-item.active::before {
    top: -19px;
    right: 0
}

.radian::before,.navbar-item.active::before,.radian::after,.navbar-item.active::after,.radian .links::before,.navbar-item.active .links::before,.radian .links::after,.navbar-item.active .links::after {
    content: '';
    position: absolute;
    height: 20px;
    width: 20px
}

.radian::before,.navbar-item.active::before {
    background: #fff;
    border-radius: 0 0 20px 0;
    z-index: 1
}

.radian::after,.navbar-item.active::after {
    background: #f7f8f9
}

.radian .links::before,.navbar-item.active .links::before,.radian .links::after,.navbar-item.active .links::after {
    bottom: -20px;
    right: -16px
}

.radian .links::before,.navbar-item.active .links::before,.radian .links::before,.navbar-item.active .links::before {
    background: #fff;
    border-radius: 0 20px 0 0;
    z-index: 1
}

.radian .links::after,.navbar-item.active .links::after,.radian .links::after,.navbar-item.active .links::after {
    background: #f7f8f9
}

.border,.btn-block-o,.play-btn-o,.module-heading-more,.module-tab-name,.module-class,.module-item-box a,.module-info-tag-link,.module-play-list-link {
    position: relative
}

.border::after,.btn-block-o::after,.play-btn-o::after,.module-heading-more::after,.module-tab-name::after,.module-class::after,.module-item-box a::after,.module-info-tag-link::after,.module-play-list-link::after {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none
}

@media only screen and (max-width: 559px) {
    .border::after,.btn-block-o::after,.play-btn-o::after,.module-heading-more::after,.module-tab-name::after,.module-class::after,.module-item-box a::after,.module-info-tag-link::after,.module-play-list-link::after {
        width:200%;
        height: 200%;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        border-radius: 16px
    }
}

.border-top,.drop-item-link,.module-paper-item-main a,.module-info-footer,.popup-main p:last-child {
    position: relative
}

.border-top::after,.drop-item-link::after,.module-paper-item-main a::after,.module-info-footer::after,.popup-main p:last-child::after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #f1f3f5
}

.border-bottom,.module-heading-tab,.module-tab-title,.module-class-items,.module-class-item,.module-info-introduction {
    position: relative
}

.border-bottom::after,.module-heading-tab::after,.module-tab-title::after,.module-class-items::after,.module-class-item::after,.module-info-introduction::after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #f1f3f5
}

@media only screen and (max-width: 559px) {
    .border-top::after,.drop-item-link::after,.module-paper-item-main a::after,.module-info-footer::after,.popup-main p:last-child::after,.border-bottom::after,.module-heading-tab::after,.module-tab-title::after,.module-class-items::after,.module-class-item::after,.module-info-introduction::after {
        -webkit-transform:scaleY(.5);
        transform: scaleY(.5)
    }
}

@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont.eot);
    src: url(../fonts/iconfont.eot) format("embedded-opentype"),url(../fonts/iconfont.ttf) format("truetype"),url(../fonts/iconfont.woff) format("woff"),url(../fonts/iconfont.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=icon-],[class*=" icon-"] {
    font-family: iconfont!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: revert;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-info:before {
    content: "\e91a"
}

.icon-next:before {
    content: "\e91b"
}

.icon-share:before {
    content: "\e91c"
}

.icon-qrcode:before {
    content: "\e91d"
}

.icon-arrow-o:before {
    content: "\e919"
}

.icon-close:before {
    content: "\e917"
}

.icon-arrow:before {
    content: "\e918"
}

.icon-history:before {
    content: "\e915"
}

.icon-hot:before {
    content: "\e916"
}

.icon-jl:before {
    content: "\e913"
}

.icon-jl-o:before {
    content: "\e914"
}

.icon-arrow-go:before {
    content: "\e911"
}

.icon-arrow-right:before {
    content: "\e912"
}

.icon-ranking:before {
    content: "\e90d"
}

.icon-ranking-o:before {
    content: "\e90e"
}

.icon-update:before {
    content: "\e90f"
}

.icon-update-o:before {
    content: "\e910"
}


.icon-play:before {
    content: "\e901"
}

.icon-history-o:before {
    content: "\e902"
}

.icon-zy:before {
    content: "\e903"
}

.icon-zy-o:before {
    content: "\e904"
}

.icon-dy:before {
    content: "\e905"
}

.icon-dy-o:before {
    content: "\e906"
}

.icon-dm:before {
    content: "\e907"
}

.icon-dm-o:before {
    content: "\e908"
}

.icon-home:before {
    content: "\e909"
}

.icon-home-o:before {
    content: "\e90a"
}

.icon-tv:before {
    content: "\e90b"
}

.icon-tv-o:before {
    content: "\e90c"
}

.icon-pets:before {
    content: "\e920"
}

.icon-car:before {
    content: "\e921"
}

.icon-zhuomian:before {
    content: "\e922"
}

.icon-game:before {
    content: "\e923"
}

.icon-love:before {
    content: "\e924"
}

.icon-fun:before {
    content: "\e925"
}

.icon-sp:before {
    content: "\e926"
}

.icon-junshi:before {
    content: "\e927"
}

.icon-keji:before {
    content: "\e928"
}

.icon-gbook:before {
    content: "\e929"
}

.icon-shop:before {
    content: "\e930"
}

.icon-qi:before {
    content: "\e931"
}

.icon-food:before {
    content: "\e932"
}

.icon-music:before {
    content: "\e933"
}

.icon-nba:before {
    content: "\e934"
}

.icon-nongren:before {
    content: "\e935"
}

.icon-rijian:before {
    content: "\e936"
}

.icon-shangchuan:before {
    content: "\e937"
}

.icon-child:before {
    content: "\e938"
}

.icon-score:before {
    content: "\e939"
}

.icon-zhifeiji:before {
    content: "\e940"
}

.icon-tianjia:before {
    content: "\e941"
}

.icon-top:before {
    content: "\e942"
}

.icon-tvs:before {
    content: "\e943"
}

.icon-sports:before {
    content: "\e944"
}

.icon-vlog:before {
    content: "\e945"
}

.icon-wenhua:before {
    content: "\e946"
}

.icon-wuzhanai:before {
    content: "\e947"
}

.icon-notice:before {
    content: "\e948"
}

.icon-recreation:before {
    content: "\e949"
}

.icon-movies:before {
    content: "\e950"
}

.icon-yejian:before {
    content: "\e951"
}

.icon-diy:before {
    content: "\e952"
}

.icon-shujia:before {
    content: "\e953"
}

.icon-download:before {
    content: "\e954"
}

.icon-down:before {
    content: "\e955"
}

.icon-link:before {
    content: "\e956"
}

.icon-report:before {
    content: "\e957"
}

.icon-fenxiang:before {
    content: "\e958"
}

.icon-apple:before {
    content: "\e959"
}

.icon-android:before {
    content: "\e960"
}

.icon-windows:before {
    content: "\e961"
}

.icon-apptuisong:before {
    content: "\e962"
}

.icon-app:before {
    content: "\e963"
}

.icon-shuaxin:before {
    content: "\e964"
}

.icon-right:before {
    content: "\e965"
}

.icon-left:before {
    content: "\e966"
}

.icon-full:before {
    content: "\e967"
}

.icon-sort:before {
    content: "\e968"
}

.icon-sorts:before {
    content: "\e972"
}

.icon-sort-o:before {
    content: "\e970"
}

.icon-bilibili:before {
    content: "\e969"
}

.icon-fullscreen:before {
    content: "\e971"
}

.icon-phone-o:before {
    content: "\e973"
}

.icon-week-o:before {
    content: "\e976"
}

.icon-xiugai:before {
    content: "\e977"
}

.icon-yonghu:before {
    content: "\e978"
}

.icon-you:before {
    content: "\e979"
}

.icon-yh:before {
    content: "\e980"
}

.icon-sz:before {
    content: "\e981"
}

.icon-vip:before {
    content: "\e982"
}

.icon-exit:before {
    content: "\e983"
}

.icon-warm:before {
    content: "\e984"
}

.icon-login:before {
    content: "\e985"
}

.icon-yonghu-o:before {
    content: "\e986"
}

.icon-shoucang:before {
    content: "\e987"
}

.icon {
    width: 16px;
    height: 16px;
    font-size: 16px;
    margin-right: 5px
}

.icon64 {
    width: 64px;
    height: 64px;
    font-size: 64px
}

.icon20 {
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: #fff
}

.active-bg,.module-heading-tab .module-heading-tab-link.active {
    position: relative;
    z-index: 1
}

.active-bg::after,.module-heading-tab .module-heading-tab-link.active::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10%;
    width: 100%;
    background: #e50914;
    height: 40%;
    z-index: -1
}

.shortcuts-mobile-overlay {
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
    content: "";
    z-index: 19
}

.flex,.logo,.header-box,.module-heading,.module-paper-item-main a,.searchbar,.footer-content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.flex-end,.header-op,.module-tab {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end
}

.flex-start,.search-box {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start
}

.nowrap,.drop-item-link,.module-item-note,.module-poster-item-info .module-item-note,.module-poster-item-title,.module-paper-item-info,.module-card-item-title,.module-info-item-content,.module-play-list-link {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.clearfix {
    *zoom:1}

.clearfix:after,.clearfix:before {
    display: table;
    content: ""
}

.clearfix:after {
    clear: both
}

.disabled {
    cursor: not-allowed!important
}

.line {
    width: 3px;
    background: #e3e6ea;
    display: inline-block;
    height: 25px;
    margin: 0 15px
}

.slash {
    padding: 0 7px;
    color: #c2c6d0;
    font-size: 12px;
    vertical-align: top
}

.slash:last-child {
    display: none
}

.playon {
    height: 8px;
    position: absolute;
    left: calc(50% - 11px);
    bottom: 0
}

.playon i {
    width: 4px;
    height: 6px;
    border-radius: 4px 4px 0 0;
    background-color: #e50914;
    position: absolute;
    bottom: 0;
    left: 0
}

.playon i:nth-last-child(1) {
    animation: playon .8s .3s infinite
}

.playon i:nth-last-child(2) {
    animation: playon .8s .1s infinite;
    left: 6px
}

.playon i:nth-last-child(3) {
    animation: playon .6s .2s infinite;
    left: 12px
}

.playon i:nth-last-child(4) {
    animation: playon 1s .3s infinite;
    left: 18px
}

@keyframes playon {
    0% {
        height: 70%
    }

    50% {
        height: 100%
    }

    100% {
        height: 35%
    }
}

.btn-xsmall {
    padding: 0 5px;
    line-height: 20px;
    font-size: 12px;
    border-radius: 4px;
    display: inline-block!important
}

.btn-small,.drop-item-op a,.module-card-item-footer a,.module-tab-name,.module-info-tag-link {
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    font-size: 13px;
    border-radius: 8px;
    display: inline-block
}

.btn-base,.module-heading-more,.module-tab-item,.search-tag a,.module-play-list-link,.page-more {
    padding: 0 15px;
    line-height: 34px;
    font-size: 14px;
    display: inline-block;
    border-radius: 8px
}

.btn-large,.main-btn,.module-prompt p a,.popup-btn,.app-downlist .app-downlist-go,.header-op-list-btn {
    padding: 0 15px;
    line-height: 40px;
    font-size: 14px;
    display: inline-block;
    border-radius: 8px
}

.btn-block-o {
    text-align: center
}

@media(min-width: 559px) {
    .navbar .swiper-wrapper {
        flex-direction:column
    }

    .module-wrapper {
        display: flex
    }
}

@media(max-width: 559px) {
    .btn-base,.module-heading-more,.module-tab-item,.search-tag a,.module-play-list-link,.page-more {
        padding:0 10px;
        line-height: 30px;
        font-size: 12px
    }
}

.btn-gray,.drop-item-op a {
    background: #f3f5f7
}

.btn-gray:hover,.drop-item-op a:hover {
    background: #f1f3f5
}

.btn-gray-dark {
    background: #e9ecef
}

.btn-main {
    background: #e50914;
    color: #fff
}

.btn-main-linear,.main-btn,.module-prompt p a,.popup-btn,.app-downlist .app-downlist-go {
    transition: box-shadow .2s ease;
    background: #e50914;
    color: #fff;
    background: linear-gradient(to right,#ff711f 0%,#e50914 100%);
    box-shadow: 0 10px 12px -4px rgba(229,9,20,.25)
}

.btn-main-linear:hover,.main-btn:hover,.module-prompt p a:hover,.popup-btn:hover,.app-downlist .app-downlist-go:hover {
    box-shadow: 0 10px 12px -4px rgba(229,9,20,.4)
}

.btn-aux-linear {
    background: #fcd877;
    background: linear-gradient(90deg,#f9f2df,#fcd877)!important
}

.main-btn,.module-prompt p a,.popup-btn,.app-downlist .app-downlist-go {
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    font-weight: 700;
    padding: 0 30px
}

.main-btn:hover,.module-prompt p a:hover,.popup-btn:hover,.app-downlist .app-downlist-go:hover {
    color: #fff
}

.main-btn::after,.module-prompt p a::after,.popup-btn::after,.app-downlist .app-downlist-go::after {
    content: '';
    height: 50px;
    width: 25px;
    background: #fff;
    position: absolute;
    top: -5px;
    transform: skewX(-45deg);
    right: 115%;
    opacity: .25
}

.main-btn:hover::after,.module-prompt p a:hover::after,.popup-btn:hover::after,.app-downlist .app-downlist-go:hover::after {
    right: -44%;
    transition: right .56s ease
}

.main-btn i,.noplaylist i,.btn-collect i,.module-prompt p a i,.popup-btn i,.app-downlist .app-downlist-go i {
    margin-right: 6px;
    vertical-align: 0;
    height: 14px;
    width: 14px;
    font-size: 12px
}

.play-btn {
    background: #e50914;
    color: #fff;
    background: linear-gradient(to right,#ff711f 0%,#e50914 100%);
    color: #fff;
    padding: 0 15px
}

.play-btn:hover {
    color: #fff
}

.play-btn i {
    font-size: 12px;
    transform: scale(.8)
}

.play-btn.icon-btn {
    width: 30px;
    padding: 0;
    text-indent: 5px
}

.play-btn-o {
    background: #fff;
    color: #e50914;
    padding: 0 15px
}

.play-btn-o::after {
    border-color: #e50914
}

.play-btn-o:hover {
    background: #e50914;
    color: #fff;
    background: linear-gradient(to right,#ff711f 0%,#e50914 100%);
    color: #fff
}

.play-btn-o:hover::after {
    border-color: transparent
}

@media(max-width: 1024px) {
    .main-btn::after,.module-prompt p a::after,.popup-btn::after,.app-downlist .app-downlist-go::after {
        right:-44%;
        opacity: 0;
        text-indent: 5px
    }
}

.drop-content {
    position: absolute;
    top: 40px;
    font-size: 0;
    right: 0;
    border-radius: 8px;
    min-width: 300px;
    max-width: 330px;
    pointer-events: none;
    height: auto;
    overflow: hidden;
    z-index: 10
}

.drop-content-box {
    opacity: 0
}

.drop-content-items {
    padding: 15px;
    position: relative
}

.drop-content-items li {
    font-size: 14px
}

.drop {
    position: relative;
    display: inline-block
}

.drop:hover::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 300%;
    right: 0;
    height: 5px
}

.drop:hover .drop-content {
    pointer-events: auto;
    z-index: 20;
    background: #fff
}

.drop:hover .drop-content-box {
    opacity: 1
}

.drop-item {
    position: relative
}

.drop-item::after {
    content: '';
    border-left: 1px dashed #dbdee2;
    position: absolute;
    left: 13px;
    top: 0;
    height: 100%;
    z-index: -1
}

.drop-item.nolist::after {
    border: 0
}

.drop-item-title {
    padding-bottom: 5px
}

.drop-item-title strong {
    font-size: 16px
}

.drop-item-title i {
    width: 35px;
    padding-top: 12px;
    background: #fff;
    text-indent: 5px;
    margin: 0;
    vertical-align: -1px;
    height: 100%;
    color: #e50914
}

.drop-item-link {
    border-radius: 0;
    position: relative;
    border-radius: 8px;
    line-height: 30px;
    padding: 5px 5px 2px 35px;
    width: 100%
}

.drop-item-link::before {
    content: '';
    height: 9px;
    width: 9px;
    display: inline-block;
    position: absolute;
    left: 9px;
    border: 1px solid #e50914;
    background: #fff;
    border-radius: 50%;
    top: 15px
}

.drop-item-link::after {
    width: 90%!important;
    left: 10%!important
}

.drop-item-link:hover::before {
    background: #e50914
}

.drop-item-link::after {
    background: #f7f8f9
}

.drop-history .drop-content-items {
    padding: 10px 15px 15px
}

.drop-item-link span {
    float: right;
    color: #a0a0a0;
    overflow: hidden;
    max-width: 24%;
    min-width: 18%;
    font-size: 12px;
    text-align: right
}

.drop-item-op {
    padding-top: 10px
}

.drop-item-op a {
    width: 100%;
    text-align: center;
    cursor: pointer;
    display: block
}

.drop-item-op a:hover {
    background: #ffddd5;
    color: #e50914
}

.drop-prompt {
    padding: 130px 35px 0;
    background: url(images/history.svg.html) no-repeat center 20px;
    height: 165px;
    background-size: 40%;
    text-align: center;
    color: #9e9e9e;
    font-size: 13px
}

.nolist+.drop-item-op {
    display: none
}

.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10
}

.logo {
    width: 200px;
    position: absolute;
    left: -240px;
    padding-left: 30px
}

.logo a {
    height: 24px
}

.logo img {
    display: block;
    height: 100%
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: calc(100% - 200px)
}

.header-box {
    position: relative;
    height: 64px;
    z-index: 9
}

.header-op {
    flex: 0 auto;
    margin-left: 10px;
    font-size: 0
}

.side-op {
    display: none
}

.header-op-search {
    display: none
}

.header-op-list-btn {
    cursor: pointer;
    color: #424242
}

.module {
    padding-bottom: 20px;
    font-size: 0
}

.module-main {
    position: relative
}

.module-heading {
    margin-bottom: 25px;
    font-size: 0;
    vertical-align: baseline;
    position: relative
}

.module-heading-tab {
    padding-bottom: 20px
}

.pianku .module-heading-tab {
    margin-bottom: -2px
}

.module-heading-tab::after {
    background: #e9ecef
}

.module-heading-tab-link,.module-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.1;
    position: relative;
    z-index: 2;
    flex: 1;
    -webkit-font-smoothing: subpixel-antialiased
}

.module-title span {
    cursor: pointer
}

.module-heading-tab-link {
    flex: initial;
    color: #a0a0a0;
    cursor: pointer
}

.module-heading-tab a:hover.module-heading-tab-link,.module-heading-tab-link:hover {
    color: #212121
}

.module-heading-tab a.module-heading-tab-link {
    color: #a0a0a0
}

.module-heading-tab .module-heading-tab-link.active {
    color: #212121
}

.module-heading-tab .module-heading-tab-link.active:hover {
    cursor: text
}

.module-heading-tab .module-heading-tab-link.active::after {
    bottom: -60%;
    height: 4px;
    border-radius: 18px 18px 0 0
}

.module-heading-search {
    border-bottom: 2px solid #e9ecef;
    padding-bottom: 15px
}

.module-heading-search-result {
    font-size: 20px;
    font-weight: 700
}

.module-heading-search-result strong {
    color: #e50914
}

.module-title-en,.module-ranking-tab-info {
    transition: color .3s ease;
    opacity: .12;
    background: -webkit-linear-gradient(90deg,transparent,#e50914);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 38px;
    z-index: -1
}

.module-title a {
    transition: color .3s ease
}

.module-heading-more {
    margin: -3px 0;
    cursor: pointer
}

.module-heading-more i {
    font-weight: 900;
    font-size: 10px;
    margin: 0 -5px 0 3px;
    transform: scale(.8)
}

.module-tab {
    margin: -3px 0
}

.module-tab-name,.module-tab-title,.module-tab-input {
    display: none
}

.module-tab-item {
    color: #616161;
    text-align: center
}

.speed-prompt {
    display: none
}

.speed-level {
    position: absolute;
    top: 2px;
    left: 0;
    display: inline-block;
    width: 9px;
    height: 9px
}

.speed-level i {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 2px;
    height: 40%;
    background: #757575;
    opacity: .2;
    bottom: 0;
    border-radius: 3px
}

.speed-level i:nth-child(2) {
    left: 3px;
    height: 60%
}

.speed-level i:nth-child(3) {
    left: 6px;
    height: 80%
}

.speed-level i:nth-child(4) {
    left: 9px;
    height: 100%
}

.speed.slow .speed-level i:nth-child(-n+1),.speed.fast .speed-level i:nth-child(-n+3),.speed.faster .speed-level i:nth-child(-n+2),.speed.fastest .speed-level i {
    opacity: 1
}

.speed {
    position: absolute;
    left: 7px;
    top: 3px;
    width: 100%;
    word-break: break-all;
    word-wrap: break-word;
    text-align: center
}

.speed:hover .speed-prompt {
    position: absolute;
    left: -2px;
    top: 13px;
    padding: 6px 5px;
    line-height: 1;
    font-size: 12px;
    background: #f3f5f7;
    color: #212121;
    font-weight: 400;
    width: calc(100% - 10px);
    border-radius: 5px
}

.speed.fastest .speed-prompt,.speed.faster .speed-prompt,.speed.fast .speed-prompt {
    background: #d5f7d5;
    color: green
}

.speed.slow .speed-prompt {
    background: #fff0ec;
    color: #e50914
}

.module-ranking-tab {
    margin-bottom: 25px
}

.module-ranking-tab-link {
    background: #fff;
    padding: 15px 20px 40px;
    display: inline-block;
    margin-right: 15px;
    border-radius: 8px;
    position: relative;
    z-index: 1
}

.module-ranking-tab-link i {
    font-size: 20px
}

.module-ranking-tab-name {
    font-size: 18px;
    width: 100%;
    min-width: 80px;
    font-weight: 700;
    margin-top: 5px;
    display: block
}

.module-ranking-tab-info {
    font-size: 38px;
    width: 100%;
    text-align: center;
    bottom: -15px
}

.module-items {
    margin-right: -18px
}

.module-item {
    position: relative;
    display: inline-block;
    font-size: 14px;
    margin: 0 18px 23px 0
}

.module-item-cover {
    transition: box-shadow .15s ease;
    position: relative;
    height: 0;
    padding-top: 140%;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
    border-radius: 8px
}

.module-item-pic,.module-item-pic img {
    height: 100%;
    width: 100%
}

.module-item-pic img {
    top: 0;
    left: 0;
    object-fit: cover;
    position: absolute
}

.module-item-nopic .module-item-pic::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border: 2px dashed #e3e6ea;
    border-radius: 10px
}

.module-item-nopic .module-item-note {
    display: none
}

.module-item-note {
    text-align: center;
    font-size: 12px
}

.module-item-cover .module-item-note {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.4) 100%);
    padding: 50px 5px 10px;
    pointer-events: none;
    color: #fff;
    font-weight: 500
}

.module-item-cover .module-item-note::after {
    content: '';
    width: 100%;
    height: 100%
}

.module-item-top {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    border-radius: 8px;
    z-index: 1;
    color: #fff;
    font-size: 30px;
    width: 40px;
    height: 50px;
    text-indent: 9px;
    text-shadow: 1px 1px 0 rgba(0,0,0,.1);
    font-weight: 700
}

.module-item-top::after {
    content: '';
    position: absolute;
    left: -100%;
    top: -44%;
    z-index: -1;
    background: #9e9e9e;
    height: 150%;
    width: 150%;
    border-radius: 16px;
    transform: rotateZ(45deg)
}

.module-item-top.top1::after {
    background: #e50914
}

.module-item-top.top2::after {
    background: #f73
}

.module-item-top.top3::after {
    background: #ffa82e
}

.module-poster-item {
    width: calc(12.5% - 18px)
}

.module-poster-items-small .module-item-cover {
    padding-top: 58%
}

.module-poster-item-info {
    margin-top: 12px
}

.module-poster-item-info .module-item-note {
    margin-top: 3px;
    color: #757575
}

.module-poster-item-title {
    text-align: center;
    font-size: 14px
}

.module-poster-items-small .module-item-note {
    margin: 0;
    position: absolute;
    top: 5px;
    right: 5px;
    left: initial;
    bottom: initial;
    color: #fff;
    padding: 2px 8px;
    background: #e50914;
    border-radius: 8px 7px 8px 8px
}

.module-paper-item {
    width: calc(25% - 18px);
    background: #fff;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    z-index: 2
}

.module-paper-item-header {
    padding: 20px 15px 25px;
    text-align: center;
    background: url(http://hy.iaka.cn/images/colour-bg.png) no-repeat;
    background-size: 150%;
    background-position-y: -20px
}

.module-paper-item-header>i {
    position: absolute;
    left: 38%;
    top: -15px;
    color: #e50914;
    opacity: .06
}

.module-paper-item-title {
    font-size: 18px;
    display: inline-block;
    position: relative
}

.module-paper-item-title::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 40%;
    width: 20%;
    background: #212121;
    height: 5px;
    border-radius: 50px
}

.module-paper-item-main a {
    padding: 10px 0;
    margin: 0 10px;
    min-height: 45px
}

.module-paper-item-main a:first-child::after {
    background: 0 0
}

.module-paper-item-main a:hover {
    margin: 0;
    padding: 10px;
    background: #f7f8f9
}

.module-paper-item-main a::after {
    background: #f7f8f9
}

.module-paper-item-num {
    font-family: impact,roboto-black,helvetica neue,sans-serif;
    font-weight: 700;
    position: relative;
    color: #bcbcbc;
    font-size: 24px;
    line-height: 1;
    width: 50px;
    text-align: center
}

.module-paper-item-num-first {
    color: #e50914
}

.module-paper-item-num-second {
    color: #f73
}

.module-paper-item-num-third {
    color: #ffa82e
}

.module-paper-item-info {
    max-width: 70%
}

.module-paper-item-info p {
    color: #9e9e9e;
    font-size: 12px
}

.module-paper-item-main .icon-arrow-right {
    position: absolute;
    right: 12px;
    font-size: 10px;
    color: #c2c6d0;
    margin-top: 2px
}

.module-paper-item-main a:hover .icon-arrow-right {
    right: 22px;
    color: #e50914
}

.module-card-items {
    padding-top: 30px;
    margin-bottom: -30px
}

.module-card-item {
    width: calc(25% - 18px);
    box-shadow: 0 2px 2px rgba(0,0,0,.03);
    background: #fff;
    padding: 20px 20px 10px;
    margin-bottom: 50px!important;
    position: relative;
    border-radius: 8px
}

.module-card-item.top .module-item-cover::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 7px;
    border: 3px solid #e50914;
    z-index: 2
}

.module-card-item.top2 .module-item-cover::before {
    border-color: #f73
}

.module-card-item.top3 .module-item-cover::before {
    border-color: #ffa82e
}

.module-card-item-class {
    position: absolute;
    right: 0;
    top: -25px;
    height: 40px;
    background: #e9ecef;
    color: #616161;
    font-size: 13px;
    padding: 0 10px 0 2px;
    border-radius: 8px;
    font-weight: 700;
    line-height: 26px;
    z-index: -1
}

.module-card-item-class::after {
    content: '';
    position: absolute;
    left: -13px;
    top: 0;
    background: #e9ecef;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    transform: skewX(-20deg);
    z-index: -1
}

.module-card-item-class i {
    vertical-align: -1px;
    margin-right: 5px
}

.module-card-item-poster {
    width: 120px;
    margin: -45px 0 0 -10px;
    float: left;
    position: relative;
    z-index: 1
}

.module-card-item-info {
    margin-left: 130px;
    min-height: 103px
}

.module-card-item-title {
    font-size: 16px;
    margin-bottom: 8px;
    line-height: 1.2
}

.module-card-item-info .module-info-item {
    font-size: 13px;
    padding-bottom: 3px;
    color: #757575
}

.module-card-item-info .module-info-item-title {
    min-width: 37px;
    font-weight: 400
}

.module-card-item-info .module-info-item-link {
    margin-right: 8px
}

.module-card-item-footer {
    background: #f3f5f7;
    height: 30px;
    margin: 0 -10px;
    border-radius: 8px
}

.module-card-item-footer a {
    margin: 0 0 0 20px;
    z-index: 1;
    position: relative;
    top: -15px;
    float: left
}

.module-card-item-footer a::before {
    content: '';
    height: 100%;
    width: 100%;
    border-radius: 50px;
    position: absolute;
    left: -5px;
    border: 5px solid #fff;
    box-sizing: content-box;
    z-index: 1;
    top: -5px
}

.module-card-item-footer .icon-btn {
    width: auto
}

.module-card-item-footer .play-btn-o {
    padding: 0 15px
}

.module-card-item-footer .play-btn-o::after {
    border-radius: 50px
}

.search-box {
    flex: 1
}

.searchbar-main {
    width: 100%;
    max-width: 580px;
    height: 40px;
    position: relative
}

.searchbar {
    transition: background .2s ease;
    background: #e3e6ea;
    height: 40px;
    border-radius: 8px
}

.searchbar-main.open .searchbar,.searchbar:hover {
    background: #fff;
    position: relative;
    z-index: 9
}

.search-input {
    height: 100%;
    width: 100%;
    padding: 0 15px;
    flex: 1;
    display: flex
}

.search-btn {
    height: 100%;
    padding: 0 15px
}

.search-btn i {
    font-size: 16px;
    vertical-align: -2px
}

.search-recommend-box {
    display: none;
    width: 100%;
    position: absolute
}

.searchbar-main.open .search-recommend-box {
    display: inline-block
}

.search-recommend {
    position: relative;
    z-index: -1;
    width: 97%;
    left: 1.5%;
    font-size: 0
}

.search-recommend-title {
    font-size: 14px;
    color: #757575;
    padding-bottom: 5px
}

.searchbar-main.open .search-recommend {
    position: absolute;
    background: #fff
}

.search-tag {
    font-size: 0;
    margin: 0 -5px
}

.search-tag a {
    color: #424242;
    background: #e9ecef;
    padding: 0 15px;
    margin: 5px
}

.search-tag a:hover {
    background: #e3e6ea
}

.search-tag a:hover,.search-tag .hot {
    color: #e50914
}

.search-tag .hot {
    background: #ffeae5
}

.search-tag .hot:hover {
    background: #ffddd5
}

.search-tag i {
    margin-right: 5px;
    vertical-align: -2px;
    font-size: 14px
}

.cancel-btn {
    display: none
}

.navbar-item i.icon-arrow-go {
    transition: all .2s ease;
    float: right;
    line-height: 40px;
    font-size: 12px;
    color: transparent;
    margin-right: 20px
}

.navbar-item.active a {
    color: #e50914;
    font-weight: 700
}

.tab-list {
    display: none
}

.tab-list.active {
    display: block
}

@keyframes opacity {
    0% {
        opacity: 100%
    }

    50% {
        opacity: 30%
    }

    100% {
        opacity: 100%
    }
}

@-webkit-keyframes opacity {
    0% {
        opacity: 100%
    }

    50% {
        opacity: 30%
    }

    100% {
        opacity: 100%
    }
}

.module-class::after {
    border-radius: 0
}

.module-class-items {
    padding: 0;
    margin: 0;
    display: flex
}

.module-class-items:last-child::after,.module-class-items:last-child .module-class-item::after {
    height: 0
}

.module-class-item {
    display: inline-flex;
    padding: 5px 0
}

.module-item-title {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    width: 45px;
    white-space: nowrap;
    min-height: 40px;
    line-height: 44px;
    margin-right: 20px
}

.module-item-title i {
    margin-left: 10px;
    vertical-align: initial;
    font-size: 12px;
    transform: scale(.6) rotate(270deg);
    color: #c2c6d0
}

.module-item-box {
    display: inline-block;
    margin-left: -5px
}

.module-item-box a {
    padding: 6px 12px;
    font-size: 14px;
    margin: 5px;
    white-space: nowrap;
    display: inline-block;
    border-radius: 8px
}

.module-item-box .active {
    color: #e50914;
    background: #ffddd5;
    font-weight: 700
}

.module-item-box .active::after {
    border-color: #ffddd5
}

.module-page {
    margin: 30px 0 0
}

.module-ranking {
    margin-bottom: 30px
}

.module-more,.module-footer {
    text-align: center;
    border-top: 2px solid #e9ecef;
    margin-top: 10px
}

.view .module {
    padding-bottom: 40px
}

.module-info-heading h1 {
    font-size: 30px;
    line-height: 1.38;
    margin-bottom: 10px;
    position: relative
}

.module-info-tag-link {
    background: #fff;
    margin-right: 6px;
    padding: 0 12px;
    font-size: 14px
}

.module-info-tag-link span,.module-info-tag-link a {
    color: #424242;
    cursor: pointer
}

.module-info-tag-link span:hover,.module-info-tag-link a:hover {
    color: #e50914
}

.module-info-tag-link .slash,.module-info-tag-link .slash:hover {
    color: #bcbcbc;
    cursor: auto
}

.module-info-tag-link:last-child {
    margin: 0
}

.module-info-items {
    padding: 20px 25px;
    position: relative;
    z-index: 10
}

.module-info-item {
    font-size: 14px;
    display: flex;
    padding-bottom: 5px;
    word-break: break-all
}

.module-info-item-content span:nth-child(2n-1) {
    cursor: pointer
}

.module-info-item-content span:nth-child(2n-1):hover {
    color: #e50914
}

.module-info-item-link::after {
    content: '、';
    color: #9e9e9e;
    margin-right: 2px;
    font-weight: 700
}

.module-info-item-link:last-child::after {
    content: ''
}

.module-info-item-title {
    display: inline-block;
    min-width: 46px;
    font-weight: 700
}

.module-info-introduction {
    margin-bottom: 15px;
    padding-bottom: 15px
}

.module-info-introduction-content {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    max-height: 44px
}

.module-list {
    background: #fff
}

.module-play-list {
    margin: -5px;
    max-height: 380px;
    overflow-y: auto
}

.module-play-list-link {
    cursor: pointer;
    color: #424242;
    margin: 5px;
    padding: 0 10px;
    text-align: center;
    position: relative
}

.module-play-list-link.active {
    color: #e50914;
    font-weight: 700;
    background: #fff0ec!important
}

.module-play-list-link:hover {
    background: #fff0ec!important;
    color: #e50914
}

.module-play-list-link:hover::after {
    border: none
}

.module-play-list-link.active::after {
    border: none
}

.module-play-list-base .module-play-list-link {
    width: calc(10% - 10px)
}

.module-play-list-large .module-play-list-link {
    width: calc(14.2857% - 10px)
}

.module-play-list-larger .module-play-list-link {
    padding: 3px 20px;
    min-width: calc(20% - 10px)
}

.player-box-main {
    position: relative;
    overflow: hidden
}

.MacPlayer iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.MacPlayer {
    padding-bottom: 56.25%!important;
    display: block
}

.module-player {
    padding-bottom: 40px
}

.handle-btn {
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.module-player-handle-item.next {
    display: none
}

.prompt .main {
    padding-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center
}

.module-prompt {
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center
}

.module-prompt-pic {
    height: 150px;
    padding-bottom: 20px
}

.module-prompt-pic img {
    height: 100%;
    width: 100%
}

.module-prompt a {
    color: #757575
}

.module-prompt p {
    margin-top: 60px
}

.module-prompt-info {
    color: #757575;
    font-size: 14px;
    padding: 0 30px;
    width: 100%
}

.module-prompt-info-bg {
    position: relative;
    padding: 30px
}

.module-prompt-info-bg::after {
    content: '';
    position: absolute;
    height: 120px;
    width: 600px;
    background: linear-gradient(to bottom,#e9ecef 0%,#f7f8f9 50%);
    bottom: 110px;
    left: calc(50% - 300px);
    z-index: -1;
    border-radius: 50%
}

.module-jump-prompt {
    height: 80vh;
    width: 450px;
    margin: 0 auto;
    background: #fff url(http://hy.iaka.cn/images/colour-bg.png) no-repeat;
    background-size: 150%;
    background-position-y: -30px;
    box-shadow: 0 10px 50px rgba(0,0,0,.07);
    border-radius: 18px;
    position: relative;
    top: 5vh;
    left: 0
}

.module-jump-prompt::before {
    content: '';
    position: absolute;
    left: calc(50% - 24px);
    bottom: -80px;
    width: 48px;
    height: 48px;
    background: url(images/logo-o.svg.html) no-repeat;
    z-index: -1;
    background-size: contain
}

.module-jump-icon {
    height: 100px;
    width: 170px;
    margin: 0 auto 30px;
    background: url(images/jump.svg.html) no-repeat 20px;
    background-size: contain
}

.spinner {
    width: 60px;
    height: 18px;
    position: relative;
    margin: 0 auto 30px;
    font-size: 14px;
    text-align: center
}

.k-loader {
    display: inline-block;
    font-size: 2em;
    margin: 0 .5em 0 .2em;
    position: relative;
    height: .5em;
    width: 1em
}

.k-loader:before,.k-loader:after {
    content: "";
    display: block;
    height: .5em;
    position: absolute;
    width: .5em;
    border-radius: 50px
}

.k-loader:before {
    animation: k-loadingK 1.2s ease-in-out infinite,k-loadingM .6s ease-in-out infinite;
    background: #e50914;
    color: #fff;
    background: linear-gradient(to right,#ff711f 0%,#e50914 100%)
}

.k-loader:after {
    animation: k-loadingL 1.2s ease-in-out infinite,k-loadingN .6s ease-in-out infinite;
    background: #fcd877;
    background: linear-gradient(90deg,#f9f2df,#fcd877)!important
}

.fixedGroup {
    position: fixed;
    right: 0;
    bottom: 85px;
    width: 34px;
    z-index: 10;
    box-shadow: 0 2px 10px 0 rgb(0 0 0/10%);
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #fff
}

.fixedGroup .fixedGroup-item {
    position: relative;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 36px;
    height: 36px;
    cursor: pointer
}

.fixedGroup .retop {
    display: none
}

.fixedGroup .fixedGroup-item i {
    display: block;
    padding: 4px;
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    border-radius: 4px
}

.fixedGroup .fixedGroup-item::after {
    content: "";
    position: absolute;
    right: 50%;
    bottom: 0;
    width: 20px;
    height: 1px;
    background-color: #0c0d0f0f;
    transform: translateX(50%)
}

.fixedGroup .fixedGroup-item:last-child::after {
    content: none
}

.fixedGroup .fixedGroup-item:hover i {
    background-color: #f5f5f5
}

.fixedGroup .fixedGroup-item .fixedGroup__cell {
    display: none;
    font-size: 15px;
    position: absolute;
    top: 2px;
    right: 54px;
    padding: 0 12px;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    background-color: #4d4d4d;
    min-width: 52px;
    min-height: 32px;
    line-height: 32px;
    animation: fadeInOut .2s ease-out 0s forwards;
    transform: all .2s;
    white-space: nowrap
}

.fixedGroup .fixedGroup-item:hover .fixedGroup__cell {
    display: block
}

@keyframes fadeInOut {
    0% {
        transform: scale(.5)
    }

    100% {
        transform: scale(1)
    }
}

.fixedGroup .fixedGroup-item .fixedGroup__cell .fixedGroup__triangle {
    position: absolute;
    top: 12px;
    right: -5px;
    width: 10px;
    height: 10px;
    background-color: #4d4d4d;
    border-top-right-radius: 2px;
    transform: rotate(45deg)
}

@keyframes k-loadingK {
    0% {
        left: 0;
        transform: scale(1.2)
    }

    50% {
        left: 100%;
        transform: scale(1)
    }

    100% {
        left: 0;
        transform: scale(1.2)
    }
}

@keyframes k-loadingL {
    0% {
        left: 100%;
        transform: scale(1.2)
    }

    50% {
        left: 0;
        transform: scale(1)
    }

    100% {
        left: 100%;
        transform: scale(1.2)
    }
}

@keyframes k-loadingM {
    0% {
        z-index: 0
    }

    50% {
        z-index: 10
    }

    100% {
        z-index: -2
    }
}

@keyframes k-loadingN {
    0% {
        z-index: 1
    }

    50% {
        z-index: -2
    }

    100% {
        z-index: 10
    }
}

#page {
    padding: 15px 0;
    font-size: 0;
    text-align: center
}

.page-link {
    line-height: 34px;
    display: inline-block;
    font-size: 14px;
    border-radius: 8px;
    background: #e9ecef;
    min-width: 34px;
    position: relative;
    margin: 5px
}

.page-current:hover,.page-current {
    background: #e50914;
    color: #fff;
    background: linear-gradient(to right,#ff711f 0%,#e50914 100%);
    box-shadow: 0 10px 12px -4px rgba(229,9,20,.25);
    font-weight: 700
}

.page-previous,.page-next {
    padding: 0 18px
}

.page-more {
    background: #e9ecef;
    width: 180px;
    margin-top: -15px;
    border-radius: 0 0 18px 18px
}

.open~.shortcuts-mobile-overlay {
    background-color: rgba(57 61 73/80%);
    pointer-events: auto;
    z-index: 99
}

.none {
    display: none
}

.popupShow {
    display: block!important;
}

.popup {
    box-shadow: 0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1)!important;
    overflow: hidden;
    padding: 0 30px;
    background: #fff;
    width: 500px;
    z-index: 999999;
    margin: 0 auto;
    border-radius: 18px;font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* IE9支持 */
    -ms-transform: translate(-50%, -50%);
}

.popup::after {
    content: '';
    height: 150px;
    width: 120%;
    background: #f9d342;
    position: absolute;
    bottom: -95px;
    left: -10%;
    z-index: -1;
    border-radius: 50%
}

.popup-header {
    text-align: center;
    padding: 25px 0 10px
}

.popup-title {
    position: relative;
    font-size: 20px;
    font-weight: 900;
    display: inline-block
}

.popup-title::before {
    content: '';
    position: absolute;
    width: 90px;
    height: 15px;
    left: -5px;
    background: #ffddd5;
    bottom: 3px;
    border-radius: 4px;
    transform: skewX(-15deg);
    z-index: -1
}

.popup-main {
    padding-bottom: 10px;
}

.popup-main p {
    padding: 2px 0 0
}

.popup-main p.popup-domain {
    margin: 35px 0 25px;
    background: #f3f5f7;
    text-align: center;
    position: relative;
    border-radius: 10px;
    padding: 10px 0
}

.popup-main p.popup-domain:nth-child(2) {
    margin-top: 45px;
}

.popup-main p.popup-domain a {
    color: #0c0d0f
}

.popup-main p.popup-domain:hover {
    background: #ffe3e3
}

.popup-main p.popup-domain:hover a {
    color: #ff4e4e
}

.popup-main p.popup-domain span {
    position: absolute;
    left: 0;
    top: -24px;
    font-size: 12px;
    background: #ff4e4e;
    border-radius: 6px 6px 0 0;
    padding: 0 6px;
    height: 32px;
    line-height: 22px;
    color: #fff;
    z-index: -1
}

.popup-main p.popup-domain strong {
    font-size: 20px
}

.popup-icon .popup-main p {
    padding-bottom: 15px
}

.popup-icon .popup-main em {
    color: #e50914
}

.popup-main .pc {
    padding: 10px 0
}

.popup-main p a {
    color: #e50914 display:inline-block!important
}

.popup-main p:last-child {
    padding-top: 15px;
    margin-top: 15px
}

.popup-main p:last-child::after {
    background: #e3e6ea
}

.popup-main p img {
    height: 50%;
    width: 50%;
    display: block;
    margin: 0 auto
}

.popup-footer {
    padding: 10px 0 30px;
    text-align: center
}

.popup-btn {
    cursor: pointer;
}

.shortcuts-box {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    display: none;
    width: 100%;
    height: 100%
}

#shortcuts-info {
    position: absolute;
    width: 280px;
    height: auto;
    padding: 25px;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -140px;
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    background-color: #0c0d0f;
    border-radius: 8px
}

.skeleton-bg,.skeleton .module-poster-item-title,.skeleton .module-card-item-title,.skeleton .module-info-item span,.skeleton .module-card-item-footer span,.skeleton.module-play-list-link {
    background: linear-gradient(90deg,#e9ecef 25%,#e3e6ea 37%,#e9ecef 63%);
    background-size: 400% 500%;
    border-radius: 8px;
    animation: skeleton-loading 1.4s ease infinite
}

.skeleton .module-item-cover {
    background: linear-gradient(90deg,transparent 25%,#e3e6ea 37%,transparent 63%);
    background-size: 400% 500%;
    border-radius: 8px;
    animation: skeleton-loading 1.4s ease infinite
}

.skeleton .module-item-cover::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(http://hy.iaka.cn/images/loading.jpg) no-repeat center;
    background-size: 100%;
    z-index: -1
}

.skeleton .module-poster-item-title {
    height: 22px
}

.skeleton .module-poster-item .module-item-cover:hover {
    box-shadow: none
}

.skeleton .module-card-item-class {
    width: 38px
}

.skeleton .module-card-item-title {
    height: 18px;
    border-radius: 4px
}

.skeleton .module-info-item span {
    height: 14px;
    width: 30px;
    margin: 3px 3px 3px 0;
    border-radius: 4px
}

.skeleton .module-card-item-footer span {
    border-radius: 50px;
    height: 30px;
    width: 60px;
    top: -15px;
    position: relative;
    z-index: 1;
    margin-left: 20px;
    display: inline-block
}

.skeleton.module-play-list-link {
    height: 34px
}

.skeleton.module-play-list-link:hover {
    background: #e9ecef!important
}

.skeleton.module-play-list-link::after {
    border-color: transparent
}

.module-play-list-larger .skeleton.module-play-list-link {
    height: 40px
}

@keyframes skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

.player-rm {
    padding: 15px 10px;
    background: #000;
    position: relative;
    z-index: 10
}

.rm-list {
    font-size: 0
}

.rm-list img {
    display: block;
    width: 100%;
    border-radius: 8px
}

.rm-two a {
    margin: 0 5px;
    display: inline-block;
    width: calc(50% - 10px)
}

.app-module {
    padding: 40px 0 80px;
    position: relative
}

.app-module::after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: -30px;
    background: url(http://hy.iaka.cn/images/app-bg.png) no-repeat;
    background-size: 80%;
    z-index: -2
}

.app-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.app-title {
    font-size: 48px
}

.app-desc {
    font-size: 16px;
    color: #9e9e9e
}

.app-downlist {
    padding-top: 25px
}

.app-downlist .app-downlist-go {
    width: 200px;
    text-align: center
}

.app-downlist .app-downlist-go.disable {
    cursor: not-allowed;
    background: #c2c6d0;
    filter: grayscale(100%)
}

.app-downlist .app-downlist-go:hover.disable::after {
    height: 0
}

.app-pic {
    position: relative;
    padding: 20px 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(http://hy.iaka.cn/images/phone.png) no-repeat center;
    height: 500px;
    width: calc(100% + 80px);
    margin: 80px -40px 0;
    background-size: contain
}

.app-pic::before,.app-pic::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(247,248,249,.58);
    width: calc(50% - 123px);
    z-index: -1
}

.app-pic::before {
    left: 0
}

.app-pic::after {
    right: 0
}

.app-pic-list {
    animation: move 180s linear infinite;
    position: relative;
    z-index: -2;
    top: 15px;
    height: 100%;
    width: 218%;
    white-space: nowrap;
    display: flex
}

.app-pic-list-poster {
    height: 100%;
    width: 100%
}

.app-pic-list img {
    height: 100%;
    display: block
}

@keyframes move {
    0% {
        transform: translateX(0px)
    }

    100% {
        transform: translateX(-100%)
    }
}

.app-qrcode {
    height: 180px;
    width: 180px;
    border-radius: 18px;
    background: #fff;
    overflow: hidden;
    position: absolute;
    bottom: 45px
}

.app-qrcode img {
    height: 100%
}

.links-list {
    border-top: 2px solid #f1f3f5;
    position: relative;
    padding: 25px 0;
    margin-top: 20px;
    word-break: break-word;
    font-size: 0
}

.links-list .module-heading {
    display: inline-block;
    background: #f7f8f9;
    padding-right: 15px;
    position: absolute;
    left: 0;
    top: -13px;
    margin: 0
}

.links-list h3 {
    font-size: 16px
}

.links-list-go {
    font-size: 14px;
    margin: 0 10px 10px 0
}

.links-list-go:hover {
    text-decoration: underline
}

.footer-content {
    background: #e9ecef;
    margin: 0 -40px;
    padding: 20px 40px
}

.foot-logo {
    height: 28px
}

.foot-logo img {
    display: block;
    height: 100%
}

.foot-copyright {
    flex: 1;
    text-align: right
}

.foot-copyright a {
    margin-left: 20px;
    font-size: 13px;
    position: relative
}

.foot-copyright a::before {
    content: '/';
    position: absolute;
    left: -13px;
    color: #c2c6d0;
    bottom: -5%;
    font-size: 12px;
    font-weight: 400
}

.foot-copyright a:first-child::before {
    content: ''
}

.foot-copyright p {
    font-size: 12px;
    margin-top: 3px;
    color: #757575
}

@media(max-width: 4096px) {
    .module-poster-items-aline .module-poster-item:nth-last-child(-n+2) {
        display:none
    }
}

@media(max-width: 1789px) {
    .module-poster-items-small .module-poster-item:last-child {
        display:none
    }

    .module-poster-items-aline .module-poster-item:nth-last-child(-n+3),.module-poster-items-base .module-poster-item:nth-last-child(-n+2) {
        display: none
    }

    .view .module-poster-items-base .module-poster-item,.player .module-poster-items-base .module-poster-item {
        display: inline-block!important
    }

    .view .module-poster-items-base .module-poster-item:nth-child(n+15),.player .module-poster-items-base .module-poster-item:nth-child(n+15) {
        display: none!important
    }

    .module-poster-item {
        width: calc(14.285714% - 18px)
    }

    .module-card-item {
        width: calc(33.33% - 18px)
    }

    .module-title {
        font-size: 28px
    }
}

@media(max-width: 1549px) {
    .module-poster-item {
        width:calc(16.666667% - 18px)
    }

    .module-poster-items-small .module-poster-item:nth-last-child(-n+2) {
        display: none
    }

    .module-poster-items-aline .module-poster-item:nth-last-child(-n+4) {
        display: none
    }

    .module-poster-items-base .module-poster-item:nth-child(n+13) {
        display: none
    }

    .view .module-poster-items-base .module-poster-item:nth-child(n+13),.player .module-poster-items-base .module-poster-item:nth-child(n+13) {
        display: none!important
    }

    .module-play-list-base .module-play-list-link {
        width: calc(12.5% - 10px)
    }

    .module-play-list-large .module-play-list-link {
        width: calc(20% - 10px)
    }

    .module-play-list-larger .module-play-list-link {
        min-width: calc(25% - 10px);
        padding: 3px
    }
}

@media(max-width: 1369px) {
    .module-card-item {
        width:calc(50% - 18px)
    }
}

@media(min-width: 1025px) {
    .view .module-title,.player .module-title {
        font-size:24px
    }

    .view .module-heading.player-heading {
        height: 33px
    }

    .module-title a:hover {
        color: #e50914
    }

    .module-title a:hover .module-title-en,.module-title a:hover .module-ranking-tab-info {
        filter: grayscale(100%)
    }

    .module-poster-item .module-item-cover:hover {
        box-shadow: 0 20px 15px -10px rgba(0,0,0,.2),0 50px 35px -40px rgba(0,0,0,.4),0 50px 35px -40px rgba(243,2,2,.2)
    }

    .sidebar {
        width: 200px;
        padding: 64px 15px 0
    }

    .main,.footer {
        margin-left: 200px;
        padding-left: 40px;
        padding-right: 40px
    }

    .header {
        margin: 0 0 0 200px
    }

    .domain {
        position: absolute;
        bottom: 20px;
        width: 100%;
        left: 0
    }

    .domain img {
        width: 76%;
        margin-left: 12%
    }

    .navbar-item {
        font-size: 16px
    }

    .player-heading {
        margin-bottom: 17px
    }

    .player-heading .module-tab {
        margin: -8px 0 -25px
    }

    .player-list {
        height: 100%
    }

    .player-box-main {
        position: relative;
        overflow: hidden;
        display: inline-block;
        z-index: 10;
        width: calc(100% - 360px)
    }

    .player-box {
        font-size: 0;
        position: relative;
        background: #fff;
        border-radius: 0 0 18px 18px
    }

    .player-box::after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 0 0 18px 18px;
        z-index: 9;
        box-shadow: 0 2.75px 2.21px rgba(0,0,0,.01),0 6.65px 5.32px rgba(0,0,0,.02),0 12.5px 10px rgba(0,0,0,.01),0 22px 18px rgba(0,0,0,.03),0 42px 33.4px rgba(0,0,0,.02),0 100px 80px rgba(0,0,0,.01),0 0 1px rgba(0,0,0,.1)
    }

    .module-player-side {
        position: absolute;
        right: 0;
        top: 0;
        width: 360px;
        height: 100%;
        bottom: 0;
        z-index: 10;
        border-bottom-right-radius: 18px
    }

    .module-player-info {
        padding: 20px;
        position: relative;
        background: #e9ecef
    }

    .module-player-info .module-info-heading {
        margin: 0;
        position: relative
    }

    .module-player-info .module-info-heading h1 {
        font-size: 20px;
        position: initial;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        word-wrap: break-word;
        display: -webkit-box;
        overflow: hidden;
        max-height: 54px
    }

    .module-player-info .module-info-heading h1::before {
        left: -20px;
        height: 28px
    }

    .module-player-info .module-info-tag-link {
        background: #f7f8f9
    }

    .module-player-info .module-info-tag-link::after {
        border-color: #e3e6ea
    }

    .speed:hover .speed-prompt {
        display: block
    }

    .player .module-play-list-content {
        padding-bottom: 20px
    }

    .player .module-player .module-title {
        font-size: 14px;
        flex: 1
    }

    .player .player-heading {
        margin: 0;
        padding: 0 20px;
        background: #e9ecef
    }

    .player .player-heading .module-tab {
        margin: 0 0 -1px;
        flex: 3
    }

    .player .player-heading .module-tab-items {
        padding: 0;
        width: 100%
    }

    .player .module-list {
        box-shadow: none;
        background: 0 0;
        height: calc(100% - 205px);
        overflow: auto;
        border-radius: 0
    }

    .player .module-list.active {
        border-top: 1px solid #e3e6ea
    }

    .player .module-play-list {
        max-height: initial
    }

    .player .module-play-list-base .module-play-list-link {
        width: calc(33.33% - 10px)
    }

    .player .module-play-list-large .module-play-list-link {
        width: calc(50% - 10px)
    }

    .player .module-play-list-larger .module-play-list-link {
        min-width: calc(100% - 10px)
    }

    .player .module-tab-items {
        background: 0 0
    }

    .player .player-heading .module-tab-item.active {
        position: relative;
        z-index: 1;
        border-radius: 8px 8px 0 0;
        background: #fff;
        box-shadow: none;
        border: 1px solid #e3e6ea;
        border-bottom-color: #fff
    }

    .player .player-heading .module-tab-items-box {
        padding: 0
    }

    .player .player-heading .module-tab-item {
        line-height: 40px;
        padding: 0 12px
    }

    .module-player-handle-items {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 60px;
        z-index: 9;
        display: flex;
        align-items: center;
        border-top: 1px solid #f3f5f7;
        background: #fafafa;
        border-bottom-right-radius: 18px
    }

    .module-player-handle-item {
        font-size: 0;
        display: inline-block;
        flex: 1;
        position: relative;
        border-left: 3px solid #e3e6ea
    }

    .module-player-handle-item:first-child {
        border: none
    }

    .handle-btn {
        font-weight: 700;
        line-height: 15px
    }

    .module-player-handle-item:hover .handle-btn {
        color: #e50914
    }

    .play-btn.icon-btn span {
        display: none
    }

    .module-card-item-footer .icon-btn {
        padding: 0 8px 0 3px;
        margin-right: -15px
    }

    .module-card-item-footer .icon-btn,.module-card-item-footer .icon-btn::after {
        border-radius: 50px 18px 18px 50px
    }

    .module-card-item-footer .icon-btn::before {
        border-radius: 50px 25px 25px 50px
    }

    .module-card-item-footer .icon-btn+.play-btn-o {
        padding: 0 15px 0 13px
    }

    .module-card-item-footer .icon-btn+.play-btn-o,.module-card-item-footer .icon-btn+.play-btn-o::after {
        border-radius: 18px 50px 50px 18px
    }

    .module-card-item-footer .icon-btn+.play-btn-o::before {
        border-radius: 25px 50px 50px 25px
    }

    .handle-btn-icon {
        margin-right: 10px
    }

    .handle-btn-icon i {
        vertical-align: -1px
    }

    .drop-qrcode {
        top: inherit;
        bottom: 50px;
        width: 330px;
        right: 15px
    }

    .drop-qrcode-content {
        padding: 20px;
        font-size: 0
    }

    .drop-qrcode-info {
        text-align: center
    }

    .drop-qrcode-img {
        padding: 30px 0 15px
    }

    .drop-qrcode-img img {
        height: 160px;
        width: 160px;
        margin: 0 auto
    }

    .drop-qrcode-info-text {
        font-size: 14px;
        padding-left: 15px
    }

    .drop-qrcode-info-text p {
        color: #757575
    }

    .drop-qrcode-info-text p strong {
        font-weight: 700;
        color: #212121
    }

    .drop-qrcode-info-tips {
        font-size: 12px;
        margin: 15px 0 0;
        padding: 10px 12px;
        background: #fff0ec;
        border-radius: 8px
    }

    .player-rm {
        width: calc(100% - 360px);
        border-bottom-left-radius: 18px
    }
}

@media(max-width: 1024px) {
    .domain {
        display:none
    }

    .module-paper-item {
        width: calc(33.33% - 18px)
    }

    .module-paper-item:last-child {
        display: none
    }

    .module-poster-item {
        width: calc(20% - 18px)
    }

    .module-poster-items-small .module-poster-item:nth-last-child(-n+3) {
        display: none
    }

    .module-poster-items-aline .module-poster-item:nth-last-child(-n+4) {
        display: inline-block
    }

    .module-poster-items-base .module-poster-item:nth-last-child(-n+4) {
        display: inline-block
    }

    .module-poster-items-base .module-poster-item:nth-child(n+16) {
        display: none
    }

    .view .module-poster-items-base .module-poster-item:nth-child(n+13),.player .module-poster-items-base .module-poster-item:nth-child(n+13) {
        display: inline-block!important
    }

    .view .module-poster-items-base .module-poster-item:nth-child(n+16),.player .module-poster-items-base .module-poster-item:nth-child(n+16) {
        display: none!important
    }

    .module-paper-item-main a:hover {
        box-shadow: initial
    }

    .module-item-top {
        font-size: 24px;
        text-indent: 8px
    }

    .module-item-top::after {
        left: -120%;
        top: -50%
    }

    .module-heading-tab .module-heading-tab-link.active::after {
        bottom: -75%
    }

    .module-heading-tab-link,.module-title {
        font-size: 24px
    }

    .module-title-en,.module-ranking-tab-info {
        font-size: 30px
    }

    .module-heading-tab .line {
        height: 20px
    }

    .module-heading-search-result {
        font-size: 18px
    }

    .module-info-poster {
        width: 180px!important
    }

    .player-rm {
        border-radius: 0;
        padding: 10px 5px
    }

    .module-player-info {
        background: #fff;
        border-radius: 0 0 18px 18px;
        position: relative;
        padding: 20px 0 25px;
        margin-bottom: 40px
    }

    .module-player-info::after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 18px;
        z-index: 1;
        box-shadow: 0 2.75px 2.21px rgba(0,0,0,.01),0 6.65px 5.32px rgba(0,0,0,.02),0 12.5px 10px rgba(0,0,0,.01),0 22px 18px rgba(0,0,0,.03),0 42px 33.4px rgba(0,0,0,.02),0 100px 80px rgba(0,0,0,.01),0 0 1px rgba(0,0,0,.1)
    }

    .module-player-info .module-info-heading {
        margin: 0 0 0 25px;
        max-width: 75%
    }

    .module-player-handle-item.qrcode {
        display: none
    }

    .module-player-handle-item.next {
        display: inline-block
    }

    .module-card-item-footer a {
        font-size: 12px
    }

    .module-card-item-footer .play-btn.icon-btn {
        text-indent: initial;
        margin-right: -5px;
        padding: 0 15px
    }

    .module-card-item-footer .play-btn i {
        margin-right: 5px
    }

    .module-card-item-footer a span {
        font-weight: 700
    }

    .module-card-item-footer .play-btn.icon-btn span {
        position: relative;
        top: -2%
    }

    .module-player-side {
        position: relative
    }

    .module-player-handle-items {
        position: absolute;
        top: 25px;
        right: 25px;
        z-index: 9
    }

    .module-player-handle-item {
        display: inline-block;
        margin-left: 10px
    }

    .handle-btn {
        border-radius: 8px;
        height: 70px;
        width: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background: #f7f8f9
    }

    .handle-btn:hover {
        background: #e9ecef
    }

    .handle-btn-icon {
        font-size: 18px
    }

    .handle-btn-name {
        font-size: 12px
    }

    .app-title {
        font-size: 38px
    }

    .app-desc {
        font-weight: 400
    }

    .app-qrcode {
        display: none
    }

    .app-module::after {
        background-size: 180%;
        background-position-x: -180px
    }
}

@media(min-width: 900px) {
    .header .header-box {
        margin:0 40px
    }
}

@media(max-width: 899px) {
    .header-op-list-btn span {
        display:none
    }

    .header-op-list-btn {
        padding: 0;
        width: 35px;
        text-align: center
    }

    .header-op-list-btn i {
        margin: 0;
        font-size: 18px;
        height: 18px;
        width: 18px;
        vertical-align: text-bottom;
        font-weight: 900
    }

    .module-items {
        margin-right: -15px
    }

    .module-item {
        margin: 0 15px 18px 0
    }

    .module-heading-tab {
        justify-content: center
    }

    .module-poster-item {
        width: calc(25% - 15px)
    }

    .module-card-item {
        width: calc(100% - 15px);
        margin-bottom: 40px!important
    }

    .module-poster-items-small .module-poster-item:nth-last-child(-n+3) {
        display: inline-block
    }

    .module-poster-items-aline .module-poster-item:nth-last-child(-n+2) {
        display: none
    }

    .module-poster-items-base .module-poster-item:nth-child(n+13) {
        display: none
    }

    .view .module-poster-items-base .module-poster-item:nth-child(n+16),.player .module-poster-items-base .module-poster-item:nth-child(n+16) {
        display: inline-block!important
    }

    .module-play-list-base .module-play-list-link {
        width: calc(20% - 10px)
    }

    .module-play-list-large .module-play-list-link {
        width: calc(33.3333% - 10px)
    }

    .module-play-list-larger .module-play-list-link {
        min-width: calc(33.3333% - 10px)
    }

    .module-paper-item {
        width: calc(50% - 15px)
    }

    .module-paper-item:nth-last-child(-n+2) {
        display: none
    }

    .module-item-note {
        font-size: 10px
    }

    .module-poster-items-small .module-item-note {
        padding: 3px 7px 2px;
        border-radius: 8px -2px
    }

    .module-info-poster {
        width: 140px!important;
        margin: 0 15px!important
    }

    .module-info-heading h1 {
        font-size: 24px
    }

    .module-player-info .module-info-heading {
        max-width: 65%
    }

    .app-module::after {
        background-size: 130%
    }

    .foot-logo {
        display: none
    }

    .foot-copyright {
        text-align: center;
        padding: 0 10px
    }

    #friendlink {
        display: none
    }
}

@media(min-width: 560px) {
    #mobile-tab-box {
        display:none!important
    }

    .sidebar {
        height: 100vh;
        background: #fff;
        border-right: 1px solid #e9ecef
    }

    .main {
        padding-top: 94px;
        min-height: calc(100vh - 175px)
    }

    .header {
        z-index: 11;
        background: rgba(247,248,249,.97);
        -webkit-backdrop-filter: saturate(180%) blur(10px)
    }

    .header .header-box {
        border-radius: 0;
        box-shadow: 0 1px 0 rgba(0,0,0,.05)
    }

    .header-op-list-btn i {
        vertical-align: text-bottom
    }

    .searchbar {
        border-radius: 8px
    }

    .searchbar-main.open .search-recommend {
        box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
        padding: 20px;
        border-radius: 0 0 8px 8px
    }

    .navbar-item {
        padding: 0 16px;
        height: 40px;
        line-height: 39px;
        display: flex;
        align-items: center
    }

    .navbar-item.active::before,.navbar-item.active .links::before {
        border: 1px solid #e9ecef
    }

    .navbar-item.active {
        margin: 0 -16px 0 0;
        padding-left: 16px;
        background: linear-gradient(to right,#fff 0%,#e9ecef 90%,#f7f8f9 90%)
    }

    .navbar-item.active a {
        background: linear-gradient(to right,#fff 0%,#f7f8f9 90%)
    }

    .navbar-item.active::before {
        border-width: 0 1px 1px 0
    }

    .navbar-item.active .links::before {
        border-width: 1px 1px 0 0
    }

    .navbar-item.active .icon-home-o:before {
        content: "\e909"
    }

    .navbar-item.active .icon-dy-o:before {
        content: "\e905"
    }

    .navbar-item.active .icon-tv-o:before {
        content: "\e90b"
    }

    .navbar-item.active .icon-dm-o:before {
        content: "\e907"
    }

    .navbar-item.active .icon-zy-o:before {
        content: "\e903"
    }

    .navbar-item.active .icon-update-o:before {
        content: "\e90f"
    }

    .navbar-item.active .icon-ranking-o:before {
        content: "\e90d"
    }

    .navbar-item.active .icon-jl-o:before {
        content: "\e913"
    }

    .navbar-item.active .icon-phone-o:before {
        content: "\e974"
    }

    .navbar-item.active .icon-week-o:before {
        content: "\e975"
    }

    .navbar-hr {
        margin: 10px 0;
        padding: 0;
        height: 1px;
        background: #f7f8f9
    }

    .navbar-item a {
        display: inline-block;
        width: 100%;
        height: calc(100% - 2px)
    }

    .navbar-item span {
        margin-left: 10px
    }

    .navbar-item i {
        vertical-align: text-bottom;
        width: 19px;
        text-align: center
    }

    .navbar-item i.icon-arrow-go {
        float: right;
        line-height: 40px;
        font-size: 12px;
        color: transparent;
        margin-right: 20px
    }

    .navbar-item:hover i.icon-arrow-go {
        margin: 0;
        color: #e50914
    }

    .navbar-item.active i.icon-arrow-go {
        display: none
    }

    .module-tab {
        white-space: nowrap;
        overflow: auto;
        max-width: 75%
    }

    .module-tab-items {
        background: #e9ecef;
        border-radius: 8px;
        padding: 3px;
        overflow: auto
    }

    .module-tab-items::-webkit-scrollbar {
        display: none
    }

    .module-tab-item {
        cursor: pointer;
        position: relative
    }

    .module-tab-item:hover {
        color: #e50914
    }

    .module-tab-item.active {
        border-radius: 6px;
        background: #fff;
        font-weight: 700;
        color: #e50914
    }

    .module-class {
        padding: 5px 0
    }

    .module-class::after {
        border-color: #e9ecef;
        border-width: 2px 0
    }

    .module-info-poster {
        width: 220px;
        float: right;
        margin: 0 25px;
        position: relative;
        z-index: 10
    }

    .module-info-heading {
        margin: 0 0 20px 25px;
        position: relative
    }

    .view .module-info-heading::after {
        content: '';
        position: absolute;
        left: -25px;
        height: 100%;
        border-left: 2px dashed #dbdee2;
        bottom: -20px;
        z-index: -1
    }

    .module-info-heading h1::before {
        content: '';
        position: absolute;
        left: -25px;
        height: 40px;
        width: 5px;
        background: #e50914;
        border-radius: 0 4px 4px 0
    }

    .module-info-tag {
        display: flex;
        align-items: center
    }

    .module-info-content {
        position: relative
    }

    .module-info-content::after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 18px;
        z-index: 9;
        box-shadow: 0 2.75px 2.21px rgba(0,0,0,.01),0 6.65px 5.32px rgba(0,0,0,.02),0 12.5px 10px rgba(0,0,0,.01),0 22px 18px rgba(0,0,0,.03),0 42px 33.4px rgba(0,0,0,.02),0 100px 80px rgba(0,0,0,.01),0 0 1px rgba(0,0,0,.1)
    }

    .module-info-content {
        border-radius: 0 18px 18px 18px;
        background: #fff
    }

    .module-info-items {
        min-height: 235px
    }

    .module-mobile-play,.module-poster-bg {
        display: none
    }

    .module-info-footer {
        background: #fafafa;
        z-index: 10;
        padding: 25px;
        border-radius: 0 0 18px 18px
    }

    .module-info-play {
        position: relative;
        z-index: 9;
        margin-top: -45px
    }

    .module-info-item:last-child {
        padding-bottom: 15px
    }

    .module-list {
        border-radius: 8px 0 8px 8px;
        padding: 20px
    }

    .player-heading .module-tab-items {
        padding: 0;
        border-radius: 8px 8px 0 0
    }

    .player-heading .module-tab-items-box {
        padding: 5px 5px 0
    }

    .player-heading .module-tab-item {
        line-height: 45px
    }

    .player-heading .module-tab-item.active {
        border-radius: 6px 6px 0 0
    }

    .module-player {
        margin-top: -30px
    }

    .app-downlist .app-downlist-go {
        line-height: 50px;
        font-size: 20px;
        margin-right: 20px
    }

    .app-downlist .app-downlist-go:last-child {
        margin: 0
    }

    .app-downlist .app-downlist-go::after {
        height: 55px
    }

    .app-downlist .app-downlist-go i {
        height: 20px;
        width: 20px;
        font-size: 20px;
        vertical-align: -1px
    }
}

@media(min-width: 559px) and (max-width:1024px) {
    .logo {
        margin:0;
        padding: 0;
        justify-content: center;
        width: 100px;
        left: -125px
    }

    .logo a {
        height: 32px;
        width: 32px;
        overflow: hidden
    }

    .sidebar {
        width: 100px;
        padding-top: 64px
    }

    .navbar-item {
        text-align: center;
        height: 78px;
        line-height: inherit;
        font-size: 14px
    }

    .navbar-item a {
        padding: 12px 0
    }

    .navbar-item.active {
        margin: 0 -1px 0 16px;
        padding: 0 15px 0 0;
        background: linear-gradient(to right,#fff 0%,#e9ecef 80%,#f7f8f9 80%)
    }

    .navbar-item i.icon-arrow-go {
        display: none
    }

    .navbar-item i {
        width: 100%;
        margin: 5px 0 2px;
        height: auto;
        font-size: 20px
    }

    .navbar-item span {
        margin: 0
    }

    .navbar-item.active .links::before,.navbar-item.active .links::after {
        bottom: -20px;
        right: -15px
    }

    .navbar-hr {
        margin: 5px 0
    }

    .main,.footer {
        margin-left: 100px;
        padding-left: 25px;
        padding-right: 25px
    }

    .footer-content {
        margin: 0 -25px;
        padding-right: 25px;
        padding-left: 25px
    }

    .header {
        margin: 0 0 0 100px;
        width: calc(100% - 100px)
    }

    .header .header-box {
        margin: 0 25px
    }

    .player-heading {
        margin-bottom: 15px
    }

    .player-heading .module-tab {
        margin: -3px 0 -15px
    }

    .module-player-info .module-info-heading {
        z-index: 2
    }

    .app-pic {
        width: calc(100% + 50px);
        margin: 60px -25px 0
    }
}

@media(max-width: 559px) {
    .nonenav {
        display:none
    }

    .homepage:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        background: linear-gradient(to bottom,#f1f3f5 0%,#e3e6ea 100%);
        height: 175px
    }

    .display {
        display: none
    }

    .drop:hover .shortcuts-mobile-overlay {
        background-color: rgba(0,0,0,.18)
    }

    .popup {
        width: 82%;
        padding: 0 25px
    }

    .popup-main p {
        font-size: 13px
    }

    .homepage .main {
        min-height: calc(100vh - 323px)
    }

    .page .main {
        padding-top: 54px;
        min-height: calc(100vh - 196px)
    }

    .page .header {
        display: none
    }

    .list .sidebar,.app .sidebar {
        background: #e9ecef
    }

    .page.open .header {
        display: inline-block
    }

    .open .header {
        z-index: 11
    }

    .header {
        position: relative;
        padding: 100px 15px 20px;
        height: 220px;
        width: 100%
    }

    .header-box {
        height: auto;
        justify-content: center
    }

    .header-op {
        display: none
    }

    .header-op-search {
        display: inline-block
    }

    .page .side-op {
        right: 0
    }

    .logo {
        position: initial;
        width: auto;
        padding: 0
    }

    .logo a {
        height: 32px
    }

    .sidebar {
        width: 100%;
        top: 0;
        display: flex;
        padding: 5px 0
    }

    .homepage .navbar {
        width: calc(100vw - 45px);
        transition: width .3s ease
    }

    .navbar.open,.page .navbar {
        width: calc(100vw - 85px)
    }

    .side-op {
        position: absolute;
        right: -40px;
        width: 85px;
        transition: right .3s ease;
        display: inline-block;
        font-size: 0;
        padding: 2px 10px 2px 5px;
        box-shadow: -15px 0 10px -12px rgba(0,0,0,.2)
    }

    .side-op.open {
        right: 0
    }

    .searchbar {
        background: #fff;
        box-shadow: 0 7px 21px rgba(149,157,165,.22),0 0 1px rgba(0,0,0,.1);
        height: 50px
    }

    .search-box {
        position: absolute;
        top: 50px;
        width: 100%
    }

    .searchbar-main.open {
        position: fixed;
        height: 100vh;
        left: 0;
        top: 0;
        max-width: initial;
        background: linear-gradient(to bottom,#f7f8f9 0%,#fff 100%)
    }

    .searchbar-main.open::after {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        background: url(http://hy.iaka.cn/images/colour-bg.png) no-repeat;
        background-size: 100%;
        top: 0;
        z-index: -1
    }

    .searchbar-main.open .searchbar {
        margin: 15px 55px 0 15px
    }

    .searchbar-main.open .search-recommend {
        width: 100%;
        left: 0;
        z-index: 9;
        padding: 20px 15px;
        background: 0 0
    }

    .searchbar-main.open .cancel-btn {
        display: inline-block;
        margin: 0 15px 0 0;
        background: 0 0;
        pointer-events: auto;
        position: absolute;
        right: -56px;
        font-weight: 700
    }

    .search-tag a {
        line-height: 34px;
        font-weight: 700;
        border-radius: 50px
    }

    .sidebar-bg {
        background: rgba(227,230,234,.98);
        z-index: 10
    }

    .navbar {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .navbar::-webkit-scrollbar {
        display: none
    }

    .navbar-items {
        display: inline-flex;
        padding: 0 5px
    }

    .navbar-item {
        display: inline-block;
        white-space: nowrap
    }

    .navbar-item a {
        display: inline-block;
        font-size: 16px;
        font-weight: 700;
        color: #616161;
        padding: 0 10px;
        height: 44px;
        line-height: 44px
    }

    .navbar-item.active a {
        color: #0c0d0f
    }

    .navbar-item i {
        display: none
    }

    .navbar-item .current {
        position: absolute;
        background: #fcd877;
        width: 60%;
        height: 20%;
        bottom: 10px;
        left: 20%;
        z-index: -1
    }

    .navbar-hr {
        display: none
    }

    .radian::before,.navbar-item.active::before,.radian::after,.navbar-item.active::after,.radian .links::before,.navbar-item.active .links::before,.radian .links::after,.navbar-item.active .links::after {
        height: 0;
        width: 0
    }

    .main {
        padding: 20px 15px 0;
        position: relative
    }

    .page-heading {
        display: none
    }

    .module-heading {
        margin-bottom: 15px
    }

    .module-heading-tab {
        padding-top: 20px;
        margin: 0 -15px 15px;
        background: #e9ecef
    }

    .module-heading-tab::after {
        background: #e3e6ea
    }

    .module-heading-tab .module-heading-tab-link.active::after {
        bottom: -103%
    }

    .pianku .module-heading-tab {
        margin-bottom: -1px
    }

    .module-heading-search {
        border-bottom-width: 1px;
        padding: 25px 0 10px
    }

    .module-heading-tab .line {
        height: 18px;
        width: 3px
    }

    .module-heading-tab-link {
        font-size: 18px
    }

    .module-title {
        font-size: 20px
    }

    .module-title-en,.module-ranking-tab-info {
        opacity: .12;
        font-size: 24px;
        transform: scale(1,1.1);
        bottom: 5px
    }

    .module-heading-more {
        font-size: 13px
    }

    .module-heading-more::after {
        border-color: #c2c6d0
    }

    .module-heading-more i {
        vertical-align: 0;
        margin: 0 -2px 0 2px
    }

    .module-items {
        margin-right: -10px
    }

    .module-items.scroll-content .el-skeleton {
        width: calc(100vw - 30px)
    }

    .module-poster-item {
        margin: 0 10px 10px 0
    }

    .module-poster-item {
        width: calc(33.33% - 10px)
    }

    .module-poster-items-small .module-poster-item {
        width: 40vw;
        box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
        background: #fff;
        z-index: 1;
        border-radius: 8px
    }

    .module-poster-item-info {
        margin: 8px 0 4px
    }

    .module-paper-item-main a {
        min-height: 40px;
        padding: 8px 0;
        margin: 0 10px
    }

    .module-paper-item-main a:hover {
        padding: 8px 10px
    }

    .module-paper-item-main .icon-arrow-right {
        right: 8px
    }

    .module-paper-item-main a:hover .icon-arrow-right {
        right: 18px
    }

    .module-paper-item-main a:nth-last-child(-n+5) {
        display: none
    }

    .module-paper-item-num {
        font-size: 18px;
        width: 38px
    }

    .module-poster-items-small .module-item-nopic .module-item-pic::before {
        border: none
    }

    .module-poster-items-base .module-poster-item:nth-child(n+13) {
        display: none
    }

    .module-poster-items-aline .module-poster-item:nth-last-child(-n+2) {
        display: inline-block
    }

    .module-poster-items-aline .module-poster-item:nth-last-child(-n+1) {
        display: none
    }

    .view .module-poster-items-base .module-poster-item:nth-child(16),.player .module-poster-items-base .module-poster-item:nth-child(16) {
        display: none!important
    }

    .module-paper-item:nth-last-child(-n+2) {
        display: inline-block
    }

    .module-poster-items-small .module-item-cover {
        padding-top: 55%;
        border-radius: 8px 8px 0 0
    }

    .module-poster-items-small .module-poster-item-info {
        padding: 0 10px;
        margin: 6px 0 7px
    }

    .module-card-item {
        width: calc(100% - 10px);
        box-shadow: 0 15px 40px rgba(0,0,0,.05)
    }

    .module-card-item-poster {
        width: 110px;
        margin: -40px 0 0 -20px
    }

    .module-card-item:after {
        border: none
    }

    .module-card-item-info {
        margin-left: 105px;
        min-height: 95px
    }

    .module-card-item-class,.module-card-item-info .module-info-item {
        font-size: 12px
    }

    .module-card-item-footer a {
        margin: 0 -5px 0 15px
    }

    .module-tab-items {
        display: none
    }

    .module-tab-item {
        width: calc(33.33% - 10px);
        margin: 5px;
        border-radius: 8px;
        background: #f1f3f5;
        color: #424242;
        padding: 0 15px;
        position: relative;
        text-align: center;
        line-height: 40px;
        font-size: 14px
    }

    .module-tab-item.active {
        color: #e50914;
        background: #ffeae5;
        font-weight: 700;
        box-shadow: none
    }

    .module-tab-item span {
        width: calc(100% + 30px);
        height: 100%;
        display: inline-block;
        margin: 0 -15px
    }

    .module-tab-items-box {
        margin: 0 -5px;
        padding-bottom: 15px
    }

    .module-tab-drop {
        position: relative
    }

    .speed {
        left: 10px;
        top: 5px
    }

    .module-tab .module-tab-items {
        position: fixed;
        width: 100%;
        padding: 15px 25px 0;
        min-height: 50vh;
        max-height: 80vh;
        border-radius: 18px 18px 0 0;
        display: inline-block;
        left: 0;
        bottom: 0;
        z-index: 5000;
        background: #fff url(http://hy.iaka.cn/images/colour-bg.png) no-repeat;
        background-size: 150%;
        background-position-y: -20px;
        transform: translate3d(0,100%,0);
        visibility: hidden;
        transition: transform .25s cubic-bezier(.4,0,.2,1),visibility .25s linear 0s
    }

    .module-tab.module-tab-drop .module-tab-items {
        transform: translateZ(0)
    }

    .module-tab-drop+.shortcuts-mobile-overlay {
        top: 0;
        background-color: rgba(0,0,0,.6);
        pointer-events: auto
    }

    .module-tab-title {
        position: relative;
        display: block;
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        padding: 10px 5px 15px;
        margin-bottom: 10px
    }

    .module-tab-name {
        font-size: 13px;
        display: inline-block!important;
        padding: 0 12px;
        background: #e9ecef
    }

    .module-tab-name i {
        font-size: 10px;
        transform: scale(.6);
        margin: -10px 0 0 3px;
        font-weight: 900;
        vertical-align: 0
    }

    .close-drop {
        position: absolute;
        left: 0;
        top: 9px;
        height: 30px;
        width: 30px;
        line-height: 28px;
        border-radius: 50px
    }

    .close-drop:hover {
        background: #fff0ec;
        color: #e50914
    }

    .close-drop i {
        font-size: 12px;
        transform: scale(.8);
        font-weight: 700;
        vertical-align: 0
    }

    .module-page {
        margin-top: 15px
    }

    .module-class {
        margin: 0 -15px;
        background: #fff;
        padding: 8px 15px
    }

    .module-class-items {
        padding: 0 15px!important
    }

    .module-class-item {
        padding: 2px 0
    }

    .module-item-title {
        margin-right: 12px;
        width: 40px;
        line-height: 40px;
        font-size: 14px
    }

    .module-item-title i {
        margin-left: 4px
    }

    .module-item-box {
        display: inline-flex
    }

    .module-item-box a {
        padding: 5px 10px;
        color: #424242;
        font-size: 13px;
        margin-right: 0
    }

    .module-item-box a::after {
        border: 0
    }

    .module-footer {
        border: none;
        margin: 0
    }

    .module-list {
        padding: 15px;
        border-radius: 8px
    }

    .module-play-list-link::after {
        border-color: #dbdee2
    }

    .module-play-list-base .module-play-list-link {
        width: calc(25% - 10px)
    }

    .module-play-list-large .module-play-list-link {
        width: calc(50% - 10px)
    }

    .module-play-list-larger .module-play-list-link {
        min-width: calc(50% - 10px)
    }

    .module-mobile-play {
        text-align: center;
        padding: 30px 0 10px
    }

    .module-info .module-main {
        position: relative;
        z-index: 9;
        border-radius: 18px 18px 8px 8px;
        box-shadow: 0 2.75px 2.21px rgba(0,0,0,.01),0 6.65px 5.32px rgba(0,0,0,.02),0 12.5px 10px rgba(0,0,0,.01),0 22px 18px rgba(0,0,0,.03),0 42px 33.4px rgba(0,0,0,.02),0 100px 80px rgba(0,0,0,.01),0 0 1px rgba(0,0,0,.1);
        background: #fff url(http://hy.iaka.cn/images/colour-bg.png) no-repeat;
        background-size: 150%;
        background-position-y: -20px;
        margin-top: 210px
    }

    .module-poster-bg {
        width: 100%;
        position: absolute;
        top: -170px;
        left: 0;
        overflow: hidden;
        border-radius: 0
    }

    .module-poster-bg::before {
        content: '';
        height: 100%;
        width: 100%;
        bottom: 0;
        border-radius: 0;
        position: absolute;
        z-index: 2;
        background: rgba(255,255,255,.68);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px)
    }

    .module-poster-bg:after {
        content: '';
        position: absolute;
        z-index: 2;
        opacity: .1;
        height: 100%;
        width: 100%;
        top: 0;
        background-image: url(http://hy.iaka.cn/images/frosted.png);
        background-size: 30%;
        filter: invert(100%)
    }

    .module-poster-bg .module-item-cover:after {
        content: '';
        position: absolute;
        z-index: 2;
        opacity: .26;
        height: 100%;
        width: 100%;
        top: 0;
        background-image: url(http://hy.iaka.cn/images/frosted.png);
        background-size: 29%
    }

    .module-poster-bg .module-item-cover:before {
        content: '';
        position: absolute;
        z-index: 2;
        height: 30%;
        width: 100%;
        bottom: 0;
        background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 100%)
    }

    .module-poster-bg .module-item-cover {
        border-radius: 0;
        width: 100%;
        left: 0%
    }

    .module-info-poster {
        position: relative;
        top: -180px;
        margin: 0 auto -160px!important;
        width: 170px!important
    }

    .module-info-poster .module-item-cover {
        box-shadow: 0 20px 15px -10px rgba(0,0,0,.2),0 50px 35px -40px rgba(0,0,0,.4),0 50px 35px -40px rgba(0,0,0,.2)
    }

    .module-info-poster .module-item-nopic .module-item-pic::before {
        border: none
    }

    .view .module-info-heading {
        text-align: center;
        padding: 5px 0 0
    }

    .view .module-info-heading h1 {
        padding: 0 20px
    }

    .module-info-items {
        padding: 20px
    }

    .module-info-introduction::after {
        background: #e3e6ea
    }

    .module-info-introduction-content {
        -webkit-line-clamp: 5;
        max-height: 111px
    }

    .module-info-tag-link {
        margin-right: 6px
    }

    .module-info-tag-link a {
        color: #757575
    }

    .module-info-footer {
        display: none
    }

    .module-info-item:last-child {
        padding-bottom: 0
    }

    .player-box,.module-player-info {
        margin: 0 -15px;
        border-radius: 0
    }

    .module-player-info::after {
        border-radius: 0;
        box-shadow: 0 1px 0 #f1f3f5
    }

    .module-player-info {
        padding: 15px 0 20px;
        margin-bottom: 30px
    }

    .module-player-info .module-info-heading {
        max-width: 72%;
        margin: 0 0 0 15px;
        position: relative;
        z-index: 9
    }

    .module-player-info .module-info-heading h1 {
        font-size: 20px;
        margin-bottom: 6px
    }

    .module-player-info .module-info-tag-link {
        font-size: 12px;
        height: 26px;
        line-height: 26px;
        padding: 0 10px
    }

    .module-player-handle-items {
        top: 12px;
        right: 0
    }

    .module-player-handle-item {
        margin-left: 0
    }

    .handle-btn {
        height: 35px;
        width: 40px;
        background: 0 0
    }

    .handle-btn-name {
        display: none
    }

    .handle-btn-icon {
        font-size: 16px
    }

    .handle-btn-icon i {
        vertical-align: -1px
    }

    .module-jump-prompt {
        width: 90vw;
        left: 5vw;
        top: 4vh;
        margin: 0;
        height: 70vh
    }

    .player-rm {
        padding: 0;
        z-index: 9
    }

    .rm-two a {
        margin: 5px;
        width: calc(100% - 10px)
    }

    .rm-two a:last-child {
        margin-top: 0
    }

    .app-module::after {
        background-size: 140%;
        background-position-x: -130px
    }

    .app-info {
        text-align: center;
        padding: 0 20px
    }

    .app-title {
        font-size: 30px
    }

    .app-desc {
        font-size: 14px
    }

    .app-downlist {
        text-align: center
    }

    .app-downlist .app-downlist-go {
        margin: 10px 5px!important;
        width: 130px;
        padding: 0 15px
    }

    .app-downlist .app-downlist-go i {
        font-size: 14px;
        vertical-align: -1px
    }

    .app-pic {
        width: calc(100% + 30px);
        margin: 40px -15px 0;
        height: 350px
    }

    .app-pic::before,.app-pic::after {
        width: calc(50% - 80px);
        background: rgba(247,248,249,.8)
    }

    .app-pic-list {
        -webkit-animation: move 180s linear infinite;
        width: 600%
    }

    @-webkit-keyframes move {
        0% {
            transform: translateX(0px)
        }

        100% {
            transform: translateX(-100%)
        }
    }

    .skeleton.module-play-list-link {
        height: 30px
    }

    .module-play-list-larger .skeleton.module-play-list-link {
        height: 36px
    }

    .module-shadow .scroll-box {
        margin-bottom: -80px;
        padding-bottom: 100px
    }

    .scroll-box {
        margin: 0 -15px;
        padding: 0 15px 15px;
        overflow-y: auto;
        webkit-overflow-scrolling: touch
    }

    .scroll-content {
        display: inline-flex
    }

    .scroll-content .module-paper-item {
        width: 68vw;
        margin: 1px 15px 0 0
    }

    .scroll-box::-webkit-scrollbar {
        display: none
    }

    .footer .content {
        margin: 0 15px;
        width: auto
    }

    .footer-content {
        margin: 0 -15px;
        padding: 20px 0
    }

    .foot-copyright a:first-child {
        margin: 0
    }

    .links-list .module-main {
        margin: 0 -5px
    }

    .links-list-go {
        width: calc(50% - 10px);
        margin: 5px;
        display: inline-block;
        color: #616161;
        line-height: 34px;
        padding: 0 12px;
        border-radius: 8px;
        background: #fff
    }

    .m-module-tab-week {
        width: 100%;
        display: flex;
        justify-content: space-between;
        background: 0 0!important
    }

    .m-module-heading {
        display: flex;
        flex-direction: column;
        align-items: baseline
    }

    .m-module-tab {
        width: 100%
    }

    .m-module-tab-week {
        width: 100%;
        display: flex;
        justify-content: space-between;
        background: 0 0!important
    }

    .m-tab-item.active {
        background: 0 0!important
    }

    .m-tab-item {
        width: auto;
        padding: 0;
        margin: 0;
        background: 0 0!important
    }
}

.module-tab-item small {
    background: linear-gradient(90deg,#fafafa,#fff0ec);
    color: #757575;
    box-shadow: 0 3px 10px rgba(0,0,0,.2);
    position: absolute;
    right: -3px;
    top: -3px;
    transform: scale(.8);
    transform-origin: top right;
    font-weight: 400;
    padding: 0 6px;
    border-radius: 8px;
    height: 19px;
    line-height: 18px;
    font-size: 12px
}

.module-tab-item small.no {
    right: 0;
    top: -1px;
    height: 16px;
    line-height: 15px;
    padding: 0 4px
}

.module-tab-item.active small {
    background: #e50914;
    color: #fff;
    background: linear-gradient(to right,#ff711f 0%,#e50914 100%);
    color: #fff
}

.container-slide {
    position: relative
}

.swiper {
    width: 100%;
    overflow: hidden
}

.swiper-big .swiper-slide .banner {
    position: relative;
    display: block;
    height: 28vw;
    min-height: 180px;
    max-height: 520px;
    border-radius: 8px;
    overflow: hidden
}

.swiper-big .swiper-slide .banner::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(1,1,1,.2);
    pointer-events: none
}

.swiper-big {
    min-height: 180px;
    max-height: 520px;
    margin: 0 0 20px;
    border-radius: 8px
}

.swiper-big img {
    width: 100%;
    height: 370px;
    object-fit: cover
}

.sm-swiper {
    position: absolute;
    right: 100px;
    top: 50%;
    z-index: 9;
    width: 220px;
    transform: translateY(-50%)
}

.swiper-small {
    width: 85%;
    margin: 0 auto
}

.swiper-small .swiper-slide .pic {
    width: 126px;
    height: 168px;
    margin: 0 auto;
    background-color: #373737;
    border-radius: 5px;
    overflow: hidden
}

.swiper-small .swiper-slide .pic img {
    width: 100%;
    object-fit: cover
}

.swiper-small .swiper-slide {
    display: block;
    padding-left: 10px;
    width: 100%;
    height: 100%
}

.swiper-small .swiper-slide {
    color: #fff
}

.swiper-small .swiper-slide .title a {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 24px;
    color: #fff;
    padding: 15px 0
}

.swiper-small .swiper-slide .ins p {
    color: #fff;
    font-size: 14px;
    opacity: .7;
    padding: 3px 0;
    margin: 0
}

.swiper-small .swiper-slide .ins {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.swiper-button-next::after,.swiper-button-prev::after {
    content: ""!important
}

.swiper-button-next,.swiper-button-prev {
    -webkit-tap-highlight-color: transparent!important;
    -webkit-user-drag: none!important;
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
    width: 36px!important;
    height: 36px!important;
    outline: none!important;
    border-radius: 36px;
    background: rgba(0, 0, 0,0.6);
    background-repeat: no-repeat;
    background-size:10px auto;
    background-position: center center;
    display: none;
}

.mySwiper:hover .swiper-button-next,.mySwiper:hover .swiper-button-prev{display: block;}
.swiper-button-next {
    right: 10px!important
}

.swiper-button-prev {
    left: 10px!important
}

.swiper-pagination {
    width: 90%!important;
    left: 50%!important;
    transform: translateX(-50%)!important
}

.swiper-pagination span {
    margin: 0 7px
}

.swiper-pagination-bullet-active {
    transform: scaleX(2.66)!important;
    background-color: #e50914!important
}

.mobile-v-info {
    display: none
}

.swiper-pagination-bullet {
    width: 6px!important;
    height: 6px!important;
    border-radius: 0!important;
    cursor: pointer!important
}

@media screen and (max-width: 720px) {
    .swiper-big .swiper-slide .banner {
        padding-top:50%
    }
}

@media screen and (max-width: 1024px) {
    .sm-swiper {
        display:none
    }

    .mobile-v-info {
        position: absolute;
        left: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: 100%;
        height: 100%;
        z-index: 9;
        padding: 10px;
        background-color: rgba(1,1,1,.2);
        color: #fff;
        pointer-events: none
    }

    .mobile-v-info .v-title {
        padding: 5px 0;
        font-size: 24px
    }

    .mobile-v-info .v-ins p {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        width: 50%;
        font-size: 14px;
        opacity: .7;
        margin: 0 0 5px
    }
}

@media screen and (max-width: 1300px) {
    .swiper-pagination {
        display:none
    }
}

@media screen and (max-width: 1200px) {
    .sm-swiper {
        display:none
    }

    .mobile-v-info {
        position: absolute;
        left: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: 100%;
        height: 100%;
        z-index: 9;
        padding: 10px;
        background-color: rgba(1,1,1,.2);
        color: #fff;
        pointer-events: none
    }

    .mobile-v-info .v-title {
        padding: 5px 0;
        font-size: 24px
    }

    .mobile-v-info .v-ins p {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        width: 50%;
        font-size: 14px;
        opacity: .7;
        margin: 0 0 5px
    }
}

#report-popup .popup-main {
    padding-bottom: 30px;
    min-height: 291px
}

.popup-main p {
    padding: 12px 0 0;
}

.report-content {
    width: 100%;
    min-height: 100px;
    padding: 15px;
    margin: 10px 0 5px;
    resize: auto;
    background: #eaedf1;
    border-radius: 10px
}

.popup strong {
    color: #ff2a14
}

.report-input,.report-verify {
    padding: 0;
    width: 45%;
    min-height: auto;
    height: 35px;
    line-height: 35px;
    float: left;
    text-align: center;
    border-radius: 10px;
    margin: 0
}

.report-verify {
    float: right
}

.verify-box {
    overflow: hidden;
    margin-bottom: 15px
}

img.report-verify {
    vertical-align: middle;
    height: 35px!important;
    width: 45%!important
}

.gbook_submit.popup-btn {
    width: 100%
}

.close-popup {
    position: absolute;
    right: calc(8% - 20px);
    border-radius: 50px;
    top: 10px;
    width: 34px;
    line-height: 34px;
    height: 32px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 7px 21px rgb(149 157 165/22%);
    background: #fff
}

.close-popup i {
    transform: scale(.88);
    font-size: 12px;
    color: #282828;
    margin-right: 0
}

.close-popup:hover i {
    color: #ff2a14
}

.message .msg-content .msg-send {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 24px 0
}

.message .msg-content .msg-send .check span {
    display: inline-block;
    padding: 10px;
    background-color: #ececec
}

.mac_total {
    margin-right: 0!important
}

.message .msg-content .msg-wrap .msg-item .msg-item-left .content {
    color: #282828;
    word-break: break-word;
    margin: 0 0 5px;
    line-break: anywhere;
    text-align: justify
}

.msg-item,.msg-item-left,.info {
    color: rgba(0,0,0,.6)
}

.msg-item-right {
    position: absolute;
    right: 0;
    top: 0
}

.msg-item {
    position: relative
}

.message .msg-content textarea {
    width: 100%;
    resize: none;
    background-color: #f2f2f2;
    outline: none;
    border: none;
    padding: 20px;
    border-radius: 8px
}

.message .msg-content .msg-wrap .msg-all {
    padding-bottom: 0!important
}

.message .msg-content .msg-send .btn button {
    display: inline-block;
    padding: 6px 26px;
    color: #fff;
    outline: none;
    border: none;
    border-radius: 5px;
    background-color: #e50914;
    cursor: pointer
}

.message .msg-content .msg-wrap .msg-item {
    display: flex;
    justify-content: space-between;
    margin-top: 24px
}

.message .msg-content .msg-wrap .msg-item .msg-item-left .uname {
    color: #333;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 700
}

.message .module-title {
    padding-bottom: 20px
}

.form-control.verify {
    width: 90px;
    text-align: center;
    margin-right: 10px;
    display: inline-block;
    background-color: #f5f5f5;
    color: #999;
    border: 1px solid #eee;
    border-radius: 5px;
    height: 35px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 20px
}

img#verify_img {
    width: 98px;
    margin-right: 10px;
    border: 0;
    vertical-align: middle;
    height: 35px
}

.text-muted {
    font-size: 12px
}

.message .msg-content .msg-wrap .msg-item {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px
}

.glyreply {
    color: red;
    display: block;
    margin: 0 0 5px
}

.gg-icon {
    position: absolute;
    left: 5px;
    width: 38px;
    height: 22px;
    margin-right: 3px;
    z-index: 8;
    vertical-align: middle;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAAsCAMAAAD4va5DAAAAolBMVEX///8AAAAAAAAAAAAAAAACAgIAAAAAAAAGBgb5+fns7OwAAACBgYHq6ur9/f17e3tgYGD09PSoqKiLi4sAAAANDQ3V1dW6urqPj48DAwMAAAD////u7u7j4+MbGxv////b29vBwcH19fXt7e3GxsaLi4ukpKRTU1P4+Pjl5eXh4eHX19fLy8vb29v4+PisrKwvLy86Ojr7+/vy8vK4uLhVVVX0WqNFAAAANnRSTlOZAgULFR0IACCBYxIvW4sxJmk0HxoXU0grJQ6TZl0cj1RFcmtENTUmfGFYTUlGcT4rI4dyMhsJ24tXAAABiElEQVRIx+3XyW6DMBCA4WnAzrCUJUDYCpQAIWuTdHn/V6sNqZqFAwSfqv4HJHP4ZECIAabT6ZOQGARnazKqhuBYI1EqjYjSxpsCt6gUaZr8cJoWSZRr0FiObcCIDNvhWoNJTgYjyxypxWhkw+jsiHJsQjVjPGZodMIxSQMBaVKLySIw+R/jxX5lXK2LFYDqK4/tLCeby+UadwA7XAzECj/Py7KcuXVZ5rnv+zHfmEXYzvbuUOwVyU+IGIYhxxLipp4ne15K2Dm/P0Y2ylV8tyQNWF+yEwS6ac4HYC9w0wLT5vr28tvgy7zD3msbhGHqRm369LZqW/Y4FiJxWR7LdQnBMFR6Ylss4KYkSZ4vYkujJ7bDhbjX6YAruGu9nLGW7THvj1Vo3GNzcrIsq64tFtH7YyeELuz3qaT9MQUrcZiKW3HYISw6MSvQddM0dT0gvbH4eIy7MLS41Who9r9nc+hoXX3Auazy/84HZSAmdjwQOriIHKmEDnuCx1ChA7LI0V3sT4XQ351vRIIkxg4KQCAAAAAASUVORK5CYII=);
    background-size: cover
}

.module-adslist {
    border-radius: 5px;
    margin-top: 10px
}

.ads_w a {
    width: 100%;
    display: block;
    padding: 3px;
    position: relative
}

.ads_w img {
    border-radius: 4px
}

.copyright {
    background: #000;
    overflow: hidden;
    position: relative
}

.copyright .vague {
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 6px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(60px);
    -webkit-filter: blur(60px);
    -moz-filter: blur(60px);
    -ms-filter: blur(60px);
    -o-filter: blur(60px)
}

.copyright .txt {
    color: #fff;
    font-size: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 99%;
    text-align: center
}

.module-play-list::-webkit-scrollbar-track,.v3-app-layout__side__Short::-webkit-scrollbar-track,.module-play-list::-webkit-scrollbar-track,.v3-app-layout__side__Short::-webkit-scrollbar-track {
    background: 0 0
}

.module-play-list::-webkit-scrollbar,.v3-app-layout__side__Short::-webkit-scrollbar,.player .module-list::-webkit-scrollbar,.v3-app-layout__side__Short::-webkit-scrollbar {
    width: 5px
}

.module-play-list::-webkit-scrollbar-thumb,.v3-app-layout__side__Short::-webkit-scrollbar-thumb,.player .module-list::-webkit-scrollbar-thumb,.v3-app-layout__side__Short::-webkit-scrollbar-thumb {
    border-radius: 5px;
    height: 10px;
    background: #c1c1c1
}

.player .module-list::-webkit-scrollbar-track,.v3-app-layout__side__Short::-webkit-scrollbar-track {
    background: #e9ecef
}

.module-tab-week {
    background: #e9ecef;
    border-radius: 8px;
    padding: 3px;
    overflow: auto
}

.module-item-new {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    border-radius: 0 5px 0 5px;
    padding: 0 5px;
    background: #e50914;
    z-index: 1;
    font-size: 12px
}

.header-op-user {
    padding: 0 16px;
    height: 36px;
    font-size: 14px;
    background: #fe3355;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    border-radius: 42px;
    color: #fff;
    margin-left: 10px;
    cursor: pointer
}

.header-op-user:hover {
    background: #ea2f4e
}

.header-op-list {
    display: flex;
    align-items: center;
    font-size: 14px
}

.member_group {
    position: relative;
    margin-left: 10px
}

.member_group a {
    display: block
}

.member_group:hover .user_list_drop,.user_list_drop:hover {
    display: block
}

.drop_content {
    width: 132px;
    overflow: hidden;
    border-radius: 4px;
    padding: 8px;
    box-shadow: 0 2px 4px rgb(0 0 0/5%),0 4px 16px rgb(0 0 0/10%);
    background: #fff
}

.member_group .user_list_drop {
    position: absolute;
    top: 36px;
    right: 0;
    display: none;
    padding-top: 8px
}

.member_group .user_list_drop ul {
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(12,13,15,.06)
}

.member_group .user_list_drop .logout {
    padding-top: 8px
}

.member_group .user_list_drop .logout a,.member_group .user_list_drop li a {
    display: flex;
    align-items: center;
    width: fit-content;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    margin: auto;
    padding: 0 12px
}

.member_group .user_list_drop .logout a:hover,.member_group .user_list_drop li a:hover {
    background-color: rgba(0,0,0,.04);
    color: #282828
}

.member_group .user_list_drop .logout a .icon,.member_group .user_list_drop li a .icon {
    margin-right: 12px;
    line-height: 18px
}

.member_group .useimg {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    vertical-align: middle
}

.input-list {
    margin-bottom: 2rem
}

.input-list .mac_login_form li {
    padding: 10px
}

.mac_login_form .user-verify {
    float: right;
    height: 40px!important;
    line-height: 40px;
    border-radius: 8px;
    margin-right: 0!important;
    width: 40%!important
}

.mac_login_form .form-control {
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 0 10px;
    color: #999;
    height: 40px;
    border-bottom: .0625rem solid #e2e2e2;
    border: 1px solid #eee
}

.mac_login_form .login_form_submit {
    width: 100%
}

.input-list .mac_login_form a {
    width: 25%;
    float: left;
    text-align: center
}

@media(max-width: 320px) {
    .popup {
        width:90%;
        padding: 0 10px
    }
}

.mac_login_form .form-control:focus {
    border-color: #f90
}

.noplaylist {
    background: #d7dae1;
    color: #8f8f8f!important;
    border-radius: 50px;
    padding: 0 30px;
    position: relative;
    overflow: hidden;
    cursor: not-allowed
}

.btn-collect {
    background-color: #fc000c;
    background: linear-gradient(to right,#fc000c 0,#f9444d 100%);
    cursor: pointer;
    border-radius: 50px;
    padding: 0 30px;
    color: #fff!important;
    position: relative;
    overflow: hidden;
    margin-left: 10px
}

.links small {
    background: linear-gradient(to right,#ff711f 0%,#e50914 100%);
    color: #fff;
    box-shadow: 0 3px 10px rgb(0 0 0/20%);
    position: absolute;
    right: 15px;
    transform: scale(.8);
    transform-origin: top right;
    font-weight: 400;
    padding: 0 6px;
    border-radius: 8px;
    height: 19px;
    line-height: 18px;
    font-size: 12px
}

@media(min-width: 559px) and (max-width:1024px) {
    .links small {
        display:none
    }
}

@media(max-width: 559px) {
    .links small {
        right:-10px!important
    }
}

.nofound {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px
}

.mx-mac_msg_jump {
    box-shadow: 0 7px 21px rgba(149,157,165,.22);
    margin: 35px auto;
    padding: 50px 25px;
    width: 100%;
    border-radius: 4px
}

.mx-mac_msg_jump .msg_jump_tit {
    margin-bottom: 25px;
    text-align: center;
    line-height: 26px;
    color: #222;
    font-size: 1.5rem;
    font-weight: 700
}

.mx-mac_msg_jump .text {
    margin-bottom: 6px;
    color: #222;
    font-size: 14px
}

.mx-mac_msg_jump .title {
    margin-bottom: 6px;
    color: #666;
    font-size: 14px
}

@media(min-width: 768px) {
    .mx-mac_msg_jump {
        margin:35px auto;
        padding: 50px;
        width: 400px
    }
}

.mx-mac_msg_jump .form .item1 {
    position: relative;
    border: 1px solid;
    border-radius: 4px;
    line-height: 43px;
    border-color: #f2f2f2
}

.mx-mac_msg_jump .form .item1 input {
    display: inline-block;
    padding: 0 10px;
    width: 65%;
    border: none;
    background: 0 0;
    line-height: inherit
}

.mx-mac_msg_jump .form .item1 .get-pwd {
    float: right;
    display: inline-block;
    padding-right: 10px;
    width: 35%;
    text-align: right;
    line-height: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btnpwd {
    display: inline-block;
    margin-top: 25px;
    width: 100%;
    border: none;
    border-radius: 4px;
    line-height: 45px;
    cursor: pointer;
    text-align: center;
    background: #ff2a14;
    color: #fff
}

.btnpwd:hover {
    background: linear-gradient(90deg,#ff9800,#ff2a14)!important;
    color: #fff
}

.btnlogin {
    display: inline-block;
    margin: 5px 10px 0;
    padding: 0 32px;
    border-radius: 32px;
    line-height: 36px;
    background: #ff2a14;
    color: #fff
}

.btnlogin:hover {
    background: linear-gradient(90deg,#ff9800,#ff2a14)!important;
    color: #fff
}

.btncz {
    display: inline-block;
    margin: 5px 10px 0;
    padding: 0 32px;
    border-radius: 32px;
    line-height: 36px;
    border: 1px solid #ff2a14;
    color: #ff2a14
}

.item1 input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.weui_msg_jump {
    padding-top: 20%;
    text-align: center
}

.weui_icon {
    margin-bottom: .75rem
}

.weui_icon i {
    font-size: 3.5rem;
    color: #f44336;
    line-height: 1em
}

.weui_text {
    margin-bottom: .625rem;
    padding: 0 .5rem
}

.weui_msg_title {
    margin-bottom: .5rem;
    font-weight: 400;
    font-size: 2rem
}

.weui_text p {
    line-height: 2.5rem
}

.weui_text .weui_xtts {
    color: #333;
    font-size: 1.3rem
}

.weui_text .weui_tips {
    color: #999;
    font-size: .325rem
}

.weui_text .weui-p {
    padding: .25rem 0
}

.weui_text .weui-a {
    background: 0 0;
    border: 1px solid #ccc;
    color: #333
}

.weui_text .weui_tzt a {
    color: #10aeff
}

.bstyle {
    color: #fe3355
}
.login-copyright {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
}


.io-popup-tips-content{padding: 0 !important; }








.rent-card{display:flex;justify-content:space-between; width:100%;background:linear-gradient(167deg,#e3e9f0,rgba(255,255,255,0)),#fff;background-size:60rem auto;background-repeat:no-repeat;box-shadow:0 .125rem 1rem rgba(95,125,154,.14);border-radius:.75rem;margin-bottom:1.5625rem;border:.0625rem solid #FFFFFF;padding-bottom: 15px}
.rent-card .rent-title{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:14.375rem;height:26rem;overflow: hidden;}
.rent-card .rent-title h5{margin-top:1.5rem;font-weight:700;font-size:2rem;color:#111;line-height:2.625rem;text-align:left;font-style:normal;margin-bottom: 0;}
.rent-card .rent-title span{margin-top:.3125rem;font-size:.875rem;color:#75747f;line-height:1.1875rem;text-align:left;font-style:normal;min-width: 0;display:block;width: 100%;}
.rent-card .rent-list{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;width:calc(100% - 14.375rem); margin-top:0.8rem;padding-right:1.4375rem}
.rent-card .rent-list .keywords-con{display:flex;justify-content:space-between;align-items:center;width:100%}
.rent-card .rent-list .hot-keywords{display:flex;justify-content:flex-start;align-items:center;font-size:.8125rem;color:#333;line-height:1.0625rem;text-align:right;font-style:normal;cursor:pointer}
.rent-card .rent-list .hot-keywords>li{margin-right:.625rem;padding:.3125rem .75rem;background:#e9f4ff;border-radius:.25rem}
.rent-card .rent-list .hot-keywords li:hover{background:#111;color:#fff;font-size:.8125rem;box-shadow:.125rem 0 #ff4592}
.rent-card .rent-list .more{display:flex;justify-content:flex-start;align-items:center;height:1rem;font-size:.8125rem;color:#75747f;line-height:.875rem;text-align:left;font-style:normal;cursor:pointer}
.rent-card .rent-list .more .arrow{transform:rotate(-90deg);margin-bottom:.125rem}
.rent-card .rent-list .more .home-array-red{display:none}
.rent-card .rent-list .more:hover,.rent-card .rent-list .more:hover .arrow{color:#ff4592}
.rent-card .rent-list .more:hover .home-array-grey{display:none}
.rent-card .rent-list .more:hover .home-array-red{display:block}


.rent-card .rent-list .hot-rent{display:flex;justify-content:flex-start; flex-wrap: wrap; width: 100%}
.rent-card .rent-list .hot-rent .card{width:24%;padding:.625rem;border-radius:.75rem;margin-top:1.25rem;margin-bottom: 0; margin-right:1%;background:#fff}
.rent-card .rent-list .hot-rent .card .pic{position:relative;overflow:hidden;width:100%;height:9rem;background:#fff;border-radius:.5rem;cursor:pointer;box-shadow: 0 0 5px rgba(0,0,0,0.05)}
.rent-card .rent-list .hot-rent .card .pic img{object-fit:contain;width: 100%;height: 100%}

.rent-card .rent-list .hot-rent .card .info-con{}
.rent-card .rent-list .hot-rent .card .info-con>h5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;font-size:.975rem;color:#333;line-height:1.1875rem;text-align:justify;font-style:normal;margin:.625rem 0 .5rem;cursor:pointer}
.rent-card .rent-list .hot-rent .card .home-rent{position:absolute;top:.5rem;left:.5rem;width:4rem;height:1.375rem}
.rent-card .rent-list .hot-rent .card .home-rent.home-rent-dc{width:5.125rem;height:1.4375rem}
.rent-card .rent-list .hot-rent .card .yan-icon{width:1.125rem;height:1.125rem;margin-bottom:.125rem}
.rent-card .rent-list .hot-rent .card .forbid,.rent-card .rent-list .hot-rent .card .lower{border-radius:.25rem;color:#f6194f;font-size:.75rem;display:flex;align-items:center;position:relative;height:1.125rem;display:inline}
.rent-card .rent-list .hot-rent .card .forbid .text,.rent-card .rent-list .hot-rent .card .lower .text{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:1.125rem;line-height:1.125rem;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.25rem;border:.0625rem solid #ffbdcd;font-size:.75rem;color:#f6194f;text-align:left;padding:0 .25rem 0 1.375rem;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.rent-card .rent-list .hot-rent .card .forbid svg,.rent-card .rent-list .hot-rent .card .lower svg{z-index:1;position:absolute;top:0;left:0;width:1.125rem;height:1.125rem}

.rent-card .rent-list .hot-rent .card .zone{display:block;font-size:.75rem;color:#75747f;line-height:1rem;height: 1rem; overflow: hidden; text-align:left;font-style:normal;cursor:pointer;text-overflow: ellipsis;white-space: nowrap;}



.rent-card .rent-list .hot-rent .card .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.125rem;padding-right: 0;}
.rent-card .rent-list .hot-rent .card .card-footer .price-box{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;cursor:pointer;height:2.25rem}
.rent-card .rent-list .hot-rent .card .card-footer .price-box .price-vip-new{display:flex;justify-content:space-between;align-items:center;min-width:7.0625rem;height:1rem;font-weight:400;font-size:.75rem;color:#8e301d;line-height:.75rem;text-align:left;font-style:normal;border-radius:.25rem;border:.0625rem solid #FFE1D3}
.rent-card .rent-list .hot-rent .card .card-footer .price-box .price-vip-new .icon-price{height:1rem;background:#ffe1d3;color:#8f2f1d;border-radius:.125rem;display:inline-block;font-size:.75rem;line-height:1rem;padding:0 .25rem;vertical-align:0px}
.rent-card .rent-list .hot-rent .card .card-footer .price-box .price-vip-new>span{margin-left:.125rem}
.rent-card .rent-list .hot-rent .card .card-footer .price{font-size:.75rem;color:#111;line-height:1.25rem;text-align:left;font-style:normal}
.rent-card .rent-list .hot-rent .card .card-footer .price span:nth-child(1){font-weight:600;font-size:.75rem}
.rent-card .rent-list .hot-rent .card .card-footer .price span:nth-child(2){font-weight:600;font-size:1.5rem}
.rent-card .rent-list .hot-rent .card .card-footer .price span:nth-child(3){font-size:.75rem;color:#a1a0ab}
.rent-card .rent-list .hot-rent .card .card-footer .price span:nth-child(4){font-size:.75rem;color:#ff4592;line-height:1.25rem;text-align:center;font-style:normal;margin-left:.5rem}
.rent-card .rent-list .hot-rent .card .card-footer .price .coupon-label{color:#ff4680;margin-left:.375rem;display:inline-flex;align-items:center}
.rent-card .rent-list .hot-rent .card .card-footer .price .coupon-label .vip-icon{width:.5625rem;height:.5625rem;margin-right:.0625rem}
.rent-card .rent-list .hot-rent .card .card-footer .price .coupon-label>span{color:#ff4680;font-size:.75rem;font-weight:400}
.rent-card .rent-list .hot-rent .card .card-footer .btn{display:flex;justify-content:center;align-items:center;width:7.125rem;height:2.25rem;font-weight:700;font-size:.875rem;color:#fff;line-height:1.1875rem;text-align:left;font-style:normal;background:linear-gradient(90deg,#ff4592,#ff3258);border-radius:.5rem;border:0;opacity:.95;padding:.5rem 0;cursor:pointer}
.rent-card .rent-list .hot-rent .card .card-footer .btn-now:hover{background:linear-gradient(90deg,#ff247f,#ff133f)}
.rent-card .rent-list .hot-rent .card .card-footer .btn-reservation{background:linear-gradient(90deg,#fec525,#ffa001)}
.rent-card .rent-list .hot-rent .card .card-footer .btn-reservation:hover{background:linear-gradient(90deg,#ffbd03,#ff7800)}
.rent-card .rent-list .hot-rent .card .card-footer .btn-disable{background:linear-gradient(90deg,#ff4592,#ff3258);opacity:.38;cursor:default}
.rent-card .rent-list .hot-rent .card:hover{box-shadow:0 .5rem 1.25rem rgba(123,169,230,.16)}


 .main-content{margin:0 auto !important; width: 1500px;max-width: 95%}

 .page-header{position: static;}

 @media (max-width:1200px){
 	.rent-card .rent-list .hot-rent .card{width:32%;}
 }

 @media (min-width:768px){
 	.sidebar-nav{display: none !important}
 }


 @media (max-width:767px){
 	 .main-content{max-width:100%}
 	 .rent-card{display: block; background-image: none !important; padding: 0.6rem}
 	 .rent-card .rent-title{height: auto;display: block;}
 	 .rent-card .rent-list{width: 100%;padding: 0;}
 	 .rent-card .rent-list .hot-rent{margin-left: 0; padding-left: 0;}
 	 .rent-card .rent-title h5{margin-top: 0.5rem}
 	 .rent-card .rent-list .hot-rent{justify-content: space-between}
 	 .rent-card .rent-list .hot-rent .card{width:48.6%;}
 }

 .tooltip{pointer-events: none;}

 .card_btns{display: flex;align-items: center; justify-content: space-between}
 .card_btns > a{background:  linear-gradient(90deg,#ff4592,#ff3258);color: #ffffff; padding: 5px;width: 7rem;transition: none;}
 .card_btns > a:hover{background:#ff2252;color: #ffffff}


.container222{display:flex;max-width:100%;margin:0 auto;gap:20px;flex-wrap:wrap}

.left-content{flex:1;min-width:260px;max-width:260px;display:flex;flex-direction:column;}
.image-container{background: linear-gradient(180deg, rgba(255, 255, 255, .52), #fff 100%, #fff);
    box-shadow: 0 0.125rem 1rem rgba(95,125,154,.04);padding:15px;border-radius:8px; height: 100%;border: 1px solid #ffffff;}
.image-container img{width:100%;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}

.right-content{flex:1; position:relative;height:350px;overflow: hidden;}
.glass-container{position:relative;width:100%;height:100%;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.glass-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.3);backdrop-filter:blur(10px);z-index:-1}
.swiper{width:100%;}
.swiper-slide{display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center}
.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.swiper-pagination-bullet{width:12px;height:12px;background:rgba(255,255,255,0.8);opacity:1}
.swiper-pagination-bullet-active{background:#fff}
  

.gonggao_content{min-width:270px;max-width:270px;}
.announcement{
    background: linear-gradient(180deg, rgba(255, 255, 255, .52), #fff 100%, #fff);
    box-shadow: 0 0.125rem 1rem rgba(95,125,154,.04);padding:15px;border-radius:8px; height: 100%;border: 1px solid #ffffff;


}
.announcement a{
/*    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;*/
    width: 100%;height: 100%;padding: 0;
}
.announcement a img{
/*    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
  width: 100%;height: 100%;
    object-fit:cover;
}
.rent-shuoming{padding:.625rem;border-radius:.75rem;margin-bottom: 0; background:#fff;width:100%;}
@media (min-width:900px){
    .rent-shuoming{margin-top:1.25rem;}
}
.gonggaoxinxi{
    height: 180px;overflow: hidden; position: relative;
}
.scrolling-text {
    background: linear-gradient(180deg, rgba(255, 255, 255, .52), #fff 100%, #fff);
    box-shadow: 0 0.125rem 1rem rgba(95,125,154,.04);padding:15px;border-radius:8px; height: 100%;border: 1px solid #ffffff;
    width: 100%;
    height: 100%;
}
.scrolling-text th,.scrolling-text td {
    border:none;
}
#search{margin-bottom: 1em;}

@media (max-width:900px){
	.container222{flex-direction:column}
	.left-content,.right-content,.gonggao_content{width:100%;max-width:100%}
	.right-content{height:300px}
}

body{position: relative; height: auto;}
body:before {
    background-color: #f3f6f9;
    background-image: url(../images/bg-normal.png); */
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat; height: 100%;
    background-attachment:fixed;
}



 .nav_menu{
   display:flex;display: flex;
      justify-content: flex-start;
      align-items: center;
      height: 48px;
      padding: 0 25px;
      background: linear-gradient(180deg, rgba(255, 255, 255, .52), #fff 100%, #fff);
      border-radius: 8px;
      border: 1px solid #FFFFFF;
      box-sizing: border-box;margin-bottom: 20px;display: none;min-width: 100%;
  }
  .nav_menu_item{margin-right:3rem}
  .nav_menu a{color: #000;font-size: 14px;text-decoration: none;font-weight: bold;line-height: 48px;font-size:1rem}
  .nav_menu a:hover{color: #ff3258}

 .mySwiper2 {width: 100%}
 .mySwiper2 .nav_menu{display: flex;}
  .mySwiper2 .swiper-slide{min-width: 100%;}
@media (max-width:1200px){
   .nav_menu_item{margin-right:2rem}
  } 
@media (max-width:960px){
   .nav_menu{display:none;}
   .nav_menu a{white-space: nowrap;}
   .mySwiper2 .nav_menu{display:flex; }
   .nav_menu_item{margin-right:1rem}
}

#switch-mode{display: none !important}
#io-popup-tips {
    position: fixed;
    /* 移除所有flex相关属性 */
    width: 100%;
    height: 100%;
    z-index: 999;
    left: 0;
    top: 0;
}
.game-list .game-item  .left img{
    width: 36px;
    height:36px;
    border-radius: 8px;
}
.game-list{
    padding-left: 0;
}
.game-list .arrow{
    width: 18px;
}
.game-list .game-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    margin-bottom: 17px;
    border-radius: 4px;
    text-wrap: nowrap;
    white-space: nowrap;
    cursor: pointer;
}
.game-list .left{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    color: #a1a0ab;
    line-height: 16px;
    text-align: left;
    font-style: normal;
}
li{list-style:none;}
.game-list h5{
    margin: 0 8px 0 0;
    font-weight: 700;
    font-size:15px;
    color: #333;
    line-height:18px;
    text-align: left;
    font-style: normal;
}
.game-list .text-warp{
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0 12px;
}
.game-list .text-warp:hover{
    color: #ef3f42 !important;
}
.game-list .text-warp:hover h5{
    color: #ef3f42 !important;
}