* {
    outline: none;
    padding: 0;
    margin: 0;
    transition: .3s all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6, th {
    font-size: 100%;
    font-weight: normal;
}
form, iframe, span, dl, dd, dt, pre, fieldset, legend, p, img {
    border: 0;
}
img {
    /*image-rendering: pixelated;*/
}
ul,li,ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
i, em {
    font-style: normal;
}
a {
    text-decoration: none;
    background: none;
    color: inherit;
}
a:hover {
    color: #272992;
}
ul, ol {
    list-style: none;
}
input, textarea, select, button {
    font-size: 100%;
    border: 0;
    display: block;
    
}
input::-webkit-input-placeholder {
    color: #ccc;
}
input:-moz-placeholder {
    color: #ccc;
}
input:-ms-input-placeholder {
    color: #ccc;
}
textarea::-webkit-input-placeholder {
    color: #ccc;
}
textarea:-moz-placeholder {
    color: #ccc;
}
textarea:-ms-input-placeholder {
    color: #ccc;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: '';
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}


body {
    position: relative;
    font-size: 16px;
    color: #555;
    line-height: 28px;
    overflow-x: hidden;
    
   
}
.body-bg {
    background: url('../images/mem-bg.jpg') center no-repeat;
    background-size: cover;
     height: 100vh;
}
#mydiv {
    padding-top: 6vw;
}
.mem-logo {
    text-align: center;
    padding-bottom: 30px;
}
.mem-logo img {
    display: inline-block;
    height: 55px;
}
.login-main {
    width: 450px;
    background: rgba(255,255,255,.5);
    border: 1px solid #f1ce9e;
    border-radius: 20px;
    padding: 0 40px 20px;
}
.login-main .layui-elip {
    margin-bottom: 30px;
    font-weight: normal;
}
.layui-input, .layui-select, .layui-textarea {
    height: 44px;
    border-radius: 5px;
}
.login-main .layui-form-item label.item {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    top: 50%;
    margin-top: -15px;
    border-radius: 5px;
    color: #ccc;
    font-size: 16px;
}
.login-main .layui-form-item label.item,
.login-main .layui-form-item .layui-input-focus label { 
    top:-20px; 
    margin-top: 0;
    font-size: 13px; 
    color:#999;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    height: 24px;
    line-height: 24px;
}
.login-main form .verify-box img {
    height: 44px;
    border-radius: 5px;
}
.layui-btn {
    height: 44px;
    line-height: 44px;
    border-radius: 5px;
    font-size: 16px;
    background-color: #272992;
}
.lay-link {
    color: #272992 !important;
}
.layui-form-item label {
    display: block;
}
.yanzhengma {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.layui-form-pane .layui-form-label {
    height: 44px;
    padding: 11px 15px;
}
.layui-nav-tree .layui-this > a, 
.layui-nav-tree .layui-this > a:hover,
.layui-nav-tree .layui-nav-item a:hover{
    background-color: #4143b1;
}
.layui-bg-black,
.layui-nav {
    background-color: #272992 !important;
}
.layui-nav-tree .layui-nav-bar {
    background-color: #8d8fd7;
}
.layui-tab-brief > .layui-tab-title .layui-this {
    color: #272992;
}
.layui-tab-brief > .layui-tab-title .layui-this:after {
    border-color: #272992;
}
.layui-tab-title li {
    font-size: 16px;
}
.fly-home h1 {
    font-size: 20px;
    margin: 15px 0;
}