@charset "utf-8";
@font-face {
font-family: "iconfont";
src: url('iconfont.woff2') format('woff2'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype');
}
.iconfont {font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-logo:before{content:"\e6c7";}
.icon-jiantoushou:before {content: "\e705";}
.icon-jiantouwei:before {content: "\e706";}
.icon-shipin:before{content:"\e6bc";}
.icon-bofang-fill:before{content:"\e6c1";}
.icon-zhengxu:before{content:"\e67b";}
.icon-daoxu:before{content:"\e67c";}
.icon-search:before{content:"\e676";}
.icon-xiayiji:before{content:"\e675";}
.icon-shangyiji:before{content:"\e671";}
.icon-jiantouyou:before{content:"\e66e";}
.icon-jiantouzuo:before{content:"\e670";}
.icon-jiantoushang:before{content:"\e66f";}
.icon-jiantouxia:before{content:"\e66d";}
* {box-sizing:border-box;margin:0; padding:0;}
body, html {width:100%;}
body {font-size:14px;line-height: 1.6;color: #282828;background: #fff;font-family:Helvetica,Arial,PingFang SC,Microsoft YaHei,sans-serif;word-break: break-all;}
ol,ul,li {list-style:none;}
a {color: inherit;text-decoration: none;}
a:hover {color: #ff2a14;}
i,em {font-style: normal;}
img {vertical-align:middle;}
input,button,select{outline: none;}
.pb20 {padding-bottom: 20px;}
.pt20 {padding-top: 20px;}
.pt10 {padding-top: 10px;}
.pb30 {padding-bottom: 30px;}
.wrapper {width: 100%;}
.container {width: 1280px;margin: 0 auto;overflow: hidden;padding-left: 10px;padding-right: 10px;}
#header {background: #fff;position: fixed;z-index: 9;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.08);}
.fixed {width: 100%;height: 70px;}
.icon-logo {float: left;color: #ff2a14;font-size: 40px;font-weight: normal;margin-right: 4px;}
#nav {position: relative;float: left;display: block;}
.logo {float: left;font-size: 24px;line-height: 70px;font-weight: 700;margin-right: 30px;}
#nav {font-size: 16px;line-height: 70px;font-weight: 700;}
#nav li {float: left;padding-right:24px;}
#nav li:last-child {padding-right:0;}
#nav a.active {color: #ff2a14;font-size: 18px;}
#search {position: relative;float: right;line-height: 70px;width: 380px;}
.search-wd {padding: 0 50px 0 15px;line-height: 40px;border-radius: 10px;width: 100%;border:1px solid rgba(0, 0, 0, 0.1);}
.search-btn {position: absolute;top: 0;right: 0;width: 50px;border: 0;background: 0 0;line-height: 70px;cursor: pointer;}
.search-btn .icon-search {font-size: 24px;color: rgba(0, 0, 0, 0.6);}
.heading {margin-bottom: 5px;position: relative;display: inline-block;}
.heading .title {float:left;font-size: 22px;font-weight: 400;}
.heading a.more {float:right;border-radius: 18px;background: #f3f5f7;padding: 0 15px 0 20px;line-height: 35px;}
.heading a.more:hover {background: #eaedf1;}
.main ul {margin: 0 -10px;}
.main ul li {float: left;position: relative;width:16.66%;padding: 0 10px 20px;}
.main ul li a {position: relative;display: block;}
.main li img {width:100%;aspect-ratio: 1 / 1.45;}
.main li .bofang {position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);opacity: 0;}
.main li a:hover .bofang {opacity: 1;}
.main .bofang i.icon-bofang-fill {position: absolute;top: 50%;left: 50%;display: block;margin-top: -30px;margin-left: -30px;width: 60px;line-height: 60px;border-radius: 100%;background: #fff;color: rgba(0, 0, 0, 1);text-align: center;font-size: 30px;}
.main li .txt {margin-top: 12px;overflow: hidden;}
.main li:hover .txt a {color: #ff2a14;}
.main li .txt a {font-size:16px;font-weight:700;line-height:2em;white-space: nowrap;}
.main li .txt p {white-space: nowrap;}
.search .title {text-align: center;font-size:16px;margin: 20px 0;}
.search .title em {font-weight:700;}
.search ul {overflow: hidden;margin-right:-20px;}
.search li {float: left;border-radius: 18px;background: #f7f8f9;width: calc(50% - 20px);padding: 20px;margin: 0 20px 20px 0;position: relative;}
.search li a.cover {position: relative;float: left;display: block;width: 150px;margin-right:25px;}
.search li img {width:100%;aspect-ratio: 1 / 1.45;}
.search li .bofang {position: absolute;top: 0;z-index: 9;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);opacity: 0;}
.search li a.cover:hover .bofang {opacity: 1;}
.search .bofang i.icon-bofang-fill {position: absolute;top: 50%;left: 50%;display: block;margin-top: -20px;margin-left: -20px;width: 40px;line-height: 40px;border-radius: 100%;background: #fff;color: rgba(0, 0, 0, 1);text-align: center;font-size: 30px;}
.search li h3 {font-size: 20px;font-weight: 700;overflow: hidden;max-height: 3.2em}
.search li:hover h3 a {color: #ff2a14;}
.search .tags {margin-top:10px;overflow: hidden;white-space: nowrap;}
.search .tags>div {padding: 0 10px;line-height: 2em;border-radius: 10px;display: inline-block;background: #eaedf1;margin-right: 5px;overflow: hidden;}
.search .tags>div:first-child {background: #fef0e5;}
.search .item {margin-top: 5px;overflow: hidden;white-space: nowrap;}
.search .item span {font-weight: 700;color: rgba(0, 0, 0, .51);}
.search a.more {position: absolute;bottom: 20px;border: 1px solid;border-radius: 32px;line-height: 34px;width: 110px;text-align: center;color: #ff2a14;}
.search a.more:hover {color: #fff;background: #ff2a14;}
.detail {padding: 20px 0;background-color: #f8f8f8;position: relative;}
.detail .cover {float: left;width: 240px;margin-right: 30px;}
.detail .cover img {width: 100%;aspect-ratio: 1 / 1.45;}
.detail h2 {font-size: 28px;line-height: 1.5em;max-height: 3em;overflow: hidden;}
.detail .sub {margin-top: 15px;white-space: nowrap;overflow: hidden;}
.detail ul {overflow: hidden;}
.detail ul li {float: left;width: 40%;margin-top: 15px;overflow: hidden;padding-left: 42px;white-space: nowrap;}
.detail ul li.blurb {width: 100%;max-height: 6em;line-height: 2em;white-space: normal;margin-bottom:0;}
.detail li span {font-weight: 700;color: rgba(0, 0, 0, .6);margin-left: -42px;}
.detail li em {color: #ff2a14;}
.detail ul li.actor {width: 100%;}
.playlist {margin-top:20px;}
.playlist .title {margin-bottom:15px;overflow: hidden;}
.playlist .title>span {float: left;line-height: 28px;font-size: 20px;font-weight: 700;}
.playlist .title .sort {float: left;margin-left: 20px;line-height: 28px;}
.playlist .title .sort i {margin-right: 4px;}
.playlist .tabs {margin-bottom: 15px;border-bottom: 1px solid #eee;display: flex;}
.playlist .tabs a {position: relative;margin-right: 25px;padding-bottom: 12px;font-size: 15px;}
.playlist .tabs a:last-child {margin-right: 0;}
.playlist .tabs a i {margin-right: 4px;}
.playlist .tabs a.active {font-weight: 700;}
.playlist .tabs a.active:after {position: absolute;bottom: -2px;left: 50%;margin-left: -10px;
width: 20px;height: 3px;content: "";background: #f50;}
.playlist .row {position: relative;overflow: hidden;margin: 0 -10px;display: none;animation-name: content;animation-direction: normal;animation-duration: 0.1s;animation-timing-function: ease-in-out;animation-iteration-count: 1;}
@keyframes content {from {opacity: 0;transform: translateY(-5%);}to {opacity: 1;transform: translateY(0%);}}
.playlist :nth-child(3) {display: block;}
.playlist .row ul {overflow: hidden;max-height: 205px;}
.playlist .row ul.noh {max-height: none;}
.playlist .row li {float: left;margin-bottom: 15px;padding: 0 10px;width: 16.66%;position: relative;}
.playlist .row a {display: block;border-radius: 4px;text-align: center;line-height: 40px;background-color: #f8f8f8;white-space: nowrap;overflow: hidden;}
.playlist .row a:hover {font-weight: 700;}
.playlist .row a.more {position: absolute;right: 10px;bottom: 0;z-index: 1;width: calc(16.66% - 20px);display:none;}
.playlist ul.list24 a.more {display:block;}
.playlist .row a.more i {display: inline-block;margin-right: 4px;}
.playlist .row ul.noh a.more {position: relative;float: left;margin-left:20px;}
.playlist .row ul.noh a.more i {transform: rotate(180deg);}
.related {margin-top:0;}
.related .title {margin-bottom:15px;overflow: hidden;line-height: 28px;font-size: 20px;font-weight: 700;}
.play .container {position: relative;}
.play .player {float: left;width: 75%;position: relative;min-height: 1px;background-color: #000;z-index: 8;display: block;overflow: hidden;padding: 0;aspect-ratio: 16 / 9;}
.MacPlayer {position: absolute;overflow: hidden;width: 100%;height: 100%;min-height: 100px;}
.play .infos {width: 100%;float: left;position: relative;padding: 20px 0 10px;}
.play .infos h2 {font-size: 24px;}
.play .infos em {margin-left: 10px;}
.play .infos .tag {line-height: 40px;}
.play .infos .tag span {margin-right: 5px;color: #ff2a14;}
.play .infos .tag i {margin-right: 4px;}
.play .setups {right: 320px;position: absolute;top: 20px;z-index: 2;text-align: center;}
.play .setups a {display: inline-block;width: 64px;}
.play .setups a>i {font-size: 24px;}
.play .setups a>span {display: block;}
.play .setups a.disad {opacity: .25;}
.playbox {position: absolute;top:0;right:0;width: 25%;overflow-y: scroll;padding: 0 10px;aspect-ratio: 1 / 1.661;}
.playbox .row ul {max-height: unset;}
.playbox .title .sort {float: right;}
.playbox .row li {width: 50%;padding: 0 5px;}
.playbox .row a.active {font-weight: 700;color: #ff2a14;}
@keyframes rectangle{0%,100%{height:8px;box-shadow:0 -8px #ff2a14;} 50%{height:8px;box-shadow:0 -4px #ff2a14;}}
.playbox .row li>a>em{position:absolute;bottom:0;left:22px;width:2px;animation:rectangle infinite 1s ease-in-out .2s;}
.playbox .row li>a>em:before{left:-4px;animation:rectangle infinite 1s ease-in-out .4s;}
.playbox .row li>a>em:after{right:-4px;animation:rectangle infinite 1s ease-in-out .6s;}
.playbox .row li>a>em:after,.playbox .row li>a>em:before{position:absolute;width:2px;content:'';}
.links {overflow: hidden;font-size: 13px;padding-top:10px;padding-bottom:20px;}
.links ul li {float: left;margin-right: 10px;}
.page {text-align: center;font-size: 16px;padding:20px 0 30px;}
.page a {line-height: 40px;display: inline-block;padding:0 15px;margin:0 2px;background: #f3f5f7;min-width: 40px;}
.page a:hover {background: #eaedf1;}
.page a.sj {display:none;}
.page a.active {font-weight: 700;background: #ff2a14;color: #fff;}
.page a.disad {cursor: not-allowed;pointer-events: none;background: 0 0;}
.jump {margin: 35px auto;padding: 50px;width: 400px;border-radius: 4px;box-shadow: 0 0 20px rgba(0, 0, 0, .05);}
.jump .tit {margin-bottom: 25px;text-align: center;font-size:22px;font-weight:700;}
.jump>div {margin-bottom: 10px;}
.jump>div>a,.jump>div>b {color: #ff2a14;}
#footer {border-top:1px solid rgba(0, 0, 0, 0.08);line-height: 2em;text-align: center;font-size: 13px;padding: 15px;}
#footer .totop {position: fixed;right: 20px;margin-right: 0;bottom: 100px;z-index: 9999;width: 42px;line-height: 42px;text-align: center;font-size: 26px;background-color: #999;}
#footer .totop:hover {background: #ff2a14;}
#footer .icon-jiantoushang {color: #fff;}

@media (max-width: 768px) {
#header {position: relative;}
.main ul {margin: 0 -4px;}
.main ul li {width: 33.33%;padding: 0 4px 15px;}
#search {width: calc(100% - 160px);line-height: 45px;}
.logo {line-height: 45px;margin-right: 0;}
.search-wd {line-height: 33px;}
.search-btn {line-height: 45px;width: 45px;}
#nav {line-height: 45px;}
.fixed {height: 0;}
.pt20 {padding-top: 15px;}
.page {padding: 15px 0 20px;}
.page a.pc {display:none;}
.page a.sj {display:inline-block;}
.detail .cover {width: 33.33%;margin-right: 15px;}
.detail h2 {font-size: 22px;}
.detail .sub {margin-top: 0;}
.detail ul li {width: 100%;margin-top: 6px;}
.detail ul li:nth-last-child(-n+6) {display:none;}
.detail ul li.actor {display:block;}
.detail ul li.blurb {display:block;white-space: nowrap;line-height: inherit;}
.playlist .row ul {max-height: 95px;}
.playlist .row li {width: 33.33%;}
.playlist .row a.more {width: calc(33.33% - 10px);right: 5px;display: block;}
.playlist .row ul.noh a.more {margin-left: 10px;}
.playbox .row li>a>em {left: 16px;}
.search li {padding: 10px;}
.search li a.cover {margin-right: 15px;width: 120px;}
.search a.more {bottom: 10px;}
.jump {width: 100%;}
#footer {padding: 10px 0;}
#footer .totop {right: 10px;bottom: 70px;}
}

@media (min-width: 768px) and (max-width: 992px) {
.main ul li {width: 25%;}
#search {width: calc(100% - 470px);}
.playbox .tabs a {margin-right: 25px;}
.playlist .row li {width: 25%;}
.playlist .row a.more {width: calc(25% - 10px);right: 5px;}
.playlist .row ul.noh a.more {margin-left: 10px;}
.playlist ul.list16 a.more,.playlist ul.list24 a.more {display:block;}
.playbox .row ul {max-height: 205px;}
}

@media (max-width: 992px) {
.pb20 {padding-bottom: 10px;}
.playlist {margin-top: 10px;}
.playlist .title {margin-bottom: 10px;}
.playlist .title .sort {float: right;}
.playlist .row {margin: 0 -5px;}
.playlist .row li {padding: 0 5px;}
.play .player {width: calc(100% + 20px);margin: 0 -10px;}
.play .infos {padding: 10px 0 0;}
.play .infos h2 {font-size: 22px;max-height: 3.2em;overflow: hidden;}
.playbox {position: relative;width: 100%;padding:0 0 10px;background-color:unset;aspect-ratio: unset;overflow: hidden;}
.play .setups {right: 5px;top: 10px;line-height: 1.2;}
.play .setups a>i {font-size: 20px;}
.search li {width: calc(100% - 20px);}
.links {display:none;}
}

@media (min-width: 992px) and (max-width: 1200px) {
.playbox .tabs a {margin-right: 5px;}
}

@media (max-width: 1310px) {
.container {width: 100%;}
}
@media (min-width: 992px) {
.playbox .playlist ul a.more {display: none;}
}
@media (min-width: 1450px) {
#footer .totop {right: 50%;margin-right:-690px;}
}