/*-----------------[初始化]--------------*/
body{color: #444;font-size: 12px;line-height: 1.5;font-family:"微软雅黑","Microsoft Yahei";}
a{color: #444;}
a:hover{color: #f60;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select{font-size: 12px;color: #444;
    font-family:"微软雅黑","Microsoft Yahei";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}


*,*:after,*:before{outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}


/*******************************
    -------[=正文]-------
********************************/
.body-log{height: 100vh;overflow: hidden;}
.row-login{position: absolute;top: 0;left: 0;right: 0;height: 100vh;z-index: 2;
    background-position: center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.l-logo{position: absolute;top: 27px;left: 60px;}
.l-logo img{height: 64px;display: block;}
.l-fd{position: absolute;left: 60px;bottom: 36px;font-size: 16px;color: #fff;}

.row-log{overflow: hidden;position: relative;height: 100%;padding: 6% 227px 0 188px;}
.row-log .txt{float: left;color: #fff;width: 708px;margin-top: 210px;}
.row-log .txt .tit{font-size: 48px;line-height: 70px;margin-bottom: 39px;}
.row-log .txt ul{overflow: hidden;width: 600px;}
.row-log .txt li{width: 33.33%;float: left;}
.row-log .txt li a{display: block;font-size: 22px;color: #fff;line-height: 60px;padding-left: 37px;
    background: url(/static/admin/login/images/l-01.png) no-repeat left center;
    -o-background-size: 20px auto;
    -ms-background-size: 20px auto;
    -moz-background-size: 20px auto;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
}
.row-log .form{float: right;width: 705px;padding: 69px 110px 72px;
    background: #FFFFFF;border-radius: 32px;
    box-shadow: 0px 8px 22px 0px rgba(0, 0, 0, 0.19);
}
.row-log .form .tit{text-align: center;margin-bottom: 39px;}
.row-log .form .tit h3{font-size: 44px;color: #243042;}
.row-log .form .tit span{font-size: 30px;color: #2FAD38;font-weight: bold;display: block;line-height: 1.4;}
.row-log .item{margin-bottom: 27px;position: relative;}
.row-log .inp{width: 100%;display: block;height: 70px;border: 1px solid #DCDEE6;
    padding: 0 30px 0 70px;border-radius: 14px;font-size: 20px;color: #333;
    background-position: 8px center;background-repeat: no-repeat;
    -o-background-size: 63px auto;
    -ms-background-size: 63px auto;
    -moz-background-size: 63px auto;
    -webkit-background-size: 63px auto;
    background-size: 63px auto;
}
.row-log .inp::-webkit-input-placeholder {color: #9E9E9E;}
.row-log .inp::-moz-placeholder {color: #9E9E9E; }
.row-log .inp::-ms-input-placeholder {color: #9E9E9E;}
.row-log .number .inp{background-image: url(/static/admin/login/images/l-02.png);}
.row-log .pass .inp{background-image: url(/static/admin/login/images/l-03.png);}
.row-log .code .inp{padding-left: 27px;}
.row-log .pic-code{position: absolute;top: 9px;right: 20px;width: 157px;height: 52px;}
.row-log .pic-code img{width: 100%;height: 100%;display: block;}
.row-log .bao{font-size: 16px;color: #2FAD38;cursor: pointer;display: block;margin-top: -5px;}
.row-log .bao input{width: 15px;height: 15px;border: 1px solid #2FAD38;border-radius: 2px;cursor: pointer;
    margin-right: 10px;display: inline-block;vertical-align: middle;position: relative;top: -2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.row-log .bao input:checked{border: 0;
    background: url(/static/admin/login/images/l-05.png) no-repeat center;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.row-log .btn{width: 100%;height: 68px;font-size: 22px;color: #fff;display: block;
    border-radius: 14px;border: 0;cursor: pointer;margin: 30px 0;
    background-color: #109C1A;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.row-log .btn:hover{opacity: .8;}
.row-log .tel{text-align: center;font-size: 22px;color: #243042;}
.row-log .tel:before{content: '';display: inline-block;vertical-align: middle;
    width: 22px;height: 22px;position: relative;top: -2px;margin-right: 15px;
    background: url(/static/admin/login/images/l-tel.png) no-repeat center;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.row-log .js-pass{position: absolute;top: 0;right: 0;width: 60px;height: 100%;cursor: pointer;
    background: url(/static/admin/login/images/l-04.png) no-repeat center;
    -o-background-size: auto 100%;
    -ms-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}
.row-log .js-pass.open{background-image: url(/static/admin/login/images/l-04-on.png);}