@charset "utf-8";
.display-b{display: block;}
.display-b:hover{color: #fff;}
.login-box{ width: 100%; min-width: 1220px; background: url(../images/r-bg.png) repeat-x;}
.g-inlogo{ width:155px ; height:49px ; float: left; }
.g-inlogo a{width:155px ; height:49px ; background: url(../images/logo-in.png) no-repeat;line-height: 200px; overflow: hidden; display: block;}
.in-top{ padding-top:35px}
.in-top li{ float: left; width: 80px; font-size: 16px; text-align: center; line-height: 40px;}
.in-top li a,.in-top li a:hover{ color: #e2e2e2;}
.content_box {
	width: 570px;
	margin: 80px auto;
	padding:30px 40px;
	background-color: #fff;
	display: table;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .09);
	box-shadow: 0 0 5px rgba(0, 0, 0, .09);
	position: relative;
	z-index: 1
}
.content_box:before,
.content_box:after {
	content: "";
	position: absolute;
	z-index: 3;
	bottom: -2px;
	right: -2px;
	display: block;
	width: 0;
	border-width: 16px;
	border-style: solid;
	border-color: #f1f1f1 #f9f9f9 #f9f9f9 #f1f1f1;
	-webkit-border-radius: 3px 0 0;
	-moz-border-radius: 3px 0 0;
	border-radius: 3px 0 0
}

.content_box:after {
	bottom: -1px;
	z-index: 2;
	right: 20px;
	border-width: 29px 12px 0 0;
	border-color: #dedede
}
.content_box h2{ font-size: 20px; color: #aaa; font-weight: 600; margin-bottom: 15px;}
.r-area{border-left: 1px solid #c2c1c1; padding-left:40px; width: 200px;}
.r-area dt{margin-bottom: 15px;}
.r-area dl{margin-bottom: 15px; width: 100%;}
.r-area .code,.bg-gray .code{; margin:0 auto 30px; width: 160px; text-align: center; font-size: 12px;}
.r-area .code img,.bg-gray .code .nvs{width: 128px; height: 128px; margin: 20px auto 10px;}
.bg-gray .code img{ width: 150px; height: 150px;}
.l-area{ width: 298px;}
.l-area .btn{ margin-bottom: 30px;}
.l-area .login{padding-top: 0;}
.sming{ line-height: 20px;}
.sming span{ float: left; color: #0199fd; margin-left: -20px;}
.reg li{ margin-bottom: 10px; overflow: hidden; width: 100%;}
.reg li label{ float: left; text-align: right; height: 36px; line-height: 36px; width: 60px; padding-right:8px; color: #999;}
.reg li .in-put,.reg .btn{ width: 210px; margin-bottom: 0;}
.l-area .reg li .in-put,.l-area .reg .btn{ width: 228px; margin-bottom: 0;}
.reg li.reg-yzm{ position: relative;}
.reg li.reg-yzm img{ height: 36px; position: absolute; right: 1px; top: 1px; *top: 2px; }
.top-img{ width:100%; height: 392px; min-width: 1220px; overflow: hidden; text-align: center;}
.site-nav{ height: 42px; line-height: 42px; background: rgba(0,0,0,.5); margin: 330px auto 0; display: inline-block; *display: inline; zoom:1; position: relative; color: #fff; padding: 0 10px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);-moz-border-radius: 2px;-webkit-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;}
.site-nav a,.site-nav a:hover{ color: #fff; margin: 0 10px;}
.site-nav a:hover{ color: #fff; text-decoration: underline;}
.icon-li{ display: block; width: 14px; height:14px ; overflow: hidden; text-align: center; line-height: 14px; position: absolute; right: 8px; top:3px; background: #44ed3a; color: #fff;}
.shadow-box{box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); background: #fff; -moz-border-radius: 7px;-webkit-border-radius: 7px;-o-border-radius: 7px;border-radius: 7px;}
.sd-in{padding: 25px 50px 15px;}
.game-info dt{ padding-bottom: 10px;}
.game-info dd{ height: 38px; padding: 10px 0;}
.game-info dd img{ height: 38px;}
.game-info dd .btn,.game-info dt .btn{ width: 80px; height: 38px; line-height: 38px;}
.game-info dd .third-btn{ margin-top:5px}
.game-info .s-server-list{ float: left; width: 40%;}
.game-info .s-server-list li{margin: 0;}
.game-info .errmsg{ height: 38px; line-height: 38px;}
.information{ width: 50%;}
.information p{ float: right; height: 42px; line-height: 42px; background: #add8ff; text-align: center; color: #fff; margin-left: 15px; padding: 0 20px;}
.server-type{padding-right: 18px;}
.server-type li{ display: inline-block; *display: inline; zoom:1; height: 20px; line-height: 20px; font-size: 16px; margin-right: 30px;}
.server-type li span{ float: left; width: 24px; height: 6px; overflow: hidden; margin: 7px 10px 0 0;}
.server-type li.type2{color: #bbb;}
.server-type li.type3{color: #cdd7ba;}
.server-type li.type1 span,.s-server-list li.type1 i{ background: #e9573f;}
.server-type li.type2 span,.s-server-list li.type2 i{ background: #bbb;}
.server-type li.type3 span,.s-server-list li.type3 i{ background: #d6f4e4;}
.quick-server .in-put{ height: 31px; width: 160px; line-height: 31px; border-right: 0 none; font-size: 12px;}
.quick-server .btn{ height: 33px; width: 80px; line-height: 33px; font-size: 12px;}
.s-tab{ height: 33px; line-height: 33px; overflow: hidden;}
.s-tab li{ padding-right:20px; float: left; color: #999; cursor: pointer;}
.s-tab li.s-curr{ color: #0199fd;}
.s-server-box{ width: 1120px; overflow: hidden; padding: 20px 0 10px;}
.s-server-list{ width: 1175px;}
.s-server-list li{ float: left; width:180px ; height: 42px; background: #f9f9f9; line-height: 42px; margin: 0 55px 20px 0;}
.s-server-list li i{ float: left; width:6px ; height:20px ; line-height: 200px;overflow: hidden; margin: 11px 20px 0 20px;}
.s-server-list li a{ display: block; width: 180px; height: 42px; color: #666;}
.s-server-list li a:hover{color: #0199fd;}
.header{ height: 133px; position: relative; background:#0199fd; -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;}
.user-nav{ height: 48px; position: absolute; bottom: 0; right: 50px;}
.user-nav a{ float: left; width: 110px; height: 38px; margin: 10px 2px 0 0; background: #eee; text-align: center; line-height: 38px;}
.user-nav a.curr{ height: 48px; line-height: 48px; margin-top:0; color: #0199fd; background: #fff;}
.user{padding:16px 0 16px 16px; overflow: hidden;}
.user img{ width: 100px; height: 100px;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; float: left;margin-right: 20px; border: 3px solid #d9d9d8;}
.user ul{ padding: 15px 0;}
.user li{ padding: 5px 0 15px 0; color: #fff; line-height: 20px;}
.user li a,.user li a:hover{ color: #fff;}

.user li a.white-btn{ padding: 3px 8px; color: #0199fd; margin-left: 30px;box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.4)}
.game-list{padding: 25px 50px 15px;}
.game-list li{padding: 20px 0;}
.game-list li.game-wu{padding: 100px 0 300px;}
.game-list img{ border-radius: 4px;box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);}
.mygame-info{ width: 835px;}
.mygame-info a.g-name{ font-size: 22px;}
.mygame-info dt{color: #ccc;}
.mygame-info dd{ font-size: 12px; height: 54px; line-height: 18px; overflow: hidden; padding-top: 18px;}
.mygame-info .g-tool{ padding: 15px 0; height: 27px; line-height: 37px;}
.btn-arrow{ display: block; position: relative; width:92px ; height:50px ; text-align: center; margin: 0 auto; background: #add8ff;-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; }
.btn-arrow:hover{ background: #0199fd;}
.btn-arrow i{color: #fff; font-size: 40px; position: absolute; display: block; width: 40px; height: 40px; top: 0; left: 26px;-webkit-animation: start 1.0s infinite ease-in-out }
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,-8px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,10px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,-8px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,10px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,-8px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,10px);}
}
.data-box{ width: 1170px; padding: 30px 0;}
.data-box .bor-box{ width: 336px; margin-right:50px ; padding: 20px 0; height: 488px;}
.bor-box.hover{ border:2px solid #0199fd}
.bor-box h4,.bg-gray h4{ color: #999; font-size: 18px; margin: 0 0 20px 20px; font-weight: 500;}
.bor-box.hover h4{ color: #0199fd;}
.data-box .reg .sex .sex-l{width: auto; float: none; padding-right: 15px;}
.data-box .reg .sex .sex-l input{margin-right: 5px;}
.data-box .reg li .in-put,.data-box .reg .btn{ width: 200px;}
.data-box .reg li label{  width: 75px;}
.data-box i{ width: 20px; height: 20px; background: url(../images/img-24.png) no-repeat; margin-left: 5px;}
.data-box i.data-i-1{ background-position: 0 -115px;}
.data-box i.data-i-1.success{ background-position: -27px -115px;}
.data-box i.data-i-2{ background-position: -54px -115px;}
.data-box i.data-i-2.success{ background-position: -80px -115px;}
.data-box i.data-i-3{ background-position: -105px -115px;}
.data-box i.data-i-3.success{ background-position: -129px -115px;}
.data-box i.data-i-4{ background-position: 0 -143px;}
.data-box i.data-i-4.success{ background-position: -27px -143px;}
.data-box i.data-i-5{ background-position: -54px -143px;}
.data-box i.data-i-5.success{ background-position: -80px -143px;}
.data-dl{ border: 1px solid #c6c6c6; background: #f4f4f4; margin: 0 40px 30px; padding: 15px 30px 20px; float: left; width: 194px; cursor: pointer;}
.data-dl.hover{ border: 1px solid #0199fd; background: #0fddfd; color: #0199fd;}
.data-dl.hover dd{color:#0199fd}
.data-dl dt{ height: 20px; padding: 5px 0 10px;}
.data-dl dd{ line-height: 24px; font-size: 12px; color: #999;}
.bg-gray{ background: #f5f8fa;}
.m-side{ width: 254px;}
.m-main{ width: 804px;}
.m-main .bor-box{padding: 20px; margin: 20px 0 30px;}
.bg-gray{ margin-bottom: 20px; padding: 20px 27px; margin-top: 30px;}
/*.m-main .bg-gray{ height: 120px;}*/
.progress-bg{ width: 100%; position: relative; height: 20px; background: #ccc; margin: 40px auto 60px;}
.progress-bg span{ float: left; font-size: 12px; color: #fff; width: 12.5%; line-height: 20px; text-align: center; border-right: 1px solid #fff; box-sizing: border-box; position: absolute; z-index: 10; top: 0;}
.progress-bg span.s1{left:0}
.progress-bg span.s2{left:12.5%}
.progress-bg span.s3{left:25%}
.progress-bg span.s4{left:37.5%}
.progress-bg span.s5{left:50%}
.progress-bg span.s6{left:62.5%}
.progress-bg span.s7{left:75%}
.progress-bg span.s8{right:0}
.green-bar{ height: 20px; background: #53bf81; position: absolute; z-index: 5;}
.progress-bg p{ height: 20px; line-height: 20px; width: 75px; overflow: hidden; color: #53bf81; text-align: center; position: absolute; top:-25px; right: -28px;}
.progress-bg i{position: absolute; bottom: -30px; margin: 0;}
.progress-bg i.i-1{left: 9.8%;}
.progress-bg i.i-2{left: 22.5%;}
.progress-bg i.i-3{left: 34.8%;}
.progress-bg i.i-4{left: 47.5%;}
.progress-bg i.i-5{left: 60%;}
.progress-bg i.i-6{left: 72.4%;}
.progress-bg i.i-7{left: 84.6%;}
.progress-bg i.i-8{right:1px;}
.vip.i-1{ background-position: -22px -284px;}
.vip.i-2{ background-position: -44px -284px;}
.vip.i-3{ background-position: -67px -284px;}
.vip.i-4{ background-position: -90px -284px;}
.vip.i-5{ background-position: -113px -284px;}
.vip.i-6{ background-position: -136px -284px;}
.vip.i-7{ background-position: -159px -284px;}
.vip.i-8{ background-position: -183px -284px;}
.vip.i-9{ background-position: -207px -284px;}
.vip.vip11{ background-position: -22px -37px;}
.vip.vip22{ background-position: -44px -37px;}
.vip.vip33{ background-position: -67px -37px;}
.vip.vip44{ background-position: -90px -37px;}
.vip.vip55{ background-position: -113px -37px;}
.vip.vip66{ background-position: -136px -37px;}
.vip.vip77{ background-position: -159px -37px;}
.vip.vip88{ background-position: -183px -37px;}
.vip.vip99{ background-position: -207px -37px;}
.bor-box table{ float: right; width: 234px; text-align: center; margin-left:35px}
.bor-box table th,.bor-box table td{ font-weight: 500; line-height: 30px; width: 33%;}
.bor-box table th{ border-bottom: 1px solid #ccc;}
.fl-dl dt{ line-height: 25px;}
.fl-dl dd{ padding: 15px 0;}
.fl-dl .btn{padding:0 10px; margin-right: 20px; margin-top:40px}
.m-main .bor-box h4,.bg-gray h4{margin-left: 0;}
.bg-gray h4{margin-bottom: 0;}
.bg-gray .third-btn{ float: none; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin-left: 10px;}
.bg-gray .jiang{line-height: 30px; padding: 25px 0 10px;}
.tc-in.bg-gray{ width: 160px; margin: 20px auto;}
.reset{ width: 420px; margin: 30px auto;}
.reg.reset label{padding-right: 15px;}
.reg.reset li{ margin-bottom: 20px;}
.reg.reset li .in-put, .reg.reset .btn{ width: 330px;}
.reg.reset li.sm .in-put{width: 200px;}
.reg.reset li.sm .btn{width: 130px; height: 38px; line-height: 38px;}
.reg.reset li.reg-yzm img{right: 15px;}

.img-wrap{ width: 100%; min-width: 1220px; height: 422px; background: url(../images/bg.png); padding-top:32px}
.img-slide{ height: 388px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); position: relative;}
.img-slide .bd {position: relative;	float: left;width: 993px;height: 388px;	overflow: hidden;}
.img-slide .bd img {width: 993px;height: 388px;}
.img-slide .hd {position: relative;	width: 227px;float: right;z-index: 2; background: #fff;}
.img-slide .hd ul {	position: relative;	width: 227px;overflow: hidden; z-index: 3;}
.img-slide .hd li {	height: 81px; width:211px;overflow: hidden; padding: 8px;}
.img-slide .hd img {width: 80px;height: 80px;display: block; float: right;}
.img-slide .hd dl{ padding-top: 18px; padding-left: 10px;}
.img-slide .hd dl dt{ font-size: 20px; height: 30px; line-height: 30px; overflow: hidden;}
.img-slide .hd dl dd{ font-size: 12px; height: 13px; line-height: 13px; overflow: hidden;}
.img-slide .hd li.on dt,.img-slide .hd li.on dd{color: #fff;}
.img-slide .hoverBg {position: absolute;top: 0;	left: 0; width: 227px;height: 97px;z-index: 1;background:#0199fd
}
.img-slide .hoverBg i{ color: #0199fd;position: relative; left: -25px; top:27px; font-size: 40px;}
.new-server{ width:1500px; overflow: hidden; padding-bottom: 40px;}
.new-server dl{ width: 240px; float: left; margin-right: 86px;}
.new-server dl dt{ height: 52px; line-height: 52px; overflow: hidden; margin-bottom: 10px;}
.new-server dl dt i{ margin-right: 3px; font-size: 16px;}
.new-server dl dt a:hover i{color: #0199fd;}
.new-server dl dt img{ height: 52px; width: 52px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; float: left; margin-right: 10px; }
.new-server dl dd{ height: 44px; line-height: 44px; overflow: hidden; padding-left: 6px;}
.new-server dl dd span{ float: left; width: 78px;}
.new-server dl dd span.f-right{ float: right; text-align: right;}
.game-type{ text-align: center; height: 70px; line-height: 70px;}
.game-type a{ padding: 0 60px; font-size: 18px;}
.game-type a.curr{color: #0199fd;}
.jilu .btn{ cursor: default;}
.jilu div.copy-box{ border: 1px solid #ccc; padding-left: 20px; height: 36px; line-height: 36px;}
.jilu div a{margin: 0 20px;}
.getpwd-box{ width: 303px; margin: 0 auto; padding-top:10px}
.pwd-tab a{float: left; text-align: center; cursor: pointer; width: 100px; background: #e7e5e5; 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; margin-left: 1px;}
.pwd-tab a:hover,.pwd-tab a.hover{color: #fff; 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;}
.getpwd-box .login{padding: 25px 1px;*padding: 70px 1px;}
.getpwd-box .login input{ width: 260px;}
.getpwd-box .login li.sm input{ width: 160px;}
.getpwd-box .login li.sm .btn{ width: 106px; margin-top:-1px; margin-right: -1px; height: 38px; line-height: 38px;}
.getpwd-box .errmsg{ height: 40px; line-height: 40px;}
.error-list{ padding: 50px 0 0 400px;}
.error-list dt{ font-size: 16px; height: 32px; line-height: 32px;}
.error-list dt i{ width: 32px; height:32px ; float: left; background: url(../images/hao.png) no-repeat; margin-right: 10px;}
.error-list dd{ line-height: 20px; padding:20px 0 20px 42px; font-size: 12px;}
.l-btn-box{padding-bottom: 50px;}
.l-btn-box .btn-reg{ display: block; border: 0 none; cursor: pointer; width: 220px; height: 44px; text-align: center; line-height: 44px; margin-left:415px; background: #0199fd; display: block; color: #fff; border-radius:3px;transition: all 0.3s linear 0s;-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;}
.l-btn-box .btn-reg:hover{ color: #fff; background: #0199fd;}
/*第三方登录风险提示*/
.introjs-tooltip-1 {
	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: 142px;
	top: 69px;
}

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

.introjs-button-1 {
	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-1:hover{color: #fff;}
.introjs-tooltiptext-1{color: #0199fd; text-align: center;}
.introjs-nextbutton-1{
	background: #fff;
	color: #0199fd;
}
.introjs-nextbutton-1:hover{color: #0199fd;}
.introjs-arrow-1 {
	border: 5px solid white;
	content: '';
	position: absolute
}

.introjs-arrow-1.top-1 {
	top: -10px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: white;
	border-left-color: transparent
}
.quan{ overflow: hidden; margin-right: 15px;}

.select_box {float: left;font-size: 12px;height: 38px;line-height: 38px; z-index: 1;_overflow:hidden; border:1px solid #ccc; position: relative; margin-right: 15px;}
.select_box .selet_open{float:left;display:inline-block;border:none; width:38px; height:38px;}
.select_box .selet_open span{display:block; height: 7px; width: 13px; margin: 15px 0 0 15px;cursor: pointer; background:url(../images/img-24.png) no-repeat -113px -169px; float: left;transition: all 0.3s linear 0s;-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;}
.select_box .selet_open:hover span{ transform: rotateZ(180deg);}
.select_box .select_txt{float:left;display:inline-block;cursor:text;overflow:hidden; text-indent:10px; height:38px; color:#424242; border:none; z-index:1; width: 270px; cursor: pointer;}
.select_box .option{border:solid 1px #ccc;height:180px; border-top:0 none; overflow-y:auto; overflow-x:hidden; position:absolute; left:-1px; top:39px; background:#fff; z-index:999;display:none; }
.select_box .option a{display:block; height:30px; line-height:30px; width:308px; text-indent:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.select_box .option a:hover{background:#0199fd; color: #fff; }

/*new add*/
.select-box{ height: 38px; line-height: 38px; margin-bottom: 20px;}
.select-box .btn{ width: 80px; height: 38px; line-height: 38px;}
.add-table{clear: both;width: 100%; margin: 0 auto 10px;border-collapse: collapse;margin: 0 auto;text-align: center;}
.add-table td, .add-table th{ border: 1px solid #ccc;color: #666;height: 30px;}
.add-table thead th{background-color: #ccc;width: 100px;}
.add-table tr:nth-child(odd){background: #fff;}
.add-table tr:nth-child(even){background: #eee;}
DIV.jogger{ margin-top: 20px; float: right;} 
DIV.jogger A { padding:4px 10px; MARGIN-left: 2px; COLOR: #fff; BACKGROUND-COLOR: #ccc; TEXT-DECORATION: none} 
DIV.jogger A:hover { padding:4px 10px;MARGIN-left: 2px; COLOR: #fff;  BACKGROUND-COLOR: #ddd } 

DIV.jogger SPAN.current { padding:4px 10px; MARGIN-left: 2px; COLOR: #6d643c;  BACKGROUND-COLOR: #0199fd }
DIV.jogger SPAN.disabled { DISPLAY: none } 
.add-foot{padding-bottom: 20px; overflow: hidden;}
.add-total{ height: 29px; line-height: 29px; padding-top: 15px; font-weight: bold;}
/**/