/*========================清空默认样式======================*/
html,body{
    width:100%;
}
/*========================清空默认样式======================*/
body,ul,ol,dl,li,dt,dd,input,img,a,p,h1,h2,h3,h4,h5,h6{padding:0; margin:0;}
ol,ul{list-style: none;}
.left{
    float:left;
}
/*img{display: block;}*/
/*=======================定义文字三属性========================*/
body{font-size: 12px;color: #3e3e3e;font-family: "微软雅黑";}
.mobile{
    display:none;
}
.pcTerminal{
    display:none;
}
.imageBox{
    width:100%;
    position:absolute;
}
.contentBox{
    z-index:5;
}
.imageBox .logo,.textCon,.down,.ercodePc,.erweima,.gameFeature,.contactus,.shareBox{
    position:absolute;
}
.mobile .topImg .image{
    width:100%;
}
.pcTerminal .topImg .image{
    width:19.2rem;
}
.mobile>.contentBox{
    top:9.42rem;
}
.pcTerminal>.contentBox{
    top:6.56rem;
}
.mobile>.contentBox>.image{
    width:100%;
}
.pcTerminal>.contentBox>.image{
    width:19.2rem;
}



.mobile .bottomBox{
    width:100%;
    top:15.8rem;
}
.mobile .bottomBox>.image{
    width:100%;
}
.pcTerminal .bottomBox{
    width:19.2rem;
    height:5.68rem;
    top:17.06rem;
}
.pcTerminal .bottomBox>.image{
    width:19.2rem;
}
.mobile .footer{
    top:18.54rem;
    height:3.67rem;
    background: #09051e;
    border-bottom: 0.04rem solid #fffcbd;
}
.pcTerminal .footer{
    top:22.71rem;
    height:2.05rem;
    background: #09051e;
    border-bottom: 0.04rem solid #fffcbd;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.mobile .logo{
    width:2.75rem;
    height:0.69rem;
    top:0.2rem;
}
.pcTerminal>.head{
    height:0.54rem;
}
.pcTerminal>.head>.logoBox{
    width:3.19rem;
    margin:0 auto;
}
.pcTerminal .logo{
    width:3.05rem;
    height:0.69rem;
    top:0.2rem;
}
.pcTerminal>.head>.logoBox>.img_logo{
    width:138px;
    height:40px;
    float:left;
    margin-top:8px;
}
.pcTerminal>.head>.logoBox>.border{
    width:1px;
    height:30px;
    background:#1e3988;
    float:left;
    margin-left:10px;
    margin-top:10px;
}
.pcTerminal>.head>.logoBox>.name_site{
    width:150px;
    height:30px;
    float:left;
    /*border-left:1px solid #1e3988;*/
    margin-top:8px;
}
.pcTerminal>.head>.logoBox>.name_site>h2{
    font-size:14px;
    color:#000;
    margin-left:10px;
}
.pcTerminal>.head>.logoBox>.name_site>h4{
    font-size:12px;
    color:#000;
    margin-left:10px;
}
.mobile .textCon{
    width:7.5rem;
    height:1.92rem;
    top:6.3rem;
    left:0;
}
.pcTerminal .textCon{
    width:8.71rem;
    height:2.5rem;
    top:2.8rem;  
    left:8.6rem;
}
.mobile .down{
    width:3.68rem;
    height:1.28rem;
    top:8.31rem;
    left:1.9rem;  
}
.pcTerminal .ercodePc{
    width:2.24rem;
    height:2.6rem;
    top:5rem;
    left:11.7rem;  
}
.pcTerminal .erweima{
    width:1.26rem;
    height:1.26rem;
    top:5.67rem;
    left:12.19rem;   
}
.mobile .gameFeature{
    width:1.1rem;
    height:1.07rem;
    top:9.66rem;
    left:3.2rem;  
    z-index:6;
}
.pcTerminal .gameFeature{
    width:1.1rem;
    height:1.07rem;
    top:9.56rem;
    left:9.05rem;  
    z-index:6;
}
.mobile .contactus{
    width:1.1rem;
    height:1.07rem;
    top:-0.3rem;
    left:3.2rem;  
    z-index:6;  
}
.pcTerminal .contactus{
    width:1.1rem;
    height:1.07rem;
    top:-0.6rem;
    left:9rem;  
    z-index:6;  
}
.mobile .shareBox{
    width:7.5rem;
    height:1.6rem;
    top:1rem;
}
.mobile .shareBox>div{
    float:left;
    width:1rem;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    margin-left:0.42rem;
}
.mobile .shareBox>div>img{
    width:0.84rem;
    height:0.84rem;
}
.mobile .shareBox>div>span{
    color:#fffcbc;
    font-size: 0.2rem;
    transform: scale(0.7);
    display:inline-block;
    width:1.5rem;
}
.mobile .shareBox>.weTan{
    position:absolute;
    top:1rem;
    left:0;
    width:1.92rem;
    height:2.7rem;
    z-index:10;
    margin:0;
    display:none;
}
.mobile .shareBox>.qqTan{
    position:absolute;
    top:1rem;
    left:4.3rem;
    width:1.92rem;
    height:2.7rem;
    z-index:10;
    margin:0;
    display:none;
}
.mobile .shareBox>.gongTan{
    position:absolute;
    top:1rem;
    right:0;
    width:1.92rem;
    height:1.72rem;
    z-index:10;
    margin:0;
    display:none;
}
.mobile .shareBox>.weTan>.bottomTan{
    width:1.92rem;
    height:2.7rem;
}
.mobile .shareBox>.qqTan>.bottomTan{
    width:1.92rem;
    height:2.32rem;
}
.mobile .shareBox>.gongTan>.bottomTan{
    width:1.92rem;
    height:1.6rem;
}
.mobile .shareBox>.weTan>.bottom{
    width:0.3rem;
    height:0.26rem;
    position:absolute;
    top:-0.1rem;
    left:0.85rem;
}
.mobile .shareBox>.qqTan>.bottom{
    width:0.3rem;
    height:0.26rem;
    position:absolute;
    top:-0.1rem;
    left:0.85rem;
}
.mobile .shareBox>.gongTan>.bottom{
    width:0.3rem;
    height:0.26rem;
    position:absolute;
    top:-0.14rem;
    left:0.85rem;
}
.mobile .shareBox>.qqTan>.spanBox{
    width:1.54rem;
    height:2.3rem;
    position:absolute;
    top:0;
    color:#6962ca;
    padding:0.1rem 0.1rem;
}
.mobile .shareBox>.gongTan>.spanBox{
    width:1.7rem;
    height:2.3rem;
    position:absolute;
    top:0;
    color:#6962ca;
    padding:0.1rem 0.12rem;
}
.mobile .shareBox>.qqTan>.spanBox>span{
    width:2rem;
    height:0.4rem;
    line-height:0.4rem;
    color:#6962ca;
    background:none;
    transform: scale(0.8);
    margin-left: -0.1rem;
    text-align: left;
    float:left;
}
.mobile .shareBox>.gongTan>.spanBox>span{
    width:2rem;
    height:0.32rem;
    color:#6962ca;
    background:none;
    transform: scale(0.8);
    text-align: left;
    float:left;
}
.mobile .shareBox>.qqTan>.spanBox>span.num{
    margin-top:-0.1rem;
    float:left;
}
.mobile .shareBox>.qqTan>.spanBox>span.text{
    color:#000;
    height:0.8rem;
}
.mobile .shareBox>.gongTan>.spanBox>span.text{
    color:#000;
}
.mobile .shareBox .erweima{
    width:1.68rem;
    height:1.68rem;
    position:absolute;
    top:0.18rem;
    left:0.12rem;
}
.mobile .shareBox .textBox{
    width:1.68rem;
    height:0.68rem;
    position:absolute;
    top:1.86rem;
    left: 0.06rem;
}
.mobile .shareBox .textBox>span{
    display:inline-block;
    width:2rem;
    transform: scale(0.8);
    color:#6962ca;
    margin-left:-0.1rem;
    margin-top:-0.04rem;
    float:left;
}




.pcTerminal .shareBox{
    width:13rem;
    height:3rem;
    top:2rem;
    left:3rem;
}
.pcTerminal .shareBox>div{
    float:left;
    width:2.45rem;
    height:3rem;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    position: relative;
}
.pcTerminal .shareBox>div>img{
    width:2rem;
    height:2rem;
}
.pcTerminal .shareBox>div>img.erweima{
    width:1.6rem;
    height:1.6rem;
    top: 0.2rem;
    left: 0.4rem;
    position:absolute;
}
.pcTerminal .shareBox>div>.textBox{
    width:2rem;
    height:0.6rem;
    position:absolute;
    top:1.25rem;
    left:0.2rem;
    color:#fffcbc;
    font-size: 0.18rem;

}
.pcTerminal .shareBox>div>span{
    color:#fffcbc;
    font-size: 0.2rem;
}
.pcTerminal .shareBox>div>a{
    color:#fffcbc;
    font-size: 0.2rem;
    text-decoration:underline;
}
.mobile .footer .ulBox{
    width:6.5rem;
    height:0.8rem;
    margin:0.16rem auto;
}
.mobile .footer .ulBox li{
    font-size:0.22rem;
    color:#5c5c5c;
    width:1.6rem;
    height:0.37rem;
    line-height:0.37rem;
}
.mobile .footer>div{
    font-size:0.22rem;
    color:#5c5c5c; 
    text-align: center;
    line-height:0.36rem;
}
.mobile .footer>.lianjie{
    margin-top:0.1rem;
}

.mobile .footer>.lianjie>a{
    color:#5c5c5c; 
    text-decoration: underline;
}
.mobile .footer>.lianjie>a.last{
    margin-left:0.8rem;
}


.pcTerminal .footer .ulBox{
    display:inline-block;
    /*width:7.6rem;*/
    height:0.3rem;
    margin:0 auto;
    margin-top:0.5rem;
    text-align: center;
}
.pcTerminal .footer .ulBox li{
    font-size:0.12rem;
    color:#5c5c5c;
    /*width:0.8rem;*/
    height:0.37rem;
    line-height:0.37rem;
    text-align: center;
    margin-left:0.1rem;
}
.pcTerminal .footer .ulBox li:first-child{
    color:#fff;
    margin-right:0.2rem;
}
.pcTerminal .footer>div{
    text-align: center;
    margin-top:0.1rem;
}
.pcTerminal .footer>div>span{
    display:inline-block;
    font-size:0.12rem;
    color:#5c5c5c; 
    line-height:0.36rem;
}
.pcTerminal .footer>div>span:first-child{
    color:#fff; 
    margin-right:0.2rem;
}
.pcTerminal .pcTerminal .footer>.lianjie{
    margin-top:0.1rem;
}

.pcTerminal .footer>.lianjie>a{
    color:#5c5c5c; 
    text-decoration: underline;
}
.pcTerminal .footer>.lianjie>a.last{
    margin-left:0.8rem;
}






.mobile .ladder{
    width:7.5rem;
    height: 3.77rem;
    position: absolute;
    overflow: hidden;
    top:1.5rem;
}
.pcTerminal .ladder{
    width:13rem;
    height: 5.4rem;
    position: absolute;
    overflow: hidden;
    top:4.23rem;
    left:3.14rem;
}
.mobile .ladder>img{
    width:0.54rem;
    height:0.75rem;
    position:absolute;
    z-index:10;
}
.mobile .ladder>img.left{
    left:0.1rem;
    top:1.6rem;
    z-index:20;
}
.mobile .ladder>img.right{
    left:6.8rem;
    top:1.6rem;
    z-index:20;
}
.mobile .ladder>div>img{
    width:100%;
    height: 100%;
    border:1px solid #fffed5;
}
.mobile .ladder>div{
    transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
    display: inline-block;
    position: absolute;
    width: 300px;
    height: 200px;
    left: 400px;
    left:-10rem;
}
.mobile .ladder>div#item1{
    left: -2rem;
    width: 4.37rem;
    height: 2.46rem;
    top: 0.6rem;
    z-index: 2;
}
.mobile .ladder>div#item3{
    left: 4rem;
    width: 4.37rem;
    height: 2.46rem;
    top: 0.6rem;
    z-index: 2;
}
.mobile .ladder>div#item2{
    left: 0.42rem;
    width: 6.67rem;
    height: 3.72rem;
    top:0;
    z-index: 3;
}
.mobile .ladder>div#item2>.border{
    width: 7rem;
    height: 4.1rem;
    position:absolute;
    top:-0.19rem;
    left:-0.18rem;
}
.mobile .ladder>div video{
    width: 100%;
    height: 100%;
    border:1px solid #fffed5;
}
.mobile .ladder>div button{
    width: 0.78rem;
    height:0.78rem;
    position: absolute;
    top: 1.6rem;
    left: 2.8rem;
    background: 0;
    border: 0;
    padding:0;
}
.mobile .ladder>div button img{
    width: 0.78rem;
    height:0.78rem;
}
.mobile .ladder>div#item4{
    left: -68px;
    width: 0px;
    height: 0px;
    z-index: 1;
}
.mobile .ladder>div#item5{
    left: 831px;
    width: 0px;
    height: 0px;
    z-index: 1;
}



