body, th, td, p, ol, ul, li, dl, dt, dd, a, h1, h2, h3, h4, h5, h6, form, fieldset, input, legend, select, textarea {
  margin: 0;
  padding: 0;
  font-family: "Microsoft YaHei"; }

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

input, img, fieldset {
  border: none; }

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

body, button, input, select, textarea {
  outline: none; }

ul, ol, nav li {
  list-style-type: none; }

a {
  text-decoration: none;
  outline: none; }

a:link {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

a:active {
  text-decoration: none; }

a:visited {
  text-decoration: none; }

i, cite, em, var, address, dfn {
  font-style: normal; }

input:-ms-clear {
  display: none; }

/* clear IE10 X */
.clear:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden; }

.tl {
  text-align: left; }

.tc {
  text-align: center; }

.tr {
  text-align: right; }

.bc {
  margin: 0 auto; }

.fl {
  float: left; }

.fr {
  float: right; }

.vm {
  vertical-align: middle; }

.pr {
  position: relative; }

.pa {
  position: absolute; }

.zoom {
  zoom: 1; }

.none {
  display: none; }

.block {
  display: block; }

.yahei {
  font-family: "Microsoft YaHei"; }

.f12 {
  font-size: 12px; }

.f13 {
  font-size: 13px; }

.f14 {
  font-size: 14px; }

.f16 {
  font-size: 16px; }

.f20 {
  font-size: 20px; }

.fb {
  font-weight: bold; }

.fn {
  font-weight: normal; }

.t2 {
  text-indent: 2em; }

.lastli {
  margin-right: 0 !important; }

