@charset "utf-8";
/*=============================== reset style ================================== */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0; margin: 0; }

body {font: 12px/1.8 'Microsoft YaHei',Tahoma, Helvetica, Arial, sans-serif; color: #666666; letter-spacing: 0px;background:#edecef}/*页面的大背景图*/

table,div,td { margin:0 auto;padding:0}

fieldset,img { border:0;}

h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size:12px;}

ul,ol,li { list-style:none;}

address,caption,cite,code,dfn,em,th,var { font-weight:bold; font-style:normal;} 

p:after,p:before { content:'';} 

p {line-height:18px;}

abbr,acronym { border: 0;}

.clear { clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}

.mwidth {width:980px;margin:0 auto;}

/*======================================= rules style ============================================================*/



/*------------- padding ------------- */

.pad3 {padding:3px;}

.pad5 {padding:5px;}

.pad10 {padding:10px;}

.pad13 {padding:13px;}

.pad109 {padding: 10px 9px;}

.pad1013 {padding:8px 15px;}

.pad2824 {padding:28px 24px 0px 24px}

.pad2052 {padding:20px 52px 20px 82px;*padding:20px 52px 8px 82px;/*ie7下兼容*/}

.pad15 {padding:15px;}

.pad20 {padding:20px;}

.pad25 {padding:25px;}

.pad30 {padding:30px;}



.padt5 {padding-top:5px;}

.padt10 {padding-top:10px;}

.padt13 {padding-top:13px;}

.padt15 {padding-top:15px;}

.padt20 {padding-top:20px;}

.padt25 {padding-top:25px;}

.padt30 {padding-top:30px;}



.padr5 {padding-right:5px;}

.padr10 {padding-right:10px;}

.padr13 {padding-right:13px;}

.padr15 {padding-right:15px;}

.padr20 {padding-right:20px;}

.padr25 {padding-right:25px;}

.padr30 {padding-right:30px;}



.padb5 {padding-bottom:5px;}

.padb10 {padding-bottom:10px;}

.padb13 {padding-bottom:13px;}

.padb15 {padding-bottom:15px;}

.padb20 {padding-bottom:20px;}

.padb25 {padding-bottom:25px;}

.padb30 {padding-bottom:30px;}



.padl5 {padding-left:5px;}

.padl10 {padding-left:10px;}

.padl13 {padding-left:13px;}

.padl15 {padding-left:15px;}

.padl20 {padding-left:20px;}

.padl25 {padding-left:25px;}

.padl30 {padding-left:30px;}



/*----------------- margin -------------------*/

.mar5 {margin:5px;}

.mar10 {margin:10px;}

.mar13 {margin:13px;}

.mar15 {margin:15px;}

.mar20 {margin:20px;}

.mar25 {margin:25px;}

.mar30 {margin:30px;}



.mart5 {margin-top:5px;}

.mart10 {margin-top:10px;}

.mart13 {margin-top:13px;}

.mart15 {margin-top:15px;}

.mart20 {margin-top:20px;}

.mart25 {margin-top:25px;}

.mart30 {margin-top:30px;}



.marr5 {margin-right:5px;}

.marr10 {margin-right:10px;}

.marr13 {margin-right:13px;}

.marr15 {margin-right:15px;}

.marr19 {margin-right:19px;}

.marr20 {margin-right:20px;}

.marr25 {margin-right:25px;}

.marr30 {margin-right:30px;}



.marb5 {margin-bottom:5px;}

.marb10 {margin-bottom:10px;}

.marb13 {margin-bottom:13px;}

.marb15 {margin-bottom:15px;}

.marb20 {margin-bottom:20px;}

.marb25 {margin-bottom:25px;}

.marb30 {margin-bottom:30px;}



.marl5 {margin-left:5px;}

.marl10 {margin-left:10px;}

.marl13 {margin-left:13px;}

.marl15 {margin-left:15px;}

.marl20 {margin-left:20px;}

.marl25 {margin-left:25px;}

.marl30 {margin-left:30px;}



/*------------------ border -----------------------*/

