
.footer{ text-align:center; background: #eef3f8; font-size:14px; color:#767982; line-height:20px; padding:30px 0}



.regist-bg{height:100%; background-size:cover}


.login-bg{background:url(../../img/home/bg-login.jpg) no-repeat center center; height:100%; background-size:cover}
.login-logo{ text-align: center; overflow: hidden;}
.login-logo img{ width: 800px; margin-top: 80px;}
.login-left{background:#fff; position: absolute; width: 330px; top:220px;  border-radius: 10px; left: 50%; margin-left: 150px;}
.login-warp{ padding: 20px 40px;}
.login-warp h3{ text-align: center; font-size:22px; color: #254f94;}






.input{width: 250px;height: 40px;border: 1px solid #d4d4d4;border-radius:5px;margin-top: 20px;position:relative;}
.input input{float:left;line-height:66px;height: 41px;font-size: 14px;padding-left:15px;width: 200px;}
.input input::-webkit-input-placeholder {
        color: #d3d6d8;
      }
      .input input::-moz-input-placeholder {
        color: #d3d6d8;
      }
      .input input::-ms-input-placeholder {
        color: #d3d6d8;
      }
.input span{float:left;width: 40px;height: 40px;border-right: 1px solid #d4d4d4;}
.input span.icon-name{ background:url(../../img/home/icon-name.png) no-repeat center center; background-size: 20px 20px;}
.input span.icon-password{ background:url(../../img/home/icon-password.png) no-repeat center center; background-size: 20px 20px;}
.btn-eye{ position: absolute; width:40px; height:40px; background: url(../../img/home/eye.png) no-repeat center center; right:0 ;top:0; display:block; cursor:pointer; background-size: 32px 32px;}
.btn-eye.active{ background-image:url(../../img/home/eye_active.png)}
.btn-login{height: 40px;display:block;width: 90px;color:#130e0e;font-size: 16px;background:linear-gradient(to right, #1662f6 , #397eff);border-radius:5px;margin:0 0 0 0;cursor:pointer;float:right;}
.btn-login:hover{background:linear-gradient(to right, #1662f6 , #1662f6)}
.login-btns{overflow:hidden;margin-top: 20px;}
.btn-wjmm{float:left;line-height: 40px;font-size: 14px;color:#d3d6d8;}
.btn-wjmm a{ color:#91d5ff}

.btn-zc{display:block;width:90px;text-align:center;font-size: 14px;color:#367bfe;margin: 20px auto 0;position:relative;}
.btn-zc:before{position:absolute;border-bottom:1px dashed #d4d4d4;width: 80px;height:1px;content:"";left: -80px;top:50%;margin-top:-1px;}
.btn-zc:after{position:absolute;border-bottom:1px dashed #d4d4d4;width: 80px;height:1px;content:"";right: -80px;top:50%;margin-top:-1px;}

.btn-bjzw{font-size: 16px;color:#000000;margin-left: 50px;}

.mask{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,.7); left:0; top:0;}
.register-box{ width:1000px; height:500px; position:fixed; background:#fff; border-radius:10px; left:50%; top:50%; transform:translate(-50%,-50%);}
.registrt-tit{ text-align:center; font-size:26px; color:#254f94; padding:50px 0; position:relative}
.regist-nav{ text-align:center}
.regist-nav a{ width:200px; height:200px; background:#215ed2; display:inline-block; border-radius:10px; text-align:center; margin:0 40px}
.regist-nav a:hover{ background:#68b5fd}
.regist-nav img{ height:82px; display:block; margin:40px auto 25px; }
.regist-nav a span{ color:#fff; font-size:16px;}

.regist-qd{ width:280px; height:60px; background:#1863f7; display:block; text-align:center; border-radius:5px; line-height:60px; font-size:20px; color:#fff; margin:70px auto 0}
.regist-qd:hover{ color:#fff}
.regist-close{ width:41px; height:41px; background:url(../../img/home/icon-close.png) no-repeat; position:absolute; top:-62px; right:0; display:block; cursor:pointer}
.com-edit-text{ width:1200px; margin:0 auto}

.re-title{ border-width:0px;
  left:0px;
  top:0px;
  line-height:58px;
  background-color:rgba(31, 105, 248, 1);
  color:#fff; text-align:center; font-size:20px; font-weight:bold}

.edit-input{ padding:25px 0}
.edit-input > li{  margin-bottom:30px; float:left; position:relative; padding-right:20px;}
.remenu{ float:left ; min-width:943px;}
.checkboxs{ float:left; max-width:943px; min-width:450px}
.checkbox-label{ display:inline-block; margin-top:5px; margin-right:40px;}
.checkbox-label input{ margin-right:3px}
.textarea-box{ width:943px; float:left}
.textarea-box textarea{ width:100%; border:1px solid #dbdbdb; height:150px}
.remenu li{ float:left; line-height:34px; background:#f2f2f2; border-radius:5px; padding:0 20px; margin-right:28px; font-size:12px}
.remenu li.active{ background:rgba(31, 105, 248, 1); color:#fff}
.edit-input > li.bitian:after{ position:absolute; display:block; content:"*"; right:0; top:50%; transform:translateY(-50%); color:red; font-size:14px}
.edit-input > li label.label-name{ float:left; width:225px; line-height:34px; text-align:right}
.edit-input > li .input-item{ float:left; width:350px; position:relative}
.edit-input > li .input-item span{display: block;
    position: absolute;
    left: 0;
    bottom: -20px;}
.yzm{ position:absolute; right:10px; top:5px; line-height:22px; background:#f2f2f2; border-radius:5px; font-size:12px; width:100px; text-align:center; cursor:pointer}
.edit-input > li .input-item .radio-label{ display:inline-block; margin-top:5px; margin-right:20px}
.edit-input > li .input-item .radio-label input{ margin-right:3px}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		      box-sizing: border-box;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
.re-btns{ text-align:center; margin-top:20px}
.bt-btn{
  width:140px;
  height:40px;
  margin:0 20px;
  color:#fff;
  background-color:rgba(231, 110, 34, 1);
  border:none;
  border-radius:5px;
  cursor:pointer;
}
.cg-show{ display:none}
.cg-box{width:400px;height:300px;background:#fff; position:fixed; left:50%; top:50%; transform: translate(-50%,-50%); border-radius:10px; text-align:center; overflow:hidden}
.cg-box img{ width:100px; height:100px; margin:50px 0 20px}
.cg-box p{ font-size:16px; color:#333; font-weight:bold}

.up-pic{ margin:0; background:#fff;box-shadow:0 0px 20px rgba(0,0,0,.1);  background: url(../../img/home/add-images.jpg) no-repeat;  overflow:hidden; position:relative; float:left; width:160px; height:160px; background-size:100% 100%}
.up-pic span{ text-align:center; font-size:.38rem; display:block; margin-top:3rem; color:#333}
.up-pic input{ display:none}
.up-pic img{ position:absolute; left:0; top:0; width:100%; height:100%; border:none;}
.up-input{ background:#fff; margin-bottom:.2rem; display:flex;align-items:center; padding:.3rem;    flex-wrap: wrap;}
.up-input span{ font-size:.28rem; color:#333}
.up-input input{ font-size:.28rem; width:4rem; margin-left:.5rem}
.up-input textarea{ width:100%; height:1rem; border:1px solid #dbdbdb; outline:none; resize:none;font-size:.28rem; padding:.2rem; margin-top:.2rem}
.up-btn{ height:1rem; display:block; background:#0888FE; width:94%; margin:0 auto; font-size:.36rem; color:#fff; border-radius:5px; margin-top:1rem}
