.xz-common-footer {
    width: 100%;
    background: #333;
    overflow: hidden;
}

.xz-common-foooter-word {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    line-height: 22px;
}

.xz-common-footer>.common-footer-content {
    margin-top: 40px;
    margin-bottom: 40px;
    overflow: hidden;
}

.xz-common-footer>.common-footer-content>.common-footer-left {
    position: relative;
    width: 69%;
    padding-right: 30px;
    color: #fff;
    box-sizing: border-box;
    float: left;
}

.xz-common-footer .friend-url {
    overflow: hidden;
}

.xz-common-footer .friend-url-no-overflow {
    overflow: visible;
}

.xz-common-footer>.common-footer-content>.common-footer-left>.friend-url-hidden {
    height: 68px;
    width: 90%;
    overflow: hidden;
}

.xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-copyright {
    margin-top: 36px;
}

.xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-copyright>.footer-copyright-middle {
    display: none;
}

.xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-report-center {
    margin-top: 12px;
}

.xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-report-tianjing {
    margin-top: 12px;
}

.xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-front {
    position: absolute;
    top: 105px;
    right: 48px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-iso {
    position: absolute;
    right: 48px;
    bottom: 0px;
    width: 114px;
    height: 40px;
    overflow: hidden;
}

.xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-iso>img {
    width: 40px;
    height: 40px;
}

.xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-iso>.common-footer-iso-right {
    float: right;
}

.xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-front>.common-footer-open {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-front>.common-footer-clock {
    display: none;
}

.xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-front>img {
    width: 100%;
    height: 100%;
}

.xz-common-footer .friend-url-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-right: 16px;
    white-space: nowrap;
    float: left;
}

.xz-common-footer .friend-url-content {
    width: calc(100% - 86px);
    float: right;
}

.xz-common-footer .friend-url-content>a {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    line-height: 22px;
    margin-right: 16px;
    margin-bottom: 12px;
    float: left;
}

.xz-common-footer a.hover {
    color: #fff;
}

.xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-line {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background: #666;
    opacity: 0.4;
}

.xz-common-footer>.common-footer-content>.common-footer-right {
    position: relative;
    width: 31%;
    /* height: 100%; */
    padding-left: 50px;
    float: right;
    box-sizing: border-box;
}

.xz-common-footer>.common-footer-content>.common-footer-right>.common-footer-right-logo {
    width: 101.5px;
    height: 32px;
    margin-bottom: 24px;
}

.xz-common-footer>.common-footer-content>.common-footer-right>.common-footer-right-logo>img {
    width: 100%;
    height: 100%;
}

.xz-common-footer>.common-footer-content>.common-footer-right>.common-footer-right-info {
    height: 82px;
}

.xz-common-footer>.common-footer-content>.common-footer-right>.common-footer-right-code {
    width: 110px;
    height: 110px;
    margin-top: 23px;
}

.xz-common-footer>.common-footer-content>.common-footer-right>.common-footer-right-code>img {
    width: 100%;
    height: 100%;
}

.xz-common-footer .common-footer-right-emil {
    margin-top: 8px;
    white-space: nowrap;
}

.xz-common-footer .common-footer-right-address {
    margin-top: 8px;
    overflow: hidden;
}

.xz-common-footer .common-footer-right-address>.footer-right-address-title {
    width: 42px;
    float: left;
}

.xz-common-footer .common-footer-right-address>.footer-right-address-detail {
    width: calc(100% - 42px);
    float: right;
}

.xz-common-footer .common-footer-xuanna-copyright {
    margin-top: 12px !important;
    display: none;
}

.xz-common-footer .common-footer-xuanna-icpNumber {
    margin-top: 8px !important;
    display: none;
}

.xz-common-footer .friend-url-title-nav {
    display: none;
}

/* 手机端适配（默认隐藏） */

.xz-common-footer>.common-footer-content>.common-footer-mobile {
    display: none;
    width: 100%;
}

/* 客服电话 */

.xz-common-footer>.common-footer-content>.common-footer-mobile>.common-footer-customer {
    width: 100%;
    height: 41px;
    border: 1px solid rgba(102, 102, 102, 0.6);
    line-height: 41px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    margin-bottom: 12px;
}

/* 导航栏独占一行 */

.xz-common-footer>.common-footer-content>.common-footer-mobile>.friend-url>.friend-url-title {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    line-height: 24px;
    margin-top: 8px;
}

/* 导航选项独占一行 */

.xz-common-footer>.common-footer-content>.common-footer-mobile>.friend-url>.friend-url-content {
    width: 100%;
    margin-top: 8px;
}

.xz-common-footer>.common-footer-content>.common-footer-mobile>.friend-url>.friend-url-content>a {
    margin-bottom: 8px;
}

/* 上下分割线 */

.xz-common-footer>.common-footer-content>.common-footer-mobile>.common-footer-mobile-line {
    width: 100%;
    height: 1px;
    background: #666666;
    opacity: 0.4;
    margin-top: 12px;
}

/* 下方版权 */

.xz-common-footer>.common-footer-content>.common-footer-mobile>.common-footer-mobile-copyright {
    margin-top: 12px;
    margin-left: 70px;
    margin-right: 70px;
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    line-height: 20px;
    text-align: center;
    /* white-space: wrap; */
    word-break: break-all;
}

.xz-common-footer>.common-footer-content>.common-footer-mobile>.common-footer-small-copyright {
    display: none;
}

/* .xz-common-footer>.common-page-content {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
    display: block;
} */

/* 委托选址气泡提示框样式 */

.xz-common-footer .friend-url-content>.wei-tuo-xuan-zhi {
    position: relative;
}

.xz-common-footer .friend-url-content>.wei-tuo-xuan-zhi>.tooltip-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -92px;
    width: 80px;
    height: 38px;
    background: #666666;
    border-radius: 4px;
    line-height: 38px;
    text-align: center;
    overflow: visible;
    display: none;
}

