body{font-family:"微软雅黑";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,from{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;}
button, textarea {outline: 0;border: 0;padding: 0;margin: 0;margin-left: 0px;}
.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;}
.clear{ clear: both;}

.wrapper{ width: 1000px; margin: 0 auto;}
.lt{ float: left;}
.rt{ float: right;}
.none{ display: none;}

/*LogIn*/
.LogIn{ background: url(../img/logBG.jpg?01) no-repeat; height: 338px; position: relative;}
.LogIcon{ position: absolute; background: url(../img/icon.png?01) no-repeat; top: -3px; left: -16px; height: 19px; width: 276px;}
.btn_gameStar{ width: 250px; height: 154px;}


.UserLoginKuang_bg{ width: 250px; height: 159px;}
.login_box{ padding: 18px 24px 0 23px; position: relative; height: 146px;}

.logIpt p{ width: 123px; height: 30px; background: #fff;}
.logIpt p input,.txt_code p input{ border: none; width: 113px; height: 30px; padding-left: 10px; line-height: 30px; font-size: 12px; color: #000;}
.txt_account input{ }
.txt_account{ margin-bottom: 10px;}
.txt_password input{ }

.txt_code{ display: none;}
.txt_code p{ display: inline-block; float: left; margin-top: 8px; width:100px; padding:0; background:none;}
.txt_code p input{ background: #DEAD9F;  }
.txt_code a{ display: inline-block; float: left; margin: 8px 0 0 19px;   }
.txt_code a img{ display: inline-block; width:66px; height:28px; float:left; }
#verifycode {  width: 90px!important;  }
#toClickverifycode {float: right;margin: 8px 0 0 0px;}
#loginCodeImg{height: 30px; }
.link_login{ display: block; width: 72px; height: 72px; position: absolute; background: url(../img/iconMap.png?01) no-repeat -59px -39px; top: 16px; right: 24px; text-indent: -9999em;}
.link_login:hover{ background-position: -150px -39px;}

.login_cookie{ border-bottom: 1px solid #46626d; height: 54px; font-size: 12px; line-height: 54px;}
.login_cookie label{ color: #ccc; float: left;}
.login_cookie input{ float: left; margin: 21px 5px 0 0; *margin: 17px 5px 0 0;}
.login_cookie a{ float: right; color: #ccc;}

.login_other{ text-align: right; position: relative;  padding: 6px 0 0 80px; font-size: 12px; color: #ccc;}
.login_other span{ display: inline-block; float: left; padding: 5px 0px 0 0;}
.login_other .link_reg{ position: absolute; right: 154px; top: 0; width: 60px; padding: 10px 0 0 0; color: #ccc;}
.login_other .logi{ width: 23px; height: 23px; display: inline-block; margin: 5px 0 0 0;}
.login_other .logi-17173{ background: url(../img/icon2.jpg?01) no-repeat;}
.login_other .logi-sina{ background: url(../img/icon3.jpg?01) no-repeat;}

.logout_box{ padding: 13px 24px 0 23px; height: 151px;}
.logout_user{ border-bottom: 1px solid #46626d; font-size: 12px; color: #ccc; height: 30px; line-height: 30px;}
.logout_user .hightlight{ color: #facc5e; font-weight: bold; padding-right: 5px;}
.logout_user span{ display: inline-block; float: left;}
.logout_user a{ color: #ccc; font-weight: bold; display: inline-block; float: right;}
.logout_box .linkText #moreGame{ color: #fefbfb;}

.logout_link{ text-align: center; padding-top: 10px; font-size: 12px; color: #ccc;}
.logout_link a{ color: #ccc;}

.logout_status{ font-size: 12px; height: 55px; padding-top: 5px;}
.logout_status li{ margin-top: 5px;}
.logout_box .logout_status .textTip{ display: inline-block; float: left; color: #ccc;}
.logout_box .logout_user label{ color: #ccc;}
.textTip span{ font-weight: bold;}
.linkText .textTip a{ color: #ccc;}
#last_server a{ color: #00ffff;}
.logout_status .more{ display: inline-block; float: right; color: #ccc; text-decoration: underline;}

.notes_txt{ display: none; position: absolute; color: #e0e0e0; font-size: 12px; z-index: 9999;}
.warn_password,.warn_verifycode{ background: #0f7ea2; width: 113px; height: 15px; top: 83px; left: 23px; padding: 5px;}
.warn_verifycode{ top: 132px; height:30px; }
.warn_auto{ background: #0f7ea2; width: 160px; top: 127px; left: 21px; padding: 5px; line-height: 18px;}
.warn_account{ background: #0f7ea2; width: 63px; height: 13px; top: -5px; left: 23px; padding: 5px;}

.notes_txt i{ position: absolute; font-size: 14px; color: #0f7ea2; font-style: inherit;}
.warn_auto i{ top: -15px; left: 1px;}
.warn_password i{ top: -15px; left: 1px;}
.warn_account i{ bottom: -13px; left: 1px;}
.warn_verifycode i{ top: -15px; left: 1px; }

.logout_btn a{ display: block; width: 203px; height: 34px; background: url(../img/iconMap.png?01) no-repeat -840px -39px; text-indent: -9999em;}
.logout_btn a:hover{ background-position: -605px -39px;}
.login_other {    padding: 6px 0 0 60px;}
.login_other .logi {     width: 18px;    height: 18px; vertical-align:middle;  margin: 5px 0 0 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:#2774dc url(http://pic.youzu.com/common/reg_login/images/denglu/icon_third_login_qq.png) no-repeat  50% 50% ;   }

.login_other .logi-weixin {    background:#05af10 url(http://pic.youzu.com/common/reg_login/images/denglu/icon_third_login_weixin.png) no-repeat 50% 50% ;  border-radius:2px;  }
.login_other .logi-weixin:hover  {  background:#1b8622 url(http://pic.youzu.com/common/reg_login/images/denglu/icon_third_login_weixin.png) no-repeat  50% 50% ;   }
.loginGame{width: 207px;height: 72px;display: block;}
.loginGame.checked{background: url(../img/loginnew.png) no-repeat;cursor: pointer;}
.userCenter{overflow: hidden;}
.userLogo{width: 64px;height: 64px;float: left;margin-right: 10px;}
.userLogo a{width: 64px;height: 64px;float: left;}
.userLogo a img{width: 64px;height: 64px;}
.userinfo{float: left;width: 130px;}
.userId{float: left;color: white;width: 100px;overflow: hidden;}
.outLogin.ali213SSO-logout{font-size: 12px;float: left;margin-left: 150px;background: transparent;color: #74838A;cursor: pointer;outline: 0;border: 0;padding: 0;margin: 0;}
.recharge{color: white;background: #BFB472;padding: 3px 10px;border-radius: 5px;margin-top: 15px;float: left;margin-right: 5px;}
.personCenter{color: white;background: #BFB472;padding: 3px 10px;border-radius: 5px;margin-top: 15px;float: left;}
.hasPlayed{display: block;overflow: hidden;border-top: 1px solid black;margin-top: 5px;}
.hasPlayed p{width: 100%;display: block;overflow: hidden;color: gray;}
.hasPlayed p a{color: #F2E8AA;float: right;}
.hasPlayed>a{width: 205px;float: left;background: url(../img/icon13.png) 0px 143px;height: 36px;line-height: 36px;text-indent: 40px;color: white;}
.hasPlayed>a+a{background: url(../img/icon13.png) 0px 107px;}
.qq{display: inline-block;width: 20px;height: 20px;background: url(../img/b2.png) no-repeat;margin-right: 5px;cursor: pointer;background-size: cover;}
.wx{display: inline-block;width: 20px;height: 20px;background: url(../img/b3.png) no-repeat;margin-right: 5px;cursor: pointer;background-size: cover;}
.wb {display: inline-block;width: 20px;height: 20px;background: url(../img/b4.png) no-repeat;cursor: pointer;background-size: cover;}