html {
    height: 100%;
}

body.signin , #app{
    width: 100%;
    height: 100vh;
	background:url(../img/login_bj.png) no-repeat center fixed;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	background-size:100% 100%;
    overflow: hidden;
    font-family: SourceHanSansCN, SourceHanSansCN;
    position: relative;
}

a {
    text-decoration: none;
    color: #fff;
}
ul,
li,
ol {
    list-style: none;
}
.el-input__inner {
    height: 4.5vh !important;
    line-height: 4.5vh !important;
    padding: 0 1.5vh;
    border-radius:0.4vh;
    border:none;
    background: #F3F5F9;
}
.el-input{
    font-size: 1.6vh;
    line-height: 4.5vh !important;
    margin-bottom: 2vh;
}

.el-input__icon {
    line-height: 4.5vh !important;
    font-size: 3vh;
}

.el-input__prefix {
    left: 1.5vh !important;
}

.el-input-group__append {
    padding: 0;
}

.el-button {
    width: 100%;
    box-shadow: 0px 0.2vh 0.5vh 0px #2C87F8 !important;
    border: none !important;
    background: #2C87F8;
}

.el-form-item {
    margin-bottom: 6vh !important;
}

.el-form-item__content {
    margin-left: 0 !important;
    height: 4.5vh;
    line-height: 4.5vh;
    font-size: 1.4vh;
}
.el-input__inner::placeholder {
    font-size: 1.6vh;
}
.el-input--suffix .el-input__inner{
    padding-right: 3vh;
}
.el-input-group__append, .el-input-group__prepend{
    border: none;
}
.el-button{
    padding:1.2vh 2vh !important;
    border: 0.1vh solid #DCDFE6;
    font-size: 1.9vh;
    border-radius: 0.4vh;
}
.header{
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: bold;
    font-size: 4.5vh;
    text-shadow: 0.5vh 0px 0.8vh #1269FF;
    color: #FFFFFF;
    text-align: center;
    margin: 9vh 0;
}
/*跳转按钮*/
.skip_block{
    width: 40%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 13vh;
    margin-bottom: 10vh;
}
.skip_block .skip_item{
    width: 26vh;
    height: 36vh;
    background: radial-gradient(#C8D8F9 1%, #FFFFFF 100%);
    border-radius: 2vh;
    border: 0.2vh solid #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
.skip_item .icon_skip {
    width: 14.6vh;
    height: auto;
    margin: 4.5vh 0;
}
.skip_text{
    text-align: center;
}
.skip_text h5{
    color: #000000;
    font-size: 2.2vh;
    font-weight: bold;
}
.skip_text p {
    color: #818384;
    margin: 1.5vh 0;
    font-size: 1.4vh;
    letter-spacing: 0.1vh;
}
.skip_bootom{
    background: #3264F4;
    width: 100%;
    height: 4vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.skip_bootom .arrow_img{
    width: 3vh;
    height: 2vh;
}

.skip_item {
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    box-shadow 0.3s ease;
    transform-origin: center center;
    display: block;
    position: relative;
}

.skip_item:hover {
    transform: scale(1.06);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.skip_item .arrow_img {
    transition: transform 0.3s ease;
}

.skip_item:hover .arrow_img {
    transform: translateX(10px);
}


/*在线功能*/
.function_box{
    width: 90%;
    margin: 0 auto;
    color: #ffffff;
    margin-top: 8%;
}
.function_box .online {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2vh;
    color: #ffffff;
    font-size: 2vh;
}
.function_box .online::after {
    content: '';
    width: 5vh;
    height: 0.2vh;
    background: #ffffff;
    margin-left: 2vh;
}
.function_box .online::before {
    content: '';
    width: 5vh;
    height: 0.2vh;
    background: #ffffff;
    margin-right: 2vh;
}
.function_content{
    display: flex;
    justify-content: space-between;
    margin-top: 3vh;
}

.function_item{
    display: flex;
    align-items: end;
    cursor: pointer;
}
.function_item_img{
    width: 7vh;
    height: 7vh;
}
.function_text{
    margin-left: 2vh;
}
.function_text :first-child{
    font-size: 1.8vh;
    margin-bottom: 2vh;
}
.function_text :last-child{
    font-size: 1.4vh;
    margin-bottom: 0.5vh;
    color: #E6E6E6;
}
/*底部*/
.page-footer{
    width: 100%;
    position: absolute;
    bottom: 2vh;
    color: #ffffff;
    font-size: 1.6vh;
    display: flex;
    justify-content: center;
}
.page-footer-img{
    width: 1.6vh;
    height: 1.6vh;
    margin-right: 1.5vh;
}
.margin-right{
    margin-right: 5vh;
}
/*管理用户登录*/
.loginbox {
    box-sizing: border-box;
    width: 50vh;
    height: 58vh;
    background-color: #fff;
    border-radius: 2vh;
    padding: 5vh 3vh 2vh;
    text-align: center;
    margin-top: -1px;
}

.loginRecycle {
    left: 17%;
}
.label_title{
    text-align: left;
    font-size: 1.8vh;
}
.tips_footer{
    color: #f68f64; text-align: left;margin-top: 2vh; padding: 1vh; background: #fceee6;border-radius: 0.6vh;font-size: 1.6vh
}
.loginbox-title {
    font-size: 3vh;
    font-weight: bold;
    letter-spacing: 0.8vh;
    position: relative;
    margin-top: -2vh;
}
.loginbox-title::after{
    position: absolute;
    left: 50%;
    bottom: -2vh;
    transform: translateX(-50%);
    content: '';
    width: 5vh;
    height: 0.5vh;
    background: #246DF1;
}

.loginbox-form {
    margin-top: 6vh;
}
.loginbox_img img{
    width: 63vh;
}

.imgcode {
    display: block;
    height: 4.5vh;
    width: 12vh;
}

.loginbox-btn {
    margin-top: 0.1vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 8vh;
}
.gohome{
    font-size: 1.6vh;
    color: #246DF1;
    text-align: center;
    font-style: normal;
    margin-top: 2vh;
    cursor: pointer;
}
.contaniner_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 60%;
    margin: 0 auto;
}