*, *:before, *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}
ul{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,em,var,ol,dl,dd,p,dt,i{font-weight:normal;padding:0;margin:0;list-style:none;font-style:normal;font-weight: normal;}
.layui-input:hover,.layui-textarea:focus,
.layui-input:focus,.layui-textarea:focus
{border-color: var(--main) !important;}
.layui-input{border: 1px solid #dcdee2;}
html, body {position: relative;font-size: 12px;height: 100%;width: 100%;font-family: Arial,Helvetica,sans-serif,'Microsoft YaHei';margin: 0;}
html{
    --main: #0085E8;
    --white: #fff;
}
.btn{background: linear-gradient(90deg, #0cafef, #0e73e8) !important;}
.layui-btn-primary:hover{border-color: var(--main) !important;}

.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i{color: var(--main) !important;}



/* 密码登录 height: 420px !important; */
#app{width: 100%;height: 100%;}
.page_account{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100vh;overflow: auto;}
.page_account{background-repeat: no-repeat;background-position: 50%;background-size: cover;}
.container{padding: 0 !important;border-radius: 6px;z-index: 1;display: flex;overflow: hidden;}
.containerSamll{background: var(--white) !important;}
.wrapper_page_left {width: 510px;background-size: auto 100%;padding: 0;background-color: var(--white);height: 100%;}
.wrapper_page_right{width: 390px;padding: 0 40px 0 40px;box-sizing: border-box;margin: 0 auto;}
.wrapper_page_right .account_top{padding: 30px 0 5px;display: flex;justify-content: center;}
.wrapper_page_right .account_top img{width: auto;height: 75px;}
.wrapper_page_right .account_top1{width: auto;text-align: center;display: block;font-size: 17px;color: var(--main);}
.wrapper_page_right .layui-tabs-header li{width: 50%;}
.wrapper_page_right .layui-tabs-header .layui-this, .layui-tabs-header li:hover{color: var(--main);}
.wrapper_page_right .layui-tabs-header .layui-this:after{border-bottom: 3px solid var(--main);}
.wrapper_page_right .layui-form .text{margin-bottom: 10px;}
.wrapper_page_right .layui-form .text .zzcode{display: flex}
.wrapper_page_right .layui-form .text .zzcode input{width: 200px;}
.wrapper_page_right .layui-form .text .azz{width: auto;height: 38px;margin-left: 5px;}
.wrapper_page_right .layui-form .text .azz img{width: 100%;height: 100%;;}
.button,.btn{width: 100%;}
.tips{margin-top: 25px;display: flex;justify-content: space-between;}
.tips a{font-size: 12px;color: #999;cursor: pointer;height: 18px;line-height: 18px;}

/*  */
.footer{position: fixed;z-index: 5;left: 50%;bottom: 0;transform: translate3d(-50%, 0%, 0);width: 100%;text-align: center;color: #73777a;background: hsla(0, 0%, 100%, .6);border-top: 1px solid #e7eaec;padding: 10px 0 0 ;}
.footer a{color: #73777a;}
.footer .link_wrap{width: 100%;}
.footer .link_wrap a{font-size: 14px;line-height: 30px;}
.footer .link_wrap a + a{margin-left: 15px;}
.footer .link_wrap a:hover{color: var(--main);}
.footer .copyright_text{line-height: 30px;line-height: 30px;;}




/* 背景图片 */
.bg_slides{position: absolute;width: 100vw;height: 100vh;overflow: hidden;}
.bg_slides_item{position: absolute;width: 100%;height: 100%;background: no-repeat 50% 50%;background-size: cover;}
@media only screen and (max-width: 640px) {
    .wrapper_page_left{display: none;}
    .wrapper_page_right{width: 90%;padding: 0}
    .footer .link_wrap a{line-height: 24px;}
}

















.layui-upload-drag{width: 150px;
    height: 150px;}



 /* 预览图容器 */
 .upload-preview-box {
    width: 150px;    border: 1px dashed #e2e2e2;
    border: 1px dashed #e2e2e2;
    margin-top: 10px;
    position: relative;
    display: inline-block;
  }
  .upload-preview {
    width: 150px;
    height: 150px;
    object-fit: contain;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    cursor: zoom-in;margin: auto;display: block;
  }
  .upload-delete {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #ff5722;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    font-size: 12px;
  }