.xz-common-footer .friend-url-content>.wei-tuo-xuan-zhi>.tooltip-content::after {
    content: '';
    position: absolute;
    /* 通过绝对定位，设置 top、left、right、bottom 相关值，我们定位到想放置三角形的位置 */
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%);
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid #666666;
    border-bottom: 5px solid transparent;
}

@media screen and (min-width: 1280px) {
    /* PC端适配区间 */
    .common-page-content {}
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    /* 平板设备适配区间，导航收起 */
    .xz-common-footer>.common-page-content {
        max-width: 1279px;
        margin: 0 auto;
        padding-left: 40px;
        padding-right: 40px;
        box-sizing: border-box;
    }
    .xz-common-footer>.common-footer-content {
        margin-top: 40px;
        margin-bottom: 40px;
        overflow: hidden;
    }
    /* 左侧宽度  */
    .xz-common-footer>.common-footer-content>.common-footer-left {
        width: calc(100% - 228px);
        padding-right: 54px;
    }
    /* 展开/收起icon定位 */
    .xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-front {
        top: 105px;
        right: 54px;
    }
    /* 右侧宽度 */
    .xz-common-footer>.common-footer-content>.common-footer-right {
        padding-left: 54px;
        width: 228px;
    }
    /* 调整iso图标间距、定位 */
    .xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-iso {
        display: block;
        width: 40px;
        height: 108px;
        right: 54px;
        bottom: 0;
    }
    .xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-iso>.common-footer-iso-right {
        margin-top: 24px;
    }
    .xz-common-footer>.common-footer-content>.common-footer-right>.common-footer-right-code {
        width: 88px;
        height: 88px;
    }
    .xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-copyright>.footer-copyright-big {
        display: none;
    }
    .xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-copyright>.footer-copyright-middle {
        display: block;
    }
    .xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-copyright>.footer-copyright-middle>.footer-copyright-middle-common {
        display: block;
        margin-top: 12px;
    }
    .xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-copyright {
        margin-top: 12px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* 平板设备适配区间，导航完全收起至顶部 */
    .xz-common-footer>.common-page-content {
        max-width: 1022px;
        margin: 0 auto;
        padding-left: 24px;
        padding-right: 24px;
        box-sizing: border-box;
    }
    .xz-common-footer>.common-footer-content {
        margin: 24px 0;
    }
    /* 隐藏展开/收起icon */
    .xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-front {
        display: none;
    }
    /* 将iso图标隐藏 */
    .xz-common-footer>.common-footer-content>.common-footer-left>.common-footer-iso {
        display: none;
    }
    /* 隐藏地址 */
    .xz-common-footer .common-footer-right-address {
        display: none;
    }
    /* 热门园区隐藏 */
    .xz-common-footer>.common-footer-content>.common-footer-left>.friend-url-hidden {
        display: none;
    }
    /* 隐藏下方举报中心等 */
    .xz-common-footer>.common-footer-content>.common-footer-left>#common-footer-copyright {
        display: none;
    }
    .xz-common-footer>.common-footer-content>.common-footer-left>#common-footer-report-center {
        display: none;
    }
    .xz-common-footer>.common-footer-content>.common-footer-left>#common-footer-report-tianjing {
        display: none;
    }
    /* 更改下方版权等 */
    .xz-common-footer .common-footer-xuanna-copyright {
        display: block;
    }
    .xz-common-footer .common-footer-xuanna-icpNumber {
        display: block;
    }
    /* 左侧宽度  */
    .xz-common-footer>.common-footer-content>.common-footer-left {
        /* min-width: 499px; */
        width: calc(100% - 218px);
        padding-right: 56px;
    }
    /* 右侧宽度  */
    .xz-common-footer>.common-footer-content>.common-footer-right {
        width: 218px;
        padding-left: 56px;
    }
    /* title独占一行，字体增大 */
    .xz-common-footer .friend-url-title {
        width: 100%;
        font-size: 16px;
        line-height: 24px;
    }
    /* 友情链接距上方间距改变 */
    .xz-common-footer .friend-url-title-pad {
        margin-top: 8px;
    }
    /* 修改friend-url-content宽度,不与title一行 */
    .xz-common-footer .friend-url-content {
        width: 100%;
        margin-top: 8px;
    }
    .xz-common-footer .friend-url-content>a {
        margin-bottom: 8px;
    }
    /* 邮箱与上方电话间隔 */
    .xz-common-footer .common-footer-right-emil {
        margin-top: 6px;
    }
    /* 下方二维码与上方邮箱的间隔 */
    .xz-common-footer>.common-footer-content>.common-footer-right>.common-footer-right-code {
        margin-top: 20px;
        width: 88px;
        height: 88px;
    }
    /* 快速导航展示 */
    .xz-common-footer .friend-url-title-nav {
        display: block;
    }
    /* body {
        min-height: 100vh;
        margin: 0;
        display: flex;
        flex-direction: column;
    } */
    .xz-common-footer-container {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    .xz-common-footer-container div {
        flex: 1;
    }
    .xz-common-footer {
        flex-shrink: 0;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    /* 平板设备适配区间，导航完全收起至顶部 */
    .xz-common-footer>.common-page-content {
        max-width: 767px;
        margin: 0 auto;
        padding-left: 24px;
        padding-right: 24px;
        box-sizing: border-box;
    }
    /* 小于767时，left和right隐藏 */
    .xz-common-footer .common-footer-left {
        display: none;
    }
    .xz-common-footer .common-footer-right {
        display: none;
    }
    .xz-common-footer>.common-footer-content {
        margin-top: 20px;
        margin-bottom: 12px;
    }
    /* 移动端展示 */
    .xz-common-footer>.common-footer-content>.common-footer-mobile {
        display: block;
    }
    /* 快速导航展示 */
    .xz-common-footer .friend-url-title-nav {
        display: block;
    }
    /* body {
        min-height: 100vh;
        margin: 0;
        display: flex;
        flex-direction: column;
    } */
    .xz-common-footer-container {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    .xz-common-footer-container div {
        flex: 1;
    }
    .xz-common-footer {
        flex-shrink: 0;
    }
}

@media screen and (max-width: 575px) {
    /* 手机端适配区间 */
    .xz-common-footer>.common-page-content {
        max-width: 575px;
        margin: 0 auto;
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }
    /* 小于500时，left和right隐藏 */
    .xz-common-footer .common-footer-left {
        display: none;
    }
    .xz-common-footer .common-footer-right {
        display: none;
    }
    .xz-common-footer>.common-footer-content {
        margin-top: 20px;
        margin-bottom: 12px;
    }
    /* 移动端展示 */
    .xz-common-footer>.common-footer-content>.common-footer-mobile {
        display: block;
    }
    /* 下方版权 */
    .xz-common-footer>.common-footer-content>.common-footer-mobile>.common-footer-mobile-copyright {
        display: none;
    }
    .xz-common-footer>.common-footer-content>.common-footer-mobile>.common-footer-small-copyright {
        display: block;
        margin-top: 12px;
        margin-left: auto;
        margin-right: auto;
        font-size: 12px;
        font-weight: 400;
        color: #666666;
        line-height: 20px;
        text-align: center;
    }
    /* body {
        min-height: 100vh;
        margin: 0;
        display: flex;
        flex-direction: column;
    } */
    .xz-common-footer-container {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    .xz-common-footer-container div {
        flex: 1;
    }
    .xz-common-footer {
        flex-shrink: 0;
    }
}