*{
	margin:0;
	padding:0;
}

html,body {
	height: 100%;
	margin: 0;
}
body{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size:14px;
	color:#333;
	background:#f8f8fb;
	margin:0;
	padding:0;
}

a,button{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	outline:none;
}
a:hover{
	text-decoration: none;
}
a:visited{
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
}
p{
	padding:0;
	margin:0;
}
ul, li{
	list-style:none;
	padding:0;
	margin:0;

}
a,button{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	outline:none;
	box-shadow:none;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}

.button .btn{
	font-weight:500;
	font-size:28px;
	height:45px;
	color:#fff;
	display:inline-block;
	line-height:45px;
	padding:0 45px 0 45px;
}

.button .download-btn{
	height: 120px;
	width: 300px;
	font-size: 28px;
	background-image: url("/style/images/download_btn.png");
}

.button .experience-btn{
	height: 120px;
	width: 300px;
	font-size: 28px;
	background-image: url("/style/images/experience_btn.png");
}

.btn {
	border:none;
	border-radius:0px;
}
.section-title{
	text-align: center;
    margin-bottom: 80px;
    padding: 0 190px;
}
.section-title h2{
	font-size:32px;
	font-weight: 500;
	text-transform:uppercase;
	padding-bottom:10px;
	margin-bottom:30px;
	position:relative;
}

.section-title p{
	font-size:15px;
	color:#888;
}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}


.slicknav_menu{
	display:none;
}

#scrollUp{
	bottom: 20px;
	right: 20px;
	padding: 10px 20px;
	color: #fff;
	font-size: 25px;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	padding: 0;
	border-radius:2px;
	box-shadow:0px 0px 3px #333;
	transform:rotate(-45deg);
	border-radius:100%;
	background: #1296db;
}

#scrollUp:hover{
	background:#6f6f6f;
	color:#fff;
}

.header .nav li.current a{
	color: #1296db;
}

.mg-t-40 {
	margin-top: 40px;
}

.has-icon {
	position: relative;
}

.input-icon-left {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: block;
	/*width: 34px;*/
	/*height: 34px;*/
	line-height: 34px;
	text-align: center;
	pointer-events: none;
}

.input-icon-right{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
	/*width: 34px;*/
	/*height: 34px;*/
	line-height: 34px;
	text-align: center;
	pointer-events: none;
}

input.has-icon-right {
	padding-right: 35px;
}

/*============================
	Header CSS
==============================*/
.header{
	background:#1b1b1b;
	z-index:999999;
}
.header .header-inner.sticky{
	z-index:99999;

}
.header .navbar-collapse{
	padding:0;
}

.header .header-inner {
	z-index:999;
	height: 80px;
	background:#1b1b1b;
	-webkit-box-shadow:0px 0px 5px #000;
	-moz-box-shadow:0px 0px 5px #000;
	box-shadow:0px 0px 5px #000;

}
.header .logo {
	float: left;
	padding-top: 10px;
}
.header .navbar {
	background: none;
	box-shadow: none;
	border: none;
	margin: 0;
	height: 0px;
	min-height: 0px;
	float: right;
}
.header .nav li{
	margin-right: 12px;
    float: left;
	position: relative;
}
.header .nav img{
	position: absolute;
	top: 10px;
	right: 18px;
}
.header .nav li:last-child{
	margin:0;
}
.header .nav li a {
	color:#fff;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 30px 15px;
    position: relative;
    display: inline-block;
}
.header .nav li a i{
	margin-left:5px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.header .nav li:hover a i{
	transform:rotate(180deg);
}


.header #nav li:hover a{
	box-shadow:none;
	text-shadow:none;
	border:none;
}



/* dropdown */

#header .nav li .dropdown{
	background: #fff;
	top:80px;
    width: 220px;
    position: absolute;
    left: -15px;
    z-index: 99;
	border-top:3px solid;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#header .nav li:hover .dropdown{
	opacity:1;
	visibility:visible;
	left:0;
}
#header .nav li .dropdown li{
	float:none;
	margin:0;
}
#header .nav li .dropdown li a{
	padding: 10px 15px;
    color: #333;
    display: block;
}
#header .nav li .dropdown li i{
	float:right;
}


#header .nav li .dropdown li a:before{
	display:none;
}


/* Sticky */
.header .sticky {
	position: fixed;
	width: 100%;
	top: 0;
	animation: fadeInDown 0.8s both 0s;
}

/*===================
	End Header CSS
=====================*/
/*===================
	Slider CSS
=====================*/
#slider{
	position:relative;
}

#slider .single-slider{
	height:1000px;
	background-size:cover;
	background-position:center;
}

#slider .single-slider .slider-text{
	margin-top:350px;
	text-align:center;
}
#slider .single-slider h1{
	color:#fff;
	font-size:60px;
	/*line-height:75px;*/
	text-transform:capitalize;
	padding-bottom: 60px;
}
#slider .single-slider p.cn{
	color: #fff;
	margin: 0px 0px;
	font-weight: 300;
	font-size: 26px;
	padding: 0;
	text-align: center;
	margin-top: 80px;
	text-transform:capitalize;
}

