.fw-larger-icon,
.fw-large-icon,
.fw-biggest-icon,
.fw-bigger-icon,
.fw-normal-icon,
.fw-big-icon,
.fw-icon,
.fw-small-icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
}

.fw-larger-icon {
    width: 131px;
    height: 105px;
}

@media screen and ( max-width: 640px ) {
    .fw-larger-icon {
        width: 80px;
        height: 80px;
    }
}

.fw-large-icon {
    width: 75px;
    height: 70px;
}

.fw-biggest-icon {
    width: 70px;
    height: 76px;
}

.fw-bigger-icon {
    width: 54px;
    height: 53px;
}

.fw-direction-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

@media (max-width: 768px) {
    .fw-bigger-icon {
        width: 36px;
        height: 36px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .fw-biggest-icon {
        width: 50px;
        height: 54px;
    }
}

.fw-normal-icon {
    width: 30px;
    height: 33px;
}

@media screen and ( max-width: 640px ) {
    .fw-normal-icon {
        width: 20px;
        height: 23px;
    }
}

.fw-big-icon {
    width: 46px;
    height: 40px;
}

.fw-icon {
    width: 35px;
    height: 32px;
}

.fw-small-icon {
    width: 25px;
    height: 25px;
}

.icon-wen {
    background-image: url(../img/icon/icon-wen.png);
}

.icon-ban {
    background-image: url(../img/icon/icon-ban.png);
}

.icon-xun {
    background-image: url(../img/icon/icon-xun.png);
}

.icon-yue {
    background-image: url(../img/icon/icon-yue.png);
}

.icon-legal-salon {
    background-image: url(../img/icon/icon-legal-salon.png);
}

.icon-legal-research {
    background-image: url(../img/icon/icon-legal-research.png);
}

.icon-argument-case {
    background-image: url(../img/icon/icon-argument-case.png);
}

.icon-legal-history {
    background-image: url(../img/icon/icon-legal-history.png);
}

.icon-legal-culture {
    background-image: url(../img/icon/icon-legal-culture.png);
}

.icon-litigation-document {
    background-image: url(../img/icon/icon-litigation-document.png);
}

.icon-office-lawyer {
    background-image: url(../img/icon/icon-office-lawyer.png);
}

.icon-office-appraiser {
    background-image: url(../img/icon/icon-office-appraiser.png);
}

.icon-office-tax {
    background-image: url(../img/icon/icon-office-tax.png);
}

.icon-office-accountant {
    background-image: url(../img/icon/icon-office-accountant.png);
}

.icon-insurance-company {
    background-image: url(../img/icon/icon-insurance-company.png);
}

.icon-credit-legal {
    background-image: url(../img/icon/icon-credit-legal.png);
}

.icon-civil-code {
    background-image: url(../img/icon/icon-civil-code.png);
}

.icon-typical-case {
    background-image: url(../img/icon/icon-typical-case.png);
}

.icon-intelligent-consulting {
    background-image: url(../img/icon/icon-intelligent-consulting.png);
}

.icon-video-conversation {
    background-image: url(../img/icon/icon-video-conversation.png);
}

.icon-interactive-service {
    background-image: url(../img/icon/icon-interactive-service.png);
}

.icon-service-court {
    background-image: url(../img/icon/icon-service-court.png);
}

.icon-service-procurator {
    background-image: url(../img/icon/icon-service-procurator.png);
}

.icon-service-notarization {
    background-image: url(../img/icon/icon-service-police.png);
}

.icon-service-arbitration {
    background-image: url(../img/icon/icon-service-arbitration.png);
}

.icon-service-lawyer {
    background-image: url(../img/icon/icon-service-lawyer.png);
}

.icon-service-appraise {
    background-image: url(../img/icon/icon-service-appraise.png);
}

.icon-service-taxation {
    background-image: url(../img/icon/icon-service-taxation.png);
}

.icon-service-accounting {
    background-image: url(../img/icon/icon-service-accounting.png);
}

.icon-service-insurance {
    background-image: url(../img/icon/icon-service-insurance.png);
}

.icon-service-company {
    background-image: url(../img/icon/icon-service-company.png);
}

.icon-legal-examination {
    background-image: url(../img/icon/icon-legal-examination.png);
}

.icon-service-assets {
    background-image: url(../img/icon/icon-service-assets.png);
}

.icon-service-property {
    background-image: url(../img/icon/icon-service-property.png);
}

.icon-legal-by-case {
    background-image: url(../img/icon/icon-legal-by-case.png);
}

.icon-legal-story {
    background-image: url(../img/icon/icon-legal-story.png);
}

.icon-legal-education {
    background-image: url(../img/icon/icon-legal-education.png);
}

.icon-contract-template {
    background-image: url(../img/icon/icon-contract-template.png);
}

.icon-lawsuit-document {
    background-image: url(../img/icon/icon-lawsuit-document.png);
}

.icon-legal-case {
    background-image: url(../img/icon/icon-legal-case.png);
}

.icon-tender-demand {
    background-image: url(../img/icon/icon-tender-demand.png);
}

.icon-normal-accounting-firm {
    background-image: url(../img/icon/icon-normal-accounting-firm.png);
}

.icon-resource-legal-channel {
    background-image: url(../img/icon/icon-resource-legal-channel.png);
}

.icon-resource-training-seminar {
    background-image: url(../img/icon/icon-resource-training-seminar.png);
}

.icon-resource-talent-service {
    background-image: url(../img/icon/icon-resource-talent-service.png);
}

@media (max-width: 768px) {
    .fw-larger-icon,
    .fw-large-icon,
    .fw-biggest-icon,
    .fw-bigger-icon,
    .fw-normal-icon,
    .fw-big-icon,
    .fw-icon,
    .fw-small-icon {
        /*display: inline-block;*/
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}

.icon-legal-by-case {
    background-image: url(../img/icon/icon-legal-by-case.png);
}

.icon-legal-story {
    background-image: url(../img/icon/icon-legal-story.png);
}

.icon-legal-education {
    background-image: url(../img/icon/icon-legal-education.png);
}

.icon-contract-template {
    background-image: url(../img/icon/icon-contract-template.png);
}

.icon-lawsuit-document {
    background-image: url(../img/icon/icon-lawsuit-document.png);
}

.icon-legal-case {
    background-image: url(../img/icon/icon-legal-case.png);
}

.icon-tender-demand {
    background-image: url(../img/icon/icon-tender-demand.png);
}

.icon-normal-accounting-firm {
    background-image: url(../img/icon/icon-normal-accounting-firm.png);
}

.fw-selected .icon-normal-accounting-firm,
.icon-normal-accounting-firm-selected {
    background-image: url(../img/icon/icon-normal-accounting-firm-selected.png);
}

.icon-normal-asset-appraisal-company {
    background-image: url(../img/icon/icon-normal-asset-appraisal-company.png);
}

.fw-selected .icon-normal-asset-appraisal-company,
.icon-normal-asset-appraisal-company-selected {
    background-image: url(../img/icon/icon-normal-asset-appraisal-company-selected.png);
}

.icon-normal-credit-legal-affairs {
    background-image: url(../img/icon/icon-normal-credit-legal-affairs.png);
}

.fw-selected .icon-normal-credit-legal-affairs,
.icon-normal-credit-legal-affairs-selected {
    background-image: url(../img/icon/icon-normal-credit-legal-affairs-selected.png);
}

.icon-normal-forensic-laboratory {
    background-image: url(../img/icon/icon-normal-forensic-laboratory.png);
}

.fw-selected .icon-normal-forensic-laboratory,
.icon-normal-forensic-laboratory-selected {
    background-image: url(../img/icon/icon-normal-forensic-laboratory-selected.png);
}

.icon-normal-intellectual-property-firm {
    background-image: url(../img/icon/icon-normal-intellectual-property-firm.png);
}

.fw-selected .icon-normal-intellectual-property-firm,
.icon-normal-intellectual-property-firm-selected {
    background-image: url(../img/icon/icon-normal-intellectual-property-firm-selected.png);
}

.icon-normal-insurance-company {
    background-image: url(../img/icon/icon-normal-insurance-company.png);
}

.fw-selected .icon-normal-insurance-company,
.icon-normal-insurance-company-selected {
    background-image: url(../img/icon/icon-normal-insurance-company-selected.png);
}

.icon-normal-law-office {
    background-image: url(../img/icon/icon-normal-law-office.png);
}

.fw-selected .icon-normal-law-office,
.icon-normal-law-office-selected {
    background-image: url(../img/icon/icon-normal-law-office-selected.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.icon-normal-tax-agency {
    background-image: url(../img/icon/icon-normal-tax-agency.png);
}

.fw-selected .icon-normal-tax-agency,
.icon-normal-tax-agency-selected {
    background-image: url(../img/icon/icon-normal-tax-agency-selected.png);
}

.icon-normal-trademark-office {
    background-image: url(../img/icon/icon-normal-trademark-office.png);
}

.fw-selected .icon-normal-trademark-office,
.icon-normal-trademark-office-selected {
    background-image: url(../img/icon/icon-normal-trademark-office-selected.png);
}

.icon-normal-patent-office {
    background-image: url(../img/icon/icon-normal-patent-office.png);
}

.fw-selected .icon-normal-patent-office,
.icon-normal-patent-office-selected {
    background-image: url(../img/icon/icon-normal-patent-office-selected.png);
}

.icon-training-seminar {
    background-image: url(../img/icon/icon-training-seminar.png);
}

.icon-talent-service {
    background-image: url(../img/icon/icon-talent-service.png);
}

.icon-asset-valuation {
    background-image: url(../img/icon/icon-asset-valuation.png);
}

.icon-intellectual-property {
    background-image: url(../img/icon/icon-intellectual-property.png);
}

.icon-financial-intermediation {
    background-image: url(../img/icon/icon-financial-intermediation.png);
}

.icon-consult-person {
    background-image: url(../img/icon/icon-consult-person.png);
}

.icon-consult-info {
    background-image: url(../img/icon/icon-consult-info.png);
}

.icon-consult-result {
    background-image: url(../img/icon/icon-consult-result.png);
}

.icon-taiwan {
    background-image: url(../img/icon/icon-taiwan.png);
}

.icon-hong-kong-macau {
    width: 60px;
    background-image: url(../img/icon/icon-hong-kong-macau.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.icon-foreign-laws {
    background-image: url(../img/icon/icon-foreign-laws.png);
    background-size: 100%;
}

.icon-foreign-typical-case {
    background-image: url(../img/icon/icon-foreign-typical-case.png);
    background-size: 100%;
}

.icon-user {
    background-image: url(../img/icon/icon-user.png);
}

.icon-service-hall {
    background-image: url(../img/app/fuwudating.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.icon-home-list {
    display: flex;
    text-align: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.icon-home {
    padding: 5px;
    width: 25%;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.icon-yunshang-list {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}
.icon-yunshang-left1 {
    width: 48%;
    background-image: url(../img/app/icon-flfwxq.png);
    background-size: cover;
    padding: 10px 20px;
    margin-bottom: 10px;
    height: 78px;
    margin-right: 1%;
}
.icon-yunshang-right1 {
    width: 48%;
    background-image: url(../img/app/icon-fwmszs.png);
    background-size: cover;
    padding: 10px 20px;
    margin-bottom: 10px;
    height: 78px;
    margin-left: 1%;
}
.icon-yunshang-left2 {
    width: 48%;
    background-image: url(../img/app/icon-xshdyy.png);
    background-size: cover;
    padding: 10px 20px;
    margin-bottom: 10px;
    height: 78px;
    margin-right: 1%;
}
.icon-yunshang-right2 {
    width: 48%;
    background-image: url(../img/app/icon-fwmsjt.png);
    background-size: cover;
    padding: 10px 20px;
    margin-bottom: 10px;
    height: 78px;
    margin-left: 1%;
}

.icon-notice-size {
    height: 16px;
    width: 16px;
}

.icon-home-size {
    height: 24px;
    width: 24px;
}

.icon-home-font {
    font-size: 14px;
    color: #333;
    margin-top: 15px;
    white-space: nowrap;
}

.app-icon-ai-interactive-services {
    background-image: url(../img/app/icon-ai-interactive-services.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-video-conversation {
    background-image: url(../img/app/icon-video-conversation.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-one-click-reservation {
    background-image: url(../img/app/icon-one-click-reservation.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-intelligent-legal-affairs {
    background-image: url(../img/app/icon-intelligent-legal-affairs.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-case-intelligence-investigation {
    background-image: url(../img/app/icon-case-intelligence-investigation.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-interactive-navigation {
    background-image: url(../img/app/icon-interactive-navigation.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-authoritative-release {
    background-image: url(../img/app/icon-authoritative-release.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-encyclopedia-legal-affairs {
    background-image: url(../img/app/icon-encyclopedia-legal-affairs.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-legal-salon {
    background-image: url(../img/app/icon-legal-salon.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-legal-research {
    background-image: url(../img/app/icon-legal-research.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-case-by-case {
    background-image: url(../img/app/icon-case-by-case.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-legal-history-story {
    background-image: url(../img/app/icon-legal-history-story.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-legal-education {
    background-image: url(../img/app/icon-legal-education.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-contract-template {
    background-image: url(../img/app/icon-contract-template.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-litigation-documents {
    background-image: url(../img/app/icon-litigation-documents.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-bidding-demand {
    background-image: url(../img/app/icon-bidding-demand.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-legal-publicity {
    background-image: url(../img/app/icon-legal-publicity.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-attract-investment {
    background-image: url(../img/app/icon-attract-investment.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-law-firm {
    background-image: url(../img/app/icon-law-firm.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-judicial-expertise-office {
    background-image: url(../img/app/icon-judicial-expertise-office.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-tax-agent-firm {
    background-image: url(../img/app/icon-tax-agent-firm.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-accounting-firm {
    background-image: url(../img/app/icon-accounting-firm.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-asset-appraisal-company {
    background-image: url(../img/app/icon-asset-appraisal-company.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-trademark-office {
    background-image: url(../img/app/icon-trademark-office.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-patent-agency {
    background-image: url(../img/app/icon-patent-agency.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-insurance-company {
    background-image: url(../img/app/icon-insurance-company.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-credit-legal-affairs {
    background-image: url(../img/app/icon-credit-legal-affairs.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-business-management {
    background-image: url(../img/app/icon-business-management.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-translation-company {
    background-image: url(../img/app/icon-translation-company.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-information-disclosure {
    background-image: url(../img/app/icon-information-disclosure.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-training-lectures {
    background-image: url(../img/app/icon-training-lectures.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-legal-cases {
    background-image: url(../img/app/icon-legal-cases.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-strait-rule-law {
    background-image: url(../img/app/icon-strait-rule-law.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.app-icon-0fwbk {
    background-image: url(../img/app/icon-0fwbk.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.icon-tab-img {
    width: 20px;
    padding-bottom: 2px;
}

.icon-tab-label {
    font-size: 13px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.icon-green-left {
    background-image: url(../img/icon/icon-green-left.png);
}

.icon-green-right {
    background-image: url(../img/icon/icon-green-right.png);
}

.icon-pink-left {
    background-image: url(../img/icon/icon-pink-left.png);
}

.icon-pink-right {
    background-image: url(../img/icon/icon-pink-right.png);
}

.icon-handle-affairs-court-service {
    background: url(../img/icon/icon-handle-affairs-court-service.png);
    background-size: 40px 40px;
}

.icon-handle-affairs-procuratorate-service {
    background: url(../img/icon/icon-handle-affairs-procuratorate-service.png);
    background-size: 40px 40px;
}

.icon-handle-affairs-police-service {
    background: url(../img/icon/guowei.png);
    background-size: 40px 40px;
}

.icon-handle-affairs-notarization-service {
    background: url(../img/icon/icon-handle-affairs-notarization-service.png);
    background-size: 40px 40px;
}

.icon-handle-affairs-arbitrate-service {
    background: url(../img/icon/icon-handle-affairs-arbitrate-service.png);
    background-size: 40px 40px;
}

.icon-affairs-featured-legal-services {
    background: url(../img/icon/icon-handle-affairs-featured-legal-services.png);
    background-size: 100% 100%;
}

.icon-affairs-integrate-legal-services {
    background: url(../img/icon/icon-handle-affairs-integrate-legal-services.png);
    background-size: 100% 100%;
}

.icon-affairs-forensics {
    background: url(../img/icon/icon-affairs-forensics.png);
    background-size: 40px 40px;
}

.icon-affairs-accounting-services {
    background: url(../img/icon/icon-affairs-accounting-services.png);
    background-size: 40px 40px;
}

.icon-affairs-tax-service {
    background: url(../img/icon/icon-affairs-tax-service.png);
    background-size: 40px 40px;
}

.icon-affairs-asset-valuation {
    background: url(../img/icon/icon-affairs-asset-valuation.png);
    background-size: 40px 40px;
}

.icon-affairs-intellectual-property {
    background: url(../img/icon/icon-affairs-intellectual-property.png);
    background-size: 40px 40px;
}

.icon-affairs-insurance-services {
    background: url(../img/icon/icon-affairs-insurance-services.png);
    background-size: 40px 40px;
}

.icon-affairs-appoint {
    background: url(../img/icon/icon-affairs-appoint.png);
}

.icon-affairs-queuing {
    background: url(../img/icon/icon-affairs-queuing.png);
}

.icon-affairs-in-org {
    background: url(../img/icon/icon-affairs-in-org.png);
}


.icon-org-offline-apply {
    background: url(../img/icon/icon-org-offline-apply.png);
    background-size: 100% 100%;
}

.icon-org-online-apply {
    background: url(../img/icon/icon-org-online-apply.png);
    background-size: 100% 100%;
}

.icon-org-selected {
    background: url(../img/icon/icon-org-selected.png);
}

.icon-org-unselect {
    background: url(../img/icon/icon-org-unselect.png);
}

.icon-people-selected {
    background: url(../img/icon/icon-people-selected.png);
}

.icon-people-unselect {
    background: url(../img/icon/icon-people-unselect.png);
}

.icon-search-magnifier {
    background: url(../img/icon/icon-search-magnifier.png);
    width: 25px;
    height: 25px;
}