.pcTerminal .ladder>img{
    width:0.54rem;
    height:0.75rem;
    position:absolute;
    z-index:10;
}
.pcTerminal .ladder>img.left{
    left:0.1rem;
    top:2.1rem;
}
.pcTerminal .ladder>img.right{
    left:12.3rem;
    top:2.1rem;
}
.pcTerminal .ladder>div>img{
    width:100%;
    height: 100%;
    border:1px solid #fffed5;
}
.pcTerminal .ladder>div{
    transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
    display: inline-block;
    position: absolute;
    width: 300px;
    height: 200px;
    left: 400px;
    left:-10rem;
}
.pcTerminal .ladder>div#item1{
    left: 0.9rem;
    width: 6.57rem;
    height: 3.7rem;
    top: 0.6rem;
    z-index: 2;
}
.pcTerminal .ladder>div#item3{
    left: 5.5rem;
    width: 6.57rem;
    height: 3.7rem;
    top: 0.6rem;
    z-index: 2;
}
.pcTerminal .ladder>div#item2{
    left: 2.1rem;
    width: 8.7rem;
    height: 4.86rem;
    top:0;
    z-index: 3;
}
.pcTerminal .ladder>div#item2>.border{
    width: 9rem;
    height: 5rem;
    position:absolute;
    top:-0.19rem;
    left:-0.18rem;
}
.pcTerminal .ladder>div video{
    width: 100%;
    height: 100%;
    border:1px solid #fffed5;
}
.pcTerminal .ladder>div button{
    width: 0.78rem;
    height:0.78rem;
    position: absolute;
    top: 2rem;
    left: 3.8rem;
    background: 0;
    border: 0;
    padding:0;
}
.pcTerminal .ladder>div button img{
    width: 0.78rem;
    height:0.78rem;
}
.pcTerminal .ladder>div#item4{
    left: -68px;
    width: 0px;
    height: 0px;
    z-index: 1;
}
.pcTerminal .ladder>div#item5{
    left: 831px;
    width: 0px;
    height: 0px;
    z-index: 1;
}

.mobile .spanBox{
    text-align: center;
    width:7.5rem;
    height: 0.32rem;
    position: absolute;
    overflow: hidden;
    top:5.4rem;
}

.mobile .spanBox>span{
    display: inline-block;
    width:0.2rem;
    height:0.2rem;
    background: url("image/nochoose.png") no-repeat; 
    background-size:100%;
}
.mobile .spanBox>span.checked{
    display: inline-block;
    width:0.2rem;
    height:0.2rem;
    background: url("image/choose.png") no-repeat; 
    background-size:100%;
}
.pcTerminal .spanBox{
    text-align: center;
    width:100%;
    height: 0.24rem;
    position: absolute;
    overflow: hidden;
    top:9.25rem;
}

.spanBox>span{
    display: inline-block;
    width:0.2rem;
    height:0.2rem;
    background: url("image/nochoosePc.png") no-repeat; 
    background-size:100%;
}
.spanBox>span.checked{
    display: inline-block;
    width:0.2rem;
    height:0.2rem;
    background: url("image/choosePc.png") no-repeat; 
    background-size:100%;
}