@charset "UTF-8";
@import url(../logo/db_logo.css);
@import url(../css/jscrollpane.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

:focus {
  outline: 0; }

a {
  text-decoration: none; }

a:hover img {
  border: none; }

/*清除浮动*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

 .musicbox{width:47px;height:47px;position:absolute;z-index:500;top:30px;left:50%;cursor:pointer;margin-left:-620px}
.musicplay{background:url(../images/musicplay.png) no-repeat}
.musicstop{background:url(../images/musicstop.png) no-repeat}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End hide from IE-mac */
/*png css hack for ie6*/
* html img.png {
  _background-image: expression(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "http://i0.itc.cn/20101019/848_0a785a7b_1118_4825_85dc_e8696988c94b_0.gif"); }

/*Extra CSS File For Change on All The Websites*/
/*@import url(http://www.changyou.com/styles/extra.css);*/
/* 可对通用样式进行设置 */
/* global */
html {
  overflow-x: hidden;
  background-color: #c0c0bf; }

body {
  font-size: 12px;
  font-family: "宋体";
  line-height: 24px;
  color: #333333;
  min-width: 1000px;
  background: url("../pwimg/body_bg.jpg") center 44px repeat-y; }

body a {
  color: #333333; }

#bg {
  background: url("../pwimg/bg.jpg") center top no-repeat; }

#page_all {
  background: url("../pwimg/body_bg_bottom.jpg") center bottom no-repeat; }

/* logo */
.db_logo_bg, .db_logo_lk a {
  top: 11px;
  left: 16px; }

/* header */
#header {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  height: 519px; }
  #header a.slo {
    display: block;
    width: 644px;
    height: 217px;
    text-indent: -999em;
    position: absolute;
    left: 275px;
    top: 188px;
    background: url("../pwimg/slo1.jpg") center top no-repeat; }

#award {
  width: 96px;
  height: 113px;
  position: absolute;
  top: 137px;
  left: 260px;
  z-index: 100; }

#main_nav {
  position: absolute;
  width: 100%;
  height: 121px;
  overflow: hidden;
  z-index: 100000000000000000000;
  }
  #main_nav ul {
    width: 756px;
    height: 121px;
    margin-left: 223px;
    background: url("../pwimg/main_nav.jpg") center top no-repeat; }
    #main_nav ul li {
      width: 123px;
      height: 121px;
      margin-right: 3px;
      float: left; }
      #main_nav ul li a {
        display: block;
        width: 100%;
        height: 56px;
        color: #7b0707;
        font-size: 17px;
        line-height: 24px;
        font-family: "微软雅黑";
        text-align: center;
        padding-top: 70px; }
        #main_nav ul li a:hover, #main_nav ul li a.current {
          background: url("../pwimg/main_nav.jpg") center top no-repeat;
          color: #dcdbdb; }
        #main_nav ul li a.nav_home:hover, #main_nav ul li a.nav_home.current { background-position: 0 -121px; }
        #main_nav ul li a.nav_news:hover, #main_nav ul li a.nav_news.current { background-position: -126px -121px; }
        #main_nav ul li a.nav_data:hover, #main_nav ul li a.nav_data.current { background-position: -252px -121px; }
        #main_nav ul li a.nav_download:hover, #main_nav ul li a.nav_download.current { background-position: -378px -121px; }
        #main_nav ul li a.nav_character:hover, #main_nav ul li a.nav_character.current { background-position: -504px -121px; }
        #main_nav ul li a.nav_bbs:hover, #main_nav ul li a.nav_bbs.current { background-position: -630px -121px; }

#content {
  width: 1260px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 140px; }

.attention, .attention a, .kefu a, .media span.open, .announce, ul.side_list, ul.side_list li a:hover, .sidebar h3 {
  background: url("../pwimg/sider_sprite.jpg") center top no-repeat; }

