@charset "UTF-8";
/* reset */
html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5 {margin:0;padding:0}
a,img,input {border:none;}
body{font: 14px/1.75 "\5FAE\8F6F\96C5\9ED1", arial, sans-serif;}
a {text-decoration:none;}
ul,li{list-style: none}

/*public*/
.section{
  position: relative;
}

.shadow-bg{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}
#mod_player{
    width: 1000px;
    height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -300px -500px;
    z-index: 2001;
}
.wx,.mqq{
    position: relative;
}
.wx-qr,.mqq-qr{
    position: absolute;
    top: 45px;
    left: 50%;
    margin: 0px -47px;
    display: none;
}
/*nav*/
.nav{
  width: 100%;
  height: 72px;
  background-color: rgba(0,0,0,0.5);
  position: fixed;
  z-index: 100;
}

.logo{
  float: left;
  margin-top: 3px;
}

.menu{
  float: left;
  margin-top: 20px;
}

.main-content{
  width:1200px;
  margin: 0 auto;
}

.menu li{
  float: left;
  margin-left: 63px;
  width: 50px;
  padding-bottom: 5px;
  text-align: center;
}

.menu .cur{
  border-bottom: 3px solid #ffd94c;
}

.menu .cur a{
    color: #ffd94c
}

.menu li a{
  font-size: 18px;
  color: #fadbaf;
}

.fun-banner{
  float: left;
  margin-left: 70px;
  margin-top: 20px;
}

.fun-banner ul li{
  float: left;
  height: 40px;
  margin-left: 15px;
  cursor: pointer;
}
.fun-banner .but{
  width: 69px;
  height: 26px;
  text-align: center;
  border: 2px solid #ffd94c;
  border-radius: 50px;
  margin-top: 4px;
}
.fun-banner a{
  color:#ffd94c;
  margin-top: 2px;
  display: block;
}
.video{
  width: 105px;
  height: 105px;
  position: absolute;
  top: 520px;
  left: 50%;
  margin-left: 110px;
  cursor: pointer;
  z-index: 1000;
  background: url(../dist/new/but.png) no-repeat top center;
  animation: icon 3s .5s infinite;
  -webkit-animation: icon 1s .5s infinite;
}
@keyframes icon{
	0%{transform: scale(1);}
	50%{transform: scale(1.1);}
	100%{transform: scale(1);}
}
@-webkit-keyframes icon{
	0%{-webkit-transform: scale(1);}
	50%{-webkit-transform: scale(1.1);}
	100%{-webkit-transform: scale(1);}
}

/*menu*/

.menu-left{
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -200px;
    z-index: 100;
}

.menu-left ul{

}

