*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:root {--gradient-colors: #ff0037, #a101e0, #ff7b00;}
b,dd,div,dl,form,h1,h2,h3,h4,h5,h6,img,input,li,p,select,span,td,th,ul{margin:0;padding:0}
iframe,img{border:0}
li,ol,ul{list-style:none}
a{color:#333}
a:link,a:visited{text-decoration:none}
.clear{clear:both}
a.q{text-decoration:line-through}
html{font-size:16px}
body{margin:0;color:#000;font-size:1rem;font-family:Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;background:#f4f6fa;position:relative}
.padr8{padding-right:8px}
.padr5{padding-right:5px}
.padr2{padding-right:2px}
.fa-toggle-on{color:#fc5286}
header{top:0;width:100%;background:#fff;box-shadow:1px 1px 5px 0 #c7c7c7;z-index:999}
.logo{margin-top:3px}
.logo img{width:100%;float:left;border:none;}
.logo p{float:left;text-align:center;padding:5px}
.logo .name{font-size:22px;font-weight:bold}
.logo .domain-name{font-size:12px;font-weight:bold;color:#999}
header .container{margin-top:0 !important;padding-top:.5rem;padding-bottom:.5rem;border:none;width:100%}
.container-top{height:28px;line-height:28px;background-color:#7b7b7b}
.slogn{font-size:.85rem; color: #000; width: 19%;}
.slogn h1{font-size:.85rem;font-weight: 400; font-style: italic; }
.animated-gradient {
  background: linear-gradient(90deg, var(--gradient-colors));
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: gradient 5s ease-in-out 7;
}
@keyframes gradient {
  0% { background-position: 0% center; }
  100% { background-position: 200% center; }
}
.header-menu{display:flex;justify-content:flex-end;flex-wrap:nowrap;align-items:center}
.header-menu a{padding:6px 8px;text-align:center;border-radius:6px;border:1px solid #eee;color:#777;font-size:.8rem;display:block;background:#fff;transition:.2s}
.header-menu a:hover{transition:all .1s;color:#fff;background:linear-gradient(316deg,#fc5286,#fbaaa2);border:1px solid #fdc1bc}
.header{display:flex;align-items:center;justify-content:space-between}
.dis-no{display:none}
.nav-float{position:fixed;top:103px;right:0}
.function-btn-list{float:right}
.function-btn{float:right;margin:0 0 0 .5rem;font-size:0.72rem;background-color:#cdcbdf57;padding:0.2rem 0.6rem;border-radius:30px !important}
.function-btn a{color:#565669}
.function-btn a:hover{color:#000}
.red-btn{background-color: #fc5e8a;}
.red-btn a{color: #ffdfe8;}
.red-btn a:hover{color: #fff;}
.am-header-nav a{color:#337ab7}
.am-header{position:relative;width:100%;height:75px;line-height:75px;padding:0}
.am-header .logom a{padding-left:10px}
.am-header .am-header-nav{position:absolute;top:0}
.am-header .am-header-nav img{height:16px;width:auto;vertical-align:middle}
.am-header .am-header-right{right:10px;font-size:16px;font-family:microsoft yahei}
.am-header-fixed{position:fixed;top:0;left:0;right:0;width:100%;z-index:1010}
.am-with-fixed-header{padding-top:32px}
.am-header-right a:hover{text-decoration:none;color:#e45544}
.am-header-icon{width:30px}
.am-offcanvas{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1090;background:rgba(0,0,0,.15)}
.am-offcanvas.am-active{display:block}
.am-offcanvas-page{-webkit-transition:margin-left .3s ease-in-out;transition:margin-left .3s ease-in-out}
.am-offcanvas-bar{position:fixed;top:0;bottom:0;left:0;z-index:1091;width:180px;max-width:100%;background:#333;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.am-offcanvas.am-active .am-offcanvas-bar.am-offcanvas-bar-active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
#r-nav .am-offcanvas-content a{color:#ccc;padding:10px 0;display:block;border-bottom:1px solid #484848}
.am-offcanvas-bar-flip{left:auto;right:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.am-offcanvas-bar-flip:after{right:auto;left:0}
.am-offcanvas-content{padding:15px}
.am-offcanvas-content a{color:#fff;font-size:14px;font-family:microsoft yahei}
.am-offcanvas-content a:hover{color:#eae8de}
.nav-float li{width:88px;font-size:0.95rem;background:#fff;height:30px;text-align:center;border-bottom:1px solid #f4f6fa;line-height:30px;transition:.2s}
.nav-float a.active,.nav-float a:hover,.nav-float li:hover{background:#cdcbdf57;color:#000}
.nav-float li:last-child{font-size:1.5rem;height:50px;line-height:7px;overflow:hidden}
.nav-float .nav-top{font-size:0.5rem}
.nav-float li:last-child a.active{background:#fff;color:#000;display:block;height:50px}
.nav-float li:last-child a.hover{background:#7b7b7b;color:#fff}
.nav-float a{text-decoration:none;color:#333;display:block;padding:0}
.container{width:100%;margin:0.8rem auto 0;overflow:hidden;padding:0}
.container-nobg{width:100%;margin:1rem auto 0;overflow:hidden}
.menu{overflow:hidden;width:100%;padding:.55rem;background:linear-gradient(230deg,#759bff,#843cf6);color:#fff;border-radius:4px;box-shadow:#45505f0a 0 2px 4px 0;border:1px solid #949ca62e}
.menu ul li:nth-child(1) a{background:linear-gradient(316deg,#fc5286,#fbaaa2)}
.menu ul li{float:left;line-height:32px;font-size:12px;text-align:center;height:32px}
.menu ul li a{color:#fff;padding:6px 12px;background:#ababab;margin-right:7px;font-size:.9rem;transition:all .2s;border-radius:4px}
.menu ul li a:hover{color:#000;background:#fff}
.menu .menu-right{height:30px;overflow:hidden;float:right}
.menu .menu-right li{font-size:13px;padding:0;float:none !important;text-align:right}
.function-list{background:#fff;padding:10px;font-size:.9rem;overflow:hidden}
.function-list a{color:#000}
.function-list-right{float:right}
.function-list-left{float:left}
.function-list-center{font-size:1.15rem;letter-spacing:.05rem}
div.function-list-left>div:hover,div.function-list-right>div:hover{color:#999;transition:all .2s}
.function-list-left div a,.function-list-right div a{padding:.4rem .8rem;display:block;font-size:0.8rem}
.function-list-right .language{padding:.4rem .8rem}
.function-list-right .language a.translate{display:unset;padding:0}
.function-list-left div{float:left;background:#f0f0f1;margin-right:.5rem;transition:.2s;border-radius:30px}
.function-list-right div{float:right;background:#f0f0f1;margin-left:.5rem;transition:.2s;border-radius:30px}
.language a{cursor:pointer}
.language a.active,.language a:hover{color:#fc5286}
.container-tabs{overflow:hidden;background:#fff;clear:both;padding-top:.65rem;border-radius:4px;box-shadow:#45505f0a 0 2px 4px 0;border:1px solid #949ca62e}
.container-tabs .content-tabs{padding:22px 15px;overflow:hidden}
.container-tabs .content-tabs .card a{background:#eaecf038;display:block;width:100%;padding:14px 8%;box-sizing:border-box;transition:none;border-radius:6px;margin-bottom:10px;transition:all .2s}
.container-tabs .content-tabs .card a:hover{background:#f4f6fa;transition:all .5s}
.container-tabs .content-tabs .card h3{color:#000;font-size:1rem;font-weight:400;white-space:nowrap;height:21px;line-height:21px;margin-bottom:4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.container-tabs .content-tabs .card p{color:#8f8f8f;font-size:12px;height:3em;line-height:1.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.content-tabs>.tab-pane{display:none}
.content-tabs>.active{display:block}
.list-cards{float:left;padding:0 7px;width:33.333333%}
.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none;justify-content:center}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#fff;background:#FF3366;border-radius:4px}
.nav-tabs .nav-link:not(.active):hover{background:#f4f6fa;border-radius:4px}
.nav-tabs .nav-link:not(.active){transition:all .5s}
.nav-tabs .nav-link{margin-bottom:-1px;color:#333}
.nav-link{display:block;padding:.5rem 1rem}
.search-container{width:100%;padding:0.75rem 0 0.6rem}
#searchbox{background:#f4f6fa}
.search-cat{text-align:center}
.search-cat a.item{display:inline-block;font-size:15px;color:#000;margin-right:.5rem;letter-spacing:3px;border-radius:4px;height:28px;line-height:28px;padding:0 10px;position:relative;cursor:pointer}
.search-cat a.active{color:#fff;background:#ff3366;position:relative}
.search-cat a.active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-top:6px solid #d75544;border-left:5px solid transparent;border-right:5px solid transparent}
.search-content{margin-top:10px;text-align:center}
.search-input{position:relative;display:flex;width:100%;flex-wrap:wrap;align-items:stretch;justify-content:center}
.search-content input{max-width:777px;border:none;background:#fff;padding:10px;font-size:15px;width:80%;border-radius:4px}
.search-content input:active,.search-content input:focus{border:none;outline:0}
.search-sites{margin-top:18px;text-align:center}
.search-sites a.item{display:inline-block;font-size:15px;color:#000;margin-right:20px;letter-spacing:1px;height:32px;line-height:32px;padding:0 16px;background:#dfdfdf;border-radius:16px;position:relative}
.search-sites a.active{background:#d75544;color:#fff}
.btn-search{cursor:pointer;margin-left:-3px;padding:0 20px;background-color:#fff;border:1px solid transparent;border-radius:4px}
.btn-search:hover{color:#f36}
.btn-search:focus{outline:none}
.hot-new{text-align: center; padding: 10px; line-height: 20px; overflow: hidden;}
.go-top-rang{font-size: .85rem; color:#777777; padding: 3px; }
.go-top-rang:hover{ color:#ff3366; text-decoration: underline !important;}
.mov-list{background-color:#fff}
.list-tv{display:none;width:100%;overflow:hidden;flex-wrap:wrap;justify-content:flex-start;padding:16px;border-top:1px solid #f5f5f5}
.list-tv li{width:12.5%;overflow:hidden;padding:10px}
.list-tv li a img{width:100%}
.list-tv li a{text-align:center;font-size:0.9rem;border:none;border-radius:5px}
.list-tv li a.vodlist_thumb{position:relative;display:block;padding-top:130%;overflow:hidden;background-position:50% 50%;background-size:100%;background-repeat:no-repeat}
.list-tv p{padding:0.1rem 0;font-size:0.8rem;color:#999}
.vodlist_titbox{margin-top:3px;width:100%;overflow:hidden;line-height:1.12rem;height:2.6rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box}
.pic_text{display:block;width:100%;position:absolute;bottom:0;left:0;color:#fff;text-align:right;font-size:0.7rem;background-color:#3b435473}
.vodlist_thumb .play{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:0;background:rgba(0,0,0,0.4) url(/static/images/play.svg) center no-repeat;background-size:35% 35%}
.vodlist_thumb:hover .play{opacity:1;transform:scale(1)}
.box-show{display:flex}
.app-list,.mov-list,.normal-list{overflow:hidden;background:#fff;clear:both;border-radius:4px;box-shadow:#45505f0a 0 2px 4px 0;border:1px solid #949ca62e;margin-top:0.8rem}
#pos-fam{margin-top: 0;}
#p-topsite{margin:0}
.app-list h1,.mov-list h1,.normal-list h1{font-size:1.2rem;font-weight:650;color:#333;float:left;border-bottom:1px solid #FF3366;padding:6px 15px;background:linear-gradient(316deg,#fff,#f4f6fa)}
.app-list h2,.mov-list h2,.normal-list h2{font-size:1.2rem;font-weight:650;color:#333;float:left;border-bottom:1px solid #FF3366;padding:6px 15px;background:linear-gradient(316deg,#fff,#f4f6fa)}
.list-h1-inline{height:33px;line-height:33px;font-size:.85rem;padding-left:18px;float:left}
.list-h1-inline a:hover{color:#d75544}
.list-h1-ps{float:right;font-size:12px;color:#bbb;font-weight:400;padding-right:5px;height:30px;line-height:42px}
.app-list ul,.normal-list ul{font-size:.85rem;padding:16px;overflow:hidden;border-top:1px solid #f5f5f5;clear:both;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start}
.normal-list ul.li-autowidth li a{padding:8px 20px !important}
.normal-list ul.li-autowidth li{width:auto !important}
.app-list ul li a,.normal-list ul li a{color:#000;padding:8px 0 8px 10px;display:block;border-radius:5px;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-list ul li a:hover,.normal-list ul li a:hover{background:#f4f6fa;transition:all .5s}
.list-intro{font-size:.9rem;padding:0px 15px;float:left;line-height:2.6rem;height:2.5rem;color:#99a6bb}
.list-tag-name{float:left}
.list-tag-name ol{overflow:hidden;margin:0;padding:8px 0 0 15px}
.list-tag-name ol li{font-size:.9rem;padding:3px 7px;background:#f3f3f3;margin:3px;border-radius:5px;width:auto;line-height:normal;cursor:pointer;float:left;color:#555}
.list-tag-name ol li.active{background:#FF3366;color:#fff}
.list-items-style li a span{background:#f3f3f3;padding:3px 6px;font-size:.75rem;color:#636363;border-radius:4px;margin-left:5px}
.li-with-span li a span{background:#e4e4e4;padding:3px 5px;font-size:.75rem;color:#000;border-radius:5px;margin-left:5px}
.movie-box{padding:.65rem;clear:both}
.movie-box .movie-box-list h2{font-size:1rem;font-weight:400;padding:.5rem .7rem}
.movie-box-list{overflow:hidden;background:#f7f7f7}
.movie-box .movie-box-list:nth-child(2){margin-top:1rem}
.movie-box .movie-box-list li a span{font-size:.75rem;background:#ddd;padding:.2rem;border-radius:5px;margin-right:5px}
.tip-hot{vertical-align:top}
.tip-new{vertical-align:top;margin:3px 0 0 4px}
.bottom-button{display:flex;align-items:center;justify-content:center;text-align:center}
.bottom-button ul li{float:left;margin:0px 10px -2px}
.bottom-button ul li a{background:#FF3366;padding:6px 12px;color:#fff;transition:.2s;display:block;font-size:.9rem;border-radius:4px}
.bottom-button ul li a:hover{background:#FF3366;text-decoration:underline}
.copyright{color:#666;clear:both;padding:10px 0;text-align:center;font-size:.9rem;line-height:1.6rem}
.copyright a{color:#777}
.copyright a:hover{color:#FF3366}
#random-domain span{font-weight:bolder;font-size:1.02rem}
footer{border-top:4px solid #FF3366;padding:1.5rem 0 1.2rem;overflow:hidden;font-size:.9rem;background-color:#fff}
.content-footer{float:left;width:77%;color:#000}
.content-footer p{text-align:left;margin-bottom:10px;line-height:20px;font-weight:400;padding-left:15px}
#m-random-domain,.m-slogn{background:#fff;padding:.625em;overflow:hidden;font-size:.85rem}
.m-slogn a{text-decoration:underline;float:right;padding:0 5px;color:#666}
#m-random-domain{height:35px; border:1px dashed #e0e0e0}
#m-random-domain ul li{line-height:35px}

.m-notice-list{padding:7px;border: 1px dashed #e0e0e0;background-color: #fff;}
.m-notice-list ul li{line-height: 20px;font-size: 0.71rem;}
 
.qrmode-modal-content{text-align:center;padding:1rem 0}
.qrmode-modal-content p{margin-top:1rem}
.fade{transition:opacity .15s linear}
.fade:not(.show){opacity:0}
.modal-open{overflow:hidden}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}
.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}

/* -------------------------------- */
.app-list ul li{ text-align:center;}
.app-list ul li a{ padding:15px 5px;}
.app-list ul li img{ width:70px; height:70px; border-radius: 11px;}
.app-list ul li a p{font-size:0.95rem; overflow: hidden;}
.app-list ul li a p .small{font-size:0.7rem;  font-weight: normal; color:#7f7e82;}

@media(prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}
}.modal.show .modal-dialog{-webkit-transform:none;transform:none}
.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}
.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}
.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}
.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}
.modal-dialog-scrollable .modal-body{overflow-y:auto}
.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}
.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:""}
.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}
.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}
.modal-dialog-centered.modal-dialog-scrollable::before{content:none}
.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background:#fff;background-clip:padding-box;outline:0;border:0;border-radius:.125rem;-webkit-box-shadow:0 5px 11px 0 rgb(0 0 0/18%);box-shadow:0 5px 11px 0 rgb(0 0 0/18%)}
.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background:#000}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:.5}
.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:center;text-align:center;padding:.7rem;border-bottom:1px solid #dde4eb7a}
.modal-header .link-btn{display:flex;margin-top:0.44rem;margin-left:0.2rem}
.modal-header .link-btn a{color:#c2c6ce;font-size:0.85rem}
.modal-header .link-btn a:hover{color:#FF3366}
.modal-title{padding:.3rem;margin:0;color:#FF3366;font-weight:bold}
.modal-title p{color:#666}
.modal-title span{background:#fd8faa;color:#fff;font-size:.9rem;padding:3px 6px;border-radius:5px;margin-left:5px;font-weight:normal}
.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem;line-height:1.65rem}
.modal-content-list h2{font-size:1.1rem}
.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:center;padding:.75rem}
.modal-footer>*{margin:.25rem}
.modal-footer .btn{cursor:pointer;color:#9198a0;background-color:#f8f9fa;border-color:#f8f9fa;display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.modal-footer .btn:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
.content-hot{margin-top:6px;height:14px;line-height:14px;padding-top:3px;border-top:1px solid #eff0f7}
.content-hot span{width:40%;display:block;font-size:0.7rem;float:left;color:#ababab}
.progress{margin-top:6px;margin-bottom:0;width:60%;display:block;float:right;height:4px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}
.progress-bar-success{background-color:#6ed46eb4}
.container .page{border-radius:4px;box-shadow:#45505f0a 0 2px 4px 0;border:1px solid #949ca62e;padding:2rem 13rem;background-color:#fff;font-size:1rem;color:#3e3e3e}
.container .page .page-title{padding:1.5rem 0;text-align:center;font-size:2rem}
.page-body p{line-height:2rem;padding-bottom:0.2rem}
.page-body hr.more{border:none;height:1px;background-color:#e8ebf1}
.go-back-btn{font-size:0.6rem;margin:0.8rem auto;width:60px;text-align:center}
.go-back-btn a{color:#bfc8d3}
.go-back-btn a:hover{color:#777}
@media(max-width:1500px){.container{padding:0 .5rem}
.logo{margin-top:3px;margin-left:3px}
.xxl-hide{display:none}
.slogn{width:23% ;}
}
@media(max-width:1320px){.xl-hide{display:none}
.function-btn{float:none;display:inline-block;margin-top:7px}
.slogn{width:50% ;}
}
@media(max-width:1200px){.l-hide{display:none}
}
@media(max-width:992px){.m-hide{display:none}
.list-tv li{width:25%}
#m-random-domain{padding:0}
.app-list ul li,.normal-list ul li{width:20%}
.container .page{padding:2rem 3rem}
.slogn{width:50% ;}
}
@media(max-width:720px){
.container .page{padding:2rem}
.slogn{width:40% ;}
.slogn h1{font-size: 0.7rem;}
}
@media(max-width:575px){
.s-hide{display:none}
#m-random-domain{border-top:none}
.logo img{width:80%;float:left}
.logo p{float:left;text-align:center;padding:2px 3px}
.logo .name{font-size:20px;font-weight:bold}
.logo .domain-name{font-size:10px;font-weight:bold;color:#999}
.container,.container-nobg{max-width:100%}
.normal-list ul li, .app-list ul li{width:33.333333%;}
.mov-box .list-tv li{width:50%}
.list-cards{width:50%}
.list-intro{display:none}
.footer-right,.function-list-center,.list-h1-inline,.s-hide{display:none}
.s-show{display:block}
.nav-link{padding:.5rem !important}
.function-list-left,.function-list-right{float:none}
.function-list-left div,.function-list-right div{float:left;margin:0 .5rem .5rem 0}
.footer-left{width:100%}
.footer-partner{margin-top:1rem}
.btn-search{padding:.84rem 1.14rem !important}
.app-list ul li a,.normal-list ul li a{padding:8px 0 8px 8px !important}
.search-cat a.item{padding:0 8px;margin-right:.3rem}
.function-list-left div,.function-list-right div{margin:0 .2rem .2rem 0}
.function-list-left div a,.function-list-right .language,.function-list-right div a{padding:.4rem .55rem}
header{position:fixed}
.m-mart{margin-top:86px}
.content-hot span{font-size:0.5rem;width:45%}
.progress{width:55%}
}
@media(max-width:470px){
.slogn{display: none;}
}
@media(max-width:380px){.menu ul li a{padding:6px 8px;margin-right:2px}
.nav-tabs .nav-link{font-size:.9rem}
.normal-list ul li{width:50%}
header{position:fixed}
.footer-partner{margin-top:1rem}}
@media(max-width:370px){.app-list ul li{width: 50%;}}
@media(min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}
.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}
.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}
.modal-dialog-centered{min-height:calc(100% - 3.5rem)}
.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content}
.modal-sm{max-width:300px}
}@media(min-width:992px){.modal-lg,.modal-xl{max-width:800px}
.hide-pc{display:none}
}@media(min-width:1200px){.modal-xl{max-width:1140px}
.hide-pc{display:none}
.hide-mo{display:none}
}@media(min-width:1320px){.container,.container-nobg{max-width:1140px}
.hide-pc{display:none}
.hide-mo{display:none}
.app-list ul li,.normal-list ul li{width:14.285714%}
.list-cards{width:16.666666%}
.function-list-center,.list-h1-inline,.xl-show{display:block}
.xl-flex{display:flex}
.container-tabs .content-tab .card a{margin-bottom:0 !important}
.function-list{display:flex;justify-content:space-between;align-items:center}
.function-list-left div{float:left;margin:0 .5rem 0 0}
.function-list-right div{float:right;margin:0 0 0 .5rem}
header{position:unset}
}@media(min-width:1500px){.container,.container-nobg{max-width:1320px}
.app-list ul li,.normal-list ul li{width:12.5%}
.list-cards{width:16.666666%}
.list-intro,.xxl-show{display:block}
.xxl-flex{display:flex}
.container-tabs .content-tab .card a{margin-bottom:0 !important}
.function-list-left div{float:left;margin:0 .5rem 0 0}
.function-list-right div{float:right;margin:0 0 0 .5rem}
header{position:unset}
}@media(hover:hover){div.function-list-left>div:hover,div.function-list-right>div:hover{color:#999;transition:all .2s;box-shadow:0 0 9px 0 #969696}
.dark div.function-list-left>div:hover,.dark div.function-list-right>div:hover{background:#000;color:#aaa}
}body.dark{background:#555 !important;color:#aaa !important}
.dark #m-random-domain,.dark .m-slogn,.dark header{box-shadow:3px 6px 15px 0 #000 !important}
.dark .search-cat a.item,.dark a{color:#aaa}
.dark .app-list,.dark .function-list-left div,.dark .function-list-right div,.dark .header-menu a:hover,.dark .nav-float li,.dark .nav-float li:last-child a.active,.dark .menu ul li a:hover,.dark .modal-content,.dark .movie-box-list,.dark .normal-list,.dark .page-box,.dark .recent-list,.dark .mov-list,.dark .search-content input,.dark header,.dark footer{background:#3e3e3e;color:#aaa}
.dark .container .page{border:1px solid #949ca62e;background-color:#3e3e3e;color:#f3f3f3}
.dark .app-list ul li a,.dark .footer-left,.dark .normal-list ul li a,.dark .recent-list .tab-content .item h3{color:#aaa !important}
.dark #m-random-domain,.dark #searchbox,.dark .app-list h1,.dark .function-list,.dark .gohome-content .gohome-content-list h1 a,.dark .header-menu a,.dark .li-with-span li a span,.dark .m-slogn,.dark .menu ul li a,.dark .modal-header,.dark .movie-box .movie-box-list li a span,.dark .normal-list h1,.dark .mov-list h1,.dark .container-tabs,.dark .recent-list .tab-content .item a{background:#2b2b2ba8;color:#aaa}
.dark .nav-tabs .nav-item.show .nav-link,.dark .nav-tabs .nav-link.active,.dark a.backtohome{color:#e6e6e6;background:#909090}
.dark .app-list ul li a:hover,.dark .normal-list ul li a:hover,.dark .recent-list .tab-content .item a:hover{background:rgb(255 255 255/11%)}
.dark .app-list ul,.dark .normal-list ul{border-top:1px solid #2f2f2f}
.dark .nav-float li,.dark .nav-tabs{border-bottom:1px solid #48484869}
.dark .btn,.dark .search-cat a.active{background:#FF3366;color:#fff}
.dark .container{border:none}
.dark .content-footer p,.dark .copyright p{color:#aaa}
.dark .copyright{color:#aaa}
.dark .menu ul li:nth-child(1) a{background:linear-gradient(316deg,#fc5286,#fbaaa2);color:#ffffffbf}
.dark .menu ul li:nth-child(1) a:hover{color:#fff}
.dark .menu ul li a{background:#909090;color:#e6e6e6}
.dark .header-menu a{border:none}
.dark .header-menu a:hover{border:none;background-color:#7e7d81ce;color:#e9e9e9}
.dark .container-tabs .content-tabs .card h3{color:#e6e6e6}
.dark .container-tabs .content-tabs .card p{color:#d0d0d0}
.dark .content-hot{border-top:1px solid #696969}
.dark .container-tabs .content-tabs .card a:hover{background-color:#252525}
.dark .nav-tabs .nav-link:not(.active){color:#aaa}
.dark .nav-tabs .nav-link:not(.active):hover{color:#212529}
.dark .list-tag-name ol li{background:#6b6b6b;color:#222}
.dark .list-tag-name ol li.active{background:#FF3366;color:#fff}
.dark .list-items-style li a span{background:#6b6b6b;color:#222}
.dark .logo .name,.dark .logo .domain-name{color:#eee}