@charset "utf-8";
/* CSS Document */


.warp{width:380px; margin:4% auto 0 auto;}
.logo{width:290px;height:auto; margin:0 auto;}
.logo img{ width:100%; height:auto; }
.loginbox{width:380px; background-color:rgba(53,41,43, 0.5);border:1px #bdbdbd solid;margin-top:44px;}
.cd-user-modal-container{ position: relative;
  width: 382px;
 
  overflow:hidden;}
.cd-user-modal-container .cd-switcher:after {
  content: "";
  display: table;
  clear: both;
}
.cd-user-modal-container .cd-switcher li {
  width: 100%;
  float: left;
  text-align: center;margin-top:35px;font-family:Microsoft YaHei; font-size:14px;cursor: pointer; padding-bottom:15px;
}
.cd-user-modal-container .cd-switcher li:first-child a {
  text-decoration:none
}
.cd-user-modal-container .cd-switcher li:last-child a {
  text-decoration:none
}
.cd-user-modal-container .cd-switcher a {
  display: block;
  width: 100%;
  line-height: 20px;
  color: #bdbdbd;
}
.cd-user-modal-container .cd-switcher li :hover{ color: #fff;}

.cd-user-modal-container .cd-switcher li a:link#current, .cd-user-modal-container .cd-switcher li a:visited#current { color:#ffffff;}


.list{width:318px; margin:15px auto;}
.listinp{ width:298px; height:38px;padding:0px 10px; border:1px #999999 solid; font-size:14px; color:#fff; background-color:rgba(31,27,24,0.7);}
.listinp::-webkit-input-placeholder { /* WebKit browsers */color:#999;}
.listinp:-ms-input-placeholder { /* Internet Explorer 10+ */color:#999;}
.listinp:focus{ border:1px solid #fff;color:#ffffff;}
input{outline:none;}
.listbox{ width:320px; margin:0 auto; font-family:Microsoft YaHei; border-top:1px #bdbdbd solid;text-decoration:none;}
.forget{ float:right; font-size:13px; color:#bdbdbd; margin-top:15px; margin-right:0px; width:90px;}
.remember{ float:left; font-size:13px;  margin:15px auto; color:#ffffff;}
.rememberbox{ margin-right:5px;}
.remember:hover, .forget:hover {text-decoration:none;}
.forget:hover{ color:#FFFFFF;}
.qqlogin{ width:20px; height:20px; background:url(../../images/qq.png); float:right;margin-top:11px; margin-left:-20px;}
.qqlogin:hover{ background:url(../../images/qqhover.png);  cursor:pointer;}
.login{ width:320px; height:40px; margin:30px auto 20px auto;}
.login .btn{ border:0; width:320px; height:40px; line-height:30px; background:#078be4; color:#FFF; font-size:14px; font-family:Microsoft YaHei;}
.login .btn:hover{cursor:pointer; background:#27a8ff;}
.register{ width:320px; height:18px;color:#bdbdbd;font-family:Microsoft YaHei; padding-bottom:15px; padding-top:55px; text-align:center; margin:0 auto;}
.registerfree{ font-size:13px;  margin:10px auto; color:#ffffff;text-align:center;}
.registerfree:hover {text-decoration:none; }
.download{ width:282px; height:22px;margin:0 auto; margin-top:24px}
.iPhone { width:140px; height:22px; float:left;}
.Android{width:140px; height:22px; float:right;}
.line{ width:1px; height:22px; background:#bdbdbd; float:left;}
.iphoneicon, .Androidicon{ width:22px; height:22px; float:left; margin-left:30px; margin-right:10px;}
.iphoneicon{ background:url(../../images/iphonecolor.png);}
.iphoneicon:hover{ background:url(../../images/iphonehover.png);}
.Androidicon{ background:url(../../images/androidcolor.png);}
.Androidicon:hover{ background:url(../../images/androidhover.png);}
.iPhone a, .Android a{ font-size:13px; color:#bdbdbd; font-family:Microsoft YaHei; text-decoration:none; line-height:22px}
.iPhone a:hover, .Android a:hover{ color:#FFFFFF;}
.progresstext{ width:400px; height:60px; text-align:left; margin:0 auto; margin-top:90px; }
.li-first{font-family:Microsoft YaHei;font-size:12px; line-height:20px; color:#bdbdbd;}
/* 扫描登录开�?*/
/*.codebox{ width:199px; height:199px; border:1px solid #bdbdbd; margin:0 auto; }*/
.codebox{ width:199px; height:199px; border:1px solid #bdbdbd; margin:0 auto; text-align:center;padding:3px 1px 1px 2px;background-color:#ffffff;}
.biglist{ padding-top:20px;}
.vericode{ width:180px; height:38px; text-indent:5px; border:1px #bdbdbd solid; font-size:12px;background-color:rgba(31,27,24,0.7);}
.vericode:focus{ border-style:solid; border-color:#ffffff;}
.error_tip{ width:310px;border:1px #ff6f3d solid; font-size:12px;  margin:0 auto -10px auto; color:#ff6f3d;font-family:微软雅黑 Light; line-height:16px; text-align:justify; padding:3px;}
.errorimg{ background:url(../../images/error.png) top no-repeat; width:14px; height:14px; float:left; margin:3px; }