/*html{*/
/*font-size:62.5%;*/
/*}*/

/*body {*/
/*!*font:normal 100% Arial,sans-serif;*!*/
/*!*font-size:14px; *!*/
/*!*font-size:1.4rem;*!*/
/*height: 100%;*/
/*font-size: 75px !important;*/
/*font-family: PingFangSC-Medium, PingFang SC, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
/*}*/
@font-face {
    font-family: 'fwxk';
    src: url(../fonts/fwxk.ttf) format('truetype');
}

* {
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    -khtml-user-select: text;
    user-select: text;
}

html, body {
    height: 100%;
    font-size: 75px !important;
    font-family: PingFangSC-Medium, PingFang SC, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(144, 146, 152, .3);
}

.fw-header .fw-header-content,
.fw-footer .fw-footer-content,
.fw-page-content {
    max-width: 1300px;
}

.container-main {
    height: 100%;
    font-size: 0;
}

.data-list-item-message-read {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #DDDDDD;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fw-artcile table {
    width: 100% !important;
}

.fw-artcile table td {
    font-size: 16px !important;
    color: #333333 !important;
    font-family: 微软雅黑 !important;
    width: auto !important;
}

.fw-artcile table tr td {
    font-size: 16px !important;
    color: #333333 !important;
    font-family: 微软雅黑 !important;
    width: auto !important;
}

.fw-artcile th {
    font-size: 16px !important;
    color: #333333 !important;
    font-family: 微软雅黑 !important;
    width: auto !important;
}

.fw-artcile div table tbody tr th {
    font-size: 16px !important;
    color: #333333 !important;
    font-family: 微软雅黑 !important;
    width: auto !important;
}

.fw-artcile table tr th {
    font-size: 16px !important;
    color: #333333 !important;
    font-family: 微软雅黑 !important;
    width: auto !important;
}

.fw-artcile span {
    font-size: 16px !important;
    /*color: #333333 !important;*/
    font-family: 微软雅黑 !important;
    width: auto !important;
}

.fw-artcile table tr td span {
    font-size: 16px !important;
    /*color: #333333 !important;*/
    font-family: 微软雅黑 !important;
    width: auto !important;
}

.fw-artcile h4 span {
    font-size: 16px !important;
    color: #333333 !important;
    font-family: 微软雅黑 !important;
    width: auto !important;
}

.fw-artcile h3 span {
    font-size: 16px !important;
    color: #333333 !important;
    font-family: 微软雅黑 !important;
    width: auto !important;
}

.fw-artcile h2 span {
    font-size: 16px !important;
    color: #333333 !important;
    font-family: 微软雅黑 !important;
    width: auto !important;
}

.fw-artcile h1 span {
    font-size: 16px !important;
    color: #333333 !important;
    font-family: 微软雅黑 !important;
    width: auto !important;
}

.fw-artcile p {
    font-size: 16px !important;
    color: #333333 !important;
    font-family: 微软雅黑 !important;
    width: auto !important;
}

.fw-artcile p font {
    font-size: 16px !important;
    color: #333333 !important;
    font-family: 微软雅黑 !important;
    width: auto !important;
}

.fw-artcile p strong {
    font-size: 16px !important;
    color: #333333 !important;
    font-family: 微软雅黑 !important;
    width: auto !important;
}

.fw-artcile p strong em {
    font-size: 16px !important;
    color: #333333 !important;
    font-family: 微软雅黑 !important;
    width: auto !important;
}

.fw-artcile p font span {
    font-size: 16px !important;
    color: #333333 !important;
    font-family: 微软雅黑 !important;
    width: auto !important;
}

.communication-btn {
    width: 96px;
    height: 30px;
    border-radius: 20px;
    border: 1px solid #5BACF6;
    margin-top: 22px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #53A4FC;
    line-height: 22px;
}
/*大屏3784*1248适配*/
@media (min-height: 1240px) {
    .container-main, .fw-page {
        min-height: calc(100vh - 170px - 150px);
    }

    .hall-video,
    .public-index {
        padding-top: 15px;
    }
}

.page-content {
    width: 98%;
    margin: 0 auto;
    padding: 40px 0;
    max-width: 1300px;
}

.fw-header {
    height: 160px;
    background: url("../img/background/bg-top-header1.png"), #0058D5;
    background-size: 100% auto, 100% 100%;
    border-bottom: 1px solid #FFFFFF;
}

