@charset "utf-8";
.m_box {
	background:#FFF
}
/*下拉列表*/
.select_down * {
	margin:0;
	padding:0
}
.select_down {
	float:left;
	border:1px solid #e8e8e8;
	padding:9px 15px
}
.select_down div {
	float:left
}
/* 子选择器，在FF等非IE浏览器中识别 */
.select_down>div {
	min-width:120px;
	height:20px;
	overflow:hidden
}
/* 通配选择符，只在IE浏览器中识别 */
*html .select_down div select {
	display:block;
	float:left;
	margin:-2px
}
.select_down div>select {
	display:block;
	border:none;
	font-size:14px;
	font-family:"微软雅黑";
	color:#999;
	height:20px;
	min-width:120px;
	margin:0;
	padding:0px
}
.select_down:hover {
	border:1px solid #CCC
}
.select_down select>option {
	text-indent:2px;
}
.min {
	background:#fff;
	border-bottom:1px solid #eeeeee;
	height:49px;
}
.min .left {
	font-size:0;
	letter-spacing:-5px;
	float:left;
}
.min .left li {
	height:32px;
	display:inline-block;
	letter-spacing:normal;
	padding:17px 35px 0;
	border-left:1px solid #eee;
}
.min .left li:last-child {
	border-right:1px solid #eee;
}
.min .left li a {
	display:inline-block;
	line-height:1em;
	font-size:14px;
	color:#999;
	position:relative;
	padding-left:26px;
}
.min .left li a:before {
	content:'';
	width:21px;
	height:21px;
	background:url(../images/public_img.png) no-repeat -210px -136px;
	position:absolute;
	left:0;
	top:-5px;
}
.min .left li .add-favorites:before {
	background-position-y:-158px;
}
.min .left li a:hover {
	color:#000;
}
.min .left li a:hover:before {
	background-position-x:-232px;
}
.min .right {
	float:right;
}
.min .right>div {
	padding-top:17px;
	line-height:0;
	font-size:0;
	letter-spacing:-5px;
}
.min .right>div>* {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
}
.min .right>div a {
	font-size:14px;
	color:#000000;
	line-height:1em;
	margin:0 18px;
	position:relative;
}
.min .right .login:after,.min .right .logout:after {
	content:'';
	width:1px;
	height:16px;
	background:#ded6da;
	position:absolute;
	right:-18px;
	top:-1px;
}
.min .right>div p {
	font-size:14px;
	color:#999999;
	line-height:1em;
	padding-right:18px;
}
.min .right .message span {
	color:#ff3300;
}
.min .right .user {
	margin:0;
	color:#666;
}
.min .right .logout {
	margin-left:0;
}
.min .right>div a:hover {
	color:#ff9c00;
}
/* 头部 */
.head {
	background-color:#fff;
	background-color:rgba(255,255,255,0.6);
	width:100%;
	position:relative;
	top:0;
	left:0;
	z-index:22;
	box-shadow:0 3px 4px rgba(0,0,0,0.05);
}
.head .m1200 {
	position:relative;
}
.head .logo {
	width:258px;
	height:100px;
	float:left;
}
.head .logo img {
	width:100%;
}
.head .nav {
	float:right;
	margin-right:10px;
}
.head .nav li {
	float:left;
	padding:0 20px;
	position:relative;
}
.head .nav li:after {
	content:'';
	width:2px;
	height:2px;
	background-color:#999;
	position:absolute;
	right:0;
	top:49px;
}
.head .nav li:last-child:after {
	display:none;
}
.head .nav li a {
	font-size:18px;
	height:100px;
	padding:0 10px;
	line-height:100px;
	color:#666;
	display:block;
	position:relative;
}
.head .nav li a:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:0px;
	height:5px;
	background-color:#ffdb01;
	transition:0.3s;
}
.head .nav li a:hover:before,.head .nav li a.on:before {
	width:100%;
}
.head .nav li a:hover,.head .nav li a.on {
	color:#000;
}
.head .top-menu {
	width:100px;
	height:100px;
	float:right;
	background:#ffd600;
	position:relative;
	transition:0.3s;
}
.head .top-menu em {
	width:27px;
	height:2px;
	display:inline-block;
	background-color:#333;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	transition:0.3s;
}
.head .top-menu em:before,.head .top-menu em:after {
	content:'';
	width:27px;
	height:2px;
	display:inline-block;
	background-color:#333;
	position:absolute;
	left:-999px;
	right:-999px;
	margin:auto;
	transition:0.3s;
}
.head .top-menu em:before {
	top:-10px;
}
.head .top-menu em:after {
	top:10px;
}
.head .top-menu.show {
	background:#282b2d;
}
.head .top-menu.show em:before,.head .top-menu.show em:after {
	background-color:#ffd600;
	top:0;
	width:34px;
	border-radius:2px;
}
.head .top-menu.show em:before {
	transform:rotate(45deg);
}
.head .top-menu.show em:after {
	transform:rotate(-45deg);
}
.head .top-menu.show em {
	background-color:transparent;
}
/* 游戏列表 */
.game-menu-box {
	width:100%;
	height:500px;
	box-sizing:border-box;
	padding:0 0 0 480px;
	position:absolute;
	top:100px;
	right:0;
	background-color:#313334;
	background-color:rgba(40,43,45,0.9);
	display:none;
	overflow:hidden;
}
.game-menu-box .link-img {
	width:480px;
	height:500px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
}
.game-menu-box .link-img img {
	width:100%;
	height:100%;
}
.game-menu-box .top {
	height:100px;
	width:720px;
	box-sizing:border-box;
	border-top:6px solid #ffd600;
	line-height:94px;
	padding:0 55px 0 20px;
	background-color:#282b2d;
	background-color:rgba(40,43,45,0.9);
}
.game-menu-box .top p {
	font-size:22px;
	color:#fff;
}
.game-menu-box .top span {
	float:right;
	font-size:12px;
	margin-left:45px;
	position:relative;
}
.game-menu-box .top span:before {
	content:'';
	width:12px;
	height:12px;
	display:inline-block;
	background:url(../images/public_img.png) no-repeat;
	position:absolute;
	left:-15px;
	top:40px;
}
.game-menu-box .top .icon-n:before {
	background-position:-210px -123px;
}
.game-menu-box .top .icon-h:before {
	background-position:-223px -123px;
}
.game-menu-box .game-list-box {
	width:720px;
}
.game-menu-box .game-list-box:after {
	content:'';
	clear:both;
	height:0;
	display:block;
}
.game-menu-box .game-list {
	width:50%;
	height:400px;
	box-sizing:border-box;
	padding-left:25px;
	float:left;
	position:relative;
}
.game-menu-box .game-list:after {
	content:'';
	width:1px;
	height:100%;
	background-color:#626262;
	position:absolute;
	right:0;
	top:0;
}
.game-menu-box .game-list.game-list-hot:after{
	display:none;
}
.game-menu-box .game-list p {
	font-size:18px;
	line-height:1em;
	padding:23px 0 18px;
	color:#fff;
	position:relative;
	text-indent:0.7em;
}
.game-menu-box .game-list p:before {
	content:'';
	width:3px;
	height:18px;
	background-color:#ffd600;
	position:absolute;
	left:0;
	top:25px;
}
.game-menu-box .game-list ul:after {
	content:'';
	clear:both;
	height:0;
	display:block;
}
.game-menu-box .game-list li {
	float:left;
	width:45%;
	padding-right:3%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#fff;
}
.game-menu-box .game-list li:nth-of-type(n+23) {
	display:none;
}
.game-menu-box .game-list li a {
	color:#fff;
	font-size:12px;
	line-height:30px;
	position:relative;
}
.game-menu-box .game-list li a:hover {
	color:#ffd600;
}
.game-menu-box .game-list li a:after {
	width:12px;
	height:12px;
	content:'';
	position:absolute;
	right:-15px;
	top:50%;
	margin-top:-6px;
	background:url(../images/public_img.png) no-repeat;
}
.game-menu-box .game-list-new li a:after {
	background-position:-210px -123px;
}
.game-menu-box .game-list-hot li a:after {
	background-position:-223px -123px;
}
/*页脚*/
.foot {
	background:#fff;
	min-width:1200px;
	padding:45px 0;
	position:relative;
	z-index:11;
}
.foot_logo {
	padding:25px 40px 0 0;
	float:left;
}
.foot_info {
	padding:0 0 5px 30px;
	float:left;
}
.foot_nav {
	color:#acacac;
	padding-bottom:25px;
	line-height:0;
}
.foot_nav .line {
	display:inline-block;
	color:#1d2025;
	padding:0 15px;
	font-size:12px;
}
.foot_nav a {
	display:inline-block;
	color:#1d2025;
	font-size:12px;
	line-height:1em;
}
.foot_nav a:hover {
	color:#ffd600
}
.foot_copy {
	font-size:12px;
	color:#1d2025;
	line-height:24px
}
.foot_copy a {
	color:#1d2025;
}
.foot_copy a:hover {
	color:#ffd600
}
.foot_copy a img {
	position:relative;
	top:-1px;
}
.foot.user_foot {
	background:transparent;
	border:none;
	margin-top:0;
	padding: 100px 0 0;
}
.foot.user_foot .foot_copy {
	line-height:20px;
}
.foot .foot_user {
	border-left:none;
	text-align:center;
	float:none;
}
.foot .foot_user .foot_nav a {
	color:#fff;
}
.foot .foot_user .foot_nav .line {
	color:#fff;
}
.foot .foot_user .foot_copy,.foot .foot_user .foot_copy a {
	color:#fff;
}
.foot.black .foot_user .foot_nav a, .foot.black .foot_user .foot_nav .line, .foot.black .foot_user .foot_copy, .foot.black .foot_user .foot_copy a{
	color:#333;
}
.foot .foot_user .foot_nav a:hover {
	color:#ffd600;
}
.foot .foot_user .foot_copy a:hover {
	color:#ffd600;
}
.foot .wx-code {
	width:140px;
	position:relative;
	top:-6px;
	float:right;
}
.foot .wx-code .pic {
	width:120px;
	height:120px;
	overflow:hidden;
	margin:0 auto;
}
.foot .wx-code .pic img {
	width:100%;
	height:100%;
}
.foot .wx-code p {
	font-size:12px;
	color:#1d2025;
	text-align:center;
}
.friendship-box .m1200 {
	padding:48px 0 30px;
	border-bottom:1px solid #eeeeee;
}
.friendship-box .m1200 .item {
	font-size:0;
	letter-spacing:-5px;
}
.friendship-box .m1200 .item span,.friendship-box .m1200 .item a {
	color:#000;
	font-size:12px;
	letter-spacing:normal;
	display:inline-block;
}
.friendship-box .m1200 .item a {
	margin-right:22px;
}
.friendship-box .m1200 .item a:hover {
	color:#ffd600;
}
.page {
	letter-spacing:-5px;
	font-size:0;
    text-align:center;
    padding-top:20px;
}
.page b{
	font-weight:normal;
}
.page a,.page span {
	font-size:14px;
	display:inline-block;
	padding: 0 12px;
	height:35px;
	text-align:center;
	line-height:35px;
	letter-spacing:normal;
	margin:0 3px;
	vertical-align:top;
	box-sizing:border-box;
	transition:0s;
	border:1px solid #c5c5c5;
	color:#6b6b6b;
}
.page b{
	font-weight:normal;
}
.page span,.page a:hover {
	background:#ffd600;
	border-color:#ffd600;
	color:#fff;
}
/* 礼包弹窗 */
.popup-bg{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:9999;
	background:rgba(0,0,0,0.6);
	display:none;
}
.popup-bg .popup-box{
	width:600px;
	background:#fff;
	border-radius:2px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-160px 0 0 -300px;
	overflow:hidden;
}
.popup-box .title{
	padding:22px 20px;
	font-size:18px;
	color:#333;
	line-height:1em;
	border-bottom:1px solid #e7e7e7;
}
.popup-box .inner-box{
	padding:35px 15px;
}
.popup-bg .popup-box .inner-box ul{
	display:table;
	margin:0 auto;
	padding-bottom:20px;
}
.popup-bg .popup-box .inner-box ul li{
	margin-bottom:10px;
}
.popup-bg .popup-box .inner-box li label{
	font-size:14px;
	width:84px;
	text-align:right;
	color:#999;
	line-height:24px;
	vertical-align:middle;
	float:left;
}
.popup-bg .popup-box .inner-box li .right-part{
	font-size:14px;
	color:#666;
	line-height:24px;
	vertical-align:middle;
	padding-left:84px;
	max-width:330px;
}
.popup-bg .popup-box .inner-box li .right-part .code{
	color:#fe5a5a;
	font-size:14px;
	line-height:24px;
}
.popup-box .close{
	width:24px;
	height:24px;
	background:url(../images/public_img.png) no-repeat -106px -379px;
	position:absolute;
	top:20px;
	right:21px;
	cursor:pointer;
	transition:0.25s;
}
.popup-box .close:hover{
	transform:rotate(90deg);
}
.popup-bg .popup-box .copy,.popup-bg .popup-box .sure-btn{
	width:127px;
	height:38px;
	line-height:38px;
	border-radius:3px;
	background:#ffd600;
	text-align:center;
	font-size:14px;
	color:#333;
	display:table;
	margin:0 auto;
	cursor:pointer;
}

