.main_page {
    width: 100%;
    max-width: 30rem;
    height: 100%;
    margin: 0 auto;
    background: #f3f3f3;
    overflow-y: auto;
}

.not_slide {
    overflow: hidden;
}

.page_bottom_btn {
    padding-bottom: 4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*提示语遮罩*/
body .loading-area {
    background: rgba(0,0,0,0.5);
    border: 0;
    color: #fff;
    text-align: center;
}

/*登录页面
********************/
.logo_page {
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    background: url('../images//login_bg.jpg') no-repeat center;
    background-size: cover;
}

    /*.logo_page:before {
        content: '';
        position: absolute;
        top: 0;
        height: 105%;
        width: 105%;
        filter: blur(5px);
        background: url(../images//login_bg.jpg) no-repeat center;
        background-size: cover;
    }*/

    .logo_page .logo {
        width: 100%;
        text-align: center;
        margin-bottom: 17%;
        color: #eee;
        overflow: hidden;
        margin-top: -12%;
        position: relative;
        z-index: 10;
        top: -4%;
    }

        .logo_page .logo img {
            display: block;
            width: 22%;
            margin: 0 auto;
            padding: .5rem;
            border-radius: 0.5rem;
        }

        .logo_page .logo strong {
            display: inline-block;
            line-height: 2;
            font-size: 1.2rem;
            color: #d7001d;
        }

    .logo_page .table_form {
        display: flex;
        width: 100%;
        padding-bottom: 2.96rem;
        flex-flow: column;
        align-items: center;
        position: relative;
        z-index: 10;
    }

        .logo_page .table_form li {
            display: flex;
            align-items: center;
            width: 80%;
            height: 3.8rem;
            padding: 0 1.6rem 0 1rem;
            font-size: 1.92rem;
            -webkit-border-radius: 2rem;
            -moz-border-radius: 2rem;
            border-radius: 2rem;
            overflow: hidden;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border: 1px solid #d7001d;
        }

            .logo_page .table_form li:first-child {
                margin-bottom: 2.8rem;
            }

                .logo_page .table_form li:first-child input {
                    background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZDcwMDFkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uO3RleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjtpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyIgdmlld0JveD0iMCAwIDE4NyAzMzciIHg9IjBweCIgeT0iMHB4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgCiAgICAuZmlsMCB7ZmlsbDojZDcwMDFkfQogICAKICA8L3N0eWxlPjwvZGVmcz48Zz48cGF0aCBjbGFzcz0iZmlsMCIgZD0iTTI2IDBsMTM1IDBjMTUsMCAyNiwxMiAyNiwyNmwwIDI4NWMwLDE0IC0xMSwyNiAtMjYsMjZsLTEzNSAwYy0xNCwwIC0yNiwtMTIgLTI2LC0yNmwwIC0yODVjMCwtMTQgMTIsLTI2IDI2LC0yNnptMjkgMTdsNzcgMCAwIDkgLTc3IDAgMCAtOXptLTQwIDIzbDE1NyAwIDAgMjQ4IC0xNTcgMCAwIC0yNDh6bTc5IDI1OGM3LDAgMTIsNiAxMiwxMyAwLDcgLTUsMTMgLTEyLDEzIC03LDAgLTEzLC02IC0xMywtMTMgMCwtNyA2LC0xMyAxMywtMTN6Ij48L3BhdGg+PC9nPjwvc3ZnPg==") left center no-repeat;
                    -webkit-background-size: auto 2rem;
                    background-size: auto 2rem;
                }

            .logo_page .table_form li:nth-child(2) {
                margin-bottom: 2.52rem;
            }

                .logo_page .table_form li:nth-child(2) input {
                    background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZDcwMDFkIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB2aWV3Qm94PSIwIDAgNC4yMzMzMzMyIDQuMjMzMzMzNSIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMjkyLjc2NjY1KSI+PHBhdGggc3R5bGU9ImNvbG9yOiMwMDAwMDA7Zm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zdHJldGNoOm5vcm1hbDtmb250LXNpemU6bWVkaXVtO2xpbmUtaGVpZ2h0Om5vcm1hbDtmb250LWZhbWlseTpzYW5zLXNlcmlmO2ZvbnQtdmFyaWFudC1saWdhdHVyZXM6bm9ybWFsO2ZvbnQtdmFyaWFudC1wb3NpdGlvbjpub3JtYWw7Zm9udC12YXJpYW50LWNhcHM6bm9ybWFsO2ZvbnQtdmFyaWFudC1udW1lcmljOm5vcm1hbDtmb250LXZhcmlhbnQtYWx0ZXJuYXRlczpub3JtYWw7Zm9udC1mZWF0dXJlLXNldHRpbmdzOm5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtYWxpZ246c3RhcnQ7dGV4dC1kZWNvcmF0aW9uOm5vbmU7dGV4dC1kZWNvcmF0aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb24tc3R5bGU6c29saWQ7dGV4dC1kZWNvcmF0aW9uLWNvbG9yOiMwMDAwMDA7bGV0dGVyLXNwYWNpbmc6bm9ybWFsO3dvcmQtc3BhY2luZzpub3JtYWw7dGV4dC10cmFuc2Zvcm06bm9uZTt3cml0aW5nLW1vZGU6bHItdGI7ZGlyZWN0aW9uOmx0cjt0ZXh0LW9yaWVudGF0aW9uOm1peGVkO2RvbWluYW50LWJhc2VsaW5lOmF1dG87YmFzZWxpbmUtc2hpZnQ6YmFzZWxpbmU7dGV4dC1hbmNob3I6c3RhcnQ7d2hpdGUtc3BhY2U6bm9ybWFsO3NoYXBlLXBhZGRpbmc6MDtjbGlwLXJ1bGU6bm9uemVybztkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNpYmxlO3Zpc2liaWxpdHk6dmlzaWJsZTtvcGFjaXR5OjE7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsO2NvbG9yLWludGVycG9sYXRpb246c1JHQjtjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM6bGluZWFyUkdCO3NvbGlkLWNvbG9yOiMwMDAwMDA7c29saWQtb3BhY2l0eToxO3ZlY3Rvci1lZmZlY3Q6bm9uZTtmaWxsOiNkNzAwMWQ7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjAuOTk5OTk5OTQ7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxO2NvbG9yLXJlbmRlcmluZzphdXRvO2ltYWdlLXJlbmRlcmluZzphdXRvO3NoYXBlLXJlbmRlcmluZzphdXRvO3RleHQtcmVuZGVyaW5nOmF1dG87ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZSIgZD0ibSAxLjk3MDcwMzEsMS4yMzYzMjgxIDAuMDM3MTA5LDEuMjUzOTA2MyBjIDAuMDQ1NzY2LDEuNjk4NzQ2NCAtMC4yMjA4ODg0LDMuOTk0NjAyNSAwLjI5NDkyMTksNi4xNzE4NzUgMC41MTU4MTA0LDIuMTc3MzEwNiAxLjkwNDIzMjUsNC4yNDY3MTk2IDUuMDQyOTY4Nyw1LjI5Mjk2ODYgbCAwLjE2MjEwOTQsMC4wNTI3MyAwLjE1NDI5NjksLTAuMDUyNzMgQyAxMC44MDE1OTUsMTIuOTA4NjAzIDEyLjE4OTQwMSwxMC44MjkzMzggMTIuNzA1MDc4LDguNjQ4NDM3NSAxMy4yMjA3NTUsNi40Njc1MzY3IDEyLjk2MjA4LDQuMTcyNTc3NyAxMy4wMDc4MTIsMi40OTAyMzQ0IGwgMC4wMjkzLC0xLjI1MzkwNjMgLTAuODg2NzE4LDAuODg2NzE4OCBjIC0wLjMyMzIyMiwwLjMyMzE0OTYgLTEuMjMxNzcxLDAuNjAzNTE1NiAtMi4xNDg0MzgsMC42MDM1MTU2IC0wLjkxNjY2NzIsMCAtMS44MTc0MDI3LC0wLjI4MDEzOTIgLTIuMTQwNjI0OSwtMC42MDM1MTU2IEwgNy41MDc4MTI1LDEuNzY3NTc4MSA3LjE1MjM0MzgsMi4xMjMwNDY5IEMgNi44MjkxMjIzLDIuNDQ2MTk2NSA1LjkyMjUyNzEsMi43MjY1NjI1IDUuMDA1ODU5NCwyLjcyNjU2MjUgYyAtMC45MTY2NjgxLDAgLTEuODI1MjE0MSwtMC4yODAxMzkyIC0yLjE0ODQzNzUsLTAuNjAzNTE1NiB6IG0gNS41MzcxMDk0LDEuODYxMzI4MSBjIDAuNjc3NTk3NSwwLjQ5NjQ0MSAxLjU0NTM4NTUsMC43MDE3MyAyLjQ5NDE0MDUsMC43MDE3MyAwLjc0NzI3OCwwIDEuMzUzODc5LC0wLjI0NDY3NzQgMS45NzA3MDMsLTAuNTMxODA4MSAwLjAwMTYsMS42NzY0MDk1IDAuMTY4MjI4LDMuNDE0NjQyNiAtMC4yNDIxODcsNS4xNTAzOTA3IEMgMTEuMjgxMzU4LDEwLjMxNzM3IDEwLjIwMTkyMywxMS45NDEyOTkgNy41LDEyLjkwNjI1IDQuODAyOTQzOSwxMS45NDEwNzIgMy43MjU5MTU0LDEwLjMyNzA2MSAzLjI3NzM0MzgsOC40MzM1OTM4IDIuODY2OTIxOSw2LjcwMTEzMzkgMy4wMzE3MDk4LDQuOTU1MDk5NCAzLjAzMzIwMzEsMy4yNjc1NzgxIGMgMC42MTY4MjQ1LDAuMjg2ODY2MiAxLjIyNTM3NzUsMC41MzE4MDgxIDEuOTcyNjU2MywwLjUzMTgwODEgMC45NDkwNzExLDAgMS44MjQzMTY3LC0wLjIwNDc1OTkgMi41MDE5NTMxLC0wLjcwMTczIHogTSAxMC4xNTAzOTEsNS4wODk4NDM4IDYuNTAzOTA2Miw4LjczNjMyODEgNC44NTc0MjE5LDcuMDg5ODQzOCA0LjE0ODQzNzUsNy43OTg4MjgxIDYuNTAzOTA2MiwxMC4xNTQyOTcgMTAuODU5Mzc1LDUuNzk4ODI4MSBaIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjI2NDU4MzMzLDAsMCwwLjI2NDU4MzMzLDAsMjkyLjc2NjY1KSI+PC9wYXRoPjwvZz48L3N2Zz4=") left center no-repeat;
                    -webkit-background-size: auto 2rem;
                    background-size: auto 2rem;
                }

            .logo_page .table_form li:nth-child(3) {
                border: none;
                /*background: rgba(204,118,117,.75);*/
            }

        .logo_page .table_form input {
            width: 100%;
            height: 100%;
            padding-left: 2.8rem;
            color: #d7001d;
            font-size: 1.26rem;
            font-family: PingFang-SC-Medium;
        }

            .logo_page .table_form input::-webkit-input-placeholder {
                color: rgba(215,0,29,0.3);
            }

        .logo_page .table_form .pwd button {
            flex-shrink: 0;
            padding-left: 1.6rem;
            text-align: right;
            white-space: nowrap;
            height: 2.24rem;
            color: #d7001d;
            font-size: 1.16rem;
            font-family: PingFang-SC-Medium;
            border-left: solid 0.12rem rgba(215,0,29,1);
        }

        .logo_page .table_form .tips {
            padding: 0.16rem 0;
            justify-content: space-between;
        }

            .logo_page .table_form .tips span,
            .logo_page .table_form .tips button {
                color: #888;
                font-size: 1rem;
                font-family: PingFang-SC-Medium;
                letter-spacing: 0.04rem;
            }

        .logo_page .table_form .btn {
            padding: 0;
        }

            .logo_page .table_form .btn button {
                width: 100%;
                height: 100%;
                color: #fff;
                text-indent: 1em;
                letter-spacing: 1em;
                font-size: 1.36rem;
                font-family: PingFang-SC-Bold;
                background: rgba(215,0,29,0.75);
            }

                .logo_page .table_form .btn button[disabled] {
                    background: rgba(215,0,29,0.2);
                }

    .logo_page .error_tips {
        width: 40%;
        line-height: 3.2rem;
        margin: 0 auto;
        text-align: center;
        background-color: #434343;
        color: #fff;
        letter-spacing: 0.04rem;
        font-size: 1.16rem;
        font-family: PingFang-SC-Medium;
        -webkit-border-radius: 0.4rem;
        -moz-border-radius: 0.4rem;
        border-radius: 0.4rem;
    }
/*浮动底部
**************/
.footer_flx {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4rem;
    z-index: 9999;
    box-shadow: 0px -1px 6px -1px #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}

.home_btn {
    display: flex;
    box-shadow: 0 0 0 0;
    border-top: 1px solid #ececec;
}

    .home_btn button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50%;
        height: 100%;
        color: #888;
        font-size: 1.28rem;
        font-family: PingFang-SC-Bold;
        background: #f3f3f3;
    }

        .home_btn button:first-child:before {
            content: "";
            display: inline-block;
            width: 1.904rem;
            height: 1.904rem;
            margin-right: 0.4rem;
            background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjODg4ODg4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTE5LDUydjM1bDIsMmgyMGwyLTJWNjZoMTN2MjFsMiwyaDIwbDItMlY1MmgxMGwwLjAyLTAuMDUxVjUybDEuMzM4LTMuNDY4bC00MC0zN2wtMi42OTgtMC4wMTdsLTQxLDM3TDksNTJIMTl6ICAgIE00OS45ODMsMTUuNzA5TDg0Ljg5Myw0OEg3OGwtMiwydjM1SDYwVjY0bC0yLTJINDFsLTIsMnYyMUgyM1Y1MGwtMi0yaC02Ljc5OEw0OS45ODMsMTUuNzA5eiI+PC9wYXRoPjwvZz48L3N2Zz4=") 100% bottom no-repeat;
            background-size: 100% 100%;
        }

        .home_btn button.cur:first-child:before {
            content: "";
            display: inline-block;
            width: 1.904rem;
            height: 1.904rem;
            margin-right: 0.4rem;
            background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDA5OWUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBvbHlnb24gcG9pbnRzPSIxOSw1MiAxOSw4NyAyMSw4OSAzOSw4OSA0MSw4NyA0MSw2NiA1OCw2NiA1OCw4NyA2MCw4OSA3OCw4OSA4MCw4NyA4MCw1MiA5MCw1MiA5MC4wMiw1MS45NDkgOTAuMDIsNTIgICAgOTEuMzU4LDQ4LjUzMiA1MS4zNTgsMTEuNTMyIDQ4LjY2LDExLjUxNSA3LjY2LDQ4LjUxNSA5LDUyICAiPjwvcG9seWdvbj48L2c+PC9zdmc+") 100% bottom no-repeat;
            background-size: 100% 100%;
        }

        .home_btn button:last-child:before {
            content: "";
            display: inline-block;
            width: 1.904rem;
            height: 1.904rem;
            margin-right: 0.4rem;
            background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjODg4ODg4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjODg4ODg4IiBkPSJNNDQuMjYxLDQxLjg0OGMtMC45MjQtNC4yMjktNi40OTUtNi45NS0xMS4wNzUtOC41MDJjLTAuMDU1LTAuMDMtMC4wOTctMC4wNzgtMC4xNTgtMC4wOTkgIGMtMC44MDQtMC4yNjQtMS40OTUtMC40ODgtMS45NzQtMC42NDNsMC4wMTItMi44OWMwLjk2OS0xLjQ0NiwxLjY1My0zLjExMywxLjk5OS00Ljg2NGMwLjgxMi0wLjUzNSwxLjQzMi0xLjUzNiwxLjY3NS0yLjc1ICBjMC4yMTYtMS4wNjksMC4wOTUtMi4xMTUtMC4zMjEtMi45MWMxLjMyLTQuNTM0LDAuMzg1LTcuMjMxLTAuNjU2LTguNzA3Yy0wLjk3OS0xLjM4OS0yLjQzNi0yLjI0Mi00LjE0LTIuNDM4ICBjLTEuNTQ1LTIuMTc2LTQuMDY4LTMuMzYtNi45NjEtMy4yNDNjLTIuNzY5LDAuMTEyLTUuMzk1LDEuMzEyLTcuMjAzLDMuMjkxYy0xLjc3NywxLjk0NC0yLjY0Myw0LjQzOC0yLjUwNSw3LjIxMyAgYzAuMDY0LDEuMjksMC4yNywyLjYxNSwwLjYxMiwzLjk0NWMtMC4zODgsMC43ODYtMC40OTksMS44MTItMC4yOTIsMi44NDhjMC4yMjUsMS4xMTEsMC43ODcsMi4wNzMsMS41MTgsMi42MzUgIGMwLjQsMi4xMDUsMS4yOTcsNC4xMTUsMi41NjMsNS43MzVsMC4xMjYsMi4xMDRjLTAuNTAzLDAuMTU2LTEuMjIyLDAuMzc5LTIuMDQ0LDAuNjM3Yy0wLjExNy0wLjAwNC0wLjIzNSwwLjAwNi0wLjM1LDAuMDQ0ICBjLTQuNzU3LDEuNTgtMTAuNTk0LDQuMzg5LTExLjM4OCw4LjgwNGMtMC4wNTIsMC4yOTEsMC4wMjcsMC41OTEsMC4yMTcsMC44MThzMC40NzEsMC4zNTgsMC43NjcsMC4zNThoMzguNjM3ICBjMC4wMDcsMCwwLjAxNSwwLDAuMDIsMGMwLjU1MywwLDEtMC40NDcsMS0xQzQ0LjMzOCw0Mi4wOTgsNDQuMzExLDQxLjk2Nyw0NC4yNjEsNDEuODQ4eiBNMTguNzg4LDM0LjI2NCAgYzAuNDU3LTAuMTI1LDAuNzYzLTAuNTUzLDAuNzM1LTEuMDI0bC0wLjE4LTMuMDAxYzAuMDA2LTAuMDQ2LDAuMDEtMC4wOTMsMC4wMS0wLjE0MWMwLTAuMjk2LTAuMTI4LTAuNTYyLTAuMzMyLTAuNzQ0ICBjLTEuMTk3LTEuNDg2LTIuMDIzLTMuMzkxLTIuMzMxLTUuMzc2Yy0wLjA1LTAuMzI0LTAuMjU2LTAuNjAzLTAuNTUtMC43NDZjLTAuMzE5LTAuMTU2LTAuNzM5LTAuNy0wLjkwNS0xLjUyNCAgYy0wLjE1NS0wLjc3NS0wLjAwNC0xLjQyLDAuMjEyLTEuNzE3YzAuMTgxLTAuMjQ3LDAuMjM5LTAuNTY0LDAuMTU3LTAuODU5Yy0wLjM3LTEuMzI3LTAuNTktMi42NDctMC42NTMtMy45MjMgIGMtMC4xMS0yLjIyOSwwLjU3Ni00LjIyMywxLjk4NC01Ljc2NGMxLjQ1MS0xLjU4OCwzLjU2OC0yLjU1MSw1LjgwOS0yLjY0MmMyLjM4My0wLjA4OSw0LjMzMiwwLjg4MSw1LjQ2OCwyLjczNSAgYzAuMTQsMC4yMjksMC4zNzEsMC4zODgsMC42MzMsMC40NDhjMC4wODUsMC4wMjEsMC4xNzgsMC4wMywwLjI1NywwLjAyNGMxLjI1OCwwLjA2NCwyLjMzMSwwLjY0MSwzLjAyNiwxLjYyNyAgYzEuMTUxLDEuNjMzLDEuMjM5LDQuMjYyLDAuMjQ3LDcuNDAzYy0wLjEsMC4zMTgtMC4wMzUsMC42NjYsMC4xNzQsMC45MjZjMC4yMzEsMC4yODksMC4zOTMsMC45MzksMC4yMywxLjc0MSAgYy0wLjE2OSwwLjg0Mi0wLjYxNSwxLjQyNS0wLjk1MSwxLjU0NWMtMC4zNDMsMC4xMjQtMC41OTIsMC40MjQtMC42NDgsMC43ODRjLTAuMjc3LDEuNzQxLTAuOTQzLDMuMzk1LTEuOTI3LDQuNzg3ICBjLTAuMTQ0LDAuMTk4LTAuMjEzLDAuNDQ1LTAuMTg2LDAuNjk1bC0wLjAxNiwzLjgxM2MtMC4wMDIsMC40MzcsMC4yOCwwLjgyNCwwLjY5NiwwLjk1N2MwLjAwMSwwLDAuNDQsMC4xNCwxLjE0NSwwLjM2OCAgYy0xLjc2LDEuNTI5LTQuMTc1LDIuMzg0LTYuODM1LDIuMzg0Yy0yLjUwMywwLTQuODQ3LTAuODQ0LTYuNjM2LTIuMzU0QzE4LjIzMywzNC40MzMsMTguNzYxLDM0LjI3MSwxOC43ODgsMzQuMjY0eiBNNi4wNzMsNDEuMjM0ICBjMS40NDUtMi44MDEsNS45MzUtNC43OTEsOS4wMzItNS44NzRjMi4yNjMsMi4zMjEsNS42MjksMy43NCw4Ljk1MSwzLjc0YzMuNTQ3LDAsNi44NzUtMS4zNTgsOS4wNTQtMy42NjUgIGMzLjAyNywxLjA3Nyw3LjM5NSwzLjA0NSw4LjgxNiw1Ljc5OUg2LjA3M3oiPjwvcGF0aD48L3N2Zz4=") 100% bottom no-repeat;
            background-size: 100% 100%;
        }

        .home_btn button.cur:last-child:before {
            content: "";
            display: inline-block;
            width: 1.904rem;
            height: 1.904rem;
            margin-right: 0.4rem;
            background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDA5OWUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBmaWxsPSIjMDA5OWUwIiBkPSJNMTQuODYxLDIwLjI1MmMwLjIwMywxLjAwNCwwLjc0NiwxLjc5MiwxLjM2MSwyLjA5MmMwLjMzNywyLjE4MywxLjI1MSw0LjEyNiwyLjQ3Myw1LjYwMyAgIGMwLDAtMC4wMDEsMC4wMDItMC4wMDEsMC4wMDRsMC4xOCwzLjAwNmMtMC4wMSwwLjAwNC0wLjQzLDAuNjI1LTIuMDI1LDEuNnYwLjAwMmMxLjg0NSwyLjE3OCwzLjk2OCwyLjg1Miw3LjIyMiwyLjg1MiAgIGMzLjMzOSwwLDUuNjMzLTAuNTEsNy40NjYtMi43ODVjLTEuMzA1LTAuODE4LTEuODM1LTEuNjM1LTEuODM1LTEuNjM1bDAuMDE2LTMuNjc0bC0wLjAwNS0wLjAxICAgYzAuOTY2LTEuMzY3LDEuNjgzLTMuMDQ1LDEuOTc4LTQuOTA0YzAuNjcxLTAuMjQxLDEuMjc5LTEuMDcsMS40OTctMi4xNTFjMC4xOTYtMC45NzcsMC4wMTctMS44ODItMC40MDUtMi40MDggICBjMS45OTctNi4zMzEtMC42NjUtOS41ODQtMy45OTYtOS43MDhsLTAuMDExLDAuMDA2Yy0xLjIyNy0yLjAwMS0zLjM1Ni0zLjEyNS01Ljk3Ny0zLjAxN2MtNC40NDIsMC4xODEtOC40ODEsMy42MjYtOC4yMiw4Ljg4MyAgIGMwLjA2NSwxLjMxMSwwLjI5NSwyLjYzMSwwLjY0NiwzLjg5MUMxNC44MzYsMTguNDMsMTQuNjczLDE5LjMwOCwxNC44NjEsMjAuMjUyeiI+PC9wYXRoPjxwYXRoIGZpbGw9IiMwMDk5ZTAiIGQ9Ik00NC4xODcsNDEuMzY5Yy0wLjgzNC0zLjcyNy01LjA3LTYuNjc0LTkuODg3LTcuOTc3Yy0yLjI4NiwyLjI0Mi02LjEyOSw0LjQ1Ny0xMC4yODcsNC40NTcgICBjLTQuMDUzLDAtNy44MS0yLjMxMy0xMC4xMDgtNC40NTdDOS4wNzQsMzQuNjgsNC42ODgsMzcuNTgsMy44MzgsNDEuMzY5YzAsMC0wLjA2MywwLjMzLTAuMjMyLDEuNTEyaDQwLjgyNUw0NC4xODcsNDEuMzY5eiI+PC9wYXRoPjwvZz48L3N2Zz4=") 100% bottom no-repeat;
            background-size: 100% 100%;
        }

        .home_btn button.cur {
            color: #0099e0;
            background: #fff;
        }

            .home_btn button.cur:before {
                color: #0099e0;
                background-position: center top;
            }
/*屹升家校
**************/
.home_page {
    padding-bottom: 4rem;
    background: #f3f3f3;
}

    .home_page .header_text {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0.8em 1.44rem;
        line-height: 1;
        color: #fff;
        font-weight: bold;
        background: rgba(0,0,0,0.2);
        overflow: hidden;
        box-sizing: border-box;
        /*border-radius: 57px;*/
        font-size: 1rem;
    }

        .home_page .header_text .tit {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            font-family: PingFang-SC-Bold;
        }

            .home_page .header_text .tit h2 {
                color: #292929;
                font-size: 1.544rem;
                font-weight: bold;
            }

        .home_page .header_text p {
            order: -1;
            font-family: PingFang-SC-Bold;
        }

.main_banner {
    height: 14.128rem;
    background: #fff;
    overflow: hidden;
    position: relative;
}

    .main_banner .swiper-container {
        height: 100%;
    }

    .main_banner .swiper-wrapper img {
        width: 100%;
        height: 100%;
    }

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    height: 0.48rem;
    bottom: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        width: 0.48rem;
        height: 0.48rem;
        margin: 0 0.4rem;
        -webkit-border-radius: 0.24rem;
        -moz-border-radius: 0.24rem;
        border-radius: 0.24rem;
    }

