﻿/*登录注册页验证码错乱问题调整*/
li .btn-getCode {
  width: 260px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border: none;
  cursor: pointer;
  font-size: 13px;
}

li .btn-mini:hover {
  background: #cfe9ff;
}

.wechatcode_box {
  padding: 20px 0;
}

#LogOnCode,
#RegisterCode,
#shortMessageValidateSimple,
#shortMessageValidateSimpleRegisterCode,
#shortMessageValidateRegisterCode,
#shortMessageValidateLogOnCode {
  width: 124px;
  border: 1px solid #aaa;
  height: 24px;
  line-height: 24px;
  padding: 5px;
  vertical-align: top;
  box-sizing: content-box;
}

#valiCodeLogOnCode,
#valiCodeRegisterCode,
#valiCodeshortMessageValidateSimpleRegisterCode,
#valiCodeshortMessageValidateRegisterCode,
#valiCodeshortMessageValidateLogOnCode {
  height: 36px;
  vertical-align: middle;
}

#NationIddropdown {
  width: 260px;
  padding: 5px;
  height: 36px;
}

#ProvinceIddropdown,
#CityIddropdown {
  width: 128px;
  padding: 5px;
  height: 36px;
}

@media only screen and (max-width: 660px) {

  #LogOnCode,
  #RegisterCode,
  #shortMessageValidateSimple,
  #shortMessageValidateSimpleRegisterCode,
  #shortMessageValidateRegisterCode {
    width: 110px;
  }

  ul.register_list li label,
  .con_box ul.register_list li label,
  .regform li label,
  ul.phone_yz li:nth-child(2) label {
    width: 66px;
    line-height: 24px;
    height: auto;
    margin-right: 2%;
  }
}

@media only screen and (max-width: 420px) {

  #RegisterCode,
  #shortMessageValidateSimple,
  #shortMessageValidateSimpleRegisterCode {
    width: 70px;
  }
}

@media only screen and (max-width: 360px) {

  #LogOnCode,
  #RegisterCode,
  #shortMessageValidateSimple,
  #shortMessageValidateSimpleRegisterCode,
  #shortMessageValidateRegisterCode {
    width: 66px;
  }
}