@charset "utf-8";
*{padding: 0;margin: 0;}
 html, body{position:relative;height: 100%;}
body{background:#f7f7f7;}
ul,li{list-style: none;border: none;}
a{color: #555;text-decoration: none;}
a:hover{color: #ff6b00;}

.game-down,.swiper-container{width:1100px;}
.nav-z-index-bg{width: 100%; height: 92px; box-shadow: 0px 2px 5px #c5c5c5; background: #fff; position: absolute; top: 251px; z-index: -1;}
/*topLogo-go*/
.logo{width: 100%;background:#5fd302;padding: 30px 0;}
.logo > div{width:349px;height:191px;margin: 0 auto;}
.logo > div img{width:55%;margin: 0 auto;display:block;text-align:center;}
/*topLogo-end*/

/*=======nav-tabs-go=======*/
.tabs {position: relative;width:100%;}
.tabs ul{width: 800px; margin: 0 auto;}
.tabs input[name="tab-control"] { display: none; }
.tabs ul li{width:19%;height: 92px;line-height: 92px;display: inline-block;text-align: center;margin-right: -4px;}
.tabs ul li:last-child{margin-right: initial;}
.tabs ul li label {transition: all 0.3s ease-in-out;color: #555; display: block; cursor: pointer;}
.tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active { outline: 0; color: #bec5cf; }
.tabs .content{width: 1100px;margin:0 auto auto auto;}
.banner{margin-top: 50px;}
.banner img{width: 100%;}
.tabs .content section {display: none;animation:content normal 0.3s ease-in-out 1; }
.tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {cursor: default; color: #e34000;}
.tabs input[name="tab-control"]:nth-of-type(1):checked ~ .content > section:nth-child(1) { display: block; }
.tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {cursor: default; color: #e34000;}
.tabs input[name="tab-control"]:nth-of-type(2):checked ~ .content > section:nth-child(2) { display: block; }
.tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {cursor: default; color: #e34000;}
.tabs input[name="tab-control"]:nth-of-type(3):checked ~ .content > section:nth-child(3) { display: block; }
.tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label { cursor: default; color: #e34000; }
.tabs input[name="tab-control"]:nth-of-type(4):checked ~ .content > section:nth-child(4) { display: block; }
.tabs input[name="tab-control"]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label { cursor: default; color: #e34000; }
.tabs input[name="tab-control"]:nth-of-type(5):checked ~ .content > section:nth-child(5) { display: block; }
@keyframes content {
  from {opacity:0; transform: translateY(5%);}
  to {opacity:1;transform: translateY(0%);}
  }
.game-introduce{line-height:26px;padding:35px 20px;border-top:1px solid #eee;margin-top:110px;}
.game-introduce > div{margin-top: 15px;}
.game-introduce span{text-indent:2em;display: block;}
.game-introduce h3{font-family: "microsoft yahei";height: 50px;line-height: 50px;}
/*游戏介绍page-end*/
/*=======nav-tabs-end=======*/

/*游戏下载-go*/
.game-down{width: 100%;height:190px;background:#f1f1f1;margin:10px auto auto auto;display: block;border-radius:10px;}
.down-box{padding: 40px 0;}
.game-down a{width: 30%;height:110px;display:block;margin: 0 auto;background: linear-gradient(to bottom, #e34000 0%,#ff6f04 80%);position: relative;font-family: "microsoft yahei";
border-radius:110px;font-size:33px;color: #fff;font-weight: bold;text-align: center;line-height: 110px;}
.game-down a:hover{background: linear-gradient(to bottom, #ff5d04 0%,#ffd304 80%);}
.game-down i{background: url(../img/down-icon.svg) no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;top:50%;margin-top: -14px;}
.game-down i img{width: 100%;}
/*游戏下载-end*/

/*底部-go*/
.copyright{width:100%;padding:15px 0;background: #e3e3e3;display: block;text-align: center;color: #555;font-size: 12px;}
/*底部-end*/

@media screen and (max-width:767px){
	.swiper-container{margin-top: initial !important;}
	.swiper-container{width: 100%;}
}


/*下载按钮动画-go*/
.game-down a {
	animation:btn-animation 0.5s linear 1s infinite alternate;
	-moz-animation:btn-animation 0.5s linear 1s infinite alternate;
	-webkit-animation:btn-animation 0.5s linear 1s infinite alternate;
}
 @keyframes btn-animation
{
	from{transform: scale(1);}
	to {transform: scale(0.9);}
}

@-moz-keyframes btn-animation
{
	from{transform: scale(1);}
	to {transform: scale(0.9);}
}

@-webkit-keyframes btn-animation 
{
	from{transform: scale(1);}
	to {transform: scale(0.9);}
}

/*下载按钮动画-end*/

/*滚动列表图-go*/
.swiper-container{width:1060px; height: auto;margin-top:30px;}
.swiper-slide{text-align: center; font-size: 18px; 
    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{width: 21% !important;margin-right: 15px;}
.swiper-slide img{width:100% !important;}
/*滚动列表图-end*/

/*关于垦丁、加入我们-go*/
.about,.job{width:1100px;min-height:230px;background: #fff;margin:50px auto;display: block;line-height:28px;}
.about > div,.job > div{padding:40px;}
/*关于垦丁、加入我们-end*/
@media screen and (max-width:767px){
	.tabs > div,.game-down,.about,.job,.tabs.content{width:100% !important;}
	.banner{margin-top: initial;}
	.owl-carousel{margin: 0 auto !important;}
	.about,.job{margin: 0 auto;}
	.about > div,.job > div{padding:20px;}
	.logo{padding: 20px 0;}
	.logo > div{width:145px;height:80px;}
	.nav-z-index-bg{display: none;}
	.tabs ul{text-align: center;width: 100%;height: auto;line-height:50px;height: 50px; display:initial;}
	.game-down a{width: 60%;font-size:23px}
	.game-down i{width: 26px;}
	.game-down{height:140px;}
	.down-box{padding:10px 0;}
	.copyright{margin-top:10px;}
}