body{
  margin: 0px auto; 
  padding:0; 
  font-family:"微软雅黑",arial,Verdana; 
  font-size:12px; 
  background:#f7f7f7;
  }
h1,p{
  margin:0px; 
  padding:0px;
  }
form,ul,li,div{
  list-style:none;
  padding:0px;  
  margin:0px;
  }
input{
  font-size: 12px;
  verticasl-align: middle; 
  margin:0px; 
  padding:0px;
  }
table{
  border-collapse:collapse;
  }
a{
  color:#fff; 
  text-decoration:none;
  font-family:"微软雅黑";
  }
a:hover{
  text-decoration:none;
  }  
img{
  border:0;
  }
.clear{
  clear:both;
  }
.fl{
  float:left;
}
.fr{
  float:right;
}
.f14{
  font-size:14px;
}
.f16{
  font-size:16px;
}
.m15{
  margin-bottom:15px;
}
.m58{
  margin-bottom:58px;
}
.m102{
  margin-bottom:102px;
}
.w998{
 width:998px;
 margin:0 auto;
 padding:0px;
}
.head{
  height:59px;
  color:#666666;
  font-family:"微软雅黑";
  padding:21px 0px 20px 0px;
  height:39px;
  line-height:39px;
  border-bottom:1px solid #e3e3e3;
  background:#fff;
 }
.head .logo{
  width:375px;
 } 
