@charset "UTF-8";
.sys-help-btn-wrapper {
    position: fixed;
    /*距离顶部的高度*/
    top: 10%;
    /*距离右边的宽度*/
    right: 80px;
    z-index: 999;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
/*清除浮动*/
.clearfix:after{
    content:'';
    display:block;
    overflow:hidden;
    visibility:hidden;
    font-size:0;
    line-height:0;
    width:0;
    height:0;
}
.clearfix{
    zoom:1;
    overflow: hidden;
}
.d-hide {
    display: none;
}
.d-i-b-v {
    display: inline-block;
    vertical-align: middle;
}
.w-33p {
    width: 33%;
}
.w-50p {
    width: 50%;
}
.w-75p {
    width: 75%;
}
.w-100p {
    width: 100%;
}
.w-16 {
    width: 16px;
}
.w-68 {
    width: 68px;
}
.h-100p {
    height: 100%;
}
.lh-32 {
    line-height: 32px;
}
.lh-44 {
    line-height: 44px;
}
.m-0-i {
    margin: 0 !important;
}
.mr-12 {
    margin-right: 12px;
}
.mb-12 {
    margin-bottom: 12px;
}
.mb-24 {
    margin-bottom: 24px;
}
.mb-32 {
    margin-bottom: 32px;
}
.mb-44 {
    margin-bottom: 44px;
}
.p-0-i {
    padding: 0 !important;
}
.p-12 {
    padding: 12px;
}
.pt-24 {
    padding-top: 24px;
}
.pt-56 {
    padding-top: 56px;
}
.pb-12 {
    padding-bottom: 12px;
}
.pb-24 {
    padding-bottom: 24px;
}
.pb-44 {
    padding-bottom: 56px;
}
.col-333 {
    color: #333;
}
.col-52 {
    color: #525252;
}
.col-9e9e9e {
    color: #9E9E9E;
}
.col-ff4a4a {
    color: #FF4A4A;
}
.col-456ef5 {
    color: #456EF5;
}
.col-ffa100 {
    color: #FFA100;
}
.fsz-12 {
    font-size: 12px;
}
.fsz-14 {
    font-size: 14px;
}
.fsz-16 {
    font-size: 16px;
}
.fsz-24 {
    font-size: 24px;
}
.fsz-32 {
    font-size: 32px;
}
.fw-bold {
    font-weight: bold;
}
.fw-normal {
    font-weight: normal;
}
.t-a-c {
    text-align: center;
}
.bg-fff {
    background-color: #fff;;
}
.bg-f8f8f8 {
    background-color: #f8f8f8;;
}

.bb-ddd {
    border-bottom: solid 1px #ddd;
}
.scroll-y {
    overflow: hidden;
    overflow-y: auto;
}
.scroll-y::-webkit-scrollbar {
    width: 8px; /* 高宽分别对应横竖滚动条的尺寸 */
    height: 10px;
}
.scroll-y::-webkit-scrollbar-thumb {
    background-color: rgba(68,106,233,0.5);
    border-radius: 8px;
}
.scroll-y::-webkit-scrollbar-track {
    display: none;
}
.scroll-y::-webkit-scrollbar-button {
    display: none;
}
.scroll-y::-webkit-scrollbar-corner {
    display: none;
}
.scroll-y.scrollbar-y-opacity::-webkit-scrollbar-thumb {
    background-color: transparent;
}


.line-unit {
    margin:auto 25px;
    display: inline-block;
    border:1px #fff solid;
    height:10px;
    vertical-align: middle;
}

.btn-submit {
    display: inline-block;
    min-width: 88px;
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 4px;
    border: solid 1px #456EF5;
    background: #456EF5;
    cursor: pointer;
}

.btn-cancel {
    display: inline-block;
    min-width: 88px;
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    color: #456EF5;
    font-size: 16px;
    text-align: center;
    border-radius: 4px;
    border: solid 1px #456EF5;
    background: #fff;
    cursor: pointer;
}

.input-unit {
    padding: 0 6px;
    line-height: 28px;
    color: #333;
    font-size: 16px;
    border: solid 1px #ddd;
}

.header-box {
    display: inline-block;
    width: 100%;
    background: url("../new_images/banner_bg1.png") no-repeat center center;
    background-size: cover;
}
.header-box .header-content {
    width: 1400px;
    margin:auto;
    display:block;
    padding-top:10px;
    height: 40px;
    line-height:40px;
}
.header-box .header-content .header-l {
    float:left;
    width:35%;
}
.header-box .header-content .header-r {
    float:right;
    width:65%;
    margin: 5px 0px;
    text-align: right;
}
.header-box .header-content .header-r .btns {
    float:right;
    height:30px;
    line-height:30px;
}
.header-box .header-content .header-r .btns * {
    vertical-align: middle;
}
.header-box .header-content .header-r .btns a {
    color:#fff;
    text-decoration:none;
}
.header-box .header-content .header-r .btns i {
    color:#fff;
    text-decoration:none;
}

.footer-box {
    height: 78px;
    background:#dddddd;
    padding-top:15px;
    margin-top:44px;
    width:100%;
    text-align:center;
    margin:0 auto;
    color:#7e7e7e;
    position: fixed;
    bottom: 0;
}
.footer-box > div {
    display:inline-block;
    vertical-align:top;
}
.footer-box .links a {
    display:inline-block;
    vertical-align:middle;
}
.footer-box .margin-right {
    margin-right:44px;
}
.footer-box .copyright {
    line-height:20px;
    text-align:left;
}
.footer-box .copyright p {
    margin-bottom:6px;
    letter-spacing:2px;
}
.footer-box .copyright p span {
    color:#2266cb;
    font-family:"microsoft yahei";
    font-weight:bold;
    margin-right:10px;
}