@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{font-size: 10px; color:#444; min-height:400px;background:#fff center center no-repeat;}
a {text-decoration: none;color: #666;-webkit-tap-highlight-color: transparent;}i, em {font-style: normal;}
img {vertical-align: middle; border:none;}li{ list-style:none;}
input, select, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.wrapBox{ width:100%;min-width:320px;max-width:640px; background-color:#655153; margin:0 auto;}


#index {
  position: fixed;top:0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;
  background-size: 100%;
  background-image: url(../images/bg.jpg);
  background-repeat: no-repeat;
}
.header,.header .header-back,.header h1{
  height: 50px;
  line-height: 50px;
}
.header{ width:100%;position: relative; margin-bottom:20px;}
.header .header-back { position:absolute; top:0; left:15px;;}
.header .header-back .icon-back {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-top: 2px solid #666;
  border-left: 2px solid #666;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.header h1{text-align:center; color:#fff;font-size:1.4rem;margin: auto 0;}

.table-view.active {
  display: block;
}
.table-view {
  display: none;
  margin: 21px 20px 0 20px;
  background-color: rgba(255,255,255,0.8);
  border-radius: 4px;
  overflow: hidden;
  padding: 0 1px;
}
.table-view .table-cell {
  position: relative;
  padding: 14px 0;
  color: #999;
  font-size: 14px;
}
.table-view .table-cell:not(:last-of-type) {
  border-bottom: 1px solid #d4d4d4;
}
.table-view .table-cell .icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-left: 10px; margin-right:5px;
  position: relative;
  top: 6px;
}
.table-view .table-cell .icon.user {
  background: url(../images/user.png) no-repeat 0 0; background-size:20px;
}
.table-view .table-cell .icon.psw {
  background: url(../images/password.png) no-repeat 0 0; background-size:20px;
}
.table-view .table-cell input {
  outline: 0;
  background-color: rgba(255,255,255,0);
  line-height:30px;
  color: #333;
}
.table-view .table-cell input {
  min-width: 185px;
}
.free-login {
  margin: 12px 32px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #fff;
}
.free-login .find {
  float: right;
  color: #fff;
}
.login-btn{ margin: 0 20px;}
.login-btn input,.login-btn a{ width:100%;
  display: block;
  color: white;
  font-size: 14px; 
  text-align: center;
  border-radius: 6px;
  height: 40px;
  line-height: 40px;
}
.login-btn input{
  background-color: #33bd61; margin-bottom:15px;
}
.login-btn a{background:#C60;}
.login3 .login3_title{ height:24px;background:url(../images/login3_title.png) center center no-repeat; margin:15px 0;}
.login3_con{width:165px; margin:0 auto;}
.login3 a{ display:inline-block;width:40px; height:40px; font-size:0; margin: 0 5px;overflow:hidden;}
.login3 .loginqq{ background:url(../images/label_qq.png) no-repeat; background-size:40px;}
.login3 .loginsina{ background:url(../images/label_weibo.png) no-repeat; background-size:40px;}
.login3 .loginweixin{ background:url(../images/label_weixin.png) no-repeat; background-size:40px;}

/*** 注册 *******/
.table-view .table-cell .icon.psw {
  background: url(../images/password.png) no-repeat 0 0; background-size:20px;
}

.table-view .table-cell .icon.tel {
  background: url(../images/tel.png) no-repeat 0 0; background-size:16px;
}
.table-view .table-cell .icon.captcha {
  background: url(../images/captcha.png) no-repeat 0 0;background-size:16px;
}
.table-view .table-cell .icon.password {
  background: url(../images/password.png) no-repeat 0 0;background-size:16px;
}