.head-name{
  display:block;
  margin-left:18px;
  font-size:22px;
  border-left:1px solid #cccccc;
  height:30px;
  line-height:30px;
  padding-left:17px;
  margin-top:4px;
} 
.register-button,.login-button,.home{
  display:inline-block;
}
.login-button{
   width:47px;
   text-align:center;
   height:28px;
   line-height:28px;
   background:#eb6100;
   border-radius:2px;
   cursor:pointer;
   margin:0px 10px 0px 5px;
}
.login-button:hover{
   background:#f39800;
}
.register-button{
   width:47px;
   text-align:center;
   height:28px;
   line-height:28px;
   background:#fff;
   cursor:pointer;
   margin:0px 10px 0px 5px;
   color:#eb6100;
   border-radius:2px;
   border:1px solid #cdcdcd;   
}
.register-button:hover{
   text-decoration:underline;

}
.home{
   color:#666;
   background:url(https://account.tingyun.com/reg/static/images/line.png) left no-repeat;
   background:url(../image/icon.png) 0px -216px no-repeat;
   padding-left:10px;
}
.home:hover{
  color:#00a0e9;
  text-decoration:underline;
} 
.agree{
   display:inline-block;
   padding-left:5px;
   color:#666;
   font-size: 13px;
}
.register-home{
  color:#00a0e9;
  text-decoration:underline;
}
 
.login{
  width:342px;
  min-height: 580px;
  margin:0 auto;
}
.login form{ 
  width:342px;
  border:1px solid #e0e0e0;
  border-radius:2px;
  padding-bottom:30px;
  box-shadow:0px 20px 15px -15px #cdcdcd;
  background:#fff; } 
h1{
  height:46px;
  line-height:46px;
  font-size:20px;
  text-align:center;
  color:#737373;
  border-bottom:1px solid #d7d7d7;
  font-family:"微软雅黑";
  font-weight:normal;
  background:#f7f7f7;
} 
.content-wrapper{
  padding:30px 32px 32px 34px;
  margin:0 auto;
}
.content-wrapper .login-input{
  color:#999999;
  border:1px solid #cccccc;
  width:274px;
  height:39px;
  line-height:39px; 
  margin-bottom:20px; 
  position: relative;
}
.content-wrapper .login-input input{
  color:#999999;
  font-family:"微软雅黑";
  font-size:14px;
  padding-left:40px;
}
.user{ 
  height:39px;
  line-height:39px; 
  width:234px;
  background:url(../image/user.png) 0px 0px no-repeat;    
  border:none; 
}
.password{
  height:39px;
  line-height:39px; 
  background:url(../image/user.png) 0px -39px no-repeat; 
  margin-bottom:15px;
  width:234px;
  border:none; 
} 
.checkbox{
  vertical-align:middle;
}
.label{
  color:#999999;
  font-size:12px;
} 
.forget{
  color:#3082c5;
} 
.submit{
  width:100%;
  margin-top:24px;
  margin-bottom: 30px;
  text-align:center;
  height:44px;
  line-height:44px;
  background:#00a0e9;
  color:#fff;
  font-family:"微软雅黑";
  font-size:16px;
  border:none;
  border-radius:2px;
  cursor:pointer;
}
.submit:hover{
  opacity: 0.8;
}
.other{
  background:url(../image/icon.png) 0px -255px no-repeat;
  text-align:center;
  height:21px;
  line-height:21px;
  font-size:13px;
  color:#7c7c7c;  
  font-family:"微软雅黑";
} 
.website{
  margin-top:30px;
  padding-left: 25px;
} 
.website li{
  height:19px;
  background:url(../image/wbg.png) right center no-repeat;
  padding-right: 15px;
  padding-left:12px;
}
.website li:first-child{
  padding-left: 0px;
}
.website li:last-child{
  background:none;
  padding-right: 0px;
}
.foot{
  width:910px;
  text-align:center;
  margin:0 auto;
  border-top:1px solid #e5e5e5;
  padding:36px 0px 52px 0px;
  color:#999999;
  font-size:12px;
  font-family:"微软雅黑";
}
.foot span{
  display:inline-block;
  margin-right:15px;
} 
.register{
 background:#fff;
 border-radius:2px;
 box-shadow: 0  0 2px 2px #eee;
 padding-bottom: 90px;
} 
.register .register-word{
   padding-top: 65px;
   padding-bottom: 55px;
   text-align: center;
   color: #585858;
   font:16px "微软雅黑";
 }
.register-content{
 padding-left: 340px;
} 
.word{
 font-family:"微软雅黑";
 font-size:14px;
 color:#666666;
 border-left:1px solid #cccccc;
 padding-left:15px;
 min-height:408px;
 line-height:1.8;
}
.current{
 border-bottom:2px solid #00a0e9;
}
.circle span{
  display:block;
  height:40px;
  line-height:40px;
  width:40px;
  background:#34bfff;
  text-align:center;
  border-radius:25px;
  color:#FFFFFF;
  font-size:22px;
  margin:0 auto;
}
.current .circle span{
   background:#00a0e9;
}
.before span{
 background:#00a0e9;
}
.word span{
 color:#eb6100;
}
.register-content .re-label{
 display:block;
 font-family:"微软雅黑";
 font-size:16px;
 color:#666666;
 width:48px;
 text-align:left;
}
.text{
 border:1px solid #cccccc;
 padding-left:10px;
 width:300px;
 height:39px;
 line-height:39px;
 color:#999999;
 font-family:"微软雅黑";
} 
.method{
 border:1px solid #cccccc;
 width:300px;
 height:39px;
 line-height:39px;
 color:#999999;
 font-family:"微软雅黑";
} 
.number{
 width:312px;
 height:39px;
 line-height:39px;
 color:#999999;
 float:left;
}
.tel{
  font-family:"微软雅黑";
  width:184px;
  border:1px solid #cccccc;
  padding-left:10px;
  height:39px;
  line-height:39px;
  color:#999999;
  outline:none;
}
.tel-text{
  border:1px solid #cccccc;
  width:104px;
  height:39px;
  line-height:39px;
  color:#999999;
  float:left;
}
.tel-select{
    width:75px;
    float:left;
    padding-left:10px;
    border:none;
    height: 39px;
    line-height: 39px;
    color: #999;
    font-family: "微软雅黑";
    outline:none;
}
.category-text{
    border:1px solid #cccccc;
    width:310px;
    height:39px;
    line-height:39px;
    color:#999999;
    float:left;
}

.category-select{
    width:285px;
    float:left;
    padding-left:10px;
    border:none;
    height: 39px;
    line-height: 39px;
    color: #999;
    font-family: "微软雅黑";
    outline:none;
}


.select{
  width:285px;
}
.down{
  display:block;
  padding-right:5px;
  background:url(../image/icon.png) 0px -136px  no-repeat;
  width:10px;
  height:39px;
}
.eye{
  display:block;
  padding-right:5px;
  background:url(../image/icon.png) 0px -276px  no-repeat;
  /**background:url(../image/icon.png) 0px -315px  no-repeat;**//**暗码图标**/
  width:16px;
  height:39px;
}
.email-ts{
  display:block;
  margin-left:10px;
  background:url(../image/icon.png) 0px -354px  no-repeat;
  /**background:url(../image/icon.png) 0px -315px  no-repeat;**//**暗码图标**/
  width:16px;
  height:39px;
}
/*.register-content > div{
 margin-bottom:20px;
}*/
.register-content > div > span{
  height:41px;
  line-height:41px;
}
.re-checkbox{
  color:#666666;
  font-family:"微软雅黑";
  font-size:12px;
}
.re-checkbox input{ 
  vertical-align:middle;
}
.r-icon{
  width:15px;
  height:41px;
  margin-left:10px;
  background:url(../image/icon.png) 0px -54px no-repeat;
}
.w-icon{
  height:41px;
  line-height:41px;
  margin-left:10px;
  background:url(../image/icon.png) 0px -95px no-repeat;
  padding-left:20px;
  color:#999999;
}
.r-icon img{
   position:absolute; 
   clip:rect(-54px -95px 15px 0px);
}
 .next a{
  display:block;
  background:#00a0e9;
  width:310px;
  text-align:center;
  font-family:"微软雅黑";
  font-size:18px;
  color:#fff;
  height:49px;
  line-height:49px;
  border-radius:2px; 
}
.next a:hover{
  opacity: 0.8;
}
 
.notice{
  font-family:"微软雅黑";
  color:#999999;
  margin-bottom:75px;
} 
.w184{
  width:184px;
}

.fs-button{
  margin-left:12px;
  width:104px;
  height:41px;
  line-height:41px;
  color:#fff;
  background:#00a0e9;
  text-align:center;
}
.fs-button:hover{
  opacity: 0.8;
}
.yz-img{
  margin-left:12px;
}
.yz-img img{
  width:112px;
  height:38px;    
}
.yz-jz{
 margin-left:10px;
 background:url(../image/icon.png) 0px -175px no-repeat;
 width:22px;
 height:41px;
}
.w-message{
  font-size:12px;
}
.no-border{
  border:none;
}
.yz-button{
  margin-left:85px;  
  margin-top:20px;
}
.yz-button a{
  display:block;
  width:310px;
  height:48px;
  line-height:48px;
  text-align:center;
  color:#fff;
  background:#00a0e9;
  font-size:18px;
  border-radius:2px;
 }
.yz-button a:hover{
  background:#009be1;
}
.w308{
 width:308px;
}
.register-three{
 padding:135px 0 0 350px;
}
.register-three p{
  font-family:"微软雅黑";
}
.success{
 background:url(../image/icon.png) 20px -393px no-repeat;
 height:42px;
 line-height:42px;
 margin-bottom:25px;
 font-size: 22px;
 color: #41b979;
 padding-left: 30px;
}
.register-three .turn{
 color:#666;
}
.register-three .turn span{
 color:#fb702c;
}
.radio-wz{
 display:inline-block;
 margin-right:15px;
 margin-left:5px;
}
.codes-text{
  width:100%;
  border:none;
  height:39px;
  line-height:39px;
  color:#999;
  font-family:"微软雅黑";
  outline:none;
}
.codes-ts{
  color: #ec5257;
  font-size:12px;
  font-family:"宋体";
  margin-bottom:10px;
  margin-top:-10px;
}
.cf-button{
  margin-left:12px;
  display: block;
  width:102px;
  text-align:center;
  border: 1px solid #ccc;
  background: #f7f7f7;
  font:14px "微软雅黑";
  height: 39px;
  line-height:39px;
  color: #999;
  

}
.email-text{
  width:100%;
  border:none;
  height:39px;
  line-height:39px;
  color:#999;
  font-family:"微软雅黑";
  outline:none;
}

.password-text{
  width:275px;
  border:none;
  height:39px;
  line-height:39px;
  color:#999;
  font-family:"微软雅黑";
  outline:none;
}
.w500{
   width:550px;
}
.choose-down{
 display:block;
 width:310px;
 border:1px solid #cccccc;
 border-top:none;
 color:#999;
 font:12px "微软雅黑";
 position:relative;
 z-index:500;
 margin-left:48px;
 margin-top:-5px; 
 background:#fff;
 text-indent:10px;
}
.choose-down ul{
 width:100%;
 position:absolute;
 top:0px;
 border:1px solid #cccccc;
 border-top:none;
 z-index:510px;
 background:#fff;
 left:-1px;

}
.choose-down ul li{
  height:30px;
  line-height:30px;
  cursor:pointer;
}
.choose-down ul li:hover{
  background:#3598db;
  color:#fff;
}
/*手机号选项*/

.tel-choose-down{
 width:104px;
 border:1px solid #cccccc;
 border-top:none;
 color:#999;
 font:12px "微软雅黑";
 position:relative;
 z-index:502;
 margin-top:1px;
 background:#fff;
 text-indent:10px;
 float:left;
 margin-bottom:0;
 left:-1px;
}
.category-choose-down{
    width:310px;
}
.category-choose-down ul{
    height:250px;
    overflow-y: scroll;
}
.tel-choose-down ul{
 width:100%;
 position:absolute;
 top:0px;
 border:1px solid #cccccc;
 border-top:none;
 z-index:510px;
 background:#fff;
 left:-1px;

}


.tel-choose-down ul li{
  height:30px;
  line-height:30px;
  cursor:pointer;
}
.tel-choose-down ul li:hover{
  background:#3598db;
  color:#fff;
}
/*手机号选项结束*/
.agree:hover{
   text-decoration:underline;
}
.agree-wrong{
   color:#ff0000;
}
.w310{width:310px;font-family:"微软雅黑";margin-top:20px;}
.register-login{
  font-size: 13px;
  color: #666;
}
.register-login a{
 color: #00a2e6; 
}
.register-login a:visited{
 color: #00a2e6; 
}
.register-login a:hover{
  text-decoration: underline;
}
.register-success{
  width:320px;
  text-align: center;
}
.hy-word{
  font-size: 14px;
  color: #666;
  font-family: "微软雅黑";
  margin-bottom: 28px;
}
.success-button{
  margin-bottom: 100px;
}
.success-button a{
  display: inline-block;
  background: #00a0e9;
  border-radius: 2px;
  padding:0px 25px;
  height: 33px;
  line-height: 33px;
  font-size: 14px;
}
.success-button a:first-child{
  margin-right: 10px;
}
.success-button a:hover{
  opacity: 0.8;
}
.user-wrong{
  display: block;
  color:#ff0000;
  position: absolute;
  right:5px;
}
.m85{margin-top: 85px;}
.wrong-border{border:1px solid #ec5257;}
.eng{
   color:#666;
   padding-left:10px;
}
.eng:hover{
  color:#00a0e9;
  text-decoration:underline;
}
.m20{margin-bottom:20px;}
input::-ms-clear{display: none;}
input::-ms-reveal{display: none;}
.eye-no{
	background:url(../image/icon.png) 0px -315px  no-repeat;
}