@charset "UTF-8";
*{
    -webkit-tap-highlight-color:transparent;
     -ms-tap-highlight-color:transparent;
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
     box-sizing:border-box;
     padding:0;
     margin:0;
     border:0;
}
ul,li{list-style:none;}
a{text-decoration:none;}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}
@font-face
{
font-family: Regular;
}
.wrapper{
    background-color:#FAFAFA;
    width:100%;
    text-align:center;
}
.content{
    background-color:#FAFAFA;
    margin:0 auto;
    margin-top:108px;
    width:70%;
}
.content_p{
    width: 80%;
    margin-top: 20px;
}
.clearfix{
    clear:both;
}
.hotgames_list{
    margin-top:64px;
}
.hotgames_list ul{
    display: flex;
    flex-flow:row wrap;
    align-content:flex-start;
}
.hotgames_list li{
    width: 200px;
    border-radius: 10px;
    border:1px solid #eee;
    padding: 5px;
    background:#fff;
    margin: 10px 20px;
}
.hotgames_list_p{
    margin-top: 20px;
}
.hotgames_list_p li{
    background-color: #ffffff;
    border-radius:14px;
    float:left;
    margin-bottom:41px;
    padding:11px;
    width:46%;
    box-shadow: none;
    border-radius:0;
    background: none;
    text-align:center;
}
.hotgames_list_p .tip_title{
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .5px;
    color: #131313;
    margin-bottom: 10px;
}
.hotgames_list_p .tip_content{
    font-size: 14px;
    font-weight: 300;
    line-height: 1.64;
    letter-spacing: .8px;
    color: #4a4a4a;
    text-align: left;
}
.hotgames_list .hot_ga_img
{
    width:100%;
    height:100%;
    border-radius: 10px;
    position:relative;

}
.hot_ga_img img{
    width:100%;
    height:100%;
}
.ourstore{
    width:100%;
    margin-top:61px;
    padding-bottom: 30px;
    background-image: linear-gradient(0deg,
        #356bc3 0%,
        #2d4092 100%),
    linear-gradient(
        #1c6db9,
        #1c6db9);
    background-blend-mode: normal,
        normal;
    margin-bottom:100px;
    color:#fff;
}
.ourstore_form{
    padding: 63px 48px 31px 75px;
    border-radius: 8px;
    background: none;
    width: 80%;
    margin: 50px auto;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.25);
    font-family: Poppins,sans-serif;
    text-align: left;
}
.ourstore_form .f_title{
    margin-bottom: 26px;
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .6px;
    color: #030303;
}
.ourstore_form .item{
    width: 46%;
    height: 130px;
    display: inline-block;
    position: relative;
}
.ourstore_form .item_long{
    width: 100%;
}
.ourstore_form .item:nth-child(even) {
    margin-left: 48px;
}
.ourstore_form .item label{
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: .9px;
    color: #4a4a4a;
    padding-left: 2px;
    margin-bottom: 10px;
}
.ourstore_form .item label .tip{
    color: #8a8a8a;
    display: inline-block;
    margin-left: 10px;
}
.ourstore_form .item input[type=text] {
    height: 50px;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    line-height: normal;
    letter-spacing: .9px;
    color: #666;
}
.ourstore_form .item textarea{
    width: 97%;
    height: 160px;
    padding:16px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    font-family: Poppins,sans-serif;
    font-size: 14px;
    line-height: normal;
    letter-spacing: .9px;
    color: #666;
}
.ourstore_form .f_submit{
    display: inline-block;
    margin-top: 30px;
    width: 180px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    background: none;
    background-color: #448aff;
    color: #fff;
}
.ourstore_form .item .error_tip{
    color: #880000;
    position: absolute;
    bottom: 25px;
    left: 2px;
}
.store_left{
    padding-top:95px;
    width: 70%;
    margin: 0 auto;
    text-align:left;
}
.store_title{
    font-size:43px;
}
.store_content{
    margin-top:44px;
}
.store_content p{
    margin-bottom:11px;
    line-height: 26px;
}
.publishing{
    width: 171px;
    height:51px;
    background-color: #062542;
    border-radius:26px;
    background: rgba(0,0,0,0.6);
    text-align:center;
    line-height:51px;
    margin-top:43px;
    position:relative;
}
.publishing a{
    display:block;
    width:100%;
    height:100%;
    color:#fff;
    font-size: 21.34px;
}
.publishing img{
    vertical-align:middle;
    height:24px;
    width:29px;
    margin-left:6px
}
.store_right{
    float:right;
    margin-top:77px;
    margin-right:18%;
}
.store_right img{

}
.team{
    height:410px;
    width:100%;

}
.team_contain{
    width:57%;
    height:330px;
    margin:0 auto;
    background-color: #ffffff;
    box-shadow: 0px 8.5px 23px 0px
        rgba(0, 0, 0, 0.25);
    border-radius: 7px;
    position:relative;
}
.team_desc{
    width:42%;
    padding-top:34.15px;
    padding-left:28.5px;
    text-align:left;

}
.team_desc h2{
    font-size:26px;
    font-weight:700;
}
.team_desc div{
    margin-top:14px;
    font-family: Regular;
    font-size: 21.34px;
    color: #a8a8a8;
}
.team_img {
    float:right;
    right:0%;
    width:53%;
    top:0px;
    height:100%;
    position:absolute;
}
.team_img img{
    width:100%;
    height:100%;
}
.footer_nav{
    height: 80px;
    line-height: 80px;
    background-color: #585858;
}
.footer_nav ul{
    display: flex;
    flex-flow: row;
    align-content: flex-start;
    align-items:center;
}
.footer_nav li{
    display: inline-block;
    flex-grow: 1;
    align-self: center;
}
.footer_nav li a{
    display: block;
    color: #fff;
}
.footer_nav li a:hover{
    background-color: #666;
}
.footer_nav img{
    width:48px;
    height:48px;
    position: relative;
    top: 16px;
}
.footer_bottom{
    height:85px;
    background-color: #313131;
    color:#fff;
    line-height:85px;
    font-size:21.3px;
    text-align:left;
    font-family: Regular;
    padding-left:19.3%;
}
.hot_ga_title{
    position:absolute;
    top:0px;
    height:57px;
    line-height:57px;
    width:100%;
    color:#ffffff;
    background-color: #1b1b1b;
    opacity: 0.75;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    font-size:20px;
}
.hot_line{
    width: 2px;
    height:151px;
    top: -30px;
    position:absolute;
    right:0px;
    background-image: linear-gradient(#98a5ad, #98a5ad),linear-gradient(#fafafa, #fafafa);
    background-blend-mode: normal,normal;
    opacity: 0.5;
}
.gamesnum .head{
    font-weight:bold;
    font-family: Regular;
    font-size: 50px;
    color: #747474;
}
.gamesnum .text{
    font-family: ArialMT;
    font-size: 25.6px;
    color: #b5c0c7;
}
.content .gamesnum{
    text-align:center;
}
.content .gamesnum .grid{

    position:relative;
    width:29%;
    float:left;
    text-align:center;
    color: #747474;
    margin-right:30px;
}
.header {
    box-sizing: border-box;
    background: #fff;
    z-index: 3;
    height: 108px;
    width: 100%;
    -webkit-box-shadow: 0 1px 10px hsla(0,7%,56%,.08);
    -moz-box-shadow: 0 1px 10px hsla(0,7%,56%,.08);
    box-shadow: 0 1px 10px hsla(0,7%,56%,.08);
}
.header .header_logo{
     margin-top:1.25%;
     margin-left:1.5%;
     float:left;
}
.header_logo img {
  width:93.20px;
  height:71.15px;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
}
.hotNav{
    float:right;
}
.hotNav ul li {
    font-size: 18px;
    float: left;
}
.hotNav ul a{
    color:#222;
    line-height:108px;
    font-size:18.34px;
    margin-right:35.57px;
    font-weight:bold;
    font-family:Regular;
}
.hotNav a.other{
    margin-right:14.22px;
    background-color:#ffb400;
    padding:16px 14px;
    color:#fff;
    border-radius:7.11px;
}
.hot_bj_img{
    position:relative;
    height:768px;
    background: url(https://game.jiutaikeji.net/images/bg.jpg) no-repeat center center;
    background-size: cover;
}
.hot_bj_img img{
    max-width: 100%;
}
.hot_bj_img .bg2{
    width:100%;
    height:500px;
    display: none;
}
.hot_bj_img .t1{
    position:absolute;
    top: 226px;
    color:#fff;
    letter-spacing:2px;
    font-size: 42px;
    font-family:Regular;
    font-weight:700;
    width:100%;
}
.hot_bj_img .t2{
    position:absolute;
    width: 100%;
    top: 356px;
    color:#fff;
    padding: 0 100px;
    font-size: 24px;
    font-family:Regular;
}
.hot_btn{
    position:absolute;
    top: 466px;
    width:100%;
    margin:0 auto;
}
.hotmore{
   border:1px solid #fff;
   margin-right:40px;
   padding:15px 35px !important;
}

.submit{
  background-color:#ffb400;
}
.up{
    position:absolute;
    bottom:20px;
    width:100%;
}
.up img{
    width:29px;
    height:29px;
}
.hotmore a,.submit a{
    color:#fff;
}
.btn {
    padding:15px 10px;
    font-family: Regular;
    font-size:21.34px;
    color:#fff;
    letter-spacing: 0;
    -webkit-border-radius:7.11px;
    -moz-border-radius:7.11px;
    border-radius:7.11px;
    text-align: center;
    display: inline-block;
    width: 210px;
}
.footer_lang{
    display: inline-block;
    margin-left: 30px;
    color: #aaa;
}
.ta-c{
    text-align: center;
}
.ta-l{
    text-align: left;
}
.h1{
    margin: 20px auto;
}
@media (max-width: 1400px) {
    .store_content p img{
        display: none;
    }
    .team_contain {
        width: 90%;
    }
}
@media (max-width: 1325px) {
    .footer_nav_left{
        padding-left: 20px;
    }
    .footer_nav_left .pa_nav{
        float: inherit;
        margin-right: 30px;
    }
}
@media (max-width: 1020px) {
    .gamesnum .head{
        font-size: 30px;
    }
    .content .gamesnum .grid{
        margin-right: 10px;
    }
    .footer_bottom{
        text-align: center;
        padding-left: 0;
        height: 100px;
        position: relative;
        font-size: 16px;
        padding-top: 20px;
        line-height: 20px;
    }
    .footer_lang{
        position: absolute;
        top: 50px;
        line-height: 40px;
        width: 90px;
        left: 50%;
    }
    .footer_lang_en{
        margin-left: -100px;
    }
    .footer_lang_zh{
        margin-left: 25px;
    }
}
@media (max-width: 750px) {
    .team{
        height: inherit;
        margin-bottom: 30px;
    }
    .team_contain{
        height: inherit;
    }
    .team_desc{
        width: 100%;
        padding: 0 30px;
    }
    .team_img{
        float: inherit;
        top: inherit;
        width: 100%;
        padding: 30px;
        position: inherit;
    }
    .team_img img{
        border-radius: 20px;
    }
}
@media (max-width: 600px) {
    .content{
        width: 95%;
    }
    .nav-submit{
        display: none;
    }
    .hot_bj_img .t1{
        font-size: 32px;
    }
    .hot_bj_img .t2{
        padding: 0;
    }
    .hot_btn{
        text-align: center;
    }
    .hot_btn .hotmore{
        position: absolute;
        top: 50px;
        margin-left: -105px;
    }
    .hot_btn .submit{
        position: absolute;
        top: 150px;
        margin-left: -105px;
    }
    .gamesnum .head{
        font-size: 30px;
    }
    .ourstore{
        height: auto;
    }
    .content .gamesnum .grid{
        margin-right: 15px;
    }
    .store_left{
        margin-left: 0;
        padding: 20px;
        width: 100%;
        float: inherit;
    }
    .store_right{
        display: none;
    }
}


}











.cd-primary-nav ul.is-visible {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}


.cd-hero {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cd-hero-slider {
  position: relative;
  height: 360px;
  overflow: hidden;
}
.cd-hero-slider li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-hero-slider li.selected {
  /* this is the visible slide */
  position: relative;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-hero-slider li.move-left {
  /* slide hidden on the left */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected {
  /* the is-moving class is assigned to the slide which is moving outside the viewport */
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
}
@media only screen and (min-width: 768px) {
  .cd-hero-slider {
    height: 500px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-hero-slider {
    height: 680px;
  }
}

/* --------------------------------

Single slide style

-------------------------------- */
.cd-hero-slider li {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.cd-hero-slider li:first-of-type {
  background: url(https://game.jiutaikeji.net/images/xiaoxiaoxiao.jpeg) no-repeat center center;
  background-size: auto;
   background-size: cover;
}
.sencod_bg{
    background-size: auto !important;
     background-size: cover !important;
}

.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  /* this padding is used to align the text */
  padding-top: 100px;
  text-align: center;
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-hero-slider .cd-img-container {
  /* hide image on mobile device */
  display: none;
}
.cd-hero-slider .cd-img-container img {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 30px;
  width: 700px;
  height: 393px;
}


.cd-hero-slider h2, .cd-hero-slider p {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  line-height: 1.2;
  margin: 0 auto 14px;
  color: #222;
  width: 90%;
  max-width: 400px;
}
.cd-hero-slider h2 {
  font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
  font-size: 1.8rem;
}
.cd-hero-slider p {
  font-size: 1.4rem;
  line-height: 1.4;
}
.cd-hero-slider .cd-btn {
  display: inline-block;
  padding: 1.2em 1.4em;
  margin-top: .8em;
  background-color: rgba(212, 68, 87, 0.9);
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-hero-slider .cd-btn.secondary {
  background-color: rgba(22, 26, 30, 0.8);
}
.cd-hero-slider .cd-btn:nth-of-type(2) {
  margin-left: 1em;
}
.no-touch .cd-hero-slider .cd-btn:hover {
  background-color: #d44457;
}
.no-touch .cd-hero-slider .cd-btn.secondary:hover {
  background-color: #161a1e;
}
@media only screen and (min-width: 768px) {

  .cd-hero-slider li:nth-of-type(3) {
    background-image: none;
  }
  .cd-hero-slider li:nth-of-type(4) {
    background-image: none;
  }
  .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 150px;
  }
  .cd-hero-slider .cd-bg-video-wrapper {
    display: block;
  }
  .cd-hero-slider .cd-half-width {
    width: 45%;
  }
  .cd-hero-slider .cd-half-width:first-of-type {
    left: 5%;
  }
  .cd-hero-slider .cd-half-width:nth-of-type(2) {
    right: 5%;
    left: auto;
  }
  .cd-hero-slider .cd-img-container {
    display: block;
  }
  .cd-hero-slider h2, .cd-hero-slider p {
    max-width: 520px;
  }
  .cd-hero-slider h2 {
    font-size: 2.4em;
    font-weight: 300;
  }
  .cd-hero-slider .cd-btn {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 220px;
  }
  .cd-hero-slider h2, .cd-hero-slider p {
    margin-bottom: 20px;
  }
  .cd-hero-slider h2 {
    font-size: 3.2em;
  }
  .cd-hero-slider p {
    font-size: 1.6rem;
  }
}

/* --------------------------------

Single slide animation

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-hero-slider .cd-half-width {
    opacity: 0;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
  }
  .cd-hero-slider .move-left .cd-half-width {
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  .cd-hero-slider .selected .cd-half-width {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider .is-moving .cd-half-width {
    /* this is the slide moving outside the viewport
    wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
  }
  .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
  .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
  .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
  }
  .cd-hero-slider .cd-full-width h2,
  .cd-hero-slider .cd-full-width p,
  .cd-hero-slider .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  .cd-hero-slider .move-left .cd-full-width h2,
  .cd-hero-slider .move-left .cd-full-width p,
  .cd-hero-slider .move-left .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  .cd-hero-slider .selected .cd-full-width h2,
  .cd-hero-slider .selected .cd-full-width p,
  .cd-hero-slider .selected .cd-full-width .cd-btn {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider li.is-moving .cd-full-width h2,
  .cd-hero-slider li.is-moving .cd-full-width p,
  .cd-hero-slider li.is-moving .cd-full-width .cd-btn {
    /* this is the slide moving outside the viewport
    wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
  }
  .cd-hero-slider li.selected h2 {
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected p {
    -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
    -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;
    transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
  }
  .cd-hero-slider li.selected .cd-btn {
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
  }
}