.title-area{position:absolute;left:5%;top:200px;z-index:200;color:#222}.title-area h1{font-size:2.4em;font-weight:bold;margin-bottom:20px}.title-area p{margin:0;font-size:1.3em;font-weight:400}.banner{position:relative;height:90vh}.banner .banner-img{position:relative;background-image:url(../img/index/banner.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;height:90vh;overflow-x:hidden;overflow-y:auto;-webkit-animation-delay:0.3s;animation-delay:0.3s}.banner .banner-img .phone{position:absolute;left:0;right:0;bottom:-200px;z-index:400;margin:0 auto;width:650px}.banner .banner-img .screen{background-image:url(../img/index/screen.png);background-repeat:no-repeat;background-size:100% 100%;background-position:center;position:absolute;left:0;right:0;bottom:-700px;z-index:400;margin:0 auto 30px;width:700px;height:400px}.banner .banner-img .screen .screen-img{position:absolute;width:150px;height:200px;background:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6);box-shadow:0 1px 3px rgba(0,0,0,0.6);padding:15px;display:none}.banner .banner-img .screen .screen-img:nth-of-type(1){left:14%;top:22%;-webkit-transform:rotate(30deg);transform:rotate(30deg);z-index:200}.banner .banner-img .screen .screen-img:nth-of-type(2){right:13%;top:30%;-webkit-transform:rotate(15deg);transform:rotate(15deg);z-index:400}.banner .banner-img .screen .screen-img:nth-of-type(3){left:40%;top:26%;-webkit-transform:rotate(-25deg);transform:rotate(-25deg);z-index:600}.banner .banner-img .screen .screen-img a{display:block;height:100px;background-repeat:no-repeat;background-size:cover;background-position:center}.banner .banner-img .screen .screen-img p{margin:20px 0 0;text-align:center;word-break:break-all;font-size:1.02em;line-height:1.2}.banner .title-area h1{-webkit-animation-delay:0.5s;animation-delay:0.5s}.banner .title-area p{-webkit-animation-delay:0.8s;animation-delay:0.8s}.game{position:relative;height:650px}.game .game-img-area{position:relative;width:50%;height:650px;float:right;background:#272730}.game .game-img-area h1{font-size:2.4em;font-weight:400;color:#fff;text-align:right;margin:90px 15% 0 0;letter-spacing:1px}.game .game-img-area .game-phone{position:absolute;left:-40px;bottom:50px;z-index:400;width:200px}.game .game-img-area .game-pad{position:absolute;left:160px;bottom:46px;z-index:400;width:450px}.event{position:relative;height:650px}.event .event-img{position:relative;background-image:url(../img/index/event.jpg);background-repeat:no-repeat;background-size:cover;background-position:center top;height:650px}.event .event-img .event-img-area{position:absolute;left:0;top:0;width:55%;height:100%}.event .event-img .event-img-area .event-item{position:absolute;z-index:400;border:5px solid rgba(255,255,255,0.65);background:rgba(255,255,255,0.65);width:300px;height:200px}.event .event-img .event-img-area .event-item:nth-of-type(1){left:0;right:0;top:90px;margin:auto}.event .event-img .event-img-area .event-item:nth-of-type(1).view-ninth .mask-1,.event .event-img .event-img-area .event-item:nth-of-type(1).view-ninth .mask-2{background:rgba(90,199,199,0.6)}.event .event-img .event-img-area .event-item:nth-of-type(2){left:-310px;right:0;top:310px;margin:auto}.event .event-img .event-img-area .event-item:nth-of-type(2).view-ninth .mask-1,.event .event-img .event-img-area .event-item:nth-of-type(2).view-ninth .mask-2{background:rgba(255,242,144,0.6)}.event .event-img .event-img-area .event-item:nth-of-type(3){left:0;right:-310px;top:310px;margin:auto}.event .event-img .event-img-area .event-item:nth-of-type(3).view-ninth .mask-1,.event .event-img .event-img-area .event-item:nth-of-type(3).view-ninth .mask-2{background:rgba(255,175,191,0.6)}.event .event-img .event-img-area .event-item:hover h1{bottom:-45px}.event .event-img .event-img-area .event-item .event-item-img{background-repeat:no-repeat;background-size:cover;background-position:center;height:190px}.event .event-img .event-img-area .event-item h1{position:absolute;left:0;right:0;bottom:-8px;font-size:1.3em;font-weight:400;padding:7px 0;text-align:center;background:rgba(0,0,0,0.6);color:#fff;-webkit-transition:all 0.3s ease-in-out 0.3s;transition:all 0.3s ease-in-out 0.3s}.event .title-area{left:auto;right:10%}.album{position:relative;height:650px}.album .album-img-area{position:relative;width:50%;height:650px;float:right}.album .album-img-area h1,.album .album-img-area p{position:absolute;z-index:600;right:9%;color:#222}.album .album-img-area h1{top:55px;font-size:2.0em;font-weight:600}.album .album-img-area p{top:105px;font-size:1.3em;text-align:right}.album .album-img-area .album-item{position:absolute;bottom:0;margin:auto}.album .album-img-area .album-item:nth-of-type(1){left:-50px;top:-100px;z-index:200;width:50%}.album .album-img-area .album-item:nth-of-type(2){right:7%;top:130px;z-index:400;width:55%}.album .album-img-area .album-phone{position:absolute;left:29%;top:0;bottom:0;z-index:600;width:24%;margin:auto}.other{position:relative;height:650px}.other .other-img{position:relative;background-image:url(../img/index/other.jpg);background-repeat:no-repeat;background-size:cover;background-position:center top;height:650px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.other .other-img .other-img-area{display:-webkit-box;display:-ms-flexbox;display:flex}.other .other-img .other-img-area .other-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:250px;height:250px;margin-right:80px;background:rgba(255,255,255,0.23);border:1px solid #fff;border-radius:4px;color:#fff;font-size:1.7em;text-decoration:none;-webkit-transition:background-color 0.5s;transition:background-color 0.5s}.other .other-img .other-img-area .other-link i{font-size:3.2em;display:block;margin-bottom:20px}.other .other-img .other-img-area .other-link:nth-of-type(2){margin-right:0}.other .other-img .other-img-area .other-link:nth-of-type(2) i{font-size:4.2em;margin-bottom:-5px}.other .other-img .other-img-area .other-link:hover,.other .other-img .other-img-area .other-link:focus{background:#222;border:1px solid #222;color:#1b9696}.news{position:relative;background:#272730;text-align:center;padding:40px 0}.news .title-area{position:relative;left:0;right:0;top:0;margin:0 auto;color:#fff}.news .news-area{max-width:1160px;margin:0 auto;padding:20px}.news .news-area .news-item{display:block;width:23%;margin-bottom:10px;padding:7px;background:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.6);box-shadow:0 2px 5px rgba(0,0,0,0.6);border-radius:4px;text-decoration:none;overflow:hidden;-webkit-transition:background-color 0.5s;transition:background-color 0.5s}.news .news-area .news-item .news-item-img{overflow:hidden;-webkit-transition:all 0.5s;transition:all 0.5s}.news .news-area .news-item .news-item-img img{-webkit-transition:all 0.4s;transition:all 0.4s}.news .news-area .news-item .news-item-content{padding:20px;word-break:break-all}.news .news-area .news-item .news-item-content h3{color:#222;font-size:1.2em;margin-bottom:20px;line-height:1.43;text-align:left}.news .news-area .news-item .news-item-content p{color:#999;font-size:14px;text-align:justify;margin-bottom:20px}.news .news-area .news-item .news-item-content .news-item-date{font-size:14px;float:left;color:#d10f71}.news .news-area .news-item .news-item-content .news-item-more{font-size:14px;float:right;color:#5AC7C7}.news .news-area .news-item:hover{background:#1b9696}.news .news-area .news-item:hover .news-item-img{background:#fff}.news .news-area .news-item:hover .news-item-img img{opacity:0.85;-webkit-transform:scale(1.2);transform:scale(1.2)}.news .news-area .news-item:hover .news-item-content{padding:20px;word-break:break-all}.news .news-area .news-item:hover .news-item-content p{color:#fff}.news .news-area .news-item:hover .news-item-content .news-item-more{-webkit-animation:move 0.5s;animation:move 0.5s;color:#fff}.news .news-more{display:inline-block;margin:50px auto 10px;padding:10px 50px;background:rgba(255,255,255,0.23);color:#fff;font-size:1.1em;border:1px solid #fff;border-radius:4px;text-decoration:none;-webkit-transition:background-color 0.5s;transition:background-color 0.5s}.news .news-more:hover,.news .news-more:focus{background:#1b9696;border:1px solid #1b9696}@-webkit-keyframes move{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;color:#fff}}@keyframes move{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:10}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;color:#fff}}@media screen and (max-width: 1024px){.title-area h1{font-size:2.0em}.title-area p{font-size:1.05em}.game .game-img-area h1{margin:80px 10% 0 0;font-size:2.0em}.game .game-img-area .game-phone{left:-30px;width:170px}.game .game-img-area .game-pad{left:140px;width:340px}.event{height:680px}.event .event-img{height:680px}.event .event-img .event-img-area{width:45%}.event .event-img .event-img-area .event-item:nth-of-type(1){top:30px}.event .event-img .event-img-area .event-item:nth-of-type(2){left:0;top:240px}.event .event-img .event-img-area .event-item:nth-of-type(3){right:0;top:450px}.event .title-area{right:5%;background:rgba(255,255,255,0.65);padding:30px 20px}.album .album-img-area h1,.album .album-img-area p{right:8%}.album .album-img-area h1{top:100px;font-size:1.7em}.album .album-img-area p{top:145px;font-size:1.05em}}@media screen and (max-width: 768px){.title-area{left:20px;right:20px;top:30px}.title-area h1{font-size:1.75em;margin-bottom:10px}.banner{height:600px}.banner .banner-img{height:600px}.banner .banner-img .phone{bottom:-100px;width:320px}.banner .banner-img .screen{bottom:-420px;margin:0 auto 150px;width:220px;height:150px}.banner .banner-img .screen .screen-img{width:50px;height:80px;padding:10px 5px;display:none}.banner .banner-img .screen .screen-img:nth-of-type(1){left:16%;top:22%}.banner .banner-img .screen .screen-img:nth-of-type(2){right:13%;top:28%}.banner .banner-img .screen .screen-img:nth-of-type(3){left:40%;top:25%}.banner .banner-img .screen .screen-img a{height:30px}.banner .banner-img .screen .screen-img p{margin:5px 0 0;text-align:center;word-break:break-all;font-size:12px}.game{height:auto;padding-top:220px}.game .game-img-area{width:100%;height:auto;float:none;text-align:center;padding-bottom:30px}.game .game-img-area h1{font-size:1.5em;margin:30px 20px 20px;text-align:left}.game .game-img-area .game-phone{position:relative;left:0;bottom:0;width:45%;margin:-30px auto 5px}.game .game-img-area .game-pad{position:relative;left:0;bottom:0;width:90%}.event{height:auto}.event .event-img{height:auto;padding-top:335px}.event .event-img .event-img-area{position:relative;width:100%;height:680px}.event .title-area{left:15px;right:15px;background:rgba(255,255,255,0.65);padding:30px 20px}.album{height:auto;padding-top:200px}.album .album-img-area{width:100%;height:1050px;float:none}.album .album-img-area h1,.album .album-img-area p{left:20px;right:20px}.album .album-img-area h1{top:365px;font-size:1.5em}.album .album-img-area p{top:720px;text-align:left}.album .album-img-area .album-item{margin-top:0}.album .album-img-area .album-item:nth-of-type(1){left:0;right:0;top:415px;width:300px}.album .album-img-area .album-item:nth-of-type(2){left:0;right:0;top:788px;width:300px}.album .album-img-area .album-phone{left:0;right:0;width:170px;margin-top:0}.other{height:auto}.other .other-img{height:auto;padding:40px 0}.other .other-img .other-img-area{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.other .other-img .other-img-area .other-link{width:200px;height:200px;margin-right:0;margin-bottom:30px;font-size:1.5em}.other .other-img .other-img-area .other-link i{font-size:2.8em;display:block;margin-bottom:20px}.other .other-img .other-img-area .other-link:nth-of-type(2){margin-bottom:0}.other .other-img .other-img-area .other-link:nth-of-type(2) i{font-size:3.7em;margin-bottom:0}.news{padding:30px 0 20px}.news .news-area .news-item{width:auto;left:10px !important;right:10px}}
/*# sourceMappingURL=index.css.map */