.menu-left ul li{
    width: 115px;
    height: 90px;
    background-image: url(../dist/new/menu.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.menu-left  .gototop{
    height: 50px;
    background-position: 23px 0px;
}
.goto1{
    background-position: 25px -50px;
}
.goto1.hover{
    background-position: -106px -50px;
}

.goto2{
   background-position: 25px -145px;
}
.goto2.hover{
    background-position: -106px -140px;
}

.goto3{
    background-position: 25px -235px;
}
.goto3.hover{
    background-position: -106px -234px;
}

.goto4{
    background-position: 25px -328px;
}
.goto4.hover{
    background-position: -106px -325px;
}
/*page1*/
.bg1{
  width: 100%;
  height: 100%;
  background: url(../dist/new/bg1.jpg) no-repeat top center;
  background-size: cover;
}

.download-banner{
    width: 410px;
    height: 125px;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -205px;
    /*margin-bottom: -390px;*/
    border-radius: 10px;
}
.download-qr{
    width: 85px;
    height: 85px;
    padding: 3px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    left: 10px;
}
.download-qr img{
    width: 100%;
    height: 100%;
}
.download-text{
    font-size: 12px;
    color: #fff;
}
.download-app{
    position: absolute;
    left: 115px;
    top: 10px;
}
.download-ios, .download-android{
    width: 125px;
    height: 42px;
    margin-bottom: 5px;
    display: block;
}
.download-ios img,.download-android img{
    width: 100%;
    height: 100%;
}
.download-botton{
    position: absolute;
    top: 10px;
    left: 255px
}
.download-pc i,.download-sreach i{
    float: left;
    font-style: normal;
}
.download-pc,.download-sreach{
    width: 130px;
    height: 28px;
    background-color: rgba(0,0,0,0.5);
    display: block;
    margin-bottom: 5px;
    color: #088eee;
    text-align: center;
    padding: 8px;
    border-radius: 10px;
}
.download-pc-text{
    margin-left: 10px;
    margin-top: 2px;
    font-size: 14px;
}

.bg2{
  width: 100%;
  height: 100%;
  background: url(../dist/new/bg2.jpg) no-repeat top center;
  background-size: cover;
}

.book{
  width: 1060px;
  height: 650px;
  background: url(../dist/new/book.png) no-repeat center center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -325px -530px;
  z-index: 1000;
}

.news-left{
  width: 380px;
  position: absolute;
  top: 90px;
  left: 130px;
}

.pic-news img{
    border-radius: 25px;
    overflow: hidden;
}

.pic-news-text{
  font-size: 18px;
  border-bottom: 2px dashed #ccc;
  margin-bottom: 15px;
  padding-bottom: 5px;
}

.pic-news-text a{
  color: #656565
}

.news-right{
  width: 380px;
  position: absolute;
  top: 90px;
  left: 570px;
}

.news-tab{
  width: 360px;
  height: 43px;
  background: #d5cdc0;
  border-radius: 50px;
  margin-top: 20px;
}

.news-tab .cur{
  width: 130px;
  height: 65px;
  background: url(../dist/new/tag.png) no-repeat center center;
  color: #fff;
  text-align: center;
  line-height: 80px;
  margin-top: -20px;
}

.news-tab ul{
  width: 400px;
}

.news-tab ul li{
  width: 100px;
  height: 43px;
  float: left;
  color: #b84e2b;
  font-size: 18px;
  margin-right: 20px;
  line-height: 42px;
  cursor: pointer;
  text-align: center;
}

.news-big{
  margin-top: 20px;
}

.news-big-text{
  font-size: 18px;
}
.news-big a{
    font-weight: bold;
}
.news-big a,.news-sub a{
  color: #656565;
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news-list{
  margin-top: 25px;
}

.news-list .news-list-type{
    width: 67px;
}


.news-list ul{

}

.news-list ul li{
  color: #8e8e8e;
  margin-bottom: 15px;
}

.news-list ul li a{
  float: left;
  width: 260px;
  margin-right: 5px;
  color: #636363;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news-more{
  width: 150px;
  height: 40px;
  background: #eec588;
  margin: 25px auto 0;
  color: #fff;
  text-align: center;
  font-size: 18px;
  line-height: 36px;
  border-radius: 10px;
}

.news-more a{
  color: #fff;
}

.bg3{
  width: 100%;
  height: 100%;
  background: url(../dist/new/bg3.jpg) no-repeat top center;
}

.pic-big{
    width: 100%;
    height: 100%;
    background: url(../dist/new/bg3.jpg) no-repeat top center;
    position: absolute;
    top: 0;
    left: 0;
}

.pic-big-but{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -80px 10px;
    z-index: 1000;
}

.pic-big-but ul{

}

.pic-big-but ul li{
    float: left;
    cursor: pointer;
    height: 220px;
    transition: 1s all;
    -webkit-transition: 1s all;
}

.pic-big-but1{
    width: 205px;
    background-image: url(../dist/new/dly.png);
    background-repeat: no-repeat;
    background-position: -13px 0px;
}

.pic-big-but2{
    width: 211px;
    background-image: url(../dist/new/hl.png);
    background-repeat: no-repeat;
    background-position: -7px 13px;
}

.pic-big-but3{
    width: 198px;
    background-image: url(../dist/new/ht.png);
    background-repeat: no-repeat;
    background-position: -8px 13px;
}

.pic-big-but4{
    width: 200px;
    background-image: url(../dist/new/sy.png);
    background-repeat: no-repeat;
    background-position: 0px 13px;
}

.pic-big{

}

.pic-big ul{

}

.pic-big ul li{
    position: absolute;
    top:0;
    left: 0;
    background-size: cover;
}

.pic-list{
    width: 100%;
    height: 100%;
}

.pic-list1{
    background: url(../dist/new/dly.jpg) no-repeat top center;
}

.pic-list2{
    background: url(../dist/new/hl.jpg) no-repeat top center;
}

.pic-list3{
    background: url(../dist/new/ht.jpg) no-repeat top center;
}

.pic-list4{
    background: url(../dist/new/sy.jpg) no-repeat top center;
}

.pic-big-but ul li:hover{
    transform: translate(0,-20px);
    -webkit-transform: translate(0,-20px);
}

.pic-text{
    width: 900px;
    height: 185px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -295px 25px;
}

.pic-text1{
    background: url(../dist/new/pic-text.png) no-repeat top left;
}

.pic-text2{
    background: url(../dist/new/pic-text1.png) no-repeat top left;
}

.pic-text3{
    background: url(../dist/new/pic-text2.png) no-repeat top left;
}

.pic-text4{
    background: url(../dist/new/pic-text3.png) no-repeat top left;
}
/*foot-cpright*/
.foot{
    width: 1065px;
    position: absolute;
    left: 50%;
    bottom: 50px;
    color: rgba(255,255,255,0.5);
    line-height: 1.5;
    font-size: 12px;
    margin: 0px -532px;
}
.foot-cpright{padding: 15px 0}
.foot-sprt{margin:0 2px;_margin:0 0}
.foot-logos-game{display: block; float:left; width:180px;height:35px;text-indent:-999em;overflow:hidden;margin:10px 0 0 10px;background:url(http://game.gtimg.cn/images/buyu/web201606/foot-dark.png);}
/*  .foot-logos-locojoy{display: block; float:left; width:143px;height:40px;text-indent:-999em;overflow:hidden;margin:10px 0 0 10px;background:url(../images/locojoy_logo.png);}*/

/*foot-info*/
.foot-info{padding:50px 0;letter-spacing: -4px;word-spacing: -4px;font-size:0;}
.foot-info li{display:inline-block;*display:inline;zoom:1;vertical-align:top;letter-spacing: normal;word-spacing: normal;font-size:14px}
.foot-info .gzweixin{width:255px;padding-right:60px}
.foot-info .tips{width:325px;padding-right:60px}
.foot-info .coop{width:260px;}
.foot-info .coop-list li{display:block;}
.foot-links {float: left;width:676px;}
.foot-links a{color: rgba(255,255,255,0.5);}
.f-left{float: left;}
.f-left a{margin-right: 20px;}
.f-right{float: left;margin-right: 10px;}

.bg4{
  width: 100%;
  height: 100%;
  background: url(../dist/new/bg4.jpg) no-repeat top center;
}