body,html{
    width:100%;height:100%;
}
body{
    background-image: url('../image/bg.png');background-repeat: no-repeat;background-size: 100% 100%;
}
.user-login{
    position: absolute;
    width:30%;
    min-width: 340px;
    top:17.6%;
    left:18%;
    background: #FFFFFF;
}
.user-login .layui-form-item {
    margin: 16px 36px;
    position: relative;
}
.user-login .layui-form-item a,.user-login .layui-form-item i,.user-login .layui-form-item button,.user-login .layui-form-item .my-icon,.user-login .layui-form-item .codeImage {
    cursor: pointer;
}
.user-login .layui-form-item .icon-pwd:hover,.user-login .layui-form-item .my-icon-denglujiemianzhanghaoshanchu:hover
{
    color:#566480;
}
.user-login .layui-form-item .icon-pwd:active,.user-login .layui-form-item .my-icon-denglujiemianzhanghaoshanchu:active
{
    color:#007AFF;
}
.user-login .layui-form-item-title{
    margin:24px 0;
    display: flex;
    justify-content:center;
    align-items: center;
}
.user-login .layui-form-item-title a{
    position: absolute;
    top: -10px;
    right: 10px;
    font-size: 20px;
    color:#566480;
}
.user-login .logo {
    width: 36px !important;
    height: 36px !important;
    /*margin-top: 4px !important;*/
    /*margin-left: 4px !important;*/
    /*margin-bottom: 10px !important;*/
}
.user-login .title {
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-left: 20px !important;
    color: #2D3952 !important;
    display: inline-block !important;
    height: 36px !important;
    line-height: 36px !important;
    margin-top: 4px !important;
}
.user-login .user-login-icon {
    position: absolute;
    left: 1px;
    top: 1px;
    font-size: 24px;
    width: 38px;
    line-height: 36px;
    text-align: center;
    color: #d2d2d2;
}
.user-login .layui-form-item-username i,.user-login .layui-form-item-pwd i{
    display: none;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 36px;
    line-height: 36px;
    text-align: center;
    color: #d2d2d2;
    font-size:24px;
}
.user-login .layui-form-item-pwd .icon-pwd{
    top:2px;
}
.user-login .layui-form-item-pwd .my-icon-denglujiemianzhanghaoshanchu{
    right: 26px;
}
.user-login .layui-form-item .layui-input {
    padding-left: 36px;
    padding-right: 36px;
    border: 1px solid #CFD7E4;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 4px;
}
.user-login .layui-form-item-pwd .layui-input {
    padding-right: 62px;
}
.user-login .layui-form-item .code {
    padding:0 8px;
    width:59%;
    margin-right:1%;
}
.user-login .codeImage,.user-login .mobile-code-btn {
    float: right;
    height: 38px;
    width: 40%;
    line-height: 38px;
    border-radius: 4px;
}
.user-login .mobile-code-btn {
    background: #3D7DFF;
    color: #FFFFFF;
    font-size: 13px;
    text-align: center;
}
.user-login .user-login-assist{
    margin-top:-15px;
}
.user-login .user-login-assist .layui-form-checkbox[lay-skin=primary] span{
    font-size: 12px;
    color: #566480;
}
.user-login .user-login-assist .layui-form-checkbox[lay-skin=primary]{
    padding-left:20px;
}
.user-login .user-login-assist .layui-form-checkbox[lay-skin=primary] i{
    top:1px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
}
.user-login .user-forget-pwd{
    position: absolute;
    right:0;
    top:12px;
    font-size: 12px;
    color: #566480;
}
.user-login .user-forget-pwd i{
    color: #FC9D0F;
    margin-right:3px;
    position: absolute;
    left: -17px;
    top: -1px;
}
.user-login .layui-form-item .pear-btn{
    width:100%;
    margin-top:14px;
    height:44px;
    background: #3D7DFF;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 16px;
}
.user-login .user-register-assist{
    margin-bottom: 65px;
}
.user-login .user-register-assist a{
    position: absolute;
    right:0;
    font-size: 14px;
    color: #3D7DFF;
}
.user-login .layui-form-item .tips
{
    display:none;
    font-size: 12px;
    color: #EB4F4F;
    clear: both;
}
.user-login .layui-form-item .tips:before{
    font-family: "my-iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e64a";
    position: relative;
    top: 2px;
    margin-right:5px;
}

/**注册**/
.user-login .user-register-agreement{
    margin: -5px 36px 30px 36px;
}
.user-register-agreement .layui-form-checkbox[lay-skin=primary] i{
    top:1px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
}
.user-register-agreement .layui-form-checkbox[lay-skin=primary] {
    margin-top: 0px;
    padding-left: 18px;
    min-width: 16px;
    min-height: 16px;
}
.user-register-agreement .agreement{
    font-size: 12px;
    color: rgba(45, 57, 82, 0.7);
}
.user-register-agreement .agreement a{
    font-size: 12px;
    color: #007aff;
    cursor: pointer;
}
.user-login .user-forget-pwd-des{
    margin: -5px 36px 30px 36px;
    text-align: center;
    color: rgba(45, 57, 82, 0.7);
    font-size: 12px;
}
.user-login .user-forget-pwd-des a{
    color: #3D7DFF;
}

.layui-layer-dialog,.layui-layer-iframe,.layui-layer-page{
    box-shadow: 0px 8px 38px rgba(4, 38, 105, 0.4)!important;
}
.layui-layer-dialog{
    background: #FFFFFF;
    border-radius: 4px!important;
}

.layui-layer-load{
    background: #FFFFFF!important;
}
.layui-layer-msg {
    min-width: 110px!important;
}
.layui-layer-dialog .layui-layer-padding {
    padding: 12px 15px 12px 55px!important;
    font-size:13px;
}
.layui-layer-dialog .layui-layer-padding .layui-layer-ico8,.layui-layer-dialog .layui-layer-padding .layui-layer-ico2,.layui-layer-dialog .layui-layer-padding .layui-layer-ico1{
    top: 12px!important;
    background: #FFFFFF;
}
.layui-layer-dialog .layui-layer-padding .layui-layer-ico8:before{
    font-family: "my-iconfont" !important;
    font-size: 27px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e649";
    color:#eb4f4f;
}
.layui-layer-dialog .layui-layer-padding .layui-layer-ico2:before{
    font-family: "my-iconfont" !important;
    font-size: 27px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e648";
    color:#eb4f4f;
}
.layui-layer-dialog .layui-layer-padding .layui-layer-ico1:before{
    font-family: "my-iconfont" !important;
    font-size: 27px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e647";
    color:#26c566;
}