body{color: #686d7e;}
.login{
  
    background-image: -webkit-linear-gradient(0deg, #55a4ef, #3fccd5) !important;
    -webkit-background-clip: text;
    /*letter-spacing: 2px;
    -webkit-text-fill-color: transparent;*/
}
.login_img{position: absolute; top:140px;left:100px}
.logon-div{
    width: 500px;
    height: 600px;
    background-color: #fff;
    position:absolute;
    top: 190px;
    right: 249px;
}
.login_company_name{
    font-size: 24px;
    color: #ffffff;
    position:absolute;
    top: 45px;
    left: 320px;
}
.foot_keep_on_record{
    font-size: 10px;
    color: black;
    position:absolute;
    bottom: 30px;
    left: 400px;
}
.title-div{
    position: absolute;
    top: 15%;
    left: 14%;
}
#forms{
    align-content: center;
    position: absolute;
    top: 30%;
    /*right: 15%;*/
}
.main-div{margin-left: 65px;}
.main-div p{margin-bottom: 35px;}
.back-color-fff{
    background-color: #fff;
}
.font-color-3fccd4{
    color: #3fccd4;
}
.font-color-666{
    color: #666;
}
.font-size-24{
    font-size: 24px;
    font-family:'Microsoft YaHei';
}
.font-size-18{
    font-size: 18px;
    font-family:'Microsoft YaHei';
}
.font-size-16{
    font-size: 16px;
    font-family:'Microsoft YaHei';
}
.font-size-14{
    font-size: 14px;
    font-family:'Microsoft YaHei';
}
input::-webkit-input-placeholder {
    color: #AAA;
    /* font-size: 18px; */
}
.ipt{
    width: 250px;
    height: 30px;
    border: none;
    border-bottom:1px solid #ddd;
    /*letter-spacing: 0.1vw;  */  
    /* color: #cccc; */
    /*text-align: center;*/
   padding-left: 10px;
    font-size: 16px;
    /*font-family: 'Microsoft YaHei';*/
}
.ipt_register{
    width: 400px;
    height: 35px;
    border: none;
    border:1px solid #ddd;
    /*letter-spacing: 0.2vw;*/
    padding-left: 10px;
   
   
    /* color: #cccc; */
    /*text-align: center;*/
    font-size: 14px;
    /*font-family: 'Microsoft YaHei';*/float:left;
}
.ipt_length{  width: 280px;float:left;}
.yzm{
    width: 80px;
    height: 30px;
    border: none;
    border-bottom:1px solid #ddd;
    /* color: #cccc; */
    /*letter-spacing: 0.1vw;    
    text-align: center;*/
    font-size: 16px;
    padding-left: 0.5vw;
    /*font-family: 'Microsoft YaHei';*/
}
.yzm-dx{
    width: 130px;
    height: 25px;
    border: none;
    border-bottom:1px solid #ddd;
    /* color: #cccc; */
    font-size: 16px;
    padding-left: 0.8vw;
    font-family: 'Microsoft YaHei';
}
/* 账号登录，密码可见坐标 */
#click{
    position: absolute;
    right: 2%;
}
/* 短信登录，密码可见去坐标 */
#click-dx{
    position: absolute;
    right: 29%;
}
#click img,#click-dx img{width: 15px;}

/* 短信验证码发送按钮 */
#btn {
    width: 99.6px;
    height: 25px;
    border: 0.25px;
    text-align: center;
    color: #3fccd4;
    /*position: absolute;
    top: 59%;
    right: 0%;*/
    cursor: pointer;
    /* background-color: #fff; */
}
/* 验证码，画布 */
#canvas{
    background-color: #dcdcdc;
    width: 100px;
    height: 25px;
    display: inline-block;
    border: none solid #b3b3b3;
    position: absolute;
    top: 70.5%;
    right: 15.5%;
    /* border-radius: 5px; */
}
/* 验证码刷新 */
#reflash{
    position: absolute;
    top: 74%;
    right: 1%;
}
.logon-div img{
    width: 12px;
    margin: 5px 5px 0 5px;
  
   /* height: 13px;*/
}
a{
    /* 去掉下划线 */
    text-decoration:none;
}
.btn{
    border: none;
    background-color: #3fccd4;
    width: 182px;
    height: 28px;
    border-radius: 126px 126px 126px 126px;
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 130%;
    right: 18%;
    box-shadow: 0px 0px 3px 3px #d4f3f5;
    cursor: pointer;
}

