﻿@charset "utf-8";
body {
    height: 100%;
    width: 100%;
    background-color: #ededed;
    overflow-y: hidden;
    overflow-x: auto;
}

.body_center {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 890px) {
    .geRen_logOut {
        display: none
    }
}

.logo_title {
    /* position: absolute;
    left: 9px */
    margin-left: 9px;
}

.geRen_logOut {
    position: fixed;
    right: 40px;
}

.header {
    height: 70px;
    width: 100%;
    background-color: #2684E6;
    z-index: 3;
    /* position: fixed;
    top: 0; */
    /* min-width: 1200px; */
    min-width: 1640px;
    color: #fff;
    text-align: center;
}

.head_top {
    height: 70px;
    margin:  auto;
    /* min-width: 800px; */
    min-width: 1640px;
    clear: both;
}

.logo_title {
    min-width: 500px
}

.header-right {
    display: inline-block;
    /*width: 285px;*/
    height: 70px;
    float: right;
    vertical-align: top;
}

.btn-bell {
    position: relative;
    height: 40px;
    width: 45px;
    cursor: pointer;
    display: block;
    float: left;
    margin-top: 15px;
    margin-right: 8px;
    text-align: center;
    /* padding: 0 5px; */
}

.btn-bell svg {
    width: 30px;
    height: 30px;
    fill: #fff;
    margin-top: 5px;
}

.btn-bell:hover {
    background-color: #0f6dce;
}

.smsc .el-badge__content {
    background-color: #ED9509;
    height: 15px;
    width: 15px;
    line-height: 15px;
    /* -webkit-box-sizing: border-box;
    box-sizing: border-box; */
    border-radius: 50%;
    font-size: 10px;
    border: none;
    top: 10px;
    position: absolute;
    right: 12px;
    -webkit-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%);
    /* padding: 0 6px; */
    text-align: center;
    white-space: nowrap;
}

.el-badge {
    position: relative;
    vertical-align: middle;
    display: inline-block;
}

/* 系统切换*/
.SwitchSys span {
    cursor: pointer;
    font-size: 14px;
}

.SwitchSys:hover .SwitchSys_box_bottom {
    display: block;
}

.SwitchSys_box_bottom {
    width: 440px;
    margin: -10px 0;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    position: absolute;
    min-height: 100px;
    right: -145px;
    display: none;
}

.Switchsys_list {
    width: 440px;
    line-height: 34px;
}

.SwitchSys_box_bottom .btn-group__arrow {
    left: 250px;
}

