/* 无障碍 */
.accessibility-container {
    width: 100%;
    height: 126px;
    display: none;

}

.accessibility-list {
    height: 99px;
}

.accessibility-list,
.read-helper,
.color-list {
    padding-left: 0;
    list-style-type: none;
    margin: 0;
}

.accessibility-inner {

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorStr=#1251A9, endColorStr=#808080 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType =1, startColorStr=#1251A9, endColorStr=#808080 100%)";
    background-image: linear-gradient(180deg, #1251A9 0%, #6293D6 100%, #808080 100%);
    height: 106px;

}

.accessibility-content {
    width: 1200px;
    margin: auto;
    position: relative;
}

.accessibility-list::after {

    content: '';
    clear: both;
    display: block;
}

.accessibility-item {
    width: 80px;
    height: 100%;
    position: relative;
    float: left;
}

.accessibility-item.disabled {
    opacity: 0.3;
}

.empty-accessibility-item {
    width: 94px;

    height: 99px;
    position: relative;
    float: left;
}

.accessibility-item.active.accessibility-item::after {
    animation: accessMove 1s linear;
}

@keyframes accessMove {
    0% {
        transform: scale(1.2)
    }

    20% {
        /* transform: translateY(4px); */
        transform: scale(1.1)
    }

    40% {
        /* transform: translateY(-2px); */
        transform: scale(1.3)
    }

    60% {
        /* transform: translateY(3px); */
        transform: scale(1)
    }

    80% {
        /* transform: translateY(-1px); */
        transform: scale(1.2)
    }

    100% {
        /* transform: translateY(0); */
        transform: scale(1)
    }
}

.accessibility-item:hover .accessibility-item_icon,
.select .accessibility-item_icon {
    background-position: 0 50px;
}

.disabled.accessibility-item:hover .accessibility-item_icon,
.select.disabled .accessibility-item_icon {
    background-position: 0 0px;
}

.active.accessibility-item::after {
    display: block;
    /* background-position:0 -10px; */
    background-repeat: no-repeat;
}

.select.accessibility-item::after {
    display: block;
    background-position: 0 0px;
    background-repeat: no-repeat;
}

.readonly.select.accessibility-item::after {
    display: none;
}

.accessibility-item::after {
    display: none;
    content: '';
    position: absolute;
    bottom: -26px;
    left: 0px;
    width: 80px;
    height: 20px;
    background-size: 100% 100%;
    /* background-image: url("./images/image_bg.png"); */
    background-repeat: repeat;

}

.active.accessibility-item::after {
    height: 10px;
    bottom: -16px;
    background-image: url("./images/image_bg_active.png");

}

.select.accessibility-item::after {
    height: 20px;
    bottom: -26px;
    background-image: url("./images/image_bg.png");
}

.disabled.accessibility-item::after {
    display: none;
}

.accessibility-item_icon {
    width: 50px;
    height: 50px;
    margin: 12px auto 10px;
    background-size: cover;
}

.accessibility-item-title {
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
}

.accessibility-item_icon-1 {
    background-image: url("./images/ico_read.png");
}

.accessibility-item_icon-2 {
    background-image: url("./images/ico_grow.png");
}

.accessibility-item_icon-3 {
    background-image: url("./images/ico_small.png");
}

.accessibility-item_icon-4 {
    background-image: url("./images/ico_color.png");
}

.accessibility-item_icon-5 {
    background-image: url("./images/ico_text.png");
}

.accessibility-item_icon-6 {
    background-image: url("./images/ico_bigtext.png");
}

.accessibility-item_icon-7 {
    background-image: url("./images/ico_cross_curve.png");
}

.accessibility-item_icon-8 {
    background-image: url("./images/ico_Phonetic.png");
}

.accessibility-item_icon-9 {
    background-image: url("./images/ico_volume_add.png");
}

.accessibility-item_icon-10 {
    background-image: url("./images/ico_volume_minus.png");
}

.accessibility-item_icon-11 {
    background-image: url("./images/ico_speech.png");
}

.accessibility-item_icon-12 {
    background-image: url("./images/ico_re.png");
}

.accessibility-item_icon-13 {
    background-image: url("./images/ico_liandu.png");
}

.accessibility-item_icon-14 {
    background-image: url("./images/ico_help.png");
}

.accessibility-item_icon-15 {
    background-image: url("./images/ico_exit.png");
}

.accessibility-item_icon-16 {
    background-image: url("./images/ico-back.png");
}

@keyframes jump {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-3px);
    }

    100% {
        transform: translateY(0);
    }
}

