@charset "utf-8";
::selection{background:#f6677b;color:#fff}
::-moz-selection{background:#f6677b;color:#fff}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:999px;border:0 solid transparent}
::-webkit-scrollbar-track{box-shadow:1px 1px 5px rgba(100,100,100,.2) inset}
::-webkit-scrollbar-thumb{min-height:0;background-color:#58aaff;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent)}
::-webkit-scrollbar-corner{background:0 0}
*{padding:0;margin:0}
body{background-color:#0c0c17}
.cms-head{position:fixed;width:1200px;margin:0 auto;display:flex;position:relative}
.head-logo{width:120px}
.head-logo a{line-height:60px;font-size:30px;font-weight:700;text-decoration:none;color:#fff}
.head-logo a span{color:#e35880}
.head-nav{position:absolute;display:flex;right:10px}
.head-nav nav{display:flex}
.head-nav nav li{list-style-type:none}
.head-nav nav li a{padding:0 10px;text-decoration:none;line-height:60px;color:#fff}
.nav-guo,.nav-nav,.nav-sou,.nav-tou{padding:0 10px}
.nav-sou{line-height:60px;background-color:#0c0c17}
.nav-sou button img{width:20px;height:20px}
.nav-guo{line-height:70px}
.nav-guo a img{width:20px;height:20px;border-radius:5px}
.nav-tou{line-height:80px}
.nav-tou a img{border-radius:50%;width:35px;height:35px}
.head-sou{width:1200px;margin:0 auto;height:200px}
.head-sou h2{margin-top:50px;text-align:center;color:#fff}
.head-sou .sou-form{text-align:center;line-height:100px}
.head-sou .sou-form .mac_wd:hover{box-shadow:1px 1px 1px .5 #ff5722}
.head-sou .sou-form .mac_wd{width:400px;font-size:16px;outline:0;border:none}
.mac_search{font-size:15px;background-color:#fff;margin-left:0;outline:0;border:none}
.head-sou .sou-form input{padding:0 10px;border-radius:10px;height:40px}
.sou-key{text-align:center;color:red;font-size:15px}
.sou-key img{width:20px}
.sou-key a{text-decoration:none;color:#fff}
.cms-zui{margin:0 auto;width:1200px}
.cms-zui h2{color:#fff}
.cms-zui ul{display:flex;flex-wrap:wrap}
.cms-zui ul li{box-sizing:border-box;padding:10px;width:200px;list-style-type:none}
.cms-zui ul li a{text-decoration:none;position:relative}
.cms-zui ul li a .zui-p{position:absolute;right:0;background:linear-gradient(to right,#ff9800,#ff5722);border-radius:3px;color:#fff;padding:2px 10px;font-size:15px}
.cms-zui ul li a img{width:100%;height:250px;border-radius:10px}
.cms-zui ul li a p{color:#b7b9bb;white-space:nowrap;overflow:hidden;text-overflow:screen}
.cms-main{width:1200px;margin:0 auto}
.main-con{height:60px;line-height:60px;position:relative}
.main-con a{text-decoration:none}
.con-a{font-size:24px;color:#fff;font-weight:700}
.con-span{padding:10px}
.con-span a{color:#fff}
.con-b{position:absolute;right:0;color:#fff}
.main-ct .ct-e{display:flex;flex-wrap:wrap}
.main-ct .ct-e li{box-sizing:border-box;width:200px;padding:10px;list-style-type:none}
.main-ct .ct-e li a{text-decoration:none;position:relative}
.main-ct .ct-e li a .e-p{background:linear-gradient(to right,#ff9800,#ff5722);border-radius:3px;position:absolute;color:#fff;right:0;padding:2px 10px;font-size:15px}
.main-ct .ct-e li a img{width:100%;height:250px;border-radius:10px}
.main-ct .ct-e li a p{color:#d8d3d3}
.cms-foot{width:1200px;display:flex;margin:0 auto}
.foot-zuo{width:850px}
.foot-zuo p{color:#6b6d79}
.foot-you{display:flex}
.foot-you ul{padding:0 60px}
.foot-you ul h3{color:#fff}
.foot-you ul li{padding:10px 0;list-style-type:none}
.foot-you ul li a{text-decoration:none;color:#6b6d79}
.cms-tiao{width:1200px;height:100px}
.cms-footer{width:1200px;margin:0 auto;height:110px}
.footer-co{line-height:30px;text-align:center;color:#6b6d79}
.footer-co a{text-decoration:none;color:#6b6d79}
.cms-se{margin:0 auto;width:1200px}
.se-h{margin-top:10px;text-align:center;color:#fff}
.se-u{margin-top:10px;display:flex;flex-wrap:wrap}
.se-u li{padding:10px;list-style-type:none;width:200px;box-sizing:border-box}
.se-u li a{position:relative;text-decoration:none;color:#b7b9bb}
.se-u li a img{width:100%;height:250px;border-radius:10px}
.se-u li:hover img{opacity: .8;}
.se-u-p{z-index:999;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:screen;position:absolute;right:0;background:linear-gradient(to right, #FFC107, #FF5722);border-radius:5px;padding:0 7px;font-size:15px}
.se-u-pp:hover,.se-u li:hover .se-u-pp{color:#FF5722}
.cms-shuai{line-height:60px;margin:0 auto;width:1200px;justify-content:center}
.cms-shuai h1{color:#FFF;}

.cms-shuai .shuai-pi{text-align:center}
.pi-a,.pi-b,.pi-g{color:#72a1c1}
.shuai-pi span{color:#fff}
.cms-shuai .shuai-pi .pi-c,.pi-c:hover{background-color:#ff5722}
.cms-shuai .shuai-pi .pi{color:#fff;text-decoration:none;padding:7px 14px;border-radius:5px}
.cms-shuai .shuai-pi .pi:hover{background-color:#3b4252}
.cms-detail{display:flex;padding-top:20px;width:1200px;margin:0 auto;margin-bottom:15px}
.detail-ct{width:250px}
.detail-ct a img{width:100%;height:350px;border-radius:10px}
.detail-cy{padding-left:20px;width:900px}
.detail-cy p{margin-bottom:1px;cursor:pointer;color:#8c9093}
.detail-cy .cy-p a{text-decoration:none;color:#fff;font-weight:700;font-size:22px}
.detail-cy .cy-s{padding:5px 0;text-decoration:none;color:#8c9093}
.cy-s-s a{color:#ebba6f;text-decoration:none}
.cy-k{width:100%;height:85px;overflow:hidden;text-overflow:ellipsis}
.detail-cy .cy-a{margin-top:10px}
.detail-cy .cy-a .cy-p-a{display:flex;justify-content:center;align-items:center;padding:10px 20px;color:#fff;text-decoration:none;background-color:#ff5722;border-radius:4px;width:110px;font-size:15px}
.cms-xi{width:1200px;margin:0 auto}
.cms-xi h2{color:#fff}
.xi-huan{display:flex;flex-wrap:wrap}
.xi-huan li{width:200px;box-sizing:border-box;list-style-type:none;padding:10px}
.xi-huan li a{text-decoration:none;position:relative;color:#b8babc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xi-huan li a img{width:100%;height:250px;border-radius:10px;background-size:100%}
.m-re-p{position:absolute;right:0;background-color:#ff9800;border-radius:5px;color:#fff;padding:0 7px;font-size:15px}
.cms-play{width:1200px;margin:0 auto;display:flex}
.play-zuo{margin-top:20px;width:1000px}
.play-you{margin-top:20px;margin-left:10px;width:200px}
.zuo-bo{widows:100%;height:500px}
.ui-deo{display:none}
.ui-h{display:flex}
.ui-h ul{display:flex}
#cms-rt{width:1200px;margin:0 auto}
.cms-rt{width:1200px;margin:0 auto}
.ds-container{width:100%;background-color:#0c0c17}
.ds-container .ds-button{display:inline-flex;padding:10px 20px;font-size:15px;margin:5px;margin-top:15px;background-color:#3c3c3c;color:#fff;text-decoration:none;border-radius:24px 0 24px 0;cursor:pointer;align-items:center}
.ds-container .ds-button.active{background-color:#ff5722}
.ds-container .ds-content{display:none;padding:15px 0;margin-bottom:10px;box-shadow:0 0 5px rgba(0,0,0,.1);border-radius:5px}
.ds-container .ds-content.active{display:block}
.anthology-list-play{display:flex;flex-wrap:wrap;justify-content:flex-start}
.anthology-list-play li{flex:0 0 13.2%;cursor:pointer;list-style-type:none;padding:10px;font-size:15px;background-color:#1f2937;margin:5px;border-radius:4px;box-sizing:border-box;text-align:center}
.anthology-list-play li:hover,.anthology-list-play li.active{background-color:#ff5722}
.anthology-list-play li a{display:block;text-decoration:none;color:#f3f3f3}
.cms-guan{width:1000px;margin:0 auto}
.cms-guan h2{width:100%;height:60px;color:#fff}
.cms-guan .guan-ids{display:flex;flex-wrap:wrap}
.guan-ids li{box-sizing:border-box;list-style-type:none;width:200px;padding:10px}
.guan-ids li a{text-decoration:none}
.guan-ids li a img{width:100%;height:250px;background-size:100%;border-radius:10px}
.guan-ids li a p{color:#b7b9bb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xia-m{padding:5px 0;width:100%;list-style-type:none}
.xia-m .xia-re{text-decoration:none}
.xia-m .xia-re img{border-radius:10px;width:100%;height:250px}
.xia-m .xia-re p{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cms-type{width:1200px;margin:0 auto}
.cms-type .type-gao{text-align:center;color:#fff}
.type-cnt{margin-top:20px}
.cnt-vid .vid-xuan{display:flex;flex-wrap:wrap}
.vid-xuan li{list-style-type:none;flex-wrap:wrap;padding:10px 0;margin:0 3px}
.vid-xuan li a{padding:3px 7px;text-decoration:none;color:#6b6d79;border-radius:3px}
.vid-xuan li a:hover,.vid-xuan li a.current{color:#fff;background-color:#ff5722}
.fen-vio a{text-decoration:none;color:#fff;padding:10px 10px 20px 0}
.fen-vio a:hover{color:#ff5722}
.cms-tong{margin:0 auto;width:1200px;display:flex;flex-wrap:wrap}
.cms-tong li{list-style-type:none;width:200px;padding:10px;box-sizing:border-box}
.cms-tong li a{color:#4d566a;text-decoration:none;position:relative}
.cms-tong li a:hover{color:#fff}
.cms-tong li a img{width:100%;height:250px;border-radius:10px;background-size:100%}
.cms-tong li a:hover img{opacity: .8;}
.cms-tong li a i{z-index:999;position:absolute;right:0;font-style:normal;color:#222;background-color:#FF9800;border-radius:0 10px 0 10px;font-size:15px;padding:0 10px}
.cms-tong li a:hover h3,.cms-tong li a h3:hover{color:#fff}
.cms-tong li a h3,.cms-tong li a p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cms-tong li a p{font-size:15px;color:#4d566a}
.nav-sou{height:0;line-height:70px}
.nav-sou button{height:0}
.nav-sou .searchButton{cursor:pointer;line-height:60px;outline:0;border:none;background-color:#0c0c17}
.searchButton svg{width:20px;height:20px}
.cms-yin{width:1200px;margin:0 auto;display:none}
.yin-wd{border-radius:4px 0 0 4px;border:#ff5722 2px solid;background-color:#000;outline:0;width:1100px;height:36px;color:#fff;font-size:16px;padding-left:10px}
.yin-form button{border:0;color:#fff;outline:0;background-color:#ff5722;width:110px;font-size:16px;font-weight:700;border-radius:0 4px 4px 0;letter-spacing:2px}
.yin-form{display:flex;box-sizing:border-box}
.yin-form button svg{line-height:60px;padding:0 10px;width:15px;height:15px}
.show{display:block}
.bai{color:#a8a8a8}
.type-fen{margin:10px}
.cms-tong li a h3{font-size:17px}
.zongyi{flex:0 0 19.1%;}
@media only screen and (max-width:768px){
  #cms-rt,.cms-detail,.cms-foot,.cms-footer,.cms-guan,.cms-hack,.cms-head,.cms-main,.cms-play,.cms-se,.cms-shuai,.cms-tiao,.cms-tong,.cms-type,.cms-xi,.cms-yin,.cms-zui,.head-sou,.play-zuo,.se-u,.type-cnt,.type-fen,hr{width:100%!important}
  .yin-wd{width:80%}
  .yin-form button{width:20%}
  .head-sou .sou-form .mac_wd{width:70%}
  .cms-tong li,.cms-zui ul li,.guan-ids li,.main-ct .ct-e li,.se-u li,.xi-huan li{width:33.33%}
  .cms-tong li a img,.cms-zui ul li a img,.guan-ids li a img,.main-ct .ct-e li a img,.se-u li a img,.xi-huan li a img{height:150px}
  .cms-zui ul li a .zui-p,.main-ct .ct-e li a .e-p{font-size:12px}
  .cms-zui ul li a p,.main-ct .ct-e li a p{font-size:13px}
  .head-sou .sou-form .mac_wd{font-size:15px}
  .head-sou .sou-form input{border-radius:5px;height:36px}
  .head-logo{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
  .head-logo a{font-size:24px;letter-spacing:1px}
  .cms-foot,.cms-hack,.cms-shuai .shuai-pi span,.cms-tiao,.ds-container .ds-button svg,.head-nav,.play-you,.sou-key{display:none}
  .head-sou{height:88px}
  .head-sou h2{margin-top:10px;font-size:17px;letter-spacing:3px}
  .head-sou .sou-form{line-height:60px}
  .cms-guan h2,.cms-xi h2,.cms-zui h2,.con-a{font-size:18px;margin-left:5px}
  .cms-guan h2{height:36px}
  .detail-ct{width:40%}
  .detail-cy{width:60%;padding-left:0}
  .detail-cy .cy-p a,.se-h{font-size:16px;font-weight:400}
  .detail-ct a img{height:190px;display:flex;width:90%;text-align:center;margin:0 auto}
  .cms-shuai .shuai-pi,.con-span a,.detail-cy p,.vid-xuan li a{font-size:14px}
  .detail-cy .cy-s{padding:2px 0}
  .detail-cy p:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:98%}
  .cy-k{height:56px}
  .detail-cy .cy-a .cy-p-a{width:96px}
  .ds-container .ds-button{padding:7px 14px;font-size:14px}
  .anthology-list-play li{flex:0 0 22.4%;padding:8px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cms-tong li a p,.guan-ids li a p,.m-re .name,.se-u-p,.se-u-pp{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .zuo-bo{height:255px;width:100%}
  .cms-shuai .shuai-pi .pi{padding:3px 10px}
  .cms-tong li a h3,.fen-vio a{font-size:15px}
  .vid-xuan li{padding:5px 0}
  .cnt-vid{overflow:hidden;height:30px;overflow-x:auto;white-space:nowrap}
  .cnt-vid .vid-xuan{display:block;flex-wrap:unset}
  .vid-xuan li{display:inline}
  .main-con{overflow-x:auto;overflow-y:hidden;white-space:nowrap}
  .con-b{position:unset}
  .zongyi{flex:0 0 47.2%!important}
  .m-re-p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:86%}
  .ds-container .ds-button{margin-top:7px}
  .ds-container .ds-content{padding:10px 0}
  .play-zuo{margin-top:0}
}