#slider .single-slider p.en{
	color: #fff;
	margin: 0px 0px;
	font-weight: 300;
	font-size: 12px;
	padding: 0;
	text-align: center;
	margin-top: 20px;
	text-transform:capitalize;
}

#slider .button-head{
	text-align:center;
}

#slider .button{
	margin-top:80px;
	text-align:center;
	display:inline-block;
	position:relative;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

/*===================
	End Slider
=====================*/

.experience-box{
	padding: 30px;
}


#description {
	padding: 100px 0px 160px 0px;
}

#description .description{
	text-align: center;
}

#description .description .description-content{
	margin-top: 30px;
}

#description .description .description-content h1{
	margin-bottom: 30px;
	font-size: 18px;
}

#description .description .description-content p{
	margin-bottom: 30px;
	font-size: 14px;
}


/*===================
	Game
=====================*/
#game{
	padding: 80px 0px 160px 0px;
	background-image:url('/style/images/game_bg.png');
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
}

#game .section-title{
	color:#fefefe;
	font-size: 36px;
}

#game .section-title h2{
	color:#fefefe;
	font-size: 36px;
}

#game .section-title p{
	color:#fefefe;
	font-size: 18px;
	margin-top: 30px;
}

#game .support-games{
	background-image:url('/style/images/games-logo.png');
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
}

#game #game_logo_block {
	padding: 80px 0px 160px 0px;
	background-image:url('/style/images/games-logo.png');
	background-size:cover;
	background-position:center;
	height: 640px;
	margin-right: 0px;
}

#game #game_img_block {
	padding-bottom: 160px;
}

#img_flow .img-flow-item{
	padding: 0px 5px 10px 5px;
}

#img_flow .img-flow-item img{
	width: 100%;
}


#game-slider .owl-dots {
	z-index: 1;
	width: 100%;
	text-align: right;
	padding-right: 20px;
	margin-top: -45px;
	position: relative;
}

#game-slider .owl-dots button {
	width: 40px;
	height: 5px;
	background: #fff;
	margin-right: 5px;
	border: 1px solid transparent;
}

#game-slider .owl-dots button.active{
	background:#ffc12e;
	/*border-color:#ffc12e;*/
}

#game #game_player_block {
	padding-top: 80px;
}

#game_player_block .game-btn {
	background-image: url("/style/images/game_btn_border.png");
	background-repeat: no-repeat;
	height: 200px;
	width: 340px;
	display: block;
	padding: 70px 0px 0px 45px;
}

#game_player_block .game-btn .game-btn-text {

}

#game_player_block .game-btn .game-btn-text img{
	float:left;
}

#game_player_block .game-btn .game-btn-text h1{
	float: left;
	color: #fff;
	margin-left: 60px;
}

#game_player_block .game-btn .game-btn-text p{
	float: left;
	color:#fff;
	margin-left: 60px;
	margin-top: 10px;
}

/*===================
	End Testimonials
=====================*/


/*===================
	Qrcode CSS
=====================*/
#qrcode{
	padding: 80px 0px 80px 0px;
	text-align:center;
	background: #ffb11c;
	/*background-image:url('img/fun-bg.jpg');*/
	position:relative;
}

/* single-fun */
#qrcode .single-fun{
	transition:all 0.4s ease;
	padding: 28px;
	background:#FFFFFF4D;
	text-align: center;
}

#qrcode .single-fun i {
	font-size: 52px;
	color: #fff;
	display: block;
	margin-bottom: 14px;
	line-height: 80px;

}

#qrcode .single-fun span{
	color:#fff;
	font-weight:600;
	font-size:30px;

}
#qrcode .single-fun p{
	color:#fff;
	font-size:15px;
}

#qrcode .qrcode-right {
	text-align: center;
}

#qrcode .qrcode-left h1{
	color: #fff;
	float: left;
	font-size: 36px;
}
#qrcode .qrcode-left span{
	font-size: 36px;
	color: #333333;
}

#qrcode .qrcode-left p{
	font-size: 18px;
	color: #333333;
	float: left;
	margin-top: 20px;
}

#qrcode .qrcode-left .btn-experience{
	color: #fff;
	float: left;
	margin-top: 30px;
	border-radius: 50px;
	background-color: #333333;
	padding: 10px 30px;
	font-size: 18px;
	outline:none;
}

#qrcode .qrcode-right .qrcode img{
	margin-top: 10px;
}

/*===================
	End Qrcode
=====================*/



/*===================
	Footer CSS
=====================*/
footer{
	background: #1b1b1b;
	padding:80px 0 0 0;
	color:#f8f8f8;
}

footer a {
	color:#fff;
}

footer a:hover {
	color: #ff5722;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
	color: #fff;
}

footer .link-list {
	margin-top: 30px;
	padding: 0;
	list-style: none;
}

.waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	z-index: 1;
	will-change: opacity, transform;
	transition: .3s ease-out;
}

footer .widgetheading {
	position: relative;
}

footer .link-list li{
	margin-top: 20px;
}

footer h5 a:hover, footer a:hover {
	text-decoration:none;
}