.read-helper {

    position: absolute;

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorStr=#1251A9, endColorStr=#808080 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType =1, startColorStr=#1251A9, endColorStr=#808080 100%)";
    background-image: linear-gradient(180deg, #1251A9 0%, #6293D6 100%, #808080 100%);
    top: 0px;
    right: 0px;
    z-index: 199;
    display: none;
    width: 1116px;
    height: 99px;
}

.read-helper::after {
    clear: both;
    content: '';
    display: block;
}

.read-helper .accessibility-item {
    float: right;
}

.read-helper-item {
    width: 190px;
    color: #FFFFFF;
    text-align: center;
    float: left;
    position: relative;
    height: 99px;
}

.read-helper-item::before {
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 35px;
    top: 39px;
    right: 0;
    background-image: url('./images/line.png');

}

.read-helper-item::after {
    display: none;
    content: '';
    position: absolute;
    bottom: -26px;
    left: 55px;
    width: 80px;
    /* height: 20px; */
    background-size: 100% 100%;
    /* background-image: url("./images/image_bg.png"); */
    background-repeat: repeat;
    height: 10px;
    bottom: -31px;
    /* background-image: url("./images/image_bg_active.png"); */
}

.active.read-helper-item::after {
    height: 10px;
    bottom: -17px;
    background-image: url("./images/image_bg_active.png");

}

.select.read-helper-item::after,
.active.read-helper-item::after {
    display: block;
    background-position: 0 0px;
    background-repeat: no-repeat;
}

.select.read-helper-item::after {
    height: 20px;
    bottom: -26px;
    background-image: url("./images/image_bg.png");
}

.read-helper-item.active.read-helper-item::after {
    animation: accessMove 1s linear;
}

/* .read-helper-item.repeat-read {
    margin-right: 55px;
} */

.read-helper-item.program::before {
    display: none;
}

.read-helper-item .title {
    font-size: 18px;
    font-weight: 700;
    /* margin-bottom: 12px; */
    margin: 30px auto 12px;
}

.read-helper-item .content {
    font-size: 14px;
}



.dialog-item.active a,
.comon-search-item:hover,
.sub-item:hover {
    color: #014da1;
}

#line {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    background: 0 0;
    display: none;
}

#line .line_x {
    width: 100%;
    height: 3px;
    position: fixed;
    top: 100px;
}

#line .line_y {
    width: 3px;
    height: 100%;
    position: fixed;
    left: 100px;
}

#line p {
    background-color: red;
}

#text-screen {
    z-index: 9999999;
    height: 160px;
    line-height: 80px;
    text-align: center;
    font-weight: 700;
    overflow: auto;
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    color: #666;
    border: 3px solid #fff;
    font-size: 50px;
    box-sizing: border-box;
}

.color-list-container,
.speed-list-container {
    position: fixed;
    top: 106px;
    left: 0;
    width: 100%;
    display: none;
    background-image: linear-gradient(179deg, rgb(235, 242, 255) 0%, rgb(250, 252, 253) 31%, rgb(254, 254, 254) 100%);
    box-shadow: 5px 5px 10px 0 rgba(65, 91, 126, 0.15);
    z-index: 9999;
    height: 86px;
}

.color-list {
    width: 979px;
    margin: auto;
    margin-top: 34px;
}

.color-list::after,
.speed-list::after {
    content: '';
    display: block;
    clear: both;
}

