body{
	font: 12px/1.5"microsoft yahei",Arial,sans-serif;
}
.header li a{
	font-size: 16px;
}

.container{
	margin: 0 auto!important;
}

.header a:hover{
	color: #fff!important;
}

.container{
	max-width: 1200px;
}

.container h1{
	padding-top: 90px;
	line-height: 60px;
	font-size: 24px;
}

.container ul{
	overflow: hidden;
}

.container li{
	width: 280px;
	display: inline-block;
	float: left;
	margin:20px 60px;;
	overflow: hidden;
	border: 1px solid #e1e1e1;
	box-sizing: border-box;
	box-shadow: 3px 3px 5px #eeeeee;

	position: relative;
}

.video_box{
	width: 100%;
	height: 180px;
	position: relative;
}

.video_box>img{
	width: 100%;
	height: 180px;
}

.play_btn{
	width: 100%;
	height: 180px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto auto;
	background: rgba(0,0,0,0.2);
	display: none
}

.container li:hover .play_btn{
	display: block;
}

.video_box>div>img{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto auto;
}

.container li p:nth-child(2){
	width: 100%;
	line-height: 36px;
	font-size: 16px;
	color: #222222;
	padding:0 10px;
	box-sizing: border-box;
}

.container li>span:nth-child(3){
	line-height: 30px;
	text-align: right;
	color: #3e3e3e;
	background: url(../images/mem-icos.png) no-repeat 0 -32px;
	padding-left: 20px;
	margin-left: 10px;

}

