/*
┌──Www──────166jh─────────────────────┐
│ 网站设计制作:≮166-网络≯ QQ:群内咨询 唯一网址：   │
│        五年网页设计制作经验、高端建站美工团队为你服务            │
└───────────────────────────────.Com┘
*/
body{font-family:"Microsoft YaHei";margin:0;padding:0;font-size:14px;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,body{margin:0px;padding:0px;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,form{margin:0;padding:0;} 
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img{border:0;} 
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} 
ol,ul,li{list-style:none;} 
caption,th{text-align:left;} 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
article,header,footer,aside,canvas,details,figcaption,figure,hgroup,menu,nav,section,summary,time{display:block;}
.clearfix {	zoom: 1;}
.clearfix:after { content: ""; display: block; clear: both; height: 0;}
.clearFix {	zoom: 1;}
.clearFix:after { content: ""; display: block; clear: both; height: 0;}
a{ text-decoration: none;}
.LogIn a:hover{color: #fff;}
.clear{ clear: both;}
.none{ display: none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color:#241a0e;
    background-image: none;
    color: #d2be8a;
}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #241a0e inset;color: #d2be8a;
}

user agent stylesheet
input[type="password" i] {
    -webkit-text-security: disc;
}
/*LogIn*/
.LogIn{height:147px;position: relative;width:687px;float: left;}

.btn_gameStar{width: 368px; height:147px;overflow: hidden;position: absolute;top:0;left:0;z-index:3;}


.start {
	position: absolute;
	z-index: 3;
	overflow: hidden;
	width: 368px; height:107px;
	padding-top: 40px;
	background: url(../img/start_bg.gif) no-repeat;
}

/*.start:hover {
	background-image: url(../img/start_bg2.png);
}*/

.start span,.start span:after {
	display: block;
	margin: 0 auto;
	width: 219px;
	height:75px;
	background: url(../img/start.png) no-repeat;
	content: "";
	cursor: pointer;
}

.start:hover span {
	animation: linear icoBig 1.6s infinite;
	-webkit-animation: linear icoBig 1.6s infinite;
}

.start:hover span:after {
	opacity: .6;
	animation: linear icoBig2 1.6s infinite;
	-webkit-animation: linear icoBig2 1.6s infinite;
}

@-webkit-keyframes icoBig {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	20% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}

	30% {
		-webkit-transform: scale(.93);
		transform: scale(.93);
	}

	45% {
		-webkit-transform: scale(1.04);
		transform: scale(1.04);
	}

	60% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes icoBig {
	0% {
		transform: scale(1);
	}

	20% {
		transform: scale(1.05);
	}

	30% {
		transform: scale(.93);
	}

	45% {
		transform: scale(1.04);
	}

	60% {
		transform: scale(1);
	}
}

@-webkit-keyframes icoBig2 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	20% {
		opacity: 0;
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes icoBig2 {
	0% {
		transform: scale(1);
	}

	20% {
		opacity: 0;
		transform: scale(1.3);
	}

	100% {
		opacity: 0;
		transform: scale(1);
	}
}





.UserLoginKuang_bg{ width:331px;height:137px;padding:10px 0 0 44px;position: relative;top:0;left:314px;z-index:2;overflow: hidden;}
.login_box{position: relative; height: 137px;}

.logIpt{width:330px;}
.logIpt p,.txt_code p{ width:153px; height:29px;background:url(../img/iconMap.png) 0 -208px no-repeat;margin-bottom:4px;padding:1px 14px;}
.logIpt p input,.txt_code p input{border:0;width:125px; height: 28px; padding-left:30px; line-height: 28px; font-size: 12px; color: #c2b8ac;}
.txt_code p input{background:none;}


.txt_account{ margin-left:32px;}
.txt_password{margin-left:17px;}
.txt_account input{ background: url(../img/txt_account.png) no-repeat;}
.txt_password input{ background: url(../img/txt_password.png) no-repeat;}

input:focus{ outline:none;background-color: none;}

.txt_code{ display: none;}
.txt_code p{float: left}

.txt_code a{ display: inline-block; float: left; margin:3px 0 0 19px;   }
.txt_code a img{ display: inline-block; width:69px; height:25px; float:left; }


.link_login{ display: block; width: 126px; height: 65px; position: absolute; background: url(../img/iconMap.png) no-repeat 0 0; top: 0; left:203px; text-indent: -9999em;}
.link_login:hover{ background-position: 0 -66px;}

.login_cookie{padding:0 63px 0 0;width:239px; height: 25px; font-size: 12px; line-height: 25px;}
.login_cookie label{ color: #cbc2aa; float: left;}
.login_cookie input{ float: left; margin: 6px 5px 0 17px; *margin: 10px 5px 0 17px;}
.login_cookie a{ float: right; color: #cbc2aa;}
.login_cookie a:hover{color:#fff;}

.login_other{width:320px;margin:6px 0 0 -46px;padding-left:46px;height:35px;text-align: right;font-size: 12px; color: #cbc2aa;background:url(../img/login_other.png) no-repeat;}
.login_other span{ display: inline-block; float: left; padding: 6px 0px 0 0;}
.login_other .logi{ width: 18px; height: 18px;float: left; display: inline-block; margin:8px 0 0 8px;background: url(../img/iconMap.png) no-repeat;border-radius:2px;}
.login_other .logi-sina {    background:#f55540 url(http://pic.youzu.com/common/reg_login/images/denglu/icon_third_login_sina.png) no-repeat  50% 50% ;   border-radius:2px; }
.login_other .logi-sina:hover  {   background:#e72e16 url(http://pic.youzu.com/common/reg_login/images/denglu/icon_third_login_sina.png) no-repeat  50% 50% ;   }
.login_other .logi-qq {    background:#518bda  url(http://pic.youzu.com/common/reg_login/images/denglu/icon_third_login_qq.png) no-repeat 50% 50% ;  border-radius:2px;  }
.login_other .logi-qq:hover  {   background:#518bda  url(http://pic.youzu.com/common/reg_login/images/denglu/icon_third_login_qq.png) no-repeat  50% 50% ;   }

.login_other .logi-wx{background-position:-142px -36px;background-color: #90db40;}
.login_other .logi-wx:hover{background-color: #a1ed50;}


.login_other .link_reg{display: none;}

.logout_box{height: 137px;}
/*.login_box_2{margin-bottom:16px;}*/
.logout_user{ border-bottom: 1px solid #251c19; font-size: 12px; color: #ccc; height: 25px; line-height: 25px;width:282px;margin:0 26px;}
.logout_user .hightlight{ color: #c8a758; font-weight: bold; padding-right: 5px;}
.logout_user span{ display: inline-block; float: left;}
.logout_user a{ color: #c5b9ab; font-weight: bold; display: inline-block; float: right;}
.logout_box .linkText #moreGame{ color: #d3bf8a;}
.logout_box .linkText #moreGame:hover{color: #fff;}

.logout_link{ text-align: center; padding-top:8px; font-size: 12px; color: #d3bf8a;float: left;margin-left:11px;c}
.logout_link a{ color: #d3bf8a;}

.logout_status{ font-size: 12px; height: 55px; padding-top: 5px;width:282px;margin:0 26px;border-top: 1px solid #634825;}
.logout_status li{ margin-top:3px;}
.logout_box .logout_status .textTip{ display: inline-block; float: left; color: #c5b9ab;}
.logout_box .logout_user label{ color: #c5b9ab;}
.textTip span{ }
.linkText .textTip a{ color: #d3bf8a;}

#last_server a{ color: #d3bf8a;}

.linkText .textTip a:hover,#last_server a:hover{color: #fff;}
.logout_status .more{ display: inline-block; float: right; color: #d3bf8a; text-decoration: underline;}
.logout_status .more:hover{color: #fff;}

.notes_txt{position: absolute; color: #c5b9ab; font-size: 12px; z-index: 9999;}


.warn_account,.warn_password,.warn_auto,.warn_verifycode{display: none;color: #c4b9ab;background: url(../img/iconMap.png) no-repeat 0 -242px;width: 151px; height: 15px; top:36px; left:17px; padding:5px 14px;line-height:15px;}
.warn_password{top:73px;left:0;}
.warn_auto{background-position:0 -268px;width:292px;top:100px;left:-13px;}
.warn_verifycode{top:100px;left:-10px;}

.notes_txt i{ position: absolute; font-size: 14px; color: #745b3d; font-style: inherit;}
.warn_auto i{ top: -13px; left: 29px;}
.warn_password i{ top: -13px; left: 29px;}
.warn_account i{ top: -13px; left: 29px;}
.warn_verifycode i{ top: -13px; left: 29px; }

.logout_btn{float: left;width:142px;}
.logout_btn a{display: block; width: 142px; height:37px; background: url(../img/iconMap.png) no-repeat 0 -132px; text-indent: -9999em;}
.logout_btn a:hover{ background-position:0 -170px;}