.color-list-item {
    float: left;
    width: 46px;
    height: 46px;
    border: 1px solid #020202;
    border-radius: 50%;
    margin: 0 10px;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    line-height: 42px;
    vertical-align: top;
    font-weight: 700;
    behavior: url(PIE.htc);
    box-sizing: border-box;
    transition: transform 0.2s;
}

.color-list-item:first-child,
.black-white {
    color: #fff !important;
    background-color: #000 !important;
}

.black-white:hover,
.blue-yellow:hover {
    color: #fff !important;
}

.color-list-item:nth-child(2),
.blue-yellow {
    color: #fff !important;
    background-color: #006af7 !important;
}

.color-list-item:nth-child(3),
.yellow-blue {
    color: #000 !important;
    background-color: #fcfc18 !important;
}

.color-list-item:nth-child(4),
.black-yellow {
    color: #fcfc18 !important;
    background-color: #333 !important;
}

.yellow-blue:hover {
    color: #000 !important;
}

.black-yellow:hover {
    color: #fcfc18 !important;
}

.color-list-item:nth-child(5) {
    color: #333;
    font-size: 14px;
    line-height: 46px;
    font-weight: 400;
}

.color-list-item:hover {
    transform: scale(1.2);
}

.color-list-item.select {
    transform: scale(1.2);
}

.black-white .active,
.blue-yellow .active,
.yellow-blue.active,
.black-yellow .active,
.black-white .compare,
.blue-yellow .compare,
.yellow-blue.compare,
.black-yellow .compare {
    background-image: none !important;
}

.black-white .touzi-list-item,
.blue-yellow .touzi-list-item,
.yellow-blue .touzi-list-item,
.black-yellow .touzi-list-item,
.black-white .three-card-item,
.blue-yellow .three-card-item,
.yellow-blue .three-card-item,
.black-yellow .three-card-item,
.black-white .image-content-item,
.blue-yellow .image-content-item,
.yellow-blue .image-content-item,
.black-yellow .image-content-item,

.black-white .common-service-item_active,
.blue-yellow .common-service-item_active,
.yellow-blue .common-service-item_active,
.black-yellow .common-service-item_active {
    background-image: none;
}

.black-white .photo-list-item,
.blue-yellow .photo-list-item,
.yellow-blue .photo-list-item,
.black-yellow .photo-list-item {
    border-color: #d8d8d8;
}



.black-white .show-dialog-content {
    border-color: #000;
}

.blue-yellow .show-dialog-content {
    border-color: #006af7;
}

.yellow-blue .show-dialog-content {
    border-color: #fcfc18;
}

.black-yellow .show-dialog-content {
    border-color: #000;
}

.black-white.login-dialog,
.black-yellow.login-dialog {
    background-color: #333 !important;
}

.black-white .login-dialog>li>a,
.blue-yellow .login-dialog>li>a {
    color: #fff;
}

.black-white .login-dialog>li>a:hover {
    background-color: #000 !important;
    background-image: none;
}

.blue-yellow.login-dialog {
    background-color: rgba(0, 106, 247, 0.7) !important;
}

.blue-yellow .login-dialog>li>a:hover {
    background-color: #006af7 !important;
    background-image: none;
}

.yellow-blue.login-dialog {
    background-color: rgba(252, 252, 24, 0.7) !important;
}

.yellow-blue .login-dialog>li>a:hover {
    background-color: #fcfc18 !important;
    background-image: none;
    color: #000 !important;
}

.yellow-blue .login-dialog>li>a:hover {

    color: #000 !important;
}

.black-yellow .login-dialog>li>a:hover {
    background-color: #000 !important;
    background-image: none;
    color: #fcfc18;
}

.black-yellow .login-dialog>li>a,
.black-yellow .login-dialog>li>a:hover {
    color: #fcfc18 !important;
}

/* .black-white .slidesjs-pagination-item .active */
.black-white .tab-icon_active,
.blue-yellow .tab-icon_active {
    background-color: #fff;
}

.yellow-blue .tab-icon_active {
    background-color: #000;
}

.black-white .menu>li::after,
.blue-yellow .menu>li::after {
    background-color: #FFFFFF;
}

.yellow-blue .menu>li::after {
    background-color: #171717;
}