.btn-dx{
    border: none;
    background-color: #3fccd4;
    width: 182px;
    height: 28px;
    border-radius: 126px 126px 126px 126px;
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 170%;
     right: 18%;
    box-shadow: 0px 0px 3px 3px #d4f3f5;
    cursor: pointer;
}
.foot-div{
    position: absolute;
    top: 90%;
    right: 30%;
}
.btn:hover,.btn-dx:hover{ background-color: #70dae0;}

/*注册*/
.register {margin: 0; padding: 0;}
.reg-head{
    height: 60px;
    background-color: #e6e6e6;
}
.reg-main{
    background-color: #fff;
    align-content: center;
}
a{
    text-decoration: none;
}
header img{
    width: 200px;
    position: absolute;
    top: 16px;
    left: 150px;
}
.reg-underline{
    width: 130px;
    height: 5px;
}
table{
    /*margin: auto;
    position: absolute;
    top: 174px;
    left: 50%;*/
    /* x,y坐标 */
    /*transform: translate(-50%,0);*/
}
/* 注册表头 */
.register_tab{width: 550px;}
table .caption1 span{
    color: #424754;
    font-size: 30px;
    font-family: 'Microsoft YaHei';
    border-bottom: 5px solid #eae9e9;padding-bottom: 5px;width: 120px;
   text-align: center;
}
.caption1{padding: 15px;padding-top: 60px;padding-bottom: 40px;}
table img{
    width: 8px;
}
table a img{width: 12px;}
table td{
    padding:20px 0 20px 0px; 
}
tr{
    /*display: block;*/
   /* margin: 36.5px;*/
}
/* 输入框宽度 */
input{
    height: 36.5px;
}
/*.ipt{
    width: 363.7px;
}*/
.ipt-yzm{
    width: 240px;
}
span{
    color: #666;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
}
.span-12-1{
    color: #666;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
}
.span-12-2{
    color: #24dddd;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
}
/* 提交按钮 */
.sub{
    width: 361px;
    height: 36.5px;
    color: #fff;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    background-color: #3fccd4;
    border: none;
    box-shadow: 0px 0px 3px 3px #d4f3f5;
    border-radius: 2px;
    cursor:pointer;
}
.sub_min{width: 100px;font-size: 16px;}
#btn{
    width: 108px;
    height: 28px;
    text-align: center;
    color: #fff;
    font-family: 'Microsoft YaHei';
    font-size: 14px;
    background-color:#3fccd4;
    border: none;
    cursor: pointer;
    margin-top: -7px;
}
#btn1{
    width: 108px;
    height: 35px;
    text-align: center;
    color: #fff;
    font-family: 'Microsoft YaHei';
    font-size: 14px;
    background-color:#3fccd4;
    border: none;
    cursor: pointer;
    margin-left: -15px;
}
.sub:hover,#btn:hover,#btn1:hover{  background-color: #70dae0;}
/*.center-line{
    position: absolute;
    top: 21%;
    left: 50%;
    /* x,y坐标 */
  /*  transform: translate(-50%,0);
}*/
/* 居中 */
/*.center-1{
    position: absolute;
    left: 50%;
   
    transform: translate(-50%,0);
}*/
/* submit按钮居中 */
.center-2{
    position: absolute;
    bottom: -5%;
    left: 50%;
    /* x,y坐标 */
    transform: translate(-50%,0);
}
/* footer居中 */
.center-3{
    position: absolute;
    bottom: 20%;
    left: 50%;
    /* x,y坐标 */
    transform: translate(-50%,0);
}
/* 注册成功图片 */
.reg-img{
    width: 80px;
    height: 80px;
    position: absolute;
    top: 40%;
    left: 49.5%;
    transform: translate(-50%,-50%);
}
/* 注册成功 */
.reg-success{
    color: #5e6470;
    font-family: 'Microsoft YaHei';
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%,-50%);
 }
.reg-return-btn{
    text-align: center;
    border: none;
    width: 330px;
    height: 24px;
    font-family: 'Microsoft YaHei';
    font-size: 16px;
    color: #ffffff;
    background-color: #3fccd4;
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/*注册成功*/
.register_sucess{width: 400px; text-align: center;margin: 0 auto;margin-top:50px;}
.register_sucess img {width:100px;}
.register_sucess h3{font-size: 25px; padding:5px 0  40px 0;color: #5e636f;}
.reg_img{width:980px; margin: 80px auto 0px;}

.tab_pwd{margin: 20px 20px 20px 40px;}
.tab_pwd input[type=text]{width: 400px;}