/*inline-block*/
.dib {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/* ellipsis */
.elli {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.mr6 {
  margin-right: 6px; }

.w10 {
  width: 10px; }

.h10 {
  height: 10px; }

.pr {
  position: relative; }

.pa {
  position: absolute; }

.fr {
  float: right; }

.fl {
  float: left; }

.none {
  display: none; }

.block {
  display: block; }

.dib {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.tr {
  text-align: right; }

.tc {
  text-align: center; }

.tl {
  text-align: left; }

.vm {
  vertical-align: middle; }

.ma {
  margin: 0 auto; }

.zoom {
  zoom: 1; }

.f12 {
  font-size: 12px; }

.f16 {
  font-size: 16px; }

.f18 {
  font-size: 18px; }

.f20 {
  font-size: 20px; }

.f22 {
  font-size: 22px; }

.f24 {
  font-size: 24px; }

.f26 {
  font-size: 26px; }

.f28 {
  font-size: 28px; }

.f30 {
  font-size: 30px; }

.fb {
  font-weight: bold; }

.fn {
  font-weight: normal; }

.t2 {
  text-indent: 2em; }

.elli {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

html, body {
  font: 14px/1 Tahoma,Helvetica,'Microsoft Yahei',Arial,"\5b8b\4f53",sans-serif;
  background: #ffffff; }

body {
  min-width: 1200px;
  color: #444444; }

.bgf6 {
  background: #f6f6f6; }

.w100 {
  width: 100%; }

.w {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto; }

.mb30 {
  margin-bottom: 30px; }

.icon {
  background: url(../images/icon.png) 0 0 no-repeat; }

/*# sourceMappingURL=style.css.map */
.noneborder {
  border: none; }

.header {
  z-index: 9;
  background: url(../images/header-bg.png) 0 0 repeat-x; }
  .header.headerpay {
    height: 28px;
    overflow: hidden;
    line-height: 28px;
    background: #ffffff; }
  .header .top {
    height: 28px;
    overflow: hidden;
    line-height: 28px; }
    .header .top .t-wl {
      color: #363a40; }
    .header .top .t-login {
      margin-right: 22px;
      color: #665f5e; }
      .header .top .t-login .h_icon {
        width: 18px;
        height: 14px;
        margin: 7px 6px 0 0; }
      .header .top .t-login .color {
        color: #fe7113; }
      .header .top .t-login:hover {
        color: #fe7113; }
      .header .top .t-login:last-child {
        margin-right: 50px; }
  .header .nav {
    height: 64px;
    overflow: hidden;
    line-height: 64px; }
    .header .nav .n-box {
      overflow: hidden;
      margin-left: 96px; }
      .header .nav .n-box .n-list {
        width: 100px;
        background: url(../images/nav-f2.gif) 0 center no-repeat; }
        .header .nav .n-box .n-list:first-child {
          background: none; }
        .header .nav .n-box .n-list a {
          color: #f3b147; }
          .header .nav .n-box .n-list a.on {
            background: url(../images/p.png) center center no-repeat; }
      .header .nav .n-box.n-box-sp {
        margin: 0; }
    .header .nav .h-logo {
      width: 178px;
      height: 64px;
      overflow: hidden; }
      .header .nav .h-logo img {
        vertical-align: middle; }
  .header .znq_box {
    top: 28px;
    left: 50%;
    width: 124px;
    height: 91px;
    margin-left: -614px; }
    .header .znq_box div {
      width: 41px;
      overflow: hidden; }
    .header .znq_box .znq_z {
      left: 2px;
      height: 78px;
      -webkit-animation: yaodong1 1s ease-in-out infinite alternate;
      -moz-animation: yaodong1 1s ease-in-out infinite alternate;
      animation: yaodong1 1s ease-in-out infinite alternate; }
    .header .znq_box .znq_n {
      height: 91px; }
    .header .znq_box .znq_q {
      left: -2px;
      height: 78px;
      -webkit-animation: yaodong2 1s ease-in-out 1s infinite alternate;
      -moz-animation: yaodong2 1s ease-in-out 1s infinite alternate;
      animation: yaodong2 1s ease-in-out 1s infinite alternate; }
  .header img {
    width: 100%; }

#main {
  padding-bottom: 34px;
  background: #cceaf5 url(../images/main.jpg) no-repeat center 0;
  color: #5f5f5f; }
  #main.main2 {
    background: url(../images/main2.jpg) no-repeat center 0; }
  #main .content {
    margin: 0 auto;
    width: 1000px;
    padding-top: 508px; }
  #main .common-title {
    height: 55px;
    line-height: 55px;
    border-bottom: #cecece 1px solid;
    font-size: 16px;
    color: #4f4f4f;
    font-weight: bold; }
    #main .common-title span {
      display: block;
      width: 100px;
      height: 55px;
      margin-left: 16px;
      float: left;
      line-height: 55px; }
    #main .common-title .more2 {
      float: right;
      display: block;
      width: 100px;
      height: 55px;
      margin-right: 10px;
      line-height: 55px;
      color: #a0a0a0;
      font-size: 12px;
      text-align: center; }
  #main .top-nav {
    height: 60px;
    line-height: 60px;
    background: #02698b; }
    #main .top-nav a {
      display: block;
      width: 200px;
      float: left;
      text-align: center;
      font-size: 18px;
      color: #ffffff; }
    #main .top-nav a.active {
      background: url(../images/topactive.jpg) no-repeat; }
    #main .top-nav a:hover {
      background: url(../images/topactive.jpg) no-repeat; }
  #main .news-box {
    margin: 12px 0; }
    #main .news-box .news-box-child {
      height: 346px;
      background: #fff; }
    #main .news-box .bestnew {
      width: 348px;
      margin-right: 12px; }
      #main .news-box .bestnew .common-title {
        text-indent: 16px; }
      #main .news-box .bestnew .box {
        padding: 12px 18px;
        border-bottom: 1px solid #f0f0f0; }
        #main .news-box .bestnew .box img {
          width: 105px;
          height: 70px; }
        #main .news-box .bestnew .box .fl {
          width: 105px;
          height: 70px; }
        #main .news-box .bestnew .box .fr {
          width: 182px;
          line-height: 24px; }
          #main .news-box .bestnew .box .fr a {
            color: #5f5f5f; }
      #main .news-box .bestnew .box:last-child {
        border: none; }
    #main .news-box .headtag {
      width: 384px; }
      #main .news-box .headtag .common-title {
        padding-right: 20px;
        text-indent: 30px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      #main .news-box .headtag .tab_btns {
        width: 345px;
        margin: 10px auto 0 auto;
        position: relative;
        overflow: hidden;
        z-index: 5;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -op-box-sizing: border-box;
        border-bottom: 1px dashed #cecece;
        padding-bottom: 7px;
        text-align: center; }
      #main .news-box .headtag .tab_btns a {
        display: inline-block;
        width: 90px;
        height: 32px;
        line-height: 32px;
        background: none;
        text-align: center;
        color: #4e4e4e;
        font-size: 16px; }
      #main .news-box .headtag .tab_btns a.active {
        background: #1ca7d5;
        color: #fff;
        border-radius: 12px;
        -webkit-border-radius: 16px; }
      #main .news-box .headtag .tab_pages {
        margin: 0px auto 0 auto;
        width: 345px;
        overflow: hidden;
        height: 224px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -op-box-sizing: border-box;
        position: relative;
        z-index: 3; }
      #main .news-box .headtag .tab_pages .tab_con {
        display: none;
        overflow: hidden; }
      #main .news-box .headtag .tab_pages li {
        margin-top: 5px;
        height: 40px;
        line-height: 40px;
        color: #5f5f5f;
        border-bottom: 1px dashed #cecece;
        overflow: hidden; }
      #main .news-box .headtag .tab_pages li a {
        color: #5f5f5f;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    #main .news-box .qrcode {
      width: 222px;
      height: 324px;
      padding: 22px 12px 0 12px;
      color: #5f5f5f; }
      #main .news-box .qrcode .box-top .fl {
        margin-right: 12px; }
      #main .news-box .qrcode .box-top .fr {
        width: 118px; }
        #main .news-box .qrcode .box-top .fr p {
          color: #5f5f5f;
          font-size: 16px;
          margin-bottom: 12px; }
        #main .news-box .qrcode .box-top .fr .pt {
          color: #969696;
          font-size: 12px; }
      #main .news-box .qrcode .info {
        margin: 12px 0;
        line-height: 18px; }
      #main .news-box .qrcode .qrcodeimg {
        display: block;
        width: 96px;
        margin: 0 auto 10px auto; }
      #main .news-box .qrcode .downloadbtn {
        display: block;
        width: 128px;
        margin: 8px auto 0 auto; }
  #main .gl {
    height: 430px; }
    #main .gl .tab-box {
      width: 638px;
      height: 204px;
      background: #ffffff;
      position: relative; }
    #main .gl .tab_btns {
      padding-left: 10px;
      position: relative;
      overflow: hidden;
      z-index: 5;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -op-box-sizing: border-box;
      border-bottom: 1px solid #cecece; }
    #main .gl .tab_btns a {
      display: inline-block;
      width: 86px;
      height: 52px;
      text-indent: 0;
      line-height: 55px;
      background: none;
      text-align: center;
      color: #4e4e4e;
      font-size: 16px; }
    #main .gl .tab_btns a.active {
      color: #199fd1;
      border-bottom: 2px solid #199fd1; }
    #main .gl .tab_pages {
      margin: 0px auto 0 auto;
      width: 610px;
      overflow: hidden;
      height: 158px;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -op-box-sizing: border-box;
      position: relative;
      z-index: 3; }
    #main .gl .tab_pages .tab_con {
      display: none;
      overflow: hidden; }
    #main .gl .tab_pages li {
      height: 36px;
      line-height: 36px;
      color: #5f5f5f;
      border-bottom: 1px dashed #cecece;
      overflow: hidden; }
    #main .gl .tab_pages li:last-child {
      border: none; }
    #main .gl .tab_pages li a {
      color: #5f5f5f;
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    #main .gl .tab_pages li:hover a {
      color: #199fd1; }
    #main .gl .tab_pages li:hover span {
      color: #199fd1; }
    #main .gl .tab-box:first-child {
      margin-bottom: 22px; }
    #main .gl .more {
      position: absolute;
      top: 24px;
      right: 20px;
      z-index: 8; }
      #main .gl .more a {
        color: #a0a0a0; }
  #main .lb {
    width: 350px;
    height: 430px;
    background: #ffffff;
    overflow: hidden; }
    #main .lb .lblist {
      width: 350px;
      height: 375px;
      position: relative; }
      #main .lb .lblist .titimg {
        position: absolute;
        left: -28px;
        top: -17px;
        z-index: 8; }
      #main .lb .lblist .titimg2 {
        position: absolute;
        left: -28px;
        top: -17px;
        z-index: 8; }
    #main .lb ul {
      padding: 0 28px; }
      #main .lb ul li {
        margin-top: 17px;
        padding-bottom: 16px;
        border-bottom: 1px solid #f0f0f0;
        position: relative; }
        #main .lb ul li .title {
          margin-bottom: 7px;
          font-size: 16px;
          color: #4e4e4e;
          vertical-align: top; }
        #main .lb ul li .jd {
          margin-bottom: 7px; }
          #main .lb ul li .jd .propage {
            margin-top: 4px;
            margin-right: 4px;
            width: 98px;
            height: 6px;
            background: #cbc1b9;
            border-radius: 5px;
            overflow: hidden; }
          #main .lb ul li .jd .pro {
            height: 100%;
            background: #3d9e2c; }
        #main .lb ul li .lbtitles {
          font-size: 12px;
          color: #5f5f5f; }
        #main .lb ul li .lqbtn {
          position: absolute;
          top: 4px;
          right: 0px; }
          #main .lb ul li .lqbtn .gift-btn {
            display: block;
            width: 92px;
            height: 26px;
            line-height: 26px;
            text-align: center;
            color: #1796cd;
            border: 1px solid #1796cd;
            border-radius: 5px; }
            #main .lb ul li .lqbtn .gift-btn.jf-gift-btn {
              color: #ff6d82;
              border: 1px solid #ff6d82; }
      #main .lb ul li:last-child {
        border: none; }
    #main .lb .thelblist {
      width: 295px;
      height: 375px;
      position: relative; }
      #main .lb .thelblist .scroll {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0; }
  #main .tab-slider-box {
    position: relative;
    height: 340px;
    background: #ffffff;
    margin: 12px 0; }
    #main .tab-slider-box .poatitle {
      position: absolute;
      top: 22px;
      left: 13px;
      font-size: 16px;
      font-weight: bold; }
    #main .tab-slider-box .tab_btns {
      padding-left: 101px;
      position: relative;
      overflow: hidden;
      z-index: 5;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -op-box-sizing: border-box;
      border-bottom: 1px solid #cecece; }
    #main .tab-slider-box .tab_btns a {
      display: inline-block;
      margin-right: 4px;
      text-indent: 0;
      height: 30px;
      line-height: 30px;
      background: none;
      padding: 0 14px;
      text-align: center;
      color: #4e4e4e;
      font-size: 16px; }
    #main .tab-slider-box .tab_btns a.active {
      border-radius: 15px;
      color: #ffffff;
      background: #fa8100; }
    #main .tab-slider-box .tab_btns a:nth-of-type(2).active {
      background: #b05adc; }
    #main .tab-slider-box .tab_pages {
      overflow: hidden;
      height: 285px;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -op-box-sizing: border-box;
      position: relative;
      z-index: 3; }
    #main .tab-slider-box .tab_pages .tab_con {
      display: none;
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: absolute;
      left: 0;
      top: 0; }
    #main .tab-slider-box .tab-child {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      #main .tab-slider-box .tab-child ul {
        width: 1000px;
        height: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -op-box-sizing: border-box;
        float: left;
        padding: 0 17px; }
        #main .tab-slider-box .tab-child ul li {
          width: 130px;
          height: 98px;
          float: left;
          cursor: pointer;
          border: 4px solid #ff8b03;
          border-radius: 4px;
          margin: 0 11px 9px 11px; }
          #main .tab-slider-box .tab-child ul li img {
            width: 130px;
            height: 98px; }
        #main .tab-slider-box .tab-child ul li.active {
          border: 4px solid #b05adc; }
    #main .tab-slider-box .list-orr {
      position: absolute;
      width: 400%;
      height: 100%;
      left: 0;
      top: 0;
      padding-top: 20px;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -op-box-sizing: border-box; }
    #main .tab-slider-box .tab-child-btn {
      width: 100%;
      text-align: center;
      position: absolute;
      bottom: 15px; }
      #main .tab-slider-box .tab-child-btn a {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #c2c2c2; }
      #main .tab-slider-box .tab-child-btn a.active {
        background: #1796cd; }
  #main .video-pic {
    height: 425px; }
    #main .video-pic .pic-box {
      width: 638px;
      height: 410px;
      background: #fff; }
      #main .video-pic .pic-box .common-title {
        text-indent: 16px; }
      #main .video-pic .pic-box #jt-sfq {
        width: 642px;
        height: 320px;
        margin: 0 auto;
        margin-top: 16px; }
      #main .video-pic .pic-box #jt-sfq li:nth-of-type(1) img {
        transform: translate(-210px);
        height: 320px; }
      #main .video-pic .pic-box #jt-sfq li:nth-of-type(2) img {
        transform: translate(-180px);
        height: 320px; }
      #main .video-pic .pic-box #jt-sfq li:nth-of-type(3) img {
        transform: translate(-380px);
        height: 320px; }
      #main .video-pic .pic-box #jt-sfq {
        width: 642px;
        height: 320px; }
      #main .video-pic .pic-box #jt-sfq img {
        width: 480px;
        height: 320px; }
      #main .video-pic .pic-box #jt-sfq li {
        float: left;
        position: relative;
        width: 82px;
        height: 320px;
        overflow: hidden;
        cursor: pointer;
        transition: 0.5s;
        transform-origin: bottom;
        filter: alpha(opacity=50);
        opacity: 0.5; }
      #main .video-pic .pic-box #jt-sfq li img {
        transition: 1.2s;
        height: 320px; }
      #main .video-pic .pic-box #jt-sfq li div {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #000;
        filter: alpha(opacity=70);
        opacity: 0.7;
        text-indent: 2em; }
      #main .video-pic .pic-box #jt-sfq li.active {
        cursor: pointer;
        z-index: 3;
        width: 460px;
        filter: alpha(opacity=100);
        opacity: 1; }
      #main .video-pic .pic-box #jt-sfq li.active img {
        transform: translate(0px); }
      #main .video-pic .pic-box #jt-sfq li:nth-of-type(1) {
        transform-origin: bottom left; }
      #main .video-pic .pic-box #jt-sfq li:nth-of-type(5) {
        transform-origin: bottom right; }
    #main .video-pic .video-box {
      width: 350px;
      height: 410px;
      background: #fff;
      overflow: hidden; }
      #main .video-pic .video-box .common-title {
        text-indent: 16px; }
    #main .video-pic .game-video {
      padding: 16px 48px 0 48px; }
      #main .video-pic .game-video li {
        margin-bottom: 10px;
        position: relative;
        width: 228px;
        height: 135px;
        background: #f3f3f3; }
        #main .video-pic .game-video li img {
          display: block;
          width: 215px;
          height: 129px;
          margin: 5px auto; }
        #main .video-pic .game-video li p {
          text-indent: 14px;
          line-height: 22px;
          font-size: 12px; }
          #main .video-pic .game-video li p a {
            color: #fc6d0d; }
          #main .video-pic .game-video li p span {
            color: #434343;
            float: right;
            margin-right: 10px; }
        #main .video-pic .game-video li .sjan {
          position: absolute;
          position: absolute;
          left: 69px;
          top: 19px;
          width: 94px;
          height: 80px; }

