@charset "utf-8";
/* ============================================================= */
/* =======desgin by xiaotian 2020年8月4日02:32:04 ======== */
/* ============================================================= */

/*=============================== 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}
.bordbhover {border-bottom: 1px dotted  #f64f00;}
.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:1002;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(http://common.baidu42.com:2000/yun/uploads/gw7/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(http://common.baidu42.com:2000/yun/uploads/gw7/logoh.png) no-repeat left 19px;}

#yingy {width:100%;height:20px;background:url(http://common.baidu42.com:2000/yun/uploads/gw7/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(http://common.baidu42.com:2000/yun/uploads/gw7/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(http://common.baidu42.com:2000/yun/uploads/gw7/name_bg.jpg) no-repeat center center;}
#login input[type="password"] {background:url(http://common.baidu42.com:2000/yun/uploads/gw7/pass_bg.jpg) no-repeat center center;}
#user_login input[type="text"] {background:url(http://common.baidu42.com:2000/yun/uploads/gw7/name_bg.jpg) no-repeat center center;}
#user_login input[type="password"] {background:url(http://common.baidu42.com:2000/yun/uploads/gw7/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: right;
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: 72px;
text-align: center;
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(http://common.baidu42.com:2000/yun/uploads/gw7/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(http://common.baidu42.com:2000/yun/uploads/gw7/voice_icon.png) no-repeat left 13px;}
.reutit_newstext {padding-left:20px;line-height:37px;height:37px;overflow:hidden;float:right;background:url(http://common.baidu42.com:2000/yun/uploads/gw7/voice_icon.png) no-repeat left 13px;}
.reutit_newstextR {padding-left:20px;line-height:37px;height:37px;overflow:hidden;float:right;background:url(http://common.baidu42.com:2000/yun/uploads/gw7/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(http://common.baidu42.com:2000/yun/uploads/gw7/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(http://common.baidu42.com:2000/yun/uploads/gw7/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(http://common.baidu42.com:2000/yun/uploads/gw7/new_ss_bg.jpg?v1) 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====================================*/