/**
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <ul><li><a href="#"><span>level 3</span></a></li></ul>
 *                  </li>
 *              </ul>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 */


 #menu {
  height:41px;
  background-color:#222222;margin-bottom:1px;
}

#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
#menu ul.menu {
  padding-left:80px;
}

#menu li {
  position: relative;
  z-index: 9;
  margin: 0;
  padding: 0 5px 0 0;
  display: block;
  float: left;
}
#menu li:hover>ul {
  left: -2px;
}
#menu a {
  position: relative;
  z-index: 10;
  height: 41px;
  display: block;
  float: left;
  line-height:41px; 
  text-decoration: none;
  font: normal 18px Trebuchet MS;
}
#menu a:hover, div#menu a:hover span { color: #fff; }
#menu li.current a {}

#menu span {
  display: block;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 95% 0;
}
#menu ul ul a.parent span {
  background-position:95% 8px;
  background-image: url(https://www.jiaodingtang.com/_res_/resource/mat1/chinanba/images/rule-pointer.gif);
}
#menu ul ul a.parent:hover span {
  background-image: url(https://www.jiaodingtang.com/_res_/resource/mat1/chinanba/images/pointer-over.gif);
}

/* menu::level1 */
#menu a {
  padding: 0 10px 0 10px;
  line-height: 30px;
  color: #e5e5e5;
}
#menu span {
  margin-top: 5px;
}/**@replace#1*/
#menu li { background: url(https://www.jiaodingtang.com/_res_/resource/mat1/chinanba/images/main.png) 98% 4px no-repeat; }

#menu ul ul li { background: none; }
#menu ul ul {
  position: absolute;
  top: 38px;
  left: -999em;
  width: 200px;
  padding: 5px 0 0 0;
  background: rgb(45,45,45);
  margin-top:1px;
}
#menu ul ul a {
  padding: 0 0 0 15px;
  height: auto;
  float: none;
  display: block;
  line-height:24 px;
  color: rgb(169,169,169);
}
#menu ul ul span {
  margin-top: 0;
  padding-right: 15px;
  _padding-right: 20px;
  color: rgb(169,169,169);
}
#menu ul ul a:hover span {
  color: #fff;
}
#menu ul ul li.last { background: none; }
#menu ul ul li {
  width: 100%;
}

/* menu::level3 */
#menu ul ul ul {
  padding: 0;
  margin: -38px 0 0 200px;
  margin-left:200px;
}

/* colors */
#menu ul ul ul { background: rgb(41,41,41); }
#menu ul ul ul ul { background: rgb(38,38,38); }
#menu ul ul ul ul { background: rgb(35,35,35); }

/* lava lamp */
#menu li.back {

  width: 13px;
  height: 44px;
  z-index: 8;
  position: absolute;
  margin: -1px 0 0 -5px;
}
#menu li.back .left {

  height: 44px;
  margin-right: 8px;
}

.hero-header{ margin-top:5px;background:url(https://www.jiaodingtang.com/_res_/resource/mat1/chinanba/images/inpic.png) center no-repeat;background-size:100%;

}

.hero-container{ text-align:center; padding:50px 0;
}

.container{background-color:#222;}
.toper{width:1121px;
margin: 0 auto;}
.toper a { background:url(https://www.jiaodingtang.com/_img1_/chinanba/pics/hv1/239/228/1894/123215729.png) left center no-repeat;
background-size: contain;
display: inline-block;
height: 59px;
margin: 10px 0 10px 15px;
width: 214px;
}

.mid{width: 1280px;
margin: 0 auto;}

.col-xs-12{
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.rulelist{width:1121px; margin:0 auto; overflow:hidden; margin-bottom:20px;}
.rulelist ul{ list-style:none; margin-top:28px;padding:0px; width:1200px;}
.rulelist ul li{ width:260px; height:200px; float:left; margin-right:28px; list-style:none; position:relative;}
.rulelist ul li a img{padding:1px; border:none;}
.rulelist ul li span {height:60px; display:block; width:260px;line-height:50px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.rulelist ul li .rule_icon{
display:none;
position:absolute;
background:url(https://www.jiaodingtang.com/_ak-static_cms_/wp-content/themes/nba-video-rulebook/img/play-btn-small.png) no-repeat 0 0;
width:60px;
height:60px;
left:50%;
margin-left:-30px;
top:45px;
z-index:999;
}
.rulelist ul li:hover .rule_icon{
display:block;
}
.rubo{border-bottom: solid 1px #CCCCCC;}

.con{ border-bottom:#CCCCCC dotted thin; margin:5px auto;}

a{
text-decoration:none;
color:#000000;
}
a:hover{
color:#999999
}
.banquan{
margin: 30px auto; background-color:e3e3e3;
}

.banquan p{text-align: center;
color: #303030;
font-size: 12px;}/*  |xGv00|bbad8ace6635938444c27750ce4533ea */