.bor {border:1px solid #d0d0d0}

.bort {border-top:1px solid #d0d0d0}

.borr {border-right:1px solid #d0d0d0}

.borb {border-bottom:1px solid #d0d0d0}

.borl {border-left:1px solid #d0d0d0}



.bord {border:1px dashed #d0d0d0}

.bordt {border-top:1px dotted #d0d0d0}

.bordr {border-right:1px dotted #d0d0d0}

.bordb {border-bottom:1px dotted #d0d0d0}

.bordl {border-left:1px dotted #d0d0d0}



/*----------------------- color --------------------*/

.red {color:#fe0000;}

.black {color:#000000;}

.white {color:white;}

.bgwhite {background:#ffffff;}

.blue {color:blue;}

.yellow {color: #f64f00;}

#g_bg {background:#199900;color:#ffffff;}

.gray {color:#999999}

.green {color:#199900;}

/*======================================= link style ============================================================*/

A:link			{font-size: 12px; color: #666666; text-decoration: none}

A:visited		{font-size: 12px; color: #666666; text-decoration: none}

A:hover			{font-size: 12px; color: #f64f00; text-decoration: none;/*-webkit-transition: color .5s linear; transition: color .5s linear;*/}

A:Active		{font-size: 12px; color: #666666;}



/* ======================================header style =========================================================*/

.wrap {padding-top:34px;}

#header {width:100%;min-width:980px;margin:0 auto;height:128px;position:relative;z-index:999;background: #fff;}

#header h1 {display:block;float:left;width:234px;height:83px;}

#header h1 a {display:block;width:234px;height:83px;line-height: 83px;background:url(../images/logo.png) no-repeat left 19px;text-indent:9999px;overflow:hidden;-webkit-transition: all 0.4s ease-in-out;}

#header h1 a:hover {background:url(../images/logoh.png) no-repeat left 19px;}



#yingy {width:100%;height:20px;background:url(../images/yingy_bg.png) repeat-x left top;position:absolute;bottom:-19px;left:0;z-index:1003}





/*----------- index login style ------------*/

#user_login {position:relative;}

#user_login .log_bg {width:253px;height:270px;background:url(../images/log_bg.png) no-repeat center center;position:absolute;left:0px;top:30px;z-index:9998;}

#user_login input[type="text"],#user_login input[type="password"] {width:128px;height:20px;line-height:20px;padding:10px 5px 10px 80px;border:1px solid #ffffff;border-radius:5px;outline:none;}

#user_login input[type="text"]:hover,#user_login input[type="password"]:hover {

	-webkit-transition: border-color 1s linear; 

	transition:border-color 1s linear;

	border:1px solid #f64f00

	}

#login input[type="text"],#login input[type="password"] {width:128px;height:20px;line-height:20px;padding:10px 5px 10px 80px;border:1px solid #ffffff;border-radius:5px;outline:none;}

#login input[type="text"]:hover,#login input[type="password"]:hover {

	-webkit-transition: border-color 1s linear; 

	transition:border-color 1s linear;

	border:1px solid #f64f00

	}

#login input[type="text"] {background:url(../images/name_bg.jpg) no-repeat center center;}

#login input[type="password"] {background:url(../images/pass_bg.jpg) no-repeat center center;}

#user_login input[type="text"] {background:url(../images/name_bg.jpg) no-repeat center center;}

#user_login input[type="password"] {background:url(../images/pass_bg.jpg) no-repeat center center;}

#user_login input[type="checkbox"] {vertical-align: middle;}

#user_login .autulog {height:40px;}

#user_login .autulog span {float:left}

#user_login .autulog a {float:right}





/*----------has log -------------*/

.qppad_sev {

background: #ffffff !important;

height:250px !important;

border-radius:5px !important;

}

.open_service_info_list li hr {border-bottom: 1px dotted #d0d0d0;border-top: none;}

.qppad_sev .hasgame a {

float: none;

display: block;

vertical-align: middle;

background: #ffffff;

width: auto;

height: 24px;

padding: 0;

margin: 0;

text-align: center;

line-height: 24px;

}

.qppad_sev .hasgame a .open_service_info_list_ico {

width: 18px;

margin: 4px;

}

.qppad_sev .hasgame a .open_service_info_list_servers {

width: 52px;

text-align: right;

height: 24px;

line-height: 24px;

overflow: hidden;

}

.qppad_sev a.bor {

float: left;

display: block;

vertical-align: middle;

background: #f3f3f5;

width: 98px;

height: 23px;

padding: 0;

margin: 5px 7px;

text-align: center;

line-height: 22px;

}

.qppad_sev a img {

margin-right: 5px;

}

.cxfs span {display:block;float:left;}

.cxfs ul {padding-left:75px;}

.cxfs ul li {float:left;padding:0 2px;}

.cxfs ul li a {display:block;padding:0 5px;border-radius:3px}

.cxfs ul li a:hover {display:block;background:#1681ee;color:#ffffff;}

.cxfs ul li a.this {background:#1681ee;color:#ffffff;}

/* ======================================main style =========================================================*/

#main {width:980px;margin:0 auto;}

.banner {height:325px;}

/*--------- reuse style ------------*/

.reutit {height:37px;padding:0 17px;background:url(../images/tit_repeat.jpg) repeat-x left center;}

.reucon {background:#ffffff;}

.reutit_icon {padding-left:35px;font-size:16px;font-weight:bold;color:#333333;font-family:'Microsoft YaHei';line-height:37px;float:left;}

.reutit_text {padding-left:20px;line-height:37px;height:37px;overflow:hidden;float:right;background:url(../images/voice_icon.png) no-repeat left 13px;}





/* ======================================footer style =========================================================*/

#footer {width:100%;min-width:980px;padding:15px 0 38px 0;margin-top:38px;text-align:center;color:#666666;background:#dedfe1}

.copyright {

width: 980px;

line-height: 22px;

height: auto;

min-height: 50px;

_height: 50px;

clear: both;

}

.copyright span.copy {

line-height: 30px;

font-size: 12px;

display: block;

margin-top: 10px;

}

.copyright span.copyimg {

height: 60px;

display: block;

line-height: 60px;

}









/*============================head new style====================================*/

.n_head {width:100%;min-width:980px;margin:0 auto;height:43px;background:url(../images/head_new_bg.jpg) repeat-x left top;border-top:1px solid #e4e4e4}



/*----------- nav style -----------*/



#header #slidebg {float:left;position:relative;}

#header #slidebg li {float:left;width:auto;/*padding:7px 8px;*/background:url(../images/head_new_line.jpg) no-repeat right center;}

#header #slidebg li a {position:relative;z-index:200;}



#slidebg #magicbg{position:absolute;top:0;left:0;width:100px;background:#f64f00;z-index:100;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}

#header #slidebg li a {

	display:block;padding:14px 38px;font-size:16px;font-family:'Microsoft YaHei';color:#333333;line-height:100%;

	/*text-shadow: 1px 1px 2px rgba(89,22,20,0.3);*/

	/*-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;*/

}

#header #slidebg:hover li a {

	color: /*transparent*/#333;

	/*text-shadow: 0px 0px 5px #666;*/

}

#header #slidebg li.current a {

	/*text-shadow: 1px 1px 5px rgba(89,22,20,0.6);*/

	color:#ffffff;

	background:#f64f00;

	border-radius:3px;

}

#header #slidebg li.current a:hover {

	/*text-shadow: 1px 1px 5px rgba(89,22,20,0.6);*/

	color:#ffffff;

	background:#f64f00;

	border-radius:3px;

}

#header #slidebg li a:hover {

	

	color:#f64f00;

	/*background:#f64f00;

	border-radius:5px;

	text-shadow: 1px 1px 5px rgba(89,22,20,0.6);*/

}

.m_flash {float:left;width:400px;height:60px;position:relative;margin:12px 0 0 25px}

.m_flash #flash_a {display:block;width:100%;height:100%;z-index:10;position:absolute;top:0;left:0;}

.m_sousuo {float:right;width:280px;height:60px;margin-top:12px}

.ms_sinput {width:280px;height:33px;background:url(../images/new_ss_bg.jpg) no-repeat left top;margin-top:5px;margin-left:0px;}

.pad_ss {padding:7px}

.pad_ss input {width:222px;height:18px;border:none;outline:none;color:#666;}

#ss_go {display:block;width:30px;height:18px;float:right}

/*============================head new style====================================*/