.sidebar {
  width: 221px;
  float: left;
  margin-right: 20px;
  /* .survey, */ }
  .sidebar h3 {
    width: 219px;
    height: 36px;
    color: #1e1c1c;
    font-size: 16px;
    line-height: 36px;
    font-family: "微软雅黑";
    text-align: center;
    background-position: -226px -75px; }
  .sidebar ul.side_list {
    width: 214px;
    height: 124px;
    margin: 2px 2px 0 2px;
    padding: 1px 0 0 1px;
    background-position: -226px -116px; }
    .sidebar ul.side_list li {
      width: 70px;
      height: 61px;
      float: left;
      margin: 0 1px 1px 0; }
      .sidebar ul.side_list li a {
        display: block;
        width: 70px;
        height: 25px;
        padding-top: 36px;
        text-align: center;
        /* span{
        	display: block;
        	float: left;
        	width: 16px;
        	height: 15px;
        	margin: 4px 3px 0 0;
        	@include bg("disc.png");
        }
        &:hover span{
        	@include bg("disc_hover.png");
        } */ }
        .sidebar ul.side_list li a:hover {
          color: #b12b24; }
        .sidebar ul.side_list li a.sl_1:hover {
          background-position: -227px -247px; }
        .sidebar ul.side_list li a.sl_2:hover {
          background-position: -298px -247px; }
        .sidebar ul.side_list li a.sl_3:hover {
          background-position: -369px -247px; }
        .sidebar ul.side_list li a.sl_4:hover {
          background-position: -227px -309px; }
        .sidebar ul.side_list li a.sl_5:hover {
          background-position: -298px -309px; }
        .sidebar ul.side_list li a.sl_6:hover {
          background-position: -369px -309px; }
  .sidebar .btns {
    width: 221px;
    height: 223px;
    padding: 46px 11px 0 12px;
    background: url(../pwimg/btns.jpg) no-repeat;
    margin: -46px -11px 0 -12px;
    position: relative; }
    .sidebar .btns a {
      float: left;
      text-indent: -999em; }
      .sidebar .btns a:hover {
        background: url(../pwimg/btns_hover.jpg) no-repeat; }



      .sidebar .btns a.download_btn {
        display: block;
        width: 221px;
        height: 100px; }

        .sidebar .btns a.download_btn:hover {
          background-position: -12px -46px; }
      .sidebar .btns a.code_btn {
        display: block;
        width: 221px;
        height: 63px; }

        .sidebar .btns a.code_btn:hover {
          background-position: -12px -146px; }
      .sidebar .btns a.register_btn {
        display: block;
        width: 110px;
        height: 42px; }

        .sidebar .btns a.register_btn:hover {
          background-position: -12px -209px; }
      .sidebar .btns a.active_btn {
        position: relative;
        display: block;
        width: 111px;
        height: 42px; }



        .sidebar .btns a.active_btn:hover {
          background-position: -122px -209px; }
  .sidebar .sidergg {
    width: 221px;
    height: 178px;
    margin-bottom: 4px; }
    .sidebar .sidergg a {
      display: block;
      width: 221px;
      height: 74px;
      margin-bottom: 15px; }
  .sidebar .attention {
    width: 221px;
    height: 306px;
    margin-bottom: 20px;
    background-position: 0 0;
    color: #787878;
    font-size: 14px;
    line-height: 24px;
    font-family: "微软雅黑"; }
    .sidebar .attention img {
      width: 169px;
      height: 168px;
      padding: 19px 26px 0 26px;
      vertical-align: top; }
    .sidebar .attention p {
      height: 35px;
      line-height: 28px;
      text-indent: 88px;
      color: #e3e3e3; }
    .sidebar .attention a {
      display: block;
      width: 60px;
      height: 24px;
      float: left;
      margin-top: 5px;
      padding-top: 46px;
      color: #101010; }
      .sidebar .attention a.sina {
        margin-left: 28px;
        _margin-left: 14px;
        background-position: -346px 0px; }
        .sidebar .attention a.sina:hover {
          color: #d11906;
          background-position: -406px 0px; }
      .sidebar .attention a.qq {
        margin-left: 45px;
        background-position: -226px 0px; }
        .sidebar .attention a.qq:hover {
          color: #0d81dc;
          background-position: -286px 0px; }
  .sidebar .quick {
    width: 219px;
    height: 168px;
    margin-bottom: 20px;
    border: 1px solid #a6a6a6;
    background-color: #bcbcbc; }
  .sidebar .partner {
    width: 219px;
    height: 138px;
    margin-bottom: 20px;
    border: 1px solid #a6a6a6;
    background-color: #dedddd; }
    .sidebar .partner .partner_wrap {
      width: 206px;
      height: 88px;
      overflow: hidden;
      margin: 8px 0 0 7px; }
      .sidebar .partner .partner_wrap ul {
        width: 100%; }
        .sidebar .partner .partner_wrap ul li {
          width: 100%;
          height: 100%; }
          .sidebar .partner .partner_wrap ul li a {
            display: block;
            width: 97px;
            height: 38px;
            float: left;
            border: 1px solid #b8b4b4;
            margin: 0 8px 8px 0;
            _display: inline-block; }
            .sidebar .partner .partner_wrap ul li a.no {
              margin-right: 0; }
  .sidebar .kefu {
    width: 221px;
    height: 60px;
    margin-bottom: 20px; }
    .sidebar .kefu a {
      display: block;
      width: 100%;
      height: 100%;
      text-indent: -999em; }
      .sidebar .kefu a.xdc {
        background-position: 0 -311px; }
        .sidebar .kefu a.xdc:hover {
          background-position: 0 -371px; }
      .sidebar .kefu a.kf {
        background-position: -226px -372px; }
        .sidebar .kefu a.kf:hover {
          background-position: -226px -433px; }
  .sidebar .media {
    width: 221px;
    height: 26px;
    margin-bottom: 20px;
    position: relative; }
    .sidebar .media .cooper {
      width: 215px;
      height: 20px;
      color: #525050;
      text-indent: 10px;
      line-height: 20px;
      background: #dcdcdc;
      border: 3px solid #989696;
      position: relative;
      cursor: pointer; }
      .sidebar .media .cooper .open {
        width: 12px;
        height: 10px;
        overflow: hidden;
        position: absolute;
        left: 200px;
        top: 5px;
        background-position: -454px -75px; }
    .sidebar .media .coopers {
      display: none;
      width: 215px;
      height: 135px;
      line-height: 27px;
      background-color: #989696;
      border: 3px solid #989696;
      overflow: auto;
      z-index: 100;
      position: absolute;
      left: 0px;
      top: 26px; }
      .sidebar .media .coopers a {
        display: block;
        width: 100%;
        height: 27px;
        color: #403a3a;
        text-indent: 10px; }
        .sidebar .media .coopers a:hover {
          color: #e3d7d7;
          background-color: #841a19; }
  .sidebar .announce {
    width: 221px;
    height: 170px;
    background-color: #d0d0d0;
    background-image: none; }
    .sidebar .announce h3 {
      width: 190px;
      height: 26px;
      margin: 0 auto;
      color: #625f5f;
      font-size: 12px;
      line-height: 26px;
      font-family: "宋体";
      font-weight: bold;
      background: none;
      border-bottom: 1px dotted #b8b1b1; }
    .sidebar .announce ul {
      margin: 6px 0 0 30px;
      line-height: 18px; }
    .sidebar .announce p {
      margin: 6px 23px 0 27px;
      line-height: 18px; }

#currAccordin ul {
  padding: 90px 0 0 52px;
  height: 114px; }
  #currAccordin ul li {
    width: 96px; }

#secAccordin ul {
  padding: 90px 0 0 52px;
  height: 114px; }

.main_erji {
  width: 684px;
  height: auto;
  float: left;
  overflow: hidden;
  padding: 30px 38px 0 37px;
  background: url("../pwimg/main_erji.jpg") center top no-repeat;
  background-color: #dad9d9;
  padding-bottom: 40px; }
  .main_erji .title_erji {
    width: 684px;
    height: 50px;
    margin-bottom: 20px; }
    .main_erji .title_erji h2 {
      width: 230px;
      height: 50px;
      float: left;
      overflow: hidden;
      color: white;
      font-size: 30px;
      line-height: 24px;
      font-family: "微软雅黑";
      line-height: 50px; }
      .main_erji .title_erji h2 span.desc {
        display: block;
        width: 16px;
        height: 15px;
        float: left;
        margin: 20px 3px 0 0;
        background: url("../pwimg/disc.png") center top no-repeat; }
      .main_erji .title_erji h2 span {
        color: #454343;
        font-size: 12px;
        line-height: 24px;
        font-family: "微软雅黑";
        padding-left: 8px; }
    .main_erji .title_erji p.pos {
      margin-top: 13px;
      float: right;
      color: #bcbcbc; }
      .main_erji .title_erji p.pos a {
        color: #bcbcbc; }
      .main_erji .title_erji p.pos span {
        color: #ffffff; }

/*popout*/
#single-video {
  display: none;
  height: 400px;
  width: 640px;
  padding: 8px 12px;
  position: absolute;
  z-index: 100;
  background-color: #2b2b2b;
  border-top: 0; }

#single-video h2 {
  width: 90%;
  height: 36px;
  line-height: 30px;
  font-size: 16px;
  color: #fff;
  font-weight: bold; }

#single-video .voice-stop {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  position: absolute;
  right: 10px;
  top: 10px;
  font-family: '宋体';
  font-size: 22px;
  cursor: pointer;
  background-color: #2b2b2b;
  color: #fff; }

span#replaced {
  width: 640px;
  height: 365px;
  display: block;
  line-height: 360px;
  text-align: center;
  color: #fee900; }