ul.social-network {
	list-style:none;
	margin:0;
}

ul.social-network li {
	margin-right: 30px;
	display:inline;
	padding: 5px 0 0;
	width: 32px;
	display: inline-block;
	text-align: center;
	height: 32px;
	vertical-align: baseline;
}

#sub-footer{
	text-shadow:none;
	color: #dedede;
	padding:0;
	padding-top:40px;
	padding-bottom: 60px;
	margin:60px 0 0 0;
	background: #1b1b1b;
	border-top: 1px solid #3e3e3e;
}

#sub-footer p{
	margin:0;
	padding:0;
}

#sub-footer span{
	color: #9e9e9e;
}

.copyright {
	text-align:center;
	font-size:12px;
}

footer ul.social-network {
	float:left;
}
/*===================
	End Footer CSS
=====================*/

.login-form {
	padding-top: 250px;
	padding-bottom: 250px;
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
}

.login-form h1 {
	color: #666666;
	font-size: 24px;
}

.login-form .form-group {
	margin-bottom: 15px;
	margin-top: 15px;
	position: relative;
}

.login-form .form-group input{
	height: 40px;
	border-radius: 0;
	box-shadow: none;
	border-color: #d2d6de;
	padding-left: 35px;
}

.login-form .form-group i.fa{
	position: absolute;
	top: 0;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	pointer-events: none;
	color: #777;
	vertical-align: middle;
}

.login-form .username-group {
	margin-top: 40px;
}

.login-form .password-group {
	margin-top: 30px;
}

.login-form .checkbox-block {
	margin-top: 30px;
}

.login-form .checkbox-block a{
	float: right;
	font-size: 14px;
	color: #d1d1d1;
}

.login-form .checkbox-block .checkbox-label{
	font-size: 14px;
	color: #d1d1d1;
}

.login-form button {
	margin-top: 40px;
	border-radius: 5px;
	font-size: 18px;
}

p.redirect-register {
	font-size: 14px;
	margin-top: 30px;
}

p.redirect-register a{
	color:#1196db;
}

/*=============

 ================*/
.register-form {
	padding: 160px 0 160px 0;
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
}

.register-form .form-group {
	margin-top: 30px;
	position: relative;
}

.register-form .form-group input{
	border-radius: 0;
	box-shadow: none;
	border-color: #d2d6de;
	padding-left: 35px;
	height: 40px;
}

.register-form .form-group i.fa{
	position: absolute;
	top: 0;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	pointer-events: none;
	color: #777;
	vertical-align: middle;
}

.register-form .username-group {
	margin-top: 40px;
}

.register-form .checkbox {
	margin-top: 30px;
}

.register-form .checkbox a{
	float: right;
	font-size: 14px;
	color: #d1d1d1;
}

.register-form .checkbox label{
	font-size: 14px;
	color: #d1d1d1;
}

.register-form button {
	margin-top: 40px;
	border-radius: 5px;
	font-size: 18px;
	margin-bottom: 30px;
}

.register-form .redirect-login a{
	font-size: 14px;
	color:#1196db;
}

.register-form .input-group-addon{
	padding: 0;
}

/**==================
	download page
 =====================*/

#download {
	width: 100%;
	height: 100%;
}
#download .download{
	width: 100%;
	height: 100%;
	background-image: url("/style/images/download/download-bg.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#download .download .download-body{
	width: 63%;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
#download .download .download-intro{
	width: 50%;
	height: 50%;
	justify-content: center;
	display: flex;
	flex-direction: column;
	color: white;
}
#download .download .download-intro .title{
	font-size: 3.6vw;
	font-weight: bold;
}
#download .download .download-intro .title .right{
	margin-left: 20px;
	color: #e10a6a;
}
#download .download .download-intro .content{
	font-size: 1.8vw;
	margin-top: 5%;
}
#download .download .download-intro .download-box{
	width: 100%;
	display: flex;
	align-items: center;
	height: 14%;
	margin-top: 3%;
}
#download .download .download-intro .download-btn{
	width: 35%;
	background-color: #2F50DB;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	border-radius: 5px;
	margin-right: 30px;
	cursor: pointer;
}
#download .download .download-intro .download-btn .win{
	margin-left: 10px;
	font-size: 0.8vw;
}
#download .download .download-intro .version{
	margin-top: 30px;
}
.hr-line {
	border-top: 1px solid #e8e8e8;
}

#download .text-block {
	margin-top: 100px;
}

#download .text-block h2{
	margin-top: 100px;
	margin-bottom: 30px;
}

#download .text-right p{
	margin-top: 100px;
}

#download .text-block li{
	margin-bottom: 20px;
}

#show_msg {
	min-height: 630px;
	padding: 100px;
}

#show_msg .notice-header h1{
	font-size: 48px;
}

#show_msg .notice-content i{
	margin-top: 30px;
	margin-bottom: 30px;
	color: #ffc12e;
}

#show_msg .notice-content a{
	margin-top: 20px;
}


#news_content .news-content {
	padding: 60px 0px 60px 0px;
	text-align: center;
}

#news_content .news-title {
	margin-bottom: 40px;
}

