/* 公共布局样式：导航移动端菜单 + 页脚（由 layout.js 注入）*/
@media  screen and (max-width: 1024px) {
        .mobile_background {
            opacity: 1;
            display: block !important;
        }

        .mobile_background {
            width: 100%;
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 999;
            transition: 0.6s;
            background: #fff;
            display: none;
            clip-path: inset(0% 0% 100% 0%);
        }

        .mobile_background_active {
            clip-path: inset(0% 0% 0% 0%);
        }

        .mobile_background .joke {
            position: relative;
            margin: 84px 0 0 0;
            height: 86vh;
            overflow: scroll;
        }

        .mobile_background .joke ul li {
            border-bottom: 1px solid rgba(0, 0, 0, .1);
            text-align: left;
            margin: auto;
        }

        .mobile_background_active .joke ul li {
            display: block;
        }

        .mobile_background .joke ul li > a, .mobile_background .joke ul li .headline a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 14px;
            color: #111;
            margin: 0 !important;
            font-weight: 400;
            padding: 16px 3%;
        }

        .mobile_background .joke ul li.teshu .headline a {
            width: 100%;
            justify-content: unset;
        }

        .mobile_background .joke ul li .headline {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .mobile_background .joke ul li .headline .iconfont {
            color: #111;
            font-size: 14px;
            position: relative;
            left: -3%;
            transition: 0.3s ease;
        }

        .mobile_background .joke ul li > a.on {
            color: #00388B;
        }

        .mobile_background .joke ul li > a .iconfont {
            color: #333;
            font-size: 16px;
            transition: 0.6s;
        }

        .mobile_background .joke ul li.on > a .iconfont {
            transform: rotate(90deg);
        }

        .mobile_background .joke ul li .hidden {
            overflow: hidden;
            display: none;
        }

        .mobile_background .joke ul li .hidden .list .display {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 45px;
            padding: 0 3%;
        }

        .mobile_background .joke ul li .hidden .list.cxk_2 .display a {
            width: 100%;
            height: 100%;
        }

        .mobile_background .joke ul li .hidden .list .display a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 14px;
            color: rgba(0, 0, 0, 0.5);
            font-weight: 400;
            width: 80%;
        }

        .mobile_background .joke ul li .hidden .list .display .iconfont {
            color: #111;
            font-size: 14px;
            position: relative;
            left: 0;
        }

        .mobile_background .joke ul li .hidden .list .level {
            overflow: hidden;
            display: none;
        }

        .mobile_background .iconfont {
            /*transition: 0.6s;*/
        }

        .mobile_background .iconfont.on {
            transform: rotate(90deg);
        }

        .mobile_background .joke ul li .hidden .list .level a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 13px;
            color: #b4b4b4;
            font-weight: 400;
            height: 41px;
            line-height: 30px;
            width: 90%;
            margin: auto;
        }

        .mobile_background .joke ul li .hidden > div {
            margin: 0 0 20px;
        }

        .mobile_background .joke .dis_button {
            display: flex;
            width: 100%;
            padding: 0 3%;
            margin: 25px 0 0 0;
        }

        .mobile_background .joke .dis_button .common_more {
            margin: 0 15px 0 0;
        }

        .mobile_background .joke .dis_button .place {
            position: relative;
        }

        .mobile_background .joke .dis_button .place .code {
            position: absolute;
            left: 50%;
            transform: translate(-50%, 10px);
            top: calc(100% + 15px);
            width: 100px;
            opacity: 0;
            pointer-events: none;
            transition: 1s;
            background: #fff;
            border-radius: 6px;
            box-shadow: 0 3px 29px -8px rgba(192, 196, 204, 0.7);
        }

        .mobile_background .joke .dis_button .place:hover .code {
            opacity: 1;
            transform: translate(-50%, 0);
        }
    }

.footer .wrap{
        position: relative;
    }
    .backTop{
        position: absolute;
        right: -160px;
        top: 0;
        width: 48px;
        height: 48px;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: .6s ease;
    }
    .backTop:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #DDDDDD;
        border-radius: 8px;
        z-index: -1;
        transition: .6s ease;
    }
    .backTop:hover:after{
        background: #00388B;
        transform: rotate(45deg);
    }

    .backTop:hover svg path{
        fill: #fff;
    }

    .backTop svg{
        width: 20px;
        height: 20px;
        transition: .6s ease;
    }
    .backTop svg path{
        transition: .6s ease;
    }
    @media  screen and (max-width: 1920px) {

        .backTop{
            right: -7.291666666666667vw;
            width: 2.5vw;
            height: 2.5vw;
        }
        .backTop:after{
            border-radius:0.4166666666666667vw;
        }

        .backTop svg{
            width: 1.0416666666666667vw;
            height: 1.0416666666666667vw;
        }

    }