.fw-header .fw-header-content {
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.fw-header .fw-header-content .title-box {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 0 10px;
}

.fw-header .fw-header-content .title-box .title-logo-text {
    width: 312px;
    height: 75px;
    background-image: url(../img/logo-text.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.fw-header .fw-header-content .title-box .title-logo {
    width: 70px;
    height: 70px;
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 20px 0 40px;
}

.fw-header .fw-header-content .title-box .title-text {
    flex: 1 1 0%;
    font-size: 48px;
    line-height: 67px;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: 6px;
}

.fw-header .fw-header-content .title-box .title-right {
    flex: 1 1 0%;
    height: 90px;
    position: relative;
}

.fw-header .fw-header-content .title-box .bg-header-right-item {
    height: 30px;
    width: 367px;
    position: absolute;
    right: 0;
    bottom: -30px;
    opacity: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*animation: headerRightText 4s infinite;*/
    /*-webkit-animation: headerRightText 4s infinite;*/
    /*animation-timing-function: linear;*/
    /*-webkit-animation-timing-function: linear;*/
}

.fw-header .fw-header-content .title-box .bg-header-right-item.text-1 {
    background-image: url(../img/background/bg-header-right-1.png);
    /*animation-delay: 0s;*/
    /*-webkit-animation-delay: 0s;*/
}

.fw-header .fw-header-content .title-box .bg-header-right-item.text-2 {
    background-image: url(../img/background/bg-header-right-2.png);
    /*animation-delay: 2s;*/
    /*-webkit-animation-delay: 2s;*/
}

@keyframes headerRightText {
    0% {
        bottom: -30px;
        opacity: 0;
    }
    50% {
        bottom: 30px;
        opacity: 1;
    }
    100% {
        bottom: 90px;
        opacity: 0;
    }
}

@-webkit-keyframes headerRightText {
    0% {
        bottom: -30px;
        opacity: 0;
    }
    50% {
        bottom: 30px;
        opacity: 1;
    }
    100% {
        bottom: 90px;
        opacity: 0;
    }
}

.fw-header .fw-header-content .tab-box {
    display: flex;
    align-items: center;
}

.fw-header .fw-header-content .tab-box .tab-item {
    flex: 1 auto;
    text-align: center;
    min-height: 44px;
    font-size: 24px;
    line-height: 33px;
    font-weight: 600;
    color: #FFFFFF;
    background: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.fw-gj{
    margin-left: 20px;
}
.fw-header .fw-header-content .tab-box .tab-item:hover,
.fw-header .fw-header-content .tab-box .tab-item.active {
    /*background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.49) 100%);*/
    font-size: 26px;
    border-bottom: 4px solid #FFFFFF;
}

.fw-footer {
    background-color: #0058D5;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("../img/background/bg-bottom-footer1.png");
}

.fw-footer .fw-footer-content {
    position: relative;
    text-align: center;
    margin: 0 auto;
}

.fw-footer .fw-footer-legend {
    padding: 20px 10px 30px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
}

.fw-footer .fw-footer-row > div {
    display: inline-block;
    margin-right: 16px;
}

.fw-footer .fw-footer-row > div:last-child {
    margin-right: 0;
}

.fw-footer .fw-footer-search {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.fw-footer .fw-footer-search .btn-box {
    width: 200px;
    border-radius: 20px;
    border: 1px solid #FFFFFF;
    font-size: 0;
    display: inline-flex;
    align-items: center;
    margin: 10px 0;
    cursor: pointer;
}

.fw-footer .fw-footer-search .btn-box .btn-item {
    display: inline-block;
    width: calc(50% - 10px);
    font-size: 18px;
    font-weight: 500;
    padding: 7.5px 0;
    color: #FFFFFF;
    line-height: 25px;
}

.fw-footer .fw-footer-search .btn-box .btn-item.active {
    color: #53A4FC;
    background: #FFFFFF;
    border-radius: 20px;
    width: calc(50% + 10px);
}

.fw-footer .fw-footer-search .footer-user-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
    cursor: pointer;
}

.fw-footer .fw-footer-search .footer-user-info .info-box {
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 25px;
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fw-footer .fw-footer-search .footer-user-info .info-box span {
    display: inline-block;
    cursor: pointer;
    padding: 0 0 0 15px;
    margin: 10px 0 10px 15px;
    border-left: 2px solid #FFF;
}

.fw-footer .fw-footer-search .fw-search-box {
    width: 385px;
    margin: 10px 20px 10px 20px;
}

.fw-search-box {
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding: 0 0 0 20px;
    border-radius: 20px;
    background: #FFFFFF;
    height: 40px;
}

.fw-search-box .search-input {
    flex: 1 1 0%;
    border: none;
    font-size: 18px;
    padding: 7.5px 0;
    line-height: 25px;
    background: #FFFFFF;
    color: #333;
    border: 0;
    outline: none;
    height: 40px;
    margin-bottom: 0;
}

.fw-search-box .search-icon {
    display: inline-block;
    padding: 10px 20px;
    font-size: 0;
    height: 40px;
    cursor: pointer;
}

.fw-search-box .search-icon span {
    font-size: 20px;
    color: #53A4FC;
}

.fw-page {
    /*background-image: url(../img/background/bg-body.png);*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100% 100%;*/
    padding-bottom: 40px;
}

.fw-page-content {
    width: 98%;
    margin: 0 auto;
    padding: 40px 0;
}

.fw-page-bar {
    min-height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    background: #FFF;
    padding: 0 40px;
}

.fw-list-box {
    margin: 20px 0 0;
}

.fw-list-box .search-box {
    background: #FFF;
    padding: 0px 20px;
    margin: 0;
}

.fw-list-box .search-box .row-box {
    min-height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.fw-list-box .search-box .row-box .row-title {
    width: 90px;
}

.fw-list-box .search-box .row-box .row-content {
    flex: 1 1 0%;
}

.fw-radio {
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

.fw-radio .fw-radio-item {
    display: inline-block;
    /*border: 1px solid #DDDDDD;*/
    min-height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    padding: 0 13px;
    margin: 5px 5px;
    cursor: pointer;
}

.fw-radio .fw-radio-item.checked {
    /*background: #53A4FC;*/
    /*border: 1px solid #53A4FC;*/
    color: #0385EA;
}

.fw-radio.type .fw-radio-item {
    display: inline-block;
    /*border-radius: 4px;*/
    /*border: 1px solid #DDDDDD;*/
    min-height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    padding: 0 5px;
    margin: 5px 2px;
    cursor: pointer;
}

.fw-radio.type .fw-radio-item.checked {
    /*background: #53A4FC;*/
    /*border: 1px solid #53A4FC;*/
    color: #0385EA;
    border-bottom: 2px #0385EA solid;
}

.type-row-box {
    margin-top: 0px;
    background-color: #FFFFFF;
    padding: 10px 10px 10px;
    border-bottom: 1px #DDDDDD solid;
}

.fw-cascade-select {
    margin: 0 5px;
}

.fw-cascade-select select {
    margin: 5px 0;
    border: 1px solid #DDDDDD;
    padding: 0 10px;
    min-height: 30px;
    line-height: 30px;
}

.fw-common-avatar-card,
.fw-list-box .data-box .data-box-item {
    margin: 10px 0 0;
    padding: 23px 40px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
}

.fw-common-avatar-card .avatar-box,
.fw-list-box .data-box .data-box-item .avatar-box {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.fw-common-avatar-card .item-content,
.fw-list-box .data-box .data-box-item .item-content {
    flex: 1 1 0%;
    padding: 0 20px;
}

.fw-common-avatar-card .item-content strong,
.fw-list-box .data-box .data-box-item .item-content strong {
    display: block;
    min-height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
}

.fw-common-avatar-card .item-content span,
.fw-list-box .data-box .data-box-item .item-content span {
    margin: 10px 0 0;
    display: block;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
}

.fw-pagination-box {
    text-align: center;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

.fw-pagination-box .fw-pagination-item {
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    padding: 0 9px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    margin: 0 5px;
    cursor: pointer;
    text-align: center;
}

.fw-pagination-box .fw-pagination-item.active {
    background: #53A4FC;
    border: 1px solid #53A4FC;
    color: #FFFFFF;
}

.fw-pagination-box .fw-pagination-item.disabled {
    color: #DDDDDD;
}

.fw-list-box .fw-pagination-box {
    margin: 30px 0 0;
}

.fw-list-box .data-list-box {
    background: #FFF;
    padding: 5px 40px;
    margin: 10px 0 0;
}

.fw-list-box .data-list-box .data-list-item {
    border-bottom: 1px solid #DDDDDD;
    display: flex;
    align-items: center;
    min-height: 60px;
}

.fw-list-box .data-list-box .data-list-item:last-child {
    border-bottom: none;
}

.fw-list-box .data-box .data-box-item .title,
.fw-list-box .data-list-box .data-list-item .title {
    flex: 1 1 0%;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: #333333;
}

.fw-list-box .data-list-box .data-list-item .time {
    width: 100px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #333333;
    margin-left: 10px;
}

.fw-list-box .data-box .data-box-item .title span {
    display: inline-block;
    margin: 0 10px;
    padding: 0 10px;
    border-radius: 4px;
    border: 1px solid #53A4FC;
    min-height: 20px;
    font-size: 10px;
    line-height: 20px;
    font-weight: 400;
    color: #53A4FC;
}

.fw-list-box .data-box .data-box-item .business-type {
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
}

.fw-common-info-head {
    background: #EBF3FF;
    margin: 10px 0 0;
}

.fw-common-info-head > div {
    padding: 18px 40px;
    height: 100%;
    background-image: url(../img/background/bg-personnel-info-head.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 100%;
    display: flex;
    align-items: center;
}

.fw-common-info-head .avatar-box {
    width: 96px;
    height: 124px;
}

.fw-common-info-head .info-box {
    margin: 0 0 0 20px;
    font-weight: 400;
    color: #666666;
    flex: 1 1 0%;
}

.fw-common-info-head .info-box .title {
    line-height: 33px;
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    display: flex;
    align-items: center;
}

.fw-common-info-head .info-box .title .title-btn {
    font-size: 0;
    margin-left: 15px;
    display: inline-flex;
    align-items: center;
}

.fw-common-info-head .info-box .title .title-btn .btn-item {
    display: inline-block;
    padding: 5px 17px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 20px;
    background: #999999;
    border-radius: 5px;
    margin: 0 5px;
    cursor: pointer;
}

.fw-common-info-head .info-box .title .title-btn .btn-item.btn-item-primary {
    background: #53A4FC;
}

.fw-common-info-head .info-box .sub-title {
    min-height: 22px;
    line-height: 22px;
    font-size: 16px;
    margin: 10px 0;
}

.fw-common-info-head .info-box .info-item {
    line-height: 26px;
    font-size: 12px;
}


.fw-common-info-head .info-box .info-item span {
    color: #333333;
}

.fw-common-info-box {
    margin: 40px 0 0;
}

.fw-common-info-box .info-title {
    border-bottom: 1px solid #53A4FC;
}

.fw-common-info-box .info-title strong {
    display: inline-block;
    background: #53A4FC;
    padding: 7px 24px;
    min-height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
}

.fw-common-info-box .info-content {
    padding: 20px 30px 0;
    font-size: 0;
}

.fw-common-info-box .info-content .info-item {
    font-size: 16px;
    padding: 10px 10px;
    width: 33.33%;
    display: inline-flex;
}

.fw-common-info-box .info-content .info-item-all {
    width: 100% !important;
    flex-direction: column;
    justify-content: left;
    align-items: flex-start !important;
}

.fw-common-info-box .info-content.double-column .info-item {
    width: 50%;
}

.fw-common-info-box .info-content .info-item strong {
    display: inline-block;
    font-weight: 400;
}

.fw-common-info-box .info-content .info-item:not(.info-item-all) strong {
    width: 100px;
}

.fw-common-info-box .info-content .info-item span {
    flex: 1 1 0%;
    display: inline-block;
    font-weight: 500;
    color: #53A4FC;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    max-width: 100%;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -o-pre-wrap; /* Opera */
}

.fw-common-info-box .info-user {
    padding: 20px 0 0;
    font-size: 0;
}

.fw-common-info-box .info-user .info-user-title {
    padding: 0 10px;
    line-height: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    border-left: 4px solid #53A4FC;
}


.fw-common-info-box .info-user .info-user-data {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0 0;
}

.fw-common-info-box .info-user .info-user-data::after {
    content: "";
    width: calc((100% - 40px) / 3);
    visibility: hidden;
}

.fw-user-card {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    width: calc((100% - 40px) / 3);
    padding: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.fw-user-card .avatar-box {
    width: 80px;
    height: 110px;
}

.fw-user-card .info-box {
    margin: 0 0 0 20px;
    flex: 1 1 0%;
    min-height: 124px;
    min-width: 205px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}

.fw-user-card .info-box .user-name {
    line-height: 25px;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    padding: 5px 0;
}

.fw-user-card .info-box .info-stress {
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    padding: 5px 0;
}

.fw-user-card .info-box .info-bold {
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    padding: 5px 0;
}

.fw-user-card .info-box .info-item {
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    padding: 5px 0;
}

.fw-common-info-tab {
    margin: 20px 0 0;
    display: flex;
    align-items: center;
    background: #EBF3FF;
}

.fw-common-info-tab .tab-item {
    padding: 5px 2px;
    min-height: 50px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #333333;
    flex: 1 auto;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

@media ( max-width: 430px ){
    .fw-common-info-tab .tab-item {
        width: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.fw-common-info-tab .tab-item:not(:last-child):before {
    content: '';
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
    width: 1px;
    height: 20px;
    background-color: #979797;
}

.fw-common-info-tab .tab-item:hover,
.fw-common-info-tab .tab-item.active {
    background-color: #fff;
    color: #53A4FC;
}

.fw-common-info-tab .tab-item:hover:after,
.fw-common-info-tab .tab-item.active:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 4px;
    background-color: #53A4FC;
}

.fw-common-info-box .table-content {
    padding: 20px 0 0;
}

.fw-common-info-box .table-content table {
    width: 100%;
    color: #333333;
    border-collapse: collapse;
}

.fw-common-info-box .table-content table th {
    padding: 11px 5px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    background: #EBF3FF;
}

.fw-common-info-box .table-content table td {
    padding: 12px 5px;
    font-size: 14px;
    font-weight: 400;
    background: #FAFCFF;
}

.fw-common-info-box .table-content table th,
.fw-common-info-box .table-content table td {
    border-top: 0;
    border-right: 1px solid #FFF;
    border-bottom: 2px solid #FFF;
    border-left: 0;
}

.fw-common-info-box .table-content table th:last-child,
.fw-common-info-box .table-content table td:last-child {
    border-right: 0;
}

.fw-common-info-box .table-content table tr:last-child td {
    border-bottom: 0;
}

.fw-common-info-box .info-content .process-img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.fw-organization-info-head > div {
    background-image: url(../img/background/bg-organization-info-head.png);
}

.fw-organization-info-head .avatar-circle {
    width: 96px;
    height: 96px;
    border-radius: 50%;
}

.fw-organization-info-head .info-box .title {
    margin-bottom: 10px;
}

.fw-information-box {
    margin: 20px 0 0;
    padding: 30px 80px;
    background-color: #FFFFFF;
}

.fw-information-box .title-box {
    border-bottom: 1px solid #DDDDDD;
    padding: 0 0 10px;
}

.fw-information-box .title-box .title {
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    color: #333333;
    line-height: 50px;
    margin: 6px 0;
}

.fw-information-box .title-box .info-box {
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 20px;
    text-align: center;
    margin: 16px 0 6px 0;
}

.fw-information-box .title-box .info-box .info-box-item {
    display: inline-block;
    margin-right: 10px;
}

.fw-information-box .title-box .info-box .info-box-item:last-child {
    margin-right: 0;
}

.text-align-left {
    text-align: left !important;
}

.text-align-right {
    text-align: right !important;
}

.text-align-center {
    text-align: center !important;
}

.justify-content-center {
    justify-content: center !important;
}

.no-padding {
    padding: 0 !important;
}


.no-padding-top {
    padding-top: 0 !important;
}

.one-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.two-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
}

.five-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    word-break: break-all;
}

.text-justified {
    text-align: justify;
    text-align-last: left;
}

.fw-index-center-box {
    display: flex;
}

.fw-index-center {
    display: inline-block;
    width: 100%;
    height: 360px;
    margin-top: 20px;
    background-image: url(../img/background/bg-index-center.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    position: relative;
}
.gjfcx {
    background-image: url(../img/background/container-one.png);
}
.fw-gj {
    margin-left: 20px;
    background-image: url(../img/background/container-two.png);
}
/*.fw-index-center:hover {*/
.fw-index-center {
    color: #FFFFFF !important;
    display: inline-block;
}

/*.fw-index-center:hover .fw-index-hover-center-bg {*/
.fw-index-center .fw-index-hover-center-bg {
    width: 100%;
    height: 360px;
    padding: 20px;
    position: absolute;
    z-index: 999;
    background-color: rgba(8, 8, 8, 0.31);
}

/*.fw-index-center:hover .index-item-title {*/
.fw-index-center .index-item-title {
    display: none;
}

/*.fw-index-center:hover .fw-index-hover-center-bg .hover-text strong {*/
.fw-index-center .fw-index-hover-center-bg .hover-text strong {
    font-family: fwxk, PingFangSC-Medium, PingFang SC, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    width: 100%;
    height: 30px;
    line-height: 22px;
    font-size: 22px;
}

/*.fw-index-center:hover .fw-index-hover-center-bg .hover-btn-group {*/
.fw-index-center .fw-index-hover-center-bg .hover-btn-group {
}


/*.fw-index-center:hover .fw-index-hover-center-bg .hover-btn-group .hover-btn {*/
.fw-index-center .fw-index-hover-center-bg .hover-btn-group .hover-btn {
    height: 135px;
    width: 33%;
    padding: 20px 64px 0;
    display: inline-block;
}

/*.fw-index-center:hover .fw-index-hover-center-bg .hover-btn-group .hover-btn .btn-icon {*/
.fw-index-center .fw-index-hover-center-bg .hover-btn-group .hover-btn .btn-icon {
    width: 75px;
    height: 75px;
    border-radius: 50%;
}

/*.fw-index-center:hover .fw-index-hover-center-bg .hover-btn-group .hover-btn .btn-text {*/
.fw-index-center .fw-index-hover-center-bg .hover-btn-group .hover-btn .btn-text {
    width: 75px;
    margin-top: 10px;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
}

.service-phone:hover {
    background: url(../img/background/bg-service-phone.png);
    align-items: flex-start;
    padding: 14px;
}

.service-phone:hover .info-text {
    display: none;
}

.service-phone:hover .hint {
    align-items: flex-start;
}

.service-phone:hover .hint .title {
    height: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 33px;
    text-align: center;
    margin-top: -16px;
}

.service-phone:hover .hint .content {
    margin-top: 0px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 21px;
    text-align: justify;
}

.fw-zxfw {
    background:  url(../img/icon/icon-zxfw.png) no-repeat center center , white;
    background-size: 60% auto, 100% 100%;
}

.fw-bsfw {
    background:  url(../img/icon/icon-bsfw.png) no-repeat center center , white;
    background-size: 60% auto, 100% 100%;
}

.fw-cxfw {
    background:  url(../img/icon/icon-cxfw.png) no-repeat center center , white;
    background-size: 60% auto, 100% 100%;
}

.fw-xxyl {
    background:  url(../img/icon/icon-xxyl.png) no-repeat center center , white;
    background-size: 60% auto, 100% 100%;
}

.fw-zzfw {
    background:  url(../img/icon/icon-zzfw.png) no-repeat center center , white;
    background-size: 60% auto, 100% 100%;
}

.fw-gdfw {
    background:  url(../img/icon/icon-gdfw.png) no-repeat center center , white;
    background-size: 60% auto, 100% 100%;
}

.fw-index-center .fw-index-center-waiter {
    height: 240px;
    width: 132px;
    position: absolute;
    bottom: 0;
    right: 15.5%;
    background-image: url(../img/background/bg-index-center-waiter.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    /*-webkit-animation: centerWaiter 1.8s infinite;*/
    /*-khtml-animation: centerWaiter 1.8s infinite;*/
    /*-moz-animation: centerWaiter 1.8s infinite;*/
    /*-ms-animation: centerWaiter 1.8s infinite;*/
    /*-o-animation: centerWaiter 1.8s infinite;*/
    /*animation: centerWaiter 1.8s infinite;*/
    /*-webkit-backface-visibility: hidden;*/
    /*-webkit-transform-style: preserve-3d;*/
    /*-webkit-transform: translate3d(0, 0, 0);*/
    /*-moz-transform: translate3d(0, 0, 0);*/
    /*-ms-transform: translate3d(0, 0, 0);*/
    /*transform: translate3d(0, 0, 0);*/
}

@-webkit-keyframes centerWaiter {
    0% {
        background-image: url(../img/background/bg-index-center-waiter-1.png);
    }
    20% {
        background-image: url(../img/background/bg-index-center-waiter-2.png);
    }
    40% {
        background-image: url(../img/background/bg-index-center-waiter-3.png);
    }
    60% {
        background-image: url(../img/background/bg-index-center-waiter-3.png);
    }
    80% {
        background-image: url(../img/background/bg-index-center-waiter-2.png);
    }
    100% {
        background-image: url(../img/background/bg-index-center-waiter-1.png);
    }
}

@-khtml-keyframes centerWaiter {
    0% {
        background-image: url(../img/background/bg-index-center-waiter-1.png);
    }
    20% {
        background-image: url(../img/background/bg-index-center-waiter-2.png);
    }
    40% {
        background-image: url(../img/background/bg-index-center-waiter-3.png);
    }
    60% {
        background-image: url(../img/background/bg-index-center-waiter-3.png);
    }
    80% {
        background-image: url(../img/background/bg-index-center-waiter-2.png);
    }
    100% {
        background-image: url(../img/background/bg-index-center-waiter-1.png);
    }
}

@-moz-keyframes centerWaiter {
    0% {
        background-image: url(../img/background/bg-index-center-waiter-1.png);
    }
    20% {
        background-image: url(../img/background/bg-index-center-waiter-2.png);
    }
    40% {
        background-image: url(../img/background/bg-index-center-waiter-3.png);
    }
    60% {
        background-image: url(../img/background/bg-index-center-waiter-3.png);
    }
    80% {
        background-image: url(../img/background/bg-index-center-waiter-2.png);
    }
    100% {
        background-image: url(../img/background/bg-index-center-waiter-1.png);
    }
}

@-ms-keyframes centerWaiter {
    0% {
        background-image: url(../img/background/bg-index-center-waiter-1.png);
    }
    20% {
        background-image: url(../img/background/bg-index-center-waiter-2.png);
    }
    40% {
        background-image: url(../img/background/bg-index-center-waiter-3.png);
    }
    60% {
        background-image: url(../img/background/bg-index-center-waiter-3.png);
    }
    80% {
        background-image: url(../img/background/bg-index-center-waiter-2.png);
    }
    100% {
        background-image: url(../img/background/bg-index-center-waiter-1.png);
    }
}

@-o-keyframes centerWaiter {
    0% {
        background-image: url(../img/background/bg-index-center-waiter-1.png);
    }
    20% {
        background-image: url(../img/background/bg-index-center-waiter-2.png);
    }
    40% {
        background-image: url(../img/background/bg-index-center-waiter-3.png);
    }
    60% {
        background-image: url(../img/background/bg-index-center-waiter-3.png);
    }
    80% {
        background-image: url(../img/background/bg-index-center-waiter-2.png);
    }
    100% {
        background-image: url(../img/background/bg-index-center-waiter-1.png);
    }
}

@keyframes centerWaiter {
    0% {
        background-image: url(../img/background/bg-index-center-waiter-1.png);
    }
    20% {
        background-image: url(../img/background/bg-index-center-waiter-2.png);
    }
    40% {
        background-image: url(../img/background/bg-index-center-waiter-3.png);
    }
    60% {
        background-image: url(../img/background/bg-index-center-waiter-3.png);
    }
    80% {
        background-image: url(../img/background/bg-index-center-waiter-2.png);
    }
    100% {
        background-image: url(../img/background/bg-index-center-waiter-1.png);
    }
}

.fw-index-video {
    display: inline-block;
    width: 100%;
    height: 360px;
    margin-top: 0px;
    position: relative;
}

.fw-index-box {
    font-size: 0;
    display: flex;
    align-items: center;
}

.fw-index-box .index-item {
    width: calc((100% - 60px) / 4);
    margin: 20px 20px 0 0;
    flex: 1 auto;
    background: #FFF;
    padding: 10px;
    height: 350px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.fw-index-box .index-item:last-child {
    margin-right: 0;
}

.fw-index-box .index-item .index-item-title {
    display: flex;
    align-items: center;
    margin: 0 0 5px 0;
}

.fw-index-box .index-item .index-item-title strong {
    /*font-family: fwxk, PingFangSC-Medium, PingFang SC, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    flex: 1 1 0%;
    font-size: 20px;
    font-weight: 600;
    color: #333333;
    line-height: 28px;
}

.fw-index-box .index-item .index-item-title span {
    font-size: 14px;
    font-weight: 600;
    color: #999999;
    line-height: 20px;
}

.fw-index-box .index-item .index-content {
    flex: 1 1 0%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.add-hidden-before:before {
    display: inline-block;
    content: '';
}

.add-hidden-after:after {
    display: inline-block;
    content: '';
}

.fw-index-box .index-item .index-item-icon-row {
    margin: 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fw-index-box .index-item .index-item-icon-row .row-content {
    margin-left: 10px;
    flex: 1 1 0%;
    display: flex;
    justify-content: space-between;
}

.fw-index-box .index-item .index-item-icon-row .row-item {
    width: calc((100% - 10px) / 2);
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 25px;
    padding: 7.5px;
    background: #F1F1F1;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
}
.phone-table{
   height: 720px; overflow-y: auto;
}
.consult-phone{
    margin-top: -40px;
}
.fw-index-box .index-item .index-item-btn-row {
    margin: 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fw-index-box .index-item .index-item-btn-row .btn-row-item {
    width: calc((100% - 10px) / 2);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 5px;
    border-radius: 2px;
    border: 1px solid #DDDDDD;
    cursor: pointer;
}

.public-index .fw-aihd:hover {
    background: #75B7FF !important;
    color: #FFF !important;
}

.public-index .fw-spdh:hover {
    background: #75B7FF !important;
    color: #FFF !important;
}

.public-index .fw-yjyy:hover {
    background: #5DD1FF !important;
    color: #FFF !important;
}

.public-index .fw-zhfw:hover {
    background: #5DD1FF !important;
    color: #FFF !important;
}

.public-index .fw-gazc:hover {
    background: #9BB4FF !important;
    color: #FFF !important;
}

.public-index .fw-hddh:hover {
    background: #9BB4FF !important;
    color: #FFF !important;
}

.public-index .fw-qwfb:hover {
    background: #FFC096 !important;
    color: #FFF !important;
}

.public-index .fw-fwsl:hover {
    background: #9BB4FF;
}

.public-index .fw-fwsl .icon-legal-salon {
    background-image: url(../img/icon/icon-fwzx.png);
}

.public-index .fw-fwsl:hover .icon-legal-salon {
    background-image: url(../img/icon/icon-fwzx-1.png);
}

.public-index .fw-fwsl:hover .btn-row-text {
    color: #FFF !important;
}

.public-index .fw-flyj:hover {
    background: #75B7FF;
}

.public-index .fw-flyj:hover .icon-legal-research {
    background-image: url(../img/icon/icon-legal-research-1.png);
}

.public-index .fw-flyj:hover .btn-row-text {
    color: #FFF !important;
}

.public-index .fw-yasf:hover {
    background: #5DD1FF;
}

.public-index .fw-yasf:hover .icon-argument-case {
    background-image: url(../img/icon/icon-argument-case-1.png);
}

.public-index .fw-yasf:hover .btn-row-text {
    color: #FFF !important;
}

.public-index .fw-fsgs:hover {
    background: #FFC096;
}

.public-index .fw-fsgs:hover .icon-legal-history {
    background-image: url(../img/icon/icon-legal-history-1.png);
}

.public-index .fw-fsgs:hover .btn-row-text {
    color: #FFF !important;
}

.public-index .fw-pxjz:hover {
    background: #9BB4FF;
}

.public-index .fw-pxjz:hover .icon-training-seminar {
    background-image: url(../img/icon/icon-training-seminar-1.png);
}

.public-index .fw-pxjz:hover .btn-row-text {
    color: #FFF !important;
}

.public-index .fw-rcfw:hover {
    background: #4CDECE;
}

.public-index .fw-rcfw:hover .icon-talent-service {
    background-image: url(../img/icon/icon-talent-servic-1.png);
}

.public-index .fw-rcfw:hover .btn-row-text {
    color: #FFF !important;
}

.public-index .fw-fwbk:hover {
    background: #4CDEDE;
}

.public-index .fw-fwbk .fw-fwbk-icon {
    background-image: url(../img/icon/icon-fwbk.png);
}

.public-index .fw-fwbk:hover .fw-fwbk-icon {
    background-image: url(../img/icon/icon-fwbk-1.png);
}

.public-index .fw-fwbk:hover .btn-row-text {
    color: #FFF !important;
}
.public-index .fw-fwbk:hover .btn-row-text {
    color: #FFF !important;
}

.public-index .fw-lssw:hover {
    background: #FFC096;
}

.public-index .fw-lssw:hover .icon-office-lawyer {
    background-image: url(../img/icon/icon-office-lawyer-1.png);
}

.public-index .fw-lssw:hover .btn-row-text {
    color: #FFF !important;
}

.public-index .fw-sfjd:hover {
    background: #5DD1FF;
}

.public-index .fw-sfjd:hover .icon-office-appraiser {
    background-image: url(../img/icon/icon-office-appraiser-1.png);
}

.public-index .fw-sfjd:hover .btn-row-text {
    color: #FFF !important;
}

.public-index .fw-zcpg:hover {
    background: #9BB4FF;
}

.public-index .fw-zcpg:hover .icon-asset-valuation {
    background-image: url(../img/icon/icon-asset-valuation-1.png);
}

.public-index .fw-zcpg:hover .btn-row-text {
    color: #FFF !important;
}

.public-index .fw-zscq:hover {
    background: #4CDECE;
}

.public-index .fw-zscq:hover .icon-intellectual-property {
    background-image: url(../img/icon/icon-intellectual-property-1.png);
}

.public-index .fw-zscq:hover .btn-row-text {
    color: #FFF !important;
}

.public-index .fw-csjr:hover {
    background: #5DD1FF;
}

.public-index .fw-csjr:hover .icon-financial-intermediation {
    background-image: url(../img/icon/icon-financial-intermediation-1.png);
}

.public-index .fw-csjr:hover .btn-row-text {
    color: #FFF !important;
}

.public-index .fw-xyfw:hover {
    background: #75B7FF;
}

.public-index .fw-xyfw:hover .icon-credit-legal {
    background-image: url(../img/icon/icon-credit-legal-1.png);
}

.public-index .fw-xyfw:hover .btn-row-text {
    color: #FFF !important;
}

.fw-index-box .index-item .index-item-btn-row .btn-row-item .btn-row-text {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 25px;
}

.fw-index-box .index-item .international-lawyer-office {
    height: 86.8px;
    background-image: url(../img/background/bg-international-lawyer-office.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    font-size: 16px;
    font-weight: 600;
    color: #BC4953;
    line-height: 28px;
    padding: 20px;
    cursor: pointer;
}
.fw-index-box .index-item .international-lawyer-gjmf {
    height: 86.8px;
    background-image: url(../img/background/bg-international-lawyer-gjmf.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    font-size: 16px;
    font-weight: 600;
    color: #4477C7;
    line-height: 28px;
    padding: 20px;
    cursor: pointer;
}
.fw-index-box .index-item .international-legal-fwxq {
    height: 86.8px;
    background-image: url(../img/background/bg-international-legal-fwxq.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    font-size: 16px;
    font-weight: 600;
    color: #9C5F45;
    line-height: 28px;
    padding: 20px;
    cursor: pointer;
}

.fw-index-box .index-item .international-legal-dzfw {
    height: 86.8px;
    background-image: url(../img/background/bg-international-legal-dzfw.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    font-size: 16px;
    font-weight: 600;
    color: #C97D0D;
    line-height: 28px;
    padding: 20px;
    cursor: pointer;
}
.fw-index-box .index-item .international-lawyer-office:hover {
    /*transform: scale(1.05)*/
}

.fw-index-box .index-item .special-legal-services {
    height: 86.8px;
    background-image: url(../img/background/bg-special-legal-services.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    font-size: 16px;
    font-weight: 600;
    color: #4477C7;
    line-height: 28px;
    padding: 20px;
    cursor: pointer;
}

.fw-footer-link-box {
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding: 5px;
    background: #569be0;
    position: absolute;
    top: -90px;
    left: 0;
    font-size: 0;
}

.fw-footer-link-box .link-item {
    display: inline-block;
    margin: 5px;
    width: calc((100% - 42px - 70px) / 7);
}

.fw-footer-link-box .link-item img {
    display: inline-block;
    width: 100%;
    height: auto;
}

.fw-footer-link-box .box-title {
    display: inline-block;
    width: 32px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 20px;
    margin: 5px;
}

.fw-live-box {
    width: 100%;
    margin-top: 30px;
    padding: 20px 20px 0;
    background: #FFFFFF;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.fw-live-box::after {
    content: "";
    width: calc((100% - 40px) / 3);
    visibility: hidden;
}

.fw-live-box .live-item {
    width: calc((100% - 40px) / 3);
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
}

.fw-live-box .live-item a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    font-size: 0;
}

.fw-live-box .live-item img {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.fw-live-box .live-item .live-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 50px;
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 28px;
    display: flex;
    justify-content: center;
    background: rgba(0, 0, 0, .8);
}

.fw-live-box .live-item .live-img-box {
    width: 45%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fw-live-box .live-item .live-info-box {
    width: 55%;
    padding-left: 20px;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}

.fw-live-box .live-item .live-info-box .title {
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    line-height: 24px;
}

.fw-live-box .live-item .live-info-box .content {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 20px;
    margin: 5px 0;
}

.fw-live-box .live-item .live-info-box .video-btn-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fw-live-box .live-item .live-info-box .video-btn-box .video-btn {
    width: calc((100% - 10px) / 2);
    border-radius: 4px;
    border: 1px solid #5BACF6;
    font-size: 18px;
    font-weight: 400;
    color: #53A4FC;
    line-height: 25px;
    margin: 5px 0 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
}

.fw-live-box .live-item .live-info-box .video-btn-box .video-btn:hover {
    background-color: #53A4FC;
    color: #FFFFFF;
}

.fw-info-box {
    display: inline-flex;
    width: 100%;
    margin-top: -20px;
    flex-direction: column;
    padding: 20px;
    background: #FFF;
    position: relative;
    margin-top: -14px;
    margin-top: -14px;
}

.fw-info-box:first-child {
    margin-top: 0px;
}

.fw-info-box .info-title {
    display: flex;
    align-items: center;
}

.fw-info-box .info-title .info-title-text {
    flex: 1 1 0%;
    margin-left: 10px;
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 33px;
}

.fw-info-box .info-title .info-title-text:first-child {
    margin-left: 0;
}

.cursor-pointer {
    cursor: pointer !important;
}

.fw-right-hover-box {
    display: inline-flex;
    width: 100%;
    margin-top: 20px;
}

.fw-right-hover-box .left-box {
    width: 180px;
    min-height: 200px;
    background: #5BACF6;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.fw-right-hover-box .left-box .box-text {
    margin-top: 20px;
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 33px;
    text-align: center;
}

.fw-right-hover-box .right-box {
    flex: 1 1 0%;
}

.fw-right-hover-box .bg-intelligent-consulting {
    background-image: url(../img/background/bg-intelligent-consulting.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.fw-right-hover-box .bg-interactive-service {
    background-image: url(../img/background/bg-interactive-service.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.fw-right-hover-box .bg-video-conversation {
    background-image: url(../img/background/bg-video-conversation.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.fw-right-hover-box .bg-video-conversation .right-hover-box {
    justify-content: flex-end;
    padding-right: 70px;
}

.fw-right-hover-box .right-hover-box {
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 100%;
    background: rgba(223, 236, 255, 0.5);
    padding: 10px;
}

.fw-right-hover-box .right-hover-box .btn-box {
    background: #D0E5FE;
    border: 1px solid #9BCEFF;
    padding: 10px 20px;
    font-size: 22px;
    font-weight: 500;
    color: #333333;
    line-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    margin: 10px 10px;
}

.fw-right-hover-box:hover .right-hover-box {
    display: inline-flex;
}

.interactive-one-click-appointment-box {

    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-top: 20px;
    display:inline-block;
    width:50%;
    padding-left: 60px;
}
.appointment-box-1{
    background-image: url(../img/background/bg-one-click-appointment-1.png);
}
.appointment-box-2{
    background-image: url(../img/background/bg-one-click-appointment-2.png);
}
.interactive-one-click-appointment-box span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin: 30px 8px;
    font-size: 25px;
    font-weight: 550;
    color: #666666;
    line-height: 56px;
    border-radius: 50%;
    background: #FFF;
    box-shadow: 0 2px 4px 0 rgba(183, 183, 183, 0.5);
}

.fw-common-title {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: left;
    /*background-image: url(../img/background/bg-common-title.png);*/
    background-repeat: no-repeat;
    background-position: center;
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 33px;
    padding: 0;
    margin-top: 20px;
}

.fw-common-title.blue {
    background-image: url(../img/background/bg-common-title-blue.png);
}

.fw-common-title.purple {
    background-image: url(../img/background/bg-common-title-purple.png);
}

.fw-common-title.orange-yellow {
    background-image: url(../img/background/bg-common-title-orange-yellow.png);
}

.fw-large-btn,
.fw-biggest-btn {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    padding: 30px 10px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    cursor: pointer;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.link-btn-swiper {
    width: 100%;
    height: 420px;
}

.fw-large-btn {
    height: 120px;
}

.fw-large-btn,
.fw-large-btn .btn-text {
    margin-top: 20px !important;
}

.fw-large-btn .btn-text,
.fw-biggest-btn .btn-text {
    margin-top: 20px;
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    line-height: 28px;
    text-align: center;
}

.interactive-btn-box {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    min-height: 200px;
    padding: 26px 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 20px;
}

.interactive-btn-box.bg-case-study {
    background-image: url(../img/background/bg-case-study.png);
}

.interactive-btn-box.bg-interactive-navigation {
    background-image: url(../img/background/bg-interactive-navigation.png);
}

.interactive-btn-box .box-title {
    width: 26px;
    font-size: 26px;
    font-weight: 500;
    color: #6B8BE9;
    line-height: 37px;
}

.interactive-btn-box .box-content {
    flex: 1 1 0%;
    margin-left: 86px;
}

.interactive-btn-box .interactive-btn {
    background: rgba(205, 216, 255, 0.5);
    border: 1px solid #9BB4FF;
    padding: 10px 20px;
    font-size: 22px;
    font-weight: 500;
    color: #333333;
    line-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    margin: 5px 5px;
}

.interactive-box-item {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 0 20px;
    border-right: 1px solid #D5D5D5;
    width: 50%;
}

.interactive-box-item:first-child {
    padding-left: 0;
}

.interactive-box-item:last-child {
    padding-right: 0;
    border-right: none;
}

.interactive-box-item .box-content {
    /*flex: 1 1 0%;*/
    display: inline-block;
    width: 100%;
    /*overflow: hidden;*/
}

.fw-auto-div-height {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.fw-img-btn {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    cursor: pointer;
}

.fw-img-btn .btn-img {
    border: 1px solid #DCDCDC;
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}

.fw-img-btn .btn-text {
    margin-top: 20px;
    padding: 18px;
    background: #F1F1F1;
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    line-height: 28px;
    text-align: center;
}

.bg-legal-knowledge-base {
    background-image: url(../img/background/bg-legal-knowledge-base.png);
}

.bg-legal-faq {
    background-image: url(../img/background/bg-legal-faq.png);
}

.interactive-tab-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 20px;
}

.interactive-tab-box .tab-box {
    display: flex;
    align-items: center;
    width: 100%;
}

.interactive-tab-box .tab-box .tab-item {
    flex: 1 1 0%;
    border: 1px solid #BFBFBF;
    padding: 5.5px;
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
}

.interactive-tab-box .tab-box .tab-item.active {
    border: 1px solid #53A0FC;
    color: #53A0FC;
}

.interactive-tab-box .tab-content {
    flex-grow: 1;
    padding: 5px;
    overflow-x: hidden;
    overflow-y: auto;
}

.interactive-tab-box .tab-content .article-row {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    padding: 10px 0;
    border-bottom: 1px solid #D9D9D9;
}

.interactive-tab-box .tab-content .article-row:last-child {
    border-bottom: none;
}

.resources-salon-item {
    display: inline-block;
    margin-top: 20px;
    height: 300px;
    position: relative;
    padding: 0 20px;
    /*border-right: 1px solid #D5D5D5;*/
    width: 49%;
}

.resources-salon-item:first-child {
    padding-left: 0;
}

.resources-salon-item:last-child {
    padding-right: 0;
    border-right: none;
}


.fw-scroll-y-list-box {
    display: inline-block;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.resources-salon-item .see-more-box {
    position: absolute;
    top: -40px;
    right: 0;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 20px;
    cursor: pointer;
}

.resources-salon-item:not(:last-child) .see-more-box {
    right: 20px;
}

.resources-salon-item .legal-salon-row {
    display: flex;
    align-items: center;
    padding: 5px 0;
    min-height: 50px;
    cursor: pointer;
    margin-top: -10px;
}

.resources-salon-item .legal-salon-row .title {
    flex: 1 1 0%;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #333333;
    text-align: justify;
    text-align-last: left;
}

.resources-salon-item .legal-salon-row .time {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #999999;
    margin-left: 10px;
}

.resources-salon-item .legal-salon-swiper {
    width: 100%;
    height: 100%;
}

.resources-salon-item .legal-salon-swiper img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.legal-salon-swiper-pagination-box {
    z-index: 10;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: inline-flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
}

.legal-salon-swiper-pagination-box .legal-salon-swiper-title {
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 24px;
    padding: 8px 20px;
    width: calc(100% - 80px);
}

.legal-salon-swiper-pagination-box .legal-salon-swiper-pagination {
    width: 80px;
    position: unset;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 10px;
}

.legal-salon-swiper-pagination-box .legal-salon-swiper-pagination .swiper-pagination-bullet {
    border: 6px solid #FFFFFF;
    opacity: 1;
    margin: 0 1px;
}

.legal-salon-swiper-pagination-box .legal-salon-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 6px solid #57ACFA;
    opacity: 1;
    background: #57ACFA;
}

.fw-common-box {
    margin-top: 10px;
    position: relative;
}

.fw-user-select-none {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.fw-user-select-text {
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    -khtml-user-select: text;
    user-select: text;
}

.bg-swiper-legal {
    background: linear-gradient(270deg, #FFF3DF 0%, #E3F2FD 100%);
    background-size: 100% 100%;
}

.bg-legal-propaganda {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*background-image: url(../img/background/bg-legal-propaganda.png);*/
}


.bg-information-disclosure {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*background-image: url(../img/background/bg-information-disclosure.png);*/
}

.bg-investment-promotion {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*background-image: url(../img/background/bg-investment-promotion.png);*/
}

.information-disclosure-swiper-slide,
.legal-propaganda-swiper-slide {
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 38px;
    height: 142px;
    padding: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /*border: 1px #DADADA solid;*/
    cursor: pointer;
    display: flex;
    align-items: center;
}

.information-disclosure-swiper-slide {
    font-size: 24px;
    color: #333333;
}

.investment-promotion-box {
    margin-top: 20px;
    font-size: 26px;
    font-weight: 500;
    color: #333333;
    line-height: 38px;
    height: 140px;
    padding: 20px 0 20px 50px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.bg-legal-news {
    background-image: url(../img/background/bg-legal-news.png);
}

.bg-legal-movement {
    background-image: url(../img/background/bg-legal-movement.png);
}

.bg-legal-manage {
    background-image: url(../img/background/bg-legal-manage.png);
}

.bg-legal-culture {
    background-image: url(../img/background/bg-legal-culture.png);
}

.bg-legal-online-learning {
    background-image: url(../img/background/bg-legal-online-learning.png);
}

.bg-public-trial-process {
    background-image: url(../img/background/bg-public-trial-process.png);
}

.bg-public-trial-live {
    background-image: url(../img/background/bg-public-trial-live.png);
}

.bg-public-judge-instrument {
    background-image: url(../img/background/bg-public-judge-instrument.png);
}

.bg-public-court-bulletin {
    background-image: url(../img/background/bg-public-court-bulletin.png);
}

.bg-public-dishonesty-exposure {
    background-image: url(../img/background/bg-public-dishonesty-exposure.png);
}

.bg-public-punish-result {
    background-image: url(../img/background/bg-public-punish-result.png);
}

.bg-investment-policy {
    background-image: url(../img/background/bg-investment-policy.png);
}

.bg-investment-project {
    background-image: url(../img/background/bg-investment-project.png);
}

.bg-investment-advisory {
    background-image: url(../img/background/bg-investment-advisory.png);
}

.famous-law-firm-swiper-btn-box,
.information-disclosure-swiper-btn-box,
.legal-propaganda-swiper-btn-box {
    position: absolute;
    top: -34px;
    right: 0;
}

.famous-law-firm-swiper-btn-box span,
.civil-code-swiper-btn-box span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 16px;
    color: #999999;
    border: 2px solid #999999;
    margin-right: 10px;
    background: #DBFCFF;
    cursor: pointer;
}

.information-disclosure-swiper-btn-box span,
.legal-propaganda-swiper-btn-box span {
    margin-right: 6px;
    cursor: pointer;
}

.famous-law-firm-swiper-btn-box span:last-child,
.civil-code-swiper-btn-box span:last-child,
.information-disclosure-swiper-btn-box span:last-child,
.legal-propaganda-swiper-btn-box span:last-child {
    margin-right: 0;
}

.famous-law-firm-swiper-btn-box span,
.civil-code-swiper-btn-box span {
    background: #FFF;
}

.famous-law-firm-swiper-btn-box span.swiper-button-disabled,
.civil-code-swiper-btn-box span.swiper-button-disabled,
.information-disclosure-swiper-btn-box span.swiper-button-disabled,
.legal-propaganda-swiper-btn-box span.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.civil-code-swiper-btn-box {
    position: absolute;
    top: -48px;
    right: 10px;
}

.civil-code-box {
    margin: 0 -20px -20px;
}

.civil-code-box .civil-coe-swiper {
    padding: 20px;
}

.civil-code-book {
    cursor: pointer;
    display: inline-flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.civil-code-book:hover {
    /*transform: scale(1.1, 1.1);*/
}

.civil-code-book .book-name {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 20px;
    text-align: center;
}

.industry-index-box {
    display: inline-flex;
    margin-top: 30px;
    height: 100%;
    width: 100%;
    padding: 20px 20px 20px 0;
    background: #FFF;
}

.industry-index-box .industry-index-tab {
    width: 2.6rem;
    border-right: 1px solid #DDDDDD;
    padding: 0 20px 0 0;
}

.industry-index-box .industry-index-tab .tab-item {
    display: flex;
    align-items: center;
    min-height: 60px;
    padding-left: 0.1rem;
    cursor: pointer;
}

.industry-index-box .industry-index-tab .tab-item .tab-text {
    flex: 1 1 0%;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: 60px;
    margin-left: 18px;
}

.industry-index-box .industry-index-tab .tab-item:hover,
.industry-index-box .industry-index-tab .tab-item.fw-selected {
    background: #53A4FC;
    border-radius: 0 1.3rem 1.3rem 0;
}

.industry-index-box .industry-index-tab .tab-item:hover .tab-text,
.industry-index-box .industry-index-tab .tab-item.fw-selected .tab-text {
    color: #FFF;
}

.industry-index-box .industry-index-content {
    padding-left: 20px;
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 653px;
}

.industry-index-box .industry-index-content .content-title {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #DDDDDD;
    padding: 10px 0;
}

.industry-index-box .industry-index-content .content-title .title-box {
    flex: 1 1 0%;
}

.industry-index-box .industry-index-content .content-title .title-box strong {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    line-height: 28px;
}

.industry-index-box .industry-index-content .content-title .title-box span {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #666666;
    line-height: 22px;
    margin-left: 15px;
    padding: 0 15px;
    border-left: 1px solid #979797;
}

.industry-index-box .industry-index-content .content-title .right-box {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 22px;
    cursor: pointer;
}

.industry-index-box .industry-index-content .content-box {
    flex: 1 1 0%;
}

.fw-common-card-list {
    height: 100%;
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.fw-common-card-list > div {
    width: calc((100% - 20px * 2) / 3);
    margin-top: 20px;
    cursor: pointer;
}

.fw-common-card-list::after {
    content: '';
    width: calc((100% - 20px * 2) / 3);
    visibility: hidden;
}

.fw-avatar-card {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    padding: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.fw-avatar-card .avatar-box {
    width: 100px;
    height: 138px;
}

.fw-avatar-card .info-box {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: calc(100% - 120px);
}

.fw-avatar-card .info-box strong {
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 25px;
}

.fw-avatar-card .info-box span {
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 15px;
}

.fw-avatar-card .info-box strong + span {
    margin-top: 20px;
}

.fw-avatar-card .info-box span + span {
    margin-top: 5px;
}

.special-legal-services-box {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../img/background/bg-window-special-legal-services.png);
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.special-legal-services-box .box-btn {
    font-size: 36px;
    font-weight: 500;
    color: #333333;
    line-height: 50px;
    padding: 15px 30px;
    position: relative;
}

.one-belt-one-road-box {
    background: initial;
    padding: 0;
    flex-direction: row;
    align-items: initial;
}

.one-belt-one-road-box .left-box {
    padding: 20px;
    background: #FFF;
    display: flex;
}

.one-belt-one-road-box .left-box .batch-box {
    margin-left: 10px;
}

.one-belt-one-road-box .left-box .batch-box .batch-box-item {
    margin-top: 10px;
    background: #E1F2FF;
    cursor: pointer;
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc((100% - 10px) / 2);
    padding: 20px 40px;
}

.one-belt-one-road-box .left-box .batch-box .batch-box-item:first-child {
    margin-top: 0;
}

.one-belt-one-road-box .right-box {
    padding: 20px;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.one-belt-one-road-box .btn-bg-box {
    flex: 1 1 0%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.one-belt-one-road-box .left-box .btn-bg-box {
    background-image: url(../img/background/bg-window-typical-case.png);
}

.one-belt-one-road-box .right-box .btn-bg-box {
    background-image: url(../img/background/bg-window-country-law.png);
}

.window-go-out-btn .btn-box,
.one-belt-one-road-btn-item .btn-box,
.one-belt-one-road-box .btn-box {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 60px;
    text-align: center;
}

.window-go-out-btn .btn-box:before,
.one-belt-one-road-btn-item .btn-box:before,
.one-belt-one-road-box .btn-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 30px;
    /*border-top: 8px solid #FFF;*/
    /*border-left: 8px solid #FFF;*/
    /*border-bottom: 8px solid #FFF;*/
}

.window-go-out-btn .btn-box:after,
.one-belt-one-road-btn-item .btn-box:after,
.one-belt-one-road-box .btn-box:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
    /*border-top: 8px solid #FFF;*/
    /*border-right: 8px solid #FFF;*/
    /*border-bottom: 8px solid #FFF;*/
}

.window-go-out-btn .btn-box strong,
.one-belt-one-road-btn-item .btn-box strong,
.one-belt-one-road-box .btn-box strong {
    background: rgba(255, 255, 255, 0.74);
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 33px;
    padding: 4px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.window-go-out-btn .btn-box span,
.one-belt-one-road-btn-item .btn-box span,
.one-belt-one-road-box .btn-box span {
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    margin-top: 10px;
    line-height: 33px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.special-legal-services-box .box-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-top: 4px solid #333333;
    border-left: 4px solid #333333;
}

.special-legal-services-box .box-btn:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border-bottom: 4px solid #333333;
    border-right: 4px solid #333333;
}

.famous-law-firm-swiper {
    height: 384px;
    padding: 5px 0;
}

.famous-law-firm-swiper .swiper-slide {
    height: calc((100% - 20px) / 2);
}

.famous-law-firm-card {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    padding: 20px;
    cursor: pointer;
    display: flex;
}

.famous-law-firm-card img {
    width: 100px;
    min-height: 140px;
}

.famous-law-firm-card .info-box {
    margin-left: 20px;
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.famous-law-firm-card .info-box strong {
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    line-height: 28px;
}

.famous-law-firm-card .info-box strong:first-child {
    font-size: 16px;
    line-height: 22px;
}

.famous-law-firm-card .info-box span {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
}

.fw-upload-btn,
.fw-common-link-btn,
.fw-common-smart-link-btn,
.fw-common-blank-link-btn,
.fw-common-self-link-btn {
    cursor: pointer;

}

.fw-common-navbar {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    padding: 0 10px;
}

.fw-tab-data-box {
    display: inline-flex;
    margin-top: 20px;
    height: 100%;
    width: 100%;
    padding: 0 20px 0 0;
    background: #FFF;
}

.fw-tab-data-box .tab-box {
    width: 240px;
    border-right: 1px solid #DDDDDD;
    padding: 20px 20px 20px 0;
}

.fw-tab-data-box .tab-box .tab-title {
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    min-height: 80px;
    display: flex;
    align-items: center;
    padding-left: 40px;
}

.fw-tab-data-box .tab-box .tab-item {
    display: flex;
    align-items: center;
    min-height: 60px;
    cursor: pointer;
}

.fw-tab-data-box .tab-box .tab-item.sub-tab-item {
    padding-left: 75px;
}

.fw-tab-data-box .tab-box .tab-item .tab-text {
    flex: 1 1 0%;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: 60px;
    text-align: center;
}

.fw-tab-data-box .tab-box .tab-item:not(.disabled):hover,
.fw-tab-data-box .tab-box .tab-item:not(.disabled).fw-selected {
    background: #53A4FC;
    border-radius: 0 100px 100px 0;
    color: #FFF;
}

.fw-tab-data-box .tab-box .tab-item:not(.disabled):hover .tab-text,
.fw-tab-data-box .tab-box .tab-item:not(.disabled).fw-selected .tab-text {
    color: #FFF;
}

.fw-tab-data-box .content-box {
    padding: 20px 0 20px 20px;
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    /*overflow: hidden;*/
}

.fw-tab-data-box .content-box .content-title {
    padding: 5px 0;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 25px;
    border-bottom: 1px solid #DDDDDD;
}

.fw-tab-data-box .content-box .content-title-tab-btn {
    display: flex;
    border-bottom: 1px solid #DDDDDD;
}

.fw-tab-data-box .content-box .content-title-tab-btn .btn-box {
    text-align: center;
}

.fw-tab-data-box .content-box .content-title-tab-btn .btn-box .btn-item {
    background: #53A4FC;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 28px;
    padding: 2px 12px;
    margin-right: 10px;
}

.fw-tab-data-box .content-box .content-title-tab-btn .btn-box .btn-item:last-child {
    margin-right: 0;
}

.fw-tab-data-box .content-box .content-title-tab {
    flex: 1 1 0%;
    font-size: 0;
}

.fw-tab-data-box .content-box .content-title-tab .content-title-tab-item {
    display: inline-block;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 25px;
    position: relative;
    cursor: pointer;
}

.fw-tab-data-box .content-box .content-title-tab .content-title-tab-item.active {
    font-weight: 500;
}

.fw-tab-data-box .content-box .content-title-tab .content-title-tab-item.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 4px;
    background: #53A4FC;
}

.fw-tab-data-box .content-box .content-data {
    flex-grow: 1;
    padding-top: 20px;
}

.white-space-nowrap {
    white-space: nowrap;
}

.margin-top-20 {
    margin-top: 20px;
}

.fw-common-table {
    width: 100%;
    min-height: 450px;
}

.fw-common-table table {
    width: 100%;
    border: 1px solid #DDDDDD;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 20px;
}

.fw-common-table tr {
    min-height: 40px;
}

.fw-common-table th {
    line-height: 24px;
    background: #EDF5FE;
    text-align: center;
    border: 1px solid #DDDDDD;
    padding: 8px 10px;
    white-space: nowrap;
    font-weight: 500;
}

.fw-common-table td {
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    padding: 8px 10px;
}

.fw-common-table td .btn {
    display: inline-block;
    margin: 0 10px;
    font-weight: 500;
    padding: 0;
    color: #53A4FC;
    border: none;
}


.fw-page-table {
    width: 100%;
}

.fw-page-table table {
    width: 100%;
    border: 1px solid #DDDDDD;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 20px;
}

.fw-page-table tr {
    min-height: 50px;
}

.fw-page-table th {
    line-height: 33px;
    background: #EDF5FE;
    text-align: center;
    border: 1px solid #DDDDDD;
    padding: 24px 10px;
    font-weight: 500;
    font-size: 24px;
    color: #333333;
}

.fw-page-table td {
    padding: 10px;
    text-align: center;
    border: 1px solid #DDDDDD;
    min-height: 50px;
    height: 28px;
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    line-height: 28px;
}

.fw-page-table td .btn {
    display: inline-block;
    margin: 0 10px;
    font-weight: 500;
    padding: 0;
    color: #53A4FC;
    border: none;
}

.fw-page-table-search-box {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
}

.fw-page-table-search-box .search-input {
    border: 1px #DDDDDD solid;
    line-height: 20px;
    padding: 10px 20px;
    margin-right: 10px;
}

.fw-page-table-search-box .search-btn {
    background: #79B5FF;
    padding-right: 20px;
    padding-left: 20px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 15px;
}


.fw-common-dialog-content {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
}

.fw-audit-result-box {

}

.fw-audit-result-box td {
    border: 1px solid #DDDDDD;
    line-height: 24px;
    padding: 8px 10px;
    height: 40px;
}

.fw-audit-result-box .row-title {
    background: #EDF5FE;
    font-weight: 500;
    white-space: nowrap;
    text-align: right;
    width: auto;
}

.fw-common-search-box {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 20px;
}

.fw-common-search-box input {
    width: 100%;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    margin-bottom: 0;
    height: 30px;
}

.fw-common-search-box table {
    width: 100%;
}

.fw-common-search-box td {
    border: 1px solid #DDDDDD;
    line-height: 24px;
    padding: 13px 10px;
}

.fw-common-search-box .search-label {
    font-weight: 500;
    white-space: nowrap;
    text-align: right;
    background: #EDF5FE;
}

.fw-common-search-box .search-btn-box {
    white-space: nowrap;
    padding: 10px 7.5px;
    font-size: 0;
    text-align: center;
}

.fw-common-search-box .search-btn-box span {
    display: inline-block;
    border: 1px solid #DDDDDD;
    font-size: 16px;
    border-radius: 4px;
    padding: 3px 14px;
    margin: 0 2.5px;
    cursor: pointer;
}

.fw-common-search-box .search-btn-box span.highlight {
    color: #FFF;
    background: #53A4FC;
}

.user-advisory-detail-box {
     background: #FFF;
}

.user-advisory-detail-box .title-box {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.user-advisory-detail-box .title-box .title-text {
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    line-height: 28px;
}

.user-advisory-detail-box table {
    width: 100%;
}

.user-advisory-detail-box table td {
    border: 1px solid #DDDDDD;
    line-height: 24px;
    padding: 13px 10px;
    width: 30%;
}

.user-advisory-detail-box table .info-label {
    font-weight: 500;
    white-space: nowrap;
    text-align: right;
    background: #EDF5FE;
    width: 20%;
}

.user-advisory-detail-box table .one-row-info-text {
    width: 80%;
}

.technology-index-box {
    align-items: stretch !important;
}

.technology-index-card {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFF;
}

.technology-index-card .title-box {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    width: 100%;
}

.technology-index-card .title-box strong,
.technology-index-card .title-box span {
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 33px;
}


.technology-index-card .title-box strong {
    flex: 1 1 0%;
}

.technology-index-card .title-box span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    color: #666;
}


.technology-index-card .summary-box {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 25px;
    flex: 1 1 0%;
    margin-bottom: 20px;
    text-align: justify;
    text-align-last: left;
    width: 100%;
}

.technology-index-card img {
    height: auto;
    width: 100%;
}

.technology-ocr-box {
    align-items: stretch !important;
    margin: 20px 0;
}

.technology-ocr-box > div {
    min-height: 400px;
    border: 1px solid #DDDDDD;
    font-size: 14px;
}

.technology-ocr-box > div img {
    width: 100%;
    height: auto;
}

.fw-common-btn-box {
    text-align: center;
}

.fw-common-btn-box .fw-common-btn {
    display: inline-block;
    text-align: center;
    background: #5BACF6;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 25px;
    padding: 7.5px 30px;
    margin: 0 10px;
    cursor: pointer;
}

.fw-common-info-table {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    table-layout: fixed;
}

.fw-common-info-table td {
    border: 1px solid #DDDDDD;
    line-height: 24px;
    padding: 13px 10px;
}

.fw-common-info-table .info-label {
    font-weight: 500;
    text-align: right;
    background: #EDF5FE;
    width: 180px;
    padding: 13px 5px 13px 10px;
}

.fw-common-info-table .two-info-row .info-value {
    width: calc(50% - 160px);
}

.fw-common-info-table img {
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.fw-common-info-table .two-info-photo-row .info-value {
    width: calc((100% - 120px) / 2 - 160px);
}

.fw-common-info-table .two-info-photo-row .info-value:last-child {
    width: 120px;
}

.fw-common-info-table .info-value .value-with-unit {
    display: flex;
    align-items: center;
    height: 100%;
}

.fw-common-info-table .info-value .value-with-unit input {
    flex: 1 1 0%;
}

.fw-common-info-table .info-value .value-with-unit span {
    white-space: nowrap;
    margin-left: 5px;
}

.fw-common-info-table input,
.fw-common-info-table select,
.fw-common-info-table textarea {
    width: 100%;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    padding: 5px;
    margin: 0;
    height: auto;
    font-size: 16px;
    line-height: 21px;
}

.fw-common-info-table textarea {
    resize: none;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none;
}

.interactive-user-index-apply .fw-tab-data-box {
    flex-direction: column;
    padding: 0;
    margin: 0;
}

.interactive-user-index-apply .fw-tab-data-box .content-box {
    padding: 20px;
}

.interactive-user-index-apply .fw-tab-data-box .content-data .tab-content-item {
    display: none;
}

.interactive-user-index-apply .fw-tab-data-box .content-data .tab-content-item.active {
    display: block;
}

.index-apply-select {
    display: flex;
    align-items: center;
    padding: 20px 20px 0;
}

.index-apply-select .select-label {
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    height: 30px;
    line-height: 30px;
}

.index-apply-select .select-box {
    flex: 1 1 0%;
    margin-left: 20px;
}

.index-apply-select .select-box select {
    width: 100%;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    padding: 7px 10px;
}

.index-apply-select .select-box select:focus {
    outline: none;
}

.fw-page-content-20 {
    margin-top: 20px;
    padding: 20px;
    background: #FFF;
}

.fw-page-content-20 .fw-common-info-head {
    margin: 0;
}

.organization-info-navbar {
    display: block;
    margin-top: 0;
    padding-top: 30px;
}

.famous-law-firm-btn {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../img/background/bg-famous-law-firm-btn.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    font-size: 30px;
    font-weight: 500;
    color: #494949;
    line-height: 42px;
    letter-spacing: 6px;
}

.window-services-btn {
    margin-top: 20px;
    height: 180px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 20px 60px;
}

.window-services-btn.taiwan {
    background-image: url(../img/background/bg-legal-services-taiwan.png);
}

.window-services-btn.hong-kong-macau {
    background-image: url(../img/background/bg-legal-services-hong-kong-macau.png);
}

.window-services-btn.foreign-laws {
    background-image: url(../img/background/bg-foreign-laws.png);
}

.window-services-btn.foreign-typical-case {
    background-image: url(../img/background/bg-foreign-typical-case.png);
}

.window-services-btn .btn-title {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.window-services-btn .btn-title strong {
    display: inline-flex;
    height: 36px;
    width: 36px;
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 2px;
}

.window-services-btn.taiwan .btn-title strong {
    background: #EEB969;
}

.window-services-btn.hong-kong-macau .btn-title strong {
    background: #9BB0D3;
}

.window-services-btn.foreign-laws .btn-title strong,
.window-services-btn.foreign-typical-case .btn-title strong {
    background: #ABCAFF;
}

.window-services-btn .btn-title span {
    flex: 1 1 0%;
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    color: #474747;
    line-height: 33px;
    margin-left: 10px;
}

.window-go-out-btn {
    height: 120px;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-image: url(../img/background/bg-window-go-out.png);
    display: flex;
    align-items: center;
    justify-content: center;
}

.window-go-out-btn .btn-box span {
    font-size: 24px;
    font-weight: 500;
    color: #474747;
    line-height: 33px;
    letter-spacing: 2px;
    margin: 0;
    text-align: center;
}

.window-go-out-btn .btn-box span:first-child {
    margin-top: 10px;
}

.window-go-out-btn .btn-box span:last-child {
    margin-bottom: 10px;
}

.one-belt-one-road-btn-item {
    margin-top: 20px;
    height: 180px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.one-belt-one-road-btn-item.book {
    background-image: url(../img/background/bg-one-belt-one-road-book.png);
}

.one-belt-one-road-btn-item.typical-case {
    background-image: url(../img/background/bg-one-belt-one-road-typical-case.png);
}

.one-belt-one-road-btn-item .left-box {
    flex: 1 1 0%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.one-belt-one-road-btn-item .right-box {
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.one-belt-one-road-btn-item .right-box div {
    height: calc((100% - 20px) / 2);
    background: #FFFFFF;
    border-radius: 8px;
    font-size: 22px;
    font-weight: 500;
    color: #333333;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 40px;
}

.index-window-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.index-window-btn {
    width: calc((100% - 10px) / 2);
    height: 90px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index-window-btn div {
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    width: 96px;
    height: 68px;
}

.index-window-btn div strong {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.index-window-btn.index-internation-law {
    background: #E9EDFE;
}

.index-window-btn.index-internation-law div strong {
    color: #998BCA;
}

.index-window-btn.index-internation-law div {
    background-image: url(../img/background/bg-index-internation-law.png);
}

.index-window-btn.index-internation-arbitrate {
    background: #E2EEFF;
}

.index-window-btn.index-internation-arbitrate div strong {
    color: #6897E4;
}

.index-window-btn.index-internation-arbitrate div {
    background-image: url(../img/background/bg-index-internation-arbitrate.png);
}

.index-window-btn.index-online-interactive {
    background: #E2EEFF;
}

.index-window-btn.index-online-interactive div strong {
    color: #6897E4;
}

.index-window-btn.index-online-interactive div {
    background-image: url(../img/background/bg-index-online-interactive.png);
}

.index-window-btn.index-legal-salon {
    background: #E9EDFE ;
}

.index-window-btn.index-legal-salon div strong {
    color: #998BCA;
}

.index-window-btn.index-legal-salon div {
    background-image: url(../img/background/bg-index-legal-salon.png);
}

.fw-list-search-box {
    padding: 20px 40px;
    border-bottom: 1px solid #DDDDDD;
}

.fw-list-search-box .search-row {
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.fw-list-search-box .search-row .search-label {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    padding: 8px 10px 8px 0;
}

.fw-list-search-box .search-row .search-content {
    flex: 1 1 0%;
}

.fw-list-search-box .search-row .search-content input {
    min-height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    padding: 0 13px;
    margin: 5px 5px;
    width: 100%;
    max-width: 250px;
}

.consult-matter-select-box {
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.consult-matter-select-box .consult-matter-search-box {
    display: flex;
    align-items: center;
}

.consult-matter-search-box .search-box {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.consult-matter-search-box .search-box .search-item {
    width: calc((100% - 20px) / 2);
    display: flex;
    align-items: center;
}

.consult-matter-search-box .search-box .search-item .item-label {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    padding: 8px 0;
}

.consult-matter-search-box .search-box .search-item .item-content {
    flex: 1 1 0%;
}

.consult-matter-search-box .search-box .search-item .item-content input,
.consult-matter-search-box .search-box .search-item .item-content select {
    width: 100%;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    border: 1px solid #CCCCCC;
}

.consult-matter-search-box .btn-box {
    display: flex;
    align-items: center;
}

.consult-matter-search-box .btn-box .btn-item {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    padding: 6px 20px;
    margin-left: 10px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.consult-matter-search-box .btn-box .btn-item.search {
    background: #53A4FC;
}

.consult-matter-search-box .btn-box .btn-item.reset {
    background: #F7B500;
}

.consult-matter-select-box .content-box {
    flex: 1 1 0%;
    margin-top: 15px;
    overflow: hidden;
}

.consult-matter-select-box .content-box .data-list {
    height: calc(100% - 45px);
}

.consult-matter-select-box .content-box .data-list > div {
    border: 1px solid #DDDDDD;
}

.consult-matter-select-box .content-box .data-list table {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    table-layout: fixed;
}

.consult-matter-select-box .content-box .data-list table th {
    font-weight: 500;
    text-align: center;
    background: rgba(83, 164, 252, 0.1);
    padding: 14px 10px;
    line-height: 22px;
}

.consult-matter-select-box table th:nth-child(1),
.consult-matter-select-box table td:nth-child(1) {
    width: 55px;
}

.consult-matter-select-box table th:nth-child(2),
.consult-matter-select-box table td:nth-child(2) {
    width: 55px;
}

.consult-matter-select-box table th:nth-child(3),
.consult-matter-select-box table td:nth-child(3) {
    width: 250px;
}

.consult-matter-select-box table th:nth-child(4),
.consult-matter-select-box table td:nth-child(4) {
    width: calc(100% - 360px);
}

.consult-matter-select-box table th:nth-child(5),
.consult-matter-select-box table td:nth-child(5) {
    /*width: calc((100% - 110px) / 3);*/
}

.consult-matter-select-box .content-box .data-list table td {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 14px 10px;
    line-height: 22px;
    text-align: center;
}

.consult-matter-select-box .content-box .data-list table tr:first-child td {
    border-top: none;
}

.consult-matter-select-box .content-box .data-list table tr:last-child td {
    border-bottom: none;
}

.consult-matter-select-box .content-box .fw-pagination-box {
    margin-top: 15px;
}

.consult-matter-select-box .content-box .select-btn-box {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.consult-matter-select-box .content-box .select-btn-box {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #FFF;
    border: 1px solid #999999;
}

.consult-matter-select-box .content-box tr.fw-selected .select-btn-box {
    border: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #53A4FC;
    position: relative;
}

.consult-matter-select-box .content-box tr.fw-selected .select-btn-box::after {
    content: '\00a0';
    display: inline-block;
    border: 2px solid #fff;
    border-top-width: 0;
    border-right-width: 0;
    width: 12px;
    height: 6.5px;
    transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    position: absolute;
    top: 5.5px;
    left: 4px;
}

.fw-two-column,
.fw-three-column,
.fw-four-column,
.fw-six-column {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fw-three-column-wdyy{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fw-three-column-wdyy>div{
    width: 32% !important;
}
.fw-two-column.fw-common-card-list::after,
.fw-two-column > div {
    width: calc((100% - 20px * 1) / 2);
}

.fw-three-column > div {
    width: calc((100% - 20px * 2) / 3);
}

.fw-four-column > div {
    width: calc((100% - 20px * 3) / 4);
}

.fw-six-column > div {
    width: calc((100% - 20px * 5) / 6);
}

.office-service .data-box .data-box-item {
    flex-direction: column;
    align-items: normal;
}

.office-service .data-box .data-box-item .title {
    line-height: 25px;
    margin: 12px 0 0;
    display: flex;
    align-items: center;
}

.service-index .fw-common-avatar-card,
.information-column .data-list-box .data-list-item,
.office-service .data-box .data-box-item,
.service-organization .data-box .data-box-item,
.service-personnel .data-box .data-box-item {
    cursor: pointer;
}

.service-index .fw-common-info-head .info-box {
    margin-left: 0;
}

.service-index .fw-common-info-head > div {
    background-image: url(null);
}

.fw-tbzj {
    margin-left: 145px;
    color: #79B5FF;
    font-size: 16px;
    font-weight: 500;
    margin-top: -23px;
}

.information-column .search-box .row-box .row-title {
    width: 55px;
}

.test-index-page {
    font-size: 20px;
    text-align: center;
    border: 1px solid #FFF;
}

.test-index-page div {
    display: inline-block;
    margin: 20px;
    border: 1px solid #FFF;
    border-radius: 20px;
    padding: 10px 20px;
}

.test-index-page a {
    color: #FFFFFF
}

.aui_title {
}

.aui_content {
    overflow-y: scroll;
    width: 100%;
    font-size: 16px;
}

.aui_main,
.aui_buttons {
    font-size: 0;
}

.page-path {
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    margin: 0px 0px 18px 20px;
}

.page-path a {
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    text-decoration: none;
}

.page-body {
    background-color: #FFF;
    padding: 0.2rem;
}

.row-box {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    display: flex;
    align-items: center;
    margin: 0px 0px 0px 0px;
}

.search-box-new {
    height: 48px;
    background: #FFFFFF;
}

.search-input-box {
    float: left;
    display: block;
    width: 75%;
    height: 30px;
    margin: 9px 0px 9px 40px;
    padding: 3px 0px;
}

.search-input {
    font-weight: 400;
    color: #999999;
    line-height: 22px;
    font-size: 16px;
    outline: none;
    border-style: none;
    width: 100%;
}

.search-btn-box {
    float: right;
    display: block;
    border-radius: 4px;
    background: #53A4FC;
    margin: 9px 40px 9px 0px;
}

.search-btn {
    width: 80px;
    height: 30px;
    background: #53A4FC;
    border-radius: 4px;
    border: none;
    padding: 0px; /*去掉button按钮的内边距*/
}

.search-font {
    width: 44px;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    text-align-last: justify;
    padding: 0px;
    margin: 4px 18px;
}

.row-title {
    float: left;
    width: 58px;
    height: 25px;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 25px;
}

.margin-leftright10 {
    margin: 0 10px;
}

[contenteditable="true"], input, textarea {
    -webkit-user-select: auto !important;
    -khtml-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    -o-user-select: auto !important;
    user-select: auto !important;
}

.card-app-row-label {
    width: 70px;
    color: #333;
    font-size: 16px;
    text-align: left;
    padding: 10px;
}

.ztree a {
    text-decoration: none !important;
}

.interactive-index .fw-fyfw {
    background: #95C4FF;
}

.interactive-index .fw-fyfw .fw-biggest-icon {
    background-image: url(../img/icon/icon-service-court-1.png);
}

.interactive-index .fw-jcyfw {
    background: #83DCFF;
}

.interactive-index .fw-jcyfw .fw-biggest-icon {
    background-image: url(../img/icon/icon-service-procurator-1.png);
}

.interactive-index .fw-gzfw {
    background: #95D1FF;
}

.interactive-index .fw-gzfw .fw-biggest-icon {
    background-image: url(../img/icon/icon-service-notarization-1.png);
}

.interactive-index .fw-zcfw {
    background: #B1C4FF;
}

.interactive-index .fw-zcfw .fw-biggest-icon {
    background-image: url(../img/icon/icon-service-arbitration-1.png);
}

.interactive-index .fw-lslsfw {
    background: #B1C4FF;
}

.interactive-index .fw-lslsfw .fw-biggest-icon {
    background-image: url(../img/icon/icon-service-lawyer-1.png);
}

.interactive-index .fw-sfjdfw {
    background: #95D1FF;
}

.interactive-index .fw-sfjdfw .fw-biggest-icon {
    background-image: url(../img/icon/icon-service-appraise-1.png);
}

.interactive-index .fw-kjfw {
    background: #95C4FF;
}

.interactive-index .fw-kjfw .fw-biggest-icon {
    background-image: url(../img/icon/icon-service-accounting-1.png);
}

.interactive-index .fw-swfw {
    background: #B1D4FF;
}

.interactive-index .fw-swfw .fw-biggest-icon {
    background-image: url(../img/icon/icon-service-taxation-1.png);
}

.interactive-index .fw-zcpgfw {
    background: #83DCFF;
}

.interactive-index .fw-zcpgfw .fw-biggest-icon {
    background-image: url(../img/icon/icon-service-assets-1.png);
}

.interactive-index .fw-zscqfw {
    background: #5DE0E0;
}

.interactive-index .fw-zscqfw .fw-biggest-icon {
    background-image: url(../img/icon/icon-service-property-1.png);
}

.interactive-index .fw-fyfw .btn-text,
.interactive-index .fw-jcyfw .btn-text,
.interactive-index .fw-gafw .btn-text,
.interactive-index .fw-gzfw .btn-text,
.interactive-index .fw-zcfw .btn-text,
.interactive-index .fw-lslsfw .btn-text,
.interactive-index .fw-sfjdfw .btn-text,
.interactive-index .fw-kjfw .btn-text,
.interactive-index .fw-swfw .btn-text,
.interactive-index .fw-zcpgfw .btn-text,
.interactive-index .fw-zscqfw .btn-text,
.resources-index .fw-flyj .btn-text,
.resources-index .fw-htmb .btn-text,
.resources-index .fw-yasf .btn-text,
.resources-index .fw-ssws .btn-text,
.resources-index .fw-fsgs .btn-text,
.resources-index .fw-fyal .btn-text,
.resources-index .fw-fxjy .btn-text,
.resources-index .fw-hxfz .btn-text,
.resources-index .fw-sfjs .btn-text,
.resources-index .fw-rcfw .btn-text,
.resources-index .fw-fwbk .btn-text,
.resources-index .fw-zbsq .btn-text,
.resources-index .fw-pxjz .btn-text {
    color: #333333;
}

.resources-index .fw-flyj {
    /*background: #B1C4FF;*/
}

.resources-index .fw-flyj .fw-large-icon {
    background-image: url(../img/icon/icon-legal-examination.png);
    background-size: 50% 75%;
}

.resources-index .fw-htmb {
    /*background: #95D1FF;*/
}

.resources-index .fw-htmb .fw-large-icon {
    background-image: url(../img/icon/icon-contract-template.png);
    background-size: 50% 75%;
}

.resources-index .fw-yasf {
    /*background: #83DCFF;*/
}

.resources-index .fw-yasf .fw-large-icon {
    background-image: url(../img/icon/icon-legal-by-case.png);
    background-size: 50% 75%;
}

.resources-index .fw-fwbk .fw-fwbk-icon {
    background-image: url(../img/icon/icon-fwbk.png);
    background-size: 50% 75%;
}

.resources-index .fw-ssws {
    /*background: #95C4FF;*/
}

.resources-index .fw-ssws .fw-large-icon {
    background-image: url(../img/icon/icon-lawsuit-document.png);
    background-size: 50% 75%;
}

.resources-index .fw-fsgs {
    /*background: #5DE0E0;*/
}

.resources-index .fw-fsgs .fw-large-icon {
    background-image: url(../img/icon/icon-legal-story.png);
    background-size: 50% 75%;
}

.resources-index .fw-fyal {
    /*background: #B1C4FF;*/
}

.resources-index .fw-fyal .fw-large-icon {
    background-image: url(../img/icon/icon-legal-case.png);
    background-size: 50% 75%;
}

.resources-index .fw-fxjy {
    /*background: #95D1FF;*/
}

.resources-index .fw-fxjy .fw-large-icon {
    background-image: url(../img/icon/icon-legal-education.png);
    background-size: 50% 75%;
}

.resources-index .fw-hxfz {
    /*background: #83DCFF;*/
}

.resources-index .fw-hxfz .fw-large-icon {
    background-image: url(../img/icon/icon-resource-legal-channel.png);
    background-size: 50% 75%;
}

.resources-index .fw-sfjs {
    /*background: #B1C4FF;*/
}

.resources-index .fw-sfjs .fw-large-icon {
    background-image: url(../img/icon/icon-legal-explanation.png);
    background-size: 50% 75%;
}

.resources-index .fw-rcfw {
    /*background: #95D1FF;*/
}

.resources-index .fw-rcfw .fw-large-icon {
    background-image: url(../img/icon/icon-resource-talent-service.png);
    background-size: 50% 75%;
}

.resources-index .fw-zbsq {
    /*background: #83DCFF;*/
}

.resources-index .fw-zbsq .fw-large-icon {
    background-image: url(../img/icon/icon-tender-demand.png);
    background-size: 50% 75%;
}

.resources-index .fw-pxjz {
    /*background: #95C4FF;*/
}

.resources-index .fw-pxjz .fw-large-icon {
    background-image: url(../img/icon/icon-resource-training-seminar.png);
    background-size: 50% 75%;
}

@media screen and (max-width: 768px){
    .interactive-one-click-appointment-box{
        width:100%;
        background-size:100% 100%
    }
    .interactive-one-click-appointment-box span{
        font-size:20px;
        margin:30px 15px;
        width:45px;
        height:45px;
    }

    /*首页*/
    .fw-index-center-box{
        flex-flow:column
    }
    .fw-index-video{
        width:100%!important;
        height:auto;
    }
    .fw-index-center-box .fw-index-center{
        width:100%!important;
        margin-left: unset!important;
        height:360px;
    }
    .fw-index-center .fw-index-hover-center-bg {
        width: 100%;
        height: 360px;
        padding: 20px;
        position: absolute;
        z-index: 999;
        background-color: rgba(8, 8, 8, 0.31);
    }

    .fw-index-center .fw-index-hover-center-bg .hover-text strong {
        font-family: fwxk, PingFangSC-Medium, PingFang SC, "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #FFFFFF;
        width: 100%;
        height: 30px;
        line-height: 22px;
        font-size: 22px;
    }

    .fw-index-center .fw-index-hover-center-bg .hover-btn-group .hover-btn {
        height: 135px;
        width: 33%;
        padding: 20px 64px 0;
        display: inline-block;
    }

    .fw-index-center .fw-index-hover-center-bg .hover-btn-group .hover-btn .btn-icon {
        width: 75px;
        height: 75px;
        border-radius: 50%;
    }

    .fw-index-center .fw-index-hover-center-bg .hover-btn-group .hover-btn .btn-text {
        width: 75px;
        margin-top: 10px;
        color: #FFFFFF;
        font-size: 16px;
        text-align: center;
    }
}

@media screen and (max-width: 650px){
    .interactive-one-click-appointment-box span{
        margin:30px 8px;
    }
}
@media screen and (max-width: 550px){
    .interactive-one-click-appointment-box{
        padding-left:20px;
    }
}

.fw-two-container {
    background-color: #FFFFFF;
    padding: 20px;
    margin-top: 20px;
}

.fw-two-container .fw-two-box-container {
    width: 100%;
    padding: 20px;
}

.fw-two-container .fw-two-box-container .fw-container-box {
    width: 600px;
    background-color: #FFFFFF;
    padding: 46px;
    display: inline-flex;
}

.fw-two-container .fw-two-box-container .fw-container-box .fw-inner-box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.fw-two-container .fw-two-box-container .fw-container-box .fw-inner-box .text-box span {
    border-radius: 50%;
    color: #FFFFFF;
    background-color: #EEB969;
    font-size: 24px;
    margin: 0 4px;
    line-height: 36px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    justify-content: center;
}

.fw-title-vertical-yellow {
    width: 4px;
    height: 24px;
    background-color: #D7AF63;
}

.fw-title-vertical-blue {
    width: 4px;
    height: 20px;
    background-color: #0385EA;
}

.consult-service-info-box {
    margin-top: 10px;
    width: 300px;
    height: 180px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    display: flex;
    align-items: flex-end;
}

.consult-service-info-box .info-text {
    width: 100%;
    text-align: center;
    background-color: #F7F7F7;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 42px;
    height: 40px;
}

.bg-service-fwzx {
    background-image: url(../img/background/bg-service-fwzx.png);
}

.bg-service-fwrx {
    background-image: url(../img/background/bg-service-fwrx.png);
}

.bg-service-cjwt {
    background-image: url(../img/background/bg-service-cjwt.png);
}

.handle-affairs-box1 {
    margin-top: 12px;
    border: 1px #DDDDDD solid;
    width: 100%;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.handle-affairs-box1 .box1-icon {
    height: 40px;
    width: 40px;
}

.handle-affairs-box1 .box1-title {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 28px;
}

.handle-affairs-box1 .box1-text-group {
    margin-top: 20px;
    display: flex;
}


.handle-affairs-box1 .box1-text-group .box1-text {
    font-size: 12px;
    text-align: center;
    font-weight: 400;
    color: #999999;
    line-height: 22px;
    margin-top: -10px;
}

.handle-affairs-box1 .box1-text-group .box1-text:hover {
    font-size: 12px;
    font-weight: 400;
    color: #53A4FC;
    line-height: 22px;
}

.handle-affairs-box1 .box1-text-group .box1-text span {
    padding: 0 4px;
    font-weight: 500;
}

.handle-affairs-box2 {
    margin-top: 12px;
    border: 1px #DDDDDD solid;
    width: 100%;
    padding: 10px;
    display: flex;
    height: 150px;
    flex-direction: row;
    align-items: center;
}

.handle-affairs-box2 .box2-img-group {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.handle-affairs-box2 .box2-img-group .box2-img {
    width: 60px;
    height: 60px;
    margin-left: -10px;
}

.handle-affairs-box2 .box2-img-group .box2-img-title {
    margin-top: 10px;
    height: 28px;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 28px;
    margin-left: -14px;
}

.handle-affairs-box2 .box2-text-group {
    width: 72%;
    height: 153px;
}

.handle-affairs-box2 .box2-text-group .box2-text {
    margin-top: 20px;
    width: 90px;
    display: inline-block;
    height: 22px;
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    line-height: 22px;
}

.handle-affairs-box2 .box2-text-group .box2-text:hover {
    margin-top: 20px;
    width: 102px;
    display: inline-block;
    height: 22px;
    font-size: 12px;
    font-weight: 400;
    color: #53A4FC;
    line-height: 22px;
}

.handle-affairs-box2 .box2-text-group .box2-text span {
    padding: 0 3px;
    color: #79B5FF;
}

.handle-affairs-box3 {
    margin-top: 14px;
    padding: 12px 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 1px #DDDDDD solid;
}

.handle-affairs-box3 .box3-img {
    width: 40px;
    height: 40px;
    margin-left: -70px;
    /*background-repeat: no-repeat;*/
}

.handle-affairs-box3 .box3-text {
    margin-right: -80px;
    height: 28px;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 28px;
    padding: 0 10px;
}

.handle-affairs-box4 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    margin-top: 20px;
    background-size: 100% auto;
    padding: 56px 0;
}

.handle-affairs-box4 .box4-title-yellow strong {
    background-color: #EEB969;
    border-radius: 50%;
    margin: 0 2px;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 30px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
}

.handle-affairs-box4 .box4-title-blue strong {
    background-color: #A3CEEA;
    border-radius: 50%;
    margin: 0 2px;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 30px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
}

.handle-affairs-box4 .box4-title-purple strong {
    background-color: #9BB0D3;
    border-radius: 50%;
    margin: 0 2px;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 30px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
}

.search-service-box {
    padding: 40px 50px;
    margin-top: 10px;
    background-size: 100% auto;
    min-height: 100px;
}

.search-service-box .search-service-box-title {
    height: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 24px;
    width: 45px;
    margin-left: -40px;
    margin-top: -30px;
}

.bg-service-dtbj {
    background: url("../img/background/bg-service-dtbj.png")
}

.bg-service-wdyy {
    background: url("../img/background/bg-service-wdyy.png")
}

.bg-service-wdzx {
    background: url("../img/background/bg-service-wdzx.png")
}

.info-read-box {
    margin-top: 10px;
    border: 1px solid #DDDDDD;
}

.info-read-box .info-read-title-group {
    background: linear-gradient(180deg, #E4F1FB 0%, #FFFFFF 100%);
    display: flex;
    padding: 20px 20px 6px;
}

.info-read-box .info-read-title-group .title-text {
    flex: 1;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 28px;
}

.info-read-box .info-read-title-group .switch-btn-group {
    flex: 1;
    display: inline-flex;
}

.info-read-box .info-read-title-group .switch-btn-group .switch-btn {
    width: 70px;
    height: 25px;
    font-size: 16px;
    font-weight: 500;
    color: #999999;
    line-height: 28px;
}

.info-read-box .info-read-title-group .switch-btn-group .switch-btn.select {
    color: #0385EA;
}

.info-read-box .info-read-title-group .title-more-btn {
    width: 96px;
    height: 32px;
    background: #79B5FF;
    border-radius: 21px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.info-read-box .content-text {
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    text-align: justify;
    text-indent: 32px;
}

.info-read-box .content-item-group {
    height: 246px;
    display: block;
    padding: 0 20px;
}

.info-read-box .content-item-group .content-item {
    height: 50px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 50px;
}

.info-read-box .content-item-group .content-item span {
    margin-right: 8px;
}

.fw-self-service-box {
    height: 180px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fw-self-service-box .self-service-text {

}

.fw-self-service-box .self-service-text span {
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    background: #EEB969;
    margin: 0 2px;
    border-radius: 50%;
    line-height: 30px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
}

.custom-server-title-box {
    display: flex;
    margin-top: 30px;
}

.custom-server-title-box .item-group {
    display: inline-flex;
    flex: 1;
}

.custom-server-title-box .item-group .box-title {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 25px;
    width: 100px;
    padding: 8px 0;
}

.custom-server-title-box .more {
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 12px;
}

.custom-service-lawyer {
    display: inline-flex;
}

.custom-service-lawyer .custom-service-select-box {
    height: auto;
    width: 320px;
    margin-top: 20px;
}

.custom-service-lawyer .custom-service-select-box .custom-service-select {
    height: 400px;
    width: 295px;
    margin: 0 10px;
}

.custom-service-lawyer .custom-service-select-box .info-box {
    margin-bottom: 10px;
    bottom: 100px;
    left: 20px;
    margin-right: 10px;
    padding: 15px;
    background: #F7F7F7;
    width: 295px;
}

.custom-service-lawyer .custom-service-select-box .info-box .info-name {
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
}

.custom-service-lawyer .custom-service-select-box .info-box .info-type {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #EC5418;
    margin-top: 10px;
    height: 16px;
}

.custom-service-lawyer .custom-service-select-box .info-box .info-advance {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #DDDDDD;
    margin-top: 14px;
    overflow: hidden; text-overflow: ellipsis; width: 270px;height: 23px;color: black;white-space: nowrap;
}

.interactive-appoint-box {
    display: flex;
}

.interactive-appoint-box .interactive-appoint-left-box {
    width: 60%;
}

.interactive-appoint-box .interactive-appoint-left-box {
    margin-right: 20px;
}

.interactive-appoint-box .interactive-appoint-left-box .search-input-group {
    display: flex;
    margin-top: 20px;
}

.interactive-appoint-box .interactive-appoint-left-box .search-input-group .search-input {
    flex: 1;
    border: 1px #DDDDDD solid;
    height: 40px;
    padding: 10px;
}

.interactive-appoint-box .interactive-appoint-left-box .search-input-group .search-btn {
    font-size: 14px;
    width: 50px;
    background-color: #79B5FF;
    color: #ffffef;
    height: 40px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.interactive-appoint-box .interactive-appoint-left-box .org-group {
    width: 100%;
    height: auto;
}

.interactive-appoint-box .interactive-appoint-left-box .org-group .org-box {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    padding: 14px;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 16px 0px 0;
}

.interactive-appoint-box .interactive-appoint-left-box .org-group .org-box .avatar-box {
    width: 80px;
    height: 110px;
    display: inline-block;
}

.interactive-appoint-box .interactive-appoint-left-box .org-group .org-box .item-content {
    margin-left: 20px;
    display: inline-block;
    width: 220px;
}

.interactive-appoint-box .interactive-appoint-left-box .org-group .org-box .item-content .item-name {
    height: auto;
    font-size: 16px;
    font-weight: 500;
    color: #333333;

}


.interactive-appoint-box .interactive-appoint-left-box .org-group .org-box .item-content .item-code {
    height: 26px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
    margin-top: 30px;
    max-width: 2.7rem;
}


.interactive-appoint-box .interactive-appoint-left-box .org-group .org-box .item-content .item-address {
    height: 26px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
    max-width: 2.7rem;
}

.interactive-appoint-box .interactive-appoint-right-box {
    width: 40%;
}

.interactive-appoint-box .interactive-appoint-right-box .count-box {
    width: 151px;
    border: 1px solid #DDDDDD;
    margin: 6px 6px;
    padding: 30px 0;
    display: inline-block;
}

.interactive-appoint-box .interactive-appoint-right-box .count-box.select {
    border: 1px solid #79B5FF;
}

.interactive-appoint-box .interactive-appoint-right-box .count-box .num {
    font-size: 50px;
    font-weight: 400;
    color: #79B5FF;
    line-height: 70px;
    text-align: center;
}

.interactive-appoint-box .interactive-appoint-right-box .count-box.select .num {
    font-weight: 600;
}


.interactive-appoint-box .interactive-appoint-right-box .count-box .org-type {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 25px;
    text-align: center;
    margin-top: 4px;
}

.problem-item-box {
    background: #F7F7F7;
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 105%;
    margin-left: -8px;
}

.problem-item-box .icon {
    width: 30px;
    height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
}

.problem-item-box .title {
    display: flex;
}

.problem-item-box .title .icon {
    background: #79B5FF;
    color: #FFFFFF;
}

.problem-item-box .title .text {
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    margin-left: 14px;
    width: 1170px;
    text-align: justify;
}

.problem-item-box .content {
    display: flex;
    margin-top: 20px;
}

.problem-item-box .content .icon {
    background: #EBCA7E;
    color: #FFFFFF;
}

.problem-item-box .content .text {
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
    margin-left: 14px;
    width: 1170px;
    text-align: justify;
}

.bg-service-zzfw {
    background: url("../img/background/bg-service-zzfw.png")
}

.block-line-process-box {
    display: flex;
    align-items: center;
}

.block-line-process-box .block-line-process-item {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-line-process-box .block-line-process-item .process-no {
    width: 20px;
    height: 20px;
    background: #79B5FF;
    text-align: center;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-line-process-box .block-line-process-item .process-text {
    width: 70px;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
    margin-left: 10px;
}

.block-line-process-box .connect-line {
    width: 30px;
    height: 1px;
    background: #999999;
    margin: 0 20px;
}

.upload-file-box {
    margin-top: 20px;
    width: 100%;
    padding: 50px 0;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
}

.upload-file-box .upload-add-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-file-box .upload-add-box .upload-add {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #CCCCCC;
    font-size: 40px;
    color: #79B5FF;
    border-radius: 4px;
}

.upload-file-box .upload-text {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
}

.upload-text-box {
    width: 100%;
    height: 120px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    padding: 20px;
    margin-top: 20px;
}

.upload-hint {
    margin-top: 20px;
    background: #F7F7F7;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
    border-radius: 5px;
}

.upload-btn-group {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}

.upload-btn-group .upload-btn {
    width: 140px;
    padding: 4px 0;
    background: #79B5FF;
    border-radius: 4px;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 28px;
    margin: 0 10px;
}

.upload-box .upload-text span {
    color: #79B5FF;
}

.upload-file-box .default-file-img-box{
    display: flex;
    align-items: center;
    justify-content: center;
}

.limit-bar {
    display: flex;
    margin-top: 20px;
}

.limit-bar .input-box {
    width: 260px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    margin-right: 40px;
    padding: 10px 20px;
}

.limit-bar .search-btn {
    width: 90px;
    height: 40px;
    background: #79B5FF;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-record-table thead {
    border: none;
    background: #F8F6F9;
}

.upload-record-table thead tr {
    border: none;
}

.upload-record-table thead tr td {
    border: none;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 25px;
    padding: 20px 0;
    text-align: center;
}

.upload-record-table tbody tr {
    border: none;
}

.upload-record-table tbody tr td {
    border: none;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 25px;
    padding: 20px 0;
    text-align: center;
}

.upload-record-table tbody tr td .btn{
    color: #79b5ff;
}

.hash-box {
    margin-top: 30px;
}

.hash-box .hash-text {
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
}

.hash-box .hash-text span {
    color: #FF2325;
}

.hash-box .hash-input {
    margin-top: 10px;
    padding: 10px 20px;
    width: 100%;
    height: 40px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    line-height: 22px;
}

.upload-select {
    margin-top: 30px;
    display: flex;
}

.upload-select .text {
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
    width: 80px;
}

.upload-select .text span {
    color: #FF2325;
    margin-left: 4px;
}

.upload-select .item {
    width: 54px;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-left: 10px;
}

.bg-default-file {
    background-image: url(../img/background/bg-default-file.png);
    width: 56px;
    height: 54px;
}

.custom-legal-box {

}

.custom-legal-box .data-box {
    /*display: flex;*/

}

.custom-legal-box .data-box .custom-legal-item {
    display: inline-flex;
    width: 340px;
    height: 204px;
    margin: -30px 10px;
}

.custom-legal-box .data-box .custom-legal-item .img {
    width: 40%;
    height: 80%;
    margin-left: -10px;
}

.custom-legal-box .data-box .custom-legal-item .text-box {
    width: 60%;
    height: 80%;
    padding: 20px 20px;
    background: #F7F7F7;
}

.custom-legal-box .data-box .custom-legal-item .text-box .title {
    height: 22px;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 20px;
}

.custom-legal-box .data-box .custom-legal-item .text-box .content {
    height: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #666666;
    line-height: 30px;
}

.legal-custom-lawyer-box {

}

.legal-custom-lawyer-box .title-bar {

}

.legal-custom-lawyer-box .title-bar .img-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.legal-custom-lawyer-box .title-bar .img-box .img {
    width: 200px;
    height: 200px;
}

.legal-custom-lawyer-box .title-bar .name {
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 36px;
    text-align: center;
    margin-top: 18px;
}

.legal-custom-lawyer-box .title-bar .law-firm {
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 36px;
    text-align: center;
}

.legal-custom-lawyer-box .info-box {
    width: 100%;
    background: #F7F7F7;
    margin-top: 20px;
    padding: 20px 0;
}

.legal-custom-lawyer-box .info-box .info-title {

}

.legal-custom-lawyer-box .info-box .info-title .title-text {
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 24px;
    margin-left: 14px;
}


.legal-custom-lawyer-box .info-box .info-content {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 36px;
    padding: 20px;
}

.padding-top-20 {
    padding-top: 20px;
}

.center-item{
    flex-direction: column;
    align-items: center;
    display: flex;
}