@font-face {
    font-family: 'FZZhengHeiS-B-GB';
    src: url('./fonts/FZZhengHeiS-B-GB.eot');
    src: url('./fonts/FZZhengHeiS-B-GB.woff') format('woff'),
        url('./fonts/FZZhengHeiS-B-GB.ttf') format('truetype'),
        url('./fonts/FZZhengHeiS-B-GB.svg') format('svg');
}
html{
    height: 100%;
}
body {
    min-width: 1910px;
    background: #f4f7fa;
}

.ieTips-box {
    padding: 9px 24px;
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 999px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #FFCE54;
    position: absolute;
    width: 518px;
    height: 40px;
    top: 219px;
    left: 694px;
}

.ieTips-box .tipsIcon {
    vertical-align: middle;
    margin-right: 8px;
}

.ieTips-box .closeIcon {
    float: right;
    margin-top: 3px;
    cursor: pointer;
}

.ieTips-box .closeIcon:hover {
    opacity: .5;
}

/* 头部样式 */
.top {
    background: url("../LocalImages/top_bg.svg") no-repeat center;
    background-size: 100% 100%;
    height: 74px;
    position: relative;
}

.top .top-box {
    min-width: 1910px;
    margin: 0 auto;
    position: relative;
}

.top .top-time {
    position: relative;
    margin: 18px 0 0 24px;
    padding-left: 25px;
    color: #fff;
    font-size: 16px;
    float: left;
}
.info-top-box .top-time .search-btn{
    width: 60px;
    height: 34px;
    background: #2B54A0;
    border-radius: 4px;
    text-align: center;
    line-height: 34px;
    color: #fff;
    margin-left: 16px;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
}
.info-top-box .top-time .search-btn:hover{
    opacity: .5;
}

.top .top-time:before {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background: url("../LocalImages/top_time_icon.png") no-repeat center;
    background-size: 100% 100%;
    top: 50%;
    margin-top: -10px;
    left: 0;
}
.top .top-weather {
    margin: 18px 0 0 24px;
    float: left;
    padding-left: 25px;
    color: #fff;
    font-size: 16px;
}
.top-line {
    float: right;
    color:rgba(78, 155, 249, 0.3);
    margin: 20px 12px;
}
.top .top-search {
    float: right;
    position: relative;
    margin: 14px 12px 0 0;
    height: 32px;
    width:180px;
    border-radius: 16px;
    border: 1px solid #52a4f8;
    background: #0146af;
}

.top .top-search .top-search-btn {
    position: absolute;
    display: block;
    background: url("../LocalImages/top_search_icon.png") no-repeat center;
    background-size: 100% 100%;
    width: 15px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    right: 20px;
}

.top .top-search:hover {
    border: 1px solid rgba(82, 164, 248, 0.6);
}

.top .top-search:hover .top-search-btn {
    background: url("../LocalImages/top_search_icon_hover.png") no-repeat center;
    background-size: 100% 100%;
}

.top .top-search .search-input {
    width: 120px;
    background: none;
    color: #dceeff;
    font-size: 11px;
    padding: 8px 0 8px 20px;
    line-height: 1;
}

.top .top-search .search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #dceeff;
}

.top .top-search .search-input::-moz-placeholder { /* Firefox 19+ */
    color: #dceeff;
}

.top .top-search .search-input:-ms-input-placeholder { /* IE 10+ */
    color: #dceeff;
}

.top .top-search .search-input:-moz-placeholder { /* Firefox 18- */
    color: #dceeff;
}
.top .login-venue-box{
    float: right;
    margin-top: 18px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    padding-left: 25px;
}

