@charset "utf-8";
body,h1,h2,h3,h4,h5,ul,li,p,dl,dd ,th{
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: normal;
}

* {
  font-family: 'Microsoft Yahei', Helvetica, Arial, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

/* Link */
img {
  border: 0px;
}

button,input,a {
  cursor: pointer;
}

button,input,textarea:focus {
  outline:0;
  box-sizing: border-box;
}

/* 移除input数字下标 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.clear{
  clear: both;
}

.clearfix::after{
  content: '';
  display: block;
  clear: both;
}

[v-cloak] { display: none }

body{
  width: 100%;
  min-width: 1200px;
}

.flex{
  display: flex;
  align-items: center;
}

.flex_between{
  justify-content: space-between;
}

.w{
  width: 1200px;
  margin: 0 auto;
}

.login_wrap{
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
  background-color: #4faefe;
}

.heard{
  background-color: #fff;
}

.heard_item{
  height: 80PX;
  height: 80PX;
}

.img_login{
  width: 60px;
  height: 60px;
}

.item_title{
  font-size: 20px;
  color: #333333;
  margin-left: 15px;
}

.item_title b{
  position: relative;
  margin-right: 36px;
}

.item_title b::after{
  content: '';
  position: absolute;
  top: 5px;
  right: -20px;
  width: 1px;
  height: 20px;
  background-color: #ccc;
}

.img_pro{
  width: 618px;
  height: 525px;
}

.main_right{
  width: 300px;
  background-color: #fff;
  border-radius: 5px;
  padding: 55px 40px 65px;
}

.form_title{
  font-size: 18px;
  color: #a9a9a9;
  /*margin-bottom: 35px;*/
}

.form_input input{
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: solid 1px #e4e4e4;
  padding: 0 10px;
  /*margin-bottom: 20px;*/
  margin-top: 20px;
  font-size: 16px;
  color: #333333;
}

.form_code{
  position: relative;
}

.form_code a{
  position: absolute;
  /*top: 4px;*/
  right: 10px;
  width: 80px;
  height: 32px;
}

.login_btn{
  font-size: 16px;
  color: #fff;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #4faefe;
  outline: 0;
  border: 0;
}

.login_href{
  font-size: 14px;
  color: #999;
  text-align: center;
  display: block;
  margin-top: 15px;
}

.login_href span{
  color: #4faefe;
}
.footer{
  font-size: 12px;
  color: #fff;
  text-align: center;
  height: 65px;
  line-height: 65px;
  position: absolute;
  bottom:0;
  width:100%;
}

/* 注册 */
.register_wrap{
  background: url(../img/register_bg.png) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:100%;
  height:auto !important;
  height:100%;/*ie6不识别min-height,如上述处理*/position:relative;
}

.img_register{
  width: 33px;
  height: 34px;
}

.main_box{
  background-color: #fff;
  border-radius: 5px;
  padding: 100px 0;
  width: 900px;
  margin: 0 auto;
}

.register_input{
  margin-bottom: 20px;
  justify-content: center;
}

.register_input label.text{
  width: 80px;
  font-size: 16px;
  color: #333333;
  margin-right: 10px;
  text-align: right;
}

.register_code{
  position: relative;
}

.register_code .code_text{
  width: inherit;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  background-color: #4faefe;
  cursor: pointer;
}

.register_code .disable{
  pointer-events:none;
  color:#fff;
}

.register_input input,.register_btn{
  width: 370px;
  margin-bottom: 0;
  margin-top: 0px;
}

.agreeBox{
  margin-top: 20px;
}

.selectAgree{
  font-size: 14px;
  color: #999999;
  cursor: pointer;
}

.select_img{
  width: 14px;
  height: 14px;
  border: solid 1px #4faefe;
  justify-content: center;
  margin-right: 8px;
}

.select_img img{
  display: none;
}

.select_img.active img{
  display: block;
}

.agree_txt{
  font-size: 14px;
  color: #4faefe;
}

.register_footer{
  color: #b1b1b1;
}

/** 表单验证 样式布局 **/
label.error {
  color: #ef392b;
  font-size: 12px
}

.Validform_error,input.error,select.error {
  background-color: #fbe2e2;
  border-color: #c66161;
  color: #c00
}

.item_user{
  font-size: 14px;
  color: #333;
}

.item_user span{
  color: #4faefe;
}

@media screen and (min-width: 1367px) {
  .main{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .register_main{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
}

@media screen and (max-width: 1366px) {
  .main{
    margin: 50px 0 0;
    padding-bottom: 115px;
  }
  .register_main{
    padding-bottom: 115px;
    margin-top: 50px;
  }
}