/* reset */
/* body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
body {font: 14px/1 PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";position: relative;margin-top: 60px;color: #333;border-top: 1px solid transparent;} */
img {border: none;}
em,strong {font-family: inherit;font-size: inherit;}
ul,ol,li {list-style: none;}
table {border-spacing: 0;border-collapse: collapse;}
h1,h2,h3,h4,h5,h6 {font-size: 14px;font-weight: normal;}
q:before,q:after {content: ' ';}
button,input,select,textarea {font-size: 100%;}
input,button,textarea,select,optgroup,option {font-family: inherit;font-size: inherit;font-weight: inherit;font-style: inherit;outline: none;}
address,cite,dfn,em,var {font-style: normal;}
[v-cloak] {
  display: none !important;
}
/* link */

a,a:link,a:visited,a:hover,a:active {text-decoration: none;color: #333;outline: none;}
input::placeholder,textarea::placeholder {color: #ccc;}
input::-moz-placeholder,textarea::-moz-placeholder {color: #ccc;}
input::-ms-input-placeholder,textarea::-ms-placeholder {color: #ccc;}
input::-webkit-input-placeholder,textarea::-webkit-placeholder {color: #ccc;}


.logo {float: left;width: 120px;height: 36px;margin-top: 12px;background: url('https://cdn.vcbeat.top/upload/vcbeat/public/Computer/Public/img/logo.png?v=152');}
.login_layer {width: 450px;background: #fff;border-radius: 8px;text-align: center;padding-bottom: 10px;display: none;position: relative;}
.login_layer p{font-size: 18px;padding: 36px 30px 0;text-align: left;}
#wx_login {width: 300px;height: 400px;margin: 10px auto;}
/* 登录的各个模块的样式 */
.login_form_layer {background: #fff;border-radius: 4px;display: none;}
.login_form_layer>div:nth-child(1) {padding: 16px 20px;height: 36px;border-bottom: 1px solid #F8F8FA}
.login_form_layer>div:nth-child(1) .logo {float: none;margin-top: 0;height: 36px;width: 120px;background-repeat: no-repeat;background-size: 100% 100%}
.login_form_layer .layui-layer-close2 {top: 0px right: 0px}
.login_form_layer>div:nth-child(2) {padding: 20px 30px;position: relative}
.login_form_layer>div:nth-child(2) .tip {font-size: 16px;color: #333333;margin: 8px 0 16px 0;line-height: 22px}
.login_form_layer input {border: 1px solid #F8F8FA;background: #F8F8FA;width: calc(100% - 24px);height: 20px;padding: 10px 12px 10px 12px;border-radius: 4px;font-size: 14px}
.login_form_layer input::-webkit-input-placeholder {color: #999999;font-size: 14px}
.login_form_layer input:focus {border: 1px #FA5A00 solid}
.login_form_layer .div-input .err {color: #F3494B;margin-top: 2px;line-height: 18px;font-size: 12px}
.login_form_layer .div-input .input-err {border: 1px solid #F3494B}
.login_form_layer .div-input .forget-paw {color: #999999;position: absolute;font-size: 14px;cursor: pointer;top: 50px;right: 0}
.login_form_layer .div-input .get-code {position: absolute;color: #FA5A00;font-size: 12px;top: 16px;right: 10px;cursor: pointer;}
.login_form_layer .div-input .get-code.wait {color: #999999;cursor: default;}
.login_form_layer .div-input+.div-input {margin-top: 10px;position: relative}
.login_form_layer .div-input {position: relative}
.login_form_layer .div-input .code-img {position: absolute;top: 1px;right: 1px;}
.login_form_layer .login-footer button {margin-top: 40px;width: 100%;height: 40px;background: #FA5A00;color: #fff;font-size: 16px;border: none;border-radius: 4px;cursor: pointer;}
.login_form_layer .s-tip {display: flex;justify-content: space-between;margin-top: 16px}
.login_form_layer .s-tip p {color: #FA5A00;cursor: pointer;}
.login_form_layer .s-tip p span {color: #999999;}
.login_form_layer .others p {text-align: center;line-height: 1;font-size: 14px;color: #666;position: relative;margin-top: 20px;}
.login_form_layer .others p:after {left: 0}
.login_form_layer .others p:after,
.others p:before {position: absolute;content: '';width: 100px;top: 50%;transform: translate(0, -50%);border-top: 1px dashed #e8e8e8;right: 0;}
.login_form_layer .others span {display: block;background-color: #bbb;font-size: 0;text-align: center;width: 32px;height: 32px;line-height: 48px;border-radius: 50%;margin: 10px auto 0;cursor: pointer}
.login_form_layer .others span:hover {background-color: #63BF61}
.login_form_layer .others span img {width: 16px;height: 16px; display: inline-block;}