/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0; outline: none;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
span,a,strong,div{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_btn{display: block; overflow: hidden; text-indent: -999px; cursor: pointer; margin: 0 auto;}
.pub_btn:hover{background-position: 0 bottom;}
.pub_le{float: left}
.pub_lr{float: right;}
.pub_ib{text-align: center; display: table; word-spacing:-1em;}
.pub_text1{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pub_text2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pub_table{border-collapse: collapse; width: 100%;}
.none{display:none;}
@font-face {
    font-family : "pf";
    src : url("SF-Pro-Display-Regular.otf");
}
body{-webkit-text-size-adjust: 100%;}
body{background:#FFF; font-size:12px; font-family:"pf","Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53; overflow-x: hidden;}
#content{position: relative; display: none; overflow: hidden; width: 25.6rem;}
#wrap{background: #000;}
.topNav{position: absolute; left: 0; top: .36rem; text-align: center; z-index: 10; width: 100%;}
.topNav a{color: #FFF; font-size: .26rem; margin: 0 .16rem;}
.topNav a.on{text-decoration: underline;}

.section{position: relative;}
.section1{height: 12.62rem; transition: 0.1s; -webkit-transition: 0.1s;}
.section2{height: 2.2rem; background: url(../images/game.png) no-repeat center 0; background-size: 9.12rem auto;  transition: 0.1s; -webkit-transition: 0.1s;}
.section3{height: 9rem; background: url(../images/we.png) no-repeat center 1.35rem; background-size: 15.35rem auto;  transition: 0.1s; -webkit-transition: 0.1s;}
.section4{height: 10.55rem; background: url(../images/games.png) no-repeat center 0; background-size: 9.93rem auto;  transition: 0.1s; -webkit-transition: 0.1s;}
.section5{background: url(../images/temp.png) no-repeat center 0; background-size: 13.36rem auto; height: 10.25rem; transition: 0.1s; -webkit-transition: 0.1s;}
.section6{background: url(../images/our.png) no-repeat center 0; background-size: 3.85rem auto; padding: 1.25rem 0 0.6rem 0;}

.video{display: block; margin: 0 auto; width: 11.94rem; height: 11.47rem;}
.video video{display: block; width: 100%; height: 100%;}
.book{margin: 0 auto; width: 11.94rem; height: 11.47rem; background: url(../images/book.png) no-repeat 0 0; background-size: 100% auto; display: none;}
.slg{width: 100%; height: 3.4rem; background: url(../images/slg.png) no-repeat center 0; background-size: 10.72rem; auto; position: absolute; left: 0; top: 7.4rem;}

.iconle{display: block; width: 5.83rem; position: absolute; left: 0; top: 0.5rem;}
.iconlr{display: block; width: 6.58rem; position: absolute; right: 0; top: 0.9rem;}

.box{padding: 2.9rem 0 0 0; display: flex; justify-content: center;}
.box div{width: 10.28rem; height: 5.04rem; margin: 0 0.6rem;}
.box div.li1{background: url(../images/li1.png) no-repeat 0 0; background-size: 100% auto;}
.box div.li2{background: url(../images/li2.png) no-repeat 0 0; background-size: 100% auto;}

.footer{background: #FFF; padding: 2.7rem 0 1.6rem 0;}
.fotBox{display: flex; justify-content: center; height: 3.1rem;}
.fotBox div.pub{display: block; width: 6rem; height: 2.4rem; margin: 0 1.2rem;}
.fotBox div.support{background: url(../images/support.png) no-repeat 0 0; background-size: 100% auto;}
.fotBox div.contact{background: url(../images/contact.png) no-repeat 0 0; background-size: 100% auto;}
.fotBox div.perfect{background: url(../images/perfect.png) no-repeat 0 0; background-size: 100% auto;}
.link{padding: 1.3rem 0 0 0;}
.link a{display: block; width: 100%; height: .38rem;}
.link a.a1{width: 2.0rem;}
.link a.a2{width: 2.4rem;}
.link a.a3{width: 4.5rem;}
.ltd{background: url(../images/ltd.png) no-repeat center 0; background-size: 6.33rem auto; height: 0.3rem;}

.list{display: flex; flex-wrap:wrap;}
.list div{width: 4.2rem; height: 2.85rem; margin: 0 1.1rem; margin-bottom: 0.3rem;}
.list div.li1{background: url(../images/list1.png) no-repeat 0 0; background-size: 100% auto;}
.list div.li2{background: url(../images/list2.png) no-repeat 0 0; background-size: 100% auto;}
.list div.li3{background: url(../images/list3.png) no-repeat 0 0; background-size: 100% auto;}
.list div.li4{background: url(../images/list4.png) no-repeat 0 0; background-size: 100% auto;}
.list div.li5{background: url(../images/list5.png) no-repeat 0 0; background-size: 100% auto;}
.list div.li6{background: url(../images/list6.png) no-repeat 0 0; background-size: 100% auto;}
.list div.li7{background: url(../images/list7.png) no-repeat 0 0; background-size: 100% auto;}

@media only screen and (max-width: 750px) {    
    #content{width: 7.5rem;}
    .section1{height: 8rem;}
    .section2{height: 1.2rem; background: url(../images/game.png) no-repeat center 0; background-size: 7rem auto;}
    .section3{height: 3.5rem; background: url(../images/we.png) no-repeat center .78rem; background-size: 7rem auto;}
    .section4{height: 7.5rem; background: url(../images/games.png) no-repeat center 0; background-size: 7rem auto;}
    .video{display: none;}
    .book{display: block; margin: 0 auto; width: 7.5rem; height: 7.2rem; background: url(../images/book.png) no-repeat 0 0; background-size: 100% auto;}
    .slg{width: 7.5rem; height: 2.36rem; background: url(../images/slg.png) no-repeat center 0; background-size: 6.5rem auto; position: absolute; left: 0; top: 4.7rem;}

    .iconle{display: block; width: 1.83rem; position: absolute; left: 0; top: 0rem;}
    .iconlr{display: block; width: 1.58rem; position: absolute; right: 0; top: 0.2rem;}

    .box{padding: 1.8rem 0 0 0; display: block;}
    .box div{width: 4rem; height: 1.96rem; margin: 0 auto; margin-bottom: 0.5rem;}

    .section5{background: url(../images/temp.png) no-repeat center 0; background-size: 100% auto; height: 6rem;}
    .list{display: block;}
    .list div{margin: 0 auto;}

    .footer{padding: 0.6rem 0 0.3rem 0;}
    .fotBox{height: auto; display: block;}
    .fotBox div.pub{margin: 0 0 0 0.5rem; width: 4rem; height: 1.55rem; margin: 0 auto;}
    .link{padding: .84rem 0 0 0;}
    .link a{height: .3rem;}
    .ltd{background: url(../images/ltd.png) no-repeat center 0; background-size: 4.5rem auto; height: 0.3rem;}
}


/*---- scrollbar ----*/
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  overflow: visible;
}
::-webkit-scrollbar-thumb {
  border: solid transparent;
  border-width: 0 0 0 0px;
  padding: 100px 0 0;
  min-height: 28px;
  background-color: #ff0000;
  background-clip: padding-box;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0), inset 0 -1px 0 rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-thumb:hover {
  background-color: #ff0000;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-thumb:active {
  background-color: #ff0000;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-track {
  background-color: #19181e;
}