@charset "utf-8";
/*
    created 2018-7-10
    login.html
*/
body {
  background-color: #fff;
}

.none{
  display: none;
}

.nav-login {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  line-height: 1.333333rem;
  font-size: .4rem;
  color: #FFF;
  padding: 0rem .426667rem;
}
.prompt {
  padding: .6rem .426667rem 0rem;
}
.loginbox {
  display: block;
}
.registerbox {
  display: none;
}
#login .title ,#register .title {
  line-height: .96rem;
  font-size: .613333rem;
  color: #2d3037;
  text-align: center;
  margin-bottom: .666667rem;
}
#login input[type=text],
#login input[type=number],
#login input[type=password],
#register input[type=text],
#register input[type=number],
#register input[type=password],
#recover input[type=text],
#resms input[type=text],
#pwd input[type=password],
#pwd input[type=text],
.input_item input[type=text],
.now-text input[type=text]{
  width: 100%;
  height: 1.333333rem;
  font-size: .346667rem;
  color: #2d3037;
  padding-left: .72rem;
  border: .026667rem solid #bdc5d3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: .426667rem;
}
#login input[type=text]:focus,#login input[type=number]:focus,
#login input[type=password]:focus,#register input[type=text]:focus,
#register input[type=number]:focus, #register input[type=password]:focus {
  border-color: #FF6666;
}
#register .title {
  margin-bottom: 0rem;
}
/*================================================  login style   =========================================================*/
.choose {
  height: .48rem;
  line-height: .48rem;
  font-size: .346667rem;
  color: #5e6d81;
}
.choose input[type=checkbox] {
  position: relative;
  width: .48rem;
  height: .48rem;
  border: .026667rem solid #dbe1e8;
  vertical-align: top;
  outline: none;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.choose input[type=checkbox]:checked {
  background-color: #fff;
  border-color: #FF6666;
  outline: none;
}
.choose input[type=checkbox]:checked:before {
  left: 1px;
  top: 2px;
  width: .333333rem;
  height: .133333rem;
  content: '';
  color: #fff;
  position: absolute;
  border-bottom: 2px solid #FF6666;
  border-left: 2px solid #FF6666;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (width: 768px) {
  .choose input[type=checkbox]:checked:before {
    left: 2px;
    top: 3px;
    height: .2rem;
  }
}
.choose label {
  margin-left: .24rem;
}
.choose a {
  float: right;
  color: #5e6d81;
}
.login-btn,
.next-step {
  width: 100%;
  height: 1.333333rem;
  line-height: 1.333333rem;
  font-size: .386667rem;
  text-align: center;
  color: #fff;
  background-color: #FF6666;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top: .48rem;
}
.register-btn {
  width: 100%;
  height: 1.333333rem;
  line-height: 1.333333rem;
  font-size: .386667rem;
  text-align: center;
  color: #FF6666;
  background-color: #fff;
  border: .026667rem solid #FF6666;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top: .426667rem;
}
.other-title {
  position: relative;
  height: 2.186667rem;
  line-height: 2.186667rem;
  font-size: .426667rem;
  color: #9ea7b3;
  text-align: center;
}
.other-title::before,
.other-title::after {
  position: absolute;
  top: 1.093333rem;
  content: "";
  width: 2.426667rem;
  height: 1px;
  background-color: #dbe1e8;
}
.other-title::before {
  left: .533333rem;
}
.other-title::after {
  right: .533333rem;
}
.other-link {
  padding: 0rem 1.76rem;
  margin-bottom: 1.04rem;
  margin-left: 2.16rem;
}
.other-link a {
  float: left;
  width: 1.173333rem;
  height: 1.173333rem;
}
.other-link a.login-qq {
  background: url(../../images/login_sprite_img.png) no-repeat -2.053333rem 0rem;
  background-size: 5.84rem 7.28rem;
}
.other-link a.login-wechat {
  background: url(../../images/login_sprite_img.png) no-repeat -3.36rem 0rem;
  background-size: 5.84rem 7.28rem;
  margin: 0rem 1.053333rem;
}
.other-link a.login-alipay {
  background: url(../../images/login_sprite_img.png) no-repeat -4.666667rem 0rem;
  background-size: 5.84rem 7.28rem;
}
/*================================================ 注册 register style   =========================================================*/
.register-tips {
  line-height: .68rem;
  font-size: .346667rem;
  color: #FF6666;
  text-align: center;
  margin-bottom: .4rem;
}
#verify input[type=text],#verify input[type=number] {
  width: 5.28rem;
  margin-bottom: 0rem;
}
#verify .verify-img{
  float: right;
  width: 3.546667rem;
  height: 1.333333rem;
  border: .026667rem solid #dae2e8;
}
#verify .verify-img img {
  width: 100%;
  height: 100%;
}
.next-step {
  margin-top: .533333rem;
}
.agree {
  line-height: .586667rem;
  font-size: .32rem;
  color: #5e6d81;
  margin: .346667rem 0rem .4rem;
}
.agree a {
  color: #FF6666;
}
/*================================================ 注册成功 success style   =========================================================*/
.success {
  padding: .8rem 0rem 3.573333rem;
}
.success .icon {
  width: 1.92rem;
  height: 1.92rem;
  background: url(../../images/login_sprite_img.png) no-repeat 0rem 0rem;
  background-size: 5.84rem 7.28rem;
  margin: 0 auto;
}
.success .title {
  line-height: 1.146667rem;
  font-size: .613333rem;
  color: #2d3037;
  text-align: center;
  margin-top: .4rem;
}
.success .tips {
  line-height: .88rem;
  font-size: .346667rem;
  color: #5e6d81;
  text-align: center;
}
.ticket {
  margin-top: 1.466667rem;
}
.ticket > div {
  float: left;
  width: 33.3333%;
}
.ticket > div .icon-link {
  display: block;
  width: 1.6rem;
  height: 2.533333rem;
  margin: 0 auto;
}
.ticket > div.ticket-email .icon-link {
  background: url(../../images/login_sprite_img.png) no-repeat 0rem -2.08rem;
  background-size: 5.84rem 7.28rem;
}
.ticket > div.ticket-wechat .icon-link {
  background: url(../../images/login_sprite_img.png) no-repeat -1.2777rem -2.06rem;
  background-size: 5.84rem 7.28rem;
}
.ticket > div.ticket-qq .icon-link {
  background: url(../../images/login_sprite_img.png) no-repeat -3.466667rem -2.08rem;
  background-size: 5.84rem 7.28rem;
}
.ticket > div.ticket-email.got .icon-link {
  background: url(../../images/login_sprite_img.png) no-repeat 0rem -4.746667rem;
  background-size: 5.84rem 7.28rem;
}
.ticket > div.ticket-wechat.got .icon-link {
  background: url(../../images/login_sprite_img.png) no-repeat -1.733333rem -4.746667rem;
  background-size: 5.84rem 7.28rem;
}
.ticket > div.ticket-qq.got .icon-link {
  background: url(../../images/login_sprite_img.png) no-repeat -3.466667rem -4.746667rem;
  background-size: 5.84rem 7.28rem;
}
.ticket > div .no-get,
.ticket > div .get {
  margin-top: .306667rem;
}
.ticket > div p {
  line-height: .573333rem;
  font-size: .32rem;
  text-align: center;
  color: #5e6d81;
}
.ticket > div p span,
.ticket > div p a {
  color: #FF6666;
}
.ticket > div.got .no-get {
  display: none;
}
/*====================================================   绑定 style  ===========================================*/
.bind {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1001;
}
.bind-content {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 6.666667rem;
  padding: 0rem .426667rem;
}
.bind-content > div {
  height: 100%;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.modal-head {
  height: 1.346667rem;
  line-height: 1.346667rem;
  font-size: .466667rem;
  text-align: center;
  color: #2d3037;
  background-color: #f0f2f5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.modal-body {
  height: 4rem;
  padding: 0rem .533333rem;
  border-bottom: 1px solid #dae2e8;
}
.modal-body input {
  width: 100%;
  height: 1.333333rem;
  font-size: .346667rem;
  padding-left: .346667rem;
  border: .026667rem solid #bcc5d3;
  margin-top: .933333rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.modal-body input:focus {
  border-color: #FF6666;
}
.modal-body .tips {
  line-height: 1.36rem;
  font-size: .346667rem;
  color: #FF6666;
}
.modal-bottom {
  height: 1.333333rem;
}
.modal-bottom button {
  float: left;
  width: 50%;
  height: 100%;
  line-height: 1.333333rem;
  font-size: .4rem;
  color: #5e6e82;
  background-color: #fff;
}
.modal-bottom button.bg-red,.modal-bottom button.bg-close {
  color: #FFF;
  background-color: #FF6666;
}
.modal-center {
  height: 4rem;
  padding: .426667rem .533333rem 0rem;
  border-bottom: 1px solid #dae2e8;
}
.modal-center p {
  line-height: .666667rem;
  font-size: .373333rem;
  color: #5d6d82;
  white-space: nowrap;
}
.modal-center p span,
.modal-center p a {
  color: #FF6666;
}
.modal-center input {
  width: 100%;
  height: 1.333333rem;
  font-size: .346667rem;
  padding-left: .346667rem;
  border: .026667rem solid #bcc5d3;
  margin-top: .266667rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.modal-center input:focus {
  border-color: #FF6666;
}
.modal-success {
  height: 5.346667rem;
  padding-top: 1.04rem;
  border-bottom: 1px solid #dae2e8;
}
.modal-success p {
  line-height: 2rem;
  font-size: .613333rem;
  color: #2d3037;
  text-align: center;
}
.success-icon {
  width: 1.92rem;
  height: 1.92rem;
  background: url(../../images/login_sprite_img.png) no-repeat 0rem 0rem;
  background-size: 5.84rem 7.28rem;
  margin: 0 auto;
}
/*============================================== 找回密码 style  ==============================================*/
.step {
  padding: 0rem .426667rem 6.666667rem;
}
.step-title {
  line-height: 2.746667rem;
  font-size: .613333rem;
  color: #2d3037;
  text-align: center;
}
.step-one #login {
  margin-top: .106667rem;
}
.sent {
  line-height: .666667rem;
  font-size: .4rem;
  color: #5e6d81;
  margin-bottom: .506667rem;
}
.sent span {
  color: #FF6666;
}
.other-way {
  line-height: 1.413333rem;
  font-size: .346667rem;
  color: #5e6d81;
}
.other-way a {
  color: #FF6666;
}
.step-three p,
.step-four p {
  line-height: .72rem;
  font-size: .4rem;
  color: #5e6d81;
}
.step-three p span,
.step-four p span,
.step-three p a,
.step-four p a {
  color: #FF6666;
}
.send-btn {
  height: 1.333333rem;
  line-height: 1.333333rem;
  font-size: .4rem;
  color: #9ea7b3;
  text-align: center;
  background-color: #f0f2f5;
  border: .026667rem solid #dbe1e8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* margin-top: .533333rem; */
  float: right;
  width: 3.546667rem;
}
.send-btn.resend {
  color: #FF6666;
  background-color: #fff;
  border-color: #FF6666;
}

.send-btn .sent-num{
  color: #9ca8b1;
  border-color: #dbe2e8;
  background-color: #f0f3f5;
}

.select-way a {
  position: relative;
  display: block;
  width: 100%;
  height: 1.333333rem;
  line-height: 1.333333rem;
  font-size: .346667rem;
  color: #5e6d81;
  padding-left: .4rem;
  border: .026667rem solid #bdc5d3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top: .426667rem;
}
.select-way a span {
  color: #FF6666;
}
.select-way a i {
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  margin-right: .4rem;
}
.step-five .next-step {
  margin-top: 0;
}
.step-six {
  padding-top: 1.92rem;
}
.step-six div {
  line-height: 1.146667rem;
  font-size: .613333rem;
  color: #2d3037;
  margin-top: .746667rem;
  text-align: center;
}
.step-six p {
  line-height: .893333rem;
  font-size: .36rem;
  color: #5e6d81;
  text-align: center;
}
/*================================================ footer style =======================================================*/
footer p {
  line-height: .6rem;
  font-size: .306667rem;
  color: #bdc5d3;
  text-align: center;
}
.login-error {
  margin-top: .38rem;
  font-size: 0.38rem;
  color: #FF6666;
}
.erInfo {
  display: block;
  height: 35px;
  text-align: left;
  color: #ff4539;
  font-size: 14px;
  _background: url(about:blank);
}

.inCon{ width:100%; padding-bottom:70px; margin:0 auto; overflow:hidden; background:#fff; margin-top:3px}
.tit{     line-height: .96rem;
  font-size: .613333rem;
  color: #2d3037;
  text-align: center;
  margin-bottom: .666667rem;}
.ins{ width:100%; margin:0 auto; /*padding:50px 0 10px 0;*/ overflow:hidden}
.erInfo{ display:block;
  /*line-height:26px;*/
  text-align:left; color:#ff4539; font-size:14px; background:transparent;}
.erInfo a{ color:#2b7de1; transition:all linear .2s; line-height:26px; font-size:14px}
.erInfo a:hover{ color:#025ecc}
.rows{ overflow:hidden; position:relative; padding:10px 0 0 0}
.rows .ipts{width: 60%;
  height: 1.333333rem;
  font-size: .346667rem;
  color: #2d3037;
  padding-left: .72rem;
  border: .026667rem solid #bdc5d3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: .426667rem; overflow:hidden; position:relative; left:0; top:0; transition:all linear .2s}
.rows .ipts .ipt{ line-height: 1.333333rem;}
.rows .ipts input{display: block;
  line-height: 1.333333rem;
  width: 100%;
  border: 0;
  position: absolute;
  left: 0;
  top: 0;
  outline: none;
  font-size: 0.55rem;
  color: #7d7d7d;
  text-align: center;}
.xyRow{ height:26px; line-height:26px; text-align:center; overflow:hidden; display:block; color:#7e7e7e;font-size:12px;}
.xyRow a{ font-size:12px; color:#ff6900; line-height:26px}
.xyRow a:hover{ text-decoration:underline}
.secC{ height:26px; line-height:26px; text-align:left; color:#7d7d7d; font-size:14px; padding-bottom:15px}
.secC span{ color:#ff6900}
.codes .sendBtn{display: block;
  border-radius: 3px;
  color: #ff6900;
  border: 1px solid #ff6900;
  width: 30%;
  height: 1.333333rem;
  line-height: 1.333333rem;
  text-align: left;
  transition: all linear .2s;
  position: absolute;
  right: 1%;
  top: 8px;
  cursor: pointer;
  text-align: center;
  font-size: 0.33rem;}
.msd{    height: 20px;
  text-align: left;
  overflow: hidden;
  display: block;
  padding: 20px 0 0 0;}
.msd a{ font-size:13px; color:#ff6900; line-height:26px}
.msd a:hover{ text-decoration:underline}
.sucIcon{ display:block; padding:20px 0 30px 0; height:32px; background:url(../../images/sucIcon.jpg) no-repeat center 20px;}
.txtCons{ display:block; text-align:center; line-height:160%; color:#7d7d7d; font-size:14px; font-weight:bold}
.txtCons a{ line-height:160%; color:#ff6900; font-size:14px; font-weight:bold; text-decoration:underline}
.getting{ padding:0; font:16px/62px microsoft yahei; color:#fff; height:62px; background:#c6c7c8;}
.xy_info{ border:1px solid #DBDADA; height:300px; overflow-y:scroll; padding:10px 20px; display: none; line-height:20px;text-align: left; font-size:13px;margin-top:10px;}
.regBtn {
  width: 100%;
  height: 1.333333rem;
  line-height: 1.333333rem;
  font-size: .386667rem;
  text-align: center;
  color: #fff;
  background-color: #FF6666;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/*.regBtn:hover{ background:#e56061}*/

.modal-box{
  display: none;
}

.re-login{
  color: #FF6666;
  line-height: 1.413333rem;
  font-size: .346667rem;
}
/*============================================ 绑定亿速账号 start=================================*/
.bind_user {
  position: fixed;
  top: 0;
  left:  0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1001;
}
.bind_modal {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 9.146667rem;
}
.bind_guide {
  width: 100%;
}
.bind_guide .title {
  line-height: 1.333333rem;
  font-size: .453333rem;
  color: #2d3037;
  text-align: center;
  background-color: #f0f3f5;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
.bind_guide .guide_body {
  background-color: #fff;
  padding: .266667rem .533333rem .92rem;
  border-bottom: 1px solid #dbe2e8;
}
.bind_guide .guide_body .register_link,
.bind_guide .guide_body .bind_link {
  display: block;
  line-height: 1.333333rem;
  font-size: .4rem;
  color: #fff;
  text-align: center;
  background-color: #FF6666;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  margin-top: .266667rem;
  width:  100%;
}
.guide_body > div {
  line-height: 1.6rem;
  font-size: .4rem;
  color: #5e6d81;
  text-align: center;
}
.guide_bottom button {
  width: 100%;
  height: 1.333333rem;
  font-size: .4rem;
  color: #5e6d81;
  background-color: #fff;
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
}
.bind_account {
  width: 100%;
  display: none;
}
.bind_account .title {
  line-height: 1.333333rem;
  font-size: .453333rem;
  color: #2d3037;
  text-align: center;
  background-color: #f0f3f5;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
.addount_body {
  background-color: #fff;
  padding: .933333rem .533333rem .6rem;
  border-bottom: 1px solid #dbe2e8;
}
.addount_body input {
  width: 100%;
  height: 1.333333rem;
  padding-left: .346667rem;
  border: .026667rem solid #bcc6d2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: .426667rem;
}
.addount_body > div {
  display: flex;
  justify-content: space-between;
  width:  100%;
}
.addount_body > div input {
  width: 50%;
  margin-bottom: 0rem;
}
.addount_body > div span {
  width: 3.026667rem;
  height: 1.333333rem;
  border: .026667rem solid #dae2e7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.addount_body > div span img {
  width: 100%;
  height: 100%;
}
.addount_bottom button {
  width: 50%;
  height: 1.333333rem;
  font-size: .4rem;
  color: #5e6d81;
  background-color: #fff;
}
.addount_bottom button:last-child {
  color: #FFF;
  background-color: #FF6666;
}
/*============================================ 绑定亿速账号 end=================================*/
/*============================================ new reg start=================================*/
.register-tips > span {
  display: inline-block;
  width: .373333rem;
  height: .373333rem;
  background: url(../../images/login_sprite_img.png) no-repeat -4.733333rem -1.413333rem;
  background-size: 5.84rem 7.28rem;
  margin-right: .133333rem;
}
.cli_verify button {
  width: 100%;
  height: 1.333333rem;
  line-height: 1.306667rem;
  text-align: center;
  font-size: .373333rem;
  color: #5E6D81;
  background-color: transparent;
  border: 1px solid #DBE1E8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
button.next-step[disabled] {
  color: #9EA7B3;
  background-color: #F0F2F5;
}
#verify {
  position: relative;
}
/*#verify input[type=text] {*/
/*width: 100%;*/
/*}*/
#verify .get_num {
  position: absolute;
  right: 0rem;
  top: 0rem;
  width: 3.253333rem;
  height: 1.333333rem;
  line-height: 1.333333rem;
  font-size: .373333rem;
  color: #FF6666;
  text-align: center;
}
#verify .get_num::before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 2px;
  height: .4rem;
  background-color: #DBE1E8;
}
#verify .get_num.sent {
  color: #9EA7B3;
}
#register > .title {
  margin-bottom: .266667rem;
}
#register > .register-tips {
  margin-bottom: .533333rem;
}
#register #phone,
#register #code {
  padding: 0rem 1.066667rem 0rem 1.04rem;
}
#register ul li {
  margin-bottom: .533333rem;
  position: relative;
}
#register ul li:last-child {
  margin-bottom: 0rem;
}
#register ul li input {
  margin-bottom: 0px !important;
}
#register ul li.has_error input {
  border-color: #FF6666;
}
.verify.has_error input {
  border-color:#FF6666 !important;
}
#register ul li.ipts span.icon ,#login .phone_login span.icon,
#login .username_login span.icon{
  position: absolute;
  left: .426667rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .266667rem;
  height: .386667rem;
  background: url(../../images/login_sprite_img.png) no-repeat -3.28rem -1.4rem;
  background-size: 5.84rem 7.28rem;
}
#register ul li.ipts span.clear,.username_login span.clear{
  position: absolute;
  right: .32rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .44rem;
  height: .44rem;
  background: url(../../images/login_sprite_img.png) no-repeat -4.16rem -1.346667rem;
  background-size: 5.84rem 7.28rem;
  display: none;
}
#register .verify {
  position: relative;
  display: none;
}
#register .verify span.icon {
  position: absolute;
  left: .426667rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .346667rem;
  height: .253333rem;
  background: url(../../images/login_sprite_img.png) no-repeat -3.68rem -1.533333rem;
  background-size: 5.84rem 7.28rem;
}
#register .verify span.clear {
  position: absolute;
  left: 5.12rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .44rem;
  height: .44rem;
  background: url(../../images/login_sprite_img.png) no-repeat -4.16rem -1.346667rem;
  background-size: 5.84rem 7.28rem;
}
.login_link {
  position: absolute;
  right: .453333rem;
  top: 0rem;
  padding: .386667rem 0rem;
}
.login_link a {
  font-size: .426667rem;
  color: #FFFFFF;
}
.success .ticket {
  border-top: 1px solid #BDC5D3;
  margin-top: 0rem !important;
}
.success .ticket > div {
  position: relative;
  width: 100%;
  height: 2.586667rem;
  padding: .613333rem .426667rem .613333rem 2.106667rem;
  border-bottom: 1px solid #BDC5D3;
}
.success .ticket > div > .icon-link {
  position: absolute;
  left: .426667rem;
  top: .613333rem;
  width: 1.146667rem;
  height: 1.333333rem;
}
.success .ticket > div .no-get,
.success .ticket > div .get {
  float: left;
  margin: 0rem;
}
.success .ticket > div .no-get p,
.success .ticket > div .get p {
  line-height: .64rem;
  font-size: .373333rem;
  text-align: left;
}
.success .ticket > div .get {
  display: none;
}
.success .ticket > div button {
  float: right;
  height: 1.04rem;
  font-size: .373333rem;
  color: #FFFFFF;
  padding: 0rem .32rem;
  background-color: #ff6666;
  border: 1px solid #ff6666;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-top: .146667rem;
}
.success .ticket > div button.use_button {
  color: #FF6666;
  background-color: #fff;
  display: none;
}
.success .ticket > div.ticket-qq div.icon-link {
  background: url(../../images/login_sprite_img.png) no-repeat -2.56rem -2.04rem;
  background-size: 5.84rem 7.28rem;
}
.success .ticket > div.ticket-email div.icon-link {
  background: url(../../images/login_sprite_img.png) no-repeat 0rem -2.04rem;
  background-size: 5.84rem 7.28rem;
}
.success .ticket > div.got .no-get,
.success .ticket > div.got .get_button {
  display: none;
}
.success .ticket > div.got .get,
.success .ticket > div.got button,
.success .ticket > div.got button.use_button {
  display: block;
}
.success .ticket > div.got.ticket-qq div.icon-link {
  background: url(../../images/login_sprite_img.png) no-repeat -2.56rem -3.506667rem;
  background-size: 5.84rem 7.28rem;
}
.success .ticket > div.got.ticket-email div.icon-link {
  background: url(../../images/login_sprite_img.png) no-repeat -2.56rem -3.506667rem;
  background-size: 5.84rem 7.28rem;
}
.set_pwd {
  padding: 0rem .426667rem;
  margin-top: .533333rem;
}
.set_pwd a ,.set_pwd button {
  display: block;
  width: 100%;
  height: 1.333333rem;
  line-height: 1.306667rem;
  font-size: .426667rem;
  color: #2D3037;
  text-align: center;
  border: 1px solid #DBE1E8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: transparent;
}
.set_pwd p {
  line-height: .8rem;
  font-size: .373333rem;
  color: #5E6D81;
  text-align: center;
}
.login_way {
  margin-bottom: .333333rem;
}
.login_way ul {
  display: flex;
  justify-content: space-between;
}
.login_way ul li {
  position: relative;
  float: left;
  width: 50%;
  text-align: center;
}
.login_way ul li a {
  display: inline-block;
  height: 1.333333rem;
  line-height: 1.333333rem;
  font-size: .48rem;
  color: #5E6D81;
  border-bottom: 2px solid transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.login_way ul li a.active {
  border-color: #FF6666;
}
.login_way ul li:first-child::after {
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 1px;
  height: .48rem;
  background-color: #DBE1E8;
}
.username_login,
.choose {
  display: none;
}
.other-link {
  text-align: center;
}
.login-qq {
  display: inline-block;
  margin: 0 auto !important;
  margin-left: inherit !important;
  float: inherit !important;
}
.error_tips {
  position: fixed;
  left: 50%;
  /*bottom: .64rem;*/
  top: 1.84rem;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  padding: 0rem .533333rem;
  margin: 0rem;
  z-index: 1000;
  display: none;
}
.error_tips div {
  display: inline-block;
  min-height: 1.066667rem;
  line-height: .533333rem;
  text-align: left;
  font-size: .373333rem;
  color: #ffffff;
  background-color: #5E6D81;
  padding: .266667rem .426667rem;
  -webkit-border-radius: .533333rem;
  -moz-border-radius: .533333rem;
  -o-border-radius: .533333rem;
  border-radius: .533333rem;
}
#pwd>div{
  position: relative;
}
#pwd input{
  padding-left: 1.15rem !important;
}
.phone_login,.username_login{
  position: relative;
}
#login_phone_con,#login_name,#code,#login_psw,#login_verifycode{
  padding: 0rem 1.066667rem 0rem 1.04rem !important;
}
.verify_icon {
  position: absolute;
  left: .426667rem;
  top: 33%;
  width: .466667rem;
  height: .386667rem;
  background: url(../../images/login_sprite_img.png) no-repeat -3.6rem -1.4rem;
  background-size: 5.84rem 7.28rem;
}
#pwd .pwd_icon {
  position: absolute;
  left: .433333rem;
  top: .426667rem;
  width: .356667rem;
  height: .455557rem;
  background: url(../../images/login_sprite_img.png) no-repeat -3.8rem -2rem;
  background-size: 5.84rem 7.28rem;
}
.username_login .pwd_icon {
  position: absolute;
  left: .433333rem;
  top: 62%;
  width: .356667rem;
  height: .455557rem;
  background: url(../../images/login_sprite_img.png) no-repeat -3.8rem -2rem;
  background-size: 5.84rem 7.28rem;
}
/*============================================ new reg end=================================*/