#news_content .news-time {
	margin-bottom: 40px;
}

#news_content .news-info{
	text-align: left;
}

#news_content .news-info p{
	line-height: 1.5;
	font-size: 16px;
}

#user{
	padding:50px 0px 100px 0px;
}

#user_nav{
	padding: 50px 0px 50px 30px;
	box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
}

#user_nav li{
	margin-bottom: 80px;
}

#user_nav li a{
	font-size: 20px;
	color: #333333;
}

#user_nav li a.active{
	color: #1296db;
}

#user_nav li a:hover{
	color: #1296db;
}

#user_nav li a i{
	margin-right: 20px;
}

#user .info-block{
	box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
	padding: 50px;
}

#user .password-block, .email-block{
	box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
	padding: 40px 30px 40px 50px;
	margin-top: 30px;
}

#user table{
	width: 100%;
}

#user .info-left{
	float: left;
}

#user .info-left .avatar{
	width: 80px;
	display: block;
	position:relative;
	overflow:hidden;
}

#user .info-right{
	margin-left: 20px;
	float: left;
}

#user .info-right .username{
	font-size: 20px;
	color: #333333;
}

#user .info-right .last_login_time{
	font-size: 14px;
	color: #666666;
	margin-top: 20px;
}

#user .password-block a.btn, .email-block a.btn{
	background-color: #ffc12e;
	color: #333333;
	font-size: 16px;
	height: 45px;
	width: 120px;
	line-height: 38px;
}

#user .password-block i, .email-block i{
	color: #999999;
	margin-right: 20px;
	font-size: 44px;
}

#user .password-block .psw-left, .psw-center{
	padding-right: 20px;
	float: left;
}

#user .email-block .email-left, .email-center{
	padding-right: 20px;
	float: left;
}

#user .password-block i, .email-block i{
	color: #999999;
	margin-right: 20px;
	font-size: 44px;
}

#user .psw-right , .email-right {
	text-align: right;
	margin-right: 30px;
}

#user .psw-text , .email-text {
	padding-top: 10px;
}

#user .user-email, #user .login-psw{
	font-size: 16px;
	color: #333333;
}

#user .psw-text, #user .email-text{
	font-size: 14px;
	color: #666666;
}

#psw_change .psw-change{
	padding: 50px 0px 100px 0px;
}

#psw_change .psw-change-content{
	box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
	padding: 40px 50px 100px 50px;
}

#psw_change .psw-change-header{
	padding: 0px 0px 30px 0px;

}

#psw_change .psw-change-form{
	margin-top: 30px;
}

#psw_change input {
	width: 300px;
	height: 35px;
	border-color: #e5e5e5;
	margin-bottom: 30px;
	border-radius: unset;
}

#psw_change button.submit {
	width: 140px;
	height: 40px;
	color:#fff;
	background-color: #1196db;
	margin-bottom: 30px;
	border-radius: 5px;
}

#email_change input {
	width: 300px;
	height: 35px;
	border-color: #e5e5e5;
	border-radius: unset;
}

#email_change .form-group{
	margin-bottom: 30px;
}

#email_change button.submit {
	width: 140px;
	height: 40px;
	color:#fff;
	background-color: #1196db;
	margin-bottom: 30px;
	border-radius: 5px;
}

#email_change .email-change{
	padding: 50px 0px 100px 0px;
}

#email_change .email-change-content{
	box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
	padding: 40px 50px 100px 50px;
}

#email_change .email-change-header{
	padding: 0px 0px 30px 0px;
}

#email_change .email-change-form{
	margin-top: 30px;
}

#email_change input#email_code{
	margin-bottom: 0;
}

#email_change .captcha{
	background-color: #fff;
	padding: 0;
	border: 0;
	margin-top: -28px;
}

#email_change .captcha-img{
	height: 35px;
}

#email_change .input-group[class*=col-]{
	padding-left: 15px;
}

#open{
	padding: 50px 0px 50px;
}

#open .open-desc{
	box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
	padding: 30px 0px 30px 30px;
}

#open .open-desc h1{
	font-size: 18px;
	color: #1296db;
}

#open .open-desc ul, .open-descli{
	list-style: unset;
	margin-left: 8px;
}

#open .open-desc li{
	margin: 20px;
	overflow:auto;
}

#open .open-package{
	margin-top: 30px;
	box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
	padding: 30px 0px 50px 30px;
}

#open .open-package .left-title{
	width: 15%;
}

#open .open-package h1{
	font-size: 18px;
	color: #1296db;
}

#open .border-bottom {
	border-bottom: 1px solid #eee;
	padding: 50px 0px 50px 20px;
}

#open .border-bottom table{
	width: 100%;
}

#open .user-info{
	padding: 50px 0px 50px 20px;
}

#open .border-bottom h1{
	font-size: 18px;
	color: #333333;
}

#open .right-content{
	display: flex;
	align-items: center;
	justify-content: left;
	flex-direction: row;
}

#open .package-type .right-content{
	display: flex;
	align-items: center;
	justify-content: left;
	flex-direction: row;
}

#open .package-type .package-item{
	background-color: #F9F9F9;
	width: 130px;
	height: 40px;
	margin-right: 30px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
    cursor: pointer;
}