.sys_type {
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sys_link_box a {
    padding-right: 10px;
    display: inline-block;
}

/*设置*/
.shezhi_box {
    /* height: 70px;
    width: 50px; */
    text-align: center;
    cursor: pointer;
    position: relative;
    display: block;
    float: left;
}

.shezhi_box:hover .shezhi_box_bottom {
    display: block;
    font-size: 14px;
}

.shezhi_box_bottom ul {
    height: auto;
    display: block;
    padding: 5px 0;
}

.shezhi_box_bottom {
    margin: 15px 0;
    background-color: #fff;
    position: absolute;
    right: -85px;
    top: 30px;
    z-index: 99;
    display: none;
    width: 205px;
    height: 128px;
    border: 1px solid rgba(223, 223, 223, 1);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    border-radius: 5px;
    text-align: left;
}

.dropdown-menu .font-set {
    color: #333333;
}

.dropdown-menu li > .theme a {
    width: 48px;
    display: inline-block;
    text-align: center;
    color: #84888D;
    float: left;
}

.theme .current {
    background-color: #2684E6;
    color: #fff;
}

.dropdown-menu li {
    padding: 1px 15px;
    line-height: 40px;
}

.dropdown-menu li > .theme {
    display: inline-block;
    float: right;
    line-height: 24px;
    height: 24px;
    margin-top: 8px;
    border-radius: 5px;
}

.b-1 {
    border: 1px solid #2684E6;
}

.b-b {
    position: relative;
}

/* .b-b:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #bfbfbf;
    -ms-transform: scaleY(.4);
    -webkit-transform: scaleY(.4);
    transform: scaleY(.4);
} */

.btn-group__arrow {
    border-top: 0 solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 12px solid #fff;
    border-right: 8px solid transparent;
    top: -12px;
    left: 90px;
    margin-right: 5px;
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    position: absolute;
    display: block;
    width: 0;
    height: 0;
}

.user-avator {
    margin-left: 5px;
    display: inline-block;
    display: block;
    float: left;
    height: 40px;
    width: 40px;
}

.user-avator img {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-top: 15px;
}

.geRen_box {
    display: block;
    float: right;
    padding-right: 15px;
}

.geRen_box:hover .geRen_box_bottom {
    display: block;
    z-index: 99;
}

.geRen_box:hover {
    background-color: #0f6dce;
}

.geRen_box:hover .user-avator {
    background-color: #0f6dce !important;
}

.geRen_box, .SwitchSys {
    position: relative;
    height: 70px;
    line-height: 70px;
}

.geRen_box_bottom {
    width: 125px;
    /* margin: 15px 0; */
    background-color: #fff;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    border-radius: 5px;
    position: absolute;
    min-height: 40px;
    right: 3px;
    display: none;
    top: 65px;
}

.geRen_box span:nth-child(2) {
    font-weight: 400;
    color: #ffffff;
    position: relative;
    top: 5px;
}

.geRen_box_bottom svg {
    width: 20px;
    height: 20px;
    fill: #84888D;
    position: relative;
    top: 5px;
}

.geRen_box_bottom .btn-group__arrow {
    left: auto;
    right: 40px;
}

.geRen_box_bottom .dropdown-menu li {
    display: flex;
    height: 40px;
    line-height: initial;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.geRen_box .dropdown-menu li span {
    color: #606266;
    /* padding-left: 5px; */
}

.geRen_box .dropdown-menu li:hover span {
    color: #2684E6;
}

.geRen_box .dropdown-menu li:hover svg {
    fill: #2684E6;
}

.geRen_box_bottom .dropdown-menu li img {
    vertical-align: middle;
}

.geRen_box span {
    color: white;
    /*line-height: 30px;height: 30px;*/
    /*line-height: 70px;*/
    /*height: 70px;*/
    padding-left: 5px;
    cursor: pointer;
}

.head_top .logo_title img:first-child {
    height: 32px;
    width: 32px;
    margin: 17px 9px 0;
    display: block;
    float: left
}

.head_top .logo_title img:last-child {
    height: 20px;
    margin: 25px 0 0 5px;
    display: block;
    float: left
}

.head_top .logo_title .sys_name {
    float: left;
    /* line-height: 70px; */
    line-height: 65px;
    padding-left: 7px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}

.logoimg {
    height: 60px;
    margin-top: 35px
}

.caret_b {
    padding-top: 30px;
    float: right;
}

/*左侧拦 部分*/
.sideleft {
    position: relative;
    float: left;
    /* overflow: hidden; */
    /* width: 220px; */
    width: 245px;
    /* background-color: #2e3d50; */
    background-color: #fff;
    height: calc(100vh - 70px);
    /* position: fixed;
    left: 0;
    top: 70px; */
    z-index: 9;
    box-shadow: 1px 0px 10px 0px rgba(77,88,115,0.2);
}

/*左导航 容器*/
.leftsideBar_box {
    margin-top: 0;
    height: 100%;
    padding-bottom: 50px;
    box-sizing: border-box;
}

.leftsideBar_box .leftsideBar_name {
    height: 47px;
    background: #0f6dce;
    font-size: 18px;
    line-height: 52px;
    color: #ffffff;
    padding-left: 50px;
    font-weight: 400;
}

.leftsideBar_box .leftsideBar_name img {
    margin-top: 0;
}

.left_nav > ul {
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
    padding-top: 10px;
}

.left_nav > ul::-webkit-scrollbar {
    width: 8px;
    background: #E5E5E5;        
}

.left_nav > ul::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background:#ffffff;
    border: 1px solid #E5E5E5;
}


/*左导航 多级菜单*/
.left_nav {
    display: block;
    overflow: hidden;
    /* width: 238px; */
    width: 245px;
    height: 100%;
    /* padding-bottom: 10px; */
    box-sizing: border-box;
}

.left_nav ul li {
    cursor: pointer
}

/*.left_nav ul li div:hover .fl,.left_nav ul li a:hover,.left_nav ul li a:hover .fl{color: white;}*/
.left_nav .nav_box {
    /* color: rgb(191, 203, 217); */
    color: #2684E6;
    background-color: #2e3d50;
}

.nav_title {
    display: block;
    /* height: 50px; */
    height: 56px;
    background-color: #fff;
}

.nav_title svg {
    height: 22px;
    width: 22px;
    fill: #84888D;
    float: left;
    margin: 0 11px;
    position: relative;
    top: 18px;
}

.nav_title .fl {
    font-size: 16px;
    /* height: 50px;
    line-height: 50px; */
    /*color: rgb(191, 203, 217);*/
    height: 56px;
    line-height: 56px;
    /* color: white; */
    color: #333333;
}

.third-menu-parent {
    height: 42px;
    line-height: 42px;
}

.third-menu-parent .fl {
    padding-left: 20px;
    font-size: 15px;
    height: 42px;
    line-height: 42px;
}

.third-menu-child {
    background: #eef6ff !important;
    padding: 12px 0 !important;
    color: #666 !important;
}

.nav_title_icon {
    margin-right: 10px;
    vertical-align: middle;
}

.nav_title_icon img {
    height: 15px;
    margin-top: 18px;
    width: 15px;
    /*opacity: 0.6;*/
}

.nav_title_active {
    background-color: #fff;
}

.no_after.nav_title_active {
    background-color: #fff;
}

.nav_title_active .fl {
    color: #2684E6;
}


.nav_title_active .nav_title_icon img {
    opacity: 1
}

.nav_title:hover .nav_title_icon img {
    opacity: 1
}

.child {
    display: none;
    font-size: 15px;
    padding: 0 0 5px;
}

/*.child li .fl,.child_1 li a .fl,.child_1.nav_title .fl{font-size: 14px!important;color: #bbbbbb;}*/
.child li a {
    font-size: 15px;
    line-height: 42px;
    display: block;
    height: 42px;
    overflow: hidden;
    /*color: rgb(191, 203, 217);*/
    color: white;
    padding-left: 45px;
    width: 215px;
}

.show_1 {
    display: block
}

/*二级菜单选择*/
.child {
    background-color: #06182e;
}

.child .li_active {
}


.child li {
    position: relative;
    overflow: hidden
}

.child .li_active > a {
    color: rgb(32, 160, 255);
}

.child .li_active:hover > li > a {
    color: rgb(32, 160, 255);
}

/*三级菜单*/
.child .nav_box .nav_title {
    padding-left: 25px;
    
}

.child .nav_box .nav_title {
    background-color: #06182e;
}

.child .nav_box .nav_title::after {
    /* left: 222px; */
    float: right;
    right: 17px;
}

.child .nav_box .child li {
    margin-left: 10px;
}

.child .nav_box .child li a {
    /* margin-left: 10px; */
    font-size: 14px;
    padding-left: 35px;
}

.child .nav_box .child li a:hover {
    border-radius: 20px;
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

/*左导航 end*/
/*右导航*/
.main_title {
    font-size: 20px;
    color: #333333;
    line-height: 30px;
    height: 30px;
}

.rightContent {
    margin-top: 70px;
    margin-left: 220px;
    min-width: 1300px;
    position: relative;
    background-color: #ededed;
}

.right_nr {
    padding: 20px;
    overflow: hidden;
}

.right_top {
    height: 40px;
    line-height: 40px;
}

.rightContentTitle {
    font-size: 20px;
    color: #333333;
}

.right_inmainwrapper {
    display: block;
    min-width: 1200px;
    margin: 20px auto 0;
    background-color: white;
    overflow: hidden;
    padding: 20px 30px 0;
    border-radius: 5px;
    min-height: 740px;
}

/*右导航*/
/*改*/
.nav_title {
    position: relative;
    overflow: hidden;
    margin: 0 0;
}

.nav_title:hover {
    /* background-color: rgb(40, 52, 70) */
    color: #2684E6;
}

.nav_title:hover::after {
    /* border-color: white; */
    background-color: 2684E6;
}

.nav_title::after {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #26263A;
    /* left: 185px; */
    float: right;
    right: 17px;
    -webkit-transform: rotate(135deg) translate(0, -50%);
    -ms-transform: rotate(135deg) translate(0, -50%);
    -o-transform: rotate(135deg) translate(0, -50%);
    transform: rotate(135deg) translate(0, -50%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    top: 47%;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.nav_title_active::after, .nav_title:hover::after, .third-menu-active::after {
    -webkit-transform: rotate(225deg) translate(0, -50%);
    -ms-transform: rotate(225deg) translate(0, -50%);
    -o-transform: rotate(225deg) translate(0, -50%);
    top: 45%;
    width: 7px;
    border-color: #2684E6;
    transform: rotate(225deg) translate(0, -50%);
}

.ink {
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.animate_ink {
    -webkit-animation: ripple 0.65s linear;
    -moz-animation: ripple 0.65s linear;
    -ms-animation: ripple 0.65s linear;
    -o-animation: ripple 0.65s linear;
    animation: ripple 0.65s linear;
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
    }
}

@-moz-keyframes ripple {
    100% {
        opacity: 0;
        -moz-transform: scale(2.5);
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2.5);
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

.main {
    float: left;
    width: 100%;
    height: 100%;
    min-width: 1640px;
}

/*右侧内容*/

.content-box {
    background: #EBF3F8;
    overflow: hidden;
    height: calc(100vh - 70px);
}

.content-area {
    height: calc(100vh - 116px);
    /*box-sizing: border-box;*/
    background-color: #fff;
    width: 100%;
    /* overflow-x: auto;
    overflow-y: auto; */
    /* padding: 20px 23px 30px 35px; */
    background-color: #EBF3F8;
    overflow: hidden;
}

.content {
    height: 100%;
    box-sizing: border-box;
    background-color: #fff;
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    padding: 20px 23px 30px 35px;
    background-color: #EBF3F8;
}

.content_b {
    background-color: #fff;
}

/*tags*/
.tags {
    position: relative;
    /* height: 50px; */
    height: 47px;
    overflow: hidden;
    background-color: #fff;
    /* background: #d9dee4; */
    /* padding-right: 120px; */
}

.tags ul {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    /* padding-left: 20px; */
    padding: 0 5px;
}

.tags-li {
    background: #fff;
    float: left;
    overflow: hidden;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    margin-top: 11px;
    border-right: 1px solid #E5E5E5;
    padding: 0 10px;
    text-align: center;
}

.right-li {
    float: right;
    width: 190px;
    height: 32px;
    border-radius: 4px;
    line-height: 32px;
    margin-top: 11px;
    font-weight: 400;
}

.right-li a {
    color: #333333;
}

.right-li a:first-child {
    margin-right: 20px;
}

.right-li svg {
    width: 18px;
    height: 18px;
    fill: #84888D;
    position: relative;
    top: 4px;
}

.tags-all-close {
    display: inline-block;
    width: 93px;
    height: 28px;
    border-radius: 3px;
    background: #EBF3F8;
    text-align: center;
    margin: 15px 0 0 5px;
}

.tags-all-close span {
    color: #193648;
    line-height: 28px;
    cursor: pointer;
}

.tags-all-close svg {
    height: 16px;
    width: 16px;
    fill: #444F5F;
    position: relative;
    top: 3px;
}

.tags-li.active .tags-li-title, .tags-li.active .tags-li-icon {
    /* color: #232f3f; */
    color: #fff;
}
.tags-li:hover .tags-li-title {
    color: #ffffff;
}

.tags-li:hover .tags-li-title svg {
    fill: #ffffff;
}
.tags-li.active {
    /* background-color: white; */
    /* color: #232f3f; */
    background-color: #2684E6;
    color: #fff;
}

.tags-li.active svg {
    fill: #fff;
}

.tags-li.active .tag-close {
    fill: #ffffff !important;
}

.tags-li-title {
    color: #232F3F;
    float: left;
    overflow: hidden;
}

.tags-li-title span:first-child {
    display: inline-block;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* width: 0px; */
}

.tags-li-title .home-icon {
    width: 22px;
    height: 22px;
    fill: #0F6DCE;
    position: relative;
    top: 5px
}

/*11*/
    .tags-li-title .tag-close {
        width: 9px;
        height: 9px;
        fill: #232F3F;
        margin-left: 9px;
        /* position: relative;
    top: 13px; */
        margin-top: 14px;
    }
 .tags-li-title .tag-close-home {
        width: 9px;
        height: 9px;
        fill: #232F3F;
        margin-left: 9px;
        position: relative;
        top: 0px;
    }
.tags-li-icon {
    border: 1px solid transparent;
    border-radius: 50%;
    /* font-size: 16px; */
}

.tags-li:not(.active):hover {
    background: #2684E6;
    color: #fff;
}

.content_b {
    min-width: 1200px;
    padding: 20px;
    min-height: 100%;
    box-sizing: border-box;
}

/*表格*/
.table_mian {
    display: block;
    margin: auto;
}

.table_mian table {
    width: 100%;
    border-spacing: 0;
    border: 1px solid #e0e4e8;
}

.table_mian table thead {
    text-align: left;
    color: white;
    background-color: #7f8c9c;
}

.table_mian table thead tr th {
    padding: 8px 20px;
    line-height: 23px;
}

.table_mian table thead tr th:first-child {
    text-align: center
}

.table_mian table tbody tr {
    color: rgba(0, 0, 0, 1);
    border-bottom: 1px solid #e0e4e8;
}

.table_mian table tbody tr:nth-of-type(even) {
    background-color: #eff3f7
}

.table_mian table tbody tr:nth-of-type(odd) {
    background-color: white
}

.table_mian table tbody tr td {
    padding: 11px 20px;
    line-height: 22px;
}

.table_mian table tbody tr:hover {
    background-color: #ecf5ff
}

.table_mian table tbody tr td:first-child {
    text-align: center
}

.table_mian table tbody tr td:last-child {
    cursor: pointer;
    color: #eff3f7;
}

.table_mian table tbody tr td:last-child:hover {
    color: #0030F7;
}

.table_mian table .tableOperation a {
    color: #4598f0;
}

.table_mian table .tableOperation a:hover {
    color: #0030F7;
}

/*排序*/
.caret-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
    width: 24px;
    vertical-align: middle;
    cursor: pointer;
    overflow: initial;
    position: relative;
}

.caret-wrapper .sort-caret {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    position: absolute;
    left: 7px;
}

/*升序*/
.caret-wrapper .sort-caret.ascending {
    border-bottom-color: #fff;
    top: -1px;
}

.caret-wrapper .sort-caret.ascending.sortCurrent {
    border-bottom-color: #06182e;
}

.caret-wrapper .sort-caret.ascending:hover {
    border-bottom-color: #4598f0;
}

/*降序*/
.caret-wrapper .sort-caret.descending {
    border-top-color: #fff;
    bottom: -1px;
}

.caret-wrapper .sort-caret.descending.sortCurrent {
    border-top-color: #06182e;
}

.caret-wrapper .sort-caret.descending:hover {
    border-top-color: #4598f0;
}

/*表格*/
/*分页*/
/******************** 分页 ***************************/
.pagination_box {
    display: block;
    margin-top: 20px;
    padding-left: 10px;
    height: 30px;
}

.pagination_box .pagination_number {
    font-size: 14px;
    font-weight: 400;
    color: #193648;
    line-height: 30px;
}

.pagination_box .pagination {
    width: auto;
    float: left;
    position: relative !important;
    bottom: 0 !important;
}

.pagination_box .pagination > li {
    min-width: 25px;
    height: 25px;
    float: left;
    text-align: center;
    cursor: pointer;
    margin: 0 5px;
    font-size: 14px;
    color: #193648;
}

.pagination_box .pagination li a {
    line-height: 30px;
}

.pagination_box .pagination .current-page {
    color: #2684E6;
}


.pagination_box .pagination li:hover {
    color: #0F6DCE;
}

.pagination_box .pagselect {
    display: inline-block;
    line-height: 30px;
    width: 100px;
    vertical-align: top;
    margin-left: 10px;
}

.pagination_box .pagselect span {
    display: inline-block;
    background-color: #fff;
    width: 100px;
    height: 28px;
    background: rgba(255,255,255,1);
    border: 1px solid rgba(220, 223, 230, 1);
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #193648;
    padding: 0 10px;
}

/* .pagselect span::after {
    position: relative;
    top: 5px;
    content: '';
    width: 7px;
    height: 7px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #26263A;
    float: right;
    -webkit-transform: rotate(225deg) translate(0, -50%);
    -ms-transform: rotate(225deg) translate(0, -50%);
    -o-transform: rotate(225deg) translate(0, -50%);
    transform: rotate(225deg) translate(0, -50%);
}

.pagselect .diqumz1_1 {
    bottom: 32px;
    display: none;
    top: inherit;
    background-color: #fff;
}

.pagselect .diqumz1_1 li {
    padding: 0 10px;
    cursor: pointer;
}

.pagselect:hover::after {
    -webkit-transform: rotate(405deg) translate(0, -50%);
    -moz-transform: rotate(405deg) translate(0, -50%);
    -ms-transform: rotate(405deg) translate(0, -50%);
    -o-transform: rotate(405deg) translate(0, -50%);
    top: 45%;
    width: 7px;
    transform: rotate(405deg) translate(0, -50%)
}

.pagselect:hover .diqumz1_1 {
    display: block;
}

.pagselect::after {
    top: 40%;
} */

.pagination_box .pagquick {
    font-size: 14px;
    color: #193648;
    display: block;
    float: left;
    margin-left: 25px;
    line-height: 30px;
}

.pagination_box .pagquick > div {
    display: inline-block;
}

.pagination_box .pagquick > div > input {
    display: inline-block;
    border: 1px solid #E9EAEB;
    border-radius: 3px;
    height: 25px;
    padding: 0 10px 0;
    width: 60px;
    font-size: 14px;
    color: #193648;
}

.pagination_box .pagquick > div > input:focus {
    border: 1px solid #2684E6;
}

/*下拉选择框*/
.pagselect .input_1 {
    min-width: inherit;
    width: 100%;
    line-height: 28px;
    height: 28px;
}

.pagselect select {
    position: relative;
}

/* .pagselect::after {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #444444;
    right: 1.5em;
    right: 15px;
    -webkit-transform: rotate(-135deg) translate(0, -50%);
    -ms-transform: rotate(-135deg) translate(0, -50%);
    -o-transform: rotate(-135deg) translate(0, -50%);
    transform: rotate(-135deg) translate(0, -50%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    top: 47%;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
} */

.pagselect_active::after {
    -webkit-transform: rotate(135deg) translate(0, -50%);
    -ms-transform: rotate(135deg) translate(0, -50%);
    -o-transform: rotate(135deg) translate(0, -50%);
    top: 45%;
    width: 7px;
    border-color: white;
    transform: rotate(135deg) translate(0, -50%);
}

/*翻页*/

/*弹窗*/
.pop_up {
    width: 100%;
    height: 100%;
    z-index: 9;
    background-color: rgb(51, 51, 51, 0.3);
    position: fixed;
    top: 0;
    display: none;
}

.mask {
    position: relative;
    width: 100%;
    height: 100%
}

.popUp_main {
    background-color: white;
    width: 780px;
    height: 720px;
    border-radius: 5px;
}

.popUp_title {
    border-bottom: 1px solid #d8d8d8;
    line-height: 70px;
    height: 70px;
    padding-left: 30px;
}

.popUp_title .popUp_title_name {
    font-size: 18px;
    display: inline-block;
    color: #333333;
}

.explain {
    display: inline-block;
    color: #afafaf
}

.explain_icon {
    display: inline-block;
    width: 13px;
    height: 14px;
    margin: 27px 10px;
}

.popUp_title .close {
    display: block;
    float: right;
    font-size: 40px;
    margin-right: 20px;
    color: #999999;
}

.popUp_title .close:hover {
    color: #2281f3
}

.popUp_main_1 {
    padding: 20px 20px 0;
    overflow: hidden;
    height: auto;
}

.popUp_main_style_1 .l_span {
    min-width: 120px;
    text-align: right;
    display: block;
    float: left;
    font-size: 14px;
    color: black;
}

.popUp_main_style_1 p {
    color: black;
    font-size: 14px;
    padding: 0 0 0 0;
    width: 50%;
    float: left;
    line-height: 50px;
    height: 50px;
    display: inline-block;
}

.popUp_main_style_1 p span {
    color: #707070;
    font-size: 14px;
    line-height: 50px;
    display: inline-block;
}

.popUp_main_1 .title_style {
    height: 20px;
    margin: 0 15px 10px;
    position: relative;
}

.popUp_main_1 .title_style_1 {
    width: 5px;
    height: 20px;
    display: inline-block;
    float: left;
    background-color: #398bf7;
}

.popUp_main_1 .title_style span {
    color: #2281f3;
    font-size: 16px;
    line-height: 20px;
    margin-left: 10px;
}

.popUp_main_1 .l_span {
    height: 50px;
    line-height: 50px;
    float: left;
    text-align: right
}

.popUp_main_1 .r_span {
    height: 50px;
    line-height: 50px;
    float: left;
    text-align: right
}

.check_box {
    display: block;
    width: 33%;
    float: left;
    height: 40px;
    line-height: 40px;
}

.check_box input {
    margin: 10px 10px 0 30px;
    float: left;
}

.check_box label {
    font-size: 14px;
    color: #707070;
}

.pop_up .input_1 {
    width: 160px;
    min-width: initial
}

.popUp_textarea {
    padding: 10px 30px;
}

.popUp_textarea textarea {
    width: 96%;
    padding: 10px 2%;
    border-radius: 5px;
    height: 75px;
    color: #444444;
    line-height: 20px;
    border: 1px solid #d8d8d8
}

.popUp_main_1 .bnt_box {
    width: 300px;
    display: block;
    margin: auto;
    height: 42px;
}

.popUp_main_1 .bnt_box a {
    width: 100px;
    font-size: 18px;
    display: inline-block;
}

.popUp_main_1 .bnt_box a:hover {
    opacity: 0.8
}

/*弹窗 -----------end */

.el-dialog {
    border-radius: 3px;
    margin: 0 !important;
    height: auto;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: 100% 100%;
    background-color: #fff;
    max-width: 96%;
    position: absolute;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.23);
    border-radius: 5px;
}

/* .el-dialog .el-dialog__header {
    background-color: #232f3f;
} */

.el-dialog .el-dialog__header {
    border-radius: 5px 5px 0 0;
    height: 40px;
    padding: 0 13px 0 18px;
    box-sizing: border-box;
    line-height: 40px;
    margin-top: -1px;
    background-color: #2684E6;
}

.el-dialog__title {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    line-height: 40px;
}

.el-dialog__headerbtn {
    position: absolute;
    top: 10px;
    right: 20px;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size: 16px;
}

.el-dialog__headerbtn:hover {
    opacity: 0.7;
}

.el-dialog__body {
    padding: 20px 30px;
    overflow-y: auto;
    max-height: 650px;
    color: #606266;
    font-size: 14px;
}

.el-dialog__footer {
    padding: 10px 20px 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-dialog__footer .el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    padding: 8px 20px;
    font-size: 14px;
    border-radius: 4px;
    margin: 0 10px;
}

/*换肤*/
.themeSkin_bnt {
    display: block;
    height: 70px;
    position: relative;
}

.themeSkin_default {
    background-color: #232f3f;
}

.themeSkin_theme1 {
    background-color: #c5890a;
}

.themeSkin_theme2 {
    background-color: #b41112;
}

.themeSkin_theme3 {
    background-color: #2684E6;
}

.themeSkin_theme4 {
    background-color: #d96a0d;
}

.themeSkin_theme5 {
    background-color: #4a8d0a;
}

.changeSkin a i {
    display: none;
}

.changeSkin .current i {
    display: block;
    font-size: 40px;
    color: white;
    text-align: center;
    padding-top: 12px;
}

.themeSkin_bnt.current .el-icon-check {
    background: url("../LocalImages/images/gou.png") no-repeat;
    background-size: 100%;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 20px;
    left: 60px;
}

iframe {
    border: none;
}

.NRHeight {
    width: 80%;
}

.nav_bj {
    min-hwidth: 1920px;
    min-height: 960px;
    width: 100%;
    height: 100%;
    position: absolute;
    position: fixed;
    top: 0;
    /*left: 50%;*/
    /*-webkit-transform: translate(-50%, 0);*/
    /*-ms-transform: translate(-50%, 0);*/
    /*transform: translate(-50%, 0);*/
    background-size: 100%;
    z-index: -2;
    background: url("../LocalImages/images/bodybj.png") no-repeat center;
}

.bodybj {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    /*background-color: rgba(255, 240, 228,0.8);*/
}

.login_platform {
    height: 300px;
    /*min-width: 1260px;*/
    /*display: -webkit-flex;*/
    /*display: -moz-flex;*/
    /*display: -ms-flex;*/
    /*display: -o-flex;*/
    /*display: flex;*/
    /*-webkit-justify-content: space-around;*/
    /*-moz-justify-content: space-around;*/
    /*-ms-justify-content: space-around;*/
    /*-o-justify-content: space-around;*/
    /*justify-content: space-around;*/
    /*margin: auto;*/
    /*text-align: center;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*top: 0;*/
    /*overflow: hidden;*/
    padding: 15px 30px;
}

.login_platform a {
    margin-bottom: 30px;
    width: 200px;
    height: 300px;
    float: left;
    background-size: 100% 100%;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
    /*border-radius:  0 15px 0 0 ;*/
    border-radius: 7px;
    transition: 0.7s;
    border: 1px solid #fbd2d6;
}

.login_platform .jsgcIn:hover {
    background: -moz-linear-gradient(top, #00b0fb 0%, #8fdeff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b0fb), color-stop(100%, #8fdeff));
    background: -webkit-linear-gradient(top, #00b0fb 0%, #8fdeff 100%);
    background: -o-linear-gradient(top, #00b0fb 0%, #8fdeff 100%);
    background: -ms-linear-gradient(top, #00b0fb 0%, #8fdeff 100%);
    background: linear-gradient(to bottom, #00b0fb 0%, #8fdeff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b0fb', endColorstr='#8fdeff', GradientType=0);
    transition: 2s;
}

.login_platform .jsgcIn {
    -webkit-animation: scale_1 1s 0.3s ease-in-out both;
    -moz-animation: scale_1 1s 0.3s ease-in-out both;
    -ms-animation: scale_1 1s 0.3s ease-in-out both;
    -o-animation: scale_1 1s 0.3s ease-in-out both;
    animation: scale_1 1s 0.3s ease-in-out both;
    background: #8fdeff;
    background: -moz-linear-gradient(top, #8fdeff 0%, #00b0fb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8fdeff), color-stop(100%, #00b0fb));
    background: -webkit-linear-gradient(top, #8fdeff 0%, #00b0fb 100%);
    background: -o-linear-gradient(top, #8fdeff 0%, #00b0fb 100%);
    background: -ms-linear-gradient(top, #8fdeff 0%, #00b0fb 100%);
    background: linear-gradient(to bottom, #8fdeff 0%, #00b0fb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fdeff', endColorstr='#00b0fb', GradientType=0);
}


.login_platform .creditPlatform:hover {
    background: -moz-linear-gradient(top, #617734 0%, #edffaa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #617734), color-stop(100%, #edffaa));
    background: -webkit-linear-gradient(top, #617734 0%, #edffaa 100%);
    background: -o-linear-gradient(top, #617734 0%, #edffaa 100%);
    background: -ms-linear-gradient(top, #617734 0%, #edffaa 100%);
    background: linear-gradient(to bottom, #617734 0%, #edffaa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b0fb', endColorstr='#8fdeff', GradientType=0);
    transition: 2s;
}

.login_platform .creditPlatform {
    -webkit-animation: scale_1 1s 0.3s ease-in-out both;
    -moz-animation: scale_1 1s 0.3s ease-in-out both;
    -ms-animation: scale_1 1s 0.3s ease-in-out both;
    -o-animation: scale_1 1s 0.3s ease-in-out both;
    animation: scale_1 1s 0.3s ease-in-out both;
    background: #edffaa;
    background: -moz-linear-gradient(top, #edffaa 0%, #617734 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #edffaa), color-stop(100%, #617734));
    background: -webkit-linear-gradient(top, #edffaa 0%, #617734 100%);
    background: -o-linear-gradient(top, #edffaa 0%, #617734 100%);
    background: -ms-linear-gradient(top, #edffaa 0%, #617734 100%);
    background: linear-gradient(to bottom, #edffaa 0%, #617734 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fdeff', endColorstr='#00b0fb', GradientType=0);
}


.login_platform .zfcgIn:hover {
    background: -moz-linear-gradient(top, #b41112 0%, #ffb5be 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b41112), color-stop(100%, #ffb5be));
    background: -webkit-linear-gradient(top, #b41112 0%, #ffb5be 100%);
    background: -o-linear-gradient(top, #b41112 0%, #ffb5be 100%);
    background: -ms-linear-gradient(top, #b41112 0%, #ffb5be 100%);
    background: linear-gradient(to bottom, #b41112 0%, #ffb5be 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b41112', endColorstr='#ffb5be', GradientType=0);
    transition: 2s;
}

.login_platform .zfcgIn {
    -webkit-animation: scale_1 1s 0.2s ease-in-out both;
    -moz-animation: scale_1 1s 0.2s ease-in-out both;
    -ms-animation: scale_1 1s 0.2s ease-in-out both;
    -o-animation: scale_1 1s 0.2s ease-in-out both;
    animation: scale_1 1s 0.2s ease-in-out both;
    background: #ffb5be;
    background: -moz-linear-gradient(top, #ffb5be 0%, #b41112 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb5be), color-stop(100%, #b41112));
    background: -webkit-linear-gradient(top, #ffb5be 0%, #b41112 100%);
    background: -o-linear-gradient(top, #ffb5be 0%, #b41112 100%);
    background: -ms-linear-gradient(top, #ffb5be 0%, #b41112 100%);
    background: linear-gradient(to bottom, #ffb5be 0%, #b41112 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb5be', endColorstr='#b41112', GradientType=0);
}

.login_platform .tdkqIn:hover {
    background: -moz-linear-gradient(top, #fd9d0e 0%, #fae0b9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd9d0e), color-stop(100%, #fae0b9));
    background: -webkit-linear-gradient(top, #fd9d0e 0%, #fae0b9 100%);
    background: -o-linear-gradient(top, #fd9d0e 0%, #fae0b9 100%);
    background: -ms-linear-gradient(top, #fd9d0e 0%, #fae0b9 100%);
    background: linear-gradient(to bottom, #fd9d0e 0%, #fae0b9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd9d0e', endColorstr='#fae0b9', GradientType=0);
    transition: 2s;
}

.login_platform .tdkqIn {
    -webkit-animation: scale_1 1s 0.1s ease-in-out both;
    -moz-animation: scale_1 1s 0.1s ease-in-out both;
    -ms-animation: scale_1 1s 0.1s ease-in-out both;
    -o-animation: scale_1 1s 0.1s ease-in-out both;
    animation: scale_1 1s 0.1s ease-in-out both;
    background: #fae0b9;
    background: -moz-linear-gradient(top, #fae0b9 0%, #fd9d0e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fae0b9), color-stop(100%, #fd9d0e));
    background: -webkit-linear-gradient(top, #fae0b9 0%, #fd9d0e 100%);
    background: -o-linear-gradient(top, #fae0b9 0%, #fd9d0e 100%);
    background: -ms-linear-gradient(top, #fae0b9 0%, #fd9d0e 100%);
    background: linear-gradient(to bottom, #fae0b9 0%, #fd9d0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae0b9', endColorstr='#fd9d0e', GradientType=0);
}

.login_platform .gycqIn:hover {
    background: -moz-linear-gradient(top, #d96a0d 0%, #fddcc0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d96a0d), color-stop(100%, #fddcc0));
    background: -webkit-linear-gradient(top, #d96a0d 0%, #fddcc0 100%);
    background: -o-linear-gradient(top, #d96a0d 0%, #fddcc0 100%);
    background: -ms-linear-gradient(top, #d96a0d 0%, #fddcc0 100%);
    background: linear-gradient(to bottom, #d96a0d 0%, #fddcc0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d96a0d', endColorstr='#fddcc0', GradientType=0);
    transition: 2s;
}

.login_platform .gycqIn {
    -webkit-animation: scale_1 1.1s ease-in-out both;
    -moz-animation: scale_1 1.1s ease-in-out both;
    -ms-animation: scale_1 1.1s ease-in-out both;
    -o-animation: scale_1 1.1s ease-in-out both;
    animation: scale_1 1.1s ease-in-out both;
    background: #fddcc0;
    background: -moz-linear-gradient(top, #fddcc0 0%, #d96a0d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fddcc0), color-stop(100%, #d96a0d));
    background: -webkit-linear-gradient(top, #fddcc0 0%, #d96a0d 100%);
    background: -o-linear-gradient(top, #fddcc0 0%, #d96a0d 100%);
    background: -ms-linear-gradient(top, #fddcc0 0%, #d96a0d 100%);
    background: linear-gradient(to bottom, #fddcc0 0%, #d96a0d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fddcc0', endColorstr='#d96a0d', GradientType=0);
}

.login_platform .nccqIn:hover {
    background: -moz-linear-gradient(top, #4a8d0a 0%, #c0fd80 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a8d0a), color-stop(100%, #c0fd80));
    background: -webkit-linear-gradient(top, #4a8d0a 0%, #c0fd80 100%);
    background: -o-linear-gradient(top, #4a8d0a 0%, #c0fd80 100%);
    background: -ms-linear-gradient(top, #4a8d0a 0%, #c0fd80 100%);
    background: linear-gradient(to bottom, #4a8d0a 0%, #c0fd80 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a8d0a', endColorstr='#c0fd80', GradientType=0);

}

.login_platform .nccqIn {
    -webkit-animation: scale_1 1s 0.2s ease-in-out both;
    -moz-animation: scale_1 1s 0.2s ease-in-out both;
    -ms-animation: scale_1 1s 0.2s ease-in-out both;
    -o-animation: scale_1 1s 0.2s ease-in-out both;
    animation: scale_1 1s 0.2s ease-in-out both;
    /*background: #c0fd80;*/
    background: -moz-linear-gradient(top, #c0fd80 0%, #4a8d0a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0fd80), color-stop(100%, #4a8d0a));
    background: -webkit-linear-gradient(top, #c0fd80 0%, #4a8d0a 100%);
    background: -o-linear-gradient(top, #c0fd80 0%, #4a8d0a 100%);
    background: -ms-linear-gradient(top, #c0fd80 0%, #4a8d0a 100%);
    background: linear-gradient(to bottom, #c0fd80 0%, #4a8d0a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0fd80', endColorstr='#4a8d0a', GradientType=0);
}

.login_platform .gcpmIn:hover {
    background: -moz-linear-gradient(top, #232f3f 0%, #929aa5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #232f3f), color-stop(100%, #929aa5));
    background: -webkit-linear-gradient(top, #232f3f 0%, #929aa5 100%);
    background: -o-linear-gradient(top, #232f3f 0%, #929aa5 100%);
    background: -ms-linear-gradient(top, #232f3f 0%, #929aa5 100%);
    background: linear-gradient(to bottom, #232f3f 0%, #929aa5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91f9db', endColorstr='#232f3f', GradientType=0);
}

.login_platform .gcpmIn {
    -webkit-animation: scale_1 1s 0.3s ease-in-out both;
    -moz-animation: scale_1 1s 0.3s ease-in-out both;
    -ms-animation: scale_1 1s 0.3s ease-in-out both;
    -o-animation: scale_1 1s 0.3s ease-in-out both;
    animation: scale_1 1s 0.3s ease-in-out both;
    background: #929aa5;
    background: -moz-linear-gradient(top, #929aa5 0%, #232f3f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #929aa5), color-stop(100%, #232f3f));
    background: -webkit-linear-gradient(top, #929aa5 0%, #232f3f 100%);
    background: -o-linear-gradient(top, #929aa5 0%, #232f3f 100%);
    background: -ms-linear-gradient(top, #929aa5 0%, #232f3f 100%);
    background: linear-gradient(to bottom, #929aa5 0%, #232f3f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91f9db', endColorstr='#232f3f', GradientType=0);
}

.login_platform .zfcgjjIn {
    -webkit-animation: scale_1 1s 0.2s ease-in-out both;
    -moz-animation: scale_1 1s 0.2s ease-in-out both;
    -ms-animation: scale_1 1s 0.2s ease-in-out both;
    -o-animation: scale_1 1s 0.2s ease-in-out both;
    animation: scale_1 1s 0.2s ease-in-out both;
    background: #9bd7dc;
    background: -moz-linear-gradient(top, #9bd7dc 0%, #058895 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9bd7dc), color-stop(100%, #058895));
    background: -webkit-linear-gradient(top, #9bd7dc 0%, #058895 100%);
    background: -o-linear-gradient(top, #9bd7dc 0%, #058895 100%);
    background: -ms-linear-gradient(top, #9bd7dc 0%, #058895 100%);
    background: linear-gradient(to bottom, #9bd7dc 0%, #058895 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb5be', endColorstr='#b41112', GradientType=0);
}

.login_platform .zfcgjjIn:hover {
    background: -moz-linear-gradient(top, #058895 0%, #9bd7dc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #058895), color-stop(100%, #9bd7dc));
    background: -webkit-linear-gradient(top, #058895 0%, #9bd7dc 100%);
    background: -o-linear-gradient(top, #058895 0%, #9bd7dc 100%);
    background: -ms-linear-gradient(top, #058895 0%, #9bd7dc 100%);
    background: linear-gradient(to bottom, #058895 0%, #9bd7dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b41112', endColorstr='#ffb5be', GradientType=0);
    transition: 2s;
}

:root .login_platform a {
    filter: none;
}

@-webkit-keyframes scale_1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes scale_1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.3);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@-ms-keyframes scale_1 {
    0% {
        opacity: 0;
        -ms-transform: scale(0.3);
    }

    100% {
        opacity: 1;
        -ms-transform: scale(1);
    }
}

@-o-keyframes scale_1 {
    0% {
        opacity: 0;
        -o-transform: scale(0.3);
    }

    100% {
        opacity: 1;
        -o-transform: scale(1);
    }
}

@keyframes scale_1 {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.platform_img {
    display: block;
    margin: 50px auto 50px;
    width: 100px;
}

.platform_text {
    font-size: 24px;
    color: white;
    text-align: center;
}

/*待办事项 2019-07-02*/
.header-right:last-child {
    padding-right: 0;
}

.header-right .platform_img {
    width: 20px;
    margin: 5px auto;
}

.header-right .login_platform {
    padding: 5px 0px;
    height: 60px;
    /*min-width: 450px;*/
    position: relative;
}

.header-right .login_platform a {
    height: 60px;
    width: 55px;
    margin: 0 10px;

    /*display: inline-block;*/
    /*float: left;*/
    /*cursor: pointer;*/
    /*padding: 5px;*/
    /*box-sizing: border-box;*/
    /*background-color: #4598f0;*/
    /*border-radius: 3px;*/

}

.header-right .login_platform a .platform_text {
    font-size: 12px;
}

/*补充 20190904*/
.header-right .right-bnt {
    display: inline-block;
    float: left;
    line-height: 30px;
    height: 30px;
    margin-top: 20px;
    margin-right: 10px;
}

.header-right .right-bnt a {
    color: white;
}

.header-right .right-bnt a:hover {
    opacity: 0.7;
}

.daiban_box {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow: hidden;
}

.daiban {
    width: 100%;
    height: 100%;
    position: relative;
}

.daiban_box .daiban_tongji {
    float: right;
    display: inline-block;
    font-weight: 400;
}

.daiban_box .daiban_tongji .num {

}

.daiban .poa {
    position: absolute;
    margin: auto;
    top: 75px;
    right: 0;
    left: 0;
    bottom: 10px;
    width: 800px;
    max-height: 80%;
    /*max-height:570px;*/
    height: auto;
    /*border: 1px solid transparent;*/
    border: none;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-animation: scale_1 1s 0.7s ease-in-out both;
    -moz-animation: scale_1 1s 0.7s ease-in-out both;
    -ms-animation: scale_1 1s 0.7s ease-in-out both;
    -o-animation: scale_1 1s 0.7s ease-in-out both;
    animation: scale_1 1s 0.7s ease-in-out both;
    overflow: hidden;
}

.daiban .poa .list {
    height: 100%;
    overflow-x: auto;
}

.daiban .title {
    padding: 15px 20px;
    height: 20px;
    overflow: hidden;
    border-bottom: 1px solid #dddddd;
}

.daiban .title .l {
    float: left;
    font-size: 16px;
    color: black;

}

.daiban .title .r {
    float: right;
}

.daiban .title .r span {
    padding: 0 10px;

}

.daiban .list_box {
    padding: 20px 20px;
    margin: 0 35px;
    /*border: 1px solid #dddddd;*/
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}

.daiban .list .list_t {
    font-size: 16px;
    padding: 15px 35px;
    font-weight: bold;
    border-radius: 3px 3px 0 0;
    color: white;
}

.daiban .list .list_tt {
    margin-bottom: 20px;
}

.daiban .list .list_tt p {
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    height: 30px;
}

.daiban .list .list_tt a {
    /*display: inline-block;*/
    font-weight: 400;
    line-height: 25px;
    height: 25px;
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.sysset {
    /* float: left; */
    /* margin-top: 5px; */
    /* height: 55px; */
    height: 70px;
    overflow: hidden;
    /* width: 580px; */
    /* margin: 0 auto; */
    /* position: absolute; */
    /* left: 35%; */
    /* left: 35%; */
}

/*20190904 补充修改密码 */
.change-password-box {

}

.change-password-box label {
    display: block;
    width: 390px;
    margin: 0 auto 20px;
}

.change-password-box label .label-text {
    width: 100px;
    text-align: right;
    display: inline-block;
}

.change-password-box label .input-box {
    width: 200px;
    display: inline-block;
}

.change-password-box label .input-box input {
    width: 100%;
    line-height: 30px;
    height: 32px;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
}

/*补充 2019-09-04*/
.changeSkin_set {
    display: none;
}

.change-password {
    display: none;
}

.change-input-edit {
    display: none;
}

.el-dialog {
    display: none;
}

/*201912042021  样式补充 */

/* .ledger-statistics-box {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow: hidden;
}

.ledger-statistics-list input[type="checkbox"] {
    width: 20px;
    height: 20px;
    position: relative;
    text-align: center;
    cursor: pointer;
    top: 5px;
    margin: 0 5px;
} */

.screening-conditions-input {
    border: 1px solid transparent;
    border-bottom: 1px solid #999999;
    width: 100px;
    height: 22px;
    line-height: 22px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: transparent;
}

.screening-conditions-input:focus {
    border: 1px solid transparent !important;
    border-bottom: 1px solid #4598f0 !important;;
}

.export-bnt,
.query-bnt {
    color: #4598f0;
    cursor: pointer;
    margin: 0 5px;
    padding: 0 10px;
}

.export-bnt:hover,
.query-bnt:hover {
    opacity: 0.8;
}

.ledger-statistics-box .daiban .poa {
    max-width: 1360px;
    width: auto;
}

.ledger-statistics-box .daiban .poa .list {
    overflow: hidden;
}

.ledger-statistics-box .list .list_t {
    position: relative;
}

.ledger-statistics-box .table_mian {
    overflow-x: auto;
}

.ledger-statistics-box .table_mian table thead tr th {
    padding: 8px 10px;
}

.ledger-statistics-table .title,
.ledger-statistics-box .title {
    color: #333333;
    background-color: rgba(251, 191, 143, 0.3);
    padding: 15px 20px;
    height: 20px;
    overflow: hidden;
    border-bottom: 1px solid #dddddd;
    font-size: 18px;
    text-align: left;
}

.info-list-show {
    color: #333333;
    line-height: 30px;
    display: table;
    width: 100%;
    border-bottom: 1px solid #e8dcdc;
}

.info-list-show .info-list {
    width: 33.3%;
    display: table-cell;
}

.info-list-show .title-text {
    color: #333333;
    display: table-cell;
    text-align: right;
    padding: 5px 5px;
    min-width: 165px;
    background-color: white;
}

.info-list-show .title-text span {
    display: block;
}

.info-list-show .mian-text {
    color: #333333;
    display: table-cell;
    text-align: left;
    padding: 5px 10px;
    white-space: normal;
    word-break: break-all;
}

.info-list .edit a {
    padding: 5px 10px;
    line-height: 20px;
    height: 20px;
    width: 50px;
    margin: auto;
    display: inline-block;
}

.info-list-show .title-text .edit {
    width: 100%;
}

.input_edit {
    padding: 5px;
}

.m-t_10 {
    margin-top: 10px;
}

.radio_box {
    position: relative;
    display: inline-block;
    padding-right: 15px;
}

.radio_box {

}

.ledger-statistics-list input[type="radio"] {
    top: 2px;
}

.table_mian table tbody tr td:last-child .input_value {
    color: #333333;
}

.info-list-show .mian-text {
    min-width: 200px;
    background-color: #eff3f7;
}

.info-list-show .title-text[col='1'] {
    width: 16.4%;
}

.info-list-show .mian-text[col='5'] {
    width: 83.6%;
}



.sidebar-collapsed-icon-close {
    cursor: pointer;
    position: absolute;
    left: 245px;
    top: 50%;
    width: 18px;
    height: 62px;
    background-color: #2684E6;
    border-radius: 0 50% 50% 0;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    z-index: 9;
}

.sidebar-collapsed-icon-close::after {
    position: relative;
    top: 31px;
    right: 5px;
    content: '';
    width: 7px;
    height: 7px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #ffffff;
    float: right;
    -moz-transform: rotate(-45deg) translate(0, -50%);
    -webkit-transform: rotate(-45deg) translate(0, -50%);
    -ms-transform: rotate(-45deg) translate(0, -50%);
    -o-transform: rotate(-45deg) translate(0, -50%);
    transform: rotate(-45deg) translate(0, -50%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.sidebar-collapsed-icon-open::after {
    right: 9px;
    -moz-transform: rotate(135deg) translate(0, -50%);
    -webkit-transform: rotate(135deg) translate(0, -50%);
    -ms-transform: rotate(135deg) translate(0, -50%);
    -o-transform: rotate(135deg) translate(0, -50%);
    transform: rotate(135deg) translate(0, -50%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}


/************ 轮播 ********************/
.pc-slide {
	width: 100%;
    margin: 0 auto;
    padding: 10px 40px;
}

.view .swiper-container {
	width: 100%;
	height: 450px;
}

/* .view .arrow-left {
	background: url(../../images/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(../../images/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
} */


.view .swiper-container .swiper-slide img {
    width: 100%;
    height: 444px;
}
.view .swiper-container .swiper-slide,
.preview .swiper-container {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}


.preview {
	width: 100%;
	margin-top: 30px;
    position: relative;
    padding: 0 40px !important;
}

.preview .swiper-container {
	width: 100%;
    height: 47px;
}

.preview .swiper-wrapper {
    margin: 0 auto;
}

.preview .swiper-slide {
	width: 79px;
    height: 47px;
    text-align: center;
}

.preview .swiper-slide img {
    width: 69px;
    height: 47px;
}

.preview .arrow-left {
	background: url("../LocalImages/Button/Swiper-Button/arrow-left.png") no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	background: url("../LocalImages/Button/Swiper-Button/arrow-right.png") no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview img {
    padding: 1px;
    cursor: pointer;
}

.preview .active-nav img {
	padding: 0;
	border: 1px solid #2684e6;
}

#tags {
    float: left;
    height: 47px;
    overflow: hidden;
    max-width: 80%;
}