q:before,q:after{content:''}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.clear{ clear:both; font-size:0; height:0; overflow:hidden;}

a{text-decoration:none;color:#333;}
.wrap_w{ width:1180px; margin:0 auto; text-align:left;}


body{ background:#fff; font-family:"microsoft yahei","Microsoft Yahei";}

#top_bar{background:#fff;border-bottom:1px solid #ddd;height:80px; overflow:hidden;}
#top_bar_box{ height:80px;}
#top_bar_box .l{height:80px;float:left; width:315px;}
#top_bar_box .l .logo{font-size:0; background:url(../img/logo.jpg) no-repeat 0 0; width:370px; height:50px; display:block; text-indent:-99999px; margin-top: 10px;}
#top_bar_box .l .menu{ padding-top: 10px; margin-left: 20px;}
#top_bar_box .l .menu li {line-height: 50px; font-size: 18px;}
.menu li a:hover {background: transparent;}
#top_bar_box .r{ float:right; padding-top:33px; margin-right: 15px;}
#top_bar_box .r i{ color:#ccc; font-style:normal; margin-right:5px;}
#top_bar_box .r a{ color: #999;}
#top_bar_box .r a:hover { color: #999; text-decoration: none;}


.banner{width:100%; height:450px; background:url(../img/banner.jpg) no-repeat center 0}
#login_box{ float:right; width:400px; background:#fff; margin-top:70px; height:320px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#login_box input{ border:none; font-size:14px;font-family:"microsoft yahei","Microsoft Yahei";}
#login_box h2{ font-size:20px; padding:10px 0px; text-align: center; }
#login_box ol{ width:340px; margin:0 auto;}
#login_box ol li{ padding-bottom:20px;}
#login_box .user input{width:340px; height:40px; line-height: 30px; padding:5px; border:1px solid #ddd; text-indent: 10px;}
#login_box .pass input{width:340px; height:40px; line-height: 30px; padding:5px; border:1px solid #ddd; text-indent: 10px;}
#login_box .login_btn a{width:340px; height:40px; line-height:40px; background-image: -moz-linear-gradient( 170deg, rgb(66,4,255) 0%, rgb(41,176,255) 100%);
	background-image: -webkit-linear-gradient( 170deg, rgb(66,4,255) 0%, rgb(41,176,255) 100%);
	background-image: -ms-linear-gradient( 170deg, rgb(66,4,255) 0%, rgb(41,176,255) 100%);
	color:#fff; font-size:16px; display:block; text-align:center; text-decoration: none;
	border-radius: 20px;
}
#logn_box .login_btn a:hover {text-decoration: none;}
#login_form .boot {width: 340px; margin: 0 auto;}
#login_form .boot a:first-child{ color:#e4393c; float: left; line-height: 35px;}
#login_form .boot a:last-child {float: right; color:#999; line-height: 35px; }

#login_box .avator{ width:84px; height:84px; margin:0px auto;}
#login_box .avator img{ display:block; width:80px; height:80px; border:2px solid #e4393c; border-radius:50%;}
#login_box .info{ text-align:center; line-height: 40px; margin-bottom: 10px;}
#login_box .info span{ margin-right:5px;}
#login_box .info em{margin-left:5px;}
#login_box .enter{  width:140px; margin:0 auto; padding:0;}
#login_box .enter a{background:#e4393c; display:block;width:140px; height:40px; line-height:40px; color:#fff; text-align:center;}

#main{ padding-top:80px;}
#left{ float:left; width:480px; text-align: center;}
#left .col {height: 270px;}
#left .col img {margin-top: 20px;}
#left .choose_title {font-size: 36px; color: #666; margin-top: 40px;text-align: center; }
#left .choose_title span {padding-bottom: 20px;border-bottom: 3px solid #f24a01;}
#left .desc {font-size: 14px; color: #666; line-height: 30px; margin-top: 50px; text-align: center; text-indent: 10px;}

#right{ float:right; width:700px;}
#right .col {width:50%; float: left; border: 1px solid #eee; height: 270px; position: relative;}
#right .col h3, #right .col p {
	position: absolute; top: 40%; left: 50%;  color: #666;
	transform: translateX(-50%); 
	-ms-transform:translateX(-50%);  /* Internet Explorer */
	-moz-transform:translateX(-50%);  /* Firefox */
	-webkit-transform:translateX(-50%);  /* Safari 和 Chrome */
	-o-transform:translateX(-50%);  /* Opera */
}
#right .col p {top: 70%;}

#right .col:hover h3 {color: #fff;}
#right .col:hover p {color: #fff; line-height: 30px;}

#right .game {background: url('../img/game.png');  background-repeat: no-repeat; background-position: 50% 20%; }
#right .game:hover {background: url('../img/game-focus.png'); background-color: #f24a01;  background-repeat: no-repeat;background-position: 50% 20%;  }

#right .flow {background: url('../img/flow.png');  background-repeat: no-repeat;  background-position: 50% 20%; }
#right .flow:hover {background: url('../img/flow-focus.png'); background-color: #f24a01;  background-repeat: no-repeat; background-position: 50% 20%; }