#open .pay-info h1, #open .pay-info p{
	float: left;
}

#open .pay-info h1{
	margin-right: 50px;
}

#open .pay-info p{
	margin-right: 30px;
}

#open input.active{
	color: #1296db;
}

#open .radio-inline .active, #open .checkbox-inline .active{
	color: #1296db;
}

#open .select-item-img {
	position: relative;
	width: 150px;
	height: 60px;
	line-height: 60px;
	float: left;
	text-align: center;
	margin-right: 20px;
	border: 1px solid #eee;
	background-color: #fff;
}

#open .icon-arrows {
	display: none;
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 25px;
	height: 25px;
	background: url(/style/images/arrows.png);
}

#open .payment-platform{
	display: flex;
}

#open .make-order{
	width: 300px;
	height: 50px;
	background-color: #1296db;
	font-size: 18px;
	color: #fff;
	border-radius: 10px;
	margin-top: 50px;
}

#open .pay-info .payment-amount{
	color: #ff5003;
}

#open .cdkey{
	margin-top: 30px;
}

#open .cdkey input{
	border-radius: 0;
}

#open .cdkey-text p{
	margin-top: 20px;
	color:#1296db;
	font-size: 14px;
}

#open .btn-cdkey{
	width: 80px;
	background-color: #1296db;
	font-size: 14px;
	color: #fff;
}

#open .promotion-code{
	margin-top: 30px;
}

#open .promotion-code input{
	border-radius: 0;
}

#open .btn-promoction-code{
	width: 80px;
	background-color: #1296db;
	font-size: 14px;
	color: #fff;
}

#open .promotion-code-text p{
	margin-top: 20px;
	color:#1296db;
	font-size: 14px;
}

#open .package-plan-list .package-plan{
	display: flex;
	flex-direction: row;
}
#open .package-plan-list .package-plan .plan-item{
	display: flex;
	width: 130px;
	height: 90px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	flex-direction: column;
    position: relative;
}

#open .package-plan-list .package-plan .plan-item .plan-item-top{
	width: 100%;
	height: 40%;
	border-bottom: 1px dashed #CCCCCC;
	display: flex;
	justify-content: center;
	align-items: center;
}
#open .package-plan-list .package-plan .plan-item .plan-item-hour{
	width: 100%;
	height: 60%;
	border-bottom: 1px dashed #CCCCCC;
	display: flex;
	justify-content: center;
	align-items: center;
    flex-direction: column;
}
#open .package-plan-list .package-plan .plan-item .plan-item-bottom{
	width: 100%;
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
#open .package-plan-list .package-plan .plan-item .plan-item-bottom p{

}
#open .package-plan-list .package-plan .plan-item .old{
	color: #CCCCCC;
	font-size: 12px;
}
#open .package-plan-list .package-plan .plan-item .activity{
    display: none;
}
#open .package-plan-list .package-plan .plan-item .activity-active{
    position: absolute;
    top: -30px;
    right: -20px;
    width: 55px;
    height:55px;
    background-image: url("/style/images/pay/activity-default.png");
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
    padding-top: 10px;
    line-height: 14px;
    flex-direction: column;
}

#open .package-plan-list .package-plan .plan-item.active .activity-active{
    background-image: url("/style/images/pay/activity-checked.png");
}

#open .open-package .payment-platform-item{
	width: 150px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	border: 2px solid #CCCCCC;
	margin-right: 40px;
	cursor: pointer;
}

#open .open-package .active{
    color: #1296db;
    border: 2px solid #1296db;
    background-image: url("/style/images/pay/checked.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 20% auto;
}
#open .package-plan-list .package-plan .plan-item.active{
    color: #1296db;
    border: 1px solid #1296db;
    background-image: url("/style/images/pay/checked.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 20% auto;
}

#open .deductible .right-content{
    display: flex;
    flex-direction: column;
}

#open .deductible .right-content .cdk{
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%;
}

#open .deductible .right-content .cdk-top .cdkey-item{
    background-color: #F9F9F9;
    width: 130px;
    height: 40px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

#open .deductible .right-content .cdk-top .use-activation-code{
	background-color: #F9F9F9;
	width: 130px;
	height: 40px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	cursor: pointer;
}

#user_order {
	padding:50px 0px 100px 0px;
}

#user_order .order-item{
	box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
	margin-bottom: 30px;
	height: 160px;
}

#user_order .order-item-header{
	height: 50px;
	align-items: center;
	display: flex;
	position: relative;
	border-bottom: 1px solid #D6D6D6;
	padding-left: 70px;
}

#user_order .order-item-header h2.order-time{
	float: left;
	font-size: 14px;
	color: #666666;
}

#user_order .order-item-content .order-right{
	display: flex;
	justify-content: center;
	align-items: center;
}

#user_order .order-item-content{
	height: 100px;
	display: flex;
	align-items: center;
}

.no-padding {
	padding: 0;
}

#user_order a.order-info {
	position: absolute;
	right: 96px;
	color: #0A9FD8;
}

#user_order .order-id{
	font-size: 14px;
	color: #333333;
}

