@charset "utf-8";
.focus-box{min-width:1304px; position:relative; height:775px; overflow:hidden; z-index: 1;  }
.focus-box .bd ul{ width:100% !important;}
.focus-box .bd li{ width:100% !important;  height:775px; overflow:hidden; text-align:center; z-index: 1;}
.focus-box .bd li a{ display:block; height:775px;}
.focus-box .hd{ text-align: center; width: 100%; height: 30px; position: absolute; z-index: 2; left: 0; bottom: 413px;}
.focus-box .hd ul{padding: 6px 8px 0; text-align:center; height: 20px; background: rgba(0,0,0,0.3);-moz-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px; border-radius:15px; font-size: 0; margin: 0 auto; display:inline-block; *display:inline; *zoom:1;}
.focus-box .hd ul li{ margin:0 5px; display:inline-block; *display:inline; zoom:1; cursor:pointer; width:14px; height:14px; background:#fff; -moz-border-radius: 7px;-webkit-border-radius: 7px;-o-border-radius: 7px;border-radius: 7px;-moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition: all 300ms ease-in; }
.focus-box .hd ul li.on { background:#0199fd; width: 38px;-moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition: all 300ms ease-in;}
.login-box{ width: 224px; height: 320px; position:absolute; z-index: 2; padding:15px 24px 0;left: 50%; top:0; margin-left:338px; background: rgba(255,255,255,.8); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7Fffffff,endcolorstr=#7Fffffff);
-moz-border-radius-bottomright:6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius:  6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;}
.login{ padding-top:20px}
.login li{ width: 100%; border: 1px solid #ccc; background: #fff; height:36px ; margin-bottom: 15px;}
.login li input{ height: 36px; border: 0 none; line-height: 36px; outline: 0; width: 185px; background: #fff; float: left;}
.login li.yzm{margin-bottom: 0;}
.login li.yzm input{ width: 100px;}
.login li label{padding: 0 8px; float: left; margin-top:8px;-ms-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;}
.login li:hover label{-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg); 	-webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg);transform: rotateY(180deg);}
.login li img{ float: left;height:36px ;}
.login .tool{ height: 15px;}
.login .tool label span{ vertical-align: middle;}
.login .tool input{ margin-right:4px; margin-top: 2px;}
.login .tool a{vertical-align: middle; margin-top: 3px; }
.login .btn{ width: 100%; margin-top: 10px;}
.third-box{padding-top:20px; line-height: 30px; height: 30px;}

.login-ed{padding-top:15px; position: relative; z-index: 1;}
.user{padding-bottom: 25px; overflow: hidden;}
.user img{margin-right: 12px; border: 3px solid #d9d9d8; border-radius: 5px; width: 50px; height: 50px;}
.user li{ padding: 5px 0 4px 0;}
.user-name{ float: left; height: 26px; line-height: 26px; width: 80px; overflow: hidden;}
.m-t-4{margin-top: 4px;}
.mg-title{ border-bottom: 1px dashed #7e7e7e; font-size: 12px;padding-bottom: 15px;}
.mg-title em{font-family: "宋体"; font-weight: bold;}
.mg-list{padding-top:10px}
.mg-list li{ font-size: 12px; padding: 8px 0; overflow: hidden;}
.mg-list li p{ height: 22px; line-height: 22px; overflow: hidden; float: left;}
.mg-list li .p-1{ float: right; height: 20px; width: 54px; line-height: 20px; border: 1px solid #0199fd; color: #0199fd; text-align: center;-moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition: all 300ms ease-in;}
.mg-list li a:hover .p-1{ background:#0199fd ; color: #fff;-moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition: all 300ms ease-in;}
.mg-list li img{ float: left; width: 20px; height: 20px; border: 1px solid #c1c1c1; margin-right: 8px;}
.mg-list li .p-2{ width: 65px;}
.mg-list li .p-3{ width: 70px;}
.tj-bg{ background:rgba(249,249,249,.8); border-radius: 6px; width: 1304px; margin: 0 auto; position: relative;z-index: 2; margin-top:-383px}
.tj-bg .title{border-bottom: 0 none; margin-top:6px; margin-bottom: 0;}
.tj-bg .title h3{ border-bottom: 0 none;}
.i-sidebar{ width: 272px;}
.i-sidebar h3{margin: 25px 0 0; height: 50px; line-height: 50px;}
.tj-bg .i-sidebar h3{margin:6px 0 0}
.topBar,.footer{ min-width: 1304px;}
.tab-box{height: 288px; position: relative;
width: 272px; overflow: hidden; background: #fff;box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.2);
-moz-border-radius-bottomright:6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius:  6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.tab-box.tiezi{ height: 400px;}
.server-tab{ margin-bottom: 8px; width: 272px; height: 40px; text-align: right;}
.server-tab li{float: left; text-align: center; cursor: pointer; width: 136px; border-top:2px solid #dedede; background: #f8f8f8; font-size: 16px; height: 40px; line-height: 40px;-moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition: all 300ms ease-in;}
.server-tab li.s-curr{ color: #0199fd;border-top:2px solid #0199fd; background: #fff;-moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition: all 300ms ease-in;}
.i-server-box{padding:0 15px; font-size: 12px; width: 650px;}
.i-server-box.i-server-w{ width: auto;}
.i-server-w div{ height: 327px; overflow: hidden;}
.i-server-w ul{height: 328px;}
.i-server-w li{ height: 40px; line-height: 40px; overflow: hidden; border-bottom: 1px dashed #b5b5b5;}
.i-server-w li a span{float: right; margin-left: 10px; color: #999;}
.i-server-w li a:hover span{color: #0199fd;}
.i-server-box li div{ height: 40px; line-height: 40px;}
.fCl-slide{ width: 242px; overflow: hidden;}
#fCl1,#fCl2{ width: 242px;}
#fCl1{ margin-right: 100px;}
.package{ width: 30px; height: 35px; position: relative; text-align: center; overflow: hidden;}
.package i,.package a{ position: absolute; top: 1px; left: 5px;}
.package a{ color: #0199fd; left:40px}
.game-name{ width: 70px;}
.game-time{width: 85px;}
.game-server{ width: 50px; height: 35px; position: relative; text-align: center; overflow: hidden;}
.game-server span{ position: absolute; display: block; width: 50px; height: 35px; left: 0; top: 0;}
.game-server a{ display: block; width: 35px; height: 15px; background: #0199fd; line-height: 15px; text-align: center; color: #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px; position: absolute; top:13px ; left: 60px; }
.fCl-nav,.fCl-nav1{ height: 14px; width: 100%; text-align: center; }
.fCl-nav li,.fCl-nav1 li{ margin:0 5px; display:inline-block; *display:inline; zoom:1; cursor:pointer; width:8px; height:8px; background:#c8c8c8; border-radius: 4px;-moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition: all 300ms ease-in; }
.fCl-nav li.on,.fCl-nav1 li.on { background:#0199fd;-moz-transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition: all 300ms ease-in;}
.tuijian,.tuijian ul,.huodong{ width: 900px;}
.tuijian ul li{ width: 428px; float:left;
-moz-border-radius-bottomright:6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius:  6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;}
.tuijian ul li.tj-1{margin-right: 44px;}
.tuijian ul li img{
-moz-border-radius-topright:6px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-top-left-radius:  6px;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
width: 428px;
height: 165px;
display: block;
}
.game-info{ height: 123px; background: #fff;
-moz-border-radius-bottomright:6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius:  6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
padding:0 15px 0 5px;
font-size: 12px;
color: #999;
box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.2);
}
.game-info h4{ font-size: 16px; font-weight:bold; line-height: 40px;}
.game-info p{ padding-left: 10px; height: 36px; line-height: 18px; overflow: hidden;}

.game-all{ width: 1220px; }
.game-all img{ display: block;
-moz-border-radius-topright:6px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-top-left-radius:  6px;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
 width: 285px;
 height: 180px;
}
.game-all ul{ width: 1244px; overflow: hidden;}
.game-all ul li{ width: 285px; float: left; margin-right:26px; overflow: hidden; padding-bottom: 40px; }
.game-all ul li p{ font-size: 12px; color: #999; height: 27px; line-height: 27px; overflow: hidden;}
.game-all ul li div{ border: 1px solid #e7e7e7; padding: 10px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius:  6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
background: #fff;}
.more-line{ width: 100%; height: 20px; background: url(../images/line.png) repeat-x center center;}
.more-line a{ display: block; height: 20px; line-height: 100px; overflow: hidden; width: 130px; background: #f9f9f9 url(../images/img-24.png) no-repeat 20px -62px; margin: 0 auto; }
.hd-list h4{ font-size: 24px; font-weight: 500;}
.hd-list .gm-inter{ height: 16px; line-height:16px; overflow: hidden; padding: 3px 0 3px 8px; border: 1px solid #9a9a9a; width: 110px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; font-size: 12px; font-weight: 500;}
.hd-list .gm-inter i{ font-size: 16px;float: left; margin: 1px 5px 0 0; }
.hd-list .gm-inter:hover i{color: #0199fd;}
.hd-list p{ font-size: 12px; color: #666; height: 50px; line-height:25px; overflow: hidden; margin: 16px 0 30px;}
.hd-ul{ width:924px ; overflow: hidden;}
.hd-ul li{ width: 282px;height: 119px; float: left; margin-right: 26px; overflow: hidden;}
.hd-ul li img{width: 282px;height: 119px;}

.introjs-tooltip {
	position: absolute;
	visibility: visible;
	padding: 10px;
	background-color: white;
	width: 150px;
	border-radius: 3px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .4);
	-webkit-transition: opacity .1s ease-out;
	-moz-transition: opacity .1s ease-out;
	-ms-transition: opacity .1s ease-out;
	-o-transition: opacity .1s ease-out;
	transition: opacity .1s ease-out;
	left: 68px;
	top: 47px;
}

.introjs-tooltipbuttons {
	text-align: center;
	white-space: nowrap
}

.introjs-button {
	position: relative;
	overflow: visible;
	display: inline-block;
	 width: 56px;
	 height: 19px;
	 line-height: 19px;
	 text-align: center;
	 background: #0199fd;
	 color: #fff;
	font-size: 12px;
	border: 1px solid #0199fd;
	zoom: 1;
	*display: inline;
	margin-top: 10px
}
.introjs-button:hover{color: #fff;}
.introjs-tooltiptext{color: #0199fd; text-align: center;}
.introjs-nextbutton{
	background: #fff;
	color: #0199fd;
}
.introjs-nextbutton:hover{color: #0199fd;}
.introjs-arrow {
	border: 5px solid white;
	content: '';
	position: absolute
}

.introjs-arrow.top {
	top: -10px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: white;
	border-left-color: transparent
}