/*----public style-----*/
* {margin: 0px 0px;padding: 0px 0px; }
  body {font-size: 14px;color: #757575;background-color: #ffffff;font-family: "Microsoft YaHei", sans-serif;padding-top:74px;}
 a {outline: none; }
  .clr-both {clear: both; }
  img {border: none; }
a {text-decoration: none; }
  li {list-style: none; }
.wrap {/*width:90%;*/max-width: 1120px;margin: 0 auto; position: relative;}
.title {text-align: center; }
.df_m_t{margin-top:60px;}
.icon-dagou:before{font-weight: normal;}

/*font-size*/
.f20{font-size:20px;}
.f30{font-size:30px;}
/*padding*/
.pt10{padding-top: 10px}
  .title h4 {
  font-size: 32px;
  color: #212121; }
  .titlt-line {
  text-align: center; }
  .title-line span {
  display: inline-block;
  position: relative;
  width: 205px;
  height: 0px;
  border-top: 2px solid #757575; }
  .title-line i {
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -26px;
  width: 55px;
  background: #61b6ff;
  height: 4px;
  top: -3px; }
  i {
  font-style: normal; }
  /*title*/
.main_title{
  text-align: center;
  padding:70px 0 60px 0;
  margin:0;
}
.main_title h2{
   font-weight:normal;
   font-size:38px;
   text-align: center;
    margin:0;
    font-size: 36px;
    font-style: normal;
    line-height: 50px;
    font-weight: normal;
}
.main_title .sub_title{
    padding-top: 10px;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 50px;
    margin:0 auto;
    width:77%;
}
@media(max-width:800px){
  .main_title{
    padding:40px 0;
  }
}
@media(max-width:600px){
  .main_title {
    padding:20px 0;
  }
  .main_title h2{
    font-size:25px;
  }

  .main_title .sub_title{
    width:100%;
    line-height:24px;
    padding:0;
    font-size:13px;
  }
}
@media(max-width:340px){
  .main_title h2{
    font-size:23px;
  }
}
/*background:*/
.bg_fff {background: #fff;}
.img_bg_3 {background: url(../images/section6_bg.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;}
.img_bg_4 {background-size: 100% 100%;}
  /*-------public style end-------*/
  /*---head style---*/
.wrap-head {width: 90%;max-width: 1120px;margin: 0 auto; }
.logo {float: left;width: 23.6%; max-width: 265px;}
.logo img {height: 40px;margin-top: 8px;}
.head {width: 100%;position: fixed;z-index: 9;top: 0;background-color: #212121; padding:5px 0; }
.head-nav {
  float: right; }
  .head-nav li {
  list-style: none;
  float: left;
  width: 140px;
  text-align: center; }
  .head-nav li a {
  padding-bottom: 10px;
  padding-top: 20px;
  line-height: 64px;
  font-size: 16px;
  text-decoration: none;
  outline: none;
  color: #ffffff; }
  .head-nav li a:hover, .nav-on a {
  border-bottom: 2px solid #ffffff;
  color: #ffffff !important; }
  .wrap-head-btn {
  float: right; }
  .head-btn {
  border: 1px solid #61b6ff;
  color: #61b6ff;
  padding: 2px 15px;
  margin-top: 20px;
  display: inline-block;
  border-radius: 22px;
  margin-left: 20px;
  font-size: 14px; }
  .head-btn:hover {
  color: #ffffff;
  background-color: #61b6ff; }
  .head-btn-on {
  color: #ffffff !important;
  background-color: #61b6ff !important; }
  .language_box{width:28%;float:right;display: none}
.language_box a{display: inline-block;text-align: center;line-height: 34px;width: 45%;font-weight: initial;color: #fff;font-size: 18px;background: #62b5ff;border-radius: 30px;margin-top: 12px}
.language_box a:hover{background:#62c7ff;box-shadow: 0 0 3px #62c7ff;}
  /*---head style end---*/
  /*---- footer_nav ---*/
.nav_icon{font-family: 'iconfont';display: block;}
.footer_nav .nav_icon {font-size:18px;}
.footer_nav{position:fixed;left:0;bottom: 0;width:100%;background:#161d25;padding:4px 0;display: none;}
.footer_nav li{float:left;width:50%;font-size:12px;text-align: center;font-size:15px;}
.footer_nav a{color:#fff;}
.footer_nav .nav-on a{color:#62b5ff!important;border:none!important;}
/*---foot style----*/
footer {
  overflow: hidden;
  position: relative;
  bottom: 0px;
  width: 100%;
  background-color: #161d25;
  color: #cfcfcf; }
  footer .fl_title{float: left;width: 1em;font-size: 21px;margin-top: 50px;margin-right: 30px;color: #3f91c1;}
  footer .q-code {
  position: relative;
  top: 50px;
  text-align: right; }
  footer .q-code img {
  height: 120px;
  width: 120px; }
  footer .foot-up a {
  text-decoration: none;
  color: #cfcfcf; }
  footer .foot-up a:hover {
  color: #337ab7; }
  footer h3 {
  color: #3f91c1;
  margin-top: 50px; }
  footer .footer-bottom {
  height: 60px;
  text-align: center;
  border-top: 1px solid gray;
  line-height: 46px;
  margin-top: 15px; }
  footer .footer-bottom {
  height: 60px;
  text-align: center;
  border-top: 1px solid #2D333A;
  line-height: 46px;
  margin-top: 15px;
}
.links-wrap {
  height: 150px;
  padding-top: 30px; }
  .links-wrap li {
  float: left;
  list-style: none;
  width: 186px; }
  .links-wrap li h4 {
  color: #61b6ff;
  font-size: 18px;
  margin-bottom: 12px; }
  .foot {
  height: 250px;
  background-color: black; }
  .links a {
  display: block;
  font-size: 14px;
  color: white;
  height: 28px;
  line-height: 28px; }
  .links a:hover {
  color: #61b6ff; }
  .qr-code img {
  height: 125px;
  width: 125px;
  display: inline-block; }
  .banquan {
  height: 68px;
  border-top: 1px solid #61b6ff;
  padding-top: 25px; }
  .banquan p {
  text-align: center;
  font-size: 14px;
  color: #ffffff; }
  /*---foot style end----*/
  /*--- banner ---*/
/*--- swiper ---*/
.swiper-slide img{width:100%;}
.swiper-container2 .swiper-slide{height:auto;width:230px;}
 .swiper-container2 .swiper-button-prev, .swiper-container2 .swiper-button-next{display: block;width: 40px;height: 80px;overflow: hidden;cursor: pointer;background: rgb(0, 0, 0)  url(../images/al/index-bg.png) no-repeat scroll 0% 0%;opacity: 0.5;visibility: hidden;}
 .swiper-container2 .swiper-button-prev{float: left;background-position: 12px -272px;}
.swiper-container2 .swiper-button-next{float:right;background-position: -19px -272px;}
.swiper-container2:hover .swiper-button-next ,.swiper-container2:hover .swiper-button-prev{visibility: visible;} 
/*----channel style----*/
.func-bannel {
  width: 100%;
  margin: 0 auto; }
  .func-bannel img{width:100%;}
  .channel-bannel {
  background: url("../images/channel-banner.jpg") no-repeat top center;
  width: 100%;
 height: 470px;
  margin: 0 auto; }
  .channel-btn {
  text-align: center;
  padding-top: 250px; }
  .ios-btn {
  background: url("../images/ios.png") no-repeat top center;
  height: 146px;
  width: 245px;
  display: inline-block; }
  .ios-btn:hover {
  background: url("../images/ios-on.png") no-repeat top center; }
  .android-btn {
  background: url("../images/android.png") no-repeat top center;
  height: 146px;
  width: 245px;
  display: inline-block; }
  .android-btn:hover {
  background: url("../images/android-on.png") no-repeat top center; }
  .channel-content {
  padding-top: 60px;
  padding-bottom: 200px; }
  .channel-company {
  margin-top: 40px; }
  .channel-company li {
  list-style: none;
  float: left;
  width: 165px;
  height: 118px;
  text-align: center;
  margin-right: 25px;
  margin-bottom: 20px; }
  .channel-company li .channel-company-name{
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-top: 10px;
}
.channel-company li img {
  width: 90px;
  margin: 0 auto;
  display: block; }
  .channel-company li:hover img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
     -moz-transform: scale3d(1.1, 1.1, 1.1);
      -ms-transform: scale3d(1.1, 1.1, 1.1);
       -o-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
        }
        .channel-company li:nth-child(6n) {
  margin-right: 0px; }
  /*----channel style end----*/
  /*----sample style-----*/
.game-wrap li {float: left;width: 110px;margin-right: 4.3%;margin-bottom: 35px;text-align: center; }
.game-wrap li:nth-child(7n) {margin-right: 0px; }
.game-wrap li img {max-height: 110px;width: 110px;margin-bottom: 10px;display: inline-block;transition: all .8s;}
.sample-content .game-wrap li img {border-radius:20px;}
.game-wrap li:hover .game-name {color: #61b6ff; }
  .game-wrap li:hover img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
     -moz-transform: scale3d(1.1, 1.1, 1.1);
      -ms-transform: scale3d(1.1, 1.1, 1.1);
       -o-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
        }
        .game-wrap li .game-name {text-align: center;font-size: 14px;color: #757575;display: block;text-overflow: ellipsis;white-space: nowrap;overflow-x: hidden; }
  /*----sample style end-----*/
  /*-----join-style-----*/
.join-bannel {
  background: url("../images/join-banner.jpg") no-repeat top center;
  width: 100%;
  height: 470px;
  margin: 0 auto; }
  .join-wrap {
  background: url("../images/join-line.png") no-repeat;
  background-size: 1002px 36px;
  background-position: 60px 51px;
  height: 400px;
  width: 100%;
  position: relative;
  margin-top: 100px; }
  @-moz-document url-prefix() {
  .join-wrap {
    background-position: 60px 55px; } }
    .join-wrap li {
  position: absolute; }
  .join-site1 {
  left: -81px;
  top: 0px; }
  .join-site2 {
  left: 128px;
  top: 0px; }
  .join-site3 {
  left: 332px;
  top: 0px; }
  .join-site4 {
  left: 520px;
  top: 0px; }
  .join-site5 {
  left: 710px;
  top: 0px; }
  .join-site6 {
  left: 909px;
  top: 0px; }
  .join {
  width: 283px;
  height: 335px; }
  .join-title {
  color: #61b6ff;
  font-size: 22px;
  height: 30px;
  text-align: center; }
  .join-down {
  margin-bottom: 15px; }
  .join-point-wrap {
  text-align: center;
  height: 100px;
  width: 100px;
  position: relative; }
  .join-site1 .join-point-wrap {
  margin-left: 95px; }
  .join-site2 .join-point-wrap {
  margin-left: 80px; }
  .join-site3 .join-point-wrap {
  margin-left:69px; }
  .join-site4 .join-point-wrap {
  margin-left: 73px; }
  .join-site5 .join-point-wrap {
  margin-left: 77px; }
  .join-site6 .join-point-wrap {
  margin-left: 71px; }
  .join-point-wrap span {
  height: 27px;
  width: 27px;
  margin: 0 auto;
  display: inline-block;
  cursor: pointer;
  padding: 30px 30px; }
  .point-bg {
  background: url("../images/join-point.png") no-repeat top center;
  background-position: 30px 30px; }
  .join-text-wrap {
  height: 174px;
  width: 283px; }
  .join-text-bg {
  background: url("../images/join-txt-bg.png") no-repeat top center;
  height: 174px;
  width: 283px;
  position: relative;
  display: none; }
  .join-text {
  color: #ffffff;
  height: 150px;
  width: 280px;
  position: absolute;
  left: 1px;
  top: 20px; }
  .join-text p {
  font-size: 16px;
  padding: 20px 20px;
  text-overflow: ellipsis; }
  /*-----join-style end-----*/
  /*----sales style----*/
.base-icon {
  background:url(../images/base-icon.png) no-repeat;
  background-size: 100% auto;
  background-position: center center;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  vertical-align: bottom;
}
.static-icon {
  background:url(../images/static-icon.png) no-repeat;
  background-size: 100% auto;
  background-position: center center;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  vertical-align: bottom;
}
.diamond-icon {
  background:url(../images/diamond-icon.png) no-repeat;
  background-size: 100% auto;
  background-position: center center;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  vertical-align: bottom;
}
.android-icon {
  background:url(../images/android-icon.png) no-repeat;
  background-size: 100% auto;
  background-position: center center;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
}
.ios-icon {
  background:url(../images/ios-icon.png) no-repeat;
  background-size: 100% auto;
  background-position: center center;
  display: inline-block;
  width: 23px;
  height: 26px;
  vertical-align: middle;
}
.and_ios-icon {
  background:url(../images/and_ios-icon.png) no-repeat;
  background-size: 100% auto;
  background-position: center center;
  display: inline-block;
  width: 77px;
  height: 26px;
  vertical-align: middle;
}
.bg-green {
  background-color: #40bf95;
}
.bg-blue {
  background-color: #30abe1;
}
.bg-red {
  background-color: #f3665e;
}
.product-wrap li {
  float: left;
}
.product-wrap li + li {
  margin-left: 80px;
}
.product-container {
    width: 318px;
  }
.product-container p {
    margin: 0;
  }
.product-title {
    height: 100px;
    color: #fff;
  }
.product-title > p {
    font-size: 28px;
    height: 100%;
    line-height: 100px;
    margin: 0;
    text-align: center;
  }
.product-contents {
    padding: 0 16px;
    border: 1px solid #dbdbdb;
    border-top: none;
  }
.product-container p.product-type {
    line-height: 40px;
    margin:20px 0 10px;
  }
.product-type .type-name {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin-left: 15px;
  }
.price-style {
    float: right;
    color: #000;
    font-size: 20px;
    margin-right: 20px;
  }
.product-content .product-type-content {
  min-height: 81px;
  height: 81px;
}
.product-content .product-type-content > span {
    background:url(../images/dot-icon.png) no-repeat;
    background-position: left center;
    background-size: 4px auto;
    color: #bababa;
    padding-left: 15px;
    display: block;
    float: left;
    text-align: left;
    width: 33.3%;
    margin-top: 7px;
  }
.product-footer {
    margin: 50px 0 40px;
  }
.invalid-btn {
    background-color: #efefef;
    color: #757575;
    display: block;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    text-align: center;
  }
a.data-green:hover {
  color: #fff;
  background-color: #40bf95;
}
a.data-blue:hover {
  color: #fff;
  background-color: #30abe1;
}
a.data-red:hover {
  color: #fff;
  background-color: #f3665e;
}
  /*----sales style end----*/
  /*----home style----*/
.adv-wrap {
  position: relative;
  text-align: justify;
  text-align-last: justify;
  margin-top: 60px; }
  .adv-wrap:after{display:inline-block;overflow:hidden;width:100%;height:0;content:'';vertical-align:top;}
.adv-wrap li {display: inline-block;text-align: center;text-align-last: center;margin-bottom: 70px;width: 25.267%;max-width: 283px;}
.adv-site1 {
  left: 0;
  top: 0;
}
.adv-site2 {
  left: 412px;
  top: 135px;
}
.adv-site3 {
  left: 832px;
  top: 0;
}
.adv-site4 {
  left: 190px;
  top: 563px;
}
.adv-site5 {
  left: 644px;
  top: 563px;
}
.adv-site6 {
  left: 412px;
  top: 999px;
}
.adv-img {
  text-align: center; }
  .adv-img span {width: 72.297%;display: inline-block;-webkit-transition: all .8s;-moz-transition: all .8s; }
.adv-img span img{width:100%;}
.adv-img span:hover{-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);-webkit-transition: all .8s;-moz-transition:all .8s;}
.adv-txt {width: 100%;text-align: center; }
.adv-txt p {
    color: #757575;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 1px;}
    .adv-txt p.adv-txt-tit {
    color: #61b6ff;
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 10px;
    white-space: nowrap; }
  .lookfor {
  text-align: center; }
  .for-btn {
  background: url("../images/lookfor.png") no-repeat top center;
  height: 146px;
  width: 245px;
  display: inline-block; }
  .for-btn:hover {
  background: url("../images/lookfor-on.png") no-repeat top center; }
  .for-btn1:hover {
  background: url("../images/lookfor1-on.png") no-repeat top center; }
  .for-btn1 {
  background: url("../images/lookfor1.png") no-repeat top center;
  height: 72px;
  width: 173px;
  display: inline-block; }
  .news-wrap {
  width: 515px;
  display: inline-block;
  margin-top: 50px; }
  .news-title a {
  font-size: 22px;
  color: #61b6ff;
  width: 100%;
  display: inline-block;
  border-bottom: 2px solid #87d1d4;
  padding-bottom: 5px; }
  .news-title a:hover {
  color: #87d1d4; }
  .news-title a:hover .more {
  background: url("../images/more-on.png") no-repeat top center; }
  .news-img {
  text-align: center;
  margin: 12px 0px; }
  .news-img img {
  width: 100%;
  text-align: center;
  height: 246px;
  border: 1px solid red;
  display: inline-block; }
  .news-part-wrap h3 {
  color: #212121;
  font-size: 18px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 8px; }
  .news-txt {
  height: 50px;
  font-size: 16px;
  overflow-y: hidden;
  line-height: 25px; }
  .news-txt a {
  color: #757575; }
  .news-bt {
  margin-bottom: 5px; }
  .news-bt a {
  font-size: 18px;
  color: #212121;
  font-weight: 600; }
  .news-bt a:hover {
  color: #61b6ff; }
  .news-time {
  text-align: right;
  margin-top: 5px; }
  .news-list {
  margin-top: 15px; }
  .news-list li {
  height: 40px;
  line-height: 40px; }
  .news-list a {
  color: #212121;
  font-size: 16px;
  padding: 7px 0px; }
  .news-list a:hover {
  color: #61b6ff; }
  .news-list i {
  float: right;
  font-size: 14px;
  color: #757575; }
  .more {
  float: right;
  background: url("../images/more.png") no-repeat top center;
  width: 36px;
  height: 35px;
  margin-top: -3px; }
  .home-partner {
  background: url("../images/partner-bj.jpg") no-repeat top center;
  margin: 0 auto;
  width: 100%;
  height: 578px;
  }

  /*----home style end----*/
  /* ----padding blank----*/
.product-adv {
  padding-top: 60px;
  padding-bottom: 60px; }
  .home-sample {
  background-color: #fff;
  padding: 70px 0px; }
  .home-sample .game-wrap li img {
  border-radius: 20px;
}
.home-news {
  padding-top: 70px;
  padding-bottom: 120px; }
  .app-show {
  overflow: hidden;
  padding-top: 39px;
  position: relative;
}
.app-show .hd { overflow: hidden; height: 80px; width: 100%; right: 0px; position: absolute; z-index: 9; top: 50%; visibility: hidden; }
.app-show .hd .prev, .app-show .hd .next { display: block; width: 40px; height: 80px; overflow: hidden; cursor: pointer; background: rgb(0, 0, 0) url('../images/al/index-bg.png') no-repeat scroll 0% 0%; opacity: 0.5; }
.app-show .hd a.prev { background-position: 12px -272px; float: left; }
.app-show .hd a.next { background-position: -19px -272px; float: right; }
.app-show:hover .hd { visibility: visible; }
.app-show .picList li {
  float: left;
  margin-right:20px;
}
.app-show .picList li  img {
  width: 100%;
}
.more-game { width: 100%; background: rgb(245, 245, 245) none repeat scroll 0% 0%; }
.join-content {
  padding: 80px 0 60px;
   }
   .join-icon{
  background: url("../images/join-icon.png") top center no-repeat;
  height: 174px;
  width: 100%;
  background-size:100%;
  margin-top: 50px;
  margin-bottom: 100px;
}
.sale-product {
  padding-top: 60px; }
  .sale-server {
  background-color: #FAFAFA;
  padding-top: 80px; }
  /* ----padding blank end----*/
  /* right_icon */
.right_icon {
  position: fixed;
  right: 10px;z-index: 999; }
  .phone-chat {
  position: absolute;
  top: -78px;
  right: 0px;
  background-color: #61B6FF;
  padding: 10px 10px;
  text-align: center;
  color: white; }
  .phone-chat a {
  text-decoration: none;
  color: white;
  line-height: 27px; }
  .phone-chat input {
  text-align: center; }
  .phone-chat .phone-chat-close {
  position: relative;
  right: 0px; }
  .phone-chat .phone-chat-close span {
  right: 0px;
  position: absolute;
  height: 15px;
  width: 15px;
  font-size: 20px;
  color: #ffffff;
  line-height: 12px;
  display: block;
  cursor: pointer; }
  .phone-chat .phone-num-us {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600; }
  .phone-chat .phone-chat-link {
  background-color: #3f91c1; }
  .right-blank {
  margin-bottom: 2px; }
  .right-block-display {
  display: block; }
  .right-none-display {
  display: none; }
  .right-code-img {
  position: fixed;
  right: 70px; }
  /* right_icon end*/
  a{
  outline: none;
}
a:hover{
  text-decoration: none;
  outline: none;
}
.wp-width{
  width: 980px;
}
/*---func style---*/
.func-title{
  font-size: 28px;
  font-weight: bold;
  color: #3b3b3b;
  text-align: center;
}
.channel-nav-txt .chan-title {
  margin-bottom: 20px;
}
.part-title {
  font-size: 18px;
  font-weight: bold;
  color: #3b3b3b;
  text-align: center;
}
.txt-center {
  text-align: center;
}
.txt-SimSun {
  font-family: "SimSun";
  font-size: 14px;
  color: #868686;
}
.mobile-wrap {
  background-color: whitesmoke;
  padding-bottom: 80px;
  padding-top: 65px; }
  .mobile {
  width: 980px;
  margin: 0 auto; }
  .channel-nav {
  height: 160px;
  margin-bottom: 33px; }
  .channel-nav li {
  cursor: pointer;
  float: left;
  width: 119px;
  height: 160px; }
  .nav-img-wrap span{
  display: block;
  height: 81px;
  width: 80px;
  text-align: center;
  margin-bottom: 15px;
}
.nav-img-span1{
  background: url("../images/channel-img/nav-img1.png") top center no-repeat;
}
.nav-one-on .nav-img-span1{
  background: url("../images/channel-img/nav-img1-on.png") top center no-repeat;
}
.nav-one-on .nav-img-txt{
  color: #3f91c1;
}
.nav-two-on .nav-img-txt{
  color: #3f91c1;
}
.nav-three-on .nav-img-txt{
  color: #3f91c1;
}
.nav-four-on .nav-img-txt{
  color: #3f91c1;
}
.nav-five-on .nav-img-txt{
  color: #3f91c1;
}
.nav-six-on .nav-img-txt{
  color: #3f91c1;
}
.nav-img-span2{
  background: url("../images/channel-img/nav-img2.png") top center no-repeat;
}
.nav-two-on .nav-img-span2{
  background: url("../images/channel-img/nav-img2-on.png") top center no-repeat;
}
.nav-img-span3{
  background: url("../images/channel-img/nav-img3.png") top center no-repeat;
}
.nav-three-on .nav-img-span3{
  background: url("../images/channel-img/nav-img3-on.png") top center no-repeat;
}
.nav-img-span4{
  background: url("../images/channel-img/nav-img4.png") top center no-repeat;
}
.nav-four-on .nav-img-span4{
  background: url("../images/channel-img/nav-img4-on.png") top center no-repeat;
}
.nav-img-span5{
  background: url("../images/channel-img/nav-img5.png") top center no-repeat;
}
.nav-five-on .nav-img-span5{
  background: url("../images/channel-img/nav-img5-on.png") top center no-repeat;
}
.nav-img-span6{
  background: url("../images/channel-img/nav-img6.png") top center no-repeat;
}
.nav-six-on .nav-img-span6{
  background: url("../images/channel-img/nav-img6-on.png") top center no-repeat;
}
.nav-img-span7{
  background: url("../images/channel-img/nav-img7.png") top center no-repeat;
}
.nav-seven-on .nav-img-span7{
  background: url("../images/channel-img/nav-img7-on.png") top center no-repeat;
}
.nav-img-span8{
  background: url("../images/channel-img/nav-img8.png") top center no-repeat;
}
.nav-eight-on .nav-img-span8{
  background: url("../images/channel-img/nav-img8-on.png") top center no-repeat;
}
  .channel-nav-txt {
  height: 100px; }
  .channel-nav-txt .chan-title {
  margin-bottom: 20px; }
  .channel-nav-img {
  }
.channel-nav-img li {
  text-align: right;
  padding-top: 20px;
}
.channel-nav-img li img {
  width: 95%;
  }
 .mobile-down {
  /*  background: url("../images/channel-img/mobile-down.png") no-repeat;*/
  width:100%;
  max-width: 1120px;
  margin: 0 auto;
   padding-bottom: 100px;
  padding-top: 80px; }
 .mobile-down .mobile-down-wp {
  position: relative; }
 .mobile-down .mobile-down-wp li {
  float: left;
   width: 33%;
  height: 200px;
   padding: 20px 15px;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; }

 .mobile-down .mobile-down-wp .advan-title {
  font-size: 22px;
   color: #00022b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
 .mobile-down .mobile-down-wp .advan {
  background: url("../images/channel-img/mobile-icon.png") no-repeat;
  height: 47px;
  width: 57px;
  display: inline-block; }
 .mobile-down .mobile-down-wp .advan-one {
  background-position: -24px 0px}
 .mobile-down .mobile-down-wp .advan-two {
  background-position: -110px 0px }
 .mobile-down .mobile-down-wp .advan-three {
  background-position: -183px 0px; }
 .mobile-down .mobile-down-wp .advan-four {
  background-position: -404px 0px; }
 .mobile-down .mobile-down-wp .advan-five {
  background-position: -268px 0px; }
 .mobile-down .mobile-down-wp .advan-six {
  background-position: -348px 0px }
 .mobile-down .mobile-down-wp .advan-seven {
  background-position: -456px 0px; }
  .mobile-down .mobile-down-wp .advan-eight {
  background-position: -512px 0px; }
  .mobile-down .mobile-down-wp .advan-nine {
  background-position: -404px 0px; }
  .mobile-down .mobile-down-wp .advan-ten {
  background-position: -404px 0px; }
  /*---func style end---*/
  .shouquan-wrap table{
  width: 100%;
  border-left: 1px solid #cccccc;
}
.shouquan-wrap table tr{
  border-bottom: 1px solid #cccccc;
}
.shouquan-wrap table tr th{
  width:25%;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  border-right: 1px solid #cccccc;
}
.price-wrap table{
  width: 100%;
  border-left: 1px solid #cccccc;
}
.price-wrap table thead tr th{
  background-color: #61B6FF;
  color: #ffffff;
  font-size: 16px;
  line-height: 50px;
}
.shouquan-wrap table thead tr th{
  background-color: #61B6FF;
  color: #ffffff;
  font-size: 16px;
  line-height: 55px;
}
.color-g{
  color: #61B6FF;
}
.color-r{
  color: #FF0000;
}
table tr th .table-note{
  font-size: 13px;
}
.text-intro{
  font-size: 14px;
  color: #cccccc;
  text-align:center;
  margin-left:200px;
  width:700px;
}
.text-intro p{
  font-size: 14px;
  text-indent: 20px;
  color: #444444;
}
.price-wrap table tr{
  border-bottom: 1px solid #cccccc;
}
.price-wrap table tr th{
  text-align: center;
  font-size: 15px;
  line-height: 40px;
  border-right: 1px solid #cccccc;
}
.note-title{
  color: #212121;
  margin-bottom: 5px;
  font-size: 18px;
}
.note-ul li{
  font-size: 15px;
  line-height: 30px;
}
.note-wrap{
  padding-bottom: 100px;
}
table tr th.table-lh{
  line-height: 25px!important;
}
.intro-pro-wp ul{
  width: 100%;
}
.intro-pro-wp ul li{
  width: 50%;
  float: left;
  padding-right: 50px;
  height: 100px;
}
.pro-icon{
  display: inline-block;
  float: left;
  width:15%;
}
.pro-icon img{
  border: 1px solid #212121;
  width: 50px;
  height: 50px;
  display: inline-block;
}
.pro-txt{
  display: inline-block;
  width: 85%;
}
.pro-txt .pro-txt-tit{
  color: #212121;
  font-size: 15px;
}
.pro-txt .pro-txt-intro{
  color: #757575;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  white-space: nowrap;
}
.flow-chart{ margin-top:60px; margin-bottom:60px;text-align: center}
.nav-blank{
  height: 70px;
}
.part-left{
  float: left;
  width: 50%;
}
.part-right{
  width: 50%;
  float: left;
}
.nf-tittle li{
  height: 86px;
  width: 138px;
  border-right:1px solid #f0f1f5;
  border-bottom:1px solid #f0f1f5;
  float: left;
  cursor: pointer;
}
.nf-tittle li span{
  display: inline-block;
}
.nf-icon-wp{
  padding-top: 12px;
  display: none;
}
.nf-tit-wp {
  padding-top:35px;
}
.nf-tit-on .nf-icon-wp {
  display: block;
}
.nf-tit-on .nf-tit-wp {
  padding-top:0;
}
.nf-icon{
  height: 30px;
  width: 30px;
}
.nf-icon1{
  background: url("../images/channel-img/dev.png") no-repeat top center;
}
.nf-tit-on .nf-icon1{
  background: url("../images/channel-img/dev-on.png") no-repeat top center;
}
.nf-icon2{
  background: url("../images/channel-img/web.png") no-repeat top center;
}
.nf-tit-on .nf-icon2{
  background: url("../images/channel-img/web-on.png") no-repeat top center;
}
.nf-icon3{
  background: url("../images/channel-img/wap.png") no-repeat top center;
}
.nf-tit-on .nf-icon3{
  background: url("../images/channel-img/wap-on.png") no-repeat top center;
}
.nf-icon4{
  background: url("../images/channel-img/wap.png") no-repeat top center;
}
.nf-tit-on .nf-icon4{
  background: url("../images/channel-img/wap-on.png") no-repeat top center;
}
.nf-icon5{
  background: url("../images/channel-img/sdk.png") no-repeat top center;
}
.nf-tit-on .nf-icon5{
  background: url("../images/channel-img/sdk-on.png") no-repeat top center;
}
.nf-icon6{
  background: url("../images/channel-img/kai.png") no-repeat top center;
}
.nf-tit-on .nf-icon6{
  background: url("../images/channel-img/kai-on.png") no-repeat top center;
}
.nf-icon7{
  background: url("../images/channel-img/h5.png") no-repeat top center;
}
.nf-tit-on .nf-icon7{
  background: url("../images/channel-img/h5-on.png") no-repeat top center;
}
.nf-tit{
  font-size: 14px;
  font-family: SimSun;
  color: #989daa;
}
.nf-tit-on .nf-tit{
  color: #62b5ff;
  font-size: 16px;
  font-weight: bold;
}
.t-center{
  text-align: center;
}
.fun-wrap li {
  padding: 60px 0;
}
.n-part-left,.n-part-right{
  display: inline-block;
  vertical-align: top;
  transition: all .5s
}
.n-part-left{
  width:39.5%;
  float:left;
  padding-top: 69px;
}
.n-part-right{
   width:48.214%;
  float:right;
  text-align: center;
  padding-top: 50px;
}
.n-part-right img{
  width:100%;
  vertical-align: middle;
  max-width: 490px
}
.n_part_left_img{
      float: left;
    width: 58%;
    margin-top: 50px;
    margin-right: 2%;
  }
.n_part_left_img img{width:100%;max-width: 490px}
.n-part-content li{
  display: none;
}
.n-part-content .n-part-on{
  display: block;
}
.n-btn-wp a{
    background-color: #eef5fa;
    border: 1px solid #eef5fa;
    border-radius: 18px;
    box-shadow: 0 2px 10px #eef5fa;
    color: #a8c3dd;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 28%;
    margin: 0 3% 3% 0;
  }
.n-part-desc{
  margin-bottom: 40px;
}
.n-part-desc h4{
  font-family: "Microsoft YaHei", sans-serif;
  font-size: 24px;
  color: #00022b;
  margin-bottom: 28px;
}
.n-part-desc .n-part-txt{
  font-size: 16px;
  color: #989daa;
  line-height: 32px;
}
.n-btn-wp a:hover{
  background-color: #62b5ff;
  color: #ffffff;
}
.n-btn-wp a i{
 display: block;
    float: left;
    height: 36px;
    margin-left: 16px;
    width:16px;
  }
.ys_icon {background: url(../images/channel-img/ys.png) no-repeat center center / 100% auto;}
.gn_icon {background: url(../images/channel-img/gn.png) no-repeat center center / 100% auto;}
.lx_icon {background: url(../images/channel-img/lx.png) no-repeat center center / 100% auto;}
.n-btn-wp a:hover .ys_icon {background-image: url(../images/channel-img/ys_on.png);}
.n-btn-wp a:hover .gn_icon {background-image: url(../images/channel-img/gn_on.png);}
.n-btn-wp a:hover .lx_icon {background-image: url(../images/channel-img/lx_on.png);}
.img-left{display: inline-block;vertical-align: top;width: 38.125%;text-align: center;}
.img-left img{width:100%;}
.txt-right{float: right;width: 46.78%;max-width: 524px;display: inline-block;vertical-align: top;padding-top: 60px;}
.txt-right h4{
  color: #212121;
  margin-bottom: 20px;
  font-size: 30px;
}
.txt-right p{
  line-height: 26px;
  font-size:16px;
  letter-spacing:1.75px;
}
.home-text{min-height: 480px;background-color: #f0f1f5;padding-top: 80px;}
.price-wrap table tr th.pa-left{
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}
.li-a {
  color: rgb(124, 179, 66);
  margin-top: 20px;
}
.li-a a {
  background: rgba(0, 0, 0, 0) url("../images/channel-img/r.png") no-repeat scroll left center / auto 10px;
  color: #799ec7;
  cursor: default;
  display: inline-block;
  font-size: 14px;
  line-height: 25px;
  margin-right: 4.52%;
  margin-top: 10px;
  padding-left: 4.52%;
}
.n-btn-wp a {
    background-color: #eef5fa;
    border: 1px solid #eef5fa;
    border-radius: 18px;
    box-shadow: 0 2px 10px #eef5fa;
    color: #a8c3dd;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 28%;
    margin: 0 3% 3% 0;
  }
/*# sourceMappingURL=style.css.map */
/*------系统架构模块----------*/
.system-adv {
  margin-top: 50px;
  margin-bottom: 100px;
}
.tab-hd { float: left; width: 250px; position: relative; margin-right: 20px; margin-top: 15px; }
.tab-hd li { width: 100%; cursor: pointer; position: relative; z-index: 2; }
.tab-hd li p { float: right; line-height: 58px; color: rgb(51, 67, 85); font-size: 30px; width: 100%; border-bottom: 1px solid rgb(237, 237, 237);  margin: 0;}
.tab-list { font-size: 16px; display: inline-block; line-height: 68px; vertical-align: middle;}
.tab-hd li p i { display: inline-block; line-height: 68px; float: left; color: rgb(182, 182, 182); }
.tab-hd li p b { float: left; display: inline-block; line-height: 68px; margin: 0px 16px; font-style: italic; font-weight: normal; }
.tab-hd li:hover p { color: rgb(147, 204, 255); font-weight: bold;}
.tab-hd li:hover p i { color: rgb(147, 204, 255); font-weight: bold;}
.tab-hd li.on p { color: rgb(147, 204, 255); font-weight: bold;}
.tab-hd li.on .tab-icon-01 { background-image: url('../images/zk-img/dev-on.png'); }
.line { width: 1px; height: 360px; background: rgb(237, 237, 237) none repeat scroll 0% 0%; float: left; margin: 80px 40px 80px 20px; }
.content-bd { float: left; height: 500px !important; width: 750px; }
.content-bd li { list-style-type: none; position: relative; height: 100%;  }
.content-bd .li-top { padding: 25px 0px 0px; }
.content-bd h5 { color: rgb(102, 102, 102); font-size: 24px; line-height: 38px; position: relative; z-index: 2; margin: 0; }
.content-bd p { color: rgb(153, 153, 153); font-size: 14px; line-height: 22px; margin-bottom: 5px; position: relative; z-index: 2; }
.content-bd .li-a { position: relative; z-index: 2; }
.content-bd .li-a a { color: rgb(124, 179, 66); font-size: 14px; margin-right: 50px; cursor: default; line-height: 25px; }
.content-bd .li-a span { color: rgb(153, 153, 153); font-size: 14px; }
.content-bd .li-img {  text-align: center; position: absolute; top: 70px; right: 0px; }
.content-bd .li-t .li-img { left: inherit; right: 0px; text-align: right; }
.slideTxtBox { border: 1px solid #ebebeb;}
.tab-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-right: 15px;
  transition: all .3s ease;
}
.tab-icon-01 {
  background-image: url('../images/zk-img/dev.png');
}
.tab-icon-02{
  background-image: url('../images/zk-img/app.png');
}
.tab-icon-03 {
  background-image: url('../images/zk-img/h5.png');
}
.tab-icon-04 {
  background-image: url('../images/zk-img/kai.png');
}
.tab-icon-05 {
  background-image: url('../images/zk-img/sdk.png');
}
.tab-icon-06 {
  background-image: url('../images/zk-img/wap.png');
}
.tab-icon-07 {
  background-image: url('../images/zk-img/web.png');
}
.tab-icon-08 {
  background-image: url('../images/zk-img/wec.png');
}
.tab-hd li.on .tab-icon-01 { background-image: url('../images/zk-img/dev-on.png'); }
.tab-hd li.on .tab-icon-02 { background-image: url('../images/zk-img/app-on.png'); }
.tab-hd li.on .tab-icon-03 { background-image: url('../images/zk-img/h5-on.png'); }
.tab-hd li.on .tab-icon-04 { background-image: url('../images/zk-img/kai-on.png'); }
.tab-hd li.on .tab-icon-05 { background-image: url('../images/zk-img/sdk-on.png'); }
.tab-hd li.on .tab-icon-06 { background-image: url('../images/zk-img/wap-on.png'); }
.tab-hd li.on .tab-icon-07 { background-image: url('../images/zk-img/web-on.png'); }
.tab-hd li.on .tab-icon-08 { background-image: url('../images/zk-img/wec-on.png'); }
/*------------产品价格模块-------------*/
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"] + label {
  cursor: pointer;
  font-size: 1em;
}
[id^="checkbox-1-"] + label {
  background-color: #FFF;
  border: 1px solid #C1CACA;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  margin: 0px;
}
[id^="checkbox-1-"] + label:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
[id^="checkbox-1-"]:checked + label {
  background-color: #fff;
  border: 1px solid rgb(168,215,255);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: #243441;
  font-size: 62.5%;
}
[id^="checkbox-1-"]:checked + label:after {
  content: '\2713';
  position: absolute;
  top: 0px;
  left: 0px;
  color: rgb(168,215,255);
  width: 100%;
  text-align: center;
  font-size: 1.4em;
  padding: 1px 0 0 0;
  vertical-align: text-top;
}
.sale-type-checkbox {
  height: 20px;
  display: inline-block;
  margin-right: 11px;
  max-width: 120px;
  min-width: 90px;
  margin-bottom: 10px;
}
.sale-type-checkbox:nth-child(3n) {
  margin-right: 0px;
}
.checkbox-text {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
  margin-left: 5px;
  line-height: 20px;
  color: rgb(154,154,154);
}
.sale-title-word {
  color: rgb(0,3,51);
  font-size: 18px;
  font-weight: bold;
}
.sale-title-price {
  color: rgb(254,111,18);
  font-size: 16px;
  font-weight: bold;
  margin-left: 35px;
}
.sale-title-price::before {
  content: "\00A5";
  margin-right: 5px;
}
.sale-type-checkbox-wrapper {
  margin: 15px 7.5px;
}
/*产品价格*/
.pay_select{width:103.75%;}
.pay_select li{float:left;width:30.4%;background:#fff;border-radius: 6px;box-shadow: 0 2px 10px rgba(0,0,0,.05);margin-left:-9px;overflow: hidden;text-align: center;margin:25px 2.7% 25px 0;transition: all .5s}
.pay_select li .h_title{background:#9cbcda;font-size:18px;color:#fff;line-height:74px;}
.pay_select li .h_center_box{padding:10px;background:url(../images/h_png.png) no-repeat center 33px;padding-top:73px;}
.pay_select .h_center_box table{width:100%;}
.pay_select .h_center_box table th{font-size:23px;text-align: center;font-weight: normal;} 
.pay_select .h_center_box table td{font-size:37px;font-weight: bold;color:#65c6fd;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(86, 197, 252, 1)), to(rgba(144, 131, 237, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;white-space: nowrap;} 
    .h_pay_btn{color:#fff;background:#61b6ff;border-radius: 4px;display: block;width:83.4%;margin:108px auto 30px;line-height:50px;font-size:17px;box-shadow: 0 3px 10px rgba(97,182,255,.4)}
.pay_select li:hover .h_title{background:#62b5ff;}
.h_pay_btn:hover{background:#258cff;color:#fff;}
td.icon-xiajiang{font-weight: normal!important;font-size:30px!important;}
/*产品演示*/
.pro-wrap{
  max-width: 1035px;
  margin: 0 auto;
  height: 478px;
}

.pro-part{
  height: 270px;
  width: 18%;
  display: inline-block;
  margin-right: 1.6425%;
  position: relative;
  overflow: hidden;
  border: 1px solid #d1d6dc;
}
.pro-part .pro-part11{    
    text-align: center;
    padding-top: 29px;
    background: #f3f7fa;
}
.pro-part-zhzhao{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 220px;
  width: 100%;
  background-color: rgba(32,70,88,0.86);
  display: none;
}
.pro-part-zhzhao:hover{
  display: block;
}
.blank-part{
  height: 10px;
}
.pro-part-zhzhao a{
  display: block;
  text-align: center;
}
.pro-part-nav{
  position:absolute ;
  left: 0px;
  bottom: 0px;
  height: 50px;
  width: 100%;
  background:#fff;
}
.pro-part-nav a{
  display: inline-block;
  float: left;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-family: "Microsoft YaHei", sans-serif;
  color: #212121;
  text-decoration: none;
  text-align: center;
  width:50%;

}
.pro-part-nav a:hover{
  color: #0086ff;
}
.pro-part-nav span{
  display: inline-block;
  cursor: pointer;
  float: right;
  height: 50px;
  width: 50px;
  line-height: 60px;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  width: 50%;
  text-align: center;
}
.pro-part-nav span:hover{
  color: #0086ff;
}
.pro-part-btn{
  display: inline-block;
  background: url("../images/pro-img/md-icon.png")no-repeat top center;
  height: 20px;
  width: 20px;
  background-position: 0px 0px;
}
.pro-part-btn:hover{
  background-position: -28px 0px;
}
.pro-head span.head-txt{
  font-family: "Microsoft YaHei", sans-serif;
  color: #212121;
  font-size: 22px;
}
.pro-part-img{
  text-align: center;
  margin-bottom: 10px;
  margin-top: 15px;
}
.pro-download1{
  display: inline-block;
  width: 110px;
  height: 28px;
  line-height: 28px;
  border-radius: 26px;
  border: 1px solid #d1d6dd;
  color: #d1d6dd;
}
.pro-download1:hover{
  border: 1px solid #0086ff;
  background-color: #0086ff;
  color: #ffffff;
}
.pro-download2{
  display: inline-block;
  width: 110px;
  height: 28px;
  line-height: 28px;
  border-radius: 26px;
  border: 1px solid #d1d6dd;
  color: #d1d6dd;
}
.pro-download2:hover{
  border: 1px solid #0086ff;
  background-color: #0086ff;
  color: #ffffff;
}
.part-wrap{
  position: relative;
  width: 35.748%;
  height: 270px;
  margin-right: 1.6425%;
  display: inline-block;
  overflow: hidden;
  border: 1px solid #d1d6dc;
}
.part-wrap .part-wrap-img{
  text-align: center;
    padding-top: 46px;
    background: #f3f7fa;
}
.part-nav-ul{
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 50px;
  width: 100%;
  background:#fff;
}
.part-nav-ul li{
  float: left;
  width: 33%;
  list-style: none;
  height: 50px;
}
.part-nav-ul li{
  text-align: center;
  position: relative;
}
.part-nav-ul li a{
  display: inline-block;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-family: "Microsoft YaHei", sans-serif;
  color: #212121;
  text-decoration: none;
}
.part-nav-ul li a:hover{
  color:#0086ff;
}

.part-nav-ul li.part-nav-on a{
  color:#0086ff;
}
.part-wrap-ul li:hover .part-wrap-zhzhao{
  display: block;
}
.part-wrap-zhzhao{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 220px;
  width: 100%;
  background-color: rgba(32,70,88,0.86);
  text-align: center;
  display: none;
}
.part-wrap-zhzhao span{
  display: block;
  margin: 0 auto;
}
.part-wrap-zhzhao .zhzhao-add{
  background: url("../images/product-img/img-view.png") no-repeat top center;
  height: 57px;
  width: 57px;
  background-position: 0px 0px;
  margin-top: 75px;
}
.part-wrap-zhzhao .zhzhao-add:hover{
  background-position: -68px 0px;
}
.part-wrap-zhzhao .zhzhao-txt{
  margin-top: 5px;
  font-size: 15px;
  color: #ffffff;
}

.ads-close-btn{
  z-index: 1;
  position: absolute;
  right: -13px;
  top: -14px;
}
.ads-close-btn span{
  display: inline-block;
  float: right;
  height: 30px;
  width: 30px;
  background-color: #0086ff;
  color: #ffffff;
  text-align: center;
  line-height: 26px;
  cursor: pointer;
  border-radius: 15px;
}
.ads-wrap{
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  background: rgba(0,0,0,.5);
  z-index: 998;
}

.ads{
  position: fixed;
  left: 50%;
  top:50%;
  display: none;
  z-index: 999;
}

.v{
  width: 294px;
  margin-top: -212px;
  margin-left: -147px;
}

.h{
  width: 500px;
  margin-top: -190px;
  margin-left: -250px;
}
.carousel-ctl-l{
  position: absolute;
  top: 50%;
  bottom: 0;
  left: -200px;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  height: 300px;
  width: 350px;
  line-height: 50px;
  border-radius: 4px;
  margin-top: -25px;
}

.carousel-ctl-r{
  position: absolute;
  top: 50%;
  right: -200px;
  bottom: 0;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  height: 200px;
  width: 350px;
  line-height: 50px;
  border-radius: 4px;
  margin-top: -25px;
}

.carousel-ctl-l:hover{
  color: #ffffff;
}

.carousel-ctl-r:hover{
  color: #ffffff;
}
.ads1-close-btn{
  z-index: 1;
  position: absolute;
  right: -12px;
  top: -17px;
}
.ads1-close-btn span{
  display: inline-block;
  float: right;
  height: 30px;
  width: 30px;
  background-color: #0086ff;
  color: #ffffff;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
  border-radius: 15px;
}
.ads1-wrap{
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  background: rgba(0,0,0,.5);
  z-index: 998;
}

.ads1{
  position: fixed;
  left: 50%;
  top:50%;
  display: none;
  z-index: 999;
}

/*流量变现*/

.sec_6{padding-bottom:92px;margin-top:20px;}
.sec_6 li{float:left;width:20%;border-right:1px solid #9d9fa1;text-align: center;color:#fff;padding:29px 0;position: relative; overflow: hidden;}
.sec_6 li:nth-child(5n){border-right:none;}
.sec_6 li .z-index_1{position: relative;transition: all .5s}
.sec_6 li .z-index_1 .img_box{height:95px;overflow: hidden;}
.sec_6 li .z-index_1 .title{font-size:20px;margin-top: 31px;}
.sec_6 li .pupBox{position: absolute;width:100%;height:100%;left:0;top:0;background:rgba(17,19,27,.5);opacity: 0;transition: all .5s}
.sec_6 li .pupBox h3 {
    margin: 30px 0 20px;
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
  }
.sec_6 li .pupBox p {
  padding: 0 20px;
  font-size: 15px;
  line-height: 30px;
  transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  padding:0 20px;
  display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;
  }
.sec_6 li:hover .z-index_1{opacity: 0;transition: all .5s}
.sec_6 li:hover .pupBox{opacity: 1;transition: all .5s}

@media(max-width:960px){
  .sec_6 li{
    width:33.33%;
    border-top:1px solid #9d9fa1;
  }
  .sec_6 li:nth-child(5n-1),.sec_6 li:nth-child(5n){
    width:50%;
  }
   .sec_6 li:nth-child(5n-2){
    border-right:none;
   }
   .sec_6 li .pupBox h3{margin-bottom:9px;}
}
@media(max-width:650px){
   .sec_6 li .pupBox h3{margin:30px 0 6px;}

}
@media(max-width:550px){
  .sec_6 li{width:50%;}
  .sec_6 li:nth-child(odd){
    border-right:1px solid #9d9fa1;
  }
  .sec_6 li:nth-child(even){
    border-right:none;
  }
  .sec_6 li:nth-child(5n-1){
    border-bottom:1px solid #9d9fa1;
  }
  .sec_6 li .z-index_1 .title{
    margin-top:10px;
  }
  .sec_6 li .pupBox h3{
    margin:30px 0 10px;
    font-size:18px;
  }
  .sec_6 li .pupBox p{
    font-size:12px;
    line-height:22px;
  }
}
/*流量变现——end*/

/*index *****siwper_banner******/
.banner_bg{
  background:#deeafd;
}
.swiper_banner{
  max-width:1000px;
  width:100%;
  margin:0 auto;
  padding-bottom:80px;
}

.h_swiper_prev,.h_swiper_next,.swiper-button-prev.swiper-button-disabled{
    border: 1px solid #e9ddca;
    position: absolute;
    top: 69%;
    margin-top: -25px;
    display: block;
    width: 50px;
    height: 55px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity: .3;
    transform: translateY(-50%);
}
.h_swiper_prev{background: #000 url(../images/prev.png) no-repeat center!important;}
.h_swiper_next{background: #000 url(../images/next.png) no-repeat center!important;}
@media(max-width:580px){
  .h_swiper_prev, .h_swiper_next, .swiper-button-prev.swiper-button-disabled{
    width:29px;
  }
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:-14px;}
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:-14px;}
}

/*sec_8*/
.sec_8 .swiper_btn_warp{max-width:1200px;margin:0 auto;}
.sec_8 .swiper_btn_warp span{
    display: inline-block;
    width: 30%;
    float:left;
    text-align: center;
    background: #fff;
    margin:0 1%;
    line-height: 54px;
    font-size: 20px;
    color: #1d62d9;
    border-bottom: 1px solid #f0eeee;
    transition: all .5s;
      cursor:pointer;
}
.sec_8 .swiper_btn_warp span.active{
  background:rgba(29,98,217,.9);
  color:#fff;
  transition: all .5s;

}
.sec_8 .swiper_btn_warp span:nth-child(4n){
  margin-right:0;
}
.sec_8_tab .swiper-slide{height:auto;}
.sec_8_tab .swiper-slide .tr{overflow: hidden;}
.sec_8_tab .swiper-slide .td {width:50%;float:left;}
.sec_8_tab .swiper-slide .td .img_box{
  position: relative;
  width:111px;
  height:111px;
  overflow: hidden;
  margin-left:33px;
  float:left;
}
.sec_8_tab .swiper-slide .td .img_box:after{
  width:80px;
  height:80px;
  display: inline-block;
  content:'';
  position: absolute;
     left: 14%;
    top: 14%;
  background:#1d62d9;
  border-radius: 4px;
  transform: rotate(-45deg);
  z-index: 0;
}
.sec_8_tab .swiper-slide .td .img_box img{
  position: relative;
  z-index: 2;
  width:auto;
}
.sec_8_tab .swiper-slide .td{padding:30px 0;color:#3d3d3d;}
.sec_8_tab .swiper-slide .td .txt_box{display: -webkit-box;-webkit-box-orient: vertical;padding: 10px 54px 10px 22px;vertical-align: middle;}
.sec_8_tab .swiper-slide .td .txt_box .choice-tit{line-height: 30px;font-size:18px;white-space: nowrap;}
.sec_8_tab .swiper-slide .td .txt_box p{line-height: 20px;font-size:14px;}
@media(max-width:800px){
  .sec_8_tab .swiper-slide .td {width:100%;border-bottom:1px solid #f0eeee;padding:10px 0;}
  .sec_8_tab .swiper-slide .td .img_box{margin-left:0;}
}
@media(max-width:700px){
  .sec_8 .swiper_btn_warp span{font-size:16px;}
}
@media(max-width:420px){
  .sec_8 .swiper_btn_warp span{font-size:16px;width:25%;margin:0;font-size:13px;}
}

/*sec_6   h_yycj*/
.four_layout li{
   float:left;
   width:22.7%;
   margin-right:3%;
}
.four_layout li:nth-child(4){
  margin-right:0;
}
.h_yycj.four_layout{padding:57px 0;}
.h_yycj.four_layout li{padding:19px;color:#fff;text-align: center;margin-bottom:3%;transition: all .3s;}
.h_yycj.four_layout li:last-child{margin-right:0;}
.h_yycj.four_layout li:hover{transform: translate(-5px,-5px);}
.h_yycj.four_layout li:nth-child(1){background:#10be51;}
.h_yycj.four_layout li:nth-child(2){background:#1088d5;}
.h_yycj.four_layout li:nth-child(3){background:#ffa200;}
.h_yycj.four_layout li:nth-child(4){background:#ef5a25;}
.h_yycj .img_box{display: block;margin:0 auto;width:65%;max-width:84px;height:75px;overflow: hidden;margin-bottom:16px;}
.h_yycj .img_box img{width:100%;}
.h_yycj.four_layout li .sub_title{font-size:22px;line-height:23px;margin-top:40px;margin-bottom:30px;}
.h_yycj.four_layout li .ifon{font-size: 14px;line-height: 20px;height:127px;overflow: hidden;}
@media(max-width:1050px){
 .h_yycj.four_layout li{width:29.7%;}
}
@media(max-width:800px){
  .h_yycj.four_layout{padding:23px 0;}
  .h_yycj.four_layout li{width:46.9%;margin-right:0;margin-bottom:6.2%;}
 .h_yycj.four_layout li:nth-child(odd){float:left;}
  .h_yycj.four_layout li:nth-child(even){float:right;}

}
@media(max-width:500px){
   .h_yycj.four_layout li{width:96%;float:none!important;margin-left:auto;margin-right:auto;margin-bottom:8.2%;}
}

/*about-style*/
.about-wp .p-title {
margin-bottom: 30px;
font-size: 28px;
color: black;
font-weight: bold; 
}
.about-wp .p-title span {
display: inline-block;
margin-right: 18px;
width: 22px;
height: 22px;
background: url("../images/about-img/about-num.png") no-repeat;
background-position: 0px 0px; 
}
.about-wp .p-title .p-title-span2 {background-position: -34px 0px; }
.about-wp .p-title span.h_about_num_5{background:#3b3b3b;    font-size: 13px;color: #fff;border-radius: 2px;line-height: 22px;text-align: center;vertical-align: middle;}
.about-banner {
  background: url("../images/about-img/about-banner.png") no-repeat top center;
  height: 482px;
  width: 100%;
  margin: 0 auto; }

.detail-banner {
  background: url("../images/about-img/detail-banner.jpg") no-repeat top center;
  height: 482px;
  width: 100%;
  margin: 0 auto; }


.about-banner .banner-wp {
  padding-top: 32px;
  padding-left: 250px;
  width: 980px;
  margin: 0 auto; }
.about-banner .banner-wp .p-title {
  color: white; }
.about-banner .banner-wp p {
  margin-bottom: 34px;
  color: white; }


.pro-banner {
  background: url("../images/pay-img/pro-banner.jpg") no-repeat top center;
  height: 400px;
  width: 100%;
  margin: 0 auto; }

.join-us {
  width: 980px;
  height: 290px;
  margin: 0 auto;
  color: #868686;
  padding-top: 50px; }
.join-us ul {
  width: 980px; }
  .join-us ul li {
    float: left; }
.join-us ul li:first-child {
  width: 780px;
  line-height: 30px; }
.join-us ul li:last-child {
  width: 200px;
  padding-left: 34px; }
  .join-us ul li:last-child .express{
    text-align: center;
    text-decoration: none;
    background: url("../images/about-img/express.png") no-repeat;
    height: 71px;
    width: 177px;
    cursor: pointer; }
  .join-us ul li:last-child a{
    text-decoration: none;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    font-weight: 500;
    color: white; }
.join-us .p-title span {
    background-position: -72px 0;
}
.contact-us .p-title span {
    background-position: -106px 0;
}

.contact-us {
  height: 326px;
  width: 980px;
  margin: 0 auto; }
.contact-us ul li {
  float: left; }
.contact-us .contact-message {
  position: relative;
  color: #868686; }
.contact-us .contact-message span {
  display: inline-block;
  background: url("../images/about-img/about-icon.png") no-repeat;
  height: 18px;
  width: 18px;
  margin-right: 8px;
  position: relative;
  top: 5px; }
.contact-us .contact-message .tel {
  position: absolute; }
  .contact-us .contact-message .tel span {
    background-position: -27px 0px; }
.contact-us .contact-message .qq {
  position: relative;
  left: 177px;
  text-align: left; }
  .contact-us .contact-message .qq span {
    background-position: -58px 0px; }
  .contact-us .contact-message .qq a {
    text-decoration: none;
    color: #868686; }
.contact-us .contact-message .address span {
  background-position: 0px 0px; }

/*荣誉资质*/
.h_zz_title{  font-size: 28px;
  font-weight: bold;
  color: #3b3b3b;
  text-align: center;}
.h_zz_list{max-width:1086px;margin-left:auto;margin-right:auto;width:100%;}
.h_zz_list li{float:left;margin-right:35px;width:327px;background: #f1f4fb;border:1px solid #d5dae0;margin-bottom:35px;}
.h_zz_list li .h_img_box{padding:25px;overflow: hidden;}
.h_zz_list li .h_img_box img{height:379px;}
.h_zz_list li .h_img_box .h_heng{height: 190px;}
.h_zz_list li .h_txt{height:90px;background:#fff;}
.h_zz_list li .h_txt:after,.set_big_img:after{display: inline-block;vertical-align: middle;content:'';height:100%;}
.h_zz_list li .h_txt p{vertical-align: middle;display: inline-block;width:100%;color:#314663;font-size:18px;padding:0 10px;}
.set_big_img{position: fixed;width:100%;height:100%;z-index: 1031;background:rgba(0,0,0,.5);left:0;top:0;text-align: center;vertical-align: middle;overflow:visible;transition: all .5s}
.h_zz_list li .h_img_box.set_big_img img{vertical-align: middle;transition:all .5s ;transform: scale(1);height:100%;}
.h_zz_list li .h_img_box.set_big_img .h_close{display:block;position: absolute;right:20px;top:20px;width:40px;height:40px;background:url(../images/guanbi.png) no-repeat center;transition: all .5s;background-size:100%;}
.h_zz_list li .h_img_box.set_big_img .h_close:hover{transform: rotate(180deg);transition: all .5s}
 @media(max-width:1070px){
     .h_zz_list li .h_img_box{padding:0;}
     .h_zz_list li .h_img_box img{width:100%;}
 }
 @media(max-width:805px){
  .h_zz_list li{width:64%;margin:20px auto;float:none;}
  .h_zz_list li .h_img_box .h_heng,.h_zz_list li .h_img_box img{height:auto!important;width:99%!important;}
  .h_zz_list li .h_img_box.set_big_img .h_close{width:22px;height:22px;}
}
@media(max-width:400px){
  .h_zz_list li{width:90%;}
 .h_zz_list li .h_img_box.set_big_img img{height:auto;width:99%;}
}
@media(max-width:400px){
  .h_zz_list li{width:90%;}
 .h_zz_list li .h_img_box.set_big_img img{height:auto;width:99%;}
}

/*产品升级*/
.h_Journal_list li.addbg:after{border-color:#65c1ff;}
.h_Journal_list li:nth-child(odd):after{left:-64px;}
.h_Journal_list li:nth-child(even):after{right:-70px;}
.Journal_list_wrap .h_Journal_list{width:100%;position: relative;max-width:980px;margin-left:auto;margin-right:auto;padding-top:140px;}
.Journal_list_wrap .h_Journal_list li{display:inline-block;width:429px;background:#fff;position: absolute;}
/*.Journal_list_wrap .h_Journal_list{width:100%;position: relative;}
.Journal_list_wrap .h_Journal_list li{display:inline-block;width:429px;background:#fff;position: absolute;}*/
.h_Journal_list_li_top{height:80px;background:#65c1ff;color:#fff;box-sizing: border-box;position: relative;border-color:#65c1ff;}
.h_Journal_list_li_top:after{content:'';width:0;height:0;border:15px solid transparent;position: absolute;top:50%;margin-top:-15px;}
.h_Journal_list_li_top .time-num{float:left;width:97px;text-align: center;margin:0;}
.h_Journal_list_li_top .time-num span{display: block;}
.h_Journal_centers{border:1px solid #d6d9e0;padding:24px;}
.h_Journal_list li:nth-child(3n+2) .h_Journal_list_li_top{background:#65c1ff;border-color:#65c1ff;}
.h_Journal_list li:nth-child(3n+1) .h_Journal_list_li_top{background:#978acf;border-color:#978acf;}
.h_Journal_list li:nth-child(3n+0) .h_Journal_list_li_top{background:#3bbeae;border-color:#3bbeae;}
.h_Journal_list li:nth-of-type(even) .h_Journal_list_li_top:after{right:-30px;border-left-color:inherit;}
.h_Journal_list li:nth-of-type(odd) .h_Journal_list_li_top:after{border-right-color:inherit;left:-30px;}
/*Journal_list*/
.Journal_list_wrap {position: relative;margin-bottom: 66px}
.Journal_list_wrap .anchor{margin:15px auto;height:100%;background:#d7dae1;width:10px;border:2px solid #cbd0d4;border-radius:10px;}
.Journal_list_wrap .anchor .scrol_bg{display:block;width:100%;background:#65c1ff; transition: all .8s;max-height:100%;}
.Journal_list_wrap .anchor .dian{position: absolute;width: 17px;height: 17px;background: #fff;margin-left: -6px;border: 6px solid #d7dae1;border-radius: 50%;}
.Journal_list_wrap .anchor .dian:after{content: '';width: 21px;height: 19px;background: transparent;border: 2px solid #cbd0d4;position: absolute;left: -8px;top: -7px;border-radius: 50%;border-top: none;border-bottom: none;}
.Journal_list_wrap .anchor .high.dian {border-color: #65c1ff;}
.Journal_list_wrap .anchor .dian.active:before{content: "";position: absolute;left:0;top:0;width:100%;height:100%;left:0;top:0;animation:spread .8s linear 1s infinite ;background:#65c1ff;border-radius:50%;}
.Journal_list_wrap .year.right{left:50.2%;background:url(../images/journey/position.png) no-repeat left center;background-size:27px;}
.Journal_list_wrap .year.right:nth-child(1){top:3700px;}
.Journal_list_wrap .year.left{right:-7px;background:url(../images/journey/position2.png) no-repeat right center;background-size:27px;}
.Journal_list_wrap .year{position: absolute;font-size: 27px;font-style: normal;color: #65c1ff;padding: 0 36px;}
.develop .develop-wp .develop-title, .h_develop_title .develop-title {
    text-align: center;
    font-size: 40px;
    font-family: "SimHei";
    font-weight: bold;
    color: white;
    background-color: #2c343f;
    display: inline-block;
    line-height: 78px;
    padding: 0 50px;
    position: relative;
    margin-bottom: 22px;
}
 .h_develop_title .develop-title:after{content:'';position: absolute;width:0;height:0;border:22px solid transparent;border-top-color:#2c343f; border-bottom:none;bottom:-22px;left:50%;margin-left:-22px;}
@keyframes spread{
     0%{transform: scale(0,0);opacity:0}
     20%{transform: scale(2,2);opacity:1}
     40%{transform: scale(4,4);opacity:.6}
     60%{transform: scale(6,6);opacity:.4}
     80%{transform: scale(8,8);opacity:.2}
     100%{transform: scale(10,10);opacity:0}
}
@-moz-keyframes spread{
  0%{transform: scale(0,0);opacity:0}
     20%{transform: scale(2,2);opacity:.1}
     40%{transform: scale(4,4);opacity:.6}
     60%{transform: scale(6,6);opacity:.4}
     80%{transform: scale(8,8);opacity:.2}
     100%{transform: scale(10,10);opacity:0}
}
@-webkit-keyframes spread{
     0%{transform: scale(0,0);opacity:0}
     20%{transform: scale(2,2);opacity:1}
     40%{transform: scale(4,4);opacity:.6}
     60%{transform: scale(6,6);opacity:.4}
     80%{transform: scale(8,8);opacity:.2}
     100%{transform: scale(10,10);opacity:0}
}
@-o-keyframes spread{
     0%{transform: scale(0,0);opacity:0}
     20%{transform: scale(2,2);opacity:1}
     40%{transform: scale(4,4);opacity:.6}
     60%{transform: scale(6,6);opacity:.4}
     80%{transform: scale(8,8);opacity:.2}
     100%{transform: scale(10,10);opacity:0}
}

.anitate_opacity{animation:opacit 1s;overflow: hidden;transition: all 2s;}
@keyframes opacit{
      0% {opacity: 0;transform: scale(0);}
      
      100%{opacity: 1;transform: scale(1);}
}
@media(max-width:924px){
  .Journal_list_wrap .year.right{display: none}
  .Journal_list_wrap .anchor{display: none}
  .Journal_list_wrap .h_Journal_list{padding-top:40px;}
  .Journal_list_wrap .h_Journal_list{width:100%;margin-left:auto;margin-right:auto;float:none!important;position: initial;}
  .Journal_list_wrap .h_Journal_list li{width:85%;float:none;display: block;position: initial;left:0;right:0;margin-left:auto;margin-right:auto;margin-bottom:30px;}
  .Journal_list_wrap .h_Journal_list_li_top:after{display: none}
}
@media(max-width:495px){
  .h_develop_title .develop-title{font-size:27px;padding:0 30px;line-height:60px;}
  .Journal_list_wrap .h_Journal_list li{width:90%;}
}
@media (max-width: 1132px){
.layout {
    width: 100%;
}


@media(max-width:1120px){ 
   .wrap{width:90%;}
   .game-wrap li {width: 14.285%;margin-right: 0;}
   .n-btn-wp a{font-size:12px;}
   .n-btn-wp a i{margin-left:10px;}
 }
@media(max-width:1100px){ 
   .game-wrap li {width: 16.285%;}
   .game-wrap li img {width: 76.388%;}
   .pay_select .h_center_box table td {font-size: 34px;}
 }
@media (max-width: 938px){
    .adv-txt p.adv-txt-tit{font-size:14px;}
    .adv-txt-ifon {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;height: 92px;}
    .pay_select li .h_title {line-height: 60px;}
    .pay_select .h_center_box table td {font-size: 30px;}
    .h_pay_btn {margin-top: 85px;line-height: 43px;font-size: 16px;}
  }
@media (max-width: 800px){
  body{padding:50px 0 54px 0;}
  .logo img {height: 35px; padding:0 0 5px 0;}
  .head-nav, .warp_hide, footer,.right_icon ,#cpzs{display: none;}
  .language_box {display: inline-block;}
  .language_box a {font-size: 12px;border-radius: 18px;margin-top: 11px;line-height: 24px;}
  .img-left,.txt-right{display: block;margin:0 auto;float:none;}
  .txt-right{padding-top:17px;padding-bottom: 10px;text-align: center;}
  .home-sample, .home-text {padding: 30px 0;}
  .footer_nav {display: block;z-index: 99;}
  .df_m_t {margin-top: 40px;}
  .list_warp li{ height: auto;padding: 0 0 30px 0;}
  .n-part-right, .n-part-left, .n_part_left_img{    display: block;float: none;margin: 0 auto;padding-top: 35px;}
  .n-part-left, .n_part_left_img{width: 64%;padding-left: 0;}
  .n_part_left_img{text-align: center}
  .n-part-desc h4{    margin-bottom: 9px;font-size: 21px;}
  .mobile-down .mobile-down-wp .advan-title{font-size: 19px;}
  .pay_select li {width: 45.9%;margin: 3.7% 3.7% 0 0;}
}
@media (max-width: 660px){
  .product-adv{padding-bottom:30px}
   .txt-right {width: 65%;}
   .title h4 {font-size: 27px;}
   .game-wrap li {width: 25%;}
   .language_box {width: 35%;line-height: 24px;}
 }
@media (max-width: 600px){
  .n-part-left {width: 100%;padding-left: 0;}
}
@media (max-width: 550px){
  .txt-right h4{font-size: 25px;white-space: nowrap;}
  .txt-right {width: 70%;}
  .title{height:50px;}
  .title h4 {font-size: 19px;}
  .adv-wrap li {width: 45.267%; margin-bottom: 15px;}
  .mobile-down .mobile-down-wp li{width:50%;}
  .pay_select {width: 100%;}
  .pay_select li {width: 90%;margin: 20px auto 0;float: none;}
  .pay_select .h_center_box table td {font-size: 37px;}
}
@media (max-width: 400px){
  .txt-right {width: 90%;}
  .game-wrap li {width: 33%;}
  .language_box a {line-height: 24px;}
}
@media (max-width: 350px){
  .title h4{font-size:16px;}
  .n-btn-wp a{line-height: 30px;height: 30px;}
  .n-btn-wp a i{margin-left:5px;height:30px;}
  .pay_select .h_center_box table td {font-size: 30px;}
}