/*****************************************
* 作 者：老大哥
* 版 本：1.0 
* 概 要：网站公共样式fanhui
*****************************************/

/*-----------------------------------------公共样式-----------------------------------------*/
@font-face {
  font-family: 'xfont';
  src: url('../font/FontAwesome.otf');
  font-weight: normal;
  font-style: normal;
}


@font-face {font-family: 'iconfont';src: url('../fonts/iconfont.eot');src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),url('../fonts/iconfont.woff2') format('woff2'),url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype'),url('../fonts/iconfont.svg#iconfont') format('svg');}
.iconfont {font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}




*{margin: 0; padding: 0; font-family: xfont;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.fa-eye:before {     content: "\f01d"; padding-left: 10px;}
.fa-clock-o:before { content: "\f017"; padding-left: 10px;}
.icon-ding:before {content: "\f08a"; color: #f1b767;padding-left: 10px;}
.fa-refresh:before { content: "\f299"; }
.font-awesome:before{ content: "\f003";}



.fa-bars:before {content: "\f0c9";}
.fa-search:before { content: "\f002"; }
.fa-fire:before { content: "\f179"; color: #666;font-style: normal;}

em.digg_num.icon-num { font-style: normal;     color: #f1b767;}
i.mac_hits.hits { font-style: normal; }
i.fa-eye,i.fa-clock-o,i.icon-ding,i.fa-heart,.fa-refresh,i.font-awesome,i.fa-download,i.fa-bars,i.fa-search,i.fa-fire { font-style: normal; }
body {font-family:"Microsoft Yahei",Simsun,sans-serif;font-size: 14px;color: #666;line-height:22px; background: #4d4c61;}
h1,h2,h3,h4,h5,h6{ font-size:16px; font-weight:normal;}
h1 a:hover{ font-size:16px; font-weight:bold; line-height:45px;color:#ffe0a2;}
ul,ol,li {list-style:none;}
a:link,a:visited,a:active{text-decoration:none;color:#222222; font-size:14px;}
a:hover{text-decoration:none; font-size:14px;} 
input{font-family:"Microsoft Yahei",Simsun,sans-serif;font-size: 14px;}

.slider {position: relative;width: 100%; max-width:760px; height:auto;   margin:0 auto;   overflow: hidden;}
.slides {
/* Simple clear fix */
overflow: hidden;
/**	
* Prevent blinking issue
* Not tested. Experimental.
*/
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
/**
* Here is CSS transitions 
* responsible for slider animation in modern broswers
*/
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

body{background: #222;}

form#search{  margin-left:100px;   width: 410px;  display: inline-block;overflow: hidden; margin-top: 5px;}
form#search .fl , .dcb form .fr{ display: inline-block; float: left;}
form#search  input.fl { width: 315px; height: 35px; background: #222; color: #fff;    line-height: 30px; padding-left: 10px; border: 0; box-sizing: border-box;}
form#search  input.fr{width: 80px; height: 34px; margin-left: 10px; background: #333; text-align: center; border: 0; 
 color: #8b8b8b; }
form#search  input.fr:hover{color: #fff;}


form#so { display: none; FONT-VARIANT: JIS90; width: 98%; margin: 0 auto; overflow: hidden; margin-top: 5px; }
form#so .fl , .dcb form .fr{ display: inline-block; float: left;}
form#so input.fl { width: 78%; height: 35px; background: #292929; color: #fff;    line-height: 30px; padding-left: 10px; border: 0; box-sizing: border-box;}
form#so  input.fr{width: 19%; height: 34px; margin-left: 2%; background: #292929; text-align: center; border: 0; 
 color: #8b8b8b; }
form#so  input.fr:hover{color: #fff;}




.slide {width: 100%; float: left;clear: none;}
.slide .boxb img{ width:100%; }
.slider-arrow {position: absolute;display: block;margin-bottom: -20px;width: 60px;height: 60px;line-height: 60px;text-decoration: none;text-align: center;color: #fff;font-size: 2em;background-color: #333;background-color: rgba(50,50,50,.3);border-radius: 50%;}
.slider-arrow--right {bottom: 50%;right: 30px;}
.slider-arrow--left {bottom: 50%;left: 30px;}
.slider-nav {position: absolute;bottom:5%; right:1%;}
.slider-nav__item {width:0.3rem;height:0.3rem;float: left;display: block;margin: 0 0.2rem;background: #fff; border-radius:100%; overflow: hidden;}
.slider-nav__item:hover {}
.slider-nav__item--current {background: #069ce9;}
.arrowsWrapper{ display:none;}


.nav{ width: 100%; max-width: 760px; margin: 5px auto; overflow: hidden; background: -webkit-linear-gradient(top, #2b2b2b,#4f455c); padding: 5px;box-sizing: border-box;}
.nav ul li{ display: inline-block; float: left; }
.nav ul li a{ padding: 0 8px; color: #ccc; line-height:3; }

.nava {width: 100%; max-width: 760px; margin: 0 auto; margin-top: 5px;  overflow: hidden; background: -webkit-linear-gradient(top, #2b2b2b,#222);}	
.nava ul li{ width:60px ; float: left;  text-align: center; line-height: 2.5; }
.nava ul li a{color: #fff; font-size: 16px;  }
.nava ul li.current a {color: #f5b566;   }
.nava ul li a:hover{color: #f5b566; }



.top { position: relative; width: 100%; max-width: 1300px; margin: 0 auto; overflow: hidden; background: #292929; padding: 20px 0; }
.top a.logo {/*background: -webkit-linear-gradient(top, #2b2b2b,#4f455c); */display: block;float:left;   }
.top a img { height: 35px; display: block;}
.top span { float: left; margin-top: 2px; font-size: 16px; line-height: 29px; background: #4d4c61; padding: 0 15px; border-radius: 5px; color: #fff; }
.top span a{color:#fff;}
.top h2 { text-align: center; font-size: 1.5rem; font-weight: normal; line-height: 3; color: #ccc; }






.show{ width: 100%; max-width: 1300px; margin: 5px auto; overflow: hidden;}
.show h2{padding-left: 10px; color: #ddd; font-size: 20px; margin-top: 20px; line-height: 3;}

.show ul {   overflow: hidden; }
.show ul li{ width: 25%;  float: left; overflow: hidden;}
.show ul li a { display: block; padding: 0.2rem; box-sizing: border-box; }

.show .img  i { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;
 background: url(/com/img/play.png) center center no-repeat; background-size: 45px 45px; }
 .show .img:hover i{background-size: 50px 50px;}

.show ul li:hover a p{color:#ff5f00;}
.show ul li a .img{ position: relative; width: auto;  height: 10rem; text-align:center;    background: #292929;    overflow: hidden;}
.show ul li a .img:hover img { transform: scale(1.2); transition: all 2s; }

.show ul li a .img em{position: absolute;top: 2px; left: 2px;font-style:normal } 
.show ul li a .img em span { color: #fff; background: #464b80; padding: 3px 12px; font-size: 12px; border-radius: 2px; }

.show ul li a .img img { width: 100%; min-height: 100%; padding: 10px; box-sizing: border-box; }
.show ul li a p{color: #ddd; line-height: 2; padding:0 0.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.show ul li .tex{ padding: 0 5px; margin-bottom: 10px; overflow: hidden;}
.show ul li .tex span{ display: block; width: 50%; float: left;}
.show ul li .tex span i { font-family: xfont; padding-right: 0.5rem; font-size: 0.8rem; font-style: normal;  }
.show ul li .tex span i.fa-eye:before { content: "\f06e"; }
.show ul li .tex span i.fa-heart:before { content: "\f08a"; }




.show_ys{ width: 100%; max-width: 1300px; margin: 5px auto; overflow: hidden;}
.show_ys h2{padding-left: 10px; color: #ddd; font-size: 20px; margin-top: 20px; line-height: 3;}
.show_ys ul {   overflow: hidden; }
.show_ys ul li{ width: 20%;  float: left; overflow: hidden;}
.show_ys ul li a { display: block; padding: 0.2rem; box-sizing: border-box; }
.show_ys .img  i { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;
 background: url(/com/img/play.png) center center no-repeat; background-size: 45px 45px; }
 .show_ys .img:hover i{background-size: 50px 50px;}
.show_ys ul li:hover a p{color:#ff5f00;}
.show_ys ul li a .img{ position: relative; width: auto;  height: 20rem; text-align:center;    background: #292929;    overflow: hidden;}
.show_ys ul li a .img:hover img { transform: scale(1.2); transition: all 2s; }
.show_ys ul li a .img em{position: absolute;top: 2px; left: 2px;font-style:normal } 
.show_ys ul li a .img em span { color: #fff; background: #464b80; padding: 3px 12px; font-size: 12px; border-radius: 2px; }
.show_ys ul li a .img img { width: 100%; min-height: 100%; padding: 10px; box-sizing: border-box; }
.show_ys ul li a p{color: #ddd; line-height: 2; padding:0 0.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.show_ys ul li .tex{ padding: 0 5px; margin-bottom: 10px; overflow: hidden;}
.show_ys ul li .tex span{ display: block; width: 50%; float: left;}
.show_ys ul li .tex span i { font-family: xfont; padding-right: 0.5rem; font-size: 0.8rem; font-style: normal;  }
.show_ys ul li .tex span i.fa-eye:before { content: "\f06e"; }
.show_ys ul li .tex span i.fa-heart:before { content: "\f08a"; }








.show_aa{ width: 100%; max-width: 760px; margin: 0 auto; overflow: hidden;}
.show_aa ul { padding: 0 5px; background: #ffffff; overflow: hidden; }
.show_aa ul li{ width: 33.3%;  float: left; overflow: hidden;}
.show_aa ul li a { display: block; padding: 0.2rem; box-sizing: border-box; }
.show_aa ul li a .img{ width: auto;  height: 21rem;  text-align: center;   overflow: hidden;}
.show_aa ul li a .img img { width: auto; min-width: 100%; height: 100%; }
.show_aa ul li a p{ line-height: 2; padding:0 0.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.show_aa ul li .tex{ padding: 0 5px; margin-bottom: 10px; overflow: hidden;}
.show_aa ul li .tex span{ display: block; width: 50%; float: left;}
.show_aa ul li .tex span i { font-family: xfont; padding-right: 0.5rem; font-size: 0.8rem; font-style: normal;  }
.show_aa ul li .tex span i.fa-eye:before { content: "\f06e"; }
.show_aa ul li .tex span i.fa-heart:before { content: "\f08a"; }




.show_bb{ width: 100%; max-width: 760px; margin: 0 auto; overflow: hidden;}
.show_bb ul { padding: 0 5px; background: #ffffff; overflow: hidden; }
.show_bb ul li{ width: 50%;  float: left; overflow: hidden;}
.show_bb ul li a { display: block; padding: 0.2rem; box-sizing: border-box; }
.show_bb ul li a .img{ width: auto;  height: 13rem;     overflow: hidden;}
.show_bb ul li a .img img{ width: auto; height: 100%; }
.show_bb ul li a p{ line-height: 2; padding:0 0.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.show_bb ul li .tex{ padding: 0 5px; margin-bottom: 10px; overflow: hidden;}
.show_bb ul li .tex span{ display: block; width: 50%; float: left;}
.show_bb ul li .tex span i { font-family: xfont; padding-right: 0.5rem; font-size: 0.8rem; font-style: normal;  }
.show_bb ul li .tex span i.fa-eye:before { content: "\f06e"; }
.show_bb ul li .tex span i.fa-heart:before { content: "\f08a"; }



.show_nav { width: 100%; max-width: 1300px; margin: 0 auto; overflow: hidden; background: #fff; padding: 5px;box-sizing: border-box;}
.show_nav p{  border-bottom: 1px solid #ccc;}

.show_nav p span.a { line-height: 2; font-size: 1rem; border-bottom: 2px solid #3f3a46; color: #222222; padding-bottom: 5px; }
.show_nav p span.b{ padding-left:2rem ;}
.show_nav p span.c{ padding-left:2rem ;}
.show_nav p span.b a{ color: #222222;}




.ui-nav{  width: 100%;  max-width: 1300px;  margin:5px auto; padding:10px 0;      background: #292929;  overflow-x: scroll;   box-sizing: border-box;}

.ui-nav::-webkit-scrollbar{width:6px;height:2px;background: #292929;}
.ui-nav::-webkit-scrollbar-thumb { width:100px; border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #535353; }
.ui-nav::scrollbar-thumb { width:100px;}

.ui-nav ul {width: 1300px; padding: 10px; overflow: hidden; }
.ui-nav ul li{width: 80px; float: left; margin-right: 4px;}
.ui-nav ul li a{ display: block; font-size: 18px; line-height: 44px; color: #7f7f8b; text-align: center; }
.ui-nav ul li.current a{ color:#fafafa; }


.screen_list {  width: 100%;  max-width: 1300px;  margin:5px auto;   background: #292929;     overflow-x: scroll;box-sizing: border-box;}	
.screen_list::-webkit-scrollbar{width:6px;height:2px;background: #292929;}
.screen_list::-webkit-scrollbar-thumb { width:100px; border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #535353; }
.screen_list::scrollbar-thumb { width:100px;}
.screen_list ul{margin: 1.5rem 0; overflow: hidden; padding-left: 2rem;width: 1300px;}

.screen_list ul li { float: none; display: inline-block; line-height: 1.8rem; }
.screen_list ul li span.text_muted { margin-right: 0.5rem; padding: 0.5rem 0.8rem; border-radius: 16px 0 16px 16px; background-color: #7f7f8b; color: #fff; text-align: center; }
.screen_list ul li a { display: inline-block; padding: 0.5rem 0.8rem; border-radius: 32px; color: #999; line-height: 0.7rem; vertical-align: top; }	
.screen_list ul li.hl a { position: relative; color: #ff5f00; font-weight: 700; background-color: #343434; }
.zui {  width: 100%;  max-width: 1300px;  margin:5px auto;   background: #292929; overflow: hidden;}
.zui ul{    padding:  1.5rem;}
.zui ul li.hl_fl a { color: #ff5f00; font-weight: 700; }
.zui ul li{ float: none; display: inline-block; line-height: 0.7rem;} 
.zui ul li a{color: #ddd; padding: 0 0.7rem;}
.ito {  width: 100%; max-width: 1300px;  margin: 0 auto;    padding: 10px 0;   display: block; color: #ddd;
background: linear-gradient( 177deg,rgb(41 41 41) 0%, rgb(41 41 41));   overflow: hidden; }
.ito ul li{ float: left; line-height: 45px;  width: 50%;  text-align: center;}
.ito ul li em{ padding:0 5px; color: #f25;}
.ito ul li a{ width:96%; display: block; margin: 0 auto; background: #4d4c61; color: #fff; line-height: 35px;      border-radius: 15px;}





.vidda { width: 100%; max-width:1300px; margin: 0 auto; overflow: hidden;}
.vidr {   height: 508px; float: right; width: 30%; padding: 10px; box-sizing: border-box; overflow: auto; background: #000;}	
.vidr::-webkit-scrollbar{width:6px;height:6px;background:#292929;}
.vidr ul li{ width:100%; margin-top:10px;  overflow:hidden;}
.vidr ul li .vimg{width:50%; float:left;} 
.vidr ul li .vimg img{width:100%;} 
.vidr ul li .vtxt{padding-left:10px;  float:right;  width:50%; box-sizing: border-box;}
.vidr ul li .vtxt p{color:#ddd;line-height: 3;}


.vid{ width: 70%;   overflow: hidden;  text-align: center;   background: #222;   color: #666; float:left;  }

.vid .play{ width: 100%;  height:460px ;  margin: 0 auto;}
.vid .tite  { overflow: hidden; line-height: 3; border-bottom: 1px solid #333; }
.vid  .tite h2 {  font-weight: normal; font-size: 22px; overflow: hidden; text-align: left; text-indent: 10px;
 white-space: nowrap; text-overflow: ellipsis;  color: #ddd; }
 .vid .tite p { display: block;text-align: center;  font-size: 16px;  background: #000;}
.vid .tite p span i{ padding-right: 2px;}
.vid .tite p span i.fa-heart:before { content: "\f08a"; }
.vid .tite p span i.fa-eye:before { content: "\f06e"; }
.vid .tite p span i.fa-download:before { content: "\f019"; }
.vid .tite p span i.fa-fire:before { content: "\f179"; }
.vid .tite p span a{  color: #666;  }
.vid .tite p span{ display: inline-block; width: 25%; text-align: center; float: left;}
.vid .tite p span.down { padding: 3px 8px; border: 1px solid #333; border-radius: 3px; }


.fx {width:100%; max-width:760px; margin:10px auto; border-radius:5px; background:#333;  text-align:center; line-height:3; font-size: 14px;   
padding: 10px 0; overflow: hidden; }
.fx i{width:20%; text-align:center; float:left;color: #999; font-style: normal;line-height: 3;}
.fx span{width:60%; border: 1px solid #222; border-radius: 20px; font-size:14px;  float:left;color: #666;  overflow:hidden; box-sizing: border-box;}
.fx button { width: 20%; font-size: 14px; float: left; border: 0; background: none; line-height: 3; color: #999; outline: none; }



.dcd { width: 100%; max-width:1300px; margin: 5px auto; padding: 20px 10px; background: #292929; overflow: hidden; text-align: center; box-sizing: border-box; border-top: 1px solid #222; }
.dcd  p{ text-align: center; color: #666;}
.dcd .page { padding: 20px 0;}
.dcd .page a{display: inline-block; border: 1px solid #666; border-radius: 50%; width: 30px; height: 30px; 
line-height: 30px;  margin: 0 2px;  color: #666; }
.dcd .page a.on{color:#999; }
.dcd .page a.xjb{border: 0; width: 60px;    color: #666;}
.dcd .page a:hover{ color:red;}



.footer p a { color: #666; font-size: 12px; padding: 0 5px; }



a.fanhui { display: block; overflow: hidden; background-color: rgba(123, 123, 123, 0.6); width: 2rem; height: 2rem; line-height: 2rem; text-align: center; border-radius: 50%; cursor: pointer; position: fixed; bottom: 200px; right: 15px; }

a.fanhui span  { margin: auto; font-size: 0.45rem; color: #fff; display: block; }

a.fanhui span .iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

iframe#Player { border: 0!important; overflow: hidden; }
.footer {width: 100%; max-width: 1300px; margin:0 auto;  background: #292929; text-align: center; line-height: 3; font-size: 0.8rem; }


.listys{ width: 100%; max-width: 1300px; margin: 0 auto; overflow: hidden;}
.listys h2 { line-height: 2.5; text-indent: 15px; color: #fff; background: #4d4c61; }
.listys ul {  overflow: hidden; margin-top: 10px;}
.listys ul li{width: 10%;  margin-top:5px; float: left; text-align:center;}
.listys ul li a { width: 96%; display: block; margin: 0 auto; border-radius: 2px; line-height: 2.5; color: #ddd; background: #292929; }
.listys ul li a.cur{background: #4d4c61;}



.vidr_ys {   height: 508px; float: right; width: 30%; padding: 0; box-sizing: border-box; overflow: auto; background: #000;}	
.vidr_ys::-webkit-scrollbar{width:6px;height:6px;background:#292929;}

.vidr_ys .blurb { width: 100%; min-height: 100%; padding: 0 20px; box-sizing: border-box; background: #292929; }
.vidr_ys .blurb dl { overflow: hidden; }
.vidr_ys .blurb dt { font-size: 24px; color: #ddd; line-height: 3; }
.vidr_ys .blurb dd { line-height: 3; width: 50%; float: left; overflow: hidden; }
.vidr_ys .blurb dd span { color: #7f7f8b; }
.vidr_ys .blurb p { text-indent:15px; line-height:1.8; padding-bottom:20px; }





@media screen and (max-width: 640px) {
.ui-nav ul {  padding: 0; }   
.ui-nav ul li{width: 60px; ;}  

.vidr_ys {  width: 100%; height: auto;}  
    
form#search{display:none;}
form#so { display: block;} 
.top span {  font-size: 14px;}

.show ul li {width:50%;}
.show ul li a .img {height: 7rem; }

.show_ys ul li {width:50%;}
.show_ys  ul li a .img {height: 14rem; }

.listys ul li { width: 20%;}

.show_aa ul li a .img{height:13rem; } 
.show_bb ul li a .img{height:7rem; } 
.ito ul li { display: none;}  
.ito ul li:nth-child(2){display: block;     width: 100%; }

.show ul li .tex span{display: inline-block; width: auto; font-size: 12px;}

.top span { line-height: 26px;}

.show_aa ul li{ width: 50%; }
.vid .play {  height: 240px;  }
.vid{width: 100%;}
.vidr{	display: none;}
.screen_list ul { padding-left: 0.5rem; }
.zui ul li a {  padding-left: 0; }

.top a img { height: 30px; }

.vid .tite p span{ width:33.3%;}

.vid .tite p span:first-child{display: none; }
}