@charset "utf-8";
html{height:100%}
body{font-family: 'Noto Serif SC','Microsoft YaHei',Helvetica,Arial,serif;font-size:14px;color:#fff;background-color:#202124;}
ul,ol,li,dt,dd{margin:0;padding:0;list-style:none}
dl{margin-top:0;margin-bottom:0}
p{margin:0 0 10px}
img{border:0;vertical-align:middle}
img.img-responsive{max-width:100%;width:100%}
input{outline:medium none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
input:focus{border-color:#f90;-webkit-box-shadow:inset 0 1px 1px rgba(255,136,0,.075),0 0 8px rgba(255,136,0,.6)}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}

.container{width: 99vw;max-width:1240px;position:relative;margin:0 auto;}
.row{margin: 0 auto;position: relative;}
.container:before,.container:after,.row:before,.row:after,.clearfix:before,.clearfix:after{display:table;content:" ";clear:both}
a,button{text-decoration:none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a,h1,h2,h3,h4,h5,h6{color:#fff}
a:focus,a:hover,a:active{text-decoration:none;border:#f6c}
.text-red{color:red}
.text-center{text-align:center}
.split-line{display:inline-block;margin-left:12px;margin-right:12px;width:1px;height:14px;vertical-align:-2px;background-color:#eee}
.Ui-header__top{position:relative;height:84px;padding:0 30px;background-color:#181818}
.Ui-header__logo{float:left;margin:10px 280px 0px 10px;font-size: 28px;}
.Ui-header__logo .logo{display:block;width:180px;height:54px;background:url(../images/1.png) no-repeat;background-position: 50% 50%;
background-size: contain;}
.glitch{font-size:40px;font-weight:bold;text-transform:uppercase;position:relative;text-shadow:0.05em 0 0 #00fffc,-0.03em -0.04em 0 #fc00ff,0.025em 0.04em 0 #fffc00;animation:glitch 725ms infinite}
.glitch a{color:#fff;text-decoration:none;font-family: none;}
.glitch span{position:absolute;top:0;left:0}
.glitch span:first-child{animation:glitch 500ms infinite;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);transform:translate(-0.04em,-0.03em);opacity:0.75}
.glitch span:last-child{animation:glitch 375ms infinite;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);transform:translate(0.04em,0.03em);opacity:0.75}
@keyframes glitch{0%{text-shadow:0.05em 0 0 #00fffc,-0.03em -0.04em 0 #fc00ff,0.025em 0.04em 0 #fffc00}
15%{text-shadow:0.05em 0 0 #00fffc,-0.03em -0.04em 0 #fc00ff,0.025em 0.04em 0 #fffc00}
16%{text-shadow:-0.05em -0.025em 0 #00fffc,0.025em 0.035em 0 #fc00ff,-0.05em -0.05em 0 #fffc00}
49%{text-shadow:-0.05em -0.025em 0 #00fffc,0.025em 0.035em 0 #fc00ff,-0.05em -0.05em 0 #fffc00}
50%{text-shadow:0.05em 0.035em 0 #00fffc,0.03em 0 0 #fc00ff,0 -0.04em 0 #fffc00}
99%{text-shadow:0.05em 0.035em 0 #00fffc,0.03em 0 0 #fc00ff,0 -0.04em 0 #fffc00}
100%{text-shadow:-0.05em 0 0 #00fffc,-0.025em -0.04em 0 #fc00ff,-0.04em -0.025em 0 #fffc00}
}
.Ui-header__menu{position:relative;margin:0 -10px 6px -10px;background-color:#202020;border-top:1px solid #373737;border-bottom:1px solid #373737;text-align:center}
.Ui-header__menu:before{content:"";position:absolute;top:-10px;right:0;width:0;height:0;border-width:10px 0 0 10px;border-style:solid;border-color:transparent transparent transparent #ccc}
.Ui-header__menu:after{content:"";position:absolute;top:-10px;left:0;width:0;height:0;border-width:0 0 10px 10px;border-style:solid;border-color:transparent transparent #ccc transparent}
.Ui-header__menu li{margin:8px 2px;display:inline-flex;}
.Ui-header__menu li.active{background-color:#181818}
.Ui-header__menu li a{display: block;padding: 4px 15px 6px 15px;font-size: 16px;line-height: 20px;color: #f6c;border: 1px groove hsl(0, 7.7%, 35.7%);border-radius: 8px;text-shadow: 0 0 2px #974a34, 0 0 1.5px #3a1c15, 0 0 1.5px #110605;}
.Ui-header__menu li a:hover{background: #dbdbdb;box-shadow: 0px 2px 10px 3px #BC97BF;color: #dbcccc;font-weight: 700;}
.Ui-header__menu .more{color:#f00;line-height:56px;margin-right:30px;font-size:larger}
.Ui-header__menu1{position:relative;margin:0 -10px 6px -10px;background-color:#202020;border-top:1px solid #373737;border-bottom:1px solid #373737;text-align:center}
.Ui-header__menu1:before{content:"";position:absolute;top:-10px;right:0;width:0;height:0;border-width:10px 0 0 10px;border-style:solid;border-color:transparent transparent transparent #ccc}
.Ui-header__menu1:after{content:"";position:absolute;top:-10px;left:0;width:0;height:0;border-width:0 0 10px 10px;border-style:solid;border-color:transparent transparent #ccc transparent}
.Ui-header__menu1 li{margin:8px 2px;display:inline-flex;}
.Ui-header__menu1 li.active{background-color:#181818}
.Ui-header__menu1 li a{display: block;padding: 4px 15px 6px 15px;font-size: 16px;line-height: 20px;color: #f6c;border: 1px groove hsl(0, 7.7%, 35.7%);border-radius: 8px;text-shadow: 0 0 2px #974a34, 0 0 1.5px #3a1c15, 0 0 1.5px #110605;}
.Ui-header__menu1 li a:hover{background: #dbdbdb;box-shadow: 0px 2px 10px 3px #BC97BF;color: #dbcccc;font-weight: 700;}
.Ui-header__menu1 .more{color:#f00;line-height:56px;margin-right:30px;font-size:larger}
.Ui-header__search{float:left;position:relative;width:calc(100vw/5);margin-top:24px}
.Ui-header__search .form-control{font-family:inherit;background-color:#121212;color:#fff;border:1px solid hsl(0, 7.7%, 35.7%);display:block;width:100%;max-height:40px;padding: 2px 0 2px 20px;font-size:14px;line-height:36px;border-radius:5px;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.Ui-header__search .submit{display:block;position:absolute;top:0;right:0;width:35px;height:35px;border:0;cursor:pointer;background:url(../images/icon_seacrh.png) center no-repeat}
.Ui-header__user{float:right}
.Ui-header__user li{float:left;position:relative;padding:24px 0;margin-left:30px}
.Ui-header__user li .dropdown{display:none;position:absolute;z-index:999;top:100%;right:0;padding:15px;text-align:center;font-size:16px;color:#f00;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:5px;border:6px solid #13cc1e}
.Ui-header__user li:hover .dropdown{display:block}
.lil_cont{line-height:20px;font-size:18px;color:crimson}
.Ui-screen__list{position:relative;padding:15px 0 5px 0;margin:0 10px}
.Ui-screen__list:before{content:" ";position:absolute;left:0;top:0;right:0;width:100%;height:1px;border-top:1px solid #eee}
.Ui-screen__list:first-child{padding-top:0}
.Ui-screen__list:first-child:before{display:none}
.Ui-screen__list li{float:left}
.Ui-screen__list li span{display:inline-block;padding:3px 0 3px}
.Ui-screen__list li a{display:inline-block;padding:2px 10px;margin-left:10px;margin-bottom:10px;border-radius:2px}
.Ui-screen__list li.active a{background-color:#333;color:#fff}
.Ui-screen__list.letter-list li a{padding:3px 5px}
.Ui-screen__list.letter-list li.active a{padding:3px 10px}
.CM{width:100%;height:60px;background-color:#373737;margin-bottom:4px}
.talk{text-align:center;margin-bottom:8px; border-bottom:1px solid #cebc86; border-top:1px solid #cebc86;padding:2px 8px 4px;background-color: #202124;}
.talk a{font-weight: 700;font-size: 13px; letter-spacing:2px;}
.Ui-pannel{position:relative;margin-bottom:1rem;background-color: #202124;padding:0 10px;border:1px solid #373737;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;padding-bottom: 6px;}
.Ui-pannel:before{content:" ";position:absolute;left:20px;bottom:0;right:0;width:98%;height:1px;border-bottom:2px solid #ffbf00}
.Ui-pannel:last-child{margin-bottom:0;border-bottom:0;padding-top:0}
.Ui-pannel:last-child:before{display:none}
.Ui-pannel-left{float:left;width:70%}
.Ui-pannel-side{float:left;width:30%}
.Ui-pannel__head{padding:0 20px 10px 10px;margin-bottom:10px;line-height:30px;border-bottom:crimson 2px solid}
.Ui-pannel__head .title{margin:10px 0 0 0;font-size:18px;font-weight:700}
.Ui-vodlist{margin:14px 6px 0;display: flex;
flex-flow: wrap;}

.Ui-vodlist__item{position: relative;padding: 0 5px;flex: 0 0 auto;width: 33.333%;border: 1px groove #fff0;}
.Ui-vodlist__item:hover{z-index: 100;-webkit-transition: all 50ms ease-in;-webkit-transform: scale(1.15);-ms-transition: all 50ms ease-in;-ms-transform: scale(1.15);-moz-transition: all 50ms ease-in;-moz-transform: scale(1.08);transition: all 50ms ease-in;transform: scale(1.15);background-color: #222222eb;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;padding: 0 6px;border: 1px groove #373737;}
.Ui-vodlist__item.active{width:33.333333%}
.vod_images{border: 1px groove #ddd;}

.Ui-vodlist__thumb{position:relative;display:block;background:url(../images/1.gif) no-repeat;background-position:50% 50%;background-size:cover;background-color:#202020;filter: blur(2px);
border: 2px solid #ccc;}
.Ui-vodlist__thumb.active{padding-top:50%;background:url() no-repeat;background-position:50% 50%;background-size:cover}
.Ui-vodlist__thumb .play{display:none;position:absolute;top:0;z-index:1;width:100%;height:100%;background:rgba(32,33,36,0.5)url(../images/playicon.webp) center no-repeat}
.Ui-vodlist__thumb:hover .play{display:block}
.Ui-vodlist__thumb .pic-text{display:block;width:100%;position:absolute;bottom:0;left:0;padding:5px 10px;text-align:right;font-size:12px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;background-repeat:no-repeat;background-image:linear-gradient(transparent,rgba(0,0,0,.5));color:#fff}
.Ui-vodlist__pic{position: absolute;top: 0.5px;left: 0;right: 0;text-align: center;}
.Ui-vodlist__pic .play{display:none;position:absolute;top:0;z-index:1;width:100%;height:100%;background:rgba(32,33,36,0.5)url(../images/playicon.webp) center no-repeat}
.Ui-vodlist__pic:hover .play{display:block}
.Ui-vodlist__thumb ,.Ui-vodlist__pic{height:234px;}
.vod_pics{max-height: 100%;max-width: 96%;display: block;height: inherit;background-size: contain;background-repeat: no-repeat;background-position-x: center;background-position-y: center;margin: 0 auto;width: 100%;}
.vod_titlebox{margin:0;}
.Ui-vodlist__title{margin: 4px 0 8px;text-align: center;}
.Ui-vodlist__title a{padding: 2px 0;}
.video-title{line-height:20px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;letter-spacing: 1px;color:#e3d29c;font-weight: 700;font-size: 14px;}
.Ui-content__detail,.Ui-content__thumb,.Ui-content__ad{display:table-cell;vertical-align:top}
.Ui-content__thumb .pic{display:block;width:160px}
.Ui-content__detail{width:520px;padding:0 20px}
.Ui-content__detail .title{margin:0 0 10px;line-height:25px;color:#000}
.Ui-content__detail .data{margin-bottom:10px}
.Ui-content__detail .data li{float:left;margin-right:20px}
.Ui-content__detail .desc{padding-left:42px}
.Ui-content__detail .desc .left{margin-left:-42px}
.Ui-content__detail .playbtn{padding-left:42px;margin-top:20px}
.Ui-content__detail .playbtn a{display:inline-block;width:120px;height:32px;line-height:32px;text-align:center;border-radius:5px;font-size:12px;background-color:#333;color:#fff}
.Ui-content__desc{line-height:25px;color:#666}
.Ui-content__desc img{max-width:100%}
.Ui-content__playlist{position:relative;padding:10px 0 0 20px}
.Ui-play__source{margin: 0 auto;width: 80%;text-align: center;}
.Ui-play__source a{background-color: crimson;padding: 10px 20px;display: block;color: #fff;border:1px solid #eee;border-radius:5px;}
.Ui-play__source ul{margin: 10px 0;}
.Ui-play__source ul li{float: left;padding: 10px 2rem;}
.Ui-content__playlist li{float:left;width:12.5%;padding-bottom:10px;padding-right:10px}
.Ui-content__playlist li a{display:block;position:relative;padding:5px 10px;text-align:center;border:1px solid #eee;border-radius:5px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.Ui-content__playlist li.active a{background-color:#333;border:1px solid #333;color:#fff}
.Ui-player{margin-top:20px;padding: 0 10px;}
.Ui-player__video{background-color:#000}
.Ui-player__detail{padding:0 10px;margin:0 0 20px 0}
.Ui-vodlist__bd{display:flex;flex-flow:wrap;}
.title{margin: 10px 0;letter-spacing: 1px;line-height: 20px;}
.Ui-page{margin: 1rem 0;}
.Ui-page__listing{display: flex;
justify-content: center;
flex-wrap: nowrap;}
.paging_box{padding:0 3px;}
.paging_box a{display: block;
padding: 9px 1rem;
background-color: #000;
border-radius: 2rem;
border: 1px groove #373737;}
.Ui-page__listing .active a{background-color: #333;border: 1px solid #333;color: #fff;}
.Ui-page-text{font-size:0;text-align:center}
.Ui-page-text a,.Ui-page-text em,.Ui-page-text span{font-style:normal;display:inline-block;margin:0 5px;padding:6px 12px;border-radius:4px;cursor:pointer;background-color:#fff;border:1px solid #eee;font-size:14px}
.Ui-page-text span.pagenow{background-color:#333;border:1px solid #333;color:#fff;}
.Ui-page-text .pagego{padding:6px;margin-right:5px;border-radius:5}
.Ui-page-text .pagebtn{padding:6px 12px;cursor:pointer}
.Ui-page-text input{display:none}
.embed-responsive{position:relative;display:block;overflow:hidden;padding:0;height:0}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-16by9{padding-bottom:56.25%}
.embed-responsive-4by3{padding-bottom:75%}
.margin-0{margin:0!important;font-size: 16px;border-bottom: 1px solid #ccc;padding-bottom: 6px;}
.padding-0{padding:0!important}
.pull-left{float:left!important}
.pull-right{float: right !important;border-bottom-right-radius: 12px;border-bottom-left-radius: 12px;border: 1px solid #373737;  border-top-color: rgb(55, 55, 55);  border-top-style: solid;  border-top-width: 1px;padding: 0 16px;border-top: 0;background-color: #1c1c1c;color: #ccc;margin-top: -1px;font-size: 24px;line-height: 28px;}
.pull-right:hover{  background-color: #b5b5b5;  border: 1px solid #0d0d0d;  margin-top: -1px;  color: #000;}
.Ui-link__box{margin:10px 0 20px;padding: 0 3px;}
.Ui-link__text{}
.Ui-link__text li{float:left;border: 1px solid hsl(0, 7.7%, 35.7%);padding: 4px 8px 6px;border-radius: 5px;margin: 0 8px 8px 0;}
.hide,.visible-lg,.visible-md,.visible-sm,.visible-xs,.visible-mi{display:none!important}
.Ui-foot{padding:20px;text-align:center;color:#999;max-width:1280px;margin:0 auto;margin:10px auto 20px}
.Ui-news-nav li.active a{background-color:#333;border:1px solid #333;color:#fff}
.mac_tips{border:2px solid #373737;border-radius:2pc;padding:30px;background-color:#202020;margin:10px auto}
.mac_tips li{list-style:none}
.mac_tips a{text-align:center;height:100%;width:100%;display:block;line-height:40px;font-size:16px}
.mac_msg{border:2px solid #373737;border-radius:2pc;padding:30px;background-color:#202020;margin:10px auto;width:100%;text-align:center}
.mac_msg_history{border:2px solid #373737;border-radius:2pc;padding:30px;background-color:#202020;margin:10px auto;width:100%;text-align:center}
.pull_right{display:block;margin:10px auto}
.pannel_rowbox li{padding:10px;margin-bottom:10px;background-color: #181818;}
.comm_avat{width:64px;float:left;margin: 10px 0;border-radius: 14px;}
.comm_content{color: #d50000;overflow: hidden;padding: 10px;background-color: #2f2f2f;width: 80%;margin: 10px auto;}
.noted{padding:0 0 10px 0}

/*responsive*/
@media(min-width:1200px){.visible-lg{display:block!important}
.hidden-lg{display:none!important}
}
@media(max-width:1199px) and (min-width:992px){.visible-md{display:block!important}
.hidden-md{display:none!important}
}
@media(max-width:991px) and (min-width:768px){.visible-sm{display:block!important}
.hidden-sm{display:none!important}
}
@media(max-width:1024px){
.Ui-pannel-left,.Ui-pannel-side{float:none;width:100%}
.Ui-screen__list{padding:10px 0 0;margin:0 0 0 5px;width:100%;white-space:nowrap;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch}
.Ui-screen__list:first-child{padding-top:5px}
.Ui-screen__list li{float:none;display:inline-block}
.Ui-screen__list li a{margin-left:5px}
.Ui-screen__list li.active a{border-radius:0;background:0;color:#f90}
.Ui-vodlist{margin-top:16px}
.Ui-vodlist__item{}
.Ui-vodlist__item.active{width:50%}
.Ui-content__detail{width:100%}
.Ui-content__playlist li{width:16.6666667%}
.Ui-vodlist__item_H{width:20%;padding:0 7px;margin-left:0}
.Ui-header__logo{margin-right:160px}
.Ui-header__search{width:33%}
}
@media screen and (orientation: portrait) and (min-device-width: 500px){
.Ui-vodlist__thumb ,.Ui-vodlist__pic{height:163px;}
}
@media screen and (orientation: landscape) and (min-device-width: 500px){
.container{}
}
@media(max-width:767px){
.visible-xs{display:block!important}
.hidden-xs{display:none!important}
.Ui-player__tips{width:80%;margin:0 auto}
.Ui-player__tips a{font-size:16px;line-height:15px;color:crimson}
.row{width: 98vw;padding: 0;}
.col-pd{padding:6px 4px;font-size:12px;margin:10px 0 0 0}
.Ui-header__top{height:60px;padding:0 10px}
.Ui-header__logo{margin:10px 0 0;padding:0}
.Ui-header__logo .logo{width:100px;height:34px;background:url(../images/1.png) no-repeat;background-position:50% 50%;background-size:contain}
.Ui-header__search{float:none;width:auto;margin:0;position:absolute;top:15px;right:10px;left:130px;border:1px solid hsl(0, 7.7%, 35.7%)}
.Ui-header__search .form-control{height: 30px;line-height: 30px;border-radius: 5px;padding: 6px 28px 6px 8px;border: 0;font-size: 12px;}
.Ui-header__search .submit{width:30px;height:30px}
.Ui-header__menu{position:relative;margin:0 auto 10px}
.Ui-header__menu:before,.Ui-header__menu:after{display:none}
.Ui-header__menu ul{display:-webkit-box;display:-webkit-flex;display:flex;justify-content: center;}
.Ui-header__menu ul li{text-align:center;height:42px;background-color:#202020;display:-webkit-box}
.Ui-header__menu li a{padding:4px 6px 0;line-height:15px;font-size:14px;-webkit-line-clamp:2}
.Ui-header__menu1{}
.Ui-header__menu1:before,.Ui-header__menu:after{display:none}
.Ui-header__menu1 ul{justify-content: center;}
.Ui-header__menu1 ul li{text-align:center;height:30px;background-color:#202020;}
.Ui-header__menu1 li a{padding:4px 6px 0;line-height:15px;font-size:14px;-webkit-line-clamp:2}
.Ui-pannel{margin-bottom: 10px;}
.Ui-pannel:before{left:10px;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}
.Ui-pannel__head{margin-bottom:5px}
.Ui-pannel__head .title{font-size:16px}
.Ui-link__text li {  padding: 4px 4px 6px;  margin: 0 0 8px 8px;  width: 30%;  text-align: center;}
.Ui-vodlist__item{flex: 0 0 100%;height:100%;margin-bottom: 4px;}
.Ui-vodlist__item.active{width:100%}
.Ui-vodlist__thumb, .Ui-vodlist__pic{}
.video-title { }
.Ui-content__thumb .pic{width:120px}
.Ui-content__detail{padding:0 10px}
.Ui-content__detail .data{margin-bottom:5px}
.Ui-content__detail .playbtn{margin-top:10px;padding:0}
.Ui-content__detail .playbtn a{width:90px;height:28px;line-height:28px}
.Ui-content__playlist{padding:5px 0 0 5px}
.Ui-content__playlist li{width:33.333333%}
.Ui-content__playlist li a{font-size:12px}
.Ui-page li{float:left;width:20%;margin:0;}
.Ui-page li a,.Ui-page__box li .num{}
.Ui-page li.page-item{width:auto;margin-bottom:5px}
.Ui-page li.page-item a{padding:5px 15px}
.Ui-page-text{text-align:left}
.Ui-page-text a,.Ui-page-text em,.Ui-page-text span{margin-right:5px;margin-bottom:5px}
}


@media (max-width:370px){.Ui-header__menu li a{padding:5px 4px 0}
}@media (max-width:430px){.Ui-vodlist__item_H{margin-left:0;width:100%;padding:0 60px}
}@media (max-width:930px){.Ui-header__logo{margin-right:80px}
}@media (max-width:768px){.Ui-header__logo{margin-right:40px}
.Ui-header__user{display:none}
.glitch {font-size: 26px;}
}@media (max-width:336px){.Ui-header__menu li a{padding:3px 2px 0}}