.footer {
  overflow: hidden;
  padding: 30px 0 36px;
  background: #1c1d20; }
  .footer .f-logo {
    width: 166px;
    height: 52px;
    overflow: hidden;
    margin: 42px 26px 0 82px; }
  .footer .copyright {
    width: 770px; }
    .footer .copyright p {
      line-height: 22px;
      color: #848485; }
      .footer .copyright p a {
        margin-right: 10px;
        color: #848485; }
        .footer .copyright p a img {
          padding: 0 6px; }
  .footer img {
    width: 100%; }

#imgdatadia {
  position: absolute;
  left: 50%;
  z-index: 20;
  overflow: hidden;
  top: 1300px;
  display: none;
  width: 641px;
  height: 728px;
  margin-left: -320px;
  background: url(../images/dialog.png) no-repeat 0 0; }
  #imgdatadia .closebtn {
    position: absolute;
    cursor: pointer; }
  #imgdatadia .closebtn {
    top: 183px;
    right: 41px; }
  #imgdatadia .dialog-cont {
    margin-top: 230px;
    padding: 0 40px; }
  #imgdatadia .rwbg {
    position: absolute;
    left: 50%;
    margin-left: -133px;
    top: 0;
    width: 266px; }
  #imgdatadia .rwname {
    margin-bottom: 14px;
    font-size: 23px;
    font-weight: bold;
    color: #583109;
    text-align: center; }
  #imgdatadia li {
    margin-bottom: 30px; }
  #imgdatadia .tit {
    margin-bottom: 10px;
    background: url(../images/titbgs.png) no-repeat left center;
    padding-left: 20px;
    font-size: 18px;
    color: #583109; }
  #imgdatadia .infodata {
    line-height: 28px;
    padding-left: 20px; }
    #imgdatadia .infodata span {
      margin-right: 18px; }
  #imgdatadia .thelblist2 {
    width: 100%;
    height: 440px;
    position: relative;
    overflow: hidden; }
    #imgdatadia .thelblist2 .scroll {
      width: 100%;
      height: 440px;
      overflow: hidden;
      position: absolute;
      left: 0;
      top: 0px;
      padding-right: 10px; }

#mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10;
  display: none; }

.newlistfy {
  background: #ffffff;
  padding: 0 20px; }
  .newlistfy .position-now {
    height: 53px;
    line-height: 53px; }
    .newlistfy .position-now a {
      color: #666666; }
    .newlistfy .position-now a.active {
      color: #51b2da; }

.fy {
  background: #ffffff;
  overflow: hidden;
  margin-bottom: 100px; }
  .fy .tab_btns {
    width: 98%;
    margin: 0px auto 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -op-box-sizing: border-box;
    border-bottom: 2px solid #1ca7d5;
    border-left: 1px solid #dbdbdb; }
  .fy .tab_btns a {
    display: block;
    float: left;
    width: 129px;
    height: 47px;
    line-height: 47px;
    border-right: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    background: none;
    text-align: center;
    color: #4e4e4e;
    font-size: 16px; }
  .fy .tab_btns a.active {
    background: #1ca7d5;
    color: #fff; }
  .fy .tab_pages {
    margin: 0px auto 0 auto;
    width: 95%;
    overflow: hidden;
    height: 770px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -op-box-sizing: border-box;
    position: relative;
    z-index: 3; }
  .fy .tab_pages .tab_con {
    display: none;
    overflow: hidden; }
  .fy .tab_pages li {
    height: 64px;
    font-size: 16px;
    line-height: 64px;
    color: #5f5f5f;
    border-bottom: 1px dashed #cecece;
    overflow: hidden; }
  .fy .tab_pages li a {
    color: #5f5f5f;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .fy .tab_pages li a:hover {
    color: #1ca7d5; }
  .fy .pages {
    text-align: center;
    margin-top: 40px; }
    .fy .pages a {
      display: inline-block;
      padding: 0 14px;
      height: 32px;
      line-height: 32px;
      color: #999999;
      background: #d9d9d9;
      text-align: center; }
      .fy .pages a.active {
        background: #1ca7d5;
        color: #ffffff; }

.videopage {
  display: none;
  position: absolute;
  left: 50%;
  width: 700px;
  margin-left: -350px;
  top: 50%;
  z-index: 18;
  display: none;
  position: absolute;
  left: 50%;
  z-index: 20;
  width: 538px;
  height: 380px;
  background: #fff; }
  .videopage .closebtn {
    position: absolute;
    cursor: pointer; }
  .videopage .closebtn {
    right: 0;
    top: 0; }

.videopage .close {
  position: absolute;
  right: -35px;
  top: 0;
  z-index: 18;
  cursor: pointer; }