.video_box>span{
	display: block;
	position: absolute;
	width: 80px;
	height: 36px;
	line-height: 36px;
	color: #FFFFFF;
	font-size: 20px;
	background-color: rgba(0,0,0,0.3);
	text-align: center;
	top: 0;
	right: 0;
}
.order-tit i, .o-table .pay-for i,.o-table .pay-for em, .o-table .role-status i, .pay-money-list .money-item i, .select-wp .close, .search-box .btn-search, .other-money-box i, .ubind-pop .level-tips i, .login-pop .icon-user, .login-pop .icon-lock, .login-pop .icon-cb { display:inline-block; vertical-align: top; background: url('../images/pay.png') no-repeat;}
body { color: #595757; }
input, select { font-family: 'microsoft yahei'; color: #595757;}
.pay-header	{ height: 62px; padding: 20px 0; background: #fff;}
.pay-header	.logo { float: left; }
.pay-header	.tit { height: 40px; line-height: 40px; font-size: 24px; color: #595757; padding-left: 24px; margin: 11px 0 0 24px; border-left: 1px solid #c5c5c5; float: left; }
.pay-header	.info { height: 40px; text-align: right; float: right; }
.pay-header	.info .item { height: 14px; line-height: 14px; }
.pay-header	.info .item-2 { margin-top: 12px; }
.pay-header	.info .btn-usebal { color: #429deb; margin-left: 20px; border-bottom: 1px solid #429deb; }
.g-container { padding: 12px 0; }
.wp-pay { background: #f9fafa; }
.pay-left { width: 240px; float: left; position:relative; z-index: 2; min-height: 500px; _overflow:hidden;}
.pay-list { padding: 16px 0; }
.pay-list li { vertical-align: top; }
.pay-list a { display: block; width: 200px; height: 42px; line-height: 42px; padding-left: 40px; border-top: 1px solid #f9fafa; border-bottom: 1px solid #f9fafa; background: #f9fafa; margin-top: -1px;-webkit-transition: initial; -ms-transition: initial; -o-transition: initial; transition: initial;}
.pay-list .active, .pay-list a:hover { width: 201px; color: #595757!important; border-top-color: #e1405a; border-bottom-color: #e1405a; background-color: #fff; position:relative; z-index: 2;}
.pay-list i {width: 30px;height: 32px;margin-top: 11px;margin-right: 12px;background: url('../images/pay-menu.png') no-repeat;float: left;}
.pay-list span { float: left;}
.pay-right { width: 759px; border-left: 1px solid #e4e4e4; background: #fff; float: right; min-height: 520px; _padding-bottom: 30px;}
.order-tit { height: 38px; line-height: 38px; font-size: 26px; margin: 30px 0 30px 70px;}
.order-tit i { width: 38px; height: 38px; margin-right: 10px;}
.o-tit-1 i { background-position: 0 -116px;}
.o-tit-2 i { background-position: 0 -35px;}
.o-tit-4 i { background-position: 0 -316px;}
.o-tit-13 i { background-position: 0 -358px;}
.o-tit-15 i { background-position: 0 -398px;}
.o-tit-16 i { background-position: 0 -275px;}
.o-tit-26 i { background-position: 0 -198px;}
.o-tit-32 i { background-position: 0 2px;}
.o-tit-37 i { background-position: 0 -75px;}
.o-tit-43 i { background-position: 0 -151px;}
.o-tit-46 i { background-position: 0 -238px;}

.btn-define { display:inline-block; vertical-align: top; color: #429deb; margin: 0 12px; }
/* 充值公用 S */
.o-table { margin-left: 70px; }
.o-table .o-tr { margin: 14px 0; position:relative;}
.o-table .o-label { width: 68px; height: 32px; line-height: 32px; padding-right: 10px; text-align: right; float: left;}
.o-table .o-div { min-height: 32px; line-height: 32px; float: left; position:relative;}
.o-table .o-input, .o-table .pay-for { display:inline-block; width: 206px; height: 30px; line-height: 30px; margin-right: 10px; border: 1px solid #d1d1d1; background: #fff; vertical-align: top; position:relative; overflow:hidden;}
.o-table .o-input:focus { border-color: #e1405a; }
.o-table .pay-for { text-align: center; float: left; display: inline;}
.o-table .pay-for em { width: 16px; height: 16px; background-position: 0 -520px; position:absolute; right: 0px; bottom: 0px; display: none; }
.o-table .pay-for span { display:inline-block; vertical-align: top; height: 28px; }
.o-table .pay-for i { width: 30px; height: 30px;}
.o-table .pay-for-game i { background-position: 0 -435px; }
.o-table .pay-for-platform i { background-position: 0 -475px; }
.o-table .pay-for.active em { display: block; }
.o-table .pay-for.active, .o-table .pay-for:hover { width: 204px; height: 28px; line-height: 28px; border: 2px solid #e1405a; color: #595757!important;}
.o-table .pay-for.active i, .o-table .pay-for:hover i { height: 28px; }
.o-table .pay-for-game.active i { background-position: 0 -436px!important; }
.o-table .pay-for-game:hover i { background-position: 0 -436px!important; }
.o-table .pay-for-platform.active i { background-position: 0 -476px!important; }
.o-table .pay-for-platform:hover i { background-position: 0 -476px!important; }
.pay-for-tip { width: 159px; height: 23px; line-height: 23px; text-align: center; color: #e1405a; margin-top: 5px; float: left; background: url('../images/pay-for-tip.png') no-repeat; }

.o-table .o-select { display: block; width: 166px; height: 30px; line-height: 30px; padding: 0 20px; border: 1px solid #d1d1d1; background: #fff; margin-right: 10px; float: left; position:relative; box-sizing: content-box;}
.o-table .o-select:after { width: 0; height: 0; content: ' '; position:absolute; top: 10px; right: 10px; border-width: 8px; border-style: solid; border-color: #a8a8a8 #fff #fff #fff; }
.o-table .select-list { width: 206px; height: auto; border: 1px solid #d1d1d1; border-top: 0 none; background: #fff; position:absolute; top: 31px; left: 0px; z-index: 1;}
.o-table .select-list li { height: 34px; line-height: 34px; padding: 0 20px; cursor: pointer; }
.o-table .select-list li:hover { color: #fff; background: #e1405a; }

.o-table .o-button { display: block; width: 95px; height: 28px; cursor: pointer; box-sizing: content-box; float: left; }
.o-table .role-status { height: 32px; line-height: 32px; margin-left: 10px; position:relative; }
.o-table .role-status i { display:inline-block; vertical-align: top; *vertical-align: middle; width: 30px; height: 32px; }
.o-table .role-status-ok i { background-position: 0 -552px; }
.o-table .role-status-ng i { background-position: 0 -594px; color: #e1405a;}
.o-table .role-status-load i { background-position: 5px -634px; -webkit-animation: irotate 1s linear infinite; -o-animation: irotate 1s linear infinite; animation: irotate 1s linear infinite;}
@-webkit-keyframes irotate {0% {transform: rotate(0) } 100% {transform: rotate(-360deg) } }
@-moz-keyframes irotate {0% {transform: rotate(0) } 100% {transform: rotate(-360deg) } }
@-o-keyframes irotate {0% {transform: rotate(0) } 100% {transform: rotate(-360deg) } }
/* 充值公用 E */
.pay-money-list { width: 580px; height: auto!important; overflow:hidden;}
.pay-money-list a { width: 97px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #d1d1d1; margin: 0 10px 14px 0; float: left; display: inline; position:relative;}
.pay-money-list .money-item i, .other-money-box i { width: 16px; height: 16px; background-position: 0 -520px!important;; position:absolute; right: 0px; bottom: 0px; display: none; overflow:hidden;}
.pay-money-list .active, .pay-money-list a:hover { width: 95px; height: 28px; line-height: 28px; border: 2px solid #e1405a; }
.pay-money-list .active i { display: block; }
.o-table .other-money { text-align: center; }
.other-money-wp { display:inline-block; vertical-align: top; height: 32px; line-height: 32px; margin-right: 10px; position:relative; *margin-top: 10px;}
.other-money-box { display:inline-block; vertical-align: top; height: 32px; line-height: 32px; position:relative; margin-right: 10px; *vertical-align: middle;}
.user-getcoin { display:inline-block; vertical-align: top; height: 32px; line-height: 32px; *margin-top: 10px; display: none;}
.other-money-box .other-money  { margin-right: 0;-webkit-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;
    -ms-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;
    -o-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;
    transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out; }
.other-money-box.active .other-money  { width: 204px; height: 28px; line-height: 28px; border: 2px solid #e1405a;}
.other-money-box.active i { display: block; }
.btn-cforder { display: block; width: 208px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; border-radius: 5px; background: #e1405a; }
.btn-cforder:hover { color: #fff!important; background: #f6587b; }


/* .search-box { width: 116px; height: 22px; border: 1px solid #d1d1d1; overflow:hidden; position:absolute; top: 0px; right: 0px; }
.search-box input { display: block; width: 84px; padding: 4px 5px; height: 14px; line-height: 14px; border: 0 none; float: left; }
.search-box .btn-search { width: 22px; height: 22px; background-position: 5px -675px; float: right; } */


.servers-box { height: 220px; overflow:hidden; *overflow-y: auto; overflow-y: auto\0;}
.servers-box .sid-item { width: 122px; height: 32px; line-height: 32px; float: left; *width: 118px; width: 118px\0;}
.servers-box .active, .filter-item .active { color: #e1405a!important; border: 0 none!important; }
.noserver { font-size: 16px; text-align: center; line-height: 120px; display: block;}
/* 选游戏 选服 */
/* 支付弹窗 */
.pay-window { position:absolute; z-index: 99999; display: none; }
/* 二级密码 */
/*二级密码*/
.button-red { display:inline-block;vertical-align: top;width: 134px; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 5px; background: #e1405a;}
.button-red:hover {color:#fff!important;border-color: #f6587b;background: #f6587b!important;}
.pass2-pop, .confirm-pop { width: 402px; position: fixed; top: 50%; left: 50%; margin: -100px 0 0 -201px; z-index: 999999; _position:absolute;}
.pass2-pop .hd { height: 38px; line-height: 38px; text-indent: 18px; font-size: 16px; color: #fff; background: #e1405a; }
.pass2-pop .bd { padding: 20px 0; background: #fff; }
.pass2-pop .tip { font-size: 14px; text-align: center; }
.pass2-pop .cs-psw2 { display: block; width: 220px; height: 36px; line-height: 36px; padding: 0 5px; border: 1px solid #9fa0a0; border-radius: 5px; margin: 20px auto 0; font-family: 'microsoft yahei';}
.pass2-pop .input-tips { height: 30px; line-height: 30px; color: #e1405a; margin-left: 86px;}
.pass2-pop .opt { overflow:hidden; width: 232px; margin: 0 auto; line-height: 40px; }
/* 充值确认 */
.confirm-pop { width: 454px; height: 454px; margin: -227px 0 0 -227px; }
.confirm-pop .hd { width: 100%; height: 74px; line-height: 75px; color: #fff; font-size: 20px; text-indent: 200px; background: #e1405a url('../images/pop-hd.jpg') no-repeat; }
.confirm-pop .bd { height: 380px; padding: 0 40px; background: #fff; overflow:hidden;}
.confirm-pop .tit { font-size: 14px; color: #e1405a; text-align: center; height: 22px; line-height: 22px; margin: 26px 0; background: url('../images/u1-7.png') 80px center no-repeat; }
.confirm-list { padding-bottom: 26px; border-bottom: 1px solid #ededed; }
.confirm-list li { vertical-align: top; overflow:hidden; }
.confirm-pop .x-label, .confirm-pop .x-p { width: 160px; height: 34px; line-height: 34px; text-align: right; float: left;}
.confirm-pop .x-p { width: 200px; margin-left: 10px; text-align: left;}
.confirm-pop .btn-submit { display: block; width: 96px; height: 32px; line-height: 32px; text-align: center; color: #fff; border-radius: 16px; font-size: 14px; margin: 20px auto 0; background: #e1405a;}
.confirm-pop .btn-submit:hover{color: #fff!important; background: #f6587b;}
/*kill ie*/
.killie { width: 100%; height: 30px; line-height: 30px; color: #c7a17b; text-align: center; background: #ffffe1; z-index: 10;}
.killie a { color: #3399ff;}
.killie a:hover { text-decoration: underline;}

/* 人工充值 */
.o-rgpay { padding: 0 50px 55px 70px;}
.o-rgpay .a-kf { color: #429deb; }
.rg-tit { margin: 30px 0 12px; font-size: 14px; font-weight: bold;}
.o-rgpay table { width: 100%; text-align: center; }
.o-rgpay table td { border: 1px solid #d1d1d1; line-height: 32px;}
.o-rgpay table thead { background: #e1405a; color: #fff;}
.o-rgpay .td1 { width: 80px; }
.o-rgpay .td2 { width: 186px; }
.o-rgpay .td3 { width: 268px; }
.o-rgpay .td4 { width: 372px; }
.o-rgpay dl dd { line-height: 24px; }
/* 充值说明 */
.tip-box { display: none; margin: 80px; line-height: 24px; background: #f9fafa; }
.tip-wp .pd20 { padding: 20px; }
.float-menu .f-top { display: none; }
.tips-pop .pop-button { margin: 20px 6px 0; border: 1px solid #e1405a; color: #e1405a;}
.tips-pop .pop-button:hover { background: #e1405a; color: #fff!important;}
.tips-pop .pop-button-red { color: #fff;}
.tips-pop .pop-button-red:hover {color:#fff!important; background: #f6587b;}
/* 表单 */
.btn, .w-button{display:inline-block;vertical-align:top;width:64px;height:18px;line-height:18px;-webkit-border-radius:9px;border-radius:9px;text-align:center;color:#9e9e9e;border:1px solid #9e9e9e;font-family: 'microsoft yahei';box-sizing: content-box;cursor: pointer; background: #fff;position:relative;}
/* .btn:hover,.btn-h{color:#fff!important;border-color:#e1405a;background:#e1405a} */
.btn-m{width:76px;height:24px;line-height:24px;-webkit-border-radius:13px;border-radius:13px;}
.btn-l {font-size: 14px; }
.btn-l, .w-button{width:94px;height:30px;line-height:30px;-webkit-border-radius:15px;border-radius:15px}
.btn-blue{color:#fff!important;border-color:#429dea;background:#429dea}
.btn-blue:hover{color:#fff!important;border-color: #53c1f8;background: #53c1f8!important;}
.btn-green{color:#fff!important;border-color:#4dd589;background:#4dd589}
.btn-green:hover {color:#fff!important;border-color: #58e79c;background: #58e79c!important;}
.btn-red{color:#fff!important;border-color:#e1405a;background:#e1405a}
.btn-red:hover, .button-red:hover {color:#fff!important;border-color: #f6587b;background: #f6587b!important;}
.btn-gray{color:#fff!important;border-color:#d7d7d7;background:#d7d7d7}
.btn-gray:hover {color:#fff!important;border-color: #e2e2e2;background: #e2e2e2!important;}
.w-button-disabled, .w-button-disabled:hover { color: #fff; border-color: #ccc; background: #ccc!important; cursor: default; }

.w-item{width: 100%;overflow:hidden;margin:15px 0;line-height:36px;position:relative;}
.w-item .w-label, .w-item .w-label-l{width:124px;height:36px;line-height:36px;padding-right:10px;text-align:right;font-size:14px;color:#595757;float:left;}
.w-item .w-label-l { width: 126px; }
.w-item .w-input,.w-item .w-input-m,.w-item .w-input-s{width:232px;height:18px;line-height:18px;border:0 none;border:1px solid #c5c5c5;-webkit-border-radius:5px;border-radius:5px;padding:8px 15px;font-family:'microsoft yahei';float:left}
.w-item .w-input-m{width:138px}
.w-item .w-input-s{width:110px}
.w-item .w-div,.w-item .w-div-l,.w-item .w-div-m{min-width:160px;height:auto;min-height:36px;line-height:36px;font-size:12px;padding:0 14px;float:left;position:relative;}
.w-item .w-div-l{min-width:262px}
.w-item .w-div-m{min-width:192px}
.w-item i{color:red;margin-right: 2px;}
/* 表单 */
/* 用户信息绑定弹窗 */
.ubind-pop { width: 524px; height: 434px; position: fixed; top: 50%; left: 50%; margin: -217px 0 0 -262px; background: #fff; z-index: 1001; _position:absolute; _top: 400px;}
.ubind-pop .hd { height: 75px; line-height: 75px; font-size: 22px; color: #fff; padding-left: 220px; background: #e1405a url('../images/pop-hd.jpg') 34px top no-repeat; }
.ubind-pop .bd { width: 446px; margin: 0 auto; }
.ubind-pop .ubind-tab { width: 100%; text-align: center; height: 42px; border-bottom: 1px solid #ededed;}
.ubind-pop .ubind-tab li { display:inline-block; *display: inline; width: 90px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #848484; border-bottom: 2px solid #fff; margin: 0 25px; cursor: pointer; zoom: 1;}
.ubind-pop .ubind-tab .active, .ubind-pop .ubind-tab li:hover { color: #595757; border-color: #e1405a; }
.ubind-pop .level-tips { width: 100%; line-height: 22px; margin: 22px 0; background: #fff; color: #e1405a; text-align: center; }
.ubind-pop .level-tips i { width: 22px; height: 22px; margin-right: 18px; background-position: 0 -798px; }
.ubind-pop .btn { margin-top: 5px; }
.ubind-pop .php-code { margin-left: 34px; }
.ftips { height: 60px; padding: 8px 40px 0; line-height: 20px; color: #848484; border-bottom: 1px solid #ededed; }
.ubind-pop .pop-button { width: 88px; height: 36px; border: 0 none; margin: 0; cursor: pointer; margin-left: 10px;}
/* 登录弹窗 */
.login-pop { width: 302px; height: 430px; position: fixed; top: 50%; left: 50%; margin: -215px 0 0 -151px; background: #fff; z-index: 1001; _position:absolute; _top: 400px;}
.login-pop .hd { height: 75px; line-height: 75px; font-size: 22px; color: #fff; padding-left: 150px; background: #e1405a url('../images/pop-hd.jpg') 5px top no-repeat; }
.login-pop .bd { width: 234px; margin: 0 auto; }
.login-tab{width:100%;overflow:hidden;margin: 18px 0 32px;}
.login-tab-1 li{width: 100%;}
.login-tab-2 li{width:50%;}
.login-tab li{height:36px;line-height:36px;cursor:pointer;border-bottom:1px solid #ddd;text-align:center;color:#595757;font-size:14px;float:left}
.login-tab .active{border-bottom-color:#d70023}

.login-pop .icon-user, .login-pop .icon-lock { width: 36px; height: 36px; margin-right: 0; position:absolute; top: 0px; left: 0px; z-index: 2;}
.login-pop .icon-user { background-position: 12px -826px; }
.login-pop .icon-lock { background-position: 13px -866px; }
.login-pop .w-item { margin: 10px 0; }
.login-pop .w-input { width: 181px; padding-left: 36px; }
.login-item .user-opt{height:14px;line-height:14px;margin:10px 0}
.login-pop .icon-cb{display:inline-block;vertical-align:top;width:13px;height:13px; background-position: 0 -920px;position:relative;top: 1px;}
.login-pop .icon-cbed{ background-position: -27px -920px;}
.login-item .user-third{height: 24px;margin:15px 0;line-height: 24px;}
.login-item .link-reg { color: #e1405a; }
.login-item .link-reg:hover { text-decoration: underline; }
.third-login-qq,.third-login-wx,.third-login-wb{display:inline-block;width:24px;height:24px;background:url(../images/third.png) no-repeat;}
.third-login-wx{background-position:-27px 0}
.third-login-wb{background-position:-53px 0}
.pop-button-login { width: 100%; height: 38px; line-height: 38px; margin: 18px 0 0 0; font-size: 14px;}
.login-tip { width: 100%; height: 30px; line-height: 30px; margin-bottom: 16px; color: #e1405a }

a{
	text-decoration: none;
	color: #595757;
	outline: none;
	font-size: 12px;
}

.g-container, .u-container {
    position: relative;
    padding: 32px 0;
    background: #f2f2f2;
    z-index: 1;
    zoom: 1;
}


/* 下面是comm_1 */
/* @charset "utf-8"; */
html{font-size:100%}body{margin:0;color:#666;font:12px/1.5 "microsoft yahei",Arial,sans-serif}dl,dd,h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0}ul,ol{padding-left:0;list-style-type:none}img{border:0}a{color:#595757;text-decoration:none;outline:0 none;-webkit-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out; -ms-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out; -o-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out; transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;}a:hover{color:#e1405a!important;text-decoration:none;}a,button{cursor:pointer}table{border-collapse:collapse;border-spacing:0}input,select,img{vertical-align:middle}a,input,button{padding:0;margin:0;outline:0}i,em{font-style:normal}h1,h2,h3,h4,h5,h6{font-size: 100%; font-weight: normal; }.fl{float:left;display:inline}.fr{float:right;display:inline}.dib{display:inline-block;vertical-align:top;*display:inline;*zoom:1}.tc{text-align:center}.fz14{font-size:14px}.fix{zoom:1}.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}.none{display:none}.hidden{width:0;height:0;overflow:hidden}
/* .fz16{font-size:16px} */
body{background:#fff;width:100%;min-width:1000px;overflow-x:hidden;position:relative;}


.w998{width:998px!important;margin:0 auto}
.w1000{width:1000px!important;margin:0 auto}
.w1200{width:1200px!important;margin:0 auto}
.wrap{width:1200px;margin:0 auto}

/* 结束 */
.container{
	height: 850px!important;
}





