@charset "utf-8";
/* CSS Document */
.mainContent { width: 1020px; margin: 20px auto; padding-top: 20px; font-family: Tahoma, '微软雅黑'; }
.title { width:100%; float:left; border-bottom:2px #e8e8e8 solid;line-height:36px; height:36px; }
.title h3 { float:left; height:36px; font-size:18px; background:url(../images/backicon.png) no-repeat 0 11px; border-bottom:2px #e95313 solid; text-indent:25px; padding-right:20px; }
.title span { float:right; padding-right:10px;}
.title span a { font-size:12px; color:#333;}
.picList { width:100%; float:left; margin-top:20px; margin-bottom:10px;}
.picList li { float:left; padding-left:10px; padding-right:10px; margin-bottom:20px;}
.picList li img { width:220px; height:150px; border:0;}
.picList h2 { display:block; width:210px; text-align:center;line-height: 26px;
padding:5px ;height: 26px;background: #f2f2f2;border-bottom: 1px solid #ebebeb; overflow:hidden;}
.picList h2 a{ color:#333; font-size: 14px; font-weight:normal;}

/*焦点图*/
.icon-arrow-a-left, .icon-arrow-a-right { background: url(../images/icon-sd26986d847.png) no-repeat; }
.icon-arrow-a-left { background-position: 0 0; height: 50px; width: 50px; }
.icon-arrow-a-left:hover, .icon-arrow-a-left.arrow-a-left_hover, .icon-arrow-a-left.arrow-a-left-hover { background-position: -60px 0; }
.icon-arrow-a-right { background-position: -120px 0; height: 50px; width: 50px; }
.icon-arrow-a-right:hover, .icon-arrow-a-right.arrow-a-right_hover, .icon-arrow-a-right.arrow-a-right-hover { background-position: -180px 0; }
* html, * html body { background-image: url(about:blank); background-attachment: fixed; zoom: 1; }
#main { overflow: hidden; zoom: 1; position: relative; background:#000; height:410px;  }
#index_b_hero { width: 960px; height: 410px; margin:0 auto; position: relative;z-index:0 }
#index_b_hero img { width: 950px; height: 400px; }
#index_b_hero .heros { width: 960px; height: 410px; }
#index_b_hero .hero-wrap { overflow: visible; position: absolute; }
#index_b_hero .next, #index_b_hero .prev { filter: alpha(Opacity=70); opacity: .7; position: absolute; top: 50%; margin-top: -25px; margin-left: 5px; background-color: #303030; z-index: 3; }
#index_b_hero .next:hover, #index_b_hero .prev:hover { background-color: orangered; }
#index_b_hero .next { margin: -25px 5px 0 0; right: 0; }
#index_b_hero .disabled { background-color: #eee; }
#index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero { background: #000; padding: 5px; z-index: 1; position: absolute; top: 0; left: 0; width: 950px; height: 400px; overflow: hidden; left: 1920px; }
#index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4; left: -960px; filter: alpha(Opacity=50); opacity: .5; background: #fff; overflow: hidden; }
#index_b_hero .mask-right { left: 960px; }
#index_b_hero .active { z-index: 2; left: 0; }

.listContent { width:1040px; margin:10px auto; }
.contentLeft { width:720px; float:left;}
.contentRight { width:290px; float:right; margin-top:36px;}
.picAd { width:100%; float:left; margin-top:20px;}
.picAd img { width:290px;}
/*热图排行*/
#YHover{ width: 290px; border:1px solid #f2f2f2; overflow: hidden; font-family: "\5FAE\8F6F\96C5\9ED1", sans-serif;font-size:12px; color:#666; float:left;}
#YHover h2{width:100%; height:36px; color:#000; line-height:36px; background: #EFEFEF; text-indent:10px; font-size:14px; }
#YHover dl{float:left;width:290px; padding:0 0 10px 0; height:490px;overflow:hidden;  font-style:italic;}
#YHover a { font-size:12px; color:#666; font-style:normal;}
#YHover a:hover { text-decoration:none;}
#YHover dt,#Yhover dd{overflow:hidden;border-bottom:1px solid #e9e9e9;clear:both;}
#YHover dt{width:290px; height:30px;line-height:30px;text-indent:10px;cursor:pointer;}
#YHover dt.current{font-weight:bold;color: #F60; border-bottom:0; background:#030200;}
#YHover dt.current a { color:#fff;}
#YHover dd{ width:270px; height:180px; padding-left:10px; padding-right:10px;  background:#030200; padding-bottom:10px;}
#YHover dd img{width:270px;height:180px; border:0;}

.page {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 10px; COLOR: #48b9ef; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
.page A {
	BORDER-RIGHT: #f0f0f0 2px solid;display: inline-block; PADDING-RIGHT: 5px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; margin-bottom:5px;BORDER-LEFT: #f0f0f0 2px solid; COLOR: #48b9ef; PADDING-TOP: 2px; BORDER-BOTTOM: #f0f0f0 2px solid; TEXT-DECORATION: none
}
.page A:hover {
	BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid
}
.page A:active {
	BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid
}
.page SPAN.current {
	BORDER-RIGHT: #ff5a00 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ff5a00 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ff5a00 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #ff5a00 2px solid; BACKGROUND-COLOR: #ff6c16
}
.page SPAN.disabled {
	DISPLAY: none
}

.showPhone {
  display: none; }

@media screen and (max-width:1000px) {
    .show-pc {
    display: none; }
    .listContent {
        margin-top:75px;
    }
    .showPhone {
    display: block; }
    .showPhone .header-bar {
      background-color: #de2900;
      box-shadow: none; }
      .showPhone .header-bar h1 {
        color: #fff; }
      .showPhone .header-bar .search {
        color: #fff; }
    .showPhone .slider {
      margin-top: 80px; }
      .showPhone .slider .mui-slider-item a {
        position: relative; }
        .showPhone .slider .mui-slider-item a .layer {
          position: absolute;
          bottom: 0;
          width: 100%;
          left: 0;
          color: #fff;
          background-color: rgba(0, 0, 0, 0.5);
          height: 40px;
          line-height: 40px;
          box-sizing: border-box;
          padding-left: 10px; }
      .showPhone .slider .mui-slider-indicator {
        text-align: right;
        padding-right: 10px;
        z-index: 999999; }
    .showPhone .tabSlider {
      height: 74px;
      line-height: 34px;
      width: 100%;
      top: 44px;
      position: fixed;
      background-color: #fff;
      left: 0;
      z-index: 999999999;
      -webkit-box-shadow: 0 1px 6px #ccc;
      box-shadow: 0 1px 6px #ccc;
      box-sizing: border-box; }
      .showPhone .tabSlider .mui-control-item {
        height: 36px;
        line-height: 34px;
        display: inline-table; }
        .showPhone .tabSlider .mui-control-item .logo {
          margin-top: 2px;
          vertical-align: top;
          width: 40%; }
        .showPhone .tabSlider .mui-control-item.mui-active, .showPhone .tabSlider .mui-control-item:hover, .showPhone .tabSlider .mui-control-item.active {
          color: #d62a21 !important;
          border-bottom: 2px solid #d62a21 !important;
          text-decoration: none; }
      .showPhone .tabSlider .logo-link {
        height: 72px;
        width: 20%;
        float: left; }
      .showPhone .tabSlider .links {
        float: left;
        width: 78%;
        margin-left: 2%; }
        .showPhone .tabSlider .links a {
          float: left;
          margin-right: 15px; }
}


@media screen and (max-width:768px) {
    .show-pc {
    display: none; }
    .listContent {
        margin-top:70px;
    }
     
   .showPhone .tabSlider .mui-control-item .logo {
          margin-top: 2px;
          vertical-align: top;
          width: 50%; }
}
@media screen and (max-width:520px) {
    .show-pc {
    display: none; }
      
    .showPhone .tabSlider .mui-control-item .logo {
        margin-top: 2px;
        vertical-align: top;
        width: 60%; }

}
@media screen and (max-width:480px) {
    .show-pc {
    display: none; }
    
     .showPhone .tabSlider .mui-control-item .logo {
          margin-top: 2px;
          vertical-align: top;
          width: 70%; }
}
 @media screen and (max-width:400px) {
     .show-pc {
    display: none; }
    
     .showPhone .tabSlider .mui-control-item .logo {
          margin-top: 2px;
          vertical-align: top;
          width: 70%; }
}
@media screen and (max-width:320px) { 
    .show-pc {
    display: none; }
    
    .showPhone .tabSlider .mui-control-item .logo {
          margin-top: 2px;
          vertical-align: top;
          width: 80%; }
}