.header-content{position:fixed;top:0;width:100%;height:80px;background:#191919;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10}.header-content,.header-content .header{display:-webkit-box;display:-ms-flexbox;display:flex}.header-content .header{position:relative;width:1080px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.header-content .header .menu{display:none}.header-content .header .logo img{width:80px;height:80px}.header-content .header .logo .title{display:inline-block;color:#fff;font-weight:600;font-size:22px;margin-left:10px}.header-content .header .nav{width:740px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.header-content .header .nav .item{color:#717171}.header-content .header .nav .active,.header-content .header .nav .item{height:80px;line-height:80px;cursor:pointer;width:200px;text-align:center;font-size:23px}.header-content .header .nav .active{background:#ea0000;color:#fff}.header-content .menu-list{position:absolute;top:60px;right:20px;width:160px;height:200px;background:#000}.header-content .menu-list .active{background:#ea0000;color:#fff}.header-content .menu-list .active,.header-content .menu-list .item{width:160px;height:50px;line-height:50px;text-align:center;cursor:pointer}.header-content .menu-list .item{color:#717171}@media screen and (max-width:768px){.header-content{height:50px}.header-content .header .menu{display:inline-block;position:absolute;right:20px}.header-content .header .menu img{width:30px;height:30px}.header-content .header .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:10px}.header-content .header .logo img{width:40px;height:40px}.header-content .header .logo .title{display:inline-block;color:#fff;font-weight:600;font-size:20px;margin-left:10px}.header-content .header .nav{display:none}}.page1-content{height:100%;width:100%;position:absolute;bottom:100px}.page1-content .cut-img-group{position:relative;text-align:center;height:100%}.page1-content .role{position:absolute;z-index:1;bottom:0;width:37%;left:31%}.page1-content .title{position:absolute;bottom:50px;width:100%;text-align:center;color:#000;font-size:70px;text-shadow:4px 4px 8px #fff;z-index:2}.page1-content .game1{bottom:46%;-webkit-transform:rotate(2deg);transform:rotate(2deg)}.page1-content .game1,.page1-content .game2{position:absolute;left:12%;width:30%;height:29%;border:4px solid #000;-webkit-box-shadow:0 0 10px rgba(206,35,101,.8);box-shadow:0 0 10px rgba(206,35,101,.8)}.page1-content .game2{bottom:10%;-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}.page1-content .game3{bottom:46%;-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}.page1-content .game3,.page1-content .game4{position:absolute;right:12%;width:30%;height:29%;border:4px solid #000;-webkit-box-shadow:0 0 10px rgba(206,35,101,.8);box-shadow:0 0 10px rgba(206,35,101,.8)}.page1-content .game4{bottom:10%;-webkit-transform:rotate(2deg);transform:rotate(2deg)}@media screen and (max-width:768px){.page1-content .role{width:80%;left:10%;bottom:8%}.page1-content .title{font-size:40px}.page1-content .game1{-webkit-transform:rotate(0);transform:rotate(0);top:29%;bottom:auto;left:9%;right:9%;width:81%;height:23%}.page1-content .game2,.page1-content .game3,.page1-content .game4{display:none}}.page2-content{margin-top:80px;margin-left:calc(50% - 540px);width:1080px;height:calc(100% - 180px);background:#fff;padding:30px;overflow:auto}.page2-content .title{margin-top:30px;border-left:4px solid #ea0000;margin-bottom:20px;font-weight:600;color:#000;padding-left:10px}.page2-content .img-group{margin-top:40px;margin-bottom:40px}.page2-content .img-group .item{width:694px;height:342px;border:2px solid #000;background:#797979;margin-right:10px;margin-bottom:12px}@media screen and (max-width:768px){.page2-content{margin-top:50px;margin-left:0;width:auto;height:auto;padding:10px;margin-bottom:80px}.page2-content .img-group{margin-top:10px}.page2-content .img-group .item{width:100%;height:auto;border:2px solid #000;background:#797979;margin-right:10px}}.footer-content{position:fixed;bottom:0;width:100%;height:100px;background:#191919;text-align:center;color:#eee}.footer-content .copyright{margin-top:20px}.footer-content .email{margin-top:10px}@media screen and (max-width:768px){.footer-content{height:80px}.footer-content .copyright{margin-top:10px}.footer-content .email{margin-top:6px}}#app{width:100%;height:100vh;overflow-y:auto;overflow-x:hidden;background:url(../img/bg.jpg);background-size:100% 100%;position:relative}@media screen and (max-width:768px){#app{background:url(../img/bg-phone.jpg);background-size:100% 100%}}*{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}img{border:0;vertical-align:middle}button{cursor:pointer}a{color:#595959;text-decoration:none}a:hover{color:#1f58ad}