@charset "UTF-8"; html { scroll-behavior: smooth; } 
ol, ul, li { margin: 0; padding: 0; list-style: none } 
a { background-color: transparent; -webkit-tap-highlight-color: transparent } 
a, a:link, a:visited, a:active, a:hover, button { outline: none; text-decoration: none; cursor: pointer } 
/* a:hover { color: #E50916 !important }  */
a:hover { text-shadow: 0 0 3px #fff, 0 0 8px #ff4da6 } 
a:focus { text-decoration: none } 
*, ::after, ::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0 } 
input, button, select, textarea { border: 0; background: 0 0; border-radius: 0; outline: medium none; font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } 
img { border: none; max-width: 100%; height: auto; vertical-align: top } 
i, em { font-style: inherit } 
table { border-collapse: collapse; border-spacing: 0 } 
::selection { text-shadow: none; background: #E50916; color: hsla(0, 0%, 100%, .87) } 
::-webkit-scrollbar-thumb { background-color: #25252b; border-radius: 6px; -webkit-transition: background 200ms ease; -moz-transition: background 200ms ease; transition: background 200ms ease } 
::-webkit-scrollbar { width: 8px; background-color: rgb(10, 12, 15) } 
::-webkit-scrollbar-button { display: none } 
.theme2 .br { border-color: #141B29 } 
.b-b { border-bottom: 1px solid } 
.b-r { border-right: 1px solid } 
.mask-1 { filter: brightness(0.8) } 
@font-face { font-family: 'iconfont'; src: url('//at.alicdn.com/t/c/font_3440686_3xvld3nkevr.woff2?t=1666424515226') format('woff2'), url('//at.alicdn.com/t/c/font_3440686_3xvld3nkevr.woff?t=1666424515226') format('woff'), url('//at.alicdn.com/t/c/font_3440686_3xvld3nkevr.ttf?t=1666424515226') format('truetype') } 
.fa { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } 
.b { font-weight: 700 } 
.r3 { margin-right: 3px } 
.r6 { margin-right: 6px } 
.hide2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all } 
.hide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block } 
.none, .gen-left-list, .gen-left-list2, .switch-box .check { display: none } 
.switch-box .selected { display: block } 
.load-icon-, .tab-off-0, .tab-text-0 .time-title { display: none !important } 
.radius { border-radius: 6px } 
.content-center { display: flex; box-sizing: border-box; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: column; font-size: 22px } 
.rel { position: relative } 
.transition { transition: background-color 0.5s linear 0s } 
.ease, .public-list-div:before { transition: all .4s ease; -webkit-transition: all .4s ease } 
.weight { font-weight: 700 } 
.ab-r { position: absolute; right: 0; top: 0 } 
.lazy { width: 100%; height: 100%; object-fit: cover; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; border-radius: 6px; display: block } 
.top20 { margin-top: 20px } 
.top40 { margin-top: 60px } 
.h-100 { height: 100% !important } 
.align-items-center { -ms-flex-align: center !important; align-items: center !important } 
.flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } 
.col-xl-6, .col-xl-7 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } 
.overflow { overflow: hidden } 
.cf:after, .cf:before { content: ""; display: table } 
.cf:after { clear: both } 
.size { font-size: 0 } 
.division { padding: 0 4px } 
.footerLess { position: absolute; bottom: 0; left: 0 } 
.public-box { -webkit-box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%); box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%); padding: 20px; border-radius: 6px } 
.arrow { position: absolute; left: 20px; top: -6px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border-radius: 0 1px 0 1px; width: 12px; height: 12px } 
.badge2 { color: hsla(0, 0%, 100%, .87) !important; background-color: #ff5b5b; display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem } 
.badge2:hover { color: hsla(0, 0%, 100%, .87) !important } 
.mh { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgba(0, 0, 0, .6) } 
.p-b-h { -webkit-backdrop-filter: saturate(5) blur(20px); backdrop-filter: saturate(5) blur(20px) } 
.p-type { width: auto !important; border-radius: 4px; font-weight: 700; font-size: 11px; padding: 4px 6px; margin-right: 5px; background: rgba(0, 0, 0, .5); display: inline-block } 
.p-top3 { padding-top: 60% } 
.p-d-b { position: absolute; bottom: 20px; left: 20px; right: 20px } 
.p-blue { color: #2997f7 !important; background: rgba(41, 151, 247, .1) } 
.p-level { left: 0; border-radius: 0 50px 50px 0; right: auto; position: absolute; top: 10px; z-index: 1; font-size: 12px; padding: 4px 6px; text-shadow: none; box-shadow: 0 1px 5px rgb(0 0 0 / 20%); background: #fe3459; background: linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%); color: #fff } 
.p-pass { background-color: rgba(0, 0, 0, .5); border-radius: 50%; color: #fff; font-size: 13px; height: 25px; right: 10px; line-height: 25px; position: absolute; text-align: center; top: 10px; width: 25px } 
.blink { animation: changeshadow 1s ease-in infinite; -webkit-animation: changeshadow 1s linear infinite; -moz-animation: changeshadow 1s linear infinite; -ms-animation: changeshadow 1s linear infinite; -o-animation: changeshadow 1s linear infinite } 
@keyframes changeshadow { 
0% { text-shadow: 0 0 4px #E50916 } 
50% { text-shadow: 0 0 40px #E50916 } 
100% { text-shadow: 0 0 4px #E50916 } 
}
@-webkit-keyframes changeshadow { 
0% { text-shadow: 0 0 4px #E50916 } 
50% { text-shadow: 0 0 40px #E50916 } 
100% { text-shadow: 0 0 4px #E50916 } 
}
@-moz-keyframes changeshadow { 
0% { text-shadow: 0 0 4px #E50916 } 
50% { text-shadow: 0 0 40px #E50916 } 
100% { text-shadow: 0 0 4px #E50916 } 
}
@-ms-keyframes changeshadow { 
0% { text-shadow: 0 0 4px #E50916 } 
50% { text-shadow: 0 0 40px #E50916 } 
100% { text-shadow: 0 0 4px #E50916 } 
}
@-o-keyframes changeshadow { 
0% { text-shadow: 0 0 4px #E50916 } 
50% { text-shadow: 0 0 40px #E50916 } 
100% { text-shadow: 0 0 4px #E50916 } 
}
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none } 
textarea { -webkit-appearance: none } 
.button, .button2 { text-transform: uppercase; position: relative; display: block; text-align: center; cursor: pointer; font-weight: 700; border-radius: 6px } 
.button { line-height: 54px; height: 54px; color: #fff !important; background-color: #E50916 !important } 
.button:hover { opacity: .8; color: #f5f5f1 !important } 
.button2 { width: 80px; height: 40px; line-height: 40px } 
.textarea { padding: 15px; margin: 15px 0; display: block; width: 100%; height: 100px; line-height: 20px; font-size: 14px; overflow: hidden } 
.input { position: relative; border-width: 1px; border-style: solid; width: 100%; padding: 0 15px; height: 54px; line-height: 54px; overflow: visible; border-radius: 6px } 
.input:hover { border-color: #E50916; outline: 0 } 
.ds-verify-img { height: 54px; display: block; width: 120px; margin-left: 10px; border-radius: 6px } 
.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } 
.between { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: space-between } 
.around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around } 
.wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } 
.center- { -webkit-justify-content: center; justify-content: center } 
.border-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } 
.flex-auto { -ms-flex: 1 0 0%; flex: 1 0 0%; width: 0 } 
.flex-public { display: -ms-flexbox; display: flex; position: relative; -ms-flex-align: center; align-items: center } 
.l-bj { border-radius: 6px; list-style: none; background-size: 400% 100%; background-position: 100% 50%; animation: skeleton-loading 1.4s ease infinite } 
.theme2 .l-bj { background-image: linear-gradient(90deg, #24292f 25%, rgb(17, 19, 25) 37%, #24292f 63%) } 
.l-5 { width: 5% } 
.l-10 { width: 10% } 
.l-15 { width: 15% } 
.l-20 { width: 20% } 
.l-25 { width: 25% } 
.l-30 { width: 30% } 
.l-35 { width: 35% } 
.l-40 { width: 40% } 
.l-45 { width: 45% } 
.l-50 { width: 50% } 
.l-55 { width: 55% } 
.l-60 { width: 60% } 
.l-65 { width: 65% } 
.l-70 { width: 70% } 
.l-75 { width: 75% } 
.l-80 { width: 80% } 
.l-85 { width: 85% } 
.l-90 { width: 90% } 
.l-95 { width: 95% } 
.l-100 { width: 100% } 
.l-h-1 { height: 10px } 
.l-h-2 { height: 20px } 
.l-t { margin-bottom: 10px } 
@keyframes skeleton-loading { 
0% { background-position: 100% 50% } 
100% { background-position: 0 50% } 
}
.null { line-height: initial; text-align: center; margin: 40px auto; font-size: 14px } 
.null img { width: 200px; margin: auto; display: block; padding-bottom: 15px } 
.gen-history-list li { margin-bottom: 15px } 
.history-a .lazy { display: block; width: 110px; height: 75px; margin-right: 15px } 
.history-a .history-r { display: flex; overflow: hidden; flex-direction: column; justify-content: space-between; flex: 1; line-height: initial } 
.gen-history ul { max-height: 620px; overflow: hidden; overflow-y: auto } 
.cor1 { color: hsla(0, 0%, 100%, .87) !important } 
.cor2 { color: hsla(0, 0%, 100%, .9) !important } 
.cor3 { color: hsla(0, 0%, 100%, .6) !important } 
.cor8 { color: #777 !important } 
.theme2 .cor4, .theme2 .gen-search-form a, .theme2 .gen-history-list a, .theme2 .slide-time-list a, .theme2 a { color: hsla(0, 0%, 100%, .9) } 
.theme2 .cor5 { color: rgb(169, 169, 172) } 
.page-info .cor7 { color: #f5f5f1 !important } 
.co1 { color: #FF7340 } 
.co2 { color: #0aa770 } 
.co3 { color: #f08080 } 
.co4 { color: #f4a460 } 
.co5 { color: #00cc4c } 
.co6 { color: #777ffb } 
.co7 { color: #00c7f2 } 
.cr1 { background: #FF7340 } 
.cr2 { background: #0aa770 } 
.cr3 { background: #f08080 } 
.cr4 { background: #f4a460 } 
.cr5 { background: #00cc4c } 
.cr6 { background: #777ffb } 
.cr7 { background: #00c7f2 } 
.cr8 { background: #CC0000 } 
.ol1 { background: #ff5f00; background: -webkit-linear-gradient(-45deg, #faaf61 0%, #ff5f00 100%); background: linear-gradient(-45deg, #faaf61 0%, #ff5f00 100%); box-shadow: 0 1px 1px rgba(255, 95, 0, .15) } 
.ol2 { background: #6177ff; background: -webkit-linear-gradient(-45deg, #59Ceff 0%, #6177ff 100%); background: linear-gradient(-45deg, #59Ceff 0%, #6177ff 100%); box-shadow: 0 1px 1px rgba(97, 119, 255, 0.15) } 
.ol3 { background: #ff536b; background: -webkit-linear-gradient(-45deg, #ff7e7e 0%, #ff536b 100%); background: linear-gradient(-45deg, #ff7e7e 0%, #ff536b 100%); box-shadow: 0 1px 1px rgba(255, 83, 107, 0.15) } 
.ol4 { background: #9e65f3; background: -webkit-linear-gradient(-45deg, #979dff 0%, #9e65f3 100%); background: linear-gradient(-45deg, #979dff 0%, #9e65f3 100%); box-shadow: 0 1px 1px rgba(158, 101, 243, 0.15) } 
.ol5 { background: #3db794; background: -webkit-linear-gradient(-45deg, #5ce29f 0%, #3db794 100%); background: linear-gradient(-45deg, #5ce29f 0%, #3db794 100%); box-shadow: 0 1px 1px rgba(61, 183, 148, 0.15) } 
.ol6 { background: #00a0d8; background: -webkit-linear-gradient(-45deg, #00c7f2 0%, #00a0d8 100%); background: linear-gradient(-45deg, #00c7f2 0%, #00a0d8 100%); box-shadow: 0 1px 1px rgba(0, 131, 176, 0.15) } 
.ol7 { background: #8d93b1; background: -webkit-linear-gradient(-45deg, #a6b5ca 0%, #8d93b1 100%); background: linear-gradient(-45deg, #a6b5ca 0%, #8d93b1 100%); box-shadow: 0 1px 1px rgba(141, 147, 177, 0.15) } 
.theme2 .bj3 { background-color: rgb(10, 12, 15) } 
.theme2 .p-box .box { background-color: rgb(17, 19, 25) !important } 
.ft1 { font-size: 12px } 
.ft2 { font-size: 14px } 
.ft3 { font-size: 15px } 
.ft4 { font-size: 16px } 
.ft5 { font-size: 18px } 
.ft6 { font-size: 26px } 
.fyy { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4) } 
.text { font-size: 16px; margin-top: 20px; line-height: 26px } 
#height_limit { max-height: 80px; overflow: hidden } 
.height_rel { max-height: inherit !important } 
.occlusion { -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#121212), to(transparent)) } 
.text-open { display: none; height: 27px; line-height: 27px; font-size: 14px; width: 100%; text-align: center; cursor: pointer } 
.text-open .tim-bnt:hover { background-color: hsla(0, 0%, 100%, .08); padding: 4px 10px; border-radius: 25px } 
.text-open .tim-bnt:hover .fa { margin-right: 10px } 
.box-width { flex: 0 0 auto; margin: 0 80px } 
.row-1 { width: 20% } 
.row-9 { width: 80% } 
.row-8 { width: 70% } 
.row-2 { width: 30% } 
.row-top { margin-top: -24px } 
.row-right { margin-right: 20px } 
.box-width-small { width: 1318px; margin: 0 auto } 
.box-p { padding: 20px } 
.p-box, .alone-box .tim-box { border-radius: 6px; padding: 20px; margin-bottom: 20px } 
.theme2 .p-box, .theme2 .alone-box .tim-box { background-color: rgb(10, 12, 15); box-shadow: 0 0 10px rgba(24, 24, 24, 0.1) } 
@media (min-width:768px) and (max-width:1200px){
.box-width, .box-width-small { width: auto; margin: 0 20px } 
}
@media (min-width:1201px) and (max-width:1318px){
.box-width-small { width: auto; margin: 0 80px } 
}
@media (max-width: 767px){
.box-width, .box-width-small { max-width: 100%; padding: 0 12px; margin: auto !important; overflow: hidden } 
}
@media (min-width:992px) and (max-width:1318px){
.row-9 { width: 70% } 
.row-1 { width: 30% } 
}
@media (min-width:1319px) and (max-width:1685px){
.row-9 { width: 75% } 
.row-1 { width: 25% } 
}
@media (max-width:991px){
.row-1, .row-2, .row-8, .row-9 { width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100% } 
.row-top { margin-top: 10px } 
.row-right { margin-right: 0 } 
}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } 
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } 
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } 
@-webkit-keyframes fadeInLeft { 
0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } 
100% { opacity: 1; -webkit-transform: none; transform: none } 
}
@keyframes fadeInLeft { 
0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } 
100% { opacity: 1; -webkit-transform: none; transform: none } 
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } 
@-webkit-keyframes fadeInRight { 
0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } 
100% { opacity: 1; -webkit-transform: none; transform: none } 
}
@keyframes fadeInRight { 
0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } 
100% { opacity: 1; -webkit-transform: none; transform: none } 
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } 
@-webkit-keyframes fadeInDownBig { 
0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } 
100% { opacity: 1; -webkit-transform: none; transform: none } 
}
@keyframes fadeInDownBig { 
0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } 
100% { opacity: 1; -webkit-transform: none; transform: none } 
}
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } 
@-webkit-keyframes lightSpeedIn { 
0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 
60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 
80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } 
100% { -webkit-transform: none; transform: none; opacity: 1 } 
}
@keyframes lightSpeedIn { 
0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 
60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 
80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } 
100% { -webkit-transform: none; transform: none; opacity: 1 } 
}
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 
@-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 
10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 
20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 
}
@keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 
10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 
20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 
}
@-webkit-keyframes topfadeInUp { 
0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } 
100% { opacity: 1; -webkit-transform: none; transform: none } 
}
@keyframes topfadeInUp { 
0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } 
100% { opacity: 1; -webkit-transform: none; transform: none } 
}
.topfadeInUp { -webkit-animation-name: topfadeInUp; animation-name: topfadeInUp } 
@-webkit-keyframes fadeInUp { 
0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0) } 
100% { opacity: 1; -webkit-transform: none; transform: none } 
}
@keyframes fadeInUp { 
0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0) } 
100% { opacity: 1; -webkit-transform: none; transform: none } 
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } 
.flavr-container .hidden { position: relative; margin-top: 20% } 
.loader { margin: auto; text-indent: -9999em; border-top: 0.3em solid rgba(255, 255, 255, 0.1); border-right: 0.3em solid rgba(255, 255, 255, 0.1); border-bottom: 0.3em solid rgba(255, 255, 255, 0.1); border-left: 0.3em solid hsla(0, 0%, 100%, .87); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -moz-animation: loader 300ms infinite linear; -webkit-animation: loader 300ms infinite linear; animation: loader 300ms infinite linear; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -webkit-transition: all 500ms ease; transition: all 500ms ease } 
.loader, .loader:after { border-radius: 50%; width: .9em; height: .9em } 
@-webkit-keyframes loader { 
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } 
}
@-moz-keyframes loader { 
0% { -moz-transform: rotate(0deg); transform: rotate(0deg) } 
100% { -moz-transform: rotate(360deg); transform: rotate(360deg) } 
}
@keyframes loader { 
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } 
}
.loading { width: 150px; height: 15px; margin: 0 auto } 
.loading span { display: inline-block; width: 15px; height: 100%; margin-right: 5px; border-radius: 50%; background: #E50916; -webkit-animation: load 1.04s ease infinite } 
.loading span:last-child { margin-right: 0 } 
@-webkit-keyframes load { 
0% { opacity: 1 } 
100% { opacity: 0 } 
}
.loading span:nth-child(1) { -webkit-animation-delay: .13s } 
.loading span:nth-child(2) { -webkit-animation-delay: .26s } 
.loading span:nth-child(3) { -webkit-animation-delay: .39s } 
.loading span:nth-child(4) { -webkit-animation-delay: .52s } 
.loading span:nth-child(5) { -webkit-animation-delay: .65s } 
.loadIcon { display: inline-block; font-size: 20px; width: 1em; height: 1em; position: absolute; left: 1px; right: 1px; top: 1px; bottom: 1px; margin: auto; text-align: center } 
.spin-dot-spin { transform: rotate(45deg); -webkit-animation: antRotate 1.2s linear infinite; animation: antRotate 1.2s linear infinite } 
.spin-dot-item:first-child { top: 0; left: 0 } 
.spin-dot-item:nth-child(2) { top: 0; right: 0; -webkit-animation-delay: .4s; animation-delay: .4s } 
.spin-dot-item:nth-child(3) { right: 0; bottom: 0; -webkit-animation-delay: .8s; animation-delay: .8s } 
.spin-dot-item:nth-child(4) { bottom: 0; left: 0; -webkit-animation-delay: 1.2s; animation-delay: 1.2s } 
.spin-dot-item { position: absolute; display: block; width: 9px; height: 9px; background-color: #E50916; border-radius: 100%; transform: scale(.75); transform-origin: 50% 50%; opacity: .3; -webkit-animation: antSpinMove 1s linear infinite alternate; animation: antSpinMove 1s linear infinite alternate } 
@-webkit-keyframes antSpinMove { to { opacity: 1 } 
}
@keyframes antSpinMove { to { opacity: 1 } 
}
@-webkit-keyframes antRotate { to { transform: rotate(405deg) } 
}
@keyframes antRotate { to { transform: rotate(405deg) } 
}
.loading3 { content: ""; width: 12px; height: 12px; display: inline-block; border: .1em solid transparent; border-radius: 50%; border-top-color: #777; border-bottom-color: #777; -webkit-animation: huan-rotate 1s cubic-bezier(.7, .1, .31, .9) infinite; animation: huan-rotate 1s cubic-bezier(.7, .1, .31, .9) infinite; margin-right: 10px } 
@-webkit-keyframes huan-rotate { 
0% { transform: rotate(0) } 
to { transform: rotate(360deg) } 
}
@keyframes huan-rotate { 
0% { transform: rotate(0) } 
to { transform: rotate(360deg) } 
}
.flow-more { margin: 20px 0; text-align: center; width: 100% } 
.flow-more a { border-radius: 30px; padding: 5px 15px; color: #777; opacity: .6 } 
.flow-more i { margin-right: 15px; transition: .3s } 
.flow-more a:hover { color: #777 !important; background: rgba(50, 50, 50, .06); opacity: 1 } 
.flow-more:hover .fa { margin-right: 8px } 
.slide-time-img { -webkit-filter: blur(80px); filter: blur(80px) } 
@-moz-keyframes rightSpring { 
0% { margin-left: 0 } 
50% { margin-left: -30px } 
100% { margin-left: 0 } 
}
@-moz-keyframes leftSpring { 
0% { margin-left: 0 } 
50% { margin-left: 30px } 
100% { margin-left: 0 } 
}
@-webkit-keyframes rightSpring { 
0% { margin-left: 0 } 
50% { margin-left: -30px } 
100% { margin-left: 0 } 
}
@-webkit-keyframes leftSpring { 
0% { margin-left: 0 } 
50% { margin-left: 30px } 
100% { margin-left: 0 } 
}
#nextArrow, #prevArrow { border: none; text-decoration: none; font-size: 52px; opacity: 1; cursor: pointer; position: absolute; width: 43px; height: 58px; top: 50%; margin-top: -29px; -moz-transition: opacity .2s ease; -webkit-transition: opacity .2s ease; transition: opacity .2s ease } 
#nextArrow:hover, #prevArrow:hover { opacity: 1 } 
#prevArrow { background-position: left top; left: 40px } 
#nextArrow { background-position: right top; right: 40px } 
#pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: hsla(0, 0%, 100%, .87) } 
.box-bg, .box-bg2 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 9999; opacity: .5; background: #222 } 
.window-box .animated { width: 500px; padding: 30px; border-radius: 6px } 
.window-off { position: absolute; right: 0; top: 6px; font-size: 16px } 
.window-off:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: -webkit-transform 1s linear; transition: transform 1s linear } 
.top-banner { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; position: relative } 
.top6 { background-image: url(/NevXAssets/images/bj6.jpg); height: 100% } 
.top7 { background-image: url(/NevXAssets/images/bj7.jpg); height: 100% } 
.top4 { background-image: url(/NevXAssets/images/bj4.jpg); height: 100% } 
.top15 { background-image: url(/NevXAssets/images/bj15.png); padding-top: 73% } 
.section-hd { float: left; display: inline } 
.section-avatar { position: relative; display: block } 
.section-hd .section-avatar .avatar-img { width: 40px; height: 40px; border-radius: 50% } 
.section-bd { position: relative; margin-left: 52px } 
.section-bd .opt-more { cursor: pointer } 
.section-bd .opt-state-pop { position: absolute; right: 0; top: 21px; padding: 0 16px; height: 38px; line-height: 38px; text-align: center; border-radius: 3px; background: rgba(23, 24, 30, .9); box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%); font-size: 14px; z-index: 1; cursor: pointer; display: none } 
.section-bd .state-pop-arrow { position: absolute; top: 1px; right: 12px } 
.section-bd .state-pop-arrow:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 5px; border-color: transparent transparent rgba(23, 24, 30, .9); top: -11px } 
.gen-loading { flex-direction: column; justify-content: center; align-items: center; position: fixed; display: flex; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; width: 100%; height: 100% } 
.gen-loading img { height: 75px } 
.footer-top { width: 100%; text-align: center; position: relative; padding: 58px 20px } 
.footer .footer-top-title { font-size: 26px; line-height: 26px; text-align: center; font-weight: 700 } 
.footer .footer-top-title-desc { font-size: 12px; font-weight: 400; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 12px; line-height: 24px; margin-top: 16px } 
.footer .footer-bottom { width: 100%; padding: 20px 0; color: hsla(0, 0%, 100%, .87); text-align: center } 
.footer .footer-bottom a { color: #f5f5f1 !important } 
.footer .footer-bottom .box-width { font-size: 16px; padding: 0 15px } 
.footer-a-url a { margin-left: 10px } 
.top-back { position: fixed; bottom: 125px; right: 0; z-index: 999 } 
.top-back a { font-size: 26px; width: 50px; height: 50px; text-align: center; line-height: 50px; display: block; color: #f5f5f1 !important; margin-top: 10px } 
.bottom-navigation .foot-table-box { color: hsla(0, 0%, 100%, .87); z-index: 99; position: fixed; display: block; left: 0; right: 0; bottom: 0; height: 58px; width: 100% } 
.bottom-navigation .foot-table-box li { width: 100%; height: 58px; text-align: center } 
.foot-table-box .cor4 { flex: 1; position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; min-height: 49px; font-size: 0 } 
.bottom-navigation .foot-table-box li .fa { width: 100%; display: block; font-size: 24px; height: 24px; line-height: 24px; position: relative; margin-top: 8px } 
.bottom-navigation .foot-table-box li .time-title { width: 100%; font-size: 12px; margin-top: 4px; height: 12px; line-height: 12px } 
.foot-top-height { height: 68px } 
.gen-account-menu { position: absolute; left: -132px; top: 100%; width: 300px; z-index: 9998; padding: 20px; text-align: center; line-height: 40px } 
.theme2 .logo2, .theme2 .loading2 { display: block } 
.gen-btn-container a, .title .more { height: 40px; line-height: 40px; padding: 0 20px } 
.gen-search-form, .gen-history-list { z-index: 9998; position: absolute; left: -200px; width: 420px; padding: 15px } 
.gen-search .public-list-new { line-height: 36px; display: inline-block; margin-top: 10px; width: 100% } 
.public-list-a { display: block; width: 100%; line-height: 40px; height: 40px } 
.public-list-a:hover { color: hsla(0, 0%, 100%, .87) !important; background: #111319; padding: 0 10px } 
.public-list-b { position: relative; display: inline-block; padding: 0 20px; border-radius: 3px; font-size: 14px; width: auto; line-height: 42px; height: 42px; margin: 0 10px 10px 0 } 
.search-show { line-height: 46px; display: block !important } 
.l { float: left } 
.r { float: right } 
.completion { line-height: 36px; margin-top: 10px; width: 100% } 
.completion .results { width: 100% !important } 
.completion li { cursor: pointer } 
.completion strong { color: #E50916 } 
@keyframes nudge { 
0% { transform: translateX(0) } 
30% { transform: translateX(-5px) } 
50% { transform: translateX(5px) } 
70% { transform: translateX(-2px) } 
100% { transform: translateX(0) } 
}
.title .title-h { font-size: 28px; font-style: normal; line-height: 36px } 
.slide-title { color: hsla(0, 0%, 100%, .87) !important; margin-bottom: 6px !important } 
.title-m { font-size: 22px; line-height: 20px; max-width: 100%; margin-top: 10px; padding-bottom: 16px } 
.title-m .function { font-size: 14px } 
.title-url { line-height: 39px; height: 39px; font-size: 12px } 
.tab-l { position: absolute; bottom: 0; left: 0; width: 100% } 
.tab-l a { position: relative; height: 33px; font-size: 16px; margin-right: 40px } 
.tab-l .selected:after { content: " "; position: absolute; left: 50%; bottom: 0; width: 100%; height: 2px; background: #e50916; border-radius: 2px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0) } 
.public-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; opacity: 0 } 
.public-play i { text-transform: uppercase; position: relative; font-weight: 400; background: #E50916; color: hsla(0, 0%, 100%, .87); font-size: 16px; vertical-align: middle; border: none; overflow: hidden; padding: 0; width: 60px; height: 60px; opacity: 0; display: inline-block; line-height: 60px; text-align: center; -webkit-border-radius: 900px; -moz-border-radius: 900px; border-radius: 900px } 
.public-list-bj .public-list-exp:before { content: ""; opacity: 0; z-index: 9; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: inline-block; background: #0b101766 } 
.public-list-box:hover .public-list-bj .public-list-exp:before, .public-list-box:hover .public-play, .public-list-box:hover .public-play i { opacity: 1 } 
.gen-movie-img { -webkit-transform: scale(1); transform: scale(1) } 
.public-list-box:hover .gen-movie-img { -webkit-transform: scale(1.2); transform: scale(1.2) } 
.public-r { margin-right: -26px } 
.public-height { height: 52px !important } 
.public-prt { max-width: 90%; font-size: 14px; display: block; height: 30px; line-height: 30px; padding: 0 12px; right: 6px; top: 6px; position: absolute; z-index: 1; border-radius: 6px; color: hsla(0, 0%, 100%, .87); border: solid 1px rgba(10, 33, 65, 0.05); -webkit-box-shadow: 0px 2px 4px #7e8eb11f; box-shadow: 0px 2px 4px #7e8eb11f } 
.public-bg { display: block; border-radius: 0 0 6px 6px; background-repeat: no-repeat; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 100%); position: absolute; bottom: -4px; left: 0; width: 100%; height: 50% } 
.public-list-box { margin-bottom: 30px; margin-top: 10px; padding-right: 26px } 
.public-list-div { height: 0; overflow: hidden; border-radius: 6px; position: relative } 
.public-list-exp { overflow: hidden; position: absolute; width: 100%; height: 100%; left: 0; top: 0 } 
.public-list-prb { max-width: 90%; line-height: 28px; right: 12px; bottom: 10px; position: absolute; color: hsla(0, 0%, 100%, .87); z-index: 1 } 
.public-list-prb i { color: #E50916; margin-right: 4px; font-weight: 700 } 
.public-list-button { position: relative; padding-top: 8px } 
.public-list-button .time-title { font-weight: 700; line-height: 26px; display: block; /* height: 26px; */height: 44px !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; } 
.public-list-subtitle { margin-top: 5px; height: 20px; line-height: 20px } 
.public-pic-b, .public-pic-c, .public-pic-d { width: 12.49999% } 
.public-pic-a { width: 14.277777777% } 
.public-pic-b .public-list-div, .public-pic-g-b .public-list-div { padding-top: 135.74%; padding-top: 142%; } 
.public-pic-d .public-list-div, .public-pic-e .public-list-div { padding-top: 100% } 
.public-pic-a .public-list-div, .public-pic-c .public-list-div, .public-pic-f .public-list-div, .public-pic-g-a .public-list-div { padding-top: 62% } 
.public-pic-e { width: 10% } 
.public-pic-f { width: 19.9888888% } 
.bj-100 { width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgb(0, 0, 0) 100%) } 
.br-100 { border-radius: 100% } 
.live-tag { background: #1f69ff; background: rgba(31, 105, 255, .8) } 
.link a { margin-right: 15px; margin-bottom: 15px; font-size: 16px } 
.title-bottom { padding: 15px 15px; opacity: 1; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 9 } 
.title-bottom h1 { font-size: 20px; line-height: 28px; white-space: nowrap; text-overflow: ellipsis } 
.title-bottom p { color: hsla(0, 0%, 100%, .87); background: #E50916; padding: 6px 16px; display: inline-block; font-weight: 600; margin-top: 4px; border-radius: 30px 12px 30px 16px; font-size: 14px } 
.filter-reselect { position: absolute; top: 0; right: 0; width: 60px; text-align: right; height: 36px; line-height: 36px } 
.site-tabs { display: flex; justify-content: space-around; margin-bottom: 15px } 
.between { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: space-between } 
.around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around } 
.site-tabs a { position: relative; padding-bottom: 10px; font-weight: 700; font-size: 16px; line-height: 28px } 
.site-tabs a.active::after { position: absolute; bottom: -2px; left: 50%; margin-left: -10px; width: 20px; height: 3px; border-radius: 4px; content: ""; background: #E50916 } 
.page-whole { line-height: 22px } 
.page-whole .page-btn a { display: inline-block; margin-left: 2px; width: 22px; border-radius: 6px; text-align: center; line-height: 20px } 
.page-whole .disad, .Pg { cursor: not-allowed; pointer-events: none; opacity: .5 } 
.mac_pages li a { display: block; height: 32px; line-height: 32px; margin: 2px } 
.share-box { position: absolute; top: 100%; left: -68px; padding: 30px; /* width: 420px; */z-index: 99; -webkit-box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%); box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%); line-height: 20px } 
.share-qrcode { float: left; display: block; width: 100px; text-align: center } 
a#qrcode_zc img { margin: auto; max-height: 100%; } 
.share-text { margin-bottom: 10px; font-weight: 700 } 
.share-links { float: left; display: block; /* margin-left: 30px; *//* padding: 0 0 0 30px; */width: 230px } 
.share-url { display: block; overflow-y: auto; border-radius: 4px; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-break: break-all; padding: 10px; max-height: 50px; width: 100%; margin: 15px 0 0 0 } 
.share-copy { margin: 10px auto 0; width: 100%; line-height: 36px; display: block; color: hsla(0, 0%, 100%, .87) } 
.share-pic { width: 90px; height: 90px; background-color: hsla(0, 0%, 100%, .5); border-radius: 2px; padding: 3px } 
.pages { margin-bottom: 20px; text-align: center } 
.pages .page-tip { padding: 10px 0 } 
.pages .page-link { display: inline-block; margin-bottom: 10px; margin-left: 6px; padding: 0 20px; height: 40px; border-radius: 6px; line-height: 40px } 
.detail-get-bnt { position: absolute; right: 340px; bottom: 0 } 
.detail-get-bnt .detail-get-box { border-radius: 25px; cursor: pointer; background-color: hsla(0, 0%, 100%, .08); text-align: center; line-height: 54px; height: 54px; margin-left: 20px; display: inline-block; color: rgba(255, 255, 255, .6); padding: 0 20px } 
#rating .rating-s .active { background: url(/NevXAssets/images/rating.svg) 0 -28px no-repeat; background-size: cover } 
#rating .rating-s li { width: 28px; height: 28px; text-indent: -60px } 
#rating { padding: 28px 0; margin-bottom: 20px; border-bottom: 1px solid hsla(0, 0%, 100%, .08) } 
#rating .rating-s { display: inline-block } 
.plot-detail-list .fa { display: block; padding: 12px 12px 0; line-height: 24px; overflow: hidden; font-size: 32px; opacity: .4 } 
.plot-detail-list .desc_txt { display: block; margin: 6px 12px 10px; height: 72px; line-height: 24px; font-size: 14px; font-weight: 400; overflow: hidden } 
.plot-detail-list a { display: block; color: hsla(0, 0%, 100%, .87); background-color: rgba(11, 13, 18, .8); transition: all .1s ease-out 0s, transform .2s cubic-bezier(.34, 1.56, .64, 1) 0s; will-change: transform; width: 60px; height: 30px; line-height: 30px; text-align: center; border-radius: 15px; font-weight: 700 } 
.shp .public-pic-e { width: 6.6666666% } 
.shp .public-list-button .time-title { font-size: 14px; text-align: center } 
.shp .cor3 { font-size: 12px; text-align: center } 
.star-works .star-works-top:after { content: ""; display: inline-block; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px } 
.theme2 .star-works .star-works-top:after { border-bottom: 1px solid #141B29 } 
.star-active .star-works-box { background-color: #E50916 } 
.star-active .star-works-box a, .star-active .star-works-box a:hover { color: hsla(0, 0%, 100%, .87) !important } 
.star-active .star-works-arrow { position: absolute; bottom: -31px; left: 50%; margin-left: -7px; width: 14px; height: 14px; background-color: #E50916; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 9 } 
.star-active:after { content: ""; display: inline-block; width: 100%; height: 1px; background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, .1)), color-stop(50%, #E50916), to(hsla(0, 0%, 100%, .1))); background-image: -o-linear-gradient(left, hsla(0, 0%, 100%, .1), #E50916 50%, hsla(0, 0%, 100%, .1)); background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .1), #E50916 50%, hsla(0, 0%, 100%, .1)); position: absolute; bottom: -25px; left: 0 } 
.star-active .star-works-arrow:after { content: ""; position: absolute; left: 2px; top: 2px; width: 14px; height: 14px; -webkit-transform: skew(-15deg, -15deg); -ms-transform: skew(-15deg, -15deg); transform: skew(-15deg, -15deg) } 
.theme2 .star-active .star-works-arrow:after { background-color: rgb(17, 19, 25) } 
.star-works-box { position: relative; padding: 6px 0 6px 58px; height: 60px; border-radius: 64px; cursor: pointer } 
.star-works-box .lazy { position: absolute; left: 8px; top: 8px; background-size: cover; display: block; width: 44px; height: 44px; border-radius: 50%; padding: 2px; background-color: hsla(0, 0%, 100%, .6) } 
.star-works-box .title { display: inline-block; text-align: center; height: 48px; line-height: 48px; font-size: 16px; width: 80% } 
.star-works .public-list-box { margin-bottom: 26px } 
.badge { background-color: rgba(83, 109, 230, .18); display: inline-block; padding: 2px 4px; margin-left: 4px; font-size: 75%; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 4px; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } 
.role-card .left { margin-right: 15px; width: 93px; height: 124px; float: left; display: inline } 
.role-card .right { font-size: 16px; line-height: 24px } 
.card-bottom { margin-top: 15px } 
.card-title { margin-bottom: 10px; font-size: 16px; line-height: 24px } 
.card-text { display: inline; line-height: 24px; font-size: 14px; white-space: pre-line } 
.theme2 .player .box { background-color: #1e2126 } 
.player { position: absolute; top: 90px; right: 0; bottom: 0; left: 0; overflow: hidden } 
.list-body { position: absolute; width: 100%; height: calc(100% - 52px); overflow-y: auto; overflow-x: hidden; padding-bottom: 10px } 
.plist-body { margin-left: 20px; width: 360px } 
.fun { text-align: center; margin-top: 18px; margin-bottom: 12px; font-size: 14px; line-height: 46px; height: 46px; padding: 0 16px } 
.fun .fa { font-size: 18px } 
.block-split { height: 0; border-bottom: 1px solid; margin: 24px -20px 16px } 
.player .dx { display: block !important } 
.player .ecnav-dt:after { content: ""; position: absolute; bottom: 3px; left: 3px; width: 10px; height: 8px; background: url(/NevXAssets/images/playon-green.gif) no-repeat } 
.tips-box { background-color: #14161a; margin-top: 18px; margin-bottom: 12px; color: rgba(247, 225, 193, .6); overflow: hidden; line-height: 26px; padding: 15px; font-size: 13px; cursor: pointer; background-size: 100% 100%; background-image: url(../img/tips-box.png) } 
.plist-body .info-list { margin: 14px 0; font-size: 0 } 
.plist-body .list-li { display: inline-block; width: 50%; vertical-align: top; line-height: 26px; font-size: 14px } 
.plist-body .li-lt { float: left; width: 52px } 
.plist-body .li-rt { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } 
.line-switch { margin-right: -8px } 
.line-switch a { display: inline-block; width: calc(33.3333333% - 8px); text-align: center; height: 40px; line-height: 40px; margin-top: 8px; margin-right: 8px } 
.p-list-a { width: 25% } 
.tim-page { margin-top: 10px; } 
@media (max-width: 767px){
.p-list-a { width: 50% } 
}
@media (min-width:768px) and (max-width:992px){
.p-list-a { width: 33.3333333% } 
}
.search-box { margin-bottom: 50px } 
.search-box .left { position: relative; height: 380px; width: 270px; margin-right: 20px } 
.search-box .right a { font-size: 16px } 
.search-box .thumb-content .thumb-txt { line-height: 40px; font-size: 30px } 
.search-box .thumb-content .cor5 { opacity: .7 } 
.search-box .thumb-actor, .search-box .thumb-else { margin: 20px 0 } 
.search-box .thumb-blurb { font-size: 16px; line-height: 26px; margin-bottom: 19px; max-height: 104px } 
.search-box em:last-child { display: none } 
.search-box .thumb-menu { position: absolute; bottom: 0; left: 0 } 
.search-box .button { width: 120px; margin-right: 15px } 
.search-box .collection { height: 54px; line-height: 54px; display: block; width: 54px; text-align: center; background-color: hsla(0, 0%, 100%, .08); color: #E50916; border-radius: 100%; -webkit-box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%); box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%) } 
.search-box .collection:hover { background-color: #E50916; color: hsla(0, 0%, 100%, .87) !important } 
.search-box .cover { position: absolute; bottom: 0; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; -webkit-filter: blur(20px); filter: blur(20px) } 
.search-box .cover div { position: absolute; width: 200px; top: 0; bottom: 0; background-image: linear-gradient(90deg, rgba(25, 26, 33, 0), #111319) } 
.search-box .cover .cover-left { left: 0; transform: rotate(180deg) } 
.search-box .cover .cover-right { right: 0 } 
.mt-5 { text-shadow: -2px 0 rgb(0 255 255 / 50%), 2px 0 rgb(255 0 0 / 50%); animation: shake-it .5s reverse infinite cubic-bezier(.68, -.55, .27, 1.55); font-weight: 700; font-size: 4em; line-height: 2 } 
.mod-404 { width: 340px; height: 360px; margin: 162px auto 0; text-align: right; background: url(../img/bg_404.png) 62px 16px no-repeat } 
.public-tips { font-size: 20px; font-weight: 700; text-shadow: rgb(0 0 0) 1px 0 1px, rgb(0 0 0) 0 1px 1px, rgb(0 0 0) 0 -1px 1px, rgb(0 0 0) -1px 0 1px; line-height: 30px; color: hsla(0, 0%, 100%, .87) } 
.public-tips-bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; margin-top: 10px } 
.dark .input { color: #a9a9ac !important } 
.mac-msg-jump { width: 90%; max-width: 624px; min-height: 60px; position: absolute; top: 50%; left: 50%; z-index: 9999; transform: translateX(-50%) translateY(-50%); margin: 0 auto } 
@keyframes shake-it { 
0% { text-shadow: 0 0 rgba(0, 255, 255, .5), 0 0 rgba(255, 0, 0, .5) } 
25% { text-shadow: -2px 0 rgba(0, 255, 255, .5), 2px 0 rgba(255, 0, 0, .5) } 
50% { text-shadow: -5px 0 rgba(0, 255, 255, .5), 3px 0 rgba(255, 0, 0, .5) } 
100% { text-shadow: 3px 0 rgba(0, 255, 255, .5), 5px 0 rgba(255, 0, 0, .5) } 
}
.controls { display: block; width: 66px; height: 66px; line-height: 66px; border-radius: 50%; background: hsla(0, 0%, 0%, .4); text-align: center } 
.controls .btn-default { color: hsla(0, 0%, 100%, .87); font-size: 12px } 
.gen-price-box { margin-top: 20px; flex-wrap: wrap; justify-content: center } 
.recaptcha-terms-of-use { color: #8c8c8c; font-size: 13px; margin-top: 11px; line-height: 20px } 
.recaptcha-terms-of-use-link { background-color: transparent; border: none; color: #0071eb; cursor: pointer; display: inline; font-family: inherit; font-size: inherit; padding: 0 } 
@media (max-width: 767px){
.jp-audio .process-info { width: 50% !important } 
.jp-song-info { position: absolute; top: -30px; left: 12px; right: 12px; height: 20px !important; line-height: 20px !important; width: 100% } 
.jp-button a { margin: 12px 40px 0 40px !important } 
}
.jp-audio { max-width: 1200px; padding: 0 12px; height: 100%; margin: 0 auto; float: none; overflow: hidden } 
.jp-audio .process-info { width: 33.333333%; margin-bottom: 20px } 
.jp-audio .pic { display: inline-block; border-radius: 4px; width: 40px; margin-top: 24px; margin-right: 10px; height: 40px; background-color: rgba(0, 0, 0, .1); border: 0 } 
.jp-infos { height: 16px; max-width: 140px; margin-top: 37px; line-height: 16px; font-size: 14px } 
.jp-controls { height: 100%; width: 180px; position: absolute; left: 50%; top: 0; margin-left: -90px } 
.jp-button a { width: 50px; height: 50px; line-height: 50px; text-align: center; background-color: #E50916; border-radius: 100px; float: left; margin: 20px 40px 0 40px } 
.jp-controls a, .jp-button a:hover { font-size: 22px; color: hsla(0, 0%, 100%, .87) !important } 
.play-bar-volume { font-size: 20px; line-height: 20px; margin-left: 20px; margin-top: 34px } 
.jp-volume-bar { background: #303133; overflow: hidden; width: 80px; cursor: pointer; border-radius: 4px; height: 3px; margin-top: 8px; margin-left: 8px } 
.jp-pause, .jp-mute { display: none } 
.jp-progress { position: absolute; top: 0; left: 0; right: 0; width: 100%; background-color: #303133; height: 4px; overflow: hidden } 
.jp-seek-bar { background-color: #303133; width: 0; height: 100%; cursor: pointer } 
.jp-play-bar, .jp-volume-bar-value { width: 0; height: 100%; background-color: #E50916 } 
@media (min-width:768px) and (max-width:992px){
.jp-infos { display: none !important } 
}
#search-area { padding: 25px 15px; font-size: 14px; color: #333 } 
.search-group { border: 1px solid #eee; margin-bottom: 20px; height: 40px; line-height: 40px } 
.search-group > input { padding: 5px; height: 100%; width: 80%; border: 0; color: #666; display: block; float: left } 
.search-group > button { background-color: #eee; height: 38px; width: 20%; white-space: nowrap; text-overflow: clip; overflow: hidden; border: 0; display: block; float: left } 
.search-group > button, .search-group > input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } 
.radio-group > label { margin-right: 10px; cursor: pointer } 
.radio-group > label > input { vertical-align: -2px } 
.website-filter-grid { overflow: hidden; height: auto; position: relative } 
.website-filter-grid .center-bg { overflow: hidden; width: 100%; height: 586px; margin: 0; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; z-index: -1; background-position: center center } 
.website-filter-grid .focus-info { z-index: 9; position: relative; max-width: 800px; margin: auto; padding-top: 220px; text-align: center } 
.website-filter-grid .center-text { margin: auto; font-family: Ubuntu, sans-serif; font-size: 78px; font-weight: 900 } 
.glitch { position: relative; color: #fff; mix-blend-mode: lighten; overflow: hidden; white-space: nowrap } 
.glitch:after, .glitch:before { content: attr(data-text); position: absolute; top: 0; width: 100%; background: rgba(0, 0, 0, 0); clip: rect(0, 0, 0, 0) } 
.glitch:before { left: -1px; text-shadow: 1px 0 #ff3f1a } 
.glitch:after { left: 1px; text-shadow: -1px 0 #00a7e0 } 
.glitch:before { text-shadow: 4px 0 #ff3f1a; animation: glitch-loop-1 .8s infinite ease-in-out alternate-reverse } 
.glitch:after { text-shadow: -5px 0 #00a7e0; animation: glitch-loop-2 .8s infinite ease-in-out alternate-reverse } 
@-webkit-keyframes glitch-loop-1 { 
0% { clip: rect(36px, 9999px, 9px, 0) } 
25% { clip: rect(25px, 9999px, 99px, 0) } 
50% { clip: rect(50px, 9999px, 102px, 0) } 
75% { clip: rect(30px, 9999px, 92px, 0) } 
100% { clip: rect(91px, 9999px, 98px, 0) } 
}
@keyframes glitch-loop-1 { 
0% { clip: rect(36px, 9999px, 9px, 0) } 
25% { clip: rect(25px, 9999px, 99px, 0) } 
50% { clip: rect(50px, 9999px, 102px, 0) } 
75% { clip: rect(30px, 9999px, 92px, 0) } 
100% { clip: rect(91px, 9999px, 98px, 0) } 
}
@-webkit-keyframes glitch-loop-2 { 
0% { top: -1px; left: 1px; clip: rect(65px, 9999px, 119px, 0) } 
25% { top: -6px; left: 4px; clip: rect(79px, 9999px, 19px, 0) } 
50% { top: -3px; left: 2px; clip: rect(68px, 9999px, 11px, 0) } 
75% { top: 0; left: -4px; clip: rect(95px, 9999px, 53px, 0) } 
100% { top: -1px; left: -1px; clip: rect(31px, 9999px, 149px, 0) } 
}
@keyframes glitch-loop-2 { 
0% { top: -1px; left: 1px; clip: rect(65px, 9999px, 119px, 0) } 
25% { top: -6px; left: 4px; clip: rect(79px, 9999px, 19px, 0) } 
50% { top: -3px; left: 2px; clip: rect(68px, 9999px, 11px, 0) } 
75% { top: 0; left: -4px; clip: rect(95px, 9999px, 53px, 0) } 
100% { top: -1px; left: -1px; clip: rect(31px, 9999px, 149px, 0) } 
}
.website-filter-grid .so-home { cursor: pointer; width: 80%; margin: 26px auto 0; height: 52px; line-height: 52px; border-radius: 30px; background-color: rgba(0, 0, 0, .8) } 
.website-filter-grid input { width: 76%; font-size: 16px; margin-left: 4%; height: 100% } 
.website-filter-grid .web-so-btn { padding-left: 10px; font-weight: 700; width: 99px; height: 100%; border-radius: 30px 30px 0; text-align: center; color: #fff; font-size: 18px } 
.website-filter-grid .icon { text-shadow: rgb(0 0 0) 1px 0 1px, rgb(0 0 0) 0 1px 1px, rgb(0 0 0) 0 -1px 1px, rgb(0 0 0) -1px 0 1px; margin: 20px 0; padding: 5px 10px; position: relative; cursor: pointer; height: 36px; line-height: 26px } 
.bookmark-tips { z-index: 9; line-height: 16px; font-size: 12px; border-radius: 50px; color: #fff; border: 1px solid rgba(255, 255, 255, .05); padding: 9px 20px; position: absolute; bottom: 30px; left: 50%; width: 50%; transform: translateX(-50%); overflow-x: scroll; -ms-overflow-style: none; /* Internet Explorer 10+ */scrollbar-width: none; /* Firefox */white-space: nowrap; } 
.bookmark-tips::-webkit-scrollbar { display: none; /* Safari and Chrome */ } 
.bookmark-tips a { margin-right: 10px; white-space: nowrap; } 
@media screen and (max-width:768px){
.bookmark-tips { width: 95%; } 
}
.website-title { font-size: 20px; margin-bottom: 15px } 
.website-tag a { border-radius: 30px; font-size: 12px; height: 32px; line-height: 32px; background: rgba(15, 16, 23, .6) } 
.website-list-box { margin-bottom: 0 !important } 
.website-list-box .box { position: relative; padding: 5px; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-align: center; align-items: center; border-width: 1px; border-style: solid } 
.website-list-box .img-box { width: 25px; height: 25px; -webkit-box-flex: 0; -ms-flex: none; flex: none; background: rgba(128, 128, 128, .1); overflow: hidden; margin-right: 10px; border-radius: 50% } 
.website-list-box .img-box img { width: 100%; height: 100%; object-fit: contain; } 
.website-list-box .url-info { overflow: hidden; padding-right: 5px; -ms-flex: 1 1 auto; flex: 1 1 auto } 
.website-list-box .togo { position: absolute; top: 20px; right: 0; width: 30px; height: 30px; line-height: 30px; opacity: .2; transition: opacity .3s; text-align: center } 
.website-list-box .togo:hover { opacity: 1 } 
.website-list-box .text-muted { font-size: 12px; margin-top: 4px } 
.website-list-box .private { position: absolute; right: 1px; top: 1px; font-size: 12px; width: 20px; text-align: center; border-radius: 0 6px 0 6px } 
.website-list-box a { display: block; width: 100% } 
.large-box { background-color: #111319; position: relative } 
.topic_content { line-height: 28px; overflow-y: auto; max-height: 360px; overflow-x: hidden } 
.focus-content::before { content: ""; display: block; padding-top: 720px } 
.focus-info-title { font-size: 60px; margin-bottom: 20px; color: hsla(0, 0%, 100%, .87); font-weight: 700 } 
.focus-info-wrapper { width: 41.85%; z-index: 90; position: absolute; top: 26%; left: 0; color: #a9a9ac; font-size: 16px; letter-spacing: 0; font-weight: 400 } 
.focus-wrapper { position: absolute; opacity: .95; width: 56.55%; height: 100%; cursor: pointer; top: 0; right: 0 } 
.focus-img-link { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover } 
.large-l { background-image: -webkit-gradient(linear, right top, left top, from(rgba(22, 22, 26, 0)), to(#111319)); background-image: -webkit-linear-gradient(right, rgba(22, 22, 26, 0), #111319); background-image: linear-gradient(270deg, rgba(22, 22, 26, 0), #111319); left: 0; top: 0; position: absolute; width: 40%; height: 100% } 
.large-r { background-image: -webkit-gradient(linear, left top, right top, from(rgba(22, 22, 26, 0)), to(#111319)); background-image: -webkit-linear-gradient(left, rgba(22, 22, 26, 0), #111319); background-image: linear-gradient(90deg, rgba(22, 22, 26, 0), #111319); position: absolute; right: 0; top: 0; width: 40%; height: 100% } 
.large-t { width: 100%; height: 30%; position: absolute; top: 0; left: 0; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 22, 26, 0)), to(#111319)); background: -webkit-linear-gradient(top, rgba(22, 22, 26, 0), #111319 100%); background: linear-gradient(180deg, rgba(22, 22, 26, 0), #111319 100%); z-index: 10 } 
.large-b { position: absolute; left: 0; height: 50%; width: 100%; bottom: 0; z-index: 9; background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 22, 26, 0)), to(#111319)); background: -webkit-linear-gradient(top, rgba(22, 22, 26, 0), #111319 100%); background: linear-gradient(180deg, rgba(22, 22, 26, 0), #111319 100%) } 
@media (max-width:767px){
.focus-info-wrapper, .focus-wrapper { width: 100%; padding: 0 12px } 
.focus-info-wrapper { top: auto; bottom: 12px } 
.large-box:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 3; background: rgba(0, 0, 0, .4) } 
.focus-content::before { padding-top: 320px } 
.topic_content { max-height: 144px; line-height: 20px; font-size: 14px } 
.focus-info-title { font-size: 22px; margin-bottom: 10px } 
}
@media (min-width:768px) and (max-width:992px){
.focus-info-wrapper, .focus-wrapper { width: 100% } 
.large-box:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 3; background: rgba(0, 0, 0, .4) } 
}
@media (min-width:768px) and (max-width:1898px){
.focus-content::before { padding-top: 460px } 
.topic_content { max-height: 174px } 
.focus-info-title { font-size: 30px } 
}
@media (min-width:1899px) and (max-width:2199px){
.focus-content::before { padding-top: 560px } 
.topic_content { max-height: 258px } 
}
.public-top-bj-box { height: 180px; background-color: #181066 } 
.public-top-bj-box .top16 { background-image: url(/NevXAssets/images/pc-top-bj.png); height: 100%; max-width: 1094px; margin: auto } 
.public-top-bj-box .top-box { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); margin: 0 auto; text-align: center } 
.public-top-bj-box .top-box .title { font-size: 40px; font-weight: 700 } 
.public-top-bj-box .brief { line-height: 16px; color: hsla(0, 0%, 100%, .4); font-size: 14px; margin-top: 10px } 
.public-tab { height: 33px; margin-bottom: 20px; margin-top: 40px; justify-content: center } 
.public-tab a { position: relative; height: 33px; margin: 0 33px; font-size: 22px; line-height: 33px; transition: all .2s } 
.public-tab .cor6:after { bottom: -6px; width: 30% } 
@media (max-width:992px){
.public-tab a { font-size: 16px } 
}
.jx .box-width-small { z-index: 9; position: relative } 
.jx-box { width: 100%; padding: 26px 0 } 
.jx .input-group { line-height: 54px; height: 54px; border-radius: 30px; padding-left: 20px } 
.jx-input { border-radius: 30px 0 0 30px; height: 100%; color: #3376f3 } 
.jx-api { height: 100%; border: 0; color: #888; width: 140px } 
.jx-btn { width: 120px; border-radius: 0 30px 30px 0 } 
.separator { text-align: center; display: flex; justify-content: center; align-items: center; color: #777; margin: 20px 0 40px 0 } 
.separator::after, .separator::before { content: ""; background: #777; max-width: 20%; height: 1px; margin: 0 1em; flex: 1 } 
.digg-but { text-align: center; display: block; width: 120px; height: 36px; line-height: 36px; border-radius: 18px; font-size: 14px; box-sizing: border-box; font-weight: 600 } 
.digg-but:hover { color: #fff !important } 
@media (max-width: 767px){
.digg-but { width: 80px; height: 30px; line-height: 30px; font-size: 12px } 
}
@media (max-width: 767px){
.p-d-b { bottom: 10px; left: 10px; right: 10px } 
.col-xl-6 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100% } 
.gen-left-list, .gen-left-list2 { display: block } 
.shp .public-pic-e { width: 33.333333333% } 
.public-prt { font-size: 12px !important; height: 22px !important; line-height: 22px !important; padding: 0 6px } 
.public-list-box { margin-bottom: 0 !important; padding-right: 6px !important } 
.public-r { margin-right: -6px !important } 
.star-works-box { height: 54px; padding: 6px 0 6px 48px } 
.star-works-box .lazy { width: 38px; height: 38px } 
.star-works-box .title { height: 42px; line-height: 42px; font-size: 14px } 
.public-top-bj-box .top-box .title { font-size: 26px } 
.jx .input-group { line-height: 42px; height: 42px } 
.mod-404 { width: 340px; height: 200px } 
.public-tips { font-size: 15px } 
.site-tabs a { font-size: 14px; line-height: 16px } 
.footer .footer-top-title { font-size: 18px; line-height: 18px } 
.footer .footer-top { padding: 38px 20px } 
.footer .footer-bottom .box-width { font-size: 14px; flex-wrap: wrap; justify-content: space-around } 
.footer .footer-a-url { width: 100%; margin-top: 15px } 
.bottom-navigation { display: block } 
.link a { font-size: 14px } 
.slide-info-type { font-size: 16px; line-height: 24px; margin: 0 0 10px 0 } 
.slide-info-title { font-size: 28px !important; line-height: 28px !important; margin-bottom: 15px } 
.slide-info-remarks { margin-right: 8px; font-size: 12px; line-height: 20px } 
.slide-front-image a span { font-size: 16px; margin: 0 } 
.slide-front-image svg { width: 60px; height: 60px } 
.detail-get-bnt { position: initial; right: auto; width: 100%; margin-top: 10px } 
.detail-get-bnt .detail-get-box { line-height: 38px; height: 38px; margin-left: 0; margin-right: 15px } 
#rating { border-bottom: none; text-align: center } 
.public-pic-a { width: 49.9999999% } 
.public-pic-b, .public-pic-c, .public-pic-d { width: 33.33333333% } 
.public-pic-e { width: 24.9999999% } 
.public-pic-f { width: 100% } 
.public-pic-c.public-pic-wap, .public-pic-juan { width: 49.9999999% !important } 
.public-play i { width: 48px; height: 48px; line-height: 48px } 
.title .title-h { font-size: 22px; line-height: 30px; margin-bottom: 10px;} 
.title .more { height: 28px; line-height: 28px; padding: 0 16px } 
.hide-a-14 .public-list-box:nth-child(n + 9), .hide-a-21 .public-list-box:nth-child(n + 9), .hide-a-28 .public-list-box:nth-child(n + 9), .hide-a-7 .public-list-box:nth-child(n + 7), .hide-b-16 .public-list-box:nth-child(n + 7), .hide-b-24 .public-list-box:nth-child(n + 10), .hide-b-32 .public-list-box:nth-child(n + 13), .hide-b-8 .public-list-box:nth-child(n + 7), .hide-topic .public-list-box:nth-child(n + 3) { display: none } 
.hide-b-8 .public-pic-juan:nth-child(n + 3) { display: none } 
.website-list-box { width: 50% } 
.website-filter-grid .center-bg { height: 366px } 
.website-filter-grid .focus-info { max-width: 88%; padding-top: 120px } 
.website-filter-grid .center-text { font-size: 40px } 
.website-filter-grid .so-home { width: 100%; height: 46px; line-height: 46px } 
.website-filter-grid .web-so-btn { font-size: 16px } 
.website-filter-grid .icon { padding: 5px 6px } 
.text { font-size: 14px; margin-top: 18px } 
.list-body { position: initial; overflow-y: auto } 
.plist-body { width: auto; margin: auto 12px } 
.share-qrcode { height: 0; margin-left: -20px; width: 0; overflow: hidden } 
.search-box { margin-bottom: 20px } 
.search-box .left { height: 180px; width: 120px; margin-right: 10px } 
.search-box .thumb-actor, .search-box .thumb-else { height: 16px; line-height: 16px; margin: 8px 0 } 
.search-box .thumb-content .thumb-txt { line-height: 30px; font-size: 18px } 
.thumb-director { display: none !important } 
.search-box .right a { font-size: 14px } 
.search-box .thumb-blurb { font-size: 14px; line-height: 20px; margin-bottom: 19px } 
.search-box .button { height: 38px; line-height: 38px; width: 90px; font-size: 12px !important; margin-right: 10px } 
.search-box .collection { height: 38px; line-height: 38px; width: 38px } 
.window-box .animated { max-height: 80vh; border-radius: 6px 6px 0 0; width: 100% } 
.window-box { border-radius: 6px 6px 0 0; bottom: 0; left: 0; top: initial; width: 100%; overflow: hidden; transition-duration: .3s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } 
.ft6 { font-size: 20px !important } 
.window .window-content { overflow-x: hidden; overflow-y: auto; max-height: 60vh } 
.window-show { transform: translateY(0); -webkit-transform: translateZ(0) } 
.input, .button { height: 42px; line-height: 42px } 
.ds-verify-img { width: 90px; height: 40px } 
}
@media (min-width:768px) and (max-width:992px){
.top40 { margin-top: 40px !important } 
.public-pic-a { width: 33.3333333% } 
.public-pic-b, .public-pic-c, .public-pic-d { width: 24.99999999% } 
.public-pic-e { width: 16.888888% } 
.public-pic-f { width: 49.9999999% } 
.shp .public-pic-e { width: 20% } 
.public-play i { width: 48px; height: 48px; line-height: 48px } 
.hide-topic .public-list-box:nth-child(n + 3), .hide-b-8 .public-list-box:nth-child(n + 5), .hide-b-16 .public-list-box:nth-child(n + 9), .hide-b-24 .public-list-box:nth-child(n + 13), .hide-b-32 .public-list-box:nth-child(n + 17), .hide-a-7 .public-list-box:nth-child(n + 4), .hide-a-14 .public-list-box:nth-child(n + 7), .hide-a-21 .public-list-box:nth-child(n + 10), .hide-a-28 .public-list-box:nth-child(n + 13) { display: none } 
.search-box .thumb-content .thumb-txt { line-height: 40px; font-size: 24px } 
.search-box .thumb-actor, .search-box .thumb-else { margin: 8px 0 } 
.search-box .left { position: relative; height: 240px; width: 180px; margin-right: 20px } 
}
@media (min-width:993px) and (max-width:1200px){
.public-pic-a { width: 24.99999999% } 
.public-pic-b, .public-pic-c, .public-pic-d { width: 19.99999999% } 
.public-pic-e { width: 16.888888% } 
.public-pic-f { width: 33.33333333% } 
.shp .public-pic-e { width: 16.6666666% } 
.public-play i { width: 48px; height: 48px; line-height: 48px } 
.hide-topic .public-list-box:nth-child(n + 4), .hide-b-8 .public-list-box:nth-child(n + 6), .hide-b-16 .public-list-box:nth-child(n + 11), .hide-b-24 .public-list-box:nth-child(n + 16), .hide-b-32 .public-list-box:nth-child(n + 21), .hide-a-7 .public-list-box:nth-child(n + 5), .hide-a-14 .public-list-box:nth-child(n + 9), .hide-a-21 .public-list-box:nth-child(n + 13), .hide-a-28 .public-list-box:nth-child(n + 17) { display: none } 
#rating { padding: 18px 0 } 
.detail-get-bnt .detail-get-box { line-height: 34px; height: 34px; margin-left: 10px; padding: 0 15px } 
.search-box .left { height: 260px; width: 190px } 
.search-box .thumb-actor, .search-box .thumb-else { margin: 10px 0 } 
}
@media (min-width:1201px) and (max-width:1329px){
.public-pic-a { width: 19.99999999% } 
.public-pic-b, .public-pic-c, .public-pic-d { width: 16.6666666% } 
.public-pic-e { width: 12.5999999% } 
.public-pic-f { width: 24.9999999% } 
.shp .public-pic-e { width: 12.4444444% } 
.search-box .left { height: 260px; width: 190px } 
.search-box .thumb-actor, .search-box .thumb-else { margin: 10px 0 } 
}
@media (min-width:1330px) and (max-width:1691px){
.public-pic-a { width: 19.99999999% } 
.public-pic-b, .public-pic-c, .public-pic-d { width: 16.6666666% } 
.public-pic-e { width: 12.5999999% } 
.public-pic-f { width: 24.9999999% } 
.shp .public-pic-e { width: 10% } 
.hide-topic .public-list-box:nth-child(n + 5), .hide-b-8 .public-list-box:nth-child(n + 7), .hide-b-16 .public-list-box:nth-child(n + 13), .hide-b-24 .public-list-box:nth-child(n + 19), .hide-b-32 .public-list-box:nth-child(n + 25), .hide-a-7 .public-list-box:nth-child(n + 6), .hide-a-14 .public-list-box:nth-child(n + 11), .hide-a-21 .public-list-box:nth-child(n + 16), .hide-a-28 .public-list-box:nth-child(n + 21) { display: none } 
.search-box .left { height: 300px; width: 220px } 
}
@media (min-width:1692px) and (max-width:1934px){
.public-pic-b, .public-pic-c, .public-pic-d { width: 14.2222222%; width: 10%; } 
.public-pic-a { width: 16.666666666% } 
.public-pic-f { width: 25% } 
.shp .public-pic-e { width: 8.3333333% } 
.hide-topic .public-list-box:nth-child(n + 5), .hide-b-8 .public-list-box:nth-child(n + 8), .hide-b-16 .public-list-box:nth-child(n + 15), .hide-b-24 .public-list-box:nth-child(n + 22), .hide-b-32 .public-list-box:nth-child(n + 29), .hide-a-7 .public-list-box:nth-child(n + 7), .hide-a-14 .public-list-box:nth-child(n + 13), .hide-a-21 .public-list-box:nth-child(n + 19), .hide-a-28 .public-list-box:nth-child(n + 25) { display: none } 
}
@media (max-width: 600px){
.slide-time-list .slide-left { margin: 0; padding: 0 } 
}
@media (max-width:1200px){
.slide-time-list .col-xl-6 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100% } 
.slide-front-image { margin-top: 100px } 
.slide-time-list .slide-left { margin: 40px 0 } 
}
@media (max-width:1934px){
.ft2 { font-size: 13px } 
.ft3 { font-size: 14px } 
.ft4 { font-size: 15px } 
.ft5 { font-size: 17px } 
.ft6 { font-size: 25px } 
.public-list-button .time-title { line-height: 22px; height: 22px } 
.public-prt { font-size: 12px; height: 26px; line-height: 26px } 
.public-list-prb { bottom: 0; right: 6px } 
.public-list-box { margin-bottom: 10px; padding-right: 5px } 
.public-r { margin-right: -18px } 
.public-height { height: 44px !important } 
.top40 { margin-top: 40px } 
.slide-info-title { font-size: 48px; line-height: 50px } 
.slide-info { font-size: 16px } 
.slide-info.cor3 { margin-bottom: 20px } 
}
@media (min-width:2600px){
.box-width { margin: 0 auto !important; width: 2392px } 
}
@media (max-width: 767px){
.slide-info-title { margin-bottom: 10px; font-size: 20px !important; line-height: 22px !important } 
.slide-info-type { font-size: 12px; line-height: 12px; margin: 0 0 10px 0 } 
.slide-info { margin-bottom: 10px } 
}
.iDmKMm { position: absolute; width: 100%; top: 0; left: 0; height: 100%; background-color: #191817; opacity: 1; transition: opacity .3s ease-in-out 0s } 
.w-100 { width: 100% } 
.v-show { opacity: 1; display: block } 
.v-hidden { opacity: 0; display: none } 
.tv4-list { margin-top: -60px } 
@media (min-width:768px) and (max-width:1329px){
.tv4-list { margin-top: 0 } 
.slide-info-title { font-size: 38px; line-height: 40px } 
}
/* Custom */
.rounded { border-radius: 5px; } 
.text-center { text-align: center; } 
.pagination { display: flex; justify-content: center; margin: 20px; } 
.pagination .page_link { padding: 10px 15px; border-radius: 5px; font-weight: bold; /* margin: 5px; */margin: 0px; } 
.theme2 .pagination .page_link { background: red; } 
.theme2 .pagination .page_current, .theme2 .pagination .page_link:hover { background: white; color: red; } 
.justify-content-center { justify-content: center; } 
.my-10 { margin-top: 10px; margin-bottom: 10px; } 
.gen-movie-img { background-position: right; } 
.detail div { margin-bottom: 5px; } 
.mobile-download .button { padding: 0 20px; margin-top: 25px; } 
@media (max-width: 767px){
.page_link.prev, .page_link.next { display: none; } 
}
.footer_text { text-align: left; } 
.footer_text_1 { margin-bottom: 5px; } 
.bj2{background-color: #1C0166;}
.text-content{
    background-color: #1b1b1b;
    color:white;
    border:5px solid red;
    margin: 20px 0;
    border-radius: 15px;
    padding: 20px;
}
.banners{
    display:flex;
    flex-wrap: wrap;
    margin: 20px auto;
}
.banners a{
    width: 50%;
}
@media screen and (max-width:768px){
    .banners a{
        width: 100%;
    }
}
.banners img{
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.app-wrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.app-wrapper .app-item{
    width: 5%;
    min-width: 80px;;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 5px;
    margin-bottom: 5px;
    white-space: nowrap;
    padding: 5px;
    border-radius: 5px;
}
.app-wrapper .app-item:hover{
    background: #3b3b3b57;
}

@media screen and (max-width:768px){
    .app-wrapper .app-item{
        width: 20%;
    }
}
.app-wrapper .app-item img{
    width: 50px;
    margin-bottom: 5px;
    border-radius: 5px;
}

.glow{
    text-align: center;
    text-shadow: 0 0 5px #fff, 0 0 10px #ff4da6, 0 0 15px #ff4da6;
  }


.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.mr-5px{margin-right: 5px;}
.mr-10px{margin-right: 10px;}