﻿.el-form .el-input__inner, .el-form .el-textarea__inner{background: #f5f5f5;}
.el-form .el-input__inner:focus, .el-textarea__inner:focus{border-color: #ff700b;}
.el-radio__input.is-checked .el-radio__inner{border-color: #ff700b;background: #ff700b;}
.el-radio__input.is-checked + .el-radio__label{color: #ff700b;}
.el-form .el-button{border-color: #ff700b;background-color: #ff700b;color: #fff;font-size: 15px;}
.el-form{width: 100%;margin: 10px auto;}
.el-form-item__content .edui-default{line-height: 20px;}
.el-radio{margin-bottom: 14px;}
.el-button--small, .el-button--small.is-round{padding: 12px 15px;}
.el-form-item{margin-bottom: 4px;}
.el-form-item__label{margin-bottom: 10px;}

.newswiper-container{width: 100%;position: relative;overflow: hidden;}
.newswiper-container .swiper-slide{text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.newswiper-container .swiper-slide .inner{width: 100%;}
.newswiper-container .swiper-slide img{display: block;height: 300px;width: 100%;margin: 0 auto;}
.newswiper-container.swiper-container-horizontal > .swiper-pagination-bullets{bottom: 6px;}
.newswiper-container .swiper-pagination{text-align: right;}
.newswiper-container .swiper-pagination-bullet{width: 10px;height: 10px;text-align: right;opacity: .5;background: #fff;}
.newswiper-container .swiper-pagination-bullet-active{color: #fff;opacity: 1;}
.newswiper-container .title{width: 100%;background: rgba(0,0,0,.6);font-size: 14px;color: #fff;line-height: 36px;padding-left: 2px;position: absolute;bottom: -36px;left: 0;transition:all 0.8s ease;}
.newswiper-container .swiper-slide-active .title{bottom: 0;}
@media(min-width:768px) and (max-width:1024px){
    .newswiper-container{margin-top:20px;}
    .newswiper-container .swiper-slide img{height: auto;}
}
@media(max-width:767px){
    .newswiper-container{margin-top:20px;}
    .newswiper-container .swiper-slide img{height: 300px;}
}




.login-Box .topbox {
    position: relative;
}

.login-Box .topbox-content {
    position: absolute;
    right: 0;
    top: -460px;
    width: 380px;
}

.login-Box .topbox .leftbox {
    padding-bottom: 6px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 10px 10px 10px 5px rgba(0, 0, 0, 0.3);
}

.login-Box .topbox .headline {
    font-size: 18px;
    border-bottom: 1px dashed #ddd;
    padding: 15px 25px 14px 25px;
    margin-bottom: 6px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

.login-Box .topbox .headline i {
    font-size: 18px;
}

.login-Box .topbox .zhuanjia {
    border: 1px solid rgb(238, 238, 238);
    border-top: none;
    padding: 8px;
}


#feedbackForm {
    padding: 10px 25px 15px 25px;
}
.grid--50-50 {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
}
.field label, .reset-pass a {
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}
.reset-pass > a {
    text-align: right;
    margin-bottom: 10px;
    color: #f75000;
    text-decoration: unset;
}
.field input {
    font-size: 16px;
    line-height: 28px;
    padding: 8px 16px;
    width: 100%;
    min-height: 44px;
    border: unset;
    border-radius: 4px;
    outline-color: #f75000;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}
.align-center {
    align-items: center;
}
.flex-flex {
    display: flex;
}
.field-checkbox label {
    display: flex;
    align-items: center;
    margin: 0;
}
.field-checkbox input {
    width: 20px;
    height: 15px;
    margin: 0 5px 0 0;
    box-shadow: unset;
    min-height: unset;
}
.field-checkbox a {
    color: #f75000;
}
.field-checkbox a:hover {
    text-decoration: underline;
}
.footer-link span {
    font-size: 14px;
    text-align: center;
    display: block;
    line-height: 28px;
    color: #1a1f36;
}
.field input[type="submit"] {
    background-color: rgb(247, 80, 0);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgb(247, 80, 0) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
.field input[type="submit"]:hover {
    background-color: #c94000;
}
.ssolink {
    display: block;
    text-align: center;
    font-size: 14px;
}
.ssolink a {
    color: #f75000;
}
.ssolink a:hover {
    text-decoration: underline;
}
.demo-login-other {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.demo-reg-other {
    display: flex;
    align-items: center;
    justify-content: center;
}
.logBtn a {
    color: #f75000;
}
.logBtn a:hover {
    text-decoration: underline;
}