.top .login-venue-box::before {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background: url("../LocalImages/venue-icon.png") no-repeat center;
    background-size: 100% 100%;
    top: 50%;
    margin-top: -10px;
    left: 0;
}
.top .login-top-box{
    float: right;
    margin: 18px 20px 0 0;
    color: #ffffff;
}
.top .login-top-box a{
    display: inline-block;
    font-size: 14px;
}
/* 尾部样式 */
.left-box,.right-box{
    width: 358px;
    height: 463px;
    position: absolute;
    overflow: hidden;
}
.left-box{
    left: 209px;
    top: 342px;
}
.right-box{
    right: 209px;
    top: 342px;
}
.left-box .left-item,.right-box .right-item{
    display: flex;
    align-items: center;
    position: absolute;
    cursor: pointer;
}
@keyframes menuLeft {
    from {
        transform: translateX(-50px);
    }

    to {
        transform: translateX(0);
    }
}
@keyframes menuRight {
    from {
        transform: translateX(50px);
    }

    to {
        transform: translateX(0);
    }
}
.left-box .left-item:hover{
    opacity: .5;
    animation: menuLeft .3s linear;
}
.right-box .right-item:hover{
    opacity: .5;
    animation: menuRight .3s linear;
}
.left-box .left-item .icon,.right-box .right-item .icon{
    width: 63px;
    height: 56px;
}
.left-box .left-item .text{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    
}
.right-box .right-item .text{
    display: flex;
        flex-direction: column;
        align-items: flex-start;
}
.left-box .left-item .text .cnText, .right-box .right-item .text .cnText{
    font-family: 'FZZhengHeiS-B-GB';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    /* identical to box height */
    color: #fff;
    
    text-shadow: 1px 2px 4px rgba(10, 33, 68, 0.33);
}
.left-box .left-item .text .enText, .right-box .right-item .text .enText{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    /* identical to box height */
    text-transform: uppercase;
    color: rgba(133, 190, 255, 0.65);
    text-shadow: 1px 2px 4px rgba(10, 33, 68, 0.33);
}
.left-box .left-item:nth-of-type(1){
    top: 20px;
    left: 122px;
}
.left-box .left-item:nth-of-type(2) {
    top: 140px;
    left: 60px;
}
.left-box .left-item:nth-of-type(3) {
    bottom: 139px;
    left: 113px;
}
.left-box .left-item:nth-of-type(4) {
    bottom: 16px;
    left: 102px;
}
.right-box .right-item:nth-of-type(1) {
    top: 20px;
    left: 54px;
}
.right-box .right-item:nth-of-type(2) {
    top: 140px;
    left: 84px;
}
.right-box .right-item:nth-of-type(3) {
    bottom: 139px;
    left: 84px;
}
.right-box .right-item:nth-of-type(4) {
    bottom: 16px;
    left: 54px;
}
.echart-box{
    width: 600px;
    height: 545px;
    position: absolute;
    top: 239px;
    left: 657px;
}
.bottom-Rectangle{
    background: url('../LocalImages/bottom-Rectangle.png') no-repeat;
    background-size: 100%;
    width: 984px;
    height: 80px;
    position: absolute;
    left: 468px;
    bottom: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bottom-Rectangle .addToday{
    background: url('../LocalImages/add-today.png') no-repeat;
    background-size: 100%;
    width: 102px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;

    color: #45FFFF;

    text-shadow: 1px 2px 4px rgba(10, 33, 68, 0.33);
    margin-right: 20px;
}
.bottom-Rectangle .infoItem{
    font-weight: 400;
    font-size: 14.3127px;
    line-height: 20px;
    /* identical to box height */
    color: #FFFFFF;
    margin-right: 42px;
}
.bottom-Rectangle .infoItem:last-child{
    margin-right: 0;
}
.bottom-Rectangle .infoItem .num{
    font-weight: 600;
    font-size: 28px;
    line-height: 29px;
    /* identical to box height, or 102% */


    color: #FFD686;
}
.customer-service {
    width: 76px;
    height: 245px;
    background: url('../LocalImages/customer_service.png') no-repeat;
    background-size: cover;
    position: fixed;
    top: 35%;
    right: -15px;
    cursor: pointer;
}

.customer-service-bg {
    width: 120px;
    height: 150px;
    border-radius: 5px;
    padding: 10px;
    background: #eee;
    position: fixed;
    top: 48%;
    right: 80px;
    display: none;
}

.customer-service-qrcode {
    width: 100px;
    height: 100px;
    background: url('../LocalImages/customer-qrcode.png') no-repeat;
    background-size: cover;
}

.customer-service-text {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.customer-service:hover .customer-service-bg {
    display: block;
}
.bottom {
    min-height: 115px;
    background: url('../LocalImages/bottom-bg.png') no-repeat;
    background-size: 100%;
    padding-bottom: 24px;
}

.fixed-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.bottom .bottom-link {
    margin: 34px auto 0;
    max-width: 1196px;
    text-align: center;
}

.bottom .bottom-link .bottom-label {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    color: #D4EDFF;
}

.bottom .bottom-link-content {
    display: inline-block;
}

.bottom .bottom-link-content .open {
    background: #ffffff;
}

.bottom .bottom-link-content .open .drop-down-btn {
    background: #ffffff;
}

.bottom .bottom-select-box {
    display: inline-block;
    text-align: right;
    position: relative;
    background: #0747af;
    border: 1px solid rgba(5, 136, 248, 0.45);
    border-radius: 5px;
    height: 28px;
    width: 200px;
    font-size: 14px;
}
.bottom .bottom-select-box:hover{
    color: #fff;
    background: #063ca2;
}

.bottom .bottom-select-box .drop-down-btn {
    width: 100%;
    border: none;
    background: #0747af;
    border-radius: 5px;
    cursor: pointer;
    height: 100%;
    text-align: left;
    padding-left: 12px;
    color: rgba(255, 255, 255, 0.65);
}
.bottom .bottom-select-box .drop-down-btn:hover{
    color: #fff;
        background: #063ca2;
}
.bottom .bottom-select-box .arrows {
    position: absolute;
    content: '';
    background: url("../LocalImages/bottom_select_icon_inner.png") no-repeat center;
    background-size: 100% 100%;
    width: 10px;
    height: 6px;
    top: 50%;
    margin-top: -3px;
    right: 10px;
}

.bottom .bottom-select-box:hover .arrows {
    background: url("../LocalImages/bottom_select_icon_inner_hover.png") no-repeat center;
    background-size: 100% 100%;
}

.bottom-select-box .drop-down-btn .select-name {
    display: inline-block;
}

.bottom-select-box .drop-down-menu {
    width: 100%;
    position: absolute;
    top: 28px;
    right: 0;
    background-color: white;
    display: none;
    z-index: 99;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    max-height: 72px;
    overflow-y: scroll;
}

.bottom-select-box .drop-down-menu .li {
    margin: 1px 20px;
    line-height: 28px;
}

.bottom-select-box .drop-down-menu > .li > .a {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 28px;
    color: #333333;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 3px;
    max-width: 500px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}

.bottom-select-box .drop-down-menu > .li > .a:hover {
    color: #3998fa;
}

.open > .drop-down-menu {
    display: block;
}

.bottom .bottom-dis {
    margin: 12px auto 0;
    position: relative;
    max-width: 1196px;
}
.bottom .bottom-dis .bottomBox{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.bottom .bottom-dis .bottomImgWarp{
    margin-top: 24px;
    display: flex;
}
.bottom .bottom-dis .bottomImgWarp img{
    margin-left: 10px;
    cursor: pointer;
}
.bottom .bottom-dis .bottomImgWarp img:hover{
    opacity: .5;
}
.bottom .bottom-dis .bottom-dis-p {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    /* identical to box height */
    color: #FFFFFF;
}

.bottom-image-01 {
    background: url("../LocalImages/bottom_bg01.png") no-repeat center;
    background-size: 100% 100%;
    height: 38px;
    width: 32px;
    position: absolute;
    right: 167px;
    top: 50%;
    margin-top: -19px;
}

.bottom-image-02 {
    background: url("../LocalImages/bottom_bg02.png") no-repeat center;
    background-size: 100% 100%;
    height: 32px;
    width: 120px;
    position: absolute;
    right: 23px;
    top: 50%;
    margin-top: -16px;
}

/* login bottom */
.index-body {
    width: 1910px;
    height: 1180px;
    background: url("../LocalImages/login_bg1.png") no-repeat;
    background-size: 1920px 1180px;
    position: relative;
}
.login-body {
    width: 1910px;
    min-height: 1080px;
    background: url("../LocalImages/login_bg.png") no-repeat;
    background-size: 100% 1080px;
    position: relative;
}

.login-body .top-box {
    /* max-width: 1400px; */
}

.login-bottom {
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    width: 100%;
}

.login-bottom .bottom-select-box .drop-down-btn {
    /* background-color: #0d35be; */
    /* color: #d4edff; */
}

.login-bottom .bottom-link-content .open {
    background-color: #0e29b2;
    color: #d4edff;
}

.login-bottom .bottom-link-content .open .drop-down-btn {
    background-color: #0e29b2;
    color: #d4edff;
}

.login-bottom .bottom-link-content .open .arrows {
    background: url("../LocalImages/bottom_select_icon_login_hover.png") no-repeat center;
    background-size: 100% 100%;
}

.login-bottom .bottom-select-box {
    border: 1px solid rgba(129, 224, 255, 0.6);
}

.login-bottom .bottom-link .bottom-label {
    color: #d4edff;
}

.login-bottom .bottom-dis .bottom-dis-p {
    color: #d4edff;
}

.login-bottom .bottom-select-box .arrows {
    background: url("../LocalImages/bottom_select_icon_login.png") no-repeat center;
    background-size: 100% 100%;
}

.login-bottom .bottom-select-box:hover .arrows {
    background: url("../LocalImages/bottom_select_icon_login_hover.png") no-repeat center;
    background-size: 100% 100%;
}

.login-bottom .hover-item:hover {
    border-color: #0587f9 !important;
}

/* 中间内容菜单 */

.center {
    max-width: 1200px;
    margin: 0 auto;
}

.center-menu {
    height: 100px;
    background: url("../LocalImages/center_menu_bg_inner.png") no-repeat center;
    background-size: 100% 100%;
    justify-content: center;
    -webkit-justify-content: center;
}

.r-b:after {
    position: absolute;
    content: '';
    display: block;
    background: url("../LocalImages/mune_line_inner.png") no-repeat center;
    background-size: 100% 100%;
    width: 2px;
    height: 52px;
    top: 50%;
    margin-top: -26px;
    right: -1px;
}

.l-b:before {
    position: absolute;
    content: '';
    display: block;
    background: url("../LocalImages/mune_line_inner.png") no-repeat center;
    background-size: 100% 100%;
    width: 2px;
    height: 52px;
    top: 50%;
    margin-top: -26px;
    left: -1px;
}

.menu-item {
    width: 243px;
    height: 100%;
    position: relative;
    text-align: center;
    margin-right: 100px;
    padding-bottom:10px ;
    display: flex;
    justify-content: center;
}
.menu-item .bgBox{
    position: absolute;
    height: 58px;
    width: 100%;
    background-size: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}
.menu-item:nth-of-type(1) .bgBox{
    background: url('../LocalImages/menu-bg1.svg') no-repeat bottom;
}

.menu-item:nth-of-type(2) .bgBox {
    background: url('../LocalImages/menu-bg2.svg') no-repeat bottom;
}
.menu-item:nth-of-type(3) .bgBox {
    background: url('../LocalImages/menu-bg3.svg') no-repeat bottom;
}
.menu-item:nth-of-type(4) .bgBox {
    background: url('../LocalImages/menu-bg4.svg') no-repeat bottom;
}
.menu-item:nth-of-type(1):hover .bgBox {
    background: url('../LocalImages/menu-bg1Select.svg') no-repeat bottom;
}
.menu-item:nth-of-type(2):hover .bgBox {
    background: url('../LocalImages/menu-bg2Select.svg') no-repeat bottom;
}
.menu-item:nth-of-type(3):hover .bgBox {
    background: url('../LocalImages/menu-bg3Select.svg') no-repeat bottom;
}
.menu-item:nth-of-type(4):hover .bgBox {
    background: url('../LocalImages/menu-bg4Select.svg') no-repeat bottom;
}
@keyframes menuUp {
    from {
        top: 50px;
    }

    to {
        top: 0;
    }
}
.menu-item:hover .icon,.menu-item:hover .text{
    animation: menuUp .3s linear;
}

.menu-item .menuContent{
    width: 492px;
    height: 251px;
    position: absolute;
    z-index: 9999;
    background: url('../LocalImages/menu-top.png') no-repeat center;
    background-size: 100% 100%;
    box-shadow: 0px 6px 40px rgba(10, 33, 68, 0.25), inset 0px 0px 20px #00A3FF;
    border-radius: 6px;
    left: 0;
    top: 100%;
    transform: translateX(-25%);
    display: none;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 32px 36px;
}
.menu-item:hover .menuContent{
    display: flex;
}
.menu-item:nth-child(1):hover .menuContent {
    display: block;
}
.menu-item .menuContent .contentItem {
    padding: 7px 20px 7px 34px;
    gap: 8px;
    width: 200px;
    height: 40px;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    position: relative;
    text-align: start;
    display: inline-block;
}
.menu-item .menuContent .contentItem:hover{
    background: linear-gradient(180deg, #FFFFFF 0%, #8CD6ED 100%);
    box-shadow: 0px 4px 16px rgba(10, 35, 104, 0.4);
    border-radius: 999px;
    color: #08429C;
    font-weight: 600;
}
.menu-item .menuContent .contentItem:hover::before{
    background: #08429C;
}
.menu-item .menuContent .contentItem::before{
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 20px;
    top: 17px;
}
.menu-item .menuContent .activeItem{
    background: linear-gradient(180deg, #FFFFFF 0%, #8CD6ED 100%);
    box-shadow: 0px 4px 16px rgba(10, 35, 104, 0.4);
    border-radius: 999px;
    color: #08429C;
    font-weight: 600;
}
.menu-item .menuContent .activeItem::before{
    background: #08429C;
}
.menu-item .icon {
    width: 28px;
    height: 28px;
    display: inline-block;
    position: relative;
    z-index: 2;
    animation: all .3s linear;
    
}
.menu-item .text {
    font-weight: 400;
    font-size: 30px;
    line-height: 37px;
    /* identical to box height */
    font-family: 'FZZhengHeiS-B-GB';
    color: #fff;
    z-index: 3;
    /* text-shadow: 0px 0px 32px #0065FF; */
    margin-left: 15px;
    position: relative;
    animation: all .3s linear;
}

/* 中间内容面包屑 */

.center-crumbs {
    height: 22px;
    color: rgba(255, 255, 255, 0.65);
    font-size: 14px;
    margin-top: 16px;
    position: relative;
    padding-left: 20px;
}
.center-crumbs::before{
    content: '';
    width: 16px;
    height: 16px;
    background: url('../LocalImages/crumbs.svg') no-repeat center;
    background-size: 100% 100%;
    position: absolute; 
    left: 0;
    top: 0;
}
.center-crumbs .crumbs-icon{
    width: 16px;
    height: 16px;
    vertical-align:middle;
}
.center-crumbs .crumbs-item {
    color: rgba(255, 255, 255, 0.65);;
}
.current-crumbs{
    color: #fff!important;
}

.center-crumbs .crumbs-item:hover {
    color: #56ebfd;
}

.center-crumbs .right {
    position: relative;
    padding-right: 20px;
}

.center-crumbs .right:after {
    content: '';
    display: block;
    position: absolute;
    background: url("../LocalImages/center_crumbs_right_arrow.png") no-repeat center;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    right: 0;
}

/* 中间内容 */
.center-content {
    max-width: 1200px;
    background: #ffffff;
    box-shadow: -2px 2px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -2px 2px 15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -2px 2px 15px rgba(0, 0, 0, 0.2);
    -o-box-shadow: -2px 2px 15px rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
    border-radius: 12px;
    overflow: hidden;
    height: auto;
    margin-top: 16px;
    padding: 20px 32px;
}
.contact-center{
    max-height: 850px;
    border-radius: 5px;
}
.content-title {
    height: 140px;
    border-bottom: 1px solid #e4e4e4;
    display: table-cell;
    vertical-align: middle;
}

.content-title .clamp-1 {
    color: #000000;
    font-size: 25px;
    text-align: center;
    padding: 0 60px;
    width: 1200px;
}

.content-title .bottom-dis {
    font-size: 12px;
    color: #444444;
    text-align: center;
    margin-top: 30px;
}

/* 自定义翻页 */
.pagination-box {
    box-sizing: content-box;
    padding: 32px 0;
    height: 35px;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.pagination-left{
    font-weight: 400;
    font-size: 14px;
    line-height: 35px;
    color: #1F2329;
    height: 35px;
}
.pagination-right{
    display: flex;
    box-sizing: content-box;
        padding: 32px 0;
        height: 35px;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -o-justify-content: flex-end;
        justify-content: flex-end;
}

.pagination-box .pagination-right > .page-prev, .pagination-box .pagination-right > .page-next {
    font-size: 12px;
    color: rgb(112, 112, 112);
}

.pagination-content {
    align-items: center;
    -webkit-align-items: center;
}

.pagination-content .page {
    display: block;
    min-width: 33px;
    height: 33px;
    background: #ffffff;
    border: 1px solid #D0D3D6;
    padding: 0 10px;
    line-height: 33px;
    color: #1F2329;;
    border-radius: 3px;
}

.pagination-content .n-b {
    min-width: 33px;
    height: 33px;
    background: #ffffff;
    padding: 0 10px;
    line-height: 33px;
    color: rgb(112, 112, 112);
    border: none;
}

.pagination-content .choose {
    border: 1px solid #2B54A0;
    color: rgba(43, 84, 160, 1);
}

.pagination-content .choose:hover {
    opacity: 0.6;
}

/* 自定义样式 */
.float-r {
    float: right;
}

.float-l {
    float: left;
}

.s-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.s-align-items {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}

.s-justify-content {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}

/* 时间控件 */

.calendar-box {
    position: absolute;
    width: 400px;
    left: -10px;
    bottom: -305px;
    height: 300px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    z-index: 99;
}

/* hover */
.hover-item:hover {
    cursor: pointer;
    border-color: #1676f6 !important;
}

.btn-hover-item:hover {
    opacity: 0.6 !important;
    cursor: pointer;
}

/********************************************************************* area start *********************************************************************/
.area-content{
    max-width: 1375px;
    overflow: hidden;
    margin-top: 16px;
    padding: 20px 32px!important; 
}
.area-content .calendar-box {
    position: absolute;
    width: 320px;
    left: -160%;
    bottom: -305px;
    height: 300px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    z-index: 99;
}
.area-center{
    max-width: 1375px;
}
.area-center .center-content {
    border: 1px solid #e6e6e6;
}

.area-center .top-calendar-top-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
}

.area-center .top-calendar-top-box label {
    font-size: 15px;
    color: #3d404d;
    position: relative;
    padding-left: 12px;
    line-height: 18px;
}
.area-center .top-calendar-top-box label::before{
    content: '';
    width: 4px;
    height: 18px;
    background: #2B54A0;
    position: absolute;
    left: 0;

}
.area-center .top-calendar-time, .top-calendar-select {
    width: 116px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background: #EFF0F1;
    align-items: center;
    position: relative;
    font-size: 12px;
    color: #333333;
    padding: 4px 12px;
}
.area-center .top-calendar-time input{
    background: #EFF0F1;
    width: 100%;
}

.area-center .top-calendar-select button {
    width: 160px;
    height: 35px;
    border: none;
    background: none;
    text-align: left;
}

.area-center .top-calendar-time:after {
    content: '';
    display: block;
    position: absolute;
    background: url("../LocalImages/drownIcon.svg") no-repeat center;
    background-size: 100% 100%;
    width: 14px;
    height: 14px;
    top: 50%;
    margin-top: -7px;
    right: 12px;
}

.area-center .top-calendar-select .arrows {
    position: absolute;
    content: '';
    background: url("../LocalImages/bottom_select_icon_inner.png") no-repeat center;
    background-size: 100% 100%;
    width: 10px;
    height: 6px;
    top: 50%;
    margin-top: -3px;
    right: 10px;
}

.area-center .top-calendar-select:hover .arrows {
    background: url("../LocalImages/bottom_select_icon_inner_hover.png") no-repeat center;
    background-size: 100% 100%;
}

.area-center .top-calendar-bottom-box {
}

.area-center .table-header {
    height: 43px;
    width: 1295px;
    position: relative;
    background: linear-gradient(264.1deg, #4AA1FA 12.48%, #2569F2 86.14%);
}

.area-center .table-header .header-item {
    display: inline-block;
    height: 43px;
    width: 185px;
    color: #ffffff;
    font-size: 12px;
    line-height: 43px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    padding-left: 12px;
}


.area-center .table-content {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 1295px;
}

.area-center .table-content .content-item {
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -o-flex-shrink: 0;
    height: 160px;
    width: 185px;
    border: 1px solid #EFF0F1;
    padding: 10px 15px;
}

.area-center .table-content .today {
    background: #E8F3FF !important;
}


.area-center .table-content .content-item:hover {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
    position: relative;
    cursor: pointer;
}


.area-center .table-content .content-item .day {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #1F2329;
}

.area-center .table-content .content-item .area {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #646A73;
    position: relative;
    padding-left: 20px;
}

.area-center .table-content .content-item .area span {
    color: #2B54A0;
}

.area-center .table-content .content-item .area:before {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 50%;
    margin-top: -4px;
    left: 0;
    background: #3491F9;
    border-radius: 7px;
}

.area-center .table-content .content-item .area:last-child:before {
    background: #00B42A;
}

/*.area-center .table-content .content-item:nth-child(7n + 1),
.area-center .table-content .content-item:nth-child(7n) {
    background: #F2F3F5;
}*/

.area-center .table-content .content-item:nth-child(7n + 1) .area:before,
.area-center .table-content .content-item:nth-child(7n) .area:before {
    background: #D0D3D6;
}

.area-center .table-content .content-item:nth-child(7n + 1) .area:last-child:before,
.area-center .table-content .content-item:nth-child(7n) .area:last-child:before {
        background: #D0D3D6;
}

    .area-center .table-content .content-item:nth-child(7n + 1) .day,
    .area-center .table-content .content-item:nth-child(7n) .day {
        color: #828A96
    }

    .area-center .table-content .content-item:nth-child(7n + 1) .area,
    .area-center .table-content .content-item:nth-child(7n) .area {
        color: #828A96
    }

.area-center .table-content .no-item {
    background: #ffffff !important;
}

/********************************************************************* area end *********************************************************************/

/********************************************************************* business start *********************************************************************/
.business-center .business-switch-box {
    background: #ffffff;
    height: 60px;
}

.business-center .switch-item {
    width: 250px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #444444;
    font-size: 16px;
    font-weight: bold;
}

.business-center .business-switch-box .choose {
    color: #ffffff;
    background: #1676f6;
}

.business-center .business-second-box {
    padding: 15px 0;
}

.business-center .business-second-box .content-left {
    width: 250px;
    background: #ffffff;
}

.business-center .business-second-box .content-left .business-menu-item {
    width: 250px;
    height: 60px;
    color: #444444;
    display: block;
    line-height: 60px;
    padding-left: 45px;
    font-size: 12px;
}

.business-center .business-second-box .content-left .choose {
    color: #1676f6;
    background: #e7f1fe;
    position: relative;
}

.business-center .business-second-box .content-left .choose:before {
    display: block;
    content: '';
    position: absolute;
    width: 6px;
    height: 60px;
    top: 0;
    left: 0;
    background: #1676f6;
}

.business-center .business-second-box .content-right {
    padding: 0 30px 40px;
    border-left: 1px solid #e6e6e6;
}

.business-center .business-second-box .content-right .content-right-title {
    font-size: 15px;
    color: #444444;
    line-height: 50px;
    font-weight: bold;
}

.business-center .business-second-box .content-right .content-right-content {
    font-size: 12px;
    color: #444444;
}

.business-center .business-second-box .content-right .content-right-content p {
    line-height: 20px;
}

.business-center .business-second-box .content-right .content-right-content .img {
    width: 880px;
}

.business-center .business-second-box .content-right .content-right-content .warn-text {
    color: #1676f6;
}

/********************************************************************* business end *********************************************************************/

/********************************************************************* contact start *********************************************************************/
.contact-content{
    width: 1200px;
    padding: 32px;
    margin-top: 16px;
}
.restTimeBox{
    width: 100%;
    height: 170px;
    background: url('../LocalImages/time-bg.svg') no-repeat center;
    background-size: 100% 100%;
    padding: 68px 0 0 32px;
}
.restTimeBox .timeWarp{
    display: flex;
}
.restTimeBox .timeWarp .summaryTime{
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;

    color: #FFFFFF;
}
.restTimeBox .timeWarp .summaryTime p span{
    font-size: 12px;
    opacity: .5;
}
.restTimeBox .timeWarp .summaryTime .time{
    margin-top: 10px;
    font-size: 20px;
}
.restTimeBox .timeWarp .line{
    /* transform: rotate(90deg); */
    height: 50px;
    margin:0 80px;
}
.restTimeBox .tips{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height */
    margin-top: 12px;

    color: #FFCE54;
}
.contact-content .infoWarp{
}

.contact-content .infoItem{
    margin-top: 40px;
    border-bottom: 1px dashed #DEE0E3;
    padding-bottom: 40px;
}
.contact-content .infoItem .infoTitle{
    display: flex;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    align-items: center;
    /* identical to box height, or 144% */
    color: #2B54A0;
    box-shadow: unset!important;
}
.contact-content .infoItem .infoTitle img{
    width: 28px;
    height: 28px;
    margin-right: 8px;
}
.contact-content .infoItem .infoContent{
    margin-top: 8px;
    padding: 0 51px;
}
.contact-content .infoItem .infoContent .contentItem{
    position: relative;
    padding-left: 10px;
    margin-top: 8px;
}
.contact-content .infoItem .infoContent .contentItem::before{
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #2B54A0;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
}
.contact-content .infoItem .infoContent .itemTitle{
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    /* tr-color-text-primary */
    color: #1F2329;
    margin-top: 24px;
}
.contact-content .infoItem .infoContent .contentItem .label{
    color: #646A73;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}
.contact-content .infoItem .infoContent .contentItem .content {
    color: #2d3036;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

/********************************************************************* contact end *********************************************************************/

/********************************************************************* download start *********************************************************************/
.download-content{
    width: 1200px;
    padding: 32px;
    margin-top: 16px;
    max-height: 650px;
}
.download-table{
}
.center-menu .menu-item {
    width: 240px;
}
.download-menu{
    width: 1200px;
    height: 56px;
    background: url('../LocalImages/notice-bg.png') no-repeat center;
    background-size: 100% 100%;
    margin-top: 16px;
}
.download-menu .menuBox{
    width: 100%;
    padding: 0 28px;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-around;
}
.download-menu .menuBox .menuItem{
    padding: 7px 32px;
    font-size: 18px;
    line-height: 25px;
    color: rgba(255, 255, 255, 0.45);
    cursor: pointer;
}
.download-menu .menuBox .activeItem{
    background: linear-gradient(180deg, #FFFFFF 0%, #8CD6ED 100%);
        border-radius: 999px;
        color: #08429C;
    font-weight: 600;
}
.download-menu .menuBox .menuItem:hover{
    opacity: .5;
}

.download-table .center-menu .menu-item .p1 {
    max-width: 80px;
}

.center-content {
    padding: 20px 32px;
}

.download-table.table-header {
    height: 40px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.download-table .table-header .header-item {
    /*color: rgb(173, 173, 173);*/
    /*font-size: 12px;*/
    font-size: 14px;
    color: rgb(0, 0, 0);
    font-weight: bold;
}

.download-table .content-item {
    height: 64px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border: none;
    width: auto;
    border-bottom: 1px dashed #DEE0E3;
}

.download-table .content-item:hover {
    cursor: pointer;
}
.download-table .content-item .title{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    /* tr-color-text-primary */
    color: #1F2329;
    position: relative;
    padding-left: 18px;
}

.download-table .content-item .title:before {
    display: block;
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 50%;
    margin-top: -3px;
    left: 0;
    background: #2B54A0;
}
.download-table .content-item .time{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #8F959E;
}


/********************************************************************* download end *********************************************************************/

/********************************************************************* government start *********************************************************************/
.government-center .search-box {
    padding: 10px 30px;
}

.government-center .search-content {
    min-height: 60px;
    border-bottom: 1px dashed rgb(223, 223, 223);
    font-size: 12px;
    align-items: center;
    padding: 0 20px;
}

.government-center .search-item {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #000000;
}

.government-center .search-item .i-a {
    padding: 0 10px;
    line-height: 22px;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -o-flex-shrink: 0;
    color: rgb(85, 85, 85);
    margin-right: 10px;
}

.government-center .search-item .i-a:hover {
    cursor: pointer;
    color: rgb(22, 118, 246);
}

.government-center .search-item .choose {
    border: 1px solid rgb(22, 118, 246);
    color: rgb(22, 118, 246);
    border-radius: 3px;
}

.government-center .search-item .choose:hover {
    opacity: 0.6;
}

.government-center .search-box .n-b {
    border: none;
    height: 75px;
}

.government-center .search-btn-box .input {
    width: 250px;
    height: 35px;
    border: 1px solid rgb(227, 227, 227);
    border-radius: 3px;
    padding: 0 20px;
}

.government-center .search-btn-box .select {
    width: 150px;
    height: 35px;
    border: 1px solid rgb(227, 227, 227);
    border-radius: 3px;
    padding: 0 20px;
    background: url("../LocalImages/bottom_select_icon_inner.png") no-repeat;
    background-position: 125px;
    cursor: pointer;
}

.government-center .search-btn-box .select:focus {
    outline: none;
}

.government-center .search-btn-box .m-l-10 {
    display: inline-block;
    height: 35px;
    width: 80px;
    background: rgb(22, 118, 246);
    border: 1px solid rgb(22, 118, 246);
    color: #ffffff;
    border-radius: 3px;
    line-height: 35px;
    text-align: center;
}

.government-center .result-box {
    padding: 25px 40px;
}

.government-center .table-header {
    height: 50px;
    /*-webkit-justify-content: space-between;*/
    /*justify-content: space-between;*/
}

.government-center .table-header .header-item {
    font-size: 14px;
    color: rgb(0, 0, 0);
    width: 50%;
    font-weight: bold;
}

.government-center .table-header .header-item:last-child div:first-child {
    width: 400px;
}

.government-center .content-item {
    height: 75px;
    /*-webkit-justify-content: space-between;*/
    /*justify-content: space-between;*/
    color: rgb(51, 51, 51);
    font-size: 13px;
}

.government-center .content-item:hover {
    cursor: pointer;
}

.government-center .content-item:hover .left-item .clamp-1 {
    color: rgb(22, 118, 246);
}

.government-center .content-item:hover .left-item .m-r-30 .p2 {
    display: block;
}

.government-center .content-item:hover .left-item .c-c {
    border-color: rgb(22, 118, 246);
    background: rgb(22, 118, 246);
}

.government-center .content-item:nth-child(odd) {
    background: rgb(250, 250, 250);
}

.government-center .left-item {
    height: 100%;
    width: 50%;
}

.government-center .left-item .time-item {
    min-width: 56px;
    text-align: center;
    margin-right: 15px !important;
}

.government-center .left-item a {
    color: rgb(51, 51, 51);
    font-size: 14px;
}

.government-center .right-item a {
    color: rgb(51, 51, 51);
}

.government-center .right-item {
    width: 50%;
    font-size: 14px;
    /*justify-content: flex-end;*/
    /*text-align: right;*/
}

.government-center .right-item > div {
    width: 120px;
}

.government-center .right-item .clamp-1 {
    color: rgb(51, 51, 51);
}

.government-center .right-item a {
    width: 400px;
}

.government-center .left-item .clamp-1 {
    width: 400px;
    color: rgb(51, 51, 51);
}

.government-center .left-item .m-r-30 .p1 {
    line-height: 25px;
    font-size: 14px;
    color: rgb(85, 85, 85);
}

.government-center .left-item .m-r-30 .p2 {
    display: none;
    border-top: 1px solid rgb(231, 231, 231);
    line-height: 25px;
    font-size: 14px;
    color: rgb(153, 153, 153);
}

.government-center .c-c {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid rgb(225, 225, 225);
    position: relative;
}

.government-center .c-c:before {
    display: block;
    content: '';
    width: 1px;
    height: 28px;
    top: 18px;
    left: 8px;
    position: absolute;
    background: rgb(225, 225, 225);
}

.government-center .c-c:after {
    display: block;
    content: '';
    width: 1px;
    height: 28px;
    top: -29px;
    left: 8px;
    position: absolute;
    background: rgb(225, 225, 225);
}

.government-center .n-a:after {
    display: none;
}

.government-center .n-b:before {
    display: none;
}

/********************************************************************* government end *********************************************************************/

/********************************************************************* info start *********************************************************************/
.detail-center .info-content {
    width: 1200px;
    background: #fff;
    max-height: 650px;
    overflow: hidden;
    margin-top: 16px;
    border-radius: 12px;
    padding: 0 32px 10px 20px;
}

.detail-center .info-top-box {
    border-bottom: 1px dashed #DEE0E3;
    border-radius: 3px;
    padding: 0 0 20px;
    height: 74px;
    z-index: 3;
    position: relative;
}
.detail-center .top-time .top-time-select{
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 12px;
    gap: 8px;
    width: 288.67px;
    height: 34px;
    /* tr-color-bg-container */
    background: #FFFFFF;
    /* tr-color-border-container-dark */
    border: 1px solid #D0D3D6;
    border-radius: 4px;
}
.detail-center .top-time label{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */

    text-align: right;

    /* tr-color-text-primary */

    color: #1F2329;
}
.detail-center .top-time .select-win {
    width: 104.33px;
    height: 22px;
    position: relative;
}

.top-time-select:after {
    content: '';
    display: block;
    position: absolute;
    background: url("../LocalImages/calendar_icon.svg") no-repeat center;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    right: 9px;
}

.detail-center .top-time .select-win input {
    height: 22px;
    width: 104.33px;
    font-size: 12px;
    color: #222222;
}

.detail-center .top-time .center-line {
    width: 16px;
    height: 16px;
    background: url('../LocalImages/line.svg') no-repeat center;
    background-size: 100% 100%;
}

.detail-center .top-btn {
    width: 80px;
    height: 32px;
    background: #1676f6;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    border-radius: 3px;
}
.infoMenuBox{
    width: 100%;
    padding: 0 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.detail-center .export-btn{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color:#2B54A0;
    background: #ffffff;
    border: 1px solid #2B54A0;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.detail-center .export-btn a{
    color: #2B54A0;
}
.exportIcon{
    margin-right: 4px;
}
.info-content .infoWarp{
}
.detail-center{
    position: relative;
}
.detail-bg{
    background: url('../LocalImages/infoBg.svg') no-repeat top;
    background-size: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}
.detail-center .top-btn-box {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.detail-center .info-item-titleWarp {
    height: 24px;
    position: relative;
    padding: 0 12px;
    margin-top: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.detail-center .info-item-titleWarp::before{
    content: '';
    width: 4px;
    height: 18px;
    background: #3D7EF7;
    position: absolute;
    left: 0;
    top: 3px;
}
.info-item-titleWarp .info-item-title{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    /* tr-color-text-primary */
    color: #1F2329;
}
.info-item-titleWarp .sumBox{
    display: flex;
}
.info-item-titleWarp .sumItem{
    font-weight: 400;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: -0.8px;
    margin-left: 16px;
    color: rgba(0, 0, 0, 0.448126);
    position: relative;
    padding-left: 16px;
}
.info-item-titleWarp .sumItem span{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.8px;
    color: rgba(0, 0, 0, 0.448126);
}


.info-item-titleWarp .sumItem::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(180deg, #E9EFF9 -13.79%, #D3DBE8 59.38%, #A9B5C9 111.46%);
    box-shadow: 0px 2px 8px rgba(23, 83, 205, 0.12);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
}
.info-item-titleWarp .scheduledItem::before {
    background: linear-gradient(180deg, #4AA1FA 0%, #2569F2 100%);
}
.info-item-titleWarp .stopItem::before {
    background: linear-gradient(180deg, rgba(74, 161, 250, 0.55) 0%, rgba(37, 105, 242, 0.55) 100%);
}
.info-item-titleWarp .streamItem::before {
    background: linear-gradient(178.89deg, #FFC995 -14.03%, #FF7D00 105.81%);
}
.info-item-titleWarp .endItem::before {
background: linear-gradient(178.89deg, #FF8A8A -14.03%, #F53F3F 105.81%);
}

.detail-center .info-item-content {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px;
}

.detail-center .item-cell {
    width: 142px;
    height: 118px;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -o-flex-shrink: 0;
    position: relative;
    margin-right: 16px;
    margin-top: 10px;
    padding: 8px 0;
}
.detail-center .item-cell .status{
    padding: 0px 6px;
    gap: 10px;
    background: #F2F3F5;
    border-radius: 2px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #1F2329;
}
.detail-center .item-cell .scheduled{
    background: #E8FFEA;
    color: #00B42A;
}
.detail-center .item-cell .stop {
    background: #E8F7FF;
    color: #3491F9;
}
.detail-center .item-cell .stream {
    background: #FFF7E8;
    color: #FF7D00;
}
.detail-center .item-cell .end {
    background: #FFECE8;
    color: #F53F3F;
}
.detail-center .item-cell:nth-child(7n - 1){
    margin-right: 0;
}
.detail-center .item-cell:hover{
    background: #F2F6FE;
    border-radius: 6px;
}
.detail-center .item-cell .tips {
    width: 461px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(51, 73, 102, 0.16);
    border-radius: 4px;
    padding: 24px;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 10;
    display: none;
    font-size: 12px;
    color: #333333;
    line-height: 30px;
    max-height: 270px;
    overflow-y: auto;
}
.detail-center .item-cell:hover  .tips{
    display: block;
}
.detail-center .item-cell:nth-child(7n - 2) .tips {
    left: -50%;
    margin-left: -107px;
}
.detail-center .item-cell:nth-child(7n - 1) .tips {
    right: 50%;
    transform: translateX(-100%)
}
.detail-center .item-cell:nth-child(7n) .tips {
    right: 50%;
    transform: translateX(-100%)
}
.detail-center .info-item:last-child .item-cell:nth-last-child(8) .tips,
.detail-center .info-item:last-child .item-cell:nth-last-child(9) .tips,
.detail-center .info-item:last-child .item-cell:nth-last-child(10) .tips,
.detail-center .info-item:last-child .item-cell:nth-last-child(11) .tips,
.detail-center .info-item:last-child .item-cell:nth-last-child(12) .tips,
.detail-center .info-item:last-child .item-cell:nth-last-child(13) .tips,
.detail-center .info-item:last-child .item-cell:nth-last-child(14) .tips{
    bottom: auto;
    top: -145px;
}
.detail-center .item-cell:nth-last-child(1) .tips,
.detail-center .item-cell:nth-last-child(2) .tips,
.detail-center .item-cell:nth-last-child(3) .tips,
.detail-center .item-cell:nth-last-child(4) .tips,
.detail-center .item-cell:nth-last-child(5) .tips,
.detail-center .item-cell:nth-last-child(6) .tips,
.detail-center .item-cell:nth-last-child(7) .tips {
    bottom: auto;
    top: -145px;
}
.detail-center .item-cell .tips .tipsItem{
    border-bottom: 1px dashed #DEE0E3;
    padding: 0 0 20px;
    margin-bottom: 20px;
}
.detail-center .item-cell .tips .tipsItem:last-child{
    border: none;
    padding: 0 0 0 0;
    margin-bottom: 0;
}
.detail-center .item-cell .tips .tips-row{
    padding-left: 21px;
    color: #646a73;
}
.detail-center .item-cell .tips .tips-row label {
    min-width: 60px;
}
.detail-center .item-cell .tips  .tipsTitle{
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #1F2329;
    position: relative;
    padding-left: 20px;
}
.detail-center .item-cell .tips .tipsTitle::before{
    content: '';
    width: 7px;
    height: 7px;
    background: #2B54A0;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
}


.detail-center .item-cell .cell-p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #646A73;
    margin-top: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

/********************************************************************* info end *********************************************************************/

/********************************************************************* notice start *********************************************************************/
.notice-center .content-article {
    padding: 20px 60px;
}

.notice-center .content-article p {
    font-size: 12px;
    line-height: 20px;
    color: #666666;
}

.notice-center .page-turn .pages {
    font-size: 12px;
    color: #1676f6;
}

.notice-center .page-turn .pages:hover {
    opacity: 0.6;
}

.notice-center .article-btn-box {
    text-align: right;
}

.notice-center .article-btn-box .article-btn {
    display: inline-block;
    width: 150px;
    height: 40px;
    background: #1676f6;
    border: 1px solid #1676f6;
    color: #ffffff;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
}

/********************************************************************* notice end *********************************************************************/

/********************************************************************* index start *********************************************************************/
.index-center {
    max-width: 1400px;
    position: relative;
}

.index-center .center-middle {
    margin-bottom: 390px;
}

.index-center .center-top-menu {
    height: 68px;
    width: auto;
    margin: 62px auto 0;
    display: flex;
    justify-content: center;
}
.index-center .middle-block-box {
    position: relative;
    margin-top: 255px;
}

.index-center .middle-block-item {
    background: url("../LocalImages/index_middle_block_left_bg.png") no-repeat center;
    background-size: 100% 100%;
    width: 302px;
    height: 306px;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.index-center .block-item {
    text-align: center;
    background: url("../LocalImages/index_middle_block_bottom_bg.png") no-repeat bottom;
    background-size: 100%;
    color: #c2ccf1;
    font-size: 14px;
    padding: 0 20px;
}

.index-center .block-item:hover {
    background: url("../LocalImages/index_middle_block_bottom_bg_hover.png") no-repeat bottom;
    background-size: 100%;
}

.index-center .block-item-01 {
    margin-left: -20px;
}

.index-center .block-item-02 {
    position: absolute;
    right: 0;
    bottom: -115px;
}

.index-center .block-item-03 {
    position: absolute;
    left: -3px;
    top: -75px;
    width: 267px;
    height: 75px;
    background-image: url("../LocalImages/index_open_bid_bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    cursor: pointer;
    transition: all 0.2s linear;
}

.index-center .block-item-03:hover {
    background-image: url("../LocalImages/index_open_bid_bg_hover.png");
}

.index-center .middle-notice-box {
    background: url("../LocalImages/index_flow_notice_bg.png") no-repeat center;
    background-size: 100% 100%;
    width: 380px;
    height: 80px;
    position: fixed;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    z-index: 99999;
    top: 0;
    left: 0;
}

.index-center .middle-notice-box:hover {
    cursor: pointer;
}

.index-center .middle-notice-box img {
    width: 13px;
    position: absolute;
    right: 15px;
    top: 12px;
}

.index-center .middle-notice-box img:hover {
    cursor: pointer;
}

.index-center .middle-notice-box p {
    font-size: 14px;
    color: #eff5fe;
    max-width: 300px;
    position: relative;
    padding-left: 30px;
}

.index-center .middle-notice-box p:before {
    content: '';
    display: block;
    position: absolute;
    background: url("../LocalImages/index_notice_icon.png") no-repeat center;
    background-size: 100% 100%;
    width: 19px;
    height: 17px;
    top: 50%;
    margin-top: -9px;
    left: 0;
}

.index-center .center-l-x-b {
    position: absolute;
    bottom: -400px;
    right: 80px;
}

.index-center .ball-bg > div {
    background: url("../LocalImages/yellow_ball.png") no-repeat center;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    position: absolute;
}

.index-center .doted-01 {
    bottom: 40px;
    left: 66px;
}

.index-center .doted-02 {
    top: -10px;
    left: 140px;
}

.index-center .doted-03 {
    top: 145px;
    right: -5px;
}

.index-center .doted-04 {
    background-image: url("../LocalImages/blue_ball.png") !important;
    top: 5px;
    right: 45px;
}

.index-center .ball-bg > div .doted-item {
    width: 140px;
    height: 60px;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: -55px;
    left: -115px;
}

.index-center .ball-bg .doted-02 .doted-item {
    top: -30px;
    left: -125px;
}

.index-center .ball-bg .doted-03 .doted-item {
    top: -30px;
    left: 20px;
}

.index-center .ball-bg .doted-04 .doted-item {
    top: -30px;
    left: 20px;
}

.index-center .ball-bg .doted-03 .doted-item div {
    min-width: 170px;
}

.index-center .ball-bg > div .doted-item > div {
    background: url("../LocalImages/ball_flow_doted_bg.png") no-repeat center;
    background-size: 100% 100%;
    min-width: 115px;
    height: 41px;
    font-size: 13px;
    color: #d3fffe;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}

.index-center .ball-bg > div .doted-item > p {
    font-size: 14px;
    color: #ffffff;
}

.index-center .ball-bg > div .doted-item > p > span {
    color: #00fff0;
}

/********************************************************************* index end *********************************************************************/

/********************************************************************* login start *********************************************************************/
.login-center {
    padding-top: 54px;
    padding-bottom: 250px;
}
.login-notice{
    width: 882px;
    height: 48px;
    padding: 0 28px;
    box-sizing: border-box;
    background: url('../LocalImages//notice-bg.png') no-repeat center;
    background-size: 100% 100%;
    margin: 0 auto;
    font-size: 0;
    /* 固宽，溢出隐藏 */
    white-space: nowrap;
    /* 相对定位 */
    position: relative;
}
 .login-notice .textBox{
    height: 100%;
    overflow: hidden;
    /* 关1 */
    width: 100%;
}
.login-notice .noticeText{
    font-weight: 400;
    font-size: 14px;
    line-height: 48px;
    display: inline-block;
    /* identical to box height, or 157% */
    color: #5ef7ff;
    flex: none;
    order: 1;
    flex-grow: 0;
}
.noticeText .tipsIcon{
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 3px;
}
@keyframes marquee-wrap {

    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
.animationText{
    animation: marquee-wrap 30s infinite linear;
    -webkit-animation: marquee-wrap 30s infinite linear
}
.login-center .center-right-download {
    position: absolute;
    background: url("../LocalImages/login_right_download.png") no-repeat center;
    background-size: 100% 100%;
    width: 91px;
    height: 221px;
    right: 10px;
    top: 500px;
    padding: 25px 15px 25px 20px;
    font-size: 15px;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.login-center .center-right-download:after {
    display: block;
    content: '';
    position: absolute;
    background: url("../LocalImages/login_right_download_icon.png") no-repeat center;
    background-size: 100% 100%;
    width: 21px;
    height: 19px;
    top: 40px;
    left: 50%;
    margin-left: -10px;
}

.login-center .center-right-download:hover {
    background: url("../LocalImages/login_right_download_hover.png") no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
}

.login-center .center-right-download:hover span, .login-center .center-right-download:hover:after {
    opacity: 0.6;
}

.login-center .center-right-download span {
    text-align: center;
    color: #2db9e7;
}

.login-center .center-login {
    width: 882px;
    height: 520px;
    margin: 16px auto;
    border-radius: 5px;
}

.login-center .login-left {
    padding: 35px 0;
    width: 242px;
    background: url("../LocalImages/login-left-bg.png") no-repeat center;
    background-size: 100% 100%;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    align-items: center;
}

.login-center .login-left .left-item {
    margin: 10px 0;
    width: 210px;
    height: 46px;
    text-align: center;
    font-family: 'FZZhengHeiS-B-GB';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    /* identical to box height, or 144% */


    color: rgba(255, 255, 255, 0.45);
}
.login-center .login-left .left-item:hover{
    background: linear-gradient(180deg, #FFFFFF 0%, #8CD6ED 100%);
    box-shadow: 0px 4px 16px rgba(10, 35, 104, 0.4);
    border-radius: 999px;
    color: #08429C;
}

.login-center .login-left .choose {
    background: linear-gradient(180deg, #FFFFFF 0%, #8CD6ED 100%);
    box-shadow: 0px 4px 16px rgba(10, 35, 104, 0.4);
    border-radius: 999px;
    color: #08429C;
}

.login-center .login-right {
    width: 640px;
    background: #fff;
    border-radius: 0 5px 5px 0;
}

.login-center .right-top-item {
    margin: 5px 30px 0;
    height: 52px;
    -moz-flex-direction: space-around;
    -o-flex-direction: space-around;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-around;
}
.login-center .right-top-item::-webkit-scrollbar {
    width: 2px;
    height: 3px;
}

.login-center .right-top-item .right-top-item-item {
    font-weight: 400;
    /* identical to box height, or 150% */
    /* tr-color-text-secondary */
    color: #646A73;
    height: 42px;
    line-height: 42px;
    padding: 0 5px;
    margin-right: 20px;
    flex-shrink: 0;
}
.login-center .right-top-item .right-top-item-item:last-child{
    margin-right: 0;
}

.login-center .right-top-item .choose {
    color: #2B54A0;
    font-weight: 600;
    border-bottom: 2px solid #2B54A0;
}

.login-center .right-bottom-item {
    margin-top: 56px;
    height: 390px;
}
.ca-login{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.caIcon{
    margin: 0 auto;
}
.login-center .bottom-tip {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */

    text-align: center;

    /* tr-color-text-placeholder */

    color: #8F959E;
}

.login-center .bottom-btn {
    display: block;
    width: 400px;
    height: 44px;
    background: #2B54A0;
    border-radius: 999px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    margin: 0 auto;
}

.login-center .all-btn {
    background: #fff;
    border: 2px solid #2B54A0;
    color: #2B54A0;
    margin-top: 16px;
}

.login-center .bottom-bottom-item {
    width: 100%;
    margin-top: 50px;
    justify-content: flex-end;
}

.login-center .bottom-bottom-item p {
    font-size: 12px;
    color: #f83434;
}

.login-center .bottom-bottom-item a {
    font-size: 16px;
    color: #2B54A0;
    padding-right: 20px;
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.login-center .bottom-bottom-item a:after {
    position: absolute;
    display: block;
    content: '';
    background: url("../LocalImages/login_right_bottom_login_btn.svg") no-repeat center;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -8px;
    right: 0;
}

.login-center .login-btn {
    position: relative;
    margin-top: 24px;
}


.login-center .password-login {
    background-color: transparent;
}

.login-center .password-login .login-row {
    margin: 20px auto 0;
    width: 400px;
    position: relative;
}

.login-center .password-login .login-row input {
    width: 400px;
    height: 44px;
    border: 1px solid #DEE0E3;
    border-radius: 5px;
    padding-left: 40px;
    position: relative;
    background-size: 18px 20px;
    color: #333333;
    font-size: 16px;
}

.login-center .password-login .login-row input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(0, 0, 0, 0.25);
}

.login-center .password-login .login-row input::-moz-placeholder { /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.25);
}

.login-center .password-login .login-row input:-ms-input-placeholder { /* IE 10+ */
    color: rgba(0, 0, 0, 0.25);
}

.login-center .password-login .login-row input:-moz-placeholder { /* Firefox 18- */
    color: rgba(0, 0, 0, 0.25);
}
.login2-box{
    width: 500px;
    height: 540px;
    background: url('../LocalImages//login2-bg.svg') no-repeat center;
    background-size: 100% 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.login2-box .all-btn{
    margin-bottom:81px ;
    background: #0448b7;
    color: #5EF7FF;
    border: 2px solid #5EF7FF;
}
.login2-box .login-btn {
    background: linear-gradient(180deg, #FFFFFF 0%, #8CD6ED 100%);
        border-radius: 999px;
        color: #113983;
}
.login-center .password-login .login-row .code-box {
    position: absolute;
    width: 120px;
    height: 44px;
    right: 0;
    top: 0;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

.login-center .password-login .login-row .code-box:hover {
    cursor: pointer;
}

.login-center .password-login .login-row .login-error-box {
    /* position: absolute;
    left: 0;
    top: 100%;
    height: 50%; */
    /* padding-left: 25px; */
    font-size: 14px;
    line-height: 22px;
    color: #F53F3F;
}

/* .login-center .password-login .login-row .login-error-box:before {
    display: block;
    content: '';
    position: absolute;
    background: url("../LocalImages/login_error_icon.png") no-repeat center;
    background-size: contain;
    width: 16px;
    height: 100%;
    left: 0;
} */
.codeInput{
    width: 268px!important;
}

.login-center .password-login .login-row:nth-child(1) input {
    background: url("../LocalImages/login_account_icon.svg") no-repeat 10px center;
    background-size: 20px 20px;
}

.login-center .password-login .login-row:nth-child(2) input {
    background: url("../LocalImages/login_password_icon.svg") no-repeat 10px center;
    background-size: 20px 20px;
}

.login-center .password-login .login-row:nth-child(3) input {
    background: url("../LocalImages/login_code_icon.svg") no-repeat 10px center;
    background-size: 20px 20px;
}

.login-center .password-login .bottom-bottom-item {
    margin-top: 95px;
}

/********************************************************************* notice3 start *********************************************************************/

.notice-3 .center-content {
    box-shadow: none;
}

.notice-3 .content-nav {
    width: 230px;
    border: 1px solid #E6E6E6;
    box-shadow: -2px 5px 27px 0 rgba(220, 220, 220, 0.54);
}

.notice-3 .content-nav .nav-title {
    height: 70px;
    position: relative;
    background: url("../LocalImages/notice-3-nav-bg.png") no-repeat center;
    background-size: cover;
    text-align: center;
    line-height: 70px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
}

.notice-3 .content-nav .nav-title:before {
    position: absolute;
    display: block;
    content: '';
    background: url("../LocalImages/notice-3-nav-title-bg.png") no-repeat center;
    background-size: cover;
    width: 17px;
    height: 17px;
    top: 50%;
    margin-top: -9px;
    left: 30px;
}

.notice-3 .content-nav .nav-content li {
    height: 60px;
    padding-left: 40px;
    cursor: pointer;
}

.notice-3 .content-nav .nav-content li a {
    color: #444444;
    font-size: 16px;
    line-height: 60px;
}

.notice-3 .content-nav .nav-content .active {
    background: rgba(22, 118, 246, 0.2);
    position: relative;
}

.notice-3 .content-nav .nav-content .active:before {
    position: absolute;
    display: block;
    content: '';
    width: 6px;
    height: 60px;
    left: 0;
    background: #1676F6;
}

.notice-3 .content-nav .nav-content .active a {
    color: #1676F6;
}

.notice-3 .content-item {
    padding: 25px 30px 0;
    flex: 1;
}

.notice-3 .content-item .notice-3-search-box select {
    width: 112px;
    height: 35px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(225, 225, 225, 1);
    border-radius: 3px 0 0 3px;
    padding-left: 15px;
    background: url("../LocalImages/bottom_select_icon_inner.png") no-repeat 90px center;
    background-size: 10px;
    color: #666666;
    font-size: 14px;
}

.notice-3 .content-item .notice-3-search-box input {
    width: 250px;
    height: 35px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(225, 225, 225, 1);
    border-radius: 0 3px 3px 0;
    font-size: 14px;
    color: #333333;
    padding: 0 20px;
}

.notice-3 .content-item .notice-3-search-box a {
    width: 80px;
    height: 35px;
    background: rgba(22, 118, 246, 1);
    border-radius: 3px;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    line-height: 35px;
}

.notice-3 .content-item .notice-3-search-content {
    flex-wrap: wrap;
    flex-shrink: 0;
}

.notice-3 .content-item .notice-3-search-content .notice-3-search-item {
    border: 1px solid transparent;
    margin-bottom: 30px;
    transition: all 0.5s linear;
}

.notice-3 .content-item .notice-3-search-content .notice-3-search-item-bg {
    width: 435px;
    background: rgba(255, 255, 255, 1);
    border-radius: 3px;
    box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
    -o-box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
    transition: all 0.5s linear;
}

.notice-3 .content-item .notice-3-search-content .notice-3-search-item:nth-child(odd) {
    margin-right: 30px;
}

.notice-3 .content-item .notice-3-search-content .notice-3-search-item .search-title {
    height: 65px;
    color: #444444;
    font-size: 14px;
    font-weight: bold;
    line-height: 65px;
    background: url("../LocalImages/notice-3-search-item-title-bg.png") no-repeat center;
    background-size: cover;
    padding: 0 23px;
    text-align: left;
    transition: all 0.5s linear;
}

.notice-3 .content-item .notice-3-search-content .notice-3-search-item:hover {
    border: 1px solid rgba(47, 133, 247, 1);
}

.notice-3 .content-item .notice-3-search-content .notice-3-search-item:hover .search-title {
    background: url("../LocalImages/notice-3-search-item-title-bg-hover.png") no-repeat center;
    background-size: cover;
    color: #FFFFFF;
}

.notice-3 .content-item .notice-3-search-content .notice-3-search-item:hover .notice-3-search-item-bg {
    box-shadow: 0 4px 25px 0 rgba(22, 118, 246, 0.24);
    -webkit-box-shadow: 0 4px 25px 0 rgba(22, 118, 246, 0.24);
    -o-box-shadow: 0 4px 25px 0 rgba(22, 118, 246, 0.24);
    -moz-box-shadow: 0 4px 25px 0 rgba(22, 118, 246, 0.24);
}

.notice-3 .content-item .notice-3-search-content .notice-3-search-item .search-text {
    padding: 30px 40px;
}

.notice-3 .content-item .notice-3-search-content .notice-3-search-item .search-text .search-row {
    line-height: 30px;
    font-size: 14px;
    color: #999999;
    position: relative;
}

.notice-3 .content-item .notice-3-search-content .notice-3-search-item .search-text .search-row:before {
    display: block;
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 2px solid #1676F6;
    top: 50%;
    margin-top: -4px;
    left: -15px;
    box-sizing: border-box;
}

.notice-3 .content-item .notice-3-search-content .notice-3-search-item .search-text .search-row span {
    flex: 1;
    color: #444444;
}

/********************************************************************* notice3 end *********************************************************************/

/********************************************************************* notice2 start *********************************************************************/
.notice2-center .table-header .header-item:last-child div:first-child,
.notice2-center .left-item div:first-child {
    width: 50px;
    text-align: center;
}

.notice2-center .left-item div:first-child {
    font-size: 18px;
    color: #555555;
}

.notice2-center .table-header .header-item:last-child div:nth-child(2),
.notice2-center .left-item div:nth-child(2) {
    width: 60px;
    text-align: center;
}

.notice2-center .left-item {
    width: 100%;
}

.notice2-center .left-item div:nth-child(2) {
    margin-right: 20px !important;
}

.notice2-center .left-item .clamp-1 {
    width: auto;
    flex: 1;
}

.notice2-center .search-content {
    border-bottom: 0;
    padding: 0;
}

.notice2-center .search-content .search-item {
    height: 60px;
    background: #ECECEC;
    padding: 0 20px;
}

.notice2-center .search-item .i-a {
    line-height: 58px;
    color: #666666;
    font-size: 18px;
    font-weight: bold;
}

.notice2-center .search-item .choose {
    border-radius: 0;
    color: #1676F6;
    border: 0;
    border-bottom: 2px solid #1676F6;
}

.notice2-center .content-item {
    font-size: 16px;
    color: #333333;
}

.notice2-center .left-item .m-r-30 .p1 {
    color: #555555;
    font-size: 18px;
}

.notice2-center .no-shadow {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    padding: 0;
}

/********************************************************************* notice2 end *********************************************************************/

/********************************************************************* trans end *********************************************************************/

.trans-content-item {
    background: url("../LocalImages/trans-center-bg.png") no-repeat center;
    background-size: 100% 100%;
    height: 1620px;
    width: 1152px;
    padding: 175px 165px;
}

.trans-content-item-title {
    color: #597BBD;
    text-align: center;
    font-size: 56px;
}

.trans-content-item-sub-title {
    color: #597BBD;
    text-align: center;
    font-size: 26px;
    background: url("../LocalImages/trans-sub-title-bg.png") no-repeat center;
    background-size: contain;
    height: 75px;
    width: 720px;
    line-height: 75px;
    margin: 0 auto;
}

.trans-content-item-disc {
    padding-top: 50px;
    padding-bottom: 40px;
    font-size: 16px!important;
    line-height: 22px!important;
    color:#646A73!important
}

.trans-content-item-line {
    border-bottom: 1px solid #597BBD;
}

.trans-content-item-item {
    padding: 40px 0;
    position: relative;
    line-height: 28px!important;
}
.item-row2{
    line-height: 28px !important;
    color: #646A73!important;
}
.item-row {
    font-size: 16px;
    line-height: 32px;
    color: #646A73 !important;
}

.item-row-table {
    display: flex;
}

.item-row-table .table-box {
    flex: 1;
}

.item-row-table .table-box .table-row {
    display: table;
    width: 100%;
}

.item-row-table .table-box .table-header {
    font-weight: bold;
}

.item-row-table .table-box .table-item {
    display: table-cell;
    width: 25%;
    padding-left: 32px;
    color: #040000;
    height: 42px;
    line-height: 42px;
}

.item-row-table .table-box .table-content {
    background: rgba(211, 223, 241, 0.32);
}

.item-row-table .table-box .table-content .table-item {
        color: #646A73 !important;
}

.item-row span {
    padding-right: 10px;
    color: #646A73 !important;
}

.list {
    padding-left: 20px;
}

.bold {
    font-weight: bold!important;
    position: relative;
}

.bold:before {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #597BBD;
    left: 0;
    top: 50%;
    margin-top: -3px;
}

.line-left {
    position: relative;
    padding-left: 10px;
}

.line-left:before {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 18px;
    left: 0;
    top: 50%;
    margin-top: -9px;
    background: #666666;
}

.trans-content-item-item .dw {
    font-weight: bold;
}

.trans-content-item-item .p {
    text-align: right;
    color: #466BB5;
    font-size: 18px;
    line-height: 22px;
}
.trans-content-item-item .code {
    width: 132px;
    height: 132px;
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #597BBD;
}

.trans-content-item-item .notice {
    position: absolute;
    bottom: 50px;
    color: #666666;
    font-size: 16px;
}

/********************************************************************* trans end *********************************************************************/

/********************************************************************* login end *********************************************************************/

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    10% {
        opacity: 0.1;
        transform: translateY(90%);
    }
    20% {
        opacity: 0.2;
        transform: translateY(80%);
    }
    30% {
        opacity: 0.3;
        transform: translateY(70%);
    }
    40% {
        opacity: 0.4;
        transform: translateY(60%);
    }
    50% {
        opacity: 0.5;
        transform: translateY(50%);
    }
    60% {
        opacity: 0.6;
        transform: translateY(40%);
    }
    70% {
        opacity: 0.7;
        transform: translateY(30%);
    }
    80% {
        opacity: 0.8;
        transform: translateY(20%);
    }
    90% {
        opacity: 0.9;
        transform: translateY(10%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.servicePlatform-body {
    width: 1910px;
    position: relative;
    padding-bottom: 240px;
}

.servicePlatform-body .bgImg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.servicePlatform-menu {
    width: 1200px;
    height: 56px;
    background: url('../LocalImages/notice-bg.png') no-repeat center;
    background-size: 100% 100%;
    margin-top: 16px;
    padding: 0 28px;
    overflow-x: auto;
}

.servicePlatform-menu::-webkit-scrollbar {
    width: 2px !important;
}

.servicePlatform-menu::-webkit-scrollbar-track {
    background-color: #d7f1f9 !important;
    border-radius: 100px !important;
}

.servicePlatform-menu::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #2895FC 3.83%, rgba(76, 221, 253, 0.8) 100%) !important;
    border-radius: 100px !important;
}

.servicePlatform-menu .menuBox {
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-around;
}

.servicePlatform-menu .menuBox .menuItem {
    font-size: 18px;
    line-height: 25px;
    color: #FFFFFF;
    opacity: 0.85;
    cursor: pointer;
    padding: 7px 32px;
    flex-shrink: 0;
}

.servicePlatform-menu .menuBox .activeItem {
    background: linear-gradient(180deg, #FFFFFF 0%, #8CD6ED 100%);
    border-radius: 999px;
    color: #08429C;
    font-weight: 600;
}

.servicePlatform-menu .menuBox .menuItem:hover {
    opacity: .5;
}

.servicePlatform-searchBox {
    width: 1200px;
    min-height: 128px;
    background: #fff;
    box-shadow: 0px 8px 20px rgba(55, 99, 170, 0.1);
    border-radius: 12px;
    margin-top: 16px;
    padding: 0 32px 16px;
}

.search-item {
    padding-top: 16px;
    display: flex;
}

.search-item label {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: #1F2329;
    float: left;
}

.search-item .searchMenu {
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.search-item .searchMenu .menuItem {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #1F2329;
    margin-right: 24px;
    padding: 4px 0;
    cursor: pointer;
}

.search-item .searchMenu .activeItem {
    padding: 4px 16px;
    background: #FFFFFF;
    border: 1px solid #2B54A0;
    border-radius: 999px;
    color: #2B54A0;
}

.search-item .searchMenu .menuItem:hover {
    color: #2B54A0;
}

.searchBtnBox {
    display: flex;
    align-items: center;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed;
}

.search-item .keyword {
    padding: 6px 12px;
    gap: 8px;
    width: 274.67px;
    height: 34px;
    background: #FFFFFF;
    border: 1px solid #D0D3D6;
    border-radius: 4px;
    color: #1F2329;
    font-size: 14px;
    line-height: 22px;
}

.search-item .keyword::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #BBBFC4;
}

.searchBtnBox .top-time-select {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 12px;
    gap: 8px;
    width: 288.67px;
    height: 34px;
    /* tr-color-bg-container */
    background: #FFFFFF;
    /* tr-color-border-container-dark */
    border: 1px solid #D0D3D6;
    border-radius: 4px;
}


.searchBtnBox .select-win {
    width: 104.33px;
    height: 22px;
    position: relative;
}

.top-time-select:after {
    content: '';
    display: block;
    position: absolute;
    background: url("../LocalImages/calendar_icon.svg") no-repeat center;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    right: 9px;
}

.searchBtnBox .select-win input {
    height: 22px;
    width: 104.33px;
    font-size: 12px;
    color: #222222;
}

.searchBtnBox .center-line {
    width: 16px;
    height: 16px;
    background: url('../LocalImages/line.svg') no-repeat center;
    background-size: 100% 100%;
}

.search-item .search-btn {
    padding: 0 16px;
    height: 34px;
    line-height: 34px;
    background: #2B54A0;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    margin-left: 24px;
    cursor: pointer;
}

.search-btn:hover {
    opacity: .5;
}

.search-item .clear-btn {
    background: #F2F3F5;
    border: 1px solid #D0D3D6;
    color: #1F2329;
}

.servicePlatform-tableBox {
    width: 1200px;
    min-height: 640px;
    margin-top: 16px;
    background: #FFFFFF;
    mix-blend-mode: normal;
    box-shadow: 0px 8px 20px rgba(55, 99, 170, 0.1);
    border-radius: 12px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
}

.servicePlatform-tableBox .table-content {
    width: 1136px;
}
.servicePlatform-tableBox .table-content td,.servicePlatform-tableBox .table-content th{
    text-align: start!important;
    padding: 13px;
}

.servicePlatform-tableBox .table-content .content-item {
    height: auto;
    display: table;
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #1F2329;
    box-shadow: inset 0px -1px 0px #E5E6EB;
    cursor: pointer;
    width: 100%;
}

.servicePlatform-tableBox .table-content .content-item:nth-of-type(even) {
    background: #F8F9FA;
}

.servicePlatform-tableBox .table-content .content-item:hover {
    background: #E8F7FF;
}

.table-content .taberHeader {
    background: #F2F3F5;
    box-shadow: inset 0px -1px 0px #E5E6EB;
    height: 48px;
    line-height: 48px;
    font-weight: 400;
    font-size: 14px;
    color: #646A73;
    display: table;
    width: 100%;
}

.table-content .indexColumn {
    width: 48px;
}

.table-content .nameColumn {
    width: 708px;
    padding: 0 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.table-content .BhColumn {
    width: 223px;
    padding: 0 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.table-content .timeColumn {
    width: 158px;
    padding: 0 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.servicePlatform-tableBox .pagination-box {
    padding: 16px 0;
}

.servicePlatform-tableBox .pagination-box .page {
    margin-right: 8px;
}

.servicePlatform-tableBox .pagination-box .page-prev {
    background: url('../LocalImages/leftIcon.svg') no-repeat center;
}

.servicePlatform-tableBox .pagination-box .page-next {
    background: url('../LocalImages/rightIcon.svg') no-repeat center;
}

.servicePlatform-tableBox .pagination-box .pageInput {
    padding: 4px 12px;
    width: 52px;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #D0D3D6;
    border-radius: 4px;
    margin-left: 16px;
    text-align: center;
}

.servicePlatform-tableBox .pagination-box .jumpBtn {
    width: 48px;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    font-size: 14px;
    color: #2B54A0;
    text-align: center;
}
.listWarp{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px;
    display: flex;
}
.listWarp .listItem{
    width: 365px;
    height: 219px;
    border: 1px solid #EFF0F1;
    border-radius: 6px;
    margin-right: 20px;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    cursor: pointer;
}

.listWarp .listItem:nth-child(3n){
    margin-right: 0;
}
.listWarp .currentItem{

}
.listItem .itemTitle{
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    height: 54px;
    background: #E6ECF8;
    line-height: 54px;
    padding: 0 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-shrink: 0;
}
.listWarp .chooseItem,.listWarp .listItem:hover{
    border: 1px solid #3373F3;
    filter: drop-shadow(0px 8px 20px rgba(43, 84, 160, 0.12));
}

.listWarp .chooseItem .itemTitle,.listWarp .listItem:hover .itemTitle {
    background: url(../LocalImages/listTop.svg) no-repeat center;
    background-size: 100% 100%;
    color: #fff;
    font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        height: 54px;
        line-height: 54px;
        padding: 0 24px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    flex-shrink: 0;
}
.listItem .itemContent{
    width: 100%;
    flex: 1;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 24px 24px;
    box-sizing: border-box;
    border-radius: 6px;
}
.itemContent .tagBox{
    display: flex;
}
.tagBox .tagItem{
    padding: 1px 8px;
    gap: 10px;
    background: #E8F7FF;
    border: 1px solid #9FD3FD;
    border-radius: 2px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #3491F9;
    margin-right: 8px;
    box-sizing: border-box;
}
.tagBox .tagItem:last-child{
    margin-right: 0;
}
.itemContent .labelItem{
    width: 100%;
    display: flex;
    position: relative;
    padding-left: 10px;
    margin-top: 8px;
    box-sizing: border-box;
}
.itemContent .labelItem:first-child{
    margin-top: 16px;
}
.itemContent .labelItem::before{
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #2B54A0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.itemContent .labelItem label{
    color: #999999;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    flex-shrink: 0;
}
.itemContent .labelItem .labelText{
    flex: 1;
    overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #333;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
}




.deatil-body {
    width: 100%;
    position: relative;
    padding-bottom: 250px;
    min-height: 100%;
}

.deatil-body .bgImg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.deatil-body .deatil-center {
    width: 1200px;
    margin: 0 auto;
}

.deatil-body .deatilContent {
    width: 100%;
    padding: 20px 32px;
    background-color: #FFFFFF;
    mix-blend-mode: normal;
    box-shadow: 0px 8px 20px rgba(55, 99, 170, 0.1);
    border-radius: 12px;
    margin-top: 16px;
    position: relative;
    box-sizing: border-box;
}
.deatil-body .deatilContent .search-item{
    padding: 0 0 16px;
    border-bottom: 1px dashed#DEE0E3;
}
.deatil-body .contentBgBox{
    background: url(../LocalImages/trans-center-bg.png) no-repeat center;
    background-size: 100% 100%;
    padding: 200px 158px;
}

.deatilContent p,
.deatilContent div {
    font-weight: 400;
    color: #1f2329;
    font-size: 16px;
    line-height: 24px;
}

.detailHeader {
    border-bottom: 1px dashed #DEE0E3;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.noMargin{
    margin: 0;
    padding: 0;
}
.contentBgBox .detailHeader{
    border: none;
}

.deatilContent p.detailTitle {
    font-weight: 600;
    font-size: 28px;
    line-height: 45px;
    color: rgba(0, 0, 0, 0.85);
    text-align: center;
}
.contentBgBox p.detailTitle {
    font-weight: 600;
    font-size: 56px;
    line-height: 78px;
    color: #597BBD;
    text-align: center;
}

.deatilContent p.detailTitle2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #1F2329;
}

.deatilContent p.detailTitle3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #1F2329;
}

.deatilContent p.detailTitle4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #1F2329;
}

.deatilContent .infoBox {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    color: #8F959E !important;
    text-align: center;
}
.contentBgBox .infoBoxs{
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #597BBD;
    margin-top: -10px;
    background: url(../LocalImages/trans-sub-title-bg.png) no-repeat center;
    background-size: contain;
    height: 75px;
    line-height: 75px;
    text-align: center;
}
.btnGrounp{
    display: flex;
    justify-content: center;
    padding: 16px 0 0;
}
.backBtn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 148px;
    height: 41px;
    background: linear-gradient(180deg, #FFFFFF 0%, #8CD6ED 100%);
    border-radius: 999px;
    margin: 16px auto;
    color: #08429C;
    font-weight: 600;
}
.btnGrounp .backBtn{
    margin: 0 16px 0;
}
.deatilContent .infoTitle {
    height: 48px;
    background: #F2F3F5;
    box-shadow: inset 0px -1px 0px #E5E6EB;
    border-radius: 0px;
    font-weight: 600!important;
    font-size: 16px!important;
    line-height: 48px!important;
    color: #1F2329;
    padding-left: 16px;
}

.infoText {
    padding: 13px 16px;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 22px!important;
    color: #1F2329;
}

.lineText {
    box-shadow: inset 0px -1px 0px #E5E6EB;
}

.infoBlod {
    font-weight: 600;
}

.infoTableItem {
    display: flex;
}

.infoTableItem label {
    padding: 13px 16px;
    width: 232px;
    min-height: 48px;
    /* tr-color-table-bg-zebra */
    background: #F8F9FA;
    box-shadow: inset -1px 0px 0px #E5E6EB, inset 0px -1px 0px #E5E6EB;
    border-radius: 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #646A73;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.infoTableItem .content {
    padding: 13px 16px;
    width: 904px;
    min-height: 48px;
    background: #FFFFFF;
    box-shadow: inset 0px -1px 0px #E5E6EB;
    border-radius: 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #1F2329;
}

    .infoTableItem .content-all {
        padding: 13px 16px;
        width: 100%;
        min-height: 48px;
        background: #FFFFFF;
        box-shadow: inset 0px -1px 0px #E5E6EB;
        border-radius: 0px;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #1F2329;
    }
    .infoTableItem .content-all table td{
        border:1px  solid black; 
    }
.checkBoxGrounp{
    display: flex;
}
.checkBoxGrounp .checkBox{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #1F2329;
    position: relative;
    padding-left: 24px;
    margin-right: 24px;
}
.checkBoxGrounp .checkBox::before{
    width: 16px;
    height: 16px;
    background: #EFF0F1;
    border: 1px solid #D0D3D6;
    border-radius: 2px;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.checkBoxGrounp .choseBox::before{
    background: url('../LocalImages/choseBoxBg.svg') no-repeat center;
    background-size: 100% 100%;
}

.deatilContent td.tLabel{
    background: #F8F9FA;
    box-shadow: inset -1px 0px 0px #E5E6EB, inset 0px -1px 0px #E5E6EB;
    border-radius: 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #646A73;
}
.deatilContent td.tContent {
    background: #FFFFFF;
    box-shadow: inset 0px -1px 0px #E5E6EB;
    border-radius: 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #1F2329;
}
.deatilContent td a.fileContent {
    color: #2B54A0;
    position: relative;
    padding: 13px 38px;
    cursor: pointer;
}
.deatilContent td a.fileContent:hover{
    opacity: .5;
}
.deatilContent td a.fileContent::before{
    content: '';
    width: 22px;
    height: 22px;
    background: url('../LocalImages/file.svg') no-repeat center;
    position: absolute;
    left: 16px;
    top: 13px;
}
.infoTableItem .fileContent {
    color: #2B54A0;
    position: relative;
    padding: 13px 38px;
    cursor: pointer;
}

.infoTableItem .fileContent:hover {
    opacity: .5;
}

.infoTableItem .fileContent::before {
    content: '';
    width: 22px;
    height: 22px;
    background: url('../LocalImages/file.svg') no-repeat center;
    position: absolute;
    left: 16px;
    top: 13px;
}

.searchSelect,.searchSelectNative {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    border: 1px solid #D0D3D6;
    border-radius: 4px 0px 0px 4px;
    padding: 6px 26px 6px 12px;
    outline: none;
    position: relative;
    appearance: none;
    /* 去掉默认图标 */
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #1F2329;
    cursor: pointer;
    user-select: none;
}
.searchSelectNative {
    background: url('../LocalImages/arrow-down.svg') no-repeat right;
}
.searchSelect::after{
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 50%;
    background: url('../LocalImages/arrow-down.svg') no-repeat center;
    background-size: 100% 100%;
    margin-top: -8px;
}
.downSelect::after{
    transform: rotate(180deg);
    transform-origin: center center;
}
.searchSelect .optionList{
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    box-sizing: border-box;
    margin-top: 10px;
    padding:10px 0;
    user-select: none;
    z-index: 999;
}
.searchSelect .optionList::after{
        top: -4px;
        content: " ";
        width: 6px;
        height: 6px;
        left: 30%;
        transform: rotate(45deg);
        border: 1px solid #ebeef5;
        position: absolute;
        border-right-color: transparent;
        border-bottom-color: transparent;
        background: #fff;
}
.searchSelect .optionList .option{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    padding: 0 10px;
}
.searchSelect .optionList .option:hover{
    background: #f5f7fa;
}

.detail_contect {
    margin-top: 20px;
}

.content-article {
    margin-top: 20px;
}

/* 漂浮框 */
.float-con {
    height: 149px;
    width: 446px;
    background: url('../LocalImages/float_box1.png') no-repeat;
    border-radius: 6px;
    background-size: 100% 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10000;
    cursor: pointer;
    padding: 28px 30px;
    box-sizing: border-box;
}

.float-con-inner {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.float-item {
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    width: 386px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/********************************************************************* register start *********************************************************************/
.register-center {
    width: 800px;
    margin-top: 70px;
    padding-bottom: 200px;
}

.register-title {
    height: 48px;
    border-radius: 12px 12px 0 0;
    background: url('../LocalImages/images//register-nav.png') no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .register-title span {
        font-size: 16px;
        font-weight: 400;
        position: relative;
        left: -290px;
        cursor: pointer;
    }

        .register-title span img {
            position: relative;
            top: 1px;
        }

.register-box {
    background-color: #fff;
    border-radius: 0 0 12px 12px;
    padding: 0 32px 32px;
    box-sizing: border-box;
}

.register-tips {
    height: 34px;
    line-height: 34px;
    padding: 9px 10px 5px 0;
    font-size: 14px;
    color: #8F959E;
    box-sizing: content-box;
    text-align: right;
}

    .register-tips a {
        color: #2B54A0;
    }

.register-md > p {
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    font-weight: 600;
}

    .register-md > p::before {
        content: '';
        display: inline-block;
        width: 2px;
        height: 12px;
        background-color: #2B54A0;
        border-radius: 0 4px 4px 0;
        margin-right: 8px;
        position: relative;
        top: 1px;
    }

.register-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .register-form .register-form-item {
        margin-bottom: 24px;
        position: relative;
    }

        .register-form .register-form-item > div {
            display: inline-block;
            width: 430px;
        }

            .register-form .register-form-item > div div {
                height: 40px;
                line-height: 22px;
                width: 104px;
                border-radius: 100px;
                padding: 9px 11px !important;
                background: #F8F9FA;
                margin-right: 24px;
                cursor: pointer;
                display: inline-flex;
                align-items: center;
                box-sizing: border-box;
            }

        .register-form .register-form-item .active-role {
            border: 1px solid #2B54A0;
        }

        .register-form .register-form-item > div div input {
            width: 16px;
            height: 16px;
            cursor: pointer;
        }

        .register-form .register-form-item > div div .rdBox {
            background: url('../LocalImages/images/radio.png') no-repeat;
            margin-right: 8px;
        }

        .register-form .register-form-item > div div .chBox {
            background: url('../LocalImages/images/checkout.png') no-repeat;
            margin-right: 8px;
        }

        .register-form .register-form-item > div div label {
            font-size: 14px;
            color: #1F2329;
        }

    .register-form span {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        display: inline-block;
        width: 152px;
        line-height: 40px;
        text-align: right;
        margin: 0 auto;
    }

        .register-form span::before {
            content: '*';
            display: inline-block;
            color: #F53F3F;
        }

    .register-form .text {
        width: 430px;
        height: 40px;
        border-radius: 4px;
        padding: 8px 12px;
        box-sizing: border-box;
        border: 1px solid #D0D3D6 !important;
        color: #1F2329;
    }

        .register-form .text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: #8F959E;
        }

        .register-form .text::-moz-placeholder { /* Firefox 19+ */
            color: #8F959E;
        }

        .register-form .text:-ms-input-placeholder { /* IE 10+ */
            color: #8F959E;
        }

        .register-form .text:-moz-placeholder { /* Firefox 18- */
            color: #8F959E;
        }

    .register-form .text-dwmc::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #1F2329;
    }

    .register-form .text-dwmc::-moz-placeholder { /* Firefox 19+ */
        color: #1F2329;
    }

    .register-form .text:-ms-input-placeholder { /* IE 10+ */
        color: #1F2329;
    }

    .register-form .text:-moz-placeholder { /* Firefox 18- */
        color: #1F2329;
    }

    .register-form .text-dwmc {
        background-color: #EFF0F1;
        width: 350px;
    }

    .register-form .select-xzqy {
        display: inline-flex !important;
        justify-content: space-between;
    }

        .register-form .select-xzqy .select-xzqy-item {
            flex: 1 !important;
            position: relative;
        }

            .register-form .select-xzqy .select-xzqy-item:nth-child(2) {
                margin: 0 10px;
            }

            .register-form .select-xzqy .select-xzqy-item select {
                width: 100% !important;
            }

.xzqy-arrow {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.register-form .rg-form-item-xz {
    width: 64px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #2B54A0;
    box-sizing: border-box;
    line-height: 38px;
    text-align: center;
    color: #2B54A0;
    margin-left: 16px;
    cursor: pointer;
}

.register-form-p {
    font-size: 14px;
    color: #646A73;
    line-height: 22px;
    width: 530px;
    margin: 8px auto 12px;
    position: relative;
    left: 42px;
}

.register-btn-box {
    margin: 0 auto;
    text-align: center;
}

    .register-btn-box a {
        width: 400px;
        height: 44px;
        line-height: 28px;
        text-align: center;
        padding: 8px 20px;
        box-sizing: border-box;
        border-radius: 38px;
        background: #2B54A0;
        display: inline-block;
        color: #fff;
    }

.register-bottom {
    height: 115px;
    min-height: 115px;
}

.register-result {
    background-color: #fff;
    border-radius: 0 0 12px 12px;
    padding: 0 32px 32px;
    box-sizing: border-box;
    height: 628px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .register-result img {
        width: 80px;
        height: 80px;
        margin-bottom: 24px;
    }

    .register-result p {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
        color: #1F2329;
        margin-bottom: 24px;
    }

    .register-result .register-result-btn a {
        width: 280px;
        height: 44px;
        line-height: 28px;
        text-align: center;
        padding: 8px 20px;
        box-sizing: border-box;
        border-radius: 38px;
        background: #2B54A0;
        display: inline-block;
        color: #fff;
    }
/********************************************************************* register end *********************************************************************/