#user_order .order-package{
	font-size: 16px;
	color: #333333;
	margin-top: 10px;
}

#user_order .total-pay{
	font-size: 14px;
	color: #ff0d0d;
}

#user_order a.order-pay{
	color: #1b1b1b;
	background-color: #ffc12e;
	width: 100px;
	height: 40px;
	padding: 10px;
}

#user_order a.link-service{
	color: #1b1b1b;
	border: 1px solid #1b1b1b;
	width: 100px;
	height: 40px;
	padding: 10px;
}

#user .give-time{
	box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
	padding: 40px 30px 40px 50px;
	margin-top: 30px;
}
#user .give-time .times{
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
	font-weight: 500;
	display: flex;
	align-items: center;
	position: relative;
}
#user .give-time .times img{
	width: 20px;
	height: auto;
	margin-left: 10px;
}
#user .explain{
	width: 360px;
	background: rgba(0, 0, 0, 0.8);
	padding: 10px;
	color: white;
	border-radius: 5px;
	display: none;
	position: absolute;
	top: -200px;
}
#user .give-time .times img:hover+.explain{
	display: flex;
	align-items: center;
	justify-content: center;
}
#user .give-time .username-input{
	height: 39px;
	width: 220px;
	border-radius: 5px 0 0 5px;
	border: 1px solid #ccc;
	padding-left: 10px;
}

#user .give-time button{
	width: 55px;
	height: 40px;
	border: 0;
	border-radius: 0 5px 5px 0;
	background-color: #ffc12e;
	font-size: 16px;
	color: #333;
	font-weight: 500;
}

#user .give-log{
	background-color: #ffc12e;
	color: #333333;
	font-size: 16px;
	height: 45px;
	width: 120px;
	line-height: 38px;
}


#refund_protocol .refund-protocol{
	padding: 100px 15px 100px 15px;
}

#refund_protocol .refund-protocol{
	padding: 100px 15px 100px 15px;
}

/*=================

 ====================*/
#order_pay .order-pay-container{
	padding: 100px 0px 100px 0px;
}

#order_pay .order-pay-box{
	padding: 50px 0px 50px 0px;
	background-color: #fff;
}

#order_pay .pay-box-header h1{
	color: #43aa8b;
	font-size: 30px;
}

#order_pay .order-pay-table>tbody>tr>th{
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid #e8e8e8;
	border-top: unset;
}

#order_pay .order-pay-table .left-title h1{
	font-size: 14px;
	color: #333333;
	margin-left: 60px;
}

#order_pay .order-pay-table .right-content{
	text-align: center;
}

#order_pay .order-pay-table .right-content p{
	font-size: 14px;
	color: #999999;
}

#order_pay .btn-pay{
	padding: 10px;
	margin-top: 60px;
	width: 140px;
	height: 40px;
	background-color: #1296db;
	color: #fff;
	border-radius: 5px;
}

/*==============

 ===============*/
#order_show .order-show-container{
	padding: 100px 0px 100px 0px;
}

#order_show .order-show-box{
	padding: 50px 0px 50px 0px;
	background-color: #fff;
}

#order_show .show-box-header h1{
	color: #43aa8b;
	font-size: 30px;
}

#order_show .order-show-table>tbody>tr>th{
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid #e8e8e8;
	border-top: unset;
}

#order_show .order-show-table .left-title h1{
	font-size: 14px;
	color: #333333;
	margin-left: 60px;
}

#order_show .order-show-table .right-content{
	text-align: center;
}

#order_show .order-show-table .right-content p{
	font-size: 14px;
	color: #999999;
}

#order_show .redirect-user{
	padding: 10px;
	margin-top: 60px;
	width: 140px;
	height: 40px;
	background-color: #1296db;
	color: #fff;
	border-radius: 5px;
}

/*==============
	layer-box
 ================*/

.layer-box .layer-box-header h1{
	margin: 40px 0px 30px 40px;
	float: left;
	color: #43aa8b;
}

.layer-box .layer-box-header img{
	margin-right: 20px;
}

.layer-box .layer-box-header .box-close{
	float: right;
	cursor: pointer;
}

.layer-box .box-close img{
	margin-right: 30px;
	margin-top: 30px;
}

.layer-box .box-order-info {
	padding-left: 70px;
}

.layer-box .box-pay-info {
	margin-top: 30px;
	padding-left: 70px;
}

.layer-box .box-order-info h2 {
	font-size: 18px;
	color: #000;
}

.layer-box .box-pay-info h2 {
	font-size: 18px;
	color: #000;
}

.layer-box .left-title h3 {
	font-size: 14px;
	color: #333333;
}

.layer-box table{
	margin-top: 30px;
}

.layer-box table{
	margin-top: 30px;
}

.layer-box table>tbody>tr>th{
	padding-bottom: 20px;
}

.layer-box .right-content p{
	font-size: 14px;
	color: #666666;
}

.layer-box .layer-box-footer {
	padding-left: 70px;
}

.layer-box .layer-box-footer span{
	vertical-align: -webkit-baseline-middle;
}

