* {
  font-family: "Arial", "microsoft yahei", "san-serif";
  color: #525252;
}
body {
  background: #fff;
}
.mgt-10 {
  margin: 10px 0 0 0 ;
}
.ftz-10 {
  font-size: 12px;
}
.fr {
  float: right;
}
a {
  color: #3998d8;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
input[type='text'],
input[type='password'] {
  border-radius: 5px;
  line-height: 30px\0;
  *line-height: 30px;
  _line-height: 30px;
}
-webkit-input-placeholder {
  font-size: 12px;
}
button,
input[type='submit'] {
  border: 0 none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}
input[type='checkbox'] {
  border: none;
  vertical-align: text-bottom;
  margin-right: 5px;
}
input::-weibkit-input-placeholder{
  color:#ddd;
}
.container {
  width: 1004px;
  margin: 0 auto;
  overflow: hidden;
  min-height: auto;
}
.login-bg {
  height: 530px;
  background: #F2F2F2 url(../images/bg.jpg) center 0 no-repeat;
  width: 100%;
}
.login-container {
  width: 1004px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.login-form {
  position: absolute;
  right: 35px;
  top: 65px;
  width: 350px;
  height: 390px;
  background: #FFF;
}
.login-banner {
    color: #4c4d4d;
    text-align: center;
    background: #fff;
    line-height: 45px;
    font-size: 16px;
    padding: 30px 0 0 0;
}
.login-control {
  clear: both;
  width: 320px;
  margin: 20px auto 0;
  overflow: hidden;
}
.marquee-vip{
  display: block;
  text-decoration: none;
  background: #ffeb9c url('/images/laba.png') 9px center no-repeat;
  padding-left: 30px;
  margin: 20px auto;
  width: 83.5%;
  border-radius: 5px;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  outline: none;
}
.marquee-vip span{
  color: #c75529;
}
.i-user {
  width: 34px;
  height: 42px;
  display: block;
  *display: inline;
  *zoom: 1;
  background: url("/images/icon-admin.png") 3px 10px no-repeat;
  float: left;
}
.i-phone {
  width: 34px;
  height: 34px;
  display: block;
  *display: inline;
  *zoom: 1;
  background: url("/images/icon_phone.png");
  float: left;
}
.i-email {
  width: 34px;
  height: 34px;
  display: block;
  *display: inline;
  *zoom: 1;
  background: url("/images/icon_email.png");
  float: left;
}
.i-psw {
  width: 34px;
  height: 42px;
  display: block;
  *display: inline;
  *zoom: 1;
  background: url("/images/icon-key.png") 3px 10px no-repeat;
  float: left;
}
.login-form #username {
  float: left;
  height: 30px;
  border: 1px solid #d6d6d6;
  width: 275px;
  padding-left: 12px;
  _padding-top: 8px;
  _height: 23px;
  font-family: "microsoft yahei", san-serif;
  font-size: 14px;
}
.login-form #password,.login-form .input-password {
  float: left;
  height: 30px;
  border: 1px solid #d6d6d6;
  width: 275px;
  padding-left: 12px;
  _padding-top: 8px;
  _height: 23px;
  font-family: "microsoft yahei", san-serif;
  font-size: 14px;
}
.login-form #regcode{
  width: 100px;
  height: 28px;
  line-height: 28px;
  text-indent: 3px;
  float: left;
}
.login-form #vcode {
  height: 30px;
  border: 1px solid #d6d6d6;
  width: 100px;
  padding-left: 5px;
  _padding-top: 8px;
  _height: 23px;
  float: left;
  margin-right: 10px;
  font-family: "microsoft yahei", san-serif;
  font-size: 12px;
}
.login-control img {
  width: 88px;
  height: 32px;
  display: block;
  float: left;
  border: 1px solid #ccc;
  border-left:none;
}
.login-tips {
  color: #ff2c2c;
  font-size: 12px;
}
.login-control span {
  font-size: 12px;
}
.login-submit {
  display: block;
  -webkit-appearance: none;
  background: #38c3cd;
  _border: none;
  width: 306px;
  height: 44px;
  border-radius: 8px;
  font-size: 14px;
  text-align: center;
  color: #FFF;
  line-height: 37px;
  margin: 0 auto;
  padding: 0;
  cursor: pointer;
  font-family: 'microsoft yahei', san-serif;
}
.login-submit:hover {
  text-decoration: none;
  background: #2db0c4;
}
.login-link {
  text-align: right;
  font-size: 12px;
  margin-top: 30px;
}
.btn-disabled {
  background: #d7d7d7;
  cursor: wait;
}
.login-features {
  background: #FFF;
  width: 1004px;
  height: 200px;
  margin: 54px auto;
  overflow: hidden;
}
.login-feature {
  width: 334px;
  float: left;
  overflow: hidden;
}
.feature-icon {
  width: 110px;
  height: 110px;
  float: left;
  background: url("../images/login-all.png") 0 0 no-repeat;
  margin-left: 35px;
  _margin-left: 17px;
  margin-top: 40px;
}
.feature-detail {
  float: left;
  width: 168px;
  margin-left: 20px;
  _margin-left: 10px;
  overflow: hidden;
}
.feature-detail h2 {
  font-weight: normal;
  font-size: 16px;
  color: #525252;
  margin-top: 42px;
}
.feature-detail ul {
  list-style: none;
}
.feature-detail li {
  color: #8a8a8a;
  font-size: 12px;
  line-height: 2;
  text-indent: 20px;
  background: url("../images/login-point-all.png") 0 6px no-repeat;
}
.feature-icon.gift {
  background-image: url(/images/login-gift.png);
}
.feature-icon.dev {
  background-image: url(/images/login-dev.png);
}
.login-list-gift li {
  background-image: url(/images/login-point-gift.png);
}
.login-list-dev li {
  background-image: url(/images/login-point-dev.png);
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.account-container {
  width: 1004px;
  margin: 0 auto;
  overflow: hidden;
}
.account-left {
  float: left;
  width: 305px;
  border: 1px solid #eee;
  min-height: 700px;
  _height: 700px;
  overflow: hidden;
  background: #FFF;
  border: 1px solid #d6d6d6;
}
.account-right {
  float: left;
  width: 685px;
  border: 1px solid #eee;
  margin-left: 10px;
  _margin-left: 5px;
  min-height: 700px;
  _height: 700px;
  background: #FFF;
  border: 1px solid #d6d6d6;
}
.account-info {
  height: 133px;
  background: #FFF;
  overflow: hidden;
}
.account-avatar {
  display: block;
  float: left;
  width: 95px;
  height: 95px;
  margin: 15px;
}
.account-details {
  margin-top: 15px;
}
.account-details span {
  display: block;
  font-size: 16px;
  padding-bottom: .4em;
}
.account-security {
  background: #FFF;
  margin-top: 10px;
}
.account-security li {
  display: block;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-bottom: 1px solid #d6d6d6;
}
.account-security li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #525252;
  font-size: 14px;
}
.account-security li a:hover,
.account-security li a.active {
  background: #3998d8;
  color: #FFF;
  text-decoration: none;
}
.account-security li .vip-privilege{
  position: relative;
}
.account-security  .vip-privilege i{
  font-style: normal;
  background-color: #FA3636;
  height: 16px;
  line-height: 16px;
  color: #ffffff;
  padding: 0px 3px;
  display: inline-block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 13px 20px 0 0;
  position: absolute;
  right: 66px;
  font-size: 12px;
  top: 1px;
}
.text-warn {
  color: #ff2c2c;
}
.account-title {
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: #FFF;
  border-bottom: 1px solid #d6d6d6;
}
.account-content-container {
  width: 580px;
  margin: 0 auto;
}
.account-content {
  background: #FFF;
  padding-bottom: 50px;
  overflow: hidden;
}
.account-secure-level {
  height: 60px;
  overflow: hidden;
  padding-top: 42px;
}
.level-label {
  display: block;
  float: left;
  font-size: 14px;
  color: #525252;
}
.secure-level-bar {
  float: left;
  width: 330px;
  height: 8px;
  background: #ddd;
  float: left;
  margin-left: 14px;
  _margin-left: 7px;
  margin-top: 4px;
  _margin-top: -10px;
}
.secure-level-bar-gray {
  height: 8px;
  background: #ccc;
  float: right;
}
.secure-level-bar-3 {
  float:left;
  width: 100%;
  background: #1AAC2B;
}
.secure-level-bar-2 {
  float:left;
  width: 66%;
  background: #FF6600;
}
.secure-level-bar-1 {
  float:left;
  width: 33%;
  background: #DC3D2D;
}
.secure-level-bar-0 {
  float:left;
  width: 33%;
  background: #DC3D2D;
}
.secure-level-tips {
  margin-top: 20px;
  _margin-top: 0px;
  font-size: 12px;
  color: #ff2c2c;
  overflow: hidden;
  line-height: 19px;
  _padding-bottom: 20px;
}
.icon-secure-warn {
  width: 18px;
  height: 18px;
  display: block;
  float: left;
  margin-top: 1px;
  background: url(/images/account-warn.jpg) 0 0 no-repeat;
}
.icon-binded {
  width: 18px;
  height: 18px;
  display: block;
  float: left;
  margin-right: 5px;
  background: url(/images/account-binded.jpg) 0 0 no-repeat;
}
.icon-unbind {
  width: 18px;
  height: 18px;
  display: block;
  float: left;
  margin-right: 5px;
  background: url(/images/account-unbind.jpg) 0 0 no-repeat;
}
.secure-level-tips div {
  float: left;
  margin-left: 5px;
}
.account-secure-item {
  border-top: 1px solid #d6d6d6;
  padding: 20px 0;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.account-secure-item a {
  position: absolute;
  display: block;
  width: 71px;
  height: 27px;
  line-height: 27px;
  color: #FFF;
  top: 15px;
  right: 0;
  text-align: center;
  background: #3998d8;
}
.account-secure-item a:hover {
  background: #3ea1e4;
  text-decoration: none;
}
.psw-control {
  width: 380px;
  margin: 22px auto 0;
}
.psw-control label {
  text-align: right;
  font-size: 14px;
  width: 80px;
  display: block;
  float: left;
  height: 34px;
  line-height: 34px;
}
.psw-control .text {
  float: left;
  height: 30px;
  border: 1px solid #d6d6d6;
  width: 275px;
  padding-left: 5px;
  _padding-top: 8px;
  _height: 23px;
  font-family: "microsoft yahei", san-serif;
  font-size: 14px;
}
#reset_submit {
  width: 113px;
  height: 37px;
  margin-left: 79px;
  color: #FFF;
  display: block;
  line-height: 37px;
  text-align: center;
  border: none;
  font-size: 14px;
  font-family: "Arial", "microsoft yahei", "san-serif";
  background: #3998d8;
}
#reset_submit:hover {
  text-decoration: none;
  background: #3ea1e4;
}
.psw-tips {
  width: 350px;
  font-size: 12px;
  margin-left: 234px;
  margin-top: 3px;
  color: #f00;
}
.phone-control {
  width: 360px;
  margin: 22px auto 0;
}
.phone-control label {
  text-align: right;
  font-size: 12px;
  width: 60px;
  display: block;
  float: left;
  height: 34px;
  line-height: 34px;
}
.phone-control input[type='password'],
.phone-control input[type='text'] {
  float: left;
  height: 30px;
  border: 1px solid #d6d6d6;
  width: 275px;
  padding-left: 5px;
  _padding-top: 8px;
  _height: 23px;
  font-family: "microsoft yahei", san-serif;
  font-size: 12px;
}
#phone-submit {
  width: 113px;
  height: 37px;
  margin-left: 54px;
  color: #FFF;
  display: block;
  line-height: 37px;
  text-align: center;
  background: #3998d8;
}
#phone-submit:hover {
  text-decoration: none;
  background: #3ea1e4;
}
.phone-tips {
  height: 12px;
  font-size: 12px;
  margin-left: 223px;
  margin-top: 3px;
  color: #f00;
}
#phone-form {
  width: 500px;
  margin: 0 auto;
  padding-top: 40px;
}
#phone-vcode {
  width: 150px;
}
#get-phone-code {
  width: 110px;
  height: 34px;
  color: #FFF;
  display: block;
  float: left;
  line-height: 37px;
  text-align: center;
  margin-left: 12px;
  font-size: 14px;
  cursor: pointer;
  background: #3998d8;
}
#get-phone-code:hover {
  text-decoration: none;
  background: #3ea1e4;
}
#psw-form {
  padding-top: 34px;
}
.clearfix {
  display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */
.register-container {
  width: 1004px;
  background: #FFF;
  margin: 0 auto;
}
.register-container .register-title {
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  text-indent: 20px;
  border-bottom: 1px solid #d6d6d6;
}
.register-container form {
  width: 400px;
  margin: 0 auto;
  padding-bottom: 50px;
}
.register-container .input_set {
  clear: both;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}
.register-container .input_set input[type='text'],
.register-container .input_set input[type='password'] {
  float: left;
  height: 30px;
  border: 1px solid #d6d6d6;
  width: 200px;
  padding-left: 5px;
  _padding-top: 8px;
  _height: 23px;
  font-family: "microsoft yahei", san-serif;
  font-size: 12px;
}
.register-container .input_set label {
  display: block;
  width: 70px;
  float: left;
  height: 34px;
  line-height: 34px;
  text-align: right;
  font-size: 12px;
}
.register-container .input_set span {
  display: block;
  width: 200px;
  float: left;
  height: 34px;
  line-height: 34px;
  text-indent: 20px;
  position: absolute;
  left: 270px;
}
.register-container .input_set .input_tips {
  font-size: 12px;
  color: #ff2c2c;
}
.register-container label span{color:red;}
.register-container .input_set img {
  height: 32px;
  width: 88px;
  border: 1px solid #d6d6d6;
  display: block;
  float: left;
}
.register-container .input_set a {
  font-size: 12px;
  display: block;
  float: left;
  margin-left: 10px;
  line-height: 34px;
}
.register-container .input_set #register-submit {
  width: 113px;
  height: 37px;
  color: #FFF;
  display: block;
  line-height: 37px;
  text-align: center;
  background: url("/images/submit.png") 0 0 no-repeat;
  margin-left: 0;
}
.register-container .input_set #register-submit:hover {
  text-decoration: none;
}
.register-container .input_set #register-submit:active {
  background: url("/images/submit-clicked.png") 0 0 no-repeat;
}
button {
  width: 113px;
  height: 37px;
  color: #FFF;
  display: block;
  line-height: 37px;
  text-align: center;
  background: #3998d8 0 0 no-repeat;
  margin-left: 0;
}
button :hover {
  text-decoration: none;
  background: #3ea1e4;
}
.input-mid {
  width: 150px;
}
.input-control {
  position: relative;
  overflow: hidden;
  height: 60px;
}
.input-control label {
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  float: left;
  display: block;
  width: 100px;
  text-align: right;
  margin-right: 20px;
}
.input-control .text {
  float: left;
  height: 30px;
  border: 1px solid #d6d6d6;
  padding-left: 5px;
  _padding-top: 8px;
  _height: 23px;
  font-family: "microsoft yahei", san-serif;
  font-size: 14px;
  margin-right: 12px;
  outline: none;
}
.input-control .select {
  float: left;
  height: 34px;
  border: 1px solid #d6d6d6;
  padding-left: 5px;
  _padding-top: 8px;
  _height: 23px;
  font-family: "microsoft yahei", san-serif;
  font-size: 12px;
  margin-right: 12px;
}
.input-control .w1 {
  width: 150px;
}
.input-control .w2 {
  width: 275px;
}
.input-control .w3 {
  width: 282px;
}
.input-control .input-tips-h {
  position: absolute;
  color: #f00;
  font-size: 12px;
  bottom: 8px;
  left: 120px;
}
.input-control .input-tips-i {
  position: absolute;
  color: #3998d8;
  font-size: 12px;
  bottom: 8px;
  left: 120px;
  display: none;
}
.input-control .btn {
  width: 113px;
  float: left;
  height: 34px;
  color: #FFF;
  display: block;
  line-height: 34px;
  text-align: center;
  background: #3998d8;
  border: none;
  cursor: pointer;
  font-size: 14px;
  outline: none;
}
.input-control .btn-disabled {
  background: #d7d7d7;
  width: 113px;
  float: left;
  height: 34px;
  color: #FFF;
  display: block;
  line-height: 34px;
  text-align: center;
  border: none;
  cursor: default;
  font-size: 14px;
  outline: none;
}
.input-control .btn:hover {
  text-decoration: none;
  background: #3ea1e4;
}
.input-control .warn {
  border: 1px solid #ff2c2c;
}
.input-control .success {
  color: #36a803;
}
.icon-warn {
  width: 52px;
  display: block;
  height: 46px;
  background: url("../images/icon-warn.png") 0 0 no-repeat;
  margin: 0 auto;
}
.secure-text-warn {
  font-size: 12px;
  text-align: center;
  color: #ff2c2c;
}
.forget-verify {
  width: 1004px;
  margin: 0 auto;
  background: #FFF;
  overflow: hidden;
  height: 800px;
  border: 1px solid #d6d6d6;
}
.forget-verify .verify-choose {
  list-style: none;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 25px;
  width: 480px;
}
.forget-verify .verify-choose li {
  display: block;
  float: left;
  padding: 10px 50px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  border-bottom:1px solid #ddd;
}
.forget-verify .verify-choose .active {
  border-top: 3px solid #3998d8;
  border-bottom:none;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}