#right .stat {background: url('../img/stat.png');   background-repeat: no-repeat; background-position: 50% 20%; }
#right .stat:hover {background: url('../img/stat-focus.png'); background-color: #f24a01;  background-repeat: no-repeat;background-position: 50% 20%;  }

#right .account {background: url('../img/account.png');   background-repeat: no-repeat; background-position: 50% 20%; }
#right .account:hover {background: url('../img/account-focus.png'); background-color: #f24a01;  background-repeat: no-repeat; background-position: 50% 20%; }

#right .col-br {border-right-style: none;}
#right .col-bd {border-bottom-style: none;}

#foot {background: url('../img/foot_bg1.jpg'); background-repeat: no-repeat; height: 620px; background-size: 100% 100%;}
#foot h3 {color: #fff; text-align: center; margin-top: 60px;}

#foot .games {margin-top: 55px; }
#foot .games .swiper-container {width: 100%; height: 347px;}
#foot .games .swiper-slide {background: #fff; padding-top: 50px; padding-bottom: 50px; text-align: center;}
#foot .games .swiper-slide img{width: 120px; height: 120px;}
#foot .games .game_name {font-size: 18px; text-align: center; margin-top: 30px;}
#foot .games .game_tag {font-size: 18px; margin-top: 30px; text-align: center;}
#foot .more {margin-top: 50px; text-align: center;}
#foot .more .more_btn{ border-radius: 20px; color: #fff; border:1px solid #eee; padding:  8px 15px;}
#foot .more .more_btn:hover{ text-decoration: none;}

.hezuo{margin-bottom: 50px}
.hezuo .font{ margin:15px;padding:25px 0;font-size: 28px;border-bottom: 1px solid #e0e2e5}
.hezuo .sum{ margin:15px;padding:15px 0;}
.swiper-wrapper img{width: 90px;}
.swiper-wrapper img:hover{
	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:1s;
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg); 	/* Opera */
}
.hezuo .sum .p{float: right;width: 380px;height: 90px;}
.hezuo .sum .p p{height: 30px;line-height: 30px;margin: 0}

.kefu .font{margin:15px;padding:25px 0;font-size: 28px;border-bottom: 1px solid #e0e2e5}
.kefu .sum{ margin:15px;padding:15px 0;}
.kefu .sum div{float: right;width: 380px;height: 60px;margin-top:15px }
.kefu .sum p{height: 30px;line-height: 30px;margin: 0}


.copyright{ text-align:center; border-top: 1px solid #eee; padding:20px 0px; color: #999; padding-bottom: 100px; background-color: #F7F7F7;}
.copyright li {line-height: 30px; list-style: none;}
.copyright a {color: #999 !important;}


/*注册页面*/
#reg_main{border:1px solid #dcdddc;-webkit-box-shadow: 0 2px 3px #dcdddc;-moz-box-shadow: 0 2px 3px #dcdddc;box-shadow: 0 2px 3px #dcdddc; margin-top:20px; margin-bottom:50px;}
.reg-con{ background:#fff;padding:50px; padding-top: 0px;}
.reg-con form {padding-top:40px; }
.reg-con h2{ border-bottom:1px solid #ddd; padding:15px 0 15px 15px; font-size:18px; font-weight:bold;}

.reg-con p {margin: 20px 0px;}

.reg-con ol{ padding:18px 0 0 0;}
.reg-con li{ margin-bottom:18px; float:left; width:100%;}
.reg-con li em{ font-size:14px; margin-right:10px; display:inline-block; width:90px; text-align:right; float:left; height:40px; line-height:40px;}
.reg-con li em i{ color:#F00; font-size:18px; padding-right:5px; line-height:1.6; vertical-align:middle;}
.reg-con li span{  float:left; height:40px; line-height:40px;}
.reg-con li .input-txt{float:left;width:260px;padding: 3px 8px;height:32px;color: #333;font-size: 14px;border:1px solid #C7C7C7;background: url(about:_blank);}
.reg-con li .input-code{float:left;display:inline-block;width:90px;padding: 3px 8px;height:32px;color: #333;font-size: 14px;border:1px solid #C7C7C7;background: url(about:_blank);}
.ra{}
.reg-con li .etxt{float:left;border:1px solid #e4393c; background:#e4393c; width:120px; height:32px; line-height:32px; text-align:center;font-size:14px;color:#FFFFFF; margin-left:10px;}
.reg-con .rulebox{padding-left:100px;}
.reg-con .rulebox p{ padding:15px 0 10px 0;}
.reg-con .rulebox p input{ vertical-align:middle;}

.reg-con .xieyu{ color:#e4393c; text-decoration: none;}
.form-group .required {color: #e4393c;}
.reg-btn input{ border:1px solid #e4393c; background:#e4393c; width:276px; height:48px; line-height:48px; font-size:18px;font-family:"Microsoft Yahei"; cursor:pointer; color:#FFFFFF; margin-top:10px;}

#not{ padding:2% 8% 5% 8%; font-size:1.2em; text-align:left; line-height:1.6;}
#not h2{ font-size:1.8em; padding:10px 20px 0 0; text-align:center;}
#not p{ margin:10px 0; text-indent:2em; font-size:14px;}