.popup-bg-back .popup-box{
	width:400px;
	margin:-100px 0 0 -200px;
	min-height:100px;
}
.popup-bg-back .inner-box{
	padding:60px 40px 35px;
}
.popup-bg-back .inner-box>p{
	font-size:14px;
	color:#666666;
	line-height:36px;
	text-align:center;
}
.popup-bg-back .inner-box .sure-btn{
	margin-top:20px;
}

/* 账号注销联系弹窗 */
.popup-bg-cancell{
	width:100%;
	min-width:800px;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:9999;
	background:rgba(0,0,0,0.6);
	display:none;
	text-align:center;
	font-size:0;
	letter-spacing:-5px;
}
.popup-bg-cancell:before{
	content:'';
	width:0;
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
.popup-bg-cancell .popup-box{
	width:600px;
	background:#fff;
	border-radius:2px;
	overflow:hidden;
	text-align:left;
	letter-spacing:normal;
	font-size:14px;
	display:inline-block;
	position:relative;
}
.popup-bg-cancell .popup-box .inner-box{
	padding:35px 45px;
}
.popup-bg-cancell .popup-box .inner-box p{
	font-size:14px;
	color:#666666;
	line-height:36px;
}
.popup-bg-cancell .inner-box .copy-btn{
	color:#ff5400;
	cursor: pointer;
	text-decoration:underline;
}
.popup-bg-cancell .popup-box .sure-btn{
	width:127px;
	height:38px;
	line-height:38px;
	border-radius:3px;
	background:#ffd600;
	text-align:center;
	font-size:14px;
	color:#333;
	display:table;
	margin:30px auto 0;
	cursor:pointer;
}

/* 提示消息 */
.msg-box {
	background:rgba(0,0,0,0.5);
	z-index:10000;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	color:#fff;
	font-size:14px;
	padding:8px 12px;
	border-radius:4px;
	max-width:100%;
	box-sizing:border-box;
}
/* 加载动画 */
.loading-bg {
	background:rgba(0,0,0,0.5);
	z-index:10000;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	color:#fff;
	font-size:14px;
	padding:8px 12px;
	border-radius:4px;
	max-width:100%;
	box-sizing:border-box;
}
.loading-bg.hide {
	display:none;
}
.loading-bg .loading {
	margin:0 auto;
	flex:none;
	height:24px;
	width:24px;
	border-radius:100%;
	border:2px solid #fff;
	border-bottom-color:transparent;
	-webkit-animation:rotate 0.75s linear infinite;
	animation:rotate 0.75s linear infinite;
}
.loading-bg p {
	flex:none;
	color:#fff;
	font-size:14px;
	line-height:22px;
	padding-top:4px;
}
@-webkit-keyframes rotate {
	0% {
	-webkit-transform:rotate(0deg);
}
50% {
	-webkit-transform:rotate(180deg);
}
100% {
	-webkit-transform:rotate(360deg);
}
;}@keyframes rotate {
	0% {
	transform:rotate(0deg);
}
50% {
	transform:rotate(180deg);
}
100% {
	transform:rotate(360deg);
}
;}