.layer-box .layer-box-footer .btn-refund{
	width: 80px;
	height: 30px;
	color: #000;
	border: 1px solid #1b1b1b;
	float: right;
	margin-right: 50px;
}

.layer-box .tooltip-inner{
	padding: 40px 10px 40px 30px;
	border-radius: 0;
	background-color: #757575;
}

.layer-box .tooltip p {
	margin-bottom: 20px;
	color: #fff;
	font-size: 14px;
}

.layer-box .tooltip span {
	margin-left: 30px;
}

.layer-box .tooltip p:last-child {
	margin-bottom: 0;
}

.layer-box .box-pay-info i{
	margin-left: 5px;
}

#term .term{
	padding: 100px 0;
}

#term .term-title {
	padding: 30px 0;
}

#finances .finances{
	padding: 50px 0px;
}

#finances .finances-padding-box{
	box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
	padding: 50px 30px 50px 50px;
	margin-bottom: 30px;
}

#finances .finances-padding-box h1{
	font-size: 18px;
	color: #333333;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 30px;
}

#finances .finances table{
	margin-top: 50px;
	width: 100%;
}

#finances .finances table>tbody>tr>th:first-child{
	width: 44px;
	padding-right: 20px;
}

#finances .finances table>tbody>tr>th:last-child{
	float: right;
}

#finances .finances table>tbody>tr>th:last-child a{
	width: 100px;
	height: 40px;
	color: #333333;
	font-size: 16px;
	padding: 10px;
	background-color: #ffc12e;
}

#finances .finances .padding-box-title a{
	float: right;
	margin-top: -50px;
}

#finances .padding-box-content h3, #finances .padding-box-content p{
	margin: 20px;
}

#finances .padding-box-content h3{
	font-size: 16px;
	color: #333333;
}

#finances .padding-box-content p{
	font-size: 14px;
	color: #666666;
}

.wechat-tip {
	padding: 20px;
	text-align: center;
}

.wechat-tip .follow-text{
	margin-top: 20px;
}

#withdraw-box {
	padding: 60px 30px 30px 60px;
}

#withdraw-box table{
	width: 100%;
}

#withdraw-box table>tbody>tr>th{
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid #e8e8e8;
	/*border-top: unset;*/
}

#withdraw-box table>tbody>tr>th:first-child{
	padding-right: 20px;
}

#withdraw-box a.btn-withdraw{
	width: 420px;
	height: 50px;
	color: #fff;
	background-color: #1296db;
	font-size: 18px;
	border-radius: 5px;
	margin-top: 50px;
	padding: 14px;
}

#withdraw-box .withdraw-box-close{
	position: absolute;
	right: 30px;
	top: 30px;
}

#withdraw-box input.withdraw-account {
	padding: 1em 0 1em 2em;
	font-size: 18px;
	/*width: 100%;*/
	border: none;
	outline:none;
}

#withdraw-box input.withdraw-fee-input {
	padding: 1em 2em 1em 3em;
	font-size: 18px;
	width: 100%;
	border: none;
	outline:none;
	border-bottom: 1px solid #e8e8e8;
	margin-top: 20px;
}

#withdraw-box .currencies{
	position: absolute;
	top: 32px;
	left: 8px;
	z-index: 3;
	display: block;
	line-height: 34px;
	pointer-events: none;
	font-size: 36px;
	color: #000;
}

#withdraw-box .receive-code-title {
	font-size: 18px;
	color: #000;
}

#withdraw-box .receive-code {
	margin-left: 20px;
	font-size: 14px;
	color: #999999;
}

#withdraw-box .withdraw-fee-title{
	margin-top: 30px;
	font-size: 20px;
	color: #000;
}

#withdraw-box .withdraw-fee-text{
	font-size: 14px;
	color: #999999;
	margin-top: 30px;
}

#withdraw-box .withdraw-fee-num{
	color: #ffab67;
}

#about_us .breadcrumb{
	padding:50px 0;
	margin:0;
	background:url('/style/images/about-us.png');
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	height: 100%;
	background-position: center;
}

#about_us .about-us{
	min-height: 500px;
	padding: 50px 0 50px 0;
}

#about_us .about-us p{
	font-size: 16px;
	color: #666666;
	line-height: 40px;
	margin-top: 30px;
}

#about_us .contact-text{
	margin-top: 130px;
}

#about_us .contact-text h1{
	margin-bottom: 30px;
	font-size: 24px;
	color: #333333;
}

#about_us .contact-text p{
	margin-bottom: 30px;
	font-size: 14px;
	color: #333333;
}


#ticket .ticket, #cdkey .cdkey{
	padding:50px 0px 100px 0px;
}

#ticket .ticket-right, #cdkey .cdkey-right{
	box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
	padding: 30px 10px 50px 10px;
}

#ticket .btn-cdkey, #cdkey .btn-cdkey{
	border-radius: 50px;
	font-size: 18px;
	padding: 10px 30px;
	position: relative;
}

#ticket .btn-ticket, #cdkey .btn-ticket{
	border-radius: 50px;
	font-size: 18px;
	padding: 10px 30px 10px 30px;
	margin-left: -40px;
	position: relative;
}