.colors-ingore-li {
    background-color: #fff;
    color: #475166;
}

.yellow-blue .sub-item-list-item,
.yellow-blue .colors-ingore-li,
.yellow-blue li.colors-ingore {
    background-color: #000;
    color: #fff;
}

.yellow-blue li.colors-ingore a {
    color: #fff;
}

.black-yellow .menu>li::after,
.black-yellow .tab-icon_active {
    background-color: #fcfc18;
}

.black-yellow .sub-item-list-item,
.black-yellow .colors-ingore-li,
.black-yellow li.colors-ingore {
    background-color: #fcfc18;
    color: #000;
}

.black-yellow li.colors-ingore a {
    color: #000;
}

.black-yellow.login-dialog-end-content {
    background-color: #000 !important;
}

.version-warm {
    width: 100%;
    background-color: #fffadd;
    display: none;
}

.speed-list {
    width: 542px;
    margin-left: auto;
    margin-top: 34px;
}

.speed-list-item {
    float: left;
    width: 46px;
    height: 46px;
    font-size: 14px;
    line-height: 46px;
    border: 1px solid #020202;
    border-radius: 50%;
    margin: 0 10px;
    cursor: pointer;
    text-align: center;

    vertical-align: top;

    behavior: url(PIE.htc);
    transition: transform 0.2s;
}

.speed-list-item.select,
.speed-list-item:hover {
    transform: scale(1.2);
}

#mask {
    position: absolute;
    height: 100vh;
    width: 100%;
    background-color: #000;
    opacity: 0.25;
    display: none;
    z-index: 9999999;
    top: 0;
}

#mask .loading {
    background-image: url('./images/loading.png');
    width: 120px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    animation: myAnimation 1.04s steps(1) infinite;
}

@keyframes myAnimation {
    0% {
        background-position: 0px 0px;
    }

    4.00% {
        background-position: -120px 0px;
    }

    8.00% {
        background-position: -240px 0px;
    }

    12.00% {
        background-position: -360px 0px;
    }

    16.00% {
        background-position: -480px 0px;
    }

    20.00% {
        background-position: -600px 0px;
    }

    24.00% {
        background-position: -720px 0px;
    }

    28.00% {
        background-position: -840px 0px;
    }

    32.00% {
        background-position: -960px 0px;
    }

    36.00% {
        background-position: -1080px 0px;
    }

    40.00% {
        background-position: -1200px 0px;
    }

    44.00% {
        background-position: -1320px 0px;
    }

    48.00% {
        background-position: -1440px 0px;
    }

    52.00% {
        background-position: -1560px 0px;
    }

    56.00% {
        background-position: -1680px 0px;
    }

    60.00% {
        background-position: -1800px 0px;
    }

    64.00% {
        background-position: -1920px 0px;
    }

    68.00% {
        background-position: -2040px 0px;
    }

    72.00% {
        background-position: -2160px 0px;
    }

    76.00% {
        background-position: -2280px 0px;
    }

    80.00% {
        background-position: -2400px 0px;
    }

    84.00% {
        background-position: -2520px 0px;
    }

    88.00% {
        background-position: -2640px 0px;
    }

    92.00% {
        background-position: -2760px 0px;
    }

    96.00% {
        background-position: -2880px 0px;
    }

    100.00% {
        background-position: -3000px 0px;
    }
}

.tabindexa-focus,
.headListFocus a{
    outline: 2px solid #014da1 !important;
}

.infoArea-focus {
    outline: 4px solid #014da1 !important;
}

.volume-mask {
    width: 200px;
    height: 200px;
    border-radius: 8px;
    display: none;
    background: rgba(0, 0, 0);
    border: 1px solid rgba(0, 0, 0);
    opacity: 0.4;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: fixed;
    z-index: 999999;
}

.volume-mask .img {

    margin: 50px auto 13px;
    width: 50px;
    height: 50px;
    background-image: url(./images/ico-voice.png);
}

.volume-mask .text {
    color: #fff;
    text-align: center;
    font-size: 26px;
}