.forget-verify .verify-content {
  width: 460px;
  margin: 40px auto 0;
}
.hide {
  display: none;
}
.steps {
  list-style: none;
  overflow: hidden;
  width: 510px;
  margin: 40px auto 0;
  padding-bottom: 30px;
  _clear: both;
}
.steps li {
  width: 158px;
  height: 33px;
  float: left;
  text-align: center;
  color: #525252;
  font-size: 14px;
  line-height: 33px;
}
.steps .active {
  color: #FFF;
}
.steps .one {
  color: #FFF;
  background: url("../images/step-1.png") 0 0 no-repeat;
}
.steps .two {
  width: 168px;
  background: url("../images/step-2.png") 0 0 no-repeat;
}
.steps .two-active {
  color: #fff;
  background: url("/images/step2-active.png") 0 0 no-repeat;
}
.steps .three {
  width: 172px;
  background: url("../images/step-3.png") 0 0 no-repeat;
}
.steps .three-active {
  color: #fff;
  background: url("../images/step3-active.png") 0 0 no-repeat;
}
.forget-reset {
  overflow: hidden;
  width: 1004px;
  margin: 0 auto;
  background: #FFF;
  border: 1px solid #d6d6d6;
}
.forget-reset #f-r-form {
  width: 500px;
  margin: 0 auto;
  padding-top: 25px;
}
#email-form {
  width: 500px;
  margin: 0 auto;
  padding-top: 40px;
}
.s-q-form {
  width: 500px;
  margin: 0 auto;
  padding-top: 40px;
}
.f-choose {
  width: 1004px;
  background: #FFF;
  margin: 0 auto;
  height: 600px;
  border: 1px solid #d6d6d6;
}
.f-choose-panel {
  list-style: none;
  overflow: hidden;
}
.f-choose-panel li {
  display: block;
  width: 501px;
  height: 60px;
  font-size: 20px;
  line-height: 60px;
  float: left;
  text-align: center;
  cursor: pointer;
  border-bottom:1px solid #ddd;
}
.f-choose-panel li:first-child{
  border-right:1px solid #ddd;
}
.f-choose-panel .active {
  font-size: 20px;
  border-bottom: none;
  border-top: 3px #3ea1e4 solid;
}
.f-choose-form {
  width: 500px;
  margin: 0 auto;
  padding-top: 35px;
}
.f-account-switch {
  list-style: none;
  overflow: hidden;
  margin-bottom: 34px;
  margin-left: 89px;
}
.f-account-switch li {
  float: left;
  height: 34px;
  line-height: 34px;
  border-bottom: 3px solid #d6d6d6;
  padding: 5px 40px;
  cursor: pointer;
  font-size: 14px;
}
.f-account-switch .active {
  border-bottom: 3px solid #3998d8;
}
.secure-verify {
  width: 500px;
  margin: 0 auto;
  overflow: hidden;
}
.secure-verify-choose {
  list-style: none;
  overflow: hidden;
  margin-top: 30px;
}
.secure-verify-choose li {
  display: block;
  width: 160px;
  text-align: center;
  float: left;
  border-bottom: 3px solid #d6d6d6;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  cursor: pointer;
}
.secure-verify-choose .active {
  border-bottom: 3px solid #3998d8;
}
.verify-panel {
  padding-top: 30px;
}
.f-r {
  background: #FFF;
  width: 1004px;
  margin: 0 auto;
  padding: 60px 0;
}
.f-r .f-r-success {
  width: 98px;
  height: 73px;
  background: url("../images/success.png") 0 0 no-repeat;
  margin: 0 auto;
}
.f-r .f-r-fail {
  width: 52px;
  height: 46px;
  background: url("../images/fail.png") 0 0 no-repeat;
  margin: 0 auto;
}
.f-r h1 {
  text-align: center;
  font-size: 20px;
  color: #525252;
}
.f-r p {
  text-align: center;
  font-size: 12px;
  color: #525252;
}
.f-account-tip {
  font-size: 12px;
  color: #ff2c2c;
  position: absolute;
  top: 10px;
}
.f-account-tip-pass {
  color: #36a803;
}
.f-account-tip-normal {
  color: #525252;
}
.f-account-loading {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 10px;
  background: url("../images/loading.gif") 0 0 no-repeat;
}
.explain-txt {
  width: 477px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.75;
  padding: 1em;
  margin-top: 40px;
  background: #F6F6F6;
}
.f-c-p-a {
  color: #525252;
}
.f-c-p-a:hover {
  text-decoration: none;
}
.f-explain {
  font-size: 13px;
  margin-top: 130px;
  _margin-top: 120px;
  border-top: 1px solid #d6d6d6;
  line-height: 22px;
  position: relative;
}
.f-explain p {
  margin-left: 20px;
}
.f-explain .btn {
  width: 113px;
  float: left;
  height: 34px;
  color: #FFF;
  display: block;
  line-height: 34px;
  text-align: center;
  background: #3998d8;
  text-decoration: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  outline: none;
  position: relative;
  left: 520px;
  bottom: 50px;
}
.chenmi{
    margin-left: -96px;
    _margin-left:0;
    padding-top: 10px;
    width: 550px;
    _width:400px;
    font-size: 14px;
    border-top: 1px solid #d6d6d6;
    color: #7f7f7f;
    margin-top: 31px;
    text-indent: 28px;
}
.pwdPlaceholder{
  font-size: 14px;
  width: 100%;
  padding: 3px;
  height: 22px;
  line-height: 22px;
  margin: 5px 0;
  font-family: "Arail", "microsoft yahei", "san-serif";
  color: #525252;
  border: 1px solid #d6d6d6;
}