.swiper-pagination-bullet {
    background-color: #ffffff;
    opacity: 0.59;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.swiper-pagination-bullet-active {
    transition: width 0.3s ease-in-out;
    width: 1.6rem !important;
    opacity: 1;
}

.main_menu_nav {
    overflow: hidden;
    background: #fff;
    margin-bottom: 0.384rem;
    padding: 0.96rem 0.288rem 0.528rem;
}

    .main_menu_nav ul {
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
    }

    .main_menu_nav li {
        float: left;
        width: 25%;
        flex-shrink: 0;
        display: flex;
        flex-flow: column;
        align-items: center;
        padding-bottom: 0.84rem;
    }

        .main_menu_nav li img {
            width: 3rem;
            height: 3rem;
            /*-webkit-border-radius: 0.96rem;
  -moz-border-radius: 0.96rem;
  border-radius: 0.96rem;*/
            overflow: hidden;
            margin-top: 0.8rem;
        }

        .main_menu_nav li span {
            display: block;
            width: 100%;
            padding: 0.864rem 0;
            text-align: center;
            line-height: 1;
            color: #292929;
            font-size: 0.96rem;
            font-family: PingFang-SC-Medium;
        }

        .main_menu_nav li .num {
            position: absolute;
            top: 0.3rem;
            right: 1.6rem;
            display: none;
            border-radius: 50%;
            width: 1.2rem;
            line-height: 1.2rem;
            background: #E20000;
            color: #fff;
            text-align: center;
            font-size: 0.8rem;
        }

.home_list_box .cur_tit,
.home_list_box .title_column {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.584rem;
    padding: 1.488rem 0 0.6rem;
}

    .home_list_box .cur_tit:before,
    .home_list_box .title_column:before {
        content: "";
        display: block;
        flex-shrink: 0;
        width: 0.336rem;
        height: 100%;
        background-color: #0099e0;
        -webkit-border-radius: 0.168rem;
        -moz-border-radius: 0.168rem;
        border-radius: 0.168rem;
    }

    .home_list_box .cur_tit a,
    .home_list_box .title_column a {
        display: flex;
        align-items: center;
        height: 100%;
        flex-shrink: 0;
        color: #989898;
        text-decoration: none;
        font-size: 1.08rem;
        font-family: PingFang-SC-Bold;
        font-weight: bold;
    }

        .home_list_box .cur_tit a:after,
        .home_list_box .title_column a:after {
            content: "";
            display: block;
            width: 0.528rem;
            height: 0.936rem;
            margin-left: 0.36rem;
            background: url("../images/icon_arrow.png") center center no-repeat;
            -webkit-background-size: 100% auto;
            background-size: 100% auto;
        }

.activity_album {
    width: 100%;
    margin-bottom: 0.384rem;
    padding: 0 1.44rem 1.68rem;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

    .activity_album .cur_tit strong {
        width: 100%;
        height: auto;
        padding: 0 0.576rem;
        color: #292929;
        line-height: 1;
        font-size: 1.296rem;
        font-family: PingFang-SC-Bold;
        font-weight: bold;
    }

    .activity_album .album_lb {
        overflow: hidden;
        display: flex;
        align-items: stretch;
        padding-top: 1.08rem;
    }

        .activity_album .album_lb .swiper-slide {
            width: 13.656rem;
            height: auto;
            background-color: #15bc83;
            -webkit-border-radius: 0.24rem;
            -moz-border-radius: 0.24rem;
            border-radius: 0.24rem;
            overflow: hidden;
        }

            .activity_album .album_lb .swiper-slide img {
                width: 100%;
                height: 100%;
            }

.info_list_column {
    width: 100%;
    padding: 0 1.44rem 2.064rem;
    background: #fff;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .info_list_column .title_column .title_info {
        display: flex;
        width: 100%;
        height: 100%;
        padding: 0 0.24rem;
    }

        .info_list_column .title_column .title_info li {
            display: flex;
            align-items: center;
            padding: 0 0.768rem;
            color: #292929;
            font-size: 1.08rem;
            font-family: PingFang-SC-Bold;
            font-weight: bold;
        }

            .info_list_column .title_column .title_info li.cur {
                color: #0099e0;
                font-size: 1.296rem;
            }

    .info_list_column .con_column {
        overflow: hidden;
    }

        .info_list_column .con_column ul:not(:first-of-type) {
            display: none;
        }

        .info_list_column .con_column li {
            display: flex;
            align-items: center;
            width: 100%;
            height: 5.352rem;
            padding: 1.08rem 0 1.008rem;
            border-bottom: 0.096rem solid #ececec;
        }

            .info_list_column .con_column li img {
                flex-shrink: 0;
                width: 8.64rem;
                height: 100%;
                margin-right: 1.344rem;
                background-color: #15bc83;
                -webkit-border-radius: 0.24rem;
                -moz-border-radius: 0.24rem;
                border-radius: 0.24rem;
                overflow: hidden;
            }

            .info_list_column .con_column li .text {
                width: 100%;
                overflow: hidden;
            }

                .info_list_column .con_column li .text strong {
                    display: block;
                    color: #292929;
                    font-size: 1.152rem;
                    font-family: PingFang-SC-Bold;
                    font-weight: bold;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .info_list_column .con_column li .text > div {
                    display: flex;
                    padding-top: 1.08rem;
                }

                    .info_list_column .con_column li .text > div span {
                        display: flex;
                        height: 1.152rem;
                        align-items: center;
                        line-height: 1;
                        margin-right: 1.632rem;
                        color: #989898;
                        font-size: 1.08rem;
                    }

                        .info_list_column .con_column li .text > div span:first-child:before {
                            content: "";
                            width: 1.2rem;
                            height: 1.152rem;
                            margin-right: 0.432rem;
                            background: url(../images/icon_comment.png) center center no-repeat;
                            -webkit-background-size: 100% 100%;
                            background-size: 100% 100%;
                            overflow: hidden;
                        }

                        .info_list_column .con_column li .text > div span:last-child:before {
                            content: "";
                            display: block;
                            width: 1.488rem;
                            height: 1.032rem;
                            margin-right: 0.432rem;
                            background: url(../images/icon_see.png) center center no-repeat;
                            -webkit-background-size: 100% 100%;
                            background-size: 100% 100%;
                            overflow: hidden;
                        }
/*个人中心
******************/
.personal_info {
    margin-bottom: 4rem;
    position: relative;
    background: linear-gradient(45deg, #005e8a, #0099e0, #ace);
}

    .personal_info .card {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 1.5rem 2.32rem 3.5rem;
        -webkit-border-radius: 0.4rem;
        -moz-border-radius: 0.4rem;
        border-radius: 0.4rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
    }

        .personal_info .card img {
            flex-shrink: 0;
            width: 4.42rem;
            height: 4.42rem;
            margin-right: 1.944rem;
            border-radius: 50%;
            overflow: hidden;
        }

        .personal_info .card dl {
            width: 100%;
            height: 100%;
            color: #fff;
            display: flex;
            align-items: flex-start;
            flex-flow: column;
            justify-content: center;
        }

            .personal_info .card dl dt {
                padding-bottom: 0.864rem;
                line-height: 1;
                font-size: 1.248rem;
                font-family: PingFang-SC-Bold;
                font-weight: bold;
            }

            .personal_info .card dl dd {
                font-size: 0.936rem;
                font-family: PingFang-SC-Medium;
                color: #eee
            }

        .personal_info .card button {
            position: absolute;
            right: 1.344rem;
            bottom: 1.224rem;
            width: 1.536rem;
            height: 1.68rem;
            background: url("../images/icon_edit.png") center center no-repeat;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
        }

    .personal_info .integral_box {
        display: flex;
        height: 4.784rem;
        padding: 0.58rem 0;
        width: 90%;
        background: #ffffff;
        -moz-border-radius: 2.4rem;
        border-radius: 0.4rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        left: 5%;
        bottom: -2.4em;
        z-index: 10;
        box-shadow: 0 0.42rem 1.04rem 0 rgba(0, 0, 0, 0.13);
    }

        .personal_info .integral_box li {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-flow: column;
            width: 100%;
        }

            .personal_info .integral_box li i {
                display: block;
                width: 1.62rem;
                height: 1.62rem;
                flex-shrink: 0;
                margin-bottom: 0.672rem;
            }

            .personal_info .integral_box li span {
                line-height: 1;
                color: #292929;
                font-size: 0.856rem;
                font-family: PingFang-SC-Medium;
            }

            .personal_info .integral_box li:first-child {
                border-right: 1px solid #d8d8d8;
            }

                .personal_info .integral_box li:first-child i {
                    background: url("../images/icon_integral.png") center center no-repeat;
                    -webkit-background-size: 100% 100%;
                    background-size: 100% 100%;
                }

            .personal_info .integral_box li:last-child i {
                width: 1.62rem;
                height: 1.62rem;
                background: url("../images/icon_mall.png") center center no-repeat;
                -webkit-background-size: 100% 100%;
                background-size: 100% 100%;
            }

.other_setUp {
    width: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .other_setUp li {
        display: flex;
        align-items: center;
        height: 5rem;
        padding: 1.296rem 1.2rem;
        background: url("../images/icon_arrow.png") 97% center no-repeat;
        -webkit-background-size: auto 20%;
        background-size: auto 20%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        transition-duration: .3s;
    }

        .other_setUp li:active {
            transition-duration: 0s;
            background-color: #d9d9d9;
        }

        .other_setUp li:not(:last-of-type) {
            border-bottom: 1px solid #e5e5e5;
        }

        .other_setUp li span {
            display: block;
            color: #292929;
            padding-left: 3rem;
            font-size: 1.2rem;
            font-family: PingFang-SC-Medium;
        }

            .other_setUp li span.family {
                background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZTYzZTkxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDkgNDkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ5IDQ5IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Y2lyY2xlIGN4PSIyNC41IiBjeT0iMjguMjIzIiByPSI0LjU2OSI+PC9jaXJjbGU+PHBhdGggZD0iTTI3LjMwNSwzNC4wMDloLTUuNjFjLTEuOTgzLDAtMy41OTEsMS42MDctMy41OTEsMy41OTF2Ni43MzJoMTIuNzkydi02LjczMkMzMC44OTYsMzUuNjE3LDI5LjI4OSwzNC4wMDksMjcuMzA1LDM0LjAwOXoiPjwvcGF0aD48Y2lyY2xlIGN4PSIxMy44MjciIGN5PSIxNi4xOTMiIHI9IjcuOTgiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjM0LjA3NiIgY3k9IjEzLjQzIiByPSI4Ljc2MyI+PC9jaXJjbGU+PHBhdGggZD0iTTE3LjA5MywyOC4yMjNjMC0wLjY2NiwwLjA5Ni0xLjMwOCwwLjI2Mi0xLjkyMUg4LjkyN2MtMy40NjQsMC02LjI3MiwyLjgwOC02LjI3Miw2LjI3MnYxMS43NmgxMi42MTF2LTYuNzMyICBjMC0yLjI3NywxLjE5NC00LjI3NywyLjk4NS01LjQxOUMxNy41MjIsMzEuMDM0LDE3LjA5MywyOS42NzksMTcuMDkzLDI4LjIyM3oiPjwvcGF0aD48cGF0aCBkPSJNMzkuNDU3LDI0LjUzaC04LjU0NmMwLjYyOSwxLjA4OSwwLjk5NSwyLjM0NywwLjk5NSwzLjY5MmMwLDEuNDU2LTAuNDI5LDIuODEyLTEuMTU4LDMuOTU5ICBjMS43OTEsMS4xNDIsMi45ODUsMy4xNDIsMi45ODUsNS40MTl2Ni43MzJoMTIuNjEyVjMxLjQxOEM0Ni4zNDUsMjcuNjE0LDQzLjI2MSwyNC41MywzOS40NTcsMjQuNTN6Ij48L3BhdGg+PC9zdmc+") left center no-repeat;
                -webkit-background-size: auto 100%;
                background-size: auto 100%;
            }

            .other_setUp li span.order {
                background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjNzBDMDQxIiB4bWxuczp4PSJodHRwOi8vbnMuYWRvYmUuY29tL0V4dGVuc2liaWxpdHkvMS4wLyIgeG1sbnM6aT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZUlsbHVzdHJhdG9yLzEwLjAvIiB4bWxuczpncmFwaD0iaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3dpdGNoPjxmb3JlaWduT2JqZWN0IHJlcXVpcmVkRXh0ZW5zaW9ucz0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZUlsbHVzdHJhdG9yLzEwLjAvIiB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIj48L2ZvcmVpZ25PYmplY3Q+PGcgaTpleHRyYW5lb3VzPSJzZWxmIj48Zz48cGF0aCBkPSJNNTI3My4xLDI0MDAuMXYtMmMwLTIuOC01LTQtOS43LTRzLTkuNywxLjMtOS43LDR2MmMwLDEuOCwwLjcsMy42LDIsNC45bDUsNC45YzAuMywwLjMsMC40LDAuNiwwLjQsMXY2LjQgICAgIGMwLDAuNCwwLjIsMC43LDAuNiwwLjhsMi45LDAuOWMwLjUsMC4xLDEtMC4yLDEtMC44di03LjJjMC0wLjQsMC4yLTAuNywwLjQtMWw1LjEtNUM1MjcyLjQsMjQwMy43LDUyNzMuMSwyNDAxLjksNTI3My4xLDI0MDAuMXogICAgICBNNTI2My40LDI0MDBjLTQuOCwwLTcuNC0xLjMtNy41LTEuOHYwYzAuMS0wLjUsMi43LTEuOCw3LjUtMS44YzQuOCwwLDcuMywxLjMsNy41LDEuOEM1MjcwLjcsMjM5OC43LDUyNjguMiwyNDAwLDUyNjMuNCwyNDAweiI+PC9wYXRoPjxwYXRoIGQ9Ik01MjY4LjQsMjQxMC4zYy0wLjYsMC0xLDAuNC0xLDFjMCwwLjYsMC40LDEsMSwxaDQuM2MwLjYsMCwxLTAuNCwxLTFjMC0wLjYtMC40LTEtMS0xSDUyNjguNHoiPjwvcGF0aD48cGF0aCBkPSJNNTI3Mi43LDI0MTMuN2gtNC4zYy0wLjYsMC0xLDAuNC0xLDFjMCwwLjYsMC40LDEsMSwxaDQuM2MwLjYsMCwxLTAuNCwxLTFDNTI3My43LDI0MTQuMSw1MjczLjMsMjQxMy43LDUyNzIuNywyNDEzLjd6Ij48L3BhdGg+PHBhdGggZD0iTTUyNzIuNywyNDE3aC00LjNjLTAuNiwwLTEsMC40LTEsMWMwLDAuNiwwLjQsMSwxLDFoNC4zYzAuNiwwLDEtMC40LDEtMUM1MjczLjcsMjQxNy41LDUyNzMuMywyNDE3LDUyNzIuNywyNDE3eiI+PC9wYXRoPjwvZz48cGF0aCBkPSJNOTQuMiw3LjVINS44QzQsNy41LDIuNSw5LDIuNSwxMC44djc4LjNjMCwxLjMsMC43LDIuNCwxLjgsM2MxLjEsMC42LDIuNSwwLjUsMy41LTAuM2w5LjEtNi42bDkuMSw2LjYgICAgYzEuMiwwLjgsMi44LDAuOCwzLjksMGw5LjEtNi42bDkuMSw2LjZjMS4yLDAuOCwyLjgsMC44LDMuOSwwbDkuMS02LjZsOS4xLDYuNmMxLjIsMC44LDIuOCwwLjgsMy45LDBsOS4xLTYuNmw5LjEsNi42ICAgIGMwLjYsMC40LDEuMywwLjYsMiwwLjZjMC41LDAsMS0wLjEsMS41LTAuNGMxLjEtMC42LDEuOC0xLjcsMS44LTNWMTAuOEM5Ny41LDksOTYsNy41LDk0LjIsNy41eiBNNDYuNCw0OC40ICAgIGMxLjUsMCwyLjgsMS4yLDIuOCwyLjhTNDcuOSw1NCw0Ni40LDU0aC05LjZ2MTAuMWMwLDEuOC0xLjQsMy4yLTMuMiwzLjJjLTEuOCwwLTMuMi0xLjQtMy4yLTMuMlY1NGgtOS42Yy0xLjUsMC0yLjgtMS4yLTIuOC0yLjggICAgczEuMi0yLjgsMi44LTIuOGg5LjZ2LTAuNmwtMi0zLjJoLTcuNmMtMS41LDAtMi44LTEuMi0yLjgtMi44YzAtMS41LDEuMi0yLjgsMi44LTIuOEgyNWwtNS4xLTguM2MtMC45LTEuNS0wLjUtMy41LDEtNC40ICAgIGMxLjUtMC45LDMuNS0wLjUsNC40LDFsOC4zLDEzLjVMNDIsMjcuNGMwLjktMS41LDIuOS0yLDQuNC0xYzEuNSwwLjksMiwyLjksMSw0LjRsLTUuMSw4LjNoNC4xYzEuNSwwLDIuOCwxLjIsMi44LDIuOCAgICBjMCwxLjUtMS4yLDIuOC0yLjgsMi44aC03LjZsLTIsMy4ydjAuNkg0Ni40eiBNNzguNiw2Ni4xSDYwLjljLTEuOCwwLTMuMy0xLjUtMy4zLTMuM2MwLTEuOCwxLjUtMy4zLDMuMy0zLjNoMTcuNyAgICBjMS44LDAsMy4zLDEuNSwzLjMsMy4zQzgxLjksNjQuNiw4MC40LDY2LjEsNzguNiw2Ni4xeiBNNzguNiw0OS45SDYwLjljLTEuOCwwLTMuMy0xLjUtMy4zLTMuM3MxLjUtMy4zLDMuMy0zLjNoMTcuNyAgICBjMS44LDAsMy4zLDEuNSwzLjMsMy4zUzgwLjQsNDkuOSw3OC42LDQ5Ljl6IE03OC42LDMzLjdINjAuOWMtMS44LDAtMy4zLTEuNS0zLjMtMy4zYzAtMS44LDEuNS0zLjMsMy4zLTMuM2gxNy43ICAgIGMxLjgsMCwzLjMsMS41LDMuMywzLjNDODEuOSwzMi4yLDgwLjQsMzMuNyw3OC42LDMzLjd6Ij48L3BhdGg+PC9nPjwvc3dpdGNoPjwvc3ZnPg==") left center no-repeat;
                -webkit-background-size: auto 100%;
                background-size: auto 100%;
            }

            .other_setUp li span.bank {
                background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDg3OGE5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNNDUsNy44SDNjLTEuNywwLTMsMS4zLTMsM1YyOWg0OFYxMC44QzQ4LDkuMiw0Ni43LDcuOCw0NSw3Ljh6IE01LjMsMTYuNmgzLjJ2MS40SDUuM1YxNi42eiBNMTYuNiwyMC4yYzAsMS4xLTAuOSwyLTIsMiAgIEg3LjNjLTEuMSwwLTItMC45LTItMnYtMS4xaDMuNEM4LjgsMTkuNiw5LjQsMjAsMTAsMjBoMi4zYzAuNiwwLDEuMi0wLjQsMS40LTAuOWgyLjlWMjAuMnogTTkuNSwxOC41di0yLjNjMC0wLjMsMC4yLTAuNSwwLjUtMC41ICAgaDIuM2MwLjMsMCwwLjUsMC4yLDAuNSwwLjV2Mi4zYzAsMC4zLTAuMiwwLjUtMC41LDAuNUgxMEM5LjcsMTksOS41LDE4LjgsOS41LDE4LjV6IE0xNi42LDE4LjFoLTIuOHYtMS40aDIuOFYxOC4xeiBNMTYuNiwxNS42ICAgaC0yLjljLTAuMi0wLjUtMC44LTAuOS0xLjQtMC45SDEwYy0wLjYsMC0xLjIsMC40LTEuNCwwLjlINS4zdi0xLjFjMC0xLjEsMC45LTIsMi0yaDcuM2MxLjEsMCwyLDAuOSwyLDJWMTUuNnogTTI3LjEsMjcuMSAgIGMtMC44LDAtMS40LTAuNi0xLjQtMS40YzAtMC44LDAuNi0xLjQsMS40LTEuNHMxLjQsMC42LDEuNCwxLjRDMjguNCwyNi40LDI3LjgsMjcuMSwyNy4xLDI3LjF6IE0zMi40LDI3LjFjLTAuOCwwLTEuNC0wLjYtMS40LTEuNCAgIGMwLTAuOCwwLjYtMS40LDEuNC0xLjRjMC44LDAsMS40LDAuNiwxLjQsMS40QzMzLjgsMjYuNCwzMy4yLDI3LjEsMzIuNCwyNy4xeiBNMzcuOCwyNy4xYy0wLjgsMC0xLjQtMC42LTEuNC0xLjQgICBjMC0wLjgsMC42LTEuNCwxLjQtMS40YzAuOCwwLDEuNCwwLjYsMS40LDEuNEMzOS4yLDI2LjQsMzguNiwyNy4xLDM3LjgsMjcuMXogTTQzLjIsMjcuMWMtMC44LDAtMS40LTAuNi0xLjQtMS40ICAgYzAtMC44LDAuNi0xLjQsMS40LTEuNGMwLjgsMCwxLjQsMC42LDEuNCwxLjRDNDQuNiwyNi40LDQ0LDI3LjEsNDMuMiwyNy4xeiBNNDEuMiwxOS4yYy0xLDAtMi0wLjQtMi42LTEuMSAgIGMtMC43LDAuNy0xLjYsMS4xLTIuNiwxLjFjLTIsMC0zLjYtMS42LTMuNi0zLjZTMzQsMTIsMzYsMTJjMSwwLDIsMC40LDIuNiwxLjFjMC43LTAuNywxLjYtMS4xLDIuNi0xLjFjMiwwLDMuNiwxLjYsMy42LDMuNiAgIFM0My4yLDE5LjIsNDEuMiwxOS4yeiI+PC9wYXRoPjxwYXRoIGQ9Ik0wLDM3LjJjMCwxLjcsMS4zLDMsMywzaDQyYzEuNywwLDMtMS4zLDMtM3YtMi45SDBWMzcuMnoiPjwvcGF0aD48L2c+PC9zdmc+") left center no-repeat;
                -webkit-background-size: auto 100%;
                background-size: auto 100%;
            }

            .other_setUp li span.binding {
                background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjNjhiYjk5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0i0KHQu9C+0LkgMSIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHg9IjBweCIgeT0iMHB4Ij48dGl0bGU+QnJva2VuIENoYWluLCBCcm9rZW4gTGluaywgVW5saW5rLCBVcmwsIGxpbmssIENoYWluPC90aXRsZT48cGF0aCBkPSJNMzQuNTIsMzcuMzVhMiwyLDAsMCwwLDIuODMtMi44M0wxNywxNC4yMUEyLDIsMCwwLDAsMTQuMjEsMTdaIj48L3BhdGg+PHBhdGggZD0iTTkwLjY1LDkwLjY1YTIsMiwwLDAsMCwwLDIuODNMMTExLDExMy43OWEyLDIsMCwwLDAsMi44My0yLjgzTDkzLjQ4LDkwLjY1QTIsMiwwLDAsMCw5MC42NSw5MC42NVoiPjwvcGF0aD48cGF0aCBkPSJNNDUuNDEsMjguODdBMiwyLDAsMSwwLDQ5LDI3LjE4TDM2LjksMS4xNWEyLDIsMCwxLDAtMy42MiwxLjY5WiI+PC9wYXRoPjxwYXRoIGQ9Ik03OS45Myw5OC4xNmEyLDIsMCwwLDAtMSwyLjY2bDEyLjE0LDI2YTIsMiwwLDEsMCwzLjYzLTEuNjlsLTEyLjE0LTI2QTIsMiwwLDAsMCw3OS45Myw5OC4xNloiPjwvcGF0aD48cGF0aCBkPSJNMS4xNSwzNi45LDI3LjE4LDQ5YTIsMiwwLDAsMCwxLjY5LTMuNjJsLTI2LTEyLjE0QTIsMiwwLDAsMCwxLjE1LDM2LjlaIj48L3BhdGg+PHBhdGggZD0iTTEyNS4xNSw5NC43MmEyLDIsMCwwLDAsMS42OS0zLjYyTDEwMC44Miw3OWEyLDIsMCwwLDAtMS42OSwzLjYzWiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTYuNDcsNy41M2EyNS43NywyNS43NywwLDAsMC0zNi40LDBsLTExLDExYTI1LjgyLDI1LjgyLDAsMCwwLTMuNDUsMzIuMTIsMiwyLDAsMCwwLDMuMS4zM2w1Ljc4LTUuNzhhMiwyLDAsMCwwLC4zOC0yLjMsMTMuOTMsMTMuOTMsMCwwLDEsMi41OS0xNmwxMS0xMWExMy44OSwxMy44OSwwLDAsMSwxOS42MSwwbDQsNGExMy44OSwxMy44OSwwLDAsMSwwLDE5LjYxbC0xMSwxMWExMy44NiwxMy44NiwwLDAsMS0xNiwyLjYsMiwyLDAsMCwwLTIuMy4zOGwtNS43Nyw1Ljc3YTIsMiwwLDAsMCwuMzMsMy4xLDI1Ljc2LDI1Ljc2LDAsMCwwLDMyLjEyLTMuNDRsMTEtMTFhMjUuNzcsMjUuNzcsMCwwLDAsMC0zNi40WiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMS41NywxMjAuNWEyNS43NSwyNS43NSwwLDAsMCwzNi4zNCwwbDExLTExYTI1LjgzLDI1LjgzLDAsMCwwLDMuNDItMzIuMDlBMiwyLDAsMCwwLDU5LjI2LDc3bC01Ljc3LDUuNzdhMiwyLDAsMCwwLS4zNywyLjMxLDEzLjgxLDEzLjgxLDAsMCwxLTIuNTgsMTZsLTExLDExYTEzLjg4LDEzLjg4LDAsMCwxLTE5LjU1LDBMMTUuOSwxMDhhMTMuODgsMTMuODgsMCwwLDEsMC0xOS41NWwxMS0xMWExMy43MywxMy43MywwLDAsMSw5Ljc4LTQsMTMuOTEsMTMuOTEsMCwwLDEsNi4xOCwxLjQ2LDIsMiwwLDAsMCwyLjMxLS4zOEw1MSw2OC43NGEyLDIsMCwwLDAtLjMzLTMuMDksMjUuODMsMjUuODMsMCwwLDAtMzIuMDksMy40MmwtMTEsMTFhMjUuNzUsMjUuNzUsMCwwLDAsMCwzNi4zNFoiPjwvcGF0aD48L3N2Zz4=") left center no-repeat;
                -webkit-background-size: auto 100%;
                background-size: auto 100%;
            }

            .other_setUp li span.set {
                background: url("../images/icon_set.png") left center no-repeat;
                -webkit-background-size: auto 100%;
                background-size: auto 100%;
            }
/*家庭成员 请假
********************/
.family_member_page,
.leave_page {
    padding: 0.8rem 1.2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .family_member_page ul,
    .leave_page ul {
        display: flex;
        flex-flow: column;
    }

        .family_member_page ul li,
        .leave_page ul li {
            display: flex;
            padding: 0.88rem 1.04rem 0.88rem 1.12rem;
            background: #fff;
        }

            .family_member_page ul li img,
            .leave_page ul li img {
                flex-shrink: 0;
                width: 4rem;
                height: 4rem;
                margin-right: 1.6rem;
                -webkit-border-radius: 0.36rem;
                -moz-border-radius: 0.36rem;
                border-radius: 0.36rem;
                background: #eee;
                overflow: hidden;
            }

            .family_member_page ul li:not(:last-of-type),
            .leave_page ul li:not(:last-of-type) {
                margin-bottom: 0.6rem;
            }

        .family_member_page ul .info,
        .leave_page ul .info {
            display: flex;
            flex-flow: column;
            justify-content: space-around;
            width: 100%;
        }

            .family_member_page ul .info dl,
            .leave_page ul .info dl {
                display: flex;
                justify-content: space-between;
                color: #333;
                font-size: 1.04rem;
                font-family: PingFang-SC-Medium;
            }

                .family_member_page ul .info dl:first-child dt,
                .leave_page ul .info dl:first-child dt {
                    color: #292929;
                    font-size: 1.2rem;
                    font-weight: bold;
                }

        .family_member_page ul .bind dl:last-child dd,
        .leave_page ul .bind dl:last-child dd {
            color: #0099e0;
        }

        .leave_page ul li {
            height: 4rem;
            align-items: center;
        }

            .leave_page ul li img {
                width: 1.6rem;
                height: 1.6rem;
                background: transparent;
            }

            .leave_page ul li .info {
                height: 100%;
            }

                .leave_page ul li .info dl {
                    color: #888;
                }

            .leave_page ul li .zt_wjs dl:last-child dd {
                color: #0099e0;
            }

            .leave_page ul li .zt_dcl dl:last-child dd {
                color: #f19149;
            }

            .leave_page ul li .zt_wtg dl:last-child dd {
                color: #e62d2d;
            }

            .leave_page ul li .zt_ytg dl:last-child dd {
                color: #11b925;
            }
/*
校区选择**************/
.campus_select_page {
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .campus_select_page dl {
        overflow: hidden;
    }

        .campus_select_page dl dt,
        .campus_select_page dl li {
            display: flex;
            align-items: center;
            height: 2.8rem;
            padding: 0 1.2rem;
            color: #292929;
            text-indent: 1em;
            font-size: 1.2rem;
            font-family: PingFang-SC-Medium;
            border-bottom: 1px solid #e5e5e5;
        }

        .campus_select_page dl dt {
            text-indent: 0;
            font-family: PingFang-SC-Bold;
            font-weight: bold;
        }

        .campus_select_page dl .selected {
            background: url("../images/icon_true.png") 96% center no-repeat;
            -webkit-background-size: auto 40%;
            background-size: auto 40%;
        }

        .campus_select_page dl .not_optional {
            color: #a6a6a6;
        }

.select_fix {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.2rem;
}

    .select_fix span {
        color: #292929;
        font-size: 1.12rem;
        font-family: PingFang-SC-Medium;
    }

        .select_fix span em {
            margin: 0 .5em;
            color: #0099e0;
        }

    .select_fix button {
        height: 80%;
        color: #fff !important;
        background-color: #0099e0;
        border-radius: 10px;
    }
/*缴费记录
*******************/
.paid_record_page {
    padding: 1.04rem 1.2rem 0;
}

    .paid_record_page .record_list {
        padding: 0.8rem 1.2rem;
        -webkit-border-radius: 0.32rem;
        -moz-border-radius: 0.32rem;
        border-radius: 0.32rem;
        background: #fff;
        overflow: hidden;
    }

        .paid_record_page .record_list:not(:last-of-type) {
            margin-bottom: 0.64rem;
        }

        .paid_record_page .record_list dl {
            display: flex;
            align-items: center;
            line-height: 2em;
            color: #292929;
            font-size: 1.2rem;
        }

            .paid_record_page .record_list dl dt {
                white-space: normal;
                flex-shrink: 0;
                font-family: PingFang-SC-Bold;
                font-weight: bold;
            }

            .paid_record_page .record_list dl dd {
                width: 100%;
                display: flex;
                color: #888;
                font-family: PingFang-SC-Medium;
            }

                .paid_record_page .record_list dl dd p {
                    width: 100%;
                    font-family: PingFang-SC-Medium;
                }

            .paid_record_page .record_list dl:first-child dt,
            .paid_record_page .record_list dl:first-child dd,
            .paid_record_page .record_list dl:first-child p {
                color: #2b80ee;
                font-family: PingFang-SC-Bold;
                font-weight: bold;
            }
/*解除绑定
*****************/
.untying_page {
    overflow: hidden;
    padding: 1.2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .untying_page .two_relation {
        display: flex;
        padding: 4.24rem 3.2rem 3.6rem;
        align-items: center;
        justify-content: space-evenly;
    }

        .untying_page .two_relation img {
            width: 4.6rem;
            background: #fff;
            -webkit-border-radius: 0.8rem;
            -moz-border-radius: 0.8rem;
            border-radius: 0.8rem;
            overflow: hidden;
        }

        .untying_page .two_relation i {
            width: 1.96rem;
            height: 1.34rem;
            background: url("../images/icon_relat.png") center center no-repeat;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
        }

    .untying_page p.exp_info {
        overflow: hidden;
        margin-bottom: 3.2rem;
        padding: 1.2rem 0.8rem;
        line-height: 1.5em;
        text-align: justify;
        color: #c74147;
        font-size: 1.04rem;
        font-family: PingFang-SC-Medium;
        background-color: #f2dedf;
        -webkit-border-radius: 0.4rem;
        -moz-border-radius: 0.4rem;
        border-radius: 0.4rem;
        border: solid 0.08rem #c48a8d;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .untying_page .btn {
        overflow: hidden;
    }

        .untying_page .btn button {
            width: 100%;
            height: 3.2rem;
            color: #888;
            font-size: 1.2rem;
            font-family: PingFang-SC-Bold;
            background: #fff;
            -webkit-border-radius: 1.6rem;
            -moz-border-radius: 1.6rem;
            border-radius: 1.6rem;
            overflow: hidden;
        }

            .untying_page .btn button:not(:last-of-type) {
                margin-bottom: 1.52rem;
            }

            .untying_page .btn button:first-child {
                color: #fff;
                background: #00a0e9;
            }
/*新增校长信箱
*****************/
.ppal_mailbox_page {
    overflow: hidden;
    position: relative;
}

    .ppal_mailbox_page .cur_campus {
        margin-bottom: 1.6rem;
        padding: 0 30 25rem;
        background: #fff;
    }

        .ppal_mailbox_page .cur_campus dl {
            display: flex;
            padding: 0 1.2rem;
            height: 3.6rem;
            font-size: 1.04rem;
        }

            .ppal_mailbox_page .cur_campus dl dt {
                display: flex;
                height: 100%;
                align-items: center;
                white-space: nowrap;
                color: #000;
                font-family: PingFang-SC-Bold;
                font-weight: bold;
            }

            .ppal_mailbox_page .cur_campus dl dd {
                display: flex;
                width: 100%;
                height: 100%;
                align-items: center;
                justify-content: flex-end;
                padding-right: 1.2rem;
                font-family: PingFang-SC-Medium;
                background: url("../images/icon_arrow1.png") right center no-repeat;
                -webkit-background-size: auto 30%;
                background-size: auto 30%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

    .ppal_mailbox_page .text_info {
        width: 100%;
        padding: 1.2rem;
        display: flex;
        flex-flow: column;
        background: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .ppal_mailbox_page .text_info textarea {
            border: none;
            outline: none;
            resize: none;
            height: 10.4rem;
            line-height: 1.3em;
            font-size: 1.06rem;
            font-family: PingFang-SC-Medium;
        }

        .ppal_mailbox_page .text_info span {
            padding: 0.4rem 1.48rem 0;
            text-align: right;
            color: #0099e0;
            font-size: 0.86rem;
            font-family: PingFang-SC-Medium;
        }

    .ppal_mailbox_page button {
        position: absolute;
        left: 5%;
        bottom: 10%;
        width: 90%;
        height: 3.2rem;
        color: #fff;
        font-size: 1.2rem;
        font-family: PingFang-SC-Bold;
        background-color: #00a0e9;
        -webkit-border-radius: 1.56rem;
        -moz-border-radius: 1.56rem;
        border-radius: 1.56rem;
    }
/*新闻动态
*****************/
.news_dynamic_page {
    display: flex;
    flex-flow: column;
    overflow: hidden;
}

    .news_dynamic_page .news_dynamic {
        display: flex;
        flex-shrink: 0;
        width: 100%;
        height: 2.8rem;
        color: #292929;
        font-size: 1.44rem;
        font-family: PingFang-SC-Bold;
        background: #fff;
        overflow: hidden;
    }

        .news_dynamic_page .news_dynamic button {
            width: 50%;
            text-align: center;
            border-bottom: 0.16rem solid #ffffff;
        }

            .news_dynamic_page .news_dynamic button.cur {
                color: #0099e0;
                border-color: #0099e0;
            }

    .news_dynamic_page .news_list {
        height: 100%;
        overflow: hidden;
    }

        .news_dynamic_page .news_list .had_read,
        .news_dynamic_page .news_list .unread {
            height: 100%;
            padding: 0 1.2rem 1.2rem;
            overflow: hidden;
            overflow-y: auto;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .news_dynamic_page .news_list .unread {
            display: none;
        }

        .news_dynamic_page .news_list em {
            display: block;
            padding: 1.4rem 0 0.88rem;
            text-align: center;
            font-size: 0.8rem;
            font-family: PingFang-SC-Bold;
        }

        .news_dynamic_page .news_list .list_info {
            background: #fff;
            -webkit-border-radius: 0.24rem;
            -moz-border-radius: 0.24rem;
            border-radius: 0.24rem;
            overflow: hidden;
        }

            .news_dynamic_page .news_list .list_info:not(:last-of-type) {
                margin-bottom: 0.8rem;
            }

            .news_dynamic_page .news_list .list_info img {
                width: 100%;
            }

            .news_dynamic_page .news_list .list_info dl {
                display: flex;
                justify-content: space-between;
                padding: 1.2rem 1.2rem 0.8rem;
                font-family: PingFang-SC-Bold;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .news_dynamic_page .news_list .list_info dl dt {
                    color: #292929;
                    font-size: 1.04rem;
                }

                .news_dynamic_page .news_list .list_info dl dd {
                    font-size: 0.8rem;
                    color: #888;
                }

            .news_dynamic_page .news_list .list_info p {
                display: box;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                padding: 0 1.2rem 1.04rem;
                color: #696969;
                font-weight: normal;
                font-size: 0.8rem;
                letter-spacing: 0.08rem;
                font-family: PingFang-SC-Medium;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }
/*作业
******************/
.work_list_page {
    overflow: hidden;
    display: flex;
    flex-flow: column;
}

    .work_list_page .class_title {
        height: 2.8rem;
        flex-shrink: 0;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

        .work_list_page .class_title strong {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            color: #292929;
            font-size: 1.04rem;
            font-family: PingFang-SC-Bold;
            font-weight: bold;
        }

            .work_list_page .class_title strong:after {
                content: "";
                display: inline-block;
                width: 1.2rem;
                height: 0.72rem;
                background: url("../images/icon_solid_tra.png") center center no-repeat;
                -webkit-background-size: 100% 100%;
                background-size: 100% 100%;
            }

        .work_list_page .class_title ul {
            position: absolute;
            top: 3.2rem;
            display: none;
            width: 100%;
            height: auto;
            background: #fff;
            overflow: hidden;
        }

            .work_list_page .class_title ul li {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 3.2rem;
                color: #292929;
                font-size: 1.04rem;
                font-family: PingFang-SC-Medium;
                border-top: 1px solid #f3f3f3;
            }

                .work_list_page .class_title ul li.cur {
                    background: url("../images/icon_true.png") 90% center no-repeat;
                    -webkit-background-size: auto 36%;
                    background-size: auto 36%;
                }

    .work_list_page .class_work {
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
    }

        .work_list_page .class_work ul {
            padding: 0.64rem 1.2rem 0;
        }

            .work_list_page .class_work ul li {
                display: flex;
                justify-content: space-between;
                margin-bottom: 0.64rem;
                padding: 1.44rem 1.2rem 1.52rem;
                background: #fff;
                -webkit-border-radius: 0.32rem;
                -moz-border-radius: 0.32rem;
                border-radius: 0.32rem;
                overflow: hidden;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

            .work_list_page .class_work ul .cur_state {
                display: flex;
                flex-flow: column;
                flex-shrink: 0;
                align-items: center;
                justify-content: space-between;
                height: 3.2rem;
                margin-right: 1.2rem;
            }

                .work_list_page .class_work ul .cur_state em {
                    display: block;
                    width: 1.1rem;
                    height: 1.22rem;
                    background: url("../images/icon_work.png") center center no-repeat;
                    -webkit-background-size: 100% 100%;
                    background-size: 100% 100%;
                }

                .work_list_page .class_work ul .cur_state span {
                    display: block;
                    width: 3.7rem;
                    line-height: 1.38rem;
                    text-align: center;
                    font-size: 0.86rem;
                    font-family: PingFang-SC-Medium;
                    border-radius: 0.64rem;
                    border: solid 0.08rem #0099e0;
                }

            .work_list_page .class_work ul .submitted span {
                color: #fff;
                background: #0099e0;
            }

            .work_list_page .class_work ul .text_info {
                display: flex;
                flex-flow: column;
                width: 100%;
                justify-content: space-between;
            }

                .work_list_page .class_work ul .text_info .tit {
                    display: flex;
                    justify-content: space-between;
                    color: #292929;
                }

                    .work_list_page .class_work ul .text_info .tit strong {
                        font-size: 1.12rem;
                        font-family: PingFang-SC-Bold;
                        font-weight: bold;
                    }

                    .work_list_page .class_work ul .text_info .tit em {
                        font-size: 0.96rem;
                        font-family: PingFang-SC-Medium;
                        font-weight: bold;
                    }

                .work_list_page .class_work ul .text_info .text {
                    display: flex;
                    justify-content: space-between;
                }

                    .work_list_page .class_work ul .text_info .text span {
                        color: #888;
                        font-size: 0.96rem;
                        font-family: PingFang-SC-Medium;
                    }
/*考勤
******************/
.attence_page {
    padding: 1.2rem 1.2rem 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .attence_page li {
        margin-bottom: 0.984rem;
        padding: 1.584rem 1.4rem;
        background: #fff;
        -webkit-border-radius: 0.24rem;
        -moz-border-radius: 0.24rem;
        border-radius: 0.24rem;
    }

        .attence_page li dl {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .attence_page li dl:first-child {
                padding-bottom: 1.68rem;
            }

                .attence_page li dl:first-child dt {
                    display: flex;
                    align-items: flex-end;
                    font-size: 1.152rem;
                    color: #292929;
                    font-family: PingFang-SC-Bold;
                }

                    .attence_page li dl:first-child dt span {
                        margin-left: 1em;
                        color: #aaaaaa;
                        font-size: 1.008rem;
                        font-family: PingFang-SC-Medium;
                    }

                .attence_page li dl:first-child dd {
                    font-size: 1.032rem;
                    color: #f19149;
                    font-family: PingFang-SC-Medium;
                }

            .attence_page li dl:last-child dt {
                font-size: 1.08rem;
                color: #888888;
                font-family: PingFang-SC-Medium;
            }

            .attence_page li dl:last-child dd {
                display: flex;
                align-items: center;
                font-size: 1.08rem;
                color: #292929;
                font-family: PingFang-SC-Medium;
            }

                .attence_page li dl:last-child dd span {
                    color: #888888;
                }

        .attence_page li.zt_yes dl:first-child dd {
            color: #11b925;
        }

        .attence_page li.zt_no dl:first-child dd {
            color: #f19149;
        }
/*违纪
*********/
.undisciplined_page {
    padding: 1.2rem 1.2rem 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .undisciplined_page li {
        padding: 1.008rem 1.2rem;
        margin-bottom: 1.032rem;
        background: #fff;
        -webkit-border-radius: 0.24rem;
        -moz-border-radius: 0.24rem;
        border-radius: 0.24rem;
        overflow: hidden;
    }

        .undisciplined_page li dl {
            display: flex;
            align-items: center;
            justify-content: space-between;
            line-height: 1.7em;
            font-size: 1.08rem;
            color: #888;
            font-family: PingFang-SC-Medium;
        }

            .undisciplined_page li dl span {
                color: #292929;
            }

            .undisciplined_page li dl.tips dt {
                font-size: 1.152rem;
                color: #292929;
                font-family: PingFang-SC-Bold;
            }

            .undisciplined_page li dl.tips dd {
                font-size: 1.152rem;
                color: #e62d2d;
                font-family: PingFang-SC-Bold;
            }
/*档案
**************/
.archives_page {
    padding: 1.152rem 1.344rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .archives_page .archives_text {
        padding: 0.768rem 1.152rem;
        background: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .archives_page .info_list {
        padding-bottom: 1.248rem;
    }

        .archives_page .info_list .title {
            /*border-bottom: 0.072rem solid rgba(168, 217, 255, 0.4);*/
            overflow: hidden;
            position: relative;
        }

            .archives_page .info_list .title::before {
                content: "";
                position: absolute;
                top: 50%;
                display: block;
                width: 100%;
                height: 1px;
                background: rgba(168, 217, 255, 0.4);
            }

            .archives_page .info_list .title strong {
                position: relative;
                margin-left: 1.2rem;
                padding: 0 .4rem;
                line-height: 2.5em;
                font-size: 1.152rem;
                color: #0099e0;
                font-family: PingFang-SC-Bold;
                background: #fff;
            }

        .archives_page .info_list ul {
            padding-top: 0.336rem;
            overflow: hidden;
        }

            .archives_page .info_list ul.apply-list {
                padding-top: 0.336rem;
                overflow: hidden;
                border-radius: 6px;
                margin-top: 1rem;
                border: 1px solid #e6e6e6;
                padding: 0.4rem;
            }

            .archives_page .info_list ul li {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 0.6rem 0 0 0;
                font-size: 1.152rem;
            }

                .archives_page .info_list ul li.teacher-list {
                    margin-top: .3rem;
                    border-top: 1px solid #e6e6e6;
                }

                .archives_page .info_list ul li span {
                    width: 6em;
                    flex-shrink: 0;
                    margin-right: 1em;
                    color: #292929;
                    font-family: PingFang-SC-Bold;
                }

.text_lr_align {
    text-align: justify;
    height: 2rem;
    overflow: hidden;
}

    .text_lr_align::after {
        content: "";
        display: inline-block;
        width: 100%;
        height: .1rem;
    }

.archives_page .info_list ul li p {
    color: #888888;
    font-family: PingFang-SC-Medium;
    text-align: justify;
}

    .archives_page .info_list ul li p.wh {
        color: #e63e91;
    }

    .archives_page .info_list ul li p.gj {
        color: #9368e9;
    }

.archives_page .info_list .loading-apply {
    color: #888888;
    text-align: center;
    margin-top: 1rem;
}

.archives_page .info_list ul li > div {
    width: 100%;
    color: #888888;
    font-family: PingFang-SC-Medium;
}

.archives_page .info_list ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.4rem 0;
    font-size: 1.172rem;
    text-decoration: none;
    color: #0099e0;
}

    .archives_page .info_list ul li a:active {
        transition-duration: 0s;
        background-color: #d9d9d9;
    }

    .archives_page .info_list ul li a::after {
        content: "";
        display: inline-block;
        width: 1.8rem;
        height: 1.8rem;
        margin-left: .2rem;
        background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDA5OWUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uO3RleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjtpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyIgdmlld0JveD0iMCAwIDMzMyAzMzMiIHg9IjBweCIgeT0iMHB4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgCiAgICAuZmlsMCB7ZmlsbDojMDA5OWUwfQogICAKICA8L3N0eWxlPjwvZGVmcz48Zz48cGF0aCBjbGFzcz0iZmlsMCIgZD0iTTE2NyAzM2M3MywwIDEzMyw2MCAxMzMsMTM0IDAsNzMgLTYwLDEzMyAtMTMzLDEzMyAtNzQsMCAtMTM0LC02MCAtMTM0LC0xMzMgMCwtNzQgNjAsLTEzNCAxMzQsLTEzNHptMjIgMjE2YzI4LDEwIDU3LC01IDYyLC0xMyA0LC03IDAsLTEzIC05LC0yMyAtMTAsLTEwIC0yNCwtMTkgLTM1LC04IC0xMSwxMSAtMTksMTUgLTI5LDggLTE3LC0xMiAtNDYsLTQwIC01OCwtNTggLTYsLTEwIC0yLC0xOCA4LC0yOSAxMSwtMTAgMiwtMjUgLTcsLTM0IC0xMCwtMTAgLTE2LC0xNCAtMjQsLTkgLTgsNCAtMjMsMzMgLTEyLDYyIDExLDMwIDc0LDkzIDEwNCwxMDR6Ij48L3BhdGg+PC9nPjwvc3ZnPg==");
        background-size: 100% 100%;
    }

.archives_page .info_list ul.apply-list dl {
    display: flex;
    justify-content: space-between;
    padding: 0.4rem 0;
    font-size: 1rem;
}

.archives_page .info_list ul.apply-list dt {
    flex-shrink: 0;
    width: 3.5em;
    height: 1.5rem;
    padding-right: .1rem;
    text-align: justify;
    position: relative;
    overflow: hidden;
}

    .archives_page .info_list ul.apply-list dt::after {
        content: "";
        display: inline-block;
        width: 100%;
        height: .1rem;
    }

.archives_page .info_list ul.apply-list dd {
    width: 100%;
    position: relative;
    padding-left: .4rem;
}

    .archives_page .info_list ul.apply-list dd:before {
        content: "：";
        display: inline-block;
        position: absolute;
        left: -.2rem;
    }

.archives_page .info_list ul.apply-list em {
    display: inline-block;
    margin: 0 .3rem;
}
/*作品
*******************/
.works_page {
    /*padding: 1.68rem 1.44rem;*/
    /*background-color: #f2f2f2;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .works_page .cur_works {
        display: flex;
        overflow: hidden;
    }

        .works_page .cur_works:first-child {
            padding-bottom: 1rem;
        }

        .works_page .cur_works:not(:first-child) {
            padding: 1rem 0;
        }

        .works_page .cur_works:not(:last-child) {
            border-bottom: 1px solid #e6e6e6;
        }

        .works_page .cur_works .user {
            flex-shrink: 0;
            width: 3.744rem;
            height: 3.744rem;
            margin-right: 0.96rem;
            background-color: #e4f2fd;
            -webkit-border-radius: 0.24rem;
            -moz-border-radius: 0.24rem;
            border-radius: 0.24rem;
            overflow: hidden;
        }

        .works_page .cur_works .text {
            width: 100%;
            overflow: hidden;
        }

            .works_page .cur_works .text strong {
                display: block;
                padding: 0.336rem 0;
                font-size: 1.032rem;
                color: #888;
                font-family: PingFang-SC-Bold;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            .works_page .cur_works .text .headName {
                display: block;
                padding: 0.336rem 0;
                font-size: 1.032rem;
                color: #888;
                font-family: PingFang-SC-Bold;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            .works_page .cur_works .text .countInfo {
                width: 100%;
                height: 1.8rem;
                margin-top: 0.5rem;
            }

                .works_page .cur_works .text .countInfo ul {
                    display: flex;
                    align-items: center;
                    /*  justify-content: center;
            justify-content: space-between;*/
                    height: 100%;
                    position: relative;
                }

                    .works_page .cur_works .text .countInfo ul li {
                        width: 30%;
                        height: 100%;
                        /*display: flex;*/
                        align-items: center;
                        justify-content: center;
                        color: #292929;
                        font-size: 1.12rem;
                        font-family: "Microsoft YaHei UI", "PingFang-SC-Medium";
                    }

                .works_page .cur_works .text .countInfo li em {
                    display: block;
                    width: auto;
                    overflow: hidden;
                    padding-left: 1.76rem;
                }

                .works_page .cur_works .text .countInfo .praiseCount {
                    background: url(../../../images/icon_like.png) left center no-repeat;
                    background-size: 1.32rem 1.32rem;
                }

                .works_page .cur_works .text .countInfo .commCount {
                    background: url(../../../images/icon_info.png) left center no-repeat;
                    background-size: 1.32rem 1.32rem;
                }

            .works_page .cur_works .text .commContent {
                border: 1px solid #e6e6e6;
                background-color: #e6e6e6 !important;
                border-radius: 4px;
                margin: 0 auto;
                padding: 0.2rem;
            }

                .works_page .cur_works .text .commContent li {
                    background-color: #e6e6e6 !important;
                    padding: 0.4rem;
                    line-height: 1.4rem;
                }

            .works_page .cur_works .text p {
                display: block;
                padding-bottom: 0.384rem;
                line-height: 1.5em;
                text-align: justify;
                text-align-last: left;
                font-size: 1.152rem;
                color: #292929;
                font-family: PingFang-SC-Medium;
            }

            .works_page .cur_works .text .photo_list {
                display: block;
                overflow: hidden;
                margin-right: -0.576rem;
            }

                .works_page .cur_works .text .photo_list li {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    float: left;
                    width: 6.144rem;
                    height: 6.144rem;
                    margin: 0 0.576rem 0.576rem 0;
                    background-color: #eee;
                    overflow: hidden;
                }

                    .works_page .cur_works .text .photo_list li img {
                        width: 100%;
                    }

            .works_page .cur_works .text .corr_photo_list {
                display: block;
                overflow: hidden;
                margin-right: -0.576rem;
            }

                .works_page .cur_works .text .corr_photo_list li {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    float: left;
                    width: 6.144rem;
                    height: 6.144rem;
                    margin: 0 0.576rem 0.576rem 0;
                    background-color: #eee;
                    overflow: hidden;
                }

                    .works_page .cur_works .text .corr_photo_list li img {
                        width: 100%;
                    }

            .works_page .cur_works .text .operate {
                display: flex;
                align-items: center;
                justify-content: space-between;
                overflow: hidden;
            }

                .works_page .cur_works .text .operate button.delete {
                    font-size: 1.104rem;
                    color: #0099e0;
                    font-family: PingFang-SC-Bold;
                }

            .works_page .cur_works .text .operate_btn {
                display: flex;
                align-items: center;
                margin-bottom: 0.48rem;
            }

                .works_page .cur_works .text .operate_btn .btn {
                    display: flex;
                    align-items: center;
                    width: 10.8rem;
                    height: 2.352rem;
                    margin-right: 1.104rem;
                    background-image: linear-gradient(#4f5054, #4f5054), linear-gradient(#e4f2fd, #e4f2fd);
                    background-blend-mode: normal,normal;
                    -webkit-border-radius: 0.24rem;
                    -moz-border-radius: 0.24rem;
                    border-radius: 0.24rem;
                    position: relative;
                }

                    .works_page .cur_works .text .operate_btn .btn:before {
                        content: "";
                        position: absolute;
                        right: -0.48rem;
                        float: right;
                        width: 0;
                        height: 0;
                        border-top: 0.48rem solid transparent;
                        border-bottom: 0.672rem solid transparent;
                        border-left: 0.48rem solid #4f5054;
                        overflow: hidden;
                    }

                    .works_page .cur_works .text .operate_btn .btn button {
                        width: 50%;
                        height: 100%;
                        color: #fff;
                        text-align: left;
                        font-size: 0.936rem;
                        font-family: PingFang-SC-Medium;
                    }

                        .works_page .cur_works .text .operate_btn .btn button:first-child {
                            text-indent: 2.808rem;
                            background: url("../images/icon_tx_bs.png") 1.416rem 0.768rem no-repeat;
                            -webkit-background-size: 0.984rem 0.936rem;
                            background-size: 0.984rem 0.936rem;
                        }

                            .works_page .cur_works .text .operate_btn .btn button:first-child:after {
                                content: "";
                                float: right;
                                width: 0.048rem;
                                height: 1.248rem;
                                background-color: #434448;
                            }

                        .works_page .cur_works .text .operate_btn .btn button:last-child {
                            text-indent: 2.592rem;
                            background: url("../images/icon_pl_bs.png") 1.152rem 0.744rem no-repeat;
                            -webkit-background-size: 0.984rem 0.936rem;
                            background-size: 0.984rem 0.936rem;
                        }

                .works_page .cur_works .text .operate_btn ul {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 3.072rem;
                    height: 1.344rem;
                    border-radius: 0.24rem;
                    background-color: #f3f3f3;
                    overflow: hidden;
                }

                    .works_page .cur_works .text .operate_btn ul li {
                        display: block;
                        width: 0.264rem;
                        height: 0.264rem;
                        margin: 0 0.216rem;
                        background-color: #3699ff;
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        border-radius: 50%;
                        overflow: hidden;
                    }

            .works_page .cur_works .text .works_comment {
                width: 100%;
                height: auto;
                padding: 0 0.576rem 0.6rem;
                background-color: #f3f3f3;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                overflow: hidden;
            }

                .works_page .cur_works .text .works_comment .support {
                    padding: 0.096rem 0 0.432rem;
                    background: url("../images/icon_tx_hs.png") left 0.576rem no-repeat;
                    -webkit-background-size: 0.792rem 0.744rem;
                    background-size: 0.792rem 0.744rem;
                    border-bottom: 0.048rem solid #e8e8e8;
                    overflow: hidden;
                }

                    .works_page .cur_works .text .works_comment .support ul li {
                        display: flex;
                        float: left;
                        padding: 0.12rem 0 0.024rem 0;
                        color: #888;
                        font-size: 0.96rem;
                        font-family: PingFang-SC-Bold;
                    }

                        .works_page .cur_works .text .works_comment .support ul li:first-child {
                            text-indent: 1.152rem;
                        }

                        .works_page .cur_works .text .works_comment .support ul li:not(:last-of-type):after {
                            content: "";
                            display: inline-block;
                            width: 1em;
                            height: inherit;
                            background: url("../images/icon_douhao.png") 30% 95% no-repeat;
                            -webkit-background-size: 0.168rem 0.336rem;
                            background-size: 0.168rem 0.336rem;
                        }

                .works_page .cur_works .text .works_comment .comment_list {
                    overflow: hidden;
                    padding-top: 0.48rem;
                }

                    .works_page .cur_works .text .works_comment .comment_list li {
                        line-height: 1.7em;
                        color: #292929;
                        font-size: 1.08rem;
                        font-family: PingFang-SC-Medium;
                    }

                        .works_page .cur_works .text .works_comment .comment_list li span {
                            color: #888;
                            font-size: 1.08rem;
                            font-family: PingFang-SC-Bold;
                        }

/*学生课表*/
.date_select_page {
    padding: 1.152rem 1.344rem;
    box-sizing: border-box;
}

    .date_select_page .cur_box_list {
        background: #fff;
        -webkit-border-radius: 0.48rem;
        -moz-border-radius: 0.48rem;
        border-radius: 0.48rem;
        overflow: hidden;
        margin-bottom: 1rem;
    }

    .date_select_page .date_select .select_other {
        width: 100%;
        height: 3.92rem;
        padding: 0.6rem 0.96rem;
        border-bottom: 1px solid #E6E6E6;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .date_select_page .date_select .select_other .month_year {
            display: flex;
            align-items: baseline;
        }

            .date_select_page .date_select .select_other .month_year strong {
                margin-right: 0.84rem;
                color: #0099e0;
                font-size: 1.52rem;
            }

            .date_select_page .date_select .select_other .month_year span {
                color: #787878;
                font-size: 1.12rem;
            }

        .date_select_page .date_select .select_other .cur_week {
            display: flex;
            height: 100%;
        }

            .date_select_page .date_select .select_other .cur_week button {
                width: 2.72rem;
                height: 100%;
                line-height: 2.72rem;
                text-align: center;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                overflow: hidden;
            }

                .date_select_page .date_select .select_other .cur_week button:nth-child(2) {
                    margin: 0 1.2rem;
                    color: #fff;
                    text-indent: 0;
                    font-size: 0.96rem;
                    background: #0099e0;
                }

                    .date_select_page .date_select .select_other .cur_week button:nth-child(2).cur {
                        color: #282828;
                        background: #F6F6F6;
                    }

            .date_select_page .date_select .select_other .cur_week button {
                text-indent: -39.96rem;
                background: #f6f6f6 url(../images/icon_arrows.png) center center no-repeat;
                -webkit-background-size: 1.12rem auto;
                background-size: 1.12rem auto;
            }

                .date_select_page .date_select .select_other .cur_week button:last-child {
                    -webkit-transform: rotate(180deg);
                    -moz-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                    transform: rotate(180deg);
                }

    .date_select_page .date_select .select_day {
        padding-bottom: 0.8rem;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }

        .date_select_page .date_select .select_day dl {
            width: 100%;
        }

            .date_select_page .date_select .select_day dl dt,
            .date_select_page .date_select .select_day dl dd {
                display: block;
                text-align: center;
                font-size: 1.12rem;
                overflow: hidden;
            }

            .date_select_page .date_select .select_day dl dt {
                color: #292929;
            }

            .date_select_page .date_select .select_day dl dd {
                position: relative;
                color: #292929;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .date_select_page .date_select .select_day dl dd:before {
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 0;
                    height: 0;
                    border-top: 0.8rem solid #e6e6e6;
                    border-left: 0.8rem solid transparent;
                }

            .date_select_page .date_select .select_day dl.cur_day dd {
                color: #0099e0;
                background: #F6F6F6;
            }

            .date_select_page .date_select .select_day dl.cur_select dd:after {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                border: 0.16rem solid #0099e0;
            }

            .date_select_page .date_select .select_day dl.cur_select dd:before {
                border-top-color: #0099e0;
            }

    .date_select_page .day_kc_list {
        overflow: hidden;
    }

        .date_select_page .day_kc_list .text_info {
            display: flex;
            align-items: center;
            line-height: 1;
            border-bottom: 1px solid #E6E6E6;
        }

            .date_select_page .day_kc_list .text_info .time {
                flex-shrink: 0;
                width: 6.16rem;
                overflow: hidden;
                display: flex;
                flex-flow: column;
                align-items: center;
            }

                .date_select_page .day_kc_list .text_info .time > li {
                    color: #787878;
                    font-size: 1.28rem;
                    font-family: ArialMT;
                }

                    .date_select_page .day_kc_list .text_info .time > li:first-child {
                        line-height: 2.52rem;
                        color: #505050;
                        font-size: 1.6rem;
                        font-weight: 400;
                    }

            .date_select_page .day_kc_list .text_info .text {
                width: 100%;
                padding: 0.4rem 1.2rem 0.8rem;
                overflow: hidden;
                position: relative;
                border-left: 1px solid #E6E6E6;
            }

                .date_select_page .day_kc_list .text_info .text dt {
                    height: 2.52rem;
                    color: #282828;
                    font-size: 1.28rem;
                    font-weight: 400;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                }

                    .date_select_page .day_kc_list .text_info .text dt strong {
                        width: 100%;
                        display: block;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                    .date_select_page .day_kc_list .text_info .text dt span {
                        margin-left: 1rem;
                        flex-shrink: 0;
                        font-size: 0.96rem;
                    }

                .date_select_page .day_kc_list .text_info .text dd {
                    display: flex;
                    flex-wrap: nowrap;
                    font-size: .96rem;
                }

                    .date_select_page .day_kc_list .text_info .text dd p {
                        padding: 0.2rem 0;
                        -ms-text-overflow: ellipsis;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        text-indent: 1.2em;
                        background: url(../images/icon_site.png) left center no-repeat;
                        -webkit-background-size: auto 75%;
                        background-size: auto 75%;
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box;
                        line-height: 1;
                    }

                        .date_select_page .day_kc_list .text_info .text dd p:first-child {
                            flex-shrink: 0;
                            margin-right: 0.8rem;
                            background: url(../images/icon_teacher.png) left center no-repeat;
                            -webkit-background-size: auto 75%;
                            background-size: auto 75%;
                        }

                        .date_select_page .day_kc_list .text_info .text dd p:last-child {
                            width: 100%;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

        .date_select_page .day_kc_list .btn {
            text-align: center;
            padding: 0.56rem 0;
            overflow: hidden;
        }

            .date_select_page .day_kc_list .btn button {
                display: inline-block;
                width: 7.2rem;
                height: 2.16rem;
                color: #fff;
                font-size: 1.12rem;
                -webkit-border-radius: 0.32rem;
                -moz-border-radius: 0.32rem;
                border-radius: 0.32rem;
                overflow: hidden;
                background: #0099e0;
            }

.course_list {
    overflow: hidden;
}

    .course_list ul {
        padding: 0.8rem 1rem;
        background: #fff;
        -webkit-border-radius: 0.48rem;
        -moz-border-radius: 0.48rem;
        border-radius: 0.48rem;
        overflow: hidden;
        margin-bottom: 1rem;
    }

        .course_list ul li:first-child p {
            color: #0099e0;
            font-size: 1.1rem;
        }

        .course_list ul li {
            display: flex;
            align-items: center;
            height: 1.5em;
            font-size: 1rem;
        }

    .course_list li span {
        flex-shrink: 0;
        color: #3d4145;
    }

    .course_list li p {
        width: 100%;
        color: #666;
    }


.list_nodata {
    text-align: center;
    color: #888;
    margin-top: 20%;
    font-size: 1.2rem;
}

    .list_nodata img {
        width: 50%;
    }

    .list_nodata span {
        margin-top: 6%;
        display: block;
    }

.loading-tips {
    color: #888888;
    text-align: center;
    margin-top: 1rem;
}

/*==================我的账单 开始================*/

body {
    display: flex;
    flex-flow: column;
    overflow: hidden;
}

.order-detail {
    height: 100%;
    background: #efeff4;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

    .order-detail .order-content-pay {
        display: none;
    }

    .order-detail .order-content {
        overflow: hidden;
        padding: 0.32rem 1.44rem 1.28rem;
        background: #fff;
        margin-bottom: 1.2rem;
        padding-bottom: 0.4rem;
    }

        .order-detail .order-content .order-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 3.2rem;
            border-bottom: 0.08rem solid #f1f0f0;
        }

            .order-detail .order-content .order-title strong {
                font-size: 1.24rem;
                color: #292929;
                font-weight: 500;
            }

            .order-detail .order-content .order-title span {
                font-size: 1.02rem;
            }

                .order-detail .order-content .order-title span.red {
                    color: #e63e91;
                }

                .order-detail .order-content .order-title span.green {
                    color: #70c041;
                }

                .order-detail .order-content .order-title span.blue {
                    color: #0099e0;
                }

        .order-detail .order-content .order-list {
            padding: .8rem 0;
        }

            .order-detail .order-content .order-list li {
                display: flex;
                align-items: center;
                justify-content: space-between;
                height: 1.84rem;
                font-size: 1.02rem;
                color: #5f646e;
            }

            .order-detail .order-content .order-list .fee-item {
                position: relative;
                border-bottom: 0.08rem solid #f1f0f0;
                padding-bottom: .8rem;
                margin-bottom: .8rem;
            }

                .order-detail .order-content .order-list .fee-item:last-child {
                    border-bottom: none;
                    padding-bottom: 0;
                    margin-bottom: 0;
                }

                .order-detail .order-content .order-list .fee-item p {
                    position: absolute;
                    right: .4rem;
                    height: 1.84rem;
                }

                    .order-detail .order-content .order-list .fee-item p.grey {
                        color: #ccc;
                    }

                    .order-detail .order-content .order-list .fee-item p.red {
                        color: #e63e91;
                    }

                    .order-detail .order-content .order-list .fee-item p.green {
                        color: #70c041;
                    }

            .order-detail .order-content .order-list li strong {
                flex-shrink: 0;
            }

            .order-detail .order-content .order-list li span {
                width: 100%;
            }

            .order-detail .order-content .order-list li a.tel {
                display: flex;
                align-items: center;
                justify-content: end;
                width: 100%;
                color: #5f646e;
                text-decoration: none;
            }
                .order-detail .order-content .order-list li a.tel::after {
                    content: "";
                    width: 1.3rem;
                    height: 1.3rem;
                    margin-left: .5em;
                    background-image: url('../images/icon_phone.png');
                    background-size: 100% auto;
                }

                .order-detail .order-content .order-list li span.red {
                    color: #e63e91;
                }

                .order-detail .order-content .order-list li span.green {
                    color: #70c041;
                }

        .order-detail .order-content .order-pay dl {
            display: flex;
            align-items: center;
            width: 100%;
            padding: 1.08rem 0;
            color: #000;
            font-size: 1.04rem;
            border-bottom: 0.04rem solid #ebecf1;
            padding-right: 1.4rem;
            box-sizing: border-box;
        }

            .order-detail .order-content .order-pay dl.cur {
                background: url(../images/icon_sele_t.png) right center no-repeat;
                -webkit-background-size: 1.28rem 0.92rem;
                background-size: 1.28rem 0.92rem;
            }

            .order-detail .order-content .order-pay dl.exchange-pay {
                background: url(../images/icon_arrow.png) 100% center no-repeat;
                -webkit-background-size: 0.56rem 0.96rem;
                background-size: 0.56rem 0.96rem;
            }

            .order-detail .order-content .order-pay dl dt {
                flex-shrink:0;
                display: block;
                width: 2.4rem;
                height: 2.4rem;
                margin-right: 1.2rem;
                -webkit-border-radius: 0.4rem;
                -moz-border-radius: 0.4rem;
                border-radius: 0.4rem;
                overflow: hidden;
            }

                .order-detail .order-content .order-pay dl dt img {
                    width: 100%;
                    border: none;
                    vertical-align: middle;
                }

            .order-detail .order-content .order-pay dl dd {
                display: flex;
                flex-flow: column;
                justify-content: center;
                height: 2.4rem;
                line-height: 1;
            }

                .order-detail .order-content .order-pay dl dd strong {
                    font-size: 1.04rem;
                    font-weight: 500;
                }

        .order-detail .order-content .order-pay .pay-agreement {
            display: flex;
            align-items: flex-start;
            height: auto;
            margin: 0;
            padding: 1.08rem 0;
        }

            .order-detail .order-content .order-pay .pay-agreement i {
                flex-shrink: 0;
                width: 1.52rem;
                height: 1.52rem;
                margin-right: 1.04rem;
                margin-left: 0.44rem;
                border: 0.04rem solid #d4d4d6;
                -webkit-border-radius: 0.76rem;
                -moz-border-radius: 0.76rem;
                border-radius: 0.76rem;
                overflow: hidden;
                box-sizing: border-box;
            }

                .order-detail .order-content .order-pay .pay-agreement i.cur {
                    border: none;
                    background: url(../images/icon_buy_xy_t.png) center center no-repeat;
                    -webkit-background-size: 100% auto;
                    background-size: 100% auto;
                }

            .order-detail .order-content .order-pay .pay-agreement dl {
                display: flex;
                align-items: center;
                justify-content: center;
                align-items: flex-start;
                flex-flow: column;
                padding: 0;
                border-color: transparent;
            }

                .order-detail .order-content .order-pay .pay-agreement dl dt {
                    display: block;
                    width: 100%;
                    margin-bottom: 0.64rem;
                    height: 1.52rem;
                    line-height: 1.52rem;
                    font-family: PingFang-SC-Medium;
                    font-size: 1.04rem;
                    color: #e63e91;
                }

                    .order-detail .order-content .order-pay .pay-agreement dl dt a {
                        text-decoration: none;
                        color: #292929;
                        font-weight: 600;
                    }

                .order-detail .order-content .order-pay .pay-agreement dl dd {
                    height: auto;
                    line-height: 1.5em;
                    font-family: PingFang-SC-Medium;
                    font-size: 0.8rem;
                    color: #5f646e;
                }

.order-footer {
    flex-shrink: 0;
    width: 100%;
    padding: 0 1.44rem;
    background: #fff;
    display: none;
    justify-content: space-between;
    border-top: 0.04rem solid #ebecf1;
    overflow: hidden;
    box-sizing: border-box;
}

    .order-footer .order-footer-fee {
        flex-shrink: 0;
        width: 70%;
        display: flex;
        align-items: center;
        justify-content: end;
        padding-right: 2rem;
        box-sizing: border-box;
    }

        .order-footer .order-footer-fee span {
            font-family: PingFang-SC-Medium;
            font-size: 1.2rem;
            color: #292929;
            white-space: normal;
            flex-shrink: 0;
            margin-right: 6px;
        }

        .order-footer .order-footer-fee .pay-fee {
            width: 100%;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: end;
            height: 2.88rem;
            padding: 0 .4em;
            font-family: PingFang-SC-Heavy;
            font-size: 1.44rem;
            color: #e63e91;
            border: 1px solid #ccc;
            border-radius: 6px;
        }

            .order-footer .order-footer-fee .pay-fee em {
                flex-shrink: 0;
                margin-right: .2em;
            }

            .order-footer .order-footer-fee .pay-fee input {
                width: 100%;
                color: #e63e91;
                font-size: 1.2rem;
            }

    .order-footer button {
        outline: none;
        width: 100%;
        height: 2.88rem;
        margin: 0.4rem 0;
        font-size: 1.2rem;
        color: #fff;
        background: #0099e0;
        border: 0.04rem solid #0099e0;
        -webkit-border-radius: 0.4rem;
        -moz-border-radius: 0.4rem;
        border-radius: 0.4rem;
        overflow: hidden;
    }

.common-pop-up-show {
    left: 50% !important;
    margin-left: -15rem;
}

.common-pop-up {
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 1000;
    width: 100%;
    max-width: 30rem;
    height: 100%;
    padding-top: 3.44rem;
    padding-bottom: 0;
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.5s;
}

    .common-pop-up .top-bar {
        position: absolute;
        left: 50%;
        top: 0;
        margin: 0;
        max-width: 30rem;
        z-index: 1000;
        width: 100%;
        height: 3.44rem;
        padding: 0.52rem 1.44rem;
        display: flex;
        background: #fff;
        align-items: center;
        margin-left: -15rem;
        padding-left: 0;
        padding-right: 3.36rem;
        border-bottom: 0.04rem solid #ebecf1;
        box-sizing: border-box;
    }

        .common-pop-up .top-bar a.back {
            display: block;
            width: 3.36rem;
            height: 100%;
            position: relative;
            flex-shrink: 0;
            text-decoration: none;
            outline: none;
        }

            .common-pop-up .top-bar a.back::after {
                content: "";
                width: 1.08rem;
                height: 1.08rem;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-top: -0.54rem;
                background: url(../images/icon_arrows.png) center center no-repeat;
                -webkit-background-size: 100% auto;
                background-size: 100% auto;
            }

        .common-pop-up .top-bar h2 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            white-space: nowrap;
            text-align: center;
            color: #333;
            font-size: 1.28rem;
            overflow: hidden;
            font-weight: 500;
        }

    .common-pop-up .content {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

        .common-pop-up .content img {
            width: 100%;
            border: none;
            vertical-align: middle;
        }

/*app支付结果*/
.viewport_no_padd {
    height: 100%;
    padding: 0;
}

.base_viewport {
    width: 100%;
    min-height: 100%;
    padding: 3.44rem 0 3.96rem;
}

.viewport_no_pdg_btm {
    height: 100%;
    padding-bottom: 0;
}

.viewport_no_padding {
    padding: 0;
}

.no_border {
    border-color: #fff !important;
}

.pay_state_page .pay_state_content {
    justify-content: end;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .pay_state_page .pay_state_content .icon {
        width: 7.32rem;
        height: 7.32rem;
        margin: 6rem auto 0;
    }

        .pay_state_page .pay_state_content .icon img {
            width: 100%;
        }

    .pay_state_page .pay_state_content .back_info {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-flow: column;
        align-items: center;
        padding: 1.68rem 2.68rem 2.68rem 2.68rem;
    }

        .pay_state_page .pay_state_content .back_info strong {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 3.08rem;
            font-family: PingFang-SC-Bold;
            font-size: 1.4rem;
            color: #292929;
            font-weight: bold;
            margin-bottom: 1.2rem;
        }

        .pay_state_page .pay_state_content .back_info p {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 1.76rem;
            width: 22.8rem;
            font-family: PingFang-SC-Medium;
            font-size: 1rem;
            color: #787ca2;
            line-height: 1.6em;
        }

            .pay_state_page .pay_state_content .back_info p.sum {
                height: 2.4rem;
                color: #e63e91;
                font-size: 1.8rem;
            }

    .pay_state_page .pay_state_content .btn_bar {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-flow: column;
        align-items: center;
    }

        .pay_state_page .pay_state_content .btn_bar a {
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 22.8rem;
            height: 2.88rem;
            color: #e63e91;
            font-family: PingFang-SC-Medium;
            font-size: 1.12rem;
            -webkit-border-radius: 0.2rem;
            -moz-border-radius: 0.2rem;
            border-radius: 0.2rem;
            border: solid 0.08rem #e63e91;
        }

            .pay_state_page .pay_state_content .btn_bar a:not(:last-of-type) {
                margin-bottom: 1.44rem;
            }

            .pay_state_page .pay_state_content .btn_bar a.btn_solid {
                color: #fff;
                background: #e63e91;
            }

.pay_state_page .pay_suc {
    display: block;
}

/*pc支付结果*/
.pay_remind_or_result {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #f4f5f6;
}

    .pay_remind_or_result .content_box {
        position: relative;
        top: -2.24rem;
        width: 39.92rem;
    }

    .pay_remind_or_result strong {
        display: flex;
        align-items: center;
        justify-content: center;
        justify-content: end;
        height: 3.2rem;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #292929;
    }

    .pay_remind_or_result .content_info {
        width: 100%;
        height: 22.24rem;
        padding: 3.2rem 7.2rem;
        background: #FFFFFF;
        box-shadow: 0px 3px 24px 0px rgba(139, 142, 145, 0.13);
        box-sizing: border-box;
    }

        .pay_remind_or_result .content_info img {
            width: 100%;
        }

    .pay_remind_or_result .pay_success_warn .content_info {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-flow: column;
        align-items: center;
    }

        .pay_remind_or_result .pay_success_warn .content_info i {
            width: 5.8rem;
            height: 4.48rem;
            margin-bottom: 0.88rem;
        }

        .pay_remind_or_result .pay_success_warn .content_info strong {
            height: 2.08rem;
            line-height: 2.08rem;
            color: #2ecb53;
            padding-bottom: 0.4rem;
            font-size: 1.32rem;
            font-weight: bold;
            text-indent: 0.5em;
        }

        .pay_remind_or_result .pay_success_warn .content_info p {
            font-size: 0.56rem;
            line-height: 0.96rem;
            color: #989898;
        }

        .pay_remind_or_result .pay_success_warn .content_info dl {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0.4rem 0 1.2rem;
        }

            .pay_remind_or_result .pay_success_warn .content_info dl dt {
                font-size: 0.8rem;
                color: #292929;
            }

            .pay_remind_or_result .pay_success_warn .content_info dl dd {
                font-weight: bold;
                font-size: 0.8rem;
                color: #e63e91;
            }

        .pay_remind_or_result .pay_success_warn .content_info a {
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 8.72rem;
            height: 2rem;
            font-size: 0.72rem;
            color: #e63e91;
            background-color: #fff;
            border-radius: 0.2rem;
            border: 1px solid #e63e91;
        }

    .pay_remind_or_result .orders_submitted_warn .content_info {
        display: flex;
        align-items: center;
        justify-content: center;
        justify-content: space-between;
        align-items: stretch;
    }

        .pay_remind_or_result .orders_submitted_warn .content_info .payment_code {
            width: 260px;
            padding: 0.92rem 0;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-flow: column;
            align-items: center;
            justify-content: space-around;
        }

            .pay_remind_or_result .orders_submitted_warn .content_info .payment_code p {
                font-size: 14px;
                color: #292929;
            }

            .pay_remind_or_result .orders_submitted_warn .content_info .payment_code strong {
                padding-bottom: 0.8rem;
                font-size: 26px;
                color: #e63e91;
                font-weight: 600;
                font-family: PingFang-SC-Heavy;
            }

            .pay_remind_or_result .orders_submitted_warn .content_info .payment_code .qrcode_box {
                flex-shrink: 0;
                width: 100%;
                height: 12.72rem;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-flow: column;
                border: 0.08rem solid #eee;
            }

            .pay_remind_or_result .orders_submitted_warn .content_info .payment_code .qrcode {
                flex-shrink: 0;
                width: 100%;
                height: 9.64rem;
                padding: 0.6rem;
                padding-bottom: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 0.64rem;
                color: #666;
            }

                .pay_remind_or_result .orders_submitted_warn .content_info .payment_code .qrcode img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    background: #eee;
                }

            .pay_remind_or_result .orders_submitted_warn .content_info .payment_code .hint {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 100%;
                font-size: 0.56rem;
                padding-left: 2.24rem;
                color: #888888;
                background: url("../images/icon_pay_scan.png") left center no-repeat;
            }

        .pay_remind_or_result .orders_submitted_warn .content_info .pay_index_map {
            display: flex;
            align-items: center;
            justify-items: center;
        }


/*退款按钮*/
.refund_btn {
    text-decoration: none;
    outline: none;
    width: 7rem;
    height: 2.88rem;
    margin: 0.4rem 0;
    font-size: 1.2rem;
    color: #e63e91;
    background: #fff;
    border: 0.04rem solid #e63e91;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    border-radius: 0.4rem;
    overflow: hidden;
}

/*==================我的账单 结束================*/


/*用户协议弹窗*/
.agreement_pop {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0,0,0,.5);
    display: none;
}

    .agreement_pop .content_box {
        position: absolute;
        left: 0;
        bottom: -100%;
        width: 100%;
        height: 80%;
        display: flex;
        align-items: center;
        flex-flow: column;
        background: #fff;
        box-sizing: border-box;
        transition: all .5s;
    }

        .agreement_pop .content_box .title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            height: 4rem;
            padding: 0 1.5rem;
            flex-shrink: 0;
            box-sizing: border-box;
            border-bottom: 0.04rem solid #ebecf1;
            margin-bottom: 1rem;
        }

        .agreement_pop .content_box span {
            width: 100%;
            font-size: 16px;
        }

        .agreement_pop .content_box button {
            flex-shrink: 0;
            width: 16px;
            height:16px;
            background-image: url('../images/icon_shut.png');
            background-size: 100% auto;
        }

    .agreement_pop .agreement_content {
        width: 100%;
        height: 100%;
        padding: 0 1.5rem 2em;
        overflow-y: auto;
        box-sizing: border-box;
    }

        .agreement_pop .agreement_content p {
            font-size: 13px;
            overflow: hidden;
            line-height: 1.5em;
        }

        .agreement_pop .agreement_content dl {
            line-height: 1.5em;
            font-size: 13px;
            overflow: hidden;
        }

            .agreement_pop .agreement_content dl:not(:last-child) {
                margin: .6rem 0;
            }

            .agreement_pop .agreement_content dt {
                font-size: 14px;
                font-weight: bold;
            }

        .agreement_pop .agreement_content dd {
            text-indent: 2em;
            color: #5f646e;
        }

    .agreement_pop_show .content_box{
        bottom: 0;
    }