#ticket .hr-line, #cdkey .hr-line{
	margin-top: 30px;
	margin-bottom: 30px;
}

#ticket .gift{
	padding: 30px 0px;
	box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
	margin: 0 50px 30px 50px;
	display: flex;
}
#ticket .gift .gift-left {
	flex: 0 0 180px;
	height: 90px;
	display: flex;
	border-right: 1px dashed #8a8a8a;
	justify-content: center;
	align-items: center;
}
#ticket .gift .gift-img{

}
#ticket .gift .gift-img img {
	width: 50px;
}
#ticket .gift-right {
	flex: 1;
	display: flex;
}
#ticket .gift-desc {
	width: 500px;
	display: flex;
	align-items: center;
	flex-direction: column;
}

#ticket .gift-desc p{
	display: flex;
	width: 100%;
	height: 30px;
	align-items: center;
	padding-left: 60px;
	font-size: 16px;
}

#activation .activation-code-open{
	padding:50px 0px 100px 0px;
}

#activation .right-content{
	box-shadow: 0px 0px 50px 0px rgba(157, 157, 157, 0.3);
	padding: 50px 30px;
}

#activation .right-content a.btn-open{
	background-color: #1296db;
	margin-top: 30px;
	color: #fff;
}

#activation .open-package{
	margin-top: 30px;
}

#ai .top{
	width: 100%;
	height: auto;
	background-image: url("/style/images/ai/banner.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-bottom: 50%;
}
#ai .engine{
	display: flex;
	width: 100%;
	background-color: white;
	padding: 3% 0;
	align-items: center;
}
#ai .engine .left{
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#ai .engine .left .text p{
	color: #333;
	font-size: 1.2vw;
	margin-top: 6%;
}
#ai .engine .left .text .text-one{
	font-weight: bold;
	margin-top: 0;
	font-size: 2vw;
	margin-bottom: 13%;
}
#ai .engine .right{
	width: 50%;
	display: flex;
	align-items: center;
}
#ai .play{
	display: flex;
	width: 100%;
	background-color: #0a1c36;
	padding: 3% 0;
	align-items: center;
}
#ai .play .left{
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#ai .play .right{
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#ai .play .right .text p{
	font-size: 24px;
	margin-top: 30px;
	color: #fff;
}
#ai .play .right .text .text-one{
	font-weight: bold;
	margin-bottom: 13%;
	margin-top: 0;
	font-size: 2vw;
	color: #ffffff;
}
#ai .bottom{
	width: 100%;
	height: auto;
	background-image: url("/style/images/ai/bottom.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#ai .bottom .accelerate{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-bottom: 47%;
}
#ai .bottom .accelerate p{
	width: 100%;
	text-align: center;
	color: white;
	font-size: 1.3vw;
}
#ai .bottom .accelerate .text-one{
	margin-top: 5%;
	font-size: 2.2vw;
}

#ai .bottom .accelerate .text-two{
	margin-top: 3%;
	color: #fff;
}
#ai .bottom .accelerate a{
	display: block;
	width: 100%;
	height: 80px;
	text-align: center;
	position: absolute;
	bottom: 17%;
}
#ai .bottom .accelerate img{
	width: 300px;
	height: 80px;
}
#ai .bottom .accelerate .text-three{
	position: absolute;
	bottom: 9%;
	color: #ffffff;
}
#ai img{
	width: 60%;
	height: auto;
}


/*右侧悬浮样式*/
.levitate{
	position:fixed;
	top: 35%;
	right: 0px;
	width: 100px;
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	flex-direction: column;
}
.levitate div{
	margin-top: 20px;
	cursor: pointer;
}
.levitate div a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.levitate .qq{
	width: 74px;
	height: 74px;
	background-image: url("/style/images/levitate/qq-img.png");
	background-repeat: no-repeat;
}
.levitate .qq:hover{
	background-image: url("/style/images/levitate/qq-text.png");
}
.levitate .weibo{
	width: 74px;
	height: 74px;
	background-image: url("/style/images/levitate/weibo-img.png");
	background-repeat: no-repeat;
	position: relative;
}
.levitate .weibo:hover{
	background-image: url("/style/images/levitate/weibo-text.png");
}
.levitate .wechat{
	width: 74px;
	height: 74px;
	background-image: url("/style/images/levitate/wechat-img.png");
	background-repeat: no-repeat;
	position: relative;
}
.levitate .wechat:hover{
	background-image: url("/style/images/levitate/wechat-text.png");
}

.levitate .weibo .levitate-weibo-qrcode{
	position: absolute;
	top: 0;
	left: -135px;
}
.levitate .weibo:hover .levitate-weibo-qrcode{
	display: inline !important;
}

.levitate .wechat .levitate-wechat-qrcode{
	position: absolute;
	top: 0;
	left: -135px;
}
.levitate .wechat:hover .levitate-wechat-qrcode{
	display: inline !important;
}
.levitate .back-top{
	background-image: url("/style/images/levitate/back-top.png");
	background-repeat: no-repeat;
	background-size: 74px 74px;
	width: 74px;
	height: 74px;
}
.levitate .back-top