html, body {
    position: relative;
    height: 100%;
    font-family:"微软雅黑";
}
.height400{height:400px;}
.height300{height:300px;}
.height100{height:100px;}
.height50{height:50px;}
#header{height:100px;padding:30px 0px;background: black;width:100%;box-sizing:border-box;position:fixed;z-index:1000;}
.header-content{width:980px;height:100%;margin:0 auto;}
.logo{height:100%;float:left;}
.tab{height:100%;width:360px;float:left;margin-left:75px;}
.tab ul li{float:left;line-height:40px;margin-left:35px;color:#808080;cursor:pointer;}
.tab ul li.active{color:white;}
.tab ul li:hover{color:white;}
.tab ul li:first-child{margin-left:0px;}
.gamestart{height:100%;float:right;cursor:pointer;}
#banner{height:650px;background-image: url(/source/plugin/activities/img/chess/banner.jpg?{VERHASH});background-size:auto 100%;background-position:center top;background-repeat:no-repeat;}
.banner-line{background-color:#694ead;background-image:url(/source/plugin/activities/img/chess/banner-line.png?{VERHASH}),url(/source/plugin/activities/img/chess/banner-line.png?{VERHASH});background-position:left center,right center;background-repeat:repeat-y;background-size:40% 100%;height:65px;}
.qrcode{position:absolute;width:20%;height:300px;left:40%;top:740px;text-align:center;}
.title{height:40px;width:980px;margin:0 auto;font-size:30px;border-bottom:1px solid #d9d9d9;}
.title-label{width:200px;float:left;line-height:40px;}
.title-bg{float:left;height:40px;width:780px;background-image:url(/source/plugin/activities/img/chess/title_bg.png?{VERHASH});background-position:center;background-repeat:repeat-x;}
.game-title-bg{float:left;height:40px;width:780px;background-image:url(/source/plugin/activities/img/chess/gamelist.jpg?{VERHASH}),url(/source/plugin/activities/img/chess/title_bg.png?{VERHASH});background-position:85% center,center;background-repeat:no-repeat,repeat-x;}
.gamelist{width:980px;height:330px;margin:0 auto;text-align: center;}
.gamelist img{width:16.2%;}
.brand-content{font-size:20px;width:980px;margin:0 auto;line-height:45px;color:#949494;}
.brand-image{width:980px;margin:20px auto;text-align: center;}
.brand-image img{width:100%;}
.brand-image img:first-child{width:80%;}
.bigthing{position:relative;width:980px;height:600px;margin:50px auto;background-image:url(/source/plugin/activities/img/chess/bigthing_bg.png?{VERHASH});background-position:right top;background-repeat:no-repeat;background-size:100% auto;}
.bigthing-content{width:270px;height:230px;position:absolute;padding:60px 20px 20px 20px;box-sizing:border-box;color:#696969;font-size:21px;line-height:30px;}
.bigthing1{left:50px;}
.bigthing2{left:350px;}
.bigthing3{left:660px;}
.bigthing4{left:50px;top:330px;width:880px;height:150px;}
#whyus .title-label{width:250px;}
#whyus .title-bg{width:730px;}
.whyus-img{width:980px;height:310px;margin:30px auto;}
.whyus-img img{height:100%;}
#hardware .title-label{width:280px;}
#hardware .title-bg{width:700px;}
.hardware-img{width:980px;margin:20px auto;}
.hardware-img img{width:100%;}
#share .title-label{width:450px;}
#share .title-bg{width:530px;}
.share-img{width:980px;margin:20px auto;}
.share-img img{width:100%;}
.download-img{width:980px;height:350px;margin:20px auto;position:relative;}
.download_qr{position:absolute;width:250px;left:200px;top:20px;}
.download_ios{position:absolute;width:380px;left:460px;top:20px;cursor:pointer;}
.download_android{position:absolute;width:380px;left:460px;top:150px;}
.download_android1{position:absolute;width:190px;height:40px;left:460px;top:265px;cursor:pointer;}
.download_android2{position:absolute;width:190px;height:40px;left:650px;top:265px;cursor:pointer;}
.footer-bg{height:40px;background-image:url(/source/plugin/activities/img/chess/title_bg.png?{VERHASH});background-position:center;background-repeat:repeat-x;}
#footer{height:250px;background:#eeeeee;margin-top:-5px;text-align:center;padding-top:50px;box-sizing:border-box;}
#footer img{width:800px;}
.footer-black{height:80px;background-image:url(/source/plugin/activities/img/chess/footer-black.png?{VERHASH});background-position:center;background-position:repeat-x;}
.swiper-container {
    width: 980px;
    height: 438px;
    margin-top:30px;
}
.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{width:100%;}
.swiper-pagination{text-align:center;width:980px;}
.swiper-pagination-bullet{width:32px;height:32px;background:url(/source/plugin/activities/img/chess/bullet.png);}
.swiper-pagination-bullet-active{background:url(/source/plugin/activities/img/chess/bullet_active.png);}
.screenBar{height:70px;background-color:#f4f4f4;width:980px;margin:0 auto;padding-top:19px;box-sizing:border-box;}
