body,div,h2,p,em,img,li,ul,label,button,input,a,span,i {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
ul {
    list-style: none
}
a {
    display: inline-block;
    text-decoration: none;
}
a:focus {
    outline: none
}
input,button,img {
    border: 0;
    outline: none;
    font-size: 100%;
}
em,i {
    font-style: normal;
}
img {
    vertical-align: middle;
}
body {
    font-family: "微软雅黑";
}
.clearfix:after{
  content: "020"; 
  display: block; 
  clear: both; 
  height: 0;
  visibility: hidden;  
  }

.clearfix {
  /* 触发 hasLayout */ 
  zoom: 1; 
  }
  
/*! 遮罩层 */  
 .mask{
     width: 100%;
     height: 100%;
     position: fixed;
     left: 0;
     top: 0;
     background: rgba(0,0,0,0.7);
     display: none;
     z-index: 999;
 } 
 
.float_left{
    float: left;
    display: inline-block;
}
.float_right{
    float: right;
    display: inline-block;
}
.w_container{
	width: 860px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	background: url(images/w_bg.png) no-repeat;
	background-size: 100% 100%;
	padding: 20px;
	overflow: hidden;
	display: none;
	z-index: 9999;
}
.w_til{
	font-size: 25px;
	color: #353534;
	margin-bottom: 30px;
	line-height: 48px;
	font-weight: normal;
}
.w_container .close{
	width: 60px;
	height: 60px;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(images/close.png) no-repeat;
	background-size: 100%;
}
.w_inner{
	width: 450px;
	margin: 50px auto;
}
.w_inner .rows{
	width: 100%;
    margin: 24px auto;
    position: relative;
}
.w_inner label{
	color: #000000;
	font-size: 20px;
	line-height: 40px;
	margin-right: 10px;
}
.w_inner .label_w{
	width: 80px;
}
.w_inner input{
	width: 270px;
	height: 40px;
    border: 2px solid #B4B4B3;
    border-radius: 3px;
    font-size: 16px;
    padding: 0 5px;
}
.w_inner .ipt_w{
	width: 135px;
}
.w_inner .tip{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	position: absolute;
	left: 365px;
	top: 0;
	color: #f43641;
	background: url(images/tag_wrong.png) left center no-repeat;
	padding-left: 36px;
}
.w_inner .sel{
	width: 168px;
	position: relative;
	margin-right: 125px;
}
.w_inner .tag_down{
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0px;
	top: 0;
	background: url(images/btn_down.png) no-repeat;
}
.w_inner .sel_ul{
	width: 100%;
	position: absolute;
	top: 40px;
	left: 0;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	z-index: 9;
	line-height: 30px;
	font-size: 16px;
	display: none;
}
.w_inner .sel_ul li{
	padding-left: 5px;
	
}
.w_inner .sel_ul li:hover{
	background-color: #C8C8C8;
}
.w_inner .btn_login{
	width: 130px;
	height: 34px;
	margin: 0 60px;
	background: url(images/btn_login.png) no-repeat;
}
.w_inner .btn_login:hover{
	background: url(images/btn_login_s.png) no-repeat;
}
.w_inner .link_a{
	padding: 15px 0;
}
.w_inner .reg,.w_inner .forget{
	color: #0075a9;
	line-height: 32px;
}
.w_inner .reg{
	font-size: 20px;
}
.w_inner .forget{
	font-size: 16px;
	text-decoration: underline;
}
.w_inner .verify_code{
	width: 135px;
	height: 40px;
	position: relative;
}
.w_inner .v_code{
	width: 100px;
	height: 40px;
	border: 2px solid #B4B4B3;
}
.w_inner .btn_refresh{
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0px;
	top: 0;
	background: url(images/reload.png) no-repeat;
}
.w_inner .btn_get{
	width: 128px;
	height: 34px;
	position: absolute;
	top: 3px;
	right: 91px;
	background:url(images/btn_get.png) no-repeat;
}
.w_inner .btn_get:hover{
	background:url(images/btn_get_s.png) no-repeat;
}
.w_inner .btn_reg{
	width: 130px;
	height: 34px;
	background: url(images/btn_reg.png) no-repeat;
	display: block;
	margin: 40px auto;
}
.w_inner .btn_reg:hover{
	background: url(images/btn_reg_s.png) no-repeat;
}

.w_inner .btn_mod{
	width: 130px;
	height: 34px;
	background: url(images/update.png) no-repeat;
	display: block;
	margin: 40px auto;
}
.w_inner .btn_mod:hover{
	background: url(images/update_s.png) no-repeat;
}

.v_code img{
	height: 100%;
}
.w_server .sel_ul{
	max-height: 260px; 
	overflow-y: auto; 
	display: block;
}

/*礼包/邀请码*/
.w_container_code{
	width: 650px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    z-index: 9999;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px #999999;
    border-radius: 5px;
    display: none;
    padding: 30px 0;
}
.w_container_code .w_code{
	width: 630px;
    height: 40px;
    font-size: 25px;
    background-color: #7d7d7d;
    border: 2px solid #7d7d7d;
    margin: 10px auto 20px;
    border-radius: 5px;
}
.w_container_code .w_code label {
    width: 25%;
    height: 100%;
    color: #FFFFFF;
    text-align: center;
}
.w_code_num {
    width: 75%;
    height: 100%;
    border-radius: 5px;
    padding-left: 5px;
}
.w_select_con {
    width: 630px;
    margin: 0 auto;
}
.w_select_item{
	width: 149px;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    position: relative;
}
.w_select_item input{
	width: 100%;
    height: 100%;
    font-size: 25px;
    color: #323231;
    padding-left: 6px;
    cursor: pointer;
    background: url(images/box_down.png) no-repeat;
}
.w_select_item input:hover{
	background: url(images/box_down_s.png) no-repeat;
}
.w_select_all{
	width: 100%;
    position: absolute;
    left: 0;
    top: 38px;
    background-color: #FFFFFF;
    border: 2px solid #ffa200;
    border-radius: 5px;
    display: none;
}
.w_select_all li{
	color: #323231;
    padding-left: 5px;
    font-size: 20px;
    cursor: pointer;
}
.w_select_all li:hover{
	background-color: #cfcfcf;
}
.w_btn_sub{
	width: 149px;
    height: 40px;
    line-height: 36px;
    background-color: #ffd800;
    border: 2px solid #ffa200;
    color: #FFFFFF;
    font-size: 25px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}
.w_btn_sub:hover{
	background-color: #ffb400;
}