@charset "utf-8";
/* /zhuanti/pmxy/zyjs/css/style.css */
@charset "UTF-8";
/* CSS Document
Date:		2013/12/20
Author:		小芳
Update:
*/
/* CSS reset */
html {
  color: #000;
  background: #1a1a1a;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0; }

input, select, img {
  vertical-align: middle; }

input, select {
  outline: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

body, button, input, select, textarea {
  font: 12px/1.5 tahoma,arial,宋体,sans-serif; }

input, select, textarea {
  font-size: 100%; }

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

th {
  text-align: inherit; }

fieldset, img {
  border: 0; }

iframe {
  display: block; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

del {
  text-decoration: line-through; }

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

/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
  display: block; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

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

q:before, q:after {
  content: ''; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

a:hover {
  text-decoration: underline; }

ins, a {
  text-decoration: none; }

/*Correct block display not defined in IE6/7/8/9 & ff3,IE需要在js中createElement(tag)*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block; }

/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/* global */
body {
  background: #1a1a1a; }

.wrapper {
  margin: 0 auto;
  text-align: left;
  width: 1200px; }

td {
  font-size: 12px;
  line-height: 160%; }

.txthide {
  text-indent: -999em;
  overflow: hidden;
  line-height: 0;
  font-size: 0; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  zoom: 1;
  /* for IE6 IE7 */ }

.hidden {
  display: none; }

.left, .right {
  display: inline;
  zoom: 1; }

.left {
  float: left; }

.right {
  float: right; }

.my_footer {
  margin-top: 0px; }

a:active, a:focus, input {
  -moz-outline: none;
  outline: none;
  ie-dummy: expression(this.hideFocus=true); }

.page-index .index-list a, .topBar-list li .topBar-item i {
  display: inline-block; }

.page-index .index-list .index-btn-1 {
  background-position: 0 -416px;
  width: 98px;
  height: 296px; }

.page-index .index-list .index-btn-2 {
  background-position: -618px 0;
  width: 98px;
  height: 298px; }

.page-index .index-list .index-btn-3 {
  background-position: -98px -416px;
  width: 99px;
  height: 292px; }

.page-index .index-list .index-btn-4 {
  background-position: -518px 0;
  width: 100px;
  height: 296px; }

.page-index .index-list a, .page-united .btn-detail, .page-skills .btn-detail, .page-skills .btn-jm, .page-combat .btn-notice {
  background-image: url(../zhuanti/pmxy/zyjs/images/sprites.png?);
  background-repeat: no-repeat; }

.topBar-list li .topBar-item i {
  background-image: url(../zhuanti/pmxy/zyjs/images/topbar.png?);
  background-repeat: no-repeat; }

.mod-combat .tab-list li a, .mod-combat .tab-list1-1 li a {
  background-image: url(../zhuanti/pmxy/zyjs/images/combat.png?);
  background-repeat: no-repeat; }

body, html {
  background-color: #2a1d4b; }

.mt35 {
  margin-top: 35px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt30 {
  margin-top: 15px !important; }

.wrapper {
  position: relative;
  zoom: 1;
  min-width: 1200px; }

.page-index {
  background: url(../zhuanti/pmxy/zyjs/images/page-index.jpg?) center 0 no-repeat; }
  .page-index .bg-1 {
    background: url(../zhuanti/pmxy/zyjs/images/index-head_01.jpg?) 0 0 no-repeat;
    height: 270px; }
  .page-index .bg-2 {
    background: url(../zhuanti/pmxy/zyjs/images/index-head_02.jpg?) 0 0 no-repeat;
    height: 270px; }
  .page-index .bg-3 {
    background: url(../zhuanti/pmxy/zyjs/images/index-head_03.jpg?) 0 0 no-repeat;
    height: 270px; }
  .page-index .bg-4 {
    background: url(../zhuanti/pmxy/zyjs/images/index-head_04.jpg?) 0 0 no-repeat;
    height: 270px; }
  .page-index .logo {
    position: absolute;
    top: 34px;
    left: 25px;
    width: 184px;
    height: 72px; }
  .page-index .index-list {
    position: absolute;
    top: 458px;
    left: 296px; }
    .page-index .index-list a {
      margin-right: 72px; }
    .page-index .index-list .index-btn-1:hover {
      filter: brightness(1.2); }
    .page-index .index-list .index-btn-2:hover {
      filter: brightness(1.2); }
    .page-index .index-list .index-btn-3:hover {
      filter: brightness(1.2); }
    .page-index .index-list .index-btn-4:hover {
      filter: brightness(1.2); }

.m-topBar {
  height: 104px;
  background-color: #311553;
  position: fixed;
  width: 100%;
  top: 45px;
  left: 0;
  z-index: 99; }
  .m-topBar .wrapper {
    position: relative;
    padding: 25px 0 0 260px;
    width: 940px; }
  .m-topBar .logo {
    position: absolute;
    left: 20px;
    top: 10px; }

.fixed {
  top: 0; }

.topBar-list li {
  float: left;
  width: 228px;
  padding-right: 2px;
  background: url(../zhuanti/pmxy/zyjs/images/line.png?) right 50% no-repeat; }
  .topBar-list li.last {
    background: 0 none;
    padding-right: 0; }
  .topBar-list li .topBar-item {
    font-family: "microsoft yahei";
    color: #af99ff;
    font-size: 26px;
    font-weight: 500;
    height: 47px;
    text-align: center;
    line-height: 47px;
    display: block;
    width: 100%; }
    .topBar-list li .topBar-item i {
      vertical-align: top;
      *vertical-align: middle;
      margin-right: 10px; }
    .topBar-list li .topBar-item:hover {
      filter: brightness(1.2);
      text-decoration: none; }
  .topBar-list li .topBar-item-1 i {
    background-position: 0 -94px;
    width: 47px;
    height: 47px; }
  .topBar-list li .topBar-item-2 i {
    background-position: -94px 0;
    width: 47px;
    height: 47px; }
  .topBar-list li .topBar-item-3 i {
    background-position: 0 -47px;
    width: 47px;
    height: 47px; }
  .topBar-list li .topBar-item-4 i {
    background-position: 0 0;
    width: 47px;
    height: 47px; }
  .topBar-list li.cur .topBar-item {
    color: #f9ab24; }
    .topBar-list li.cur .topBar-item:hover {
      filter: brightness(1); }
  .topBar-list li.cur .topBar-item-1 i {
    background-position: -94px -47px;
    width: 47px;
    height: 47px; }
  .topBar-list li.cur .topBar-item-2 i {
    background-position: -47px -47px;
    width: 47px;
    height: 47px; }
  .topBar-list li.cur .topBar-item-3 i {
    background-position: -47px 0;
    width: 47px;
    height: 47px; }

.page-united {
  background: url(../zhuanti/pmxy/zyjs/images/page1.jpg?) center 0 no-repeat; }
  .page-united .bg-1 {
    background: url(../zhuanti/pmxy/zyjs/images/page1-head_01.jpg?) 0 0 no-repeat;
    height: 270px; }
  .page-united .bg-2 {
    background: url(../zhuanti/pmxy/zyjs/images/page1-head_02.jpg?) 0 0 no-repeat;
    height: 270px; }
  .page-united .bg-3 {
    background: url(../zhuanti/pmxy/zyjs/images/page1-head_03.jpg?) 0 0 no-repeat;
    height: 270px; }
  .page-united .bg-4 {
    background: url(../zhuanti/pmxy/zyjs/images/page1-head_04.jpg?) 0 0 no-repeat;
    height: 270px; }
  .page-united .btn-detail {
    background-position: 0 -222px;
    width: 195px;
    height: 194px;
    position: absolute;
    top: 750px;
    left: 50%;
    margin-left: -98px;
    font-size: 0;
    line-height: 0; }
    .page-united .btn-detail:hover {
      filter: brightness(1.2); }

.page-skills {
  background: url(../zhuanti/pmxy/zyjs/images/page2.jpg?) center 0 no-repeat; }
  .page-skills .bg-1 {
    background: url(../zhuanti/pmxy/zyjs/images/page2-head_01.jpg?) 0 0 no-repeat;
    height: 270px; }
  .page-skills .bg-2 {
    background: url(../zhuanti/pmxy/zyjs/images/page2-head_02.jpg?) 0 0 no-repeat;
    height: 270px; }
  .page-skills .bg-3 {
    background: url(../zhuanti/pmxy/zyjs/images/page2-head_03.jpg?) 0 0 no-repeat;
    height: 270px; }
  .page-skills .bg-4 {
    background: url(../zhuanti/pmxy/zyjs/images/page2-head_04.jpg?) 0 0 no-repeat;
    height: 270px; }
  .page-skills .btn-detail {
    background-position: 0 -222px;
    width: 195px;
    height: 194px;
    position: absolute;
    top: 490px;
    left: 50px;
    font-size: 0;
    line-height: 0; }
    .page-skills .btn-detail:hover {
      filter: brightness(1.2); }
  .page-skills .btn-jm {
    background-position: -323px 0;
    width: 195px;
    height: 195px;
    position: absolute;
    top: 695px;
    left: 50px;
    font-size: 0;
    line-height: 0; }
    .page-skills .btn-jm:hover {
      filter: brightness(1.2); }
  .page-skills .mod-skills {
    position: absolute;
    top: 260px;
    right: 150px; }
  .page-skills .skill-list {
    width: 120px;
    height: 160px;
    cursor: pointer;
    position: absolute;
    background: url(../zhuanti/pmxy/zyjs/images/1.png?) 0 0 no-repeat; }
    .page-skills .skill-list .info {
      display: none;
      width: 323px;
      height: 222px;
      background: url(../zhuanti/pmxy/zyjs/images/skill_bg.png?) no-repeat;
      background-size: 100% 100%;
      padding: 0 15px;
      box-sizing: border-box;
      font-family: 'microsoft yahei'; }
      .page-skills .skill-list .info .info-head {
        color: #fff;
        font-size: 28px;
        font-weight: bold;
        margin-top: 5px;
        margin-bottom: 40px;
        text-align: center; }
      .page-skills .skill-list .info .info-con {
        color: #fff;
        font-size: 20px;
        line-height: 32px; }
  .page-skills .cur .info {
    display: block; }
  .page-skills .skill-list1 {
    top: 0;
    left: 230px; }
    .page-skills .skill-list1 .info {
      position: absolute;
      top: -110px;
      left: 160px; }
  .page-skills .skill-list2 {
    top: 140px;
    right: 0px; }
    .page-skills .skill-list2 .info {
      position: absolute;
      top: -110px;
      left: 160px; }
  .page-skills .skill-list3 {
    top: 380px;
    right: 0px; }
    .page-skills .skill-list3 .info {
      position: absolute;
      top: 60px;
      left: 160px; }
  .page-skills .skill-list4 {
    bottom: 0;
    left: 230px; }
    .page-skills .skill-list4 .info {
      position: absolute;
      top: 60px;
      left: -363px; }
  .page-skills .skill-list5 {
    top: 380px;
    left: 0px; }
    .page-skills .skill-list5 .info {
      position: absolute;
      top: 60px;
      left: -363px; }
  .page-skills .skill-list6 {
    top: 140px;
    left: 0px; }
    .page-skills .skill-list6 .info {
      position: absolute;
      top: -110px;
      left: -363px; }

.page-combat {
  background: url(../zhuanti/pmxy/zyjs/images/page3.jpg?) center 0 no-repeat; }
  .page-combat .bg-1 {
    background: url(../zhuanti/pmxy/zyjs/images/page3-head_01.jpg?) 0 0 no-repeat;
    height: 270px; }
  .page-combat .bg-2 {
    background: url(../zhuanti/pmxy/zyjs/images/page3-head_02.jpg?) 0 0 no-repeat;
    height: 270px; }
  .page-combat .bg-3 {
    background: url(../zhuanti/pmxy/zyjs/images/page3-head_03.jpg?) 0 0 no-repeat;
    height: 270px; }
  .page-combat .bg-4 {
    background: url(../zhuanti/pmxy/zyjs/images/page3-head_04.jpg?) 0 0 no-repeat;
    height: 270px; }
  .page-combat .btn-notice {
    background-position: -195px -222px;
    width: 194px;
    height: 194px;
    position: absolute;
    top: 145px;
    right: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    z-index: 10; }

.mod-combat {
  position: absolute;
  top: 135px;
  left: 152px;
  padding-bottom: 30px;
  background: url(../zhuanti/pmxy/zyjs/images/page3-line2.png?) center bottom no-repeat; }
  .mod-combat .tab-list {
    margin-left: 15px; }
    .mod-combat .tab-list li {
      float: left;
      width: 376px;
      height: 80px;
      *display: inline;
      margin-right: 110px; }
      .mod-combat .tab-list li a {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 0;
        line-height: 0; }
        .mod-combat .tab-list li a:hover {
          filter: brightness(1.2); }
      .mod-combat .tab-list li .a1 {
        background-position: 0 -80px;
        width: 376px;
        height: 80px; }
      .mod-combat .tab-list li .a2 {
        background-position: 0 -240px;
        width: 376px;
        height: 80px; }
    .mod-combat .tab-list .cur a:hover {
      filter: brightness(1); }
    .mod-combat .tab-list .cur .a1 {
      background-position: 0 0;
      width: 376px;
      height: 80px; }
    .mod-combat .tab-list .cur .a2 {
      background-position: 0 -160px;
      width: 376px;
      height: 80px; }
  .mod-combat .tab-conts {
    background: url(../zhuanti/pmxy/zyjs/images/page3-line1.png?) 0 0 no-repeat;
    padding-top: 60px;
    overflow: hidden;
    *zoom: 1; }
  .mod-combat .tab-list1-1 {
    margin: 0 0  20px 110px; }
    .mod-combat .tab-list1-1 li {
      float: left;
      width: 180px;
      height: 35px;
      *display: inline;
      margin-right: 56px; }
      .mod-combat .tab-list1-1 li a {
        display: block;
        background-position: 0 -320px;
        width: 180px;
        height: 35px;
        font-size: 24px;
        line-height: 35px;
        color: #dee1ff;
        text-align: center; }
        .mod-combat .tab-list1-1 li a:hover {
          filter: brightness(1.2);
          text-decoration: none; }
    .mod-combat .tab-list1-1 .cur a {
      color: #fff285;
      filter: brightness(1.2); }
  .mod-combat .switch-con {
    background-color: #000;
    background: rgba(0, 0, 0, 0.5);
    width: 900px;
    height: 508px;
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
    .mod-combat .switch-con img {
      display: none;
      margin: 0 auto;
      max-width: 710px;
      *margin-top: 45px; }
      .mod-combat .switch-con img.show {
        display: inline; }

.wg_dialog {
  width: 750px;
  height: 420px;
  padding: 10px 10px 10px  40px;
  position: relative;
  *zoom: 1;
  background-color: #d1c8fb;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  line-height: 24px;
  color: #241c44; }
  .wg_dialog_close {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 0;
    right: -42px;
    background-color: #8b57cf;
    color: #b19eeb;
    text-align: center;
    line-height: 42px;
    font-size: 24px;
    font-weight: 700; }
    .wg_dialog_close:hover {
      text-decoration: none; }
  .wg_dialog_body {
    overflow: hidden;
    position: relative; }
  .wg_dialog h4 {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 60px; }
  .wg_dialog h5 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px; }
  .wg_dialog .scroll-con {
    width: 750px;
    height: 420px;
    overflow: auto;
    position: relative; }
  .wg_dialog .skill-list {
    padding-left: 80px;
    position: relative;
    *zoom: 1;
    margin-top: 20px; }
    .wg_dialog .skill-list-img {
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -33px;
      width: 66px;
      height: 66px; }
    .wg_dialog .skill-list-name {
      font-size: 22px;
      line-height: 33px; }
    .wg_dialog .skill-list-des {
      font-size: 16px;
      line-height: 33px; }

.wg_dialog {
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -200px 0 0 -400px;
  display: none; }

.show {
  display: block; }