/* topbox */
.topbox{background-image:linear-gradient(to right,#e3eefc,#b8d2f1);}

/* index */
/* .sass-box .part-title::after{content: "";display:block;margin:20px auto; width:30px;height:4px;border-radius:2px;background-color:#f3a522;} */
.sass-box{background-color:#f7f9fc;}
.sass-box .product-cover{height:350px;padding:30px; border-radius:10px;background-color:#fff;border:1px solid rgba(236, 239, 246, .6);}
.sass-box .product-cover .icontitle{padding:50px;}
.sass-box .product-cover h4{padding:20px 0 0; text-align:left;font-size:24px;}
.sass-box .product-cover p{margin-top:20px; text-align:left;font-size:16px;line-height:2em;color:#666;}
.sass-box .product-cover .icon-title{padding-top:30px;}
.sass-box .product-cover .icon-title img{width:100px;}

.ggstyle-box{ }
.ggstyle-box .part-title-1{max-width:600px;margin:30px auto;text-align:center;}
.ggstyle-box .part-title-2{font-size:16px;line-height:1.5em;color:#f3a522;letter-spacing:10px;font-weight:200;text-transform: uppercase;}
.ggstyle-box .part-title-2 b{font-weight:700;}
.ggstyle-box .product-cover{height:330px;border-radius:20px;background-color:#fff;}
.ggstyle-box .product-cover h2{font-size:16px;}
.ggstyle-box .product-cover p{font-weight:300;}
.ggstyle-box .product-cover .icon-title{display:inline-block; width:144px;height:180px;margin-top:20px;border-radius:10px;overflow:hidden;}
.ggstyle-container{height:550px;position:relative;display:flex;align-items:flex-start;border-radius:20px;border:1px solid #ccc;background:url(../img/ggstyle-bg.png) no-repeat center right #fCfCfC;overflow:hidden;}
.ggstyle-container::after{content: "";display:block;position: absolute;top:-40px;left:-40px; width:100px;height:50px;background-color:#f3a522;transform: rotate(140deg);}
.ggstyle-lefttxt{display:inline-block;width:50%;margin:20px;vertical-align: top;}
.ggstyle-lefttxt p{line-height:36px;}
.ggstyle-phone{display:inline-block; width:320px;height:500px;margin:0 50px; background:url(../img/ggstyle-phonebg.png) no-repeat center top;background-size:320px  ;}
.ggstyle-phone figure{width:300px;height:490px;margin:10px;overflow: hidden;border-radius:30px 30px 0 0;}
.ggstyle-phone figure img{width:100%;}
.ggstyle-tab{display:inline-block;width:20%;}
.ggstyle-tab{margin:30px 50px;}
.ggstyle-tab li{text-align:left;}
.ggstyle-tab li .nav-link{display:inline-block;text-align:center; width:200px;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:4px;}
.ggstyle-tab li .nav-link span{color:#FFC001;font-size:18px;}
.ggstyle-tab li .nav-link.active{border:1px solid #333;  font-weight:bold; background-color:#fff; color:#333;box-shadow:0 0 10px rgba(0,0,0,.2);}
 
.count .item{display: inline-block;margin-right:30px;}
.count .val {font-size: 16px;font-weight: 500;}
.count .val span {font-size:32px;line-height:40px;font-family: new-font;margin-right:5px;}
.count .look-more{padding:10px 30px; border-radius: 30px;font-size:18px;font-weight:bold;}

.ggbianxian-box{min-height:790px;}
/* .ggbianxian-box .part-title::before{content: "";display:block;margin:20px auto;width:30px;height:4px;border-radius:2px;background-color:#f3a522;} */
.ggbianxian-box .part-title-2{margin-top:20px; font-size:16px;line-height:1.5em;color:#f3a522;letter-spacing:10px;font-weight:200;text-transform: uppercase;}
.ggbianxian-box .part-title-2 b{font-weight:700;}
.ggbianxian-box .item{padding:100px 0;}
.ggbianxian-box .item:nth-child(2n+1){ background-color:#f4f6fb;}
.ggbianxian-box .item h1{font-size:30px;font-weight:700;}
.ggbianxian-box .item h6{font-size:18px;line-height:36px;text-transform: uppercase;letter-spacing: 5px;}
.ggbianxian-box .item p{margin:30px 0;font-size:15px;line-height:36px;font-weight:400;color:#333;}
.ggbianxian-box .item .look-more{display:inline-block;padding:5px 20px;border-radius:20px; background-color:#ffb829;color:#fff !important;}
.ggbianxian-box {}

.gamehezuo-box{min-height:500px; }
.gamehezuo-box .product-cover{background:url(../img/game-bg.jpg) no-repeat #333;}
.gamehezuo-box .product-cover h2,.gamehezuo-box .product-cover p{color:#fff;}
.gamehezuo-box .product-cover .icon-title {height: 66px;}
.gamehezuo-box .product-cover {height:210px;border-radius:20px;}

.ggbianxian-youshi{min-height:790px; background:url(../img/ggbianxian-youshi.png) no-repeat center bottom;}
/* .ggbianxian-youshi .part-title::after{content: "";display:block;margin:20px auto;width:30px;height:4px;border-radius:2px;background-color:#f3a522;} */
.ggbianxian-youshi .youshi-main{ }
.ggbianxian-youshi .youshi-main .item{display:inline-block;width:19%;text-align:center;}
.ggbianxian-youshi .youshi-main .item figure{display:inline-block;width:100px;height:100px;border-radius:50px;overflow:hidden;border:10px solid rgba(255,255,255,.4);}
.ggbianxian-youshi .youshi-main .item .dot{width:18px;height:18px;margin:10px auto;border-radius:10px;background-color:rgba(243,145,34,.8);}
.ggbianxian-youshi .youshi-main .item h3{font-size:18px;}
.ggbianxian-youshi .youshi-main .item .txt{position:relative;width:200px;height:240px;margin:20px auto;padding:10px;border-radius:20px;background-image:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.4)) ;}
.ggbianxian-youshi .youshi-main .item .txt::before{content:"";position:absolute;top:0;left:0;right:0;display:block;margin:auto;width:30px;height:4px;border-radius:2px;background-color:#eaecf1;}
.ggbianxian-youshi .youshi-main .item .txt p{height:160px;padding:10px;line-height:1.8em;font-size:14px;color:#666;}
.ggbianxian-youshi .youshi-main .item:nth-child(1){position:relative;top:60px;}
.ggbianxian-youshi .youshi-main .item:nth-child(2){position:relative;top:30px;}
.ggbianxian-youshi .youshi-main .item:nth-child(3){position:relative;top:15px;}
.ggbianxian-youshi .youshi-main .item:nth-child(4){position:relative;top:25px;}
.ggbianxian-youshi .youshi-main .item:nth-child(5){position:relative;top:55px;}
.ggbianxian-youshi .youshi-main .item a.btn{display:inline-block;padding:5px 20px;background-color:#f3a522;color:#fff;border-radius:20px;font-weight:bold;}

.join-box{}
/* .join-box .part-title::after{content: "";display:block;margin:20px auto;width:30px;height:4px;border-radius:2px;background-color:#f3a522;} */
.join-box .part-title-2{margin-top:20px;font-size:16px;line-height:1.5em;color:#f3a522;letter-spacing:10px;font-weight:200;text-transform: uppercase;}
.join-box .join-main .item .item-card{padding:30px;height:380px; border-radius:20px;}
.join-box .join-main .item .item-card h1{margin:20px 0;font-size:30px;}
.join-box .join-main .item .item-card p{height:50px;line-height:1.6em;font-size:14px;color:#666;}

.companny-box{}
/* .companny-box .part-title::after{content: "";display:block;margin:20px auto;width:30px;height:4px;border-radius:2px;background-color:#f3a522;} */
.companny-box .part-title-2{margin-top:20px;font-size:16px;line-height:1.5em;color:#f3a522;letter-spacing:10px;font-weight:200;}
.companny-box .companny-main{display: flex;justify-content: center;flex-wrap:wrap; }
.companny-box .companny-main .item{display: inline-block;}
.companny-box .companny-main .item .item-card{height:100px;width:150px;line-height:100px;text-align:center;border-radius:20px;margin:10px;}
.companny-box .companny-main .item .item-card img{width:110px;}

.contact-box{padding:20px 10px; background: url(../img/contact-bg.jpg) bottom center no-repeat #242832;background-size: cover;}
.contact-box .container{text-align:center;}
.contact-box .container h2{text-align:center;color:#fff;letter-spacing:10px;font-size:32px;font-weight:300;}
.contact-box .container a.btn{display:inline-block;margin:30px;padding:8px 30px;font-size:20px; color:#fff;border-radius:30px;}
.contact-box .container a.btn span{display:inline-block;width:20px;height:20px;line-height:20px;border-radius:25px;background-color:#fff;color:#ffb829;}

/*login*/
.lookmore-line.gain-code{line-height:22px; font-size:14px;border-radius:4px;}
/**/
@media only screen and (min-width:1680px){

	}
@media only screen and (min-width:1440px) and (max-width:1679px){

	}
@media only screen and (max-width:1439px) and (min-width:800px){

	}
 
@media (max-width:991px){
	
}
@media (max-width:767px){
	.phone-none{display:none;}
	.covering-cities .map .navigation{width:100%;max-width:100%;}
	.covering-cities .map .navigation .guide1{left:8.7rem;top:8.7rem;z-index:999;}
	.covering-cities .map .navigation .guide2{left:8rem;top:8rem;}
	.ggstyle-box .product-cover{text-align: center;}
	.contact-box .container{display:block;}
	.contact-box .container h2{font-size:1.8rem;}
	.contact-box .container a.btn{display: block;margin:1rem 0 1rem; font-size:1.8rem;}
	.contact-box .container a.btn .iconfont{display: inline-block;width: 30px;height: 30px;line-height: 30px;border-radius: 25px;font-size:1.6rem;}
}

@media (max-width:576px){		}