/*reset*/
body,html{font-family:"microsoft yahei";}
body,html,ul,li,p,h6,h5,h2,h1{margin:0;padding:0;}
body{position:relative;width:100%;max-width:1920px;min-width: 1000px;}
i,em{font-style:inherit;}
ul,li{list-style-type: none;}
a{text-decoration:none;color:#333;}
h6,h5,h2{font-weight:normal;}
img{border:none;}
/*header*/
.header{position:fixed;left:0;top:0;width:100%;height:90px;min-width:1000px;background-color:rgba(0,0,0,0.8);z-index:101;}
.header .header-cont .lang{font-size: 16px;color: #ffffff;line-height: 90px;display: inline-block;margin-left: 50px}
.header .header-cont .lang a{font-size: 16px;color: #ffffff;}
.header .header-cont{width:100%;text-align: center}
.header .header-cont img{width:215px;vertical-align: middle;}
.header .header-cont .nav{display: inline-block;line-height:90px;height: 90px;margin-left: 57px}
.header .header-cont .nav li{display: inline-block;font-size:22px;text-align: center;margin: 0 40px}
.header .header-cont .nav li a{color:#fff;width: 100%}
.header .header-cont .nav li a:hover{color:#1baeef;}
.header .header-cont .nav li.active a{color:#1baeef;}
.header .header-cont .dropDown img{width: 26px;line-height: 90px;vertical-align: unset}
.header .game-list-box{position: fixed;top:90px;left: 65%;right:0;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration:300ms;transition-duration: 300ms;-webkit-transform: translate(0,0);transform: translate(0, 0);width:413px;height: 320px;background:rgba(0, 0, 0, 0.8);overflow: hidden;display: none}
.header .game-list-box.active{padding:34px 0 0 31px;min-height:100px;-webkit-transform: translateY(0);transform: translateY(0);}
.game-list-box .game-title{font-size: 20px;line-height: 24px;border-left:3px solid #1fadff;color:#fff;text-indent: .5em;text-align: left;}
.game-list-box .ul{margin-top:43px;line-height: 1;text-align: left;font-size:12px;}
.game-list-box .ul .li{margin:0 10px 57px 0;cursor: pointer;}
.game-list-box .ul .li:hover em,.game-list-box .ul .li:hover span{color:#1fadff}
.game-list-box .ul .li:nth-child(3n){margin-right:0}
.game-list-box .ul .li img{width:78px;border-radius: 10px;margin-right:10px;float: left;}
.game-list-box .ul .li em{font-size: 17px;color:#fff;line-height: 24px;margin-bottom: 10px;display: block}
.game-list-box .ul .li span{font-size: 14px;color:#fff;display: block;width: 80%}
/* footer  224*/
footer{width:100%;min-width: 1000px;background-color:#edeff4;}
.footer-box{width:970px;margin:0 auto;text-align: center;font-size: 12px;padding: 33px 0;}
.footer-box .footer-logo{width:150px;margin:0 auto;}
.footer-box .footer-text{display:block;width:514px;color:#d4d4d4;margin: 0 auto;text-align: center;}
.footer-box .footer-text p{display:inline-block;line-height: 26px;min-width: 100px;color: #747474;font-weight: lighter}
.footer-copy{line-height: 26px}
.footer-phone{line-height: 26px}
.footer-fcm{font-size:16px;color:#d4d4d4;margin: 8px 0 8px}
.footer-fcm a{font-size:12px;font-weight: lighter;color: #a1a1a1}
.footer-fcm a:hover{color:#1fadff;text-decoration: underline}
.footer-info{font-size:12px;font-weight: lighter;color: #a1a1a1}
.footer-info a{display: block;}
.footer-num img{width: 17px}

@media only screen and (min-width:1500px) and (max-width: 1600px){
    .header{height: 80px}
    .header .header-cont .nav{line-height:80px;height: 80px;}
    .header .header-cont .nav li{font-size:22px;}
    .header .header-cont .dropDown img{line-height: 80px;}
    .header .game-list-box{top: 80px}
    .game-list-box .game-title{font-size: 18px}
    .game-list-box .ul .li em{font-size: 18px}
    .game-list-box .ul .li span{font-size: 12px}
}
@media only screen and (min-width:1400px) and (max-width: 1500px){
    .header{height: 80px}
    .header .header-cont .nav{line-height:80px;height: 80px;}
    .header .header-cont .nav li{font-size:20px;}
    .header .header-cont .dropDown img{line-height: 80px;}
    .header .game-list-box{top: 80px}
    .game-list-box .game-title{font-size: 16px}
    .game-list-box .ul .li em{font-size: 16px}
    .game-list-box .ul .li span{font-size: 12px}
}
@media only screen and (min-width:1300px) and (max-width: 1400px){
    .header{height: 80px}
    .header .header-cont .nav{line-height:80px;height: 80px;}
    .header .header-cont .nav li{font-size:18px;}
    .header .header-cont .dropDown img{line-height: 80px;}
    .header .game-list-box{top: 80px}
    .game-list-box .game-title{font-size: 14px}
    .game-list-box .ul .li em{font-size: 14px}
    .game-list-box .ul .li span{font-size: 10px}
}
@media only screen  and (max-width: 1300px){
    .header{height: 80px}
    .header .header-cont .nav{line-height:80px;height: 80px;}
    .header .header-cont .nav li{font-size:16px;margin: 0 20px}
    .header .header-cont .dropDown img{line-height: 80px;}
    .header .game-list-box{top: 80px}
    .game-list-box .game-title{font-size: 14px}
    .game-list-box .ul .li em{font-size: 14px}
    .game-list-box .ul .li span{font-size: 10px}
}