﻿
    .headr_aging_friendly {
        width: 100%;
        height: 98px;
        background: red;
        display: none;
        align-items: center;
        justify-content: center;
        position: relative;
        top: 0;
    }

    .powpo_view,
    .powpo_view .none_obstacle {
        cursor: pointer;
    }

    .headr_aging_friendly .aging_friendly_ui {
        padding-top: 8px;
        margin-right: 15px;
        display: flex;
    }

    .aging_friendly_li {
        height: 100%;
        text-align: center;
        margin-right: 6px;
    }

    .aging_friendly_li .img {
         background: url('/res/cn/a_img/25110014.png') no-repeat center center;
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
        cursor: pointer;
    }

    .aging_friendly_li img {
        width: 50px;
        height: 50px;
    }


    .aging_friendly_li .text {
        width: 100%;
        font-size: 18px;
        padding: 5px 0;
        color: #fff;
        font-weight: 600;
    }

    .aging_friendly_li .img:hover {
        background: #982426;
    }

    .toolbarPage2content {
        width: 1200px;
        height: 100%;
        display: none;
        justify-content: space-between;
    }

    .toolbarPage2content .transform_qu_aging div {
        width: 110px;
        margin-left: 5px;
        font-size: 18px;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .toolbarPage2content .transform_qu_aging {
        display: flex;
    }

    .toolbarPage {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    :root {
        --aging-color: '#fff';
        --aging-bgcolor: '#000'
    }

    .esdHBG-class-aging {
        color: var(--aging-color) !important;
        background: var(--aging-bgcolor) !important;
    }

    .aging_friendly_li_color {
        position: relative;
    }

    .aging-white-bg-black {
        height: 24px !important;
        line-height: 24px !important;
        color: #333;
        background: #fff;
        border: 1px solid #e9e9e9;
    }

    .aging-blue-bg-yellow {
        background: #00f;
        color: #ff0;
    }

    .aging-yellow-bg-black {
        background: #fefecc;
        color: #333;
    }

    .aging-black-bg-yellow {
        background: #000;
        color: #ff0;
    }

    .aging-raw-bg {
        background: #000;
        color: #fff;
    }

    .cursor-class-aging {
        cursor: url('/res/html/a_img/25100055.ico'), auto !important;
    }

    .swiper-wrapper {
        z-index: auto !important;
    }

    .readthrough_ReadOnly,
    .readthrough_Readthrough {
        height: 50px;
        width: 50px;
        background-size: 100% 100% !important;
    }

    .readthrough_img {
        width: 38px !important;
        height: 38px !important;
    }

    #aging_x_div,
    #aging_y_div {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #ff0000 !important;
        width: calc(100% - 2px);
        height: 5px;
        overflow: hidden;
        transform: translate(2px, 2px);
        z-index: 999999;
        display: none;
    }

    #aging_y_div {
        height: 100%;
        width: 5px;
        position: fixed !important;
    }

    .aging-free-active {
        text-decoration: underline !important;
        /*outline: #1A85F2 solid 1px;*/
    }

    /*显示屏样式*/
    .footer_aging {
        width: 100%;
        height: 140px;
        background-color: red;
        position: fixed;
        bottom: 0;
        z-index: 1000;
        display: none;
    }

    .footer_aging_text {
        width: 85%;
        margin: 5px;
        height: 130px;
        background-color: #fff;
        overflow: auto;
        font-size: 50px;
        line-height: 62px;
        text-align: center;
        color: #000;
        font-family: Microsoft YaHei;
        font-weight: 600;
    }

    .footer_aging_fun {
        width: 15%;
        position: relative;
        height: 100%;
        font-size: 26px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .footer_aging_fun_top {
        margin: 0 auto;
        display: flex;
    }

    .footer_aging_fun_top div {
        width: 50px;
        text-align: center;
        border: 1px solid #fff;
        color: #fff;
        margin: 0 5px;
        cursor: pointer;
        padding: 2px 0;
    }

    .footer_aging_fun_bot div {
        display: block;
        width: 110px;
        text-align: center;
        border: 1px solid #fff;
        color: #fff;
        margin-top: 10px;
        cursor: pointer;
        padding: 2px 0;
    }

    .footer_aging_img {
        position: absolute;
        top: 5px;
        right: 7px;
        cursor: pointer;
        display: flex;
        border: 1px solid #fff;
    }

    .character {
        position: relative;
        display: inline-block;
        margin: 10px;
    }

    .pinyin {
        position: absolute;
        top: -20px;
        /* 根据需要调整位置 */
        left: 0;
        font-size: 12px;
        /* 根据需要调整字体大小 */
    }

