body{background:#fff;color:#333;font-weight:400;font-size:14px;line-height:1.5;}
body,html{width:100%;height:100%;}
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
img{max-width:100%;vertical-align:middle;}
li,ul{list-style-type:none;}
a{color:#333;text-decoration:none;cursor:pointer;}
button,input{outline:0;}
/**
 * 头部
 */
.header{position:fixed;top:0;left:0;z-index:99;overflow:hidden;width:100%;background:rgba(234,237,241,.96);}
.header .header-content{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 15px;height:70px;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.header-content .header-logo{position:relative;margin-right:15px;}
.header-content .header-logo img{width:100%;height:35px;}
.header-content .header-search{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;width:400px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.header-content .header-search .search-form{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:45px;border-radius:10px;background:#fff;-webkit-box-shadow:0 7px 21px rgb(149 157 165/22%);box-shadow:0 7px 21px rgb(149 157 165/22%);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.search-form .search-form-input{padding:0 10px 0 15px;width:100%;height:100%;outline:0;border:none;border-radius:10px 0 0 10px;background:hsla(0,0%,100%,.1);font-size:16px;resize:none;-webkit-box-flex:1;-ms-flex:1;flex:1;}
.search-form>button{padding:0 15px 0 0;border:0;border-radius:0 10px 10px 0;background:hsla(0,0%,100%,.1);color:#fff;font-size:16px;}
.search-form>button>i{width:17px;color:#ff2a14;vertical-align:-2px;text-align:center;font-size:18px;}
/**
 * 容器
 */
.container{margin:auto;padding-top:85px;width:92%;min-height:calc(100vh - 38px);max-width:100%;}
.container,.container .Four-grid{overflow:hidden;}
.Four-grid .Four-grid-item{position:relative;float:left;overflow:hidden;padding:10px;width:25%;height:80px;text-align:center;}
.Four-grid-item .Four-grid-content{position:relative;z-index:2;display:block;padding:15px;height:100%;border-radius:10px;background:#eaedf1;color:#000;font-size:14px;}
.Four-grid-item .Four-grid-content .title{position:relative;font-weight:700;font-size:18px;}
.Four-grid-item .Four-grid-content .title:after{position:absolute;bottom:-10px;left:50%;margin-left:-5px;width:10px;height:2px;border-radius:50px;background:#c2c6d0;content:"";-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;}
.Four-grid-item:hover .Four-grid-content{background:#e3e6eb;color:#ff2a14;}
.Four-grid-item:hover .Four-grid-content .title:after{margin-left:-18px;width:36px;background:#ff2a14;}
/*列表*/
.video-list{overflow:hidden;}
.video-list .video-list-item{position:relative;float:left;overflow:hidden;padding:10px;width:16.66666666666667%;}
.video-list-item .video-list-cover{position:relative;overflow:hidden;padding-top:140%;border-radius:5px;background-position:50% 50%;background-size:cover;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;}
.video-list-item .video-list-cover:before{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;border-radius:5px;background-image:-o-radial-gradient(transparent 0,rgba(0,0,0,.1) 44%,rgba(0,0,0,.56) 100%);background-image:radial-gradient(transparent 0,rgba(0,0,0,.1) 44%,rgba(0,0,0,.56) 100%);content:"";opacity:.1;opacity:1;pointer-events:none;-webkit-backdrop-filter:contrast(1.2) saturate(1.2);backdrop-filter:contrast(1.2) saturate(1.2);}
.video-list-cover .video-list-pic{width:100%;height:100%;}
.video-list-cover .video-list-pic>a{position:absolute;top:0;left:0;z-index:1;padding-top:50%;width:100%;height:100%;background-size:cover;text-align:center;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;}
.video-list-cover .video-list-pic>a>i{width:40px;height:40px;border-radius:50px;background:#fff;color:rgba(7,7,10,.92);text-indent:2.5px;font-size:12px;line-height:40px;opacity:0;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6);}
.video-list-cover:hover .video-list-pic>a{background:rgba(0,0,0,.28);}
.video-list-cover:hover .video-list-pic>a>i{opacity:.88;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);}
.video-list-cover .video-list-pic .lazy{position:absolute;top:0;left:0;width:100%;height:100%;border:0;-o-object-fit:cover;object-fit:cover;}
.video-list-cover .video-list-caption{position:absolute;right:0;bottom:0;left:0;padding:12px;height:44px;background:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.68)),to(transparent));background:-o-linear-gradient(bottom,rgba(0,0,0,.68),transparent);background:linear-gradient(0deg,rgba(0,0,0,.68),transparent);}
.video-list-cover .video-list-caption>span{display:inline-block;overflow:hidden;margin:0 5px 0 0;padding:0 5px;max-width:58px;border-radius:5px;background:rgba(0,0,0,.51);color:#c2c6d0;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:20px;}
.video-list-item .video-list-title{overflow:hidden;margin-top:5px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:16px;}
.video-list-item .video-list-text{overflow:hidden;color:rgba(0,0,0,.4);-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.video-list-item .video-list-title:hover a{color:#f44336;}
/**
 * 搜索
 */
.search-list{overflow:hidden;}
.search-list .search-list-item{float:left;padding:10px;width:50%;}
.search-list .search-list-item .search-box{position:relative;overflow:hidden;padding:15px;border-radius:18px;background:#f7f8f9;}
.search-box .search-box-cover{float:left;overflow:hidden;margin-right:15px;width:155px;}
.search-box .search-box-cover .search-cover-img{position:relative;overflow:hidden;padding-top:140%;height:0;border-radius:8px;background-position:50% 50%;background-size:cover;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;}
.search-box-cover .search-cover-img:before{border-radius:5px;background-image:-o-radial-gradient(transparent 0,rgba(0,0,0,.1) 44%,rgba(0,0,0,.56) 100%);background-image:radial-gradient(transparent 0,rgba(0,0,0,.1) 44%,rgba(0,0,0,.56) 100%);content:"";opacity:.1;pointer-events:none;}
.search-box-cover .search-cover-img:before,.search-cover-img>a{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;}
.search-cover-img>a{padding-top:50%;background-size:cover;text-align:center;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;}
.search-cover-img>a>i{width:40px;height:40px;border-radius:50px;background:#fff;color:rgba(7,7,10,.92);text-indent:2.5px;font-size:12px;line-height:40px;opacity:0;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6);}
.search-cover-img .lazy{position:absolute;top:0;left:0;width:100%;height:100%;border:0;-o-object-fit:cover;object-fit:cover;}
.search-box .search-box-cover:hover .search-cover-img{-webkit-box-shadow:0 10px 30px rgb(0 0 0/30%);box-shadow:0 10px 30px rgb(0 0 0/30%);}
.search-box-cover:hover .search-cover-img:before{opacity:1;-webkit-backdrop-filter:contrast(1.2) saturate(1.2);backdrop-filter:contrast(1.2) saturate(1.2);}
.search-box-cover:hover .search-cover-img>a{background:rgba(0,0,0,.28);}
.search-box-cover:hover .search-cover-img>a>i{opacity:.88;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);}
.search-box .search-box-info{float:left;overflow:hidden;width:calc(100% - 170px);}
.search-box-info .search-info-header{overflow:hidden;width:100%;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:20px;}
.search-box-info:hover .search-info-header>a{color:#f44336;}
.search-box-info .search-info-type{overflow:hidden;margin-top:10px;}
.search-box-info .search-info-type>span{float:left;display:inline-block;margin-right:5px;padding:0 10px;height:24px;border-radius:10px;background:#eaedf1;color:rgba(0,0,0,.68);font-size:12px;line-height:24px;}
.search-box-info .search-info-type>span:last-child{margin-right:0;}
.search-box-info .search-info-main{overflow:hidden;margin-top:10px;}
.search-info-main .search-main-items{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;margin-bottom:10px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.search-info-main .search-main-items .info{margin-right:5px;color:rgba(0,0,0,.51);}
.search-info-main .search-main-items .text{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;}
.search-box-info .search-info-footer{overflow:hidden;margin-top:10px;}
.search-box-info .search-info-footer .base{display:inline-block;padding:0 15px;height:35px;border-radius:8px;background:-webkit-gradient(linear,left top, right top,from(#ff9800),to(#ff2a14));background:-o-linear-gradient(left,#ff9800,#ff2a14);background:linear-gradient(90deg,#ff9800,#ff2a14);color:#fff;line-height:35px;}
.search-box-info .search-info-footer .base>i{margin-right:5px;}
/**
 * 播放页面
 */
.player-page{background:#27272f;-webkit-box-shadow:0 7px 21px rgb(149 157 165/22%);box-shadow:0 7px 21px rgb(149 157 165/22%);}
.player-page .player-content{position:relative;overflow:hidden;}
.player-content .player-box{position:relative;overflow:hidden;width:calc(100% - 480px);}
.player-content .player-box .wxtx{position:absolute;top:0;left:0;z-index:1;overflow:hidden;padding:3px 10px;width:100%;color:#fff;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.player-content .player-box .MacPlayer{position:relative;display:block;overflow:hidden;margin:0;padding:0 0 56.25%;width:100%;height:100%;min-height:100px;background:#000;color:#f6f6f6;font-size:14px;}
.player-box .MacPlayer iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;}
.player-content .player-info{position:relative;overflow:hidden;padding:15px;width:calc(100% - 480px);border-top:1px solid #414243;background:#000;}
.player-info .player-info-header{max-width:65%;}
.player-info-header .title{color:#c2c6d0;font-size:12px;}
.player-info-header .title>h1{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;}
.player-info-header .title>h1>a{position:relative;z-index:2;margin-right:8px;color:#c2c6d0;}
.player-info-header .title>h1>a:after{position:absolute;bottom:-2px;left:0;z-index:-1;width:100%;height:12px;border-radius:18px;background:#ff2a14;background:-webkit-gradient(linear,left top, right top,from(#ff9800),to(#ff2a14));background:-o-linear-gradient(left,#ff9800,#ff2a14);background:linear-gradient(90deg,#ff9800,#ff2a14);content:"";opacity:.5;}
.player-info-header .title>h1>span{font-size:18px;}
.player-info-header .meta{overflow:hidden;margin-top:10px;}
.player-info-header .meta>span{float:left;display:inline-block;margin-right:10px;padding:0 10px;border-radius:10px;background:#232328;color:#8f8f8f;font-size:14px;}
.player-info .player-info-main{position:absolute;top:15px;right:15px;display:inline-block;}
.player-info-main .block{position:relative;display:inline-block;margin-left:8px;padding:10px 0;width:67px;height:67px;color:#8f8f8f;text-align:center;font-size:12px;cursor:pointer;}
.player-info-main .block>i{display:block;color:#8f8f8f;font-size:20px;line-height:30px;}
.player-info-main .block:after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #232328;border-radius:10px;content:"";-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;pointer-events:none;}
.player-content .player-side{position:absolute;top:0;right:0;bottom:0;width:480px;height:100%;border-radius:0 10px 0 0;background:rgba(0,0,0,.88);}
.player-side .player-side-heading{position:relative;float:right;display:block;}
.player-side-heading>h2{display:none;}
.player-side-heading .player-tab{overflow:auto;width:100px;}
.player-side-heading .player-tab a{display:block;margin:5px 5px 0;padding:15px 10px 15px 20px;border-radius:0 5px 5px 0;background:#141416;color:hsla(0,0%,100%,.5);font-size:14px;line-height:inherit;}
.player-side .player-side-playlist{overflow-x:auto;margin:0;width:380px;height:100%;background:#232328;}
.player-side-playlist .scroll-box-y{overflow:initial;max-height:100%;}
.scroll-box-y .scroll-content{overflow:hidden;padding-top:15px;padding-bottom:10px;padding-left:15px;}
.scroll-box-y .scroll-content>li{float:left;padding-right:15px;padding-bottom:5px;width:50%;}
.scroll-box-y .scroll-content>li>a{position:relative;display:inline-block;overflow:hidden;padding:1px 10px;width:100%;border-radius:10px;background:rgba(0,0,0,.18);color:hsla(0,0%,100%,.5);text-align:center;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:35px;-webkit-animation:opacity .2s;animation:opacity .2s;}
.scroll-box-y .scroll-content>li .active{background:rgba(7,7,10,.92);color:#c2c6d0;}
.player-side-heading .player-tab .active{position:relative;overflow:hidden;margin-left:0;padding-left:25px;background:#232328;color:#c2c6d0;font-weight:700;}
.player-side-heading .player-tab .active:after{position:absolute;top:99%;left:50%;display:inline-block;margin-left:-7px;width:0;height:0;border:none;content:"";}
.player-side .player-side-playlist::-webkit-scrollbar-track{margin:2px;background:0 0;}
.player-side .player-side-playlist::-webkit-scrollbar-thumb{border-radius:10px;background:#505050;}
.player-side .player-side-playlist::-webkit-scrollbar{width:6px;height:1px;}
.player-content .player-text{display: none;}
/**
 * 底部
 */
.footer{overflow:hidden;padding:10px 15px;width:100%;background:#f3f5f7;color:rgb(0 0 0/51%);font-size:12px;}
.footer .Left{float:left;}
.footer .right{float:right;}
.footer .right>a{position:relative;overflow:hidden;padding:0 5px;color:#555;}
.footer .right>a+a:before{position:absolute;top:-1px;left:-4px;color:#c2c6d0;content:"|";}
/**
 * 自定义
 */
.news-text{overflow:hidden;padding:10px;text-align:center;}
.news-text .news-title{font-weight:700;font-size:1.7em;}
.news-text .news-tips{margin-top:5px;color:rgb(0 0 0/68%);font-size:14px;}
.news-text .news-tips>span{margin:auto 5px;color:#f44336;}
.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px auto;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.pagination>li{padding:10px 5px;}
.pagination>li>a,.pagination>li>span{display:inline-block;padding:0 15px;height:38px;border-radius:50px;background:#f3f5f7;color:rgba(0,0,0,.68);font-size:14px;line-height:38px;}
.pagination>li>span{background:#ff2a14;color:#fff;}
#toptool{position:fixed;right:1%;bottom: 65px;z-index:99;width: 30px;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:tinUpIn;animation-name:tinUpIn;}
#toptool>a{position:relative;display:block;margin-bottom:10px;width:100%;height: 30px;border-radius:50%;background-color:#fff;-webkit-box-shadow:0 0 10px 0 rgb(0 0 0/10%);box-shadow:0 0 10px 0 rgb(0 0 0/10%);text-align:center;font-size: 16px;line-height: 30px;}
#toptool #at-top>i{-webkit-transform:rotate(317deg);-ms-transform:rotate(317deg);transform:rotate(317deg);}
#toptool .at-night{margin-bottom:0;}
.tihsi{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px;background:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;}
.menu-fixed{display: none;}  
/** ----------------------------------
 * 自适应
 -------------------------------------- **/
@media screen and (max-width: 1024px){
.header .header-content{height:60px;padding: 0 10px;}
.header-content .header-logo{margin-right:10px;}
.header-content .header-search{width:100%;}
.header-content .header-search .search-form{height:40px;}
.search-form .search-form-input{padding:0 10px;font-size:14px;}
.search-form>button{padding-right:10px;}
.search-form>button>i{font-size:16px;}
.container{padding-top:75px;width:100%;}
.container .Four-grid{padding-left:10px;}
.Four-grid .Four-grid-item{padding-top:0;padding-left:0;height:60px;}
.Four-grid-item .Four-grid-content{padding:10px;}
.Four-grid-item .Four-grid-content .title{font-size:16px;}
.video-list .video-list-item{width:33.33333333333333%;}
.search-list .search-list-item{width:100%;}
.search-list .search-list-item .search-box{padding:10px;}
.search-box .search-box-cover{margin-right:10px;width:80px;}
.search-box .search-box-info{width:calc(100% - 90px);}
.search-box-info .search-info-header{font-size:16px;}
.search-box-info .search-info-type{margin-top:5px;}
.search-box-info .search-info-type>span{padding:0 6px;height:18px;line-height:18px;}
.search-box-info .search-info-main{margin-top:5px;}
.search-info-main .search-main-items{display:none;}
.search-info-main .m2{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:0;}
.search-box-info .search-info-footer{margin-top:9px;}
.search-box-info .search-info-footer .base{padding:0 10px;height:30px;font-size:14px;line-height:30px;}
.footer{text-align:center;}
.footer .Left{float:none;width:100%;}
.footer .right,.video-list-cover .video-list-caption{display:none;}
.news-text .news-title{font-size: 18px;}
/*播放*/
.player-content .player-box{float:left;width:100%;}
.player-content .player-info{float:left;overflow:hidden;padding:10px;width:100%;}
.player-info .player-info-header{width:100%;max-width:100%;}
.player-info-header .title>h1{font-size:18px;}
.player-info-header .title>h1>span{font-weight:400;font-size:14px;}
.player-content .player-side{position:relative;overflow:hidden;width:100%;}
.player-info .player-info-main{display:none;}
.player-side .player-side-heading{float:left;overflow:hidden;width:100%;}
.player-side-heading>h2{display:block;padding:10px;color:#fff;font-size:18px;}
.player-side-heading .player-tab{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;}
.player-side-heading .player-tab a{margin-left:0;padding:10px;width:100px;border-bottom-right-radius:0;border-top-left-radius:5px;text-align:center;white-space:nowrap;-webkit-box-flex:1;-ms-flex:1;flex:1;color: hsla(0,0%,100%,.6);}
.player-side-heading .player-tab .active{overflow:visible;padding-left:10px;color: #f44336;background: #32323c;}
.player-side .player-side-playlist{overflow:hidden;width:100%;}
.player-side-playlist .scroll-box-y{overflow:hidden;}
.scroll-box-y .scroll-content{padding-top:10px;padding-bottom:5px;padding-left:10px;}
.scroll-box-y .scroll-content>li{padding-right:10px;}
.scroll-box-y .scroll-content>li>a {background: #32323c;color: hsla(0,0%,100%,.6);padding: 3px 10px;}
.scroll-box-y .scroll-content>li .active{background: #32323c;color:#f44336;}
.player-info-header .meta>span{background: #32323c;}
.player-info-header .title>h1>a,.player-info-header .title{color: #ffff;}
.scroll-box-y .scroll-content .playon{position:absolute;bottom:0;left:calc(50% - 11px);height:8px;}
.scroll-content .playon i{position:absolute;bottom:0;left:0;width:4px;height:6px;border-radius:5px 5px 0 0;background-color:#ff2a14;}
.scroll-content .playon i:nth-last-child(4){left:18px;-webkit-animation:playon 1s .3s infinite;animation:playon 1s .3s infinite;}
.scroll-content .playon i:nth-last-child(3){left:12px;-webkit-animation:playon .6s .2s infinite;animation:playon .6s .2s infinite;}
.scroll-content .playon i:nth-last-child(2){left:6px;-webkit-animation:playon .8s .1s infinite;animation:playon .8s .1s infinite;}
.scroll-content .playon i:last-child{-webkit-animation:playon .8s .3s infinite;animation:playon .8s .3s infinite;}
.playervod{padding-top: 60px;}
@-webkit-keyframes playon{
    0%{height:70%}50%{height:100%}100%{height:35%}
}
@keyframes playon{
    0%{height:70%}50%{height:100%}100%{height:35%}
}
.player-content .player-text{overflow: hidden;display:block;padding:5px 10px;background:#000;color:#fff;font-size:12px;word-break:break-all;}
} 
@media screen and (max-width: 768px){
.footer{display:none;}
.menu-fixed{display:block;overflow:hidden;padding-top:56px;}
.menu-fixed .menu-nav{position:fixed;bottom:0;z-index:199;display:block;padding:6px 0 5px;width:100%;border-top:1px solid #eee;background:#f3f5f7;}
.menu-nav>li{float:left;width:20%;text-align:center;}
.menu-nav>li>a{display:block;width:100%;color:#555;}
.menu-nav>li>a>i{display:block;color:#555;font-size:18px;}
.menu-nav>li p{overflow:hidden;margin-top:5px;color:#555;font-size:12px;line-height:1;}
.menu-nav>li>a:hover,.menu-nav>li>a:hover i,.menu-nav>li>a:hover p{color:#f44336;}
} 
@media screen and (max-width: 510px){
.container{min-height: calc(100vh - 56px);}	
}