/**电脑**/

@media screen and (min-width:1200px) {}


/**iPad横向**/

@media screen and (min-width: 960px) and (max-width: 1199px) {}


/**ipad竖向**/

@media screen and (min-width: 768px) and (max-width: 959px) {}


/**手机viewport横向**/

@media only screen and (min-width: 480px) and (max-width: 767px) {}


/**手机viewport竖向**/

@media only screen and (max-width: 479px) {
    html {
        min-width: auto;
        overflow-x: hidden;
    }

    input[type=checkbox] {
        width: 12px;
        height: 12px;
    }

    input[type=checkbox]::after {
        width: 16px;
        height: 16px;
    }

    input[type=checkbox]:checked::after {
        background-size: 12px auto;
    }

    .zm_wrap {
        width: auto;
        padding: 0px 20px;
        box-sizing: border-box;
    }

    /* -------------顶部------------- */
    #zm_header {
        padding: 0;
    }

    #zm_header .logo_nav {
        padding: 22px 0px;
    }

    #zm_header .logo_nav .logo {
        width: 120px;
    }

    #zm_header .logo_nav nav {
        display: none;
    }

    #zm_header .logo_nav nav.mobile {
        display: block;
    }

    #zm_header .logo_nav nav.mobile ul a {
        line-height: 32px;
        border: none;
        padding: 0;
        margin-left: 15px;
    }

    #zm_header .logo_nav nav.mobile ul img {
        width: 32px;
        height: 32px;
    }

    #zm_header .login_search {
        display: none;
    }

    /* 移动端导航 */
    .nav_drawer_wrap {
        position: fixed;
        z-index: 100;
        top: 76px;
        bottom: 0;
        left: 0;
        width: 100%;
        overflow: hidden;
        background-color: rgba(0, 0, 0, 0.6);
    }

    .nav_drawer_wrap.visible {
        display: flex;
        flex-direction: row;
    }

    .nav_drawer_wrap .nav_drawer {
        width: 75%;
        max-width: 280px;
        height: 100%;
        overflow: hidden;
        background-color: #fff;
    }

    .nav_drawer_wrap .nav_drawer ul li {
        border-bottom: 1px solid #E6E6E6;
    }

    .nav_drawer_wrap .nav_drawer ul li:last-child {
        border: none;
    }

    .nav_drawer_wrap .nav_drawer ul li.login {
        background: #E6E6E6;
    }

    .nav_drawer_wrap .nav_drawer ul li a {
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
        padding: 20px 10px;
        font-family: Mulish;
        font-size: 18px;
        font-weight: 400;
        line-height: 23px;
        color: #2E3033;
        text-align: center;
    }

    /* 语言 */
    .nav_drawer_wrap .nav_drawer .language {
        border-top: 10px solid #E6E6E6;
    }

    .nav_drawer_wrap .nav_drawer .language a {
        width: 100%;
        box-sizing: border-box;
        padding: 20px;
        font-family: Mulish;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color: #2E3033;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .nav_drawer_wrap .close {
        width: 32px;
        height: 32px;
        margin: 18px 0px 0px 18px;
        cursor: pointer;
    }

    /* -------------底部------------- */
    #zm_footer .zm_wrap {
        padding: 20px;
    }

    #zm_footer .icon_nav {
        display: none;
    }

    #zm_footer .logo {
        width: auto;
        max-width: 146px;
    }

    #content {
        padding-top: 76px;
    }

    /* banner */
    #banner {
        margin-top: 76px;
    }

    #banner img {
        display: none;
        min-height: 145px;
    }

    #banner img.mobile {
        display: block;
    }

    #banner span {
        left: 20px;
        right: 20px;
        bottom: -24px;
        width: auto;
        height: 145px;
        padding-top: 62px;
        padding-left: 32px;
        font-size: 34px;
        line-height: 43px;
    }

    #banner span::before {
        width: 120px;
    }

    #sub_content {
        margin-top: 44px;
    }

    /* 区块标题 */

    .section_title {
        font-size: 18px;
        line-height: 23px;
    }

    .section_title::before {
        width: 40px;
        height: 2px;
        margin-bottom: 2px;
    }

    /* 获取按钮 */

    .btn_get {
        width: auto;
        padding: 8px 32px 8px 8px;
        border-radius: 32px;
        font-size: 14px;
        line-height: 18px;
        white-space: nowrap;
    }

    .btn_get::after {
        width: 20px;
        height: 20px;
        right: 8px;
    }

    /* 更多 */
    .go_more {
        padding: 15px 0px;
        font-size: 16px;
        line-height: 20px;
    }

    #tabs-news .swiper-news {
        margin-top: 12px;
    }

    #tabs-news .swiper-slide-news {
        width: 66px;
        font-size: 13px;
        line-height: 30px;
    }

    .crumbs {
        font-size: 13px;
    }

    .crumbs .symbol {
        margin: 0px 4px;
    }

    /* -------------机器人对话框 开始------------- */

    .layui-layer.layer_robot {
        width: 98% !important;
        top: 80px !important;
    }

    /* 关闭按钮 */
    .layui-layer.layer_robot .layui-layer-setwin {
        right: 18px;
        top: 26px;
    }

    .layui-layer.layer_robot .layui-layer-title {
        padding: 16px 40px 16px 18px;
        font-size: 13px;
    }

    .layui-layer.layer_robot .layui-layer-title .robot_info .robot_img {
        margin-right: 10px;
    }

    .layui-layer.layer_robot .layui-layer-title .robot_info .robot_img img {
        width: 48px;
        height: 48px;
    }

    .layui-layer.layer_robot .layui-layer-title .robot_info .name {
        font-size: 18px;
        line-height: 23px;
    }

    .layui-layer.layer_robot .layui-layer-title .robot_info .status::before {
        margin: 4px 6px 0px 0px;
        width: 12px;
        height: 12px;
    }

    /* 聊天内容区域 */
    .layui-layer.layer_robot .layui-layer-content .chat_container {
        height: calc(100% - 68px);
        padding: 20px 18px 0px 20px;
    }

    .layui-layer.layer_robot .layui-layer-content .chat_container .chat_item {
        margin: 0px 0px 10px 0px;
        max-width: calc(100% - 46px);
    }

    .layui-layer.layer_robot .layui-layer-content .chat_container .chat_item .chat_item_avatar {
        margin-right: 10px;
    }

    .layui-layer.layer_robot .layui-layer-content .chat_container .chat_item .chat_item_avatar img {
        width: 36px;
        height: 36px;
    }

    .layui-layer.layer_robot .layui-layer-content .chat_container .chat_item .talk {
        padding: 12px 14px;
        font-size: 15px;
        line-height: 19px;
    }

    .layui-layer.layer_robot .layui-layer-content .chat_container .chat_item.left .talk {
        margin-top: 6px;
    }


    /* 聊天时间 */
    .layui-layer.layer_robot .layui-layer-content .chat_container .chat_time {
        margin: 16px 0px 10px 0px;
        font-size: 12px;
        line-height: 18px;
    }

    /* 发送问题区域 */
    .layui-layer.layer_robot .layui-layer-content .send_container {
        padding: 16px 18px;
    }

    .layui-layer.layer_robot .layui-layer-content .send_container input {
        width: 0;
        height: 36px;
        font-size: 15px;
        line-height: 19px;
    }

    .layui-layer.layer_robot .layui-layer-content .send_container img {
        margin-left: 10px;
        width: 36px;
        height: 36px;
    }

    /* -------------机器人对话框 结束------------- */

    /* -------------index 页面------------- */
    /* home_banner_top */
    #index .home_banner_bg {
        height: auto;
        padding: 0px 20px;
        overflow: hidden;
    }

    #index .home_banner_top {
        width: auto;
        height: auto;
        padding-top: 20px;
    }

    #index .home_banner_top .tags,
    #index .home_banner_top .label {
        display: none;
    }

    #index .home_banner_top .banner_wrap {
        position: relative;
        top: 0;
        left: -8px;
        width: auto;
        height: auto;
    }

    #index .home_banner_top .banner_wrap .label_wrap {
        top: 12%;
        left: auto;
        right: 66%;
        width: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    #index .home_banner_top .banner_wrap .label_wrap2 {
        top: 0;
        left: 82%;
        right: auto;
        align-items: flex-start;
    }

    #index .home_banner_top .banner_wrap .label_wrap3 {
        top: 42%;
        left: 82%;
        right: auto;
        align-items: flex-start;
    }

    #index .home_banner_top .banner_wrap .label_wrap .label_tag {
        display: inline-block;
        width: auto;
        height: auto;
        padding: 0px 6px;
        font-size: 0.5em;
    }

    #index .home_banner_top .banner_wrap .label_wrap .label_cont {
        position: static;
        margin-top: 2px;
        width: auto;
        white-space: nowrap;
        transform: translateX(8%) scale(0.4);
        transform-origin: right 0;
    }

    #index .home_banner_top .banner_wrap .label_wrap2 .label_cont {
        transform: translateX(-12%) scale(0.4);
        transform-origin: 0 0;
    }

    #index .home_banner_top .banner_wrap .label_wrap3 .label_cont {
        transform: translateX(-8%) scale(0.4);
        transform-origin: 0 0;
    }

    #index .home_banner_top .banner_wrap .banner {
        width: 100%;
        height: auto;
    }

    #index .home_banner_top .banner_wrap .banner img {
        width: 100%;
        height: auto;
    }

    #index .home_banner_top .banner_wrap .banner .disc {
        position: absolute;
        top: 0;
        left: 0;
    }

    #index .home_banner_top .banner_wrap .dot_wrap {
        top: 10%;
        left: 52%;
        width: 6px;
        height: 6px;
    }

    #index .home_banner_top .banner_wrap .dot_wrap2 {
        top: 20%;
        left: 60%;
    }

    #index .home_banner_top .banner_wrap .dot_wrap3 {
        top: 23%;
        left: 71%;
    }

    #index .home_banner_top .banner_wrap .dot_wrap4 {
        top: 31%;
        left: 44%;
    }

    #index .home_banner_top .banner_wrap .dot_wrap5 {
        top: 34%;
        left: 70%;
    }

    #index .home_banner_top .banner_wrap .dot_wrap6 {
        top: 40%;
        left: 39%;
    }

    #index .home_banner_top .banner_wrap .dot_wrap7 {
        top: 47%;
        left: 62%;
    }

    #index .home_banner_top .banner_wrap .dot_wrap8 {
        top: 22%;
        left: 50%;
    }

    #index .home_banner_top .banner_wrap .dot_wrap9 {
        top: 27%;
        left: 67%;
    }

    #index .home_banner_top .banner_wrap .dot_wrap10 {
        top: 50%;
        left: 55%;
    }

    #index .home_banner_top .banner_wrap .dot_wrap .dot {
        width: 6px;
        height: 6px;
    }

    #index .home_banner_top .banner_wrap .dot_wrap .dot_label {
        display: inline-block;
        padding: 0 4px;
        height: auto;
        font-size: 0.5em;
        line-height: normal;
    }

    #index .home_banner_top .banner_wrap .dot_wrap .first_dot {
        bottom: 8px;
        right: 8px;
    }

    #index .home_banner_top .banner_wrap .dot_wrap .left_dot {
        right: 10px;
        bottom: -6px;
    }

    #index .home_banner_top .banner_wrap .dot_wrap .right_dot {
        left: 8px;
        bottom: -6px;
    }

    /* index-programs */
    #index .programs_list {
        margin-top: -40px;
        overflow: hidden;
    }

    #index .programs_list ul.programs_top {
        position: relative;
    }

    #index .programs_list ul.programs_top>li {
        flex: none;
        width: 300px !important;
        height: auto;
        min-height: 164px;
        border-radius: 16px;
        margin-right: 15px;
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    #index .programs_list ul.programs_top>li::after {
        content: none !important;
    }

    #index .programs_list ul.programs_top>li img {
        width: 100%;
        min-height: 100%;
    }

    #index .programs_list ul.programs_top>li .title_describe {
        position: static !important;
        padding: 0 !important;
        transform: none;
    }

    #index .programs_list ul.programs_top>li h3 {
        font-size: 16px;
        line-height: 20px;
        position: relative;
    }

    #index .programs_list ul.programs_top>li h3::after {
        content: none !important;
    }

    #index .programs_list ul.programs_top>li .num_describe {
        display: none !important;
    }

    #index .programs_list dl.programs_bottom {
        flex-direction: column;
        margin-top: 16px;
        padding: 15px;
        border-radius: 16px;
        background: #fff;
    }

    #index .programs_list dl.programs_bottom h3 {
        padding: 9px 0px 0px 0px;
        font-size: 16px;
        line-height: 20px;
        color: #2E3033;
        -webkit-line-clamp: 3;
    }

    #index .programs_list dl.programs_bottom p {
        display: none;
    }

    #index .programs_list dl.programs_bottom img {
        width: 80px;
        height: 80px;
        border-radius: 10px;
    }

    #index .programs_list dl.programs_bottom dt {
        width: 100%;
        height: auto;
        margin: 0;
        border-radius: 0;
        text-align: left;
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    #index .programs_list dl.programs_bottom dd {
        width: 100%;
    }

    #index .programs_list dl.programs_bottom ul {
        flex-direction: column;
    }

    #index .programs_list dl.programs_bottom li {
        width: 100%;
        border-radius: 0;
        margin: 0;
        display: flex;
    }

    #index .programs_list dl.programs_bottom dt .title_describe,
    #index .programs_list dl.programs_bottom li .title_describe {
        flex: 1;
        height: auto;
        min-height: 80px;
        box-sizing: content-box;
        margin: 0px 0px 10px 12px;
        padding: 0px 0px 9px 0px;
        border-bottom: 1px solid #E6E6E6;
    }

    #index .programs_list dl.programs_bottom dt:only-child .title_describe,
    #index .programs_list dl.programs_bottom li:last-child .title_describe {
        padding-bottom: 0;
        margin-bottom: 0;
        border: none;
    }

    #index .programs_list #index_more {
        margin-top: 20px;
    }

    #index .programs_list #index_more a {
        width: 100%;
    }

    /* index-about us */

    #index .about_us {
        margin-top: 50px;
    }

    #index .about_us::before {
        background-position: right top;
        background-size: 82%;
    }

    #index .about_us::after {
        height: calc(100% - 72px);
        background-image: url("../images/bg/bg_about_us3.png"), url("../images/bg/bg_about_us2.png");
        background-position: center calc(100% - 68px), center bottom;
        background-size: 90%, 120%;
    }

    #index .about_us .zm_wrap {
        padding-top: 0;
        background: none;
    }

    #index .about_us .about_us_top {
        flex-direction: column;
        position: static;
        padding: 44px 0px 193px 0px;
    }

    #index .about_us .about_us_top div:first-of-type {
        width: 100%;
        margin: 0;
        padding-bottom: 15px;
        border-bottom: 1px solid #B8C0CC;
    }

    #index .about_us .about_us_top div:last-of-type {
        width: 100%;
        padding-top: 16px;
    }

    #index .about_us .about_us_top h3 {
        font-size: 16px;
        line-height: 20px;
        cursor: pointer;
    }

    #index .about_us .about_us_top h3::before {
        content: none;
    }

    #index .about_us .about_us_top h3::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
        height: 20px;
        background-image: url("../images/icon/icon_unfold.png");
        background-repeat: no-repeat;
        background-size: 13px 13px;
        background-position: center center;
    }

    #index .about_us .about_us_top h3.fold::after {
        background-image: url("../images/icon/icon_fold.png");
    }

    #index .about_us .about_us_top p {
        margin-top: 10px;
        font-size: 13px;
        line-height: 20px;
    }

    #index .about_us .about_us_top h3.fold~p {
        display: none;
    }

    #index .about_us .members_container {
        padding: 7px 14px 22px 14px;
        border-radius: 16px;
    }

    #index .about_us .members_container .member_items_container {
        margin-top: 15px;
        height: 32px;
    }

    /* members滚动动画 */
    @keyframes membersScrollLeft {
        0% {
            left: 0;
        }

        100% {
            left: calc(100% - 600px);
        }
    }

    @keyframes membersScrollRight {
        0% {
            right: 0;
        }

        100% {
            right: calc(100% - 600px);
        }
    }

    #index .about_us .members_container .member_items_container .member_items {
        width: 600px;
    }

    #index .about_us .members_container .member_items_container:nth-child(odd) .member_items {
        animation-duration: 12s;
    }

    #index .about_us .members_container .member_items_container:nth-child(even) .member_items {
        animation-duration: 12s;
    }

    /* index-news events */
    #index .news_events {
        margin-top: 44px;
    }

    #index .news_events .title h3 {
        font-size: 20px;
        line-height: 25px;
    }

    #index .news_events .title h3::after {
        width: 62px;
        height: 2px;
        bottom: -8px;
    }

    #index .news_events ul {
        margin-top: 34px;
        flex-direction: column;
    }

    #index .news_events li {
        width: 100%;
        margin: 0px 0px 16px 0px;
        border-radius: 16px;
    }

    #index .news_events li:last-of-type {
        margin: 0;
    }

    #index .news_events .title_describe {
        padding: 14px;
    }

    #index .news_events .title_describe h3 {
        font-size: 16px;
        line-height: 20px;
    }

    #index .news_events .title_describe .desc {
        display: none;
    }

    #index .news_events #index_more {
        margin-top: 20px;
    }

    #index .news_events #index_more a {
        width: 100%;
    }

    /* index-opinions */
    #index .opinions {
        margin-top: 64px;
        padding: 0px 0px 24px 0px;
    }

    #index .opinions .zm_wrap {
        padding: 0;
    }

    #index .opinions::before {
        bottom: 120px;
        border-width: 75px 100vw 0 0;
    }

    #index .opinions::after {
        height: 120px;
    }

    #index .opinions .title h3 {
        font-size: 20px;
        line-height: 25px;
    }

    #index .opinions .title h3::after {
        width: 62px;
        height: 2px;
        bottom: -8px;
    }

    #index .opinions .opinions_content {
        margin-top: 34px;
    }

    #index .opinions .swiper_content {
        flex-direction: column;
        padding: 0px 20px;
    }

    #index .opinions .swiper-num {
        display: none;
    }

    #index .opinions .swiper {
        width: 100%;
        margin: 20px 0px 0px 0px;
    }

    #index .opinions .swiper-slide {
        font-size: 13px;
        line-height: 20px;
    }

    #index .opinions .swiper-slide img {
        width: 63px;
        margin-right: 7px;
    }

    #index .opinions .title_paging {
        width: 100%;
        height: auto;
    }

    #index .opinions .swiper-title {
        text-align: center;
    }

    #index .opinions .swiper-title h3 {
        font-size: 18px;
        line-height: 23px;
    }

    #index .opinions .swiper-pagination {
        margin-top: 18px;
        justify-content: center;
    }

    #index .opinions .swiper-pagination .swiper-pagination-bullet {
        margin-right: 24px;
        flex: none;
    }

    #index .opinions .empowered {
        margin: 90px 0px 0px 0px;
    }

    #index .opinions .empowered .character {
        margin: 0px -22px 8px 0px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    #index .opinions .empowered p {
        font-size: 15px;
        line-height: 19px;
    }

    #index .opinions .empowered h3 {
        font-size: 18px;
        line-height: 23px;
        margin-top: 3px;
    }

    #index .opinions .empowered #index_more {
        text-align: right;
        margin-top: 10px;
    }

    #index .opinions .empowered .img_parent {
        width: 184px;
        flex: none;
    }

    /* index-footer */
    #index #zm_footer {
        position: static;
    }

    /* -------------index页面 结束------------- */

    /* -------------about页面 开始------------- */
    /* background */
    #about .background {
        padding-right: 20px;
        min-height: unset;
        background: none;
    }

    #about .background p {
        margin-top: 20px;
        font-size: 13px;
        line-height: 20px;
    }

    /* visions */
    #about .visions {
        margin: -9px 0px 0px 0px;
        padding-top: 73px;
        background: url("../images/about/about_background.png") right top no-repeat;
        background-size: 195px
    }

    #about .visions .vision_items_wrap {
        padding: 5px 0px 124px 0px;
        min-height: unset;
        background: url("../images/bg/bg_about_visions_mobile.png") no-repeat;
        background-size: 100%;
        background-position: center bottom;
    }

    #about .visions .vision_items_wrap .vision_items {
        flex-wrap: wrap;
    }

    #about .visions .vision_items_wrap .vision_items .vision_item {
        margin-top: 15px;
        padding: 18px 16px;
        width: calc(50% - 7px);
        overflow: hidden;
    }

    #about .visions .vision_items_wrap .vision_items .vision_item .title {
        margin-bottom: 14px;
        font-size: 18px;
        line-height: 28px;
    }

    #about .visions .vision_items_wrap .vision_items .vision_item img {
        width: 48px;
        height: 48px;
    }

    #about .visions .vision_items_wrap .vision_items .vision_item .desc {
        margin-top: 14px;
        font-size: 12px;
        line-height: 18px;
    }

    /* DI-IDEA Members */
    #about .members ul.members_list {
        margin-top: 5px;
        margin-left: -15px;
        justify-content: flex-start;
    }

    #about .members ul.members_list li {
        margin: 15px 0px 0px 15px;
        padding: 12px 8px;
        width: calc(50% - 15px);
        height: auto;
    }

    #about .members ul.members_list li .img_wrap {
        max-height: unset;
    }

    #about .members ul.members_list li .member_name {
        padding: 0px;
        font-size: 13px;
        line-height: 16px;
    }

    #about .members ul.members_list li .visit {
        display: none !important;
    }

    /* slogan */
    #about .slogan {
        margin-top: 50px;
    }

    /* Areas and Content of Cooperation */
    #about .cooperation {
        margin: 0 !important;
        padding-top: 40px;
    }

    #about .cooperation .section_title {
        margin-bottom: 20px;
    }

    #about .cooperation .overview,
    #about .cooperation .specific {
        display: none !important;
    }

    #about .cooperation .cooperation_items {
        display: block;
    }

    #about .cooperation .cooperation_items .cooperation_item {
        margin-top: 24px;
    }

    #about .cooperation .cooperation_items .cooperation_item:first-child {
        margin-top: 0;
    }

    #about .cooperation .cooperation_items .cooperation_item .text {
        margin-top: 12px;
        font-family: Mulish;
        font-size: 13px;
        line-height: 20px;
        color: #2E3033;
    }

    /* Organizational Structure */
    #about .organization {
        margin-top: 56px;
        min-height: unset;
    }

    #about .organization .img_wrap {
        display: none;
    }

    #about .organization .structure_wrap {
        padding-top: 0;
    }

    #about .organization .structure_wrap .structure {
        width: auto;
    }

    #about .organization .structure_wrap .structure .section_title {
        margin-bottom: 10px;
    }

    /* Constitution of Alliance */
    #about .constitution {
        margin: 40px 0px 0px 0px;
        padding: 40px 0px;
        background-position: right 42px;
        background-size: 160px;
    }

    #about .constitution .charter .charter_content_wrap {
        width: auto;
        margin-top: 24px;
    }

    #about .constitution .charter .charter_content_wrap .charter_content li {
        font-size: 13px;
        line-height: 20px;
        max-height: unset;
    }

    #about .constitution .charter .charter_content_wrap .charter_content li.active {
        display: block;
    }

    #about .constitution .charter .charter_content_wrap .btn_download {
        display: none;
    }

    #about .constitution .charter {
        margin-top: 16px;
        flex-direction: column-reverse;
    }

    #about .constitution .charter .catalog {
        margin-left: 0;
    }

    #about .constitution .charter .catalog li {
        margin-top: 20px;
    }

    #about .constitution .charter .catalog li .num {
        width: 23px;
        font-size: 12px;
        line-height: 19px;
    }

    #about .constitution .charter .catalog li .title {
        font-size: 15px;
        line-height: 19px;
    }

    /* -------------about页面 结束------------- */


    /* -------------programs页面 开始------------- */
    /* 筛选条件 */
    #programs .filter_items {
        margin-right: -15px;
    }

    #programs .filter_item {
        margin: 10px 15px 0px 0px;
        padding: 7px 0px;
        width: calc(50% - 15px);
        min-width: 152px;
        font-size: 13px;
        line-height: 16px;
    }

    #programs .type {
        margin-top: 23px;
    }

    #programs .type .title {
        font-size: 18px;
        line-height: 23px;
    }


    /* 列表 */
    #programs .programs_list {
        margin-top: 23px;
        margin-bottom: 54px;
    }

    #programs .image_text_item {
        margin-bottom: 32px;
        flex-direction: column-reverse;
    }

    #programs .image_text_item.text_right {
        flex-direction: column;
    }

    #programs .image_text_item .text_wrap {
        padding: 16px 16px 22px 16px !important;
    }

    #programs .image_text_item .text_wrap .title {
        max-height: unset;
        display: block;
        font-size: 18px;
        line-height: 23px;
    }

    #programs .image_text_item .text_wrap .profile {
        margin-top: 4px;
        max-height: unset;
        display: block;
        font-size: 13px;
        line-height: 20px;
    }

    #programs .image_text_item .text_wrap .more {
        margin-top: 23px;
    }

    #programs .image_text_item .text_wrap .more .btn_more {
        width: 100%;
    }

    #programs .image_text_item .text_wrap .more .btn_more .more_about {
        display: none;
    }

    #programs .image_text_item .image_wrap {
        width: auto;
    }

    #programs .image_text_item .image_wrap img {
        height: auto;
    }

    #programs .image_text_item .image_wrap .statistics {
        display: none;
    }

    /* -------------programs页面 结束------------- */

    /* -------------programs_details_series页面 开始------------- */
    #programs_details_series #banner span,
    #programs_details_a #banner span,
    #programs_details_b #banner span {
        padding: 0px 0px 40px 32px;
    }

    #programs_details_series .breadcrumb,
    #programs_details_b .breadcrumb {
        margin-left: 0;
    }

    #programs_details_series .breadcrumb>a,
    #programs_details_series .breadcrumb>span,
    #programs_details_b .breadcrumb>a,
    #programs_details_b .breadcrumb>span {
        padding: 0px 26px;
        height: 44px;
        font-size: 12px;
        line-height: 44px;
    }

    #programs_details_series .breadcrumb>*:nth-child(1),
    #programs_details_b .breadcrumb>*:nth-child(1) {
        padding-right: 13px;
    }

    #programs_details_series .breadcrumb>*:nth-child(3),
    #programs_details_b .breadcrumb>*:nth-child(3) {
        margin-left: -18px;
    }

    #programs_details_series .breadcrumb>*:nth-child(3)::before,
    #programs_details_b .breadcrumb>*:nth-child(3)::before {
        width: 27px;
    }

    #programs_details_series .breadcrumb>*:nth-child(3)::after,
    #programs_details_b .breadcrumb>*:nth-child(3)::after {
        width: 27px;
    }

    #programs_details_series .overview {
        margin-top: 20px;
    }

    #programs_details_series .overview .introduction {
        margin-top: 20px;
        display: block;
    }

    #programs_details_series .overview .introduction .text {
        padding: 0;
        font-size: 13px;
        line-height: 20px;
    }

    #programs_details_series .overview .introduction .text p:not(:first-child) {
        margin-top: 10px;
    }

    #programs_details_series .overview .introduction .image {
        margin: 10px 0px 0px 0px;
        width: auto;
    }

    /* Introduction Video */
    #programs_details_series .video {
        margin-top: 40px;
        padding: 30px 0px 33px 0px;
    }

    #programs_details_series .video .video_wrap {
        margin-top: 20px;
    }

    #programs_details_series .video .video_wrap video {
        width: 100%;
        height: auto;
    }

    #programs_details_series .video .video_wrap .video_play {
        width: 60px;
        height: 60px;
        left: calc(50% - 30px);
        top: calc(50% - 30px);
    }

    #programs_details_series .programs {
        margin-top: 40px;
    }

    /* 年份 */
    #programs_details_series .years span {
        margin-left: -1px;
        height: 32px;
    }

    /* 上一个，下一个 */
    #programs_details_series .years .pre,
    #programs_details_series .years .next {
        width: 32px;
    }

    #programs_details_series .years .pre img,
    #programs_details_series .years .next img {
        width: auto;
        height: 8px;
    }

    #programs_details_series .years .num {
        width: 66px;
        padding: 0px 16px;
        font-size: 13px;
        font-weight: 400;
        line-height: 30px;
    }

    #programs_details_series .years .num.active {
        margin-left: 0;
    }

    #programs_details_series .programs .list {
        margin-top: 16px;
    }

    #programs_details_series .programs .list .list_item.active {
        flex-direction: column;
    }

    #programs_details_series .programs .list .list_item .image_wrap {
        width: 100%;
        padding-bottom: 0;
    }

    #programs_details_series .programs .list .list_item .text_wrap {
        margin-left: 0;
        width: 100%;
        padding: 10px 16px 18px 16px;
    }

    #programs_details_series .programs .list .list_item .text_wrap .title {
        margin-top: 4px;
        font-size: 18px;
        line-height: 23px;
    }

    /* Organization */
    #programs_details_series .organization {
        margin-top: 80px;
    }

    #programs_details_series .organization ul.organization_list li {
        margin: 20px 16px 0px 0px;
        padding: 16px 10px;
    }

    #programs_details_series .organization ul.organization_list li.active::after {
        width: 24px;
        height: 24px;
        bottom: -40px;
    }

    #programs_details_series .organization ul.organization_list li .name {
        font-size: 13px;
        line-height: 16px;
    }

    #programs_details_series .organization ul.organization_content {
        margin-top: 24px;
    }

    #programs_details_series .organization ul.organization_content li {
        padding: 24px;
    }

    #programs_details_series .organization ul.organization_content li .title {
        font-size: 18px;
        line-height: 23px;
    }

    #programs_details_series .organization ul.organization_content li .desc {
        font-size: 13px;
        line-height: 16px;
    }

    #programs_details_series .organization ul.organization_content li .desc p {
        margin-top: 10px;
    }

    #programs_details_series footer {
        margin-top: 90px;
    }

    /* -------------programs_details_series页面 结束------------- */

    /* -------------programs_details_a页面 开始------------- */
    #programs_details_a .overview .introduction {
        margin-top: 20px;
        display: block;
    }

    #programs_details_a .overview .introduction .text {
        padding: 0;
        font-size: 13px;
        line-height: 20px;
    }

    #programs_details_a .overview .introduction .image {
        margin: 10px 0px 0px 0px;
        width: auto;
    }

    #programs_details_a .overview .questions {
        margin-top: 4px;
        flex-direction: column;
    }

    #programs_details_a .overview .questions .question {
        margin: 20px 0px 0px 0px;
        width: 100%;
        padding: 16px 16px 20px 16px;
    }

    #programs_details_a .overview .questions .question .title {
        font-size: 18px;
        line-height: 23px;
    }

    #programs_details_a .overview .questions .question .answer {
        margin-top: 10px;
    }

    #programs_details_a .overview .questions .question .answer .answer_item {
        margin-top: 8px;
        padding-left: 20px;
        font-size: 13px;
        line-height: 20px;
    }

    #programs_details_a .overview .questions .question .answer .answer_item::before {
        left: 7px;
        top: 7px;
        width: 6px;
        height: 6px;
    }

    #programs_details_a .book {
        margin-top: 24px;
    }

    #programs_details_a .book .zm_wrap {
        padding: 20px 20px 142px 20px;
    }

    #programs_details_a .book .zm_wrap .bg_num {
        right: 50%;
        bottom: -49px;
        font-size: 140px;
        line-height: 176px;
        transform: translateX(50%);
    }

    #programs_details_a .book .name {
        font-size: 18px;
        line-height: 23px;
    }

    #programs_details_a .book .tab {
        margin-top: 16px;
        flex-direction: column;
    }

    #programs_details_a .book .tab .tab_header {
        width: 100%;
        padding-right: 0;
    }

    #programs_details_a .book .tab .tab_header li {
        margin-top: 20px;
    }

    #programs_details_a .book .tab .tab_header li .num {
        width: 23px;
        font-size: 12px;
        line-height: 19px;
    }

    #programs_details_a .book .tab .tab_header li .text {
        font-size: 15px;
        line-height: 19px;
    }

    #programs_details_a .book .tab .tab_content {
        margin: 20px 0px 0px 0px;
    }

    #programs_details_a .book .tab .tab_content li {
        font-size: 13px;
        line-height: 20px;
    }

    #programs_details_a .news {
        margin-top: 40px;
    }

    /* 分页 */
    #programs_details_a .pages>a,
    #programs_details_a .pages>span {
        margin-left: -1px;
        height: 32px;
        flex-shrink: 0;
    }

    /* 上一页，下一页 */
    #programs_details_a .pages .pre,
    #programs_details_a .pages .next {
        width: 32px;
    }

    #programs_details_a .pages .pre img,
    #programs_details_a .pages .next img {
        width: auto;
        height: 8px;
    }

    /* 页数*/
    #programs_details_a .pages .cur,
    #programs_details_a .pages .num {
        padding: 0px 16px;
        min-width: 66px;
        font-size: 13px;
        font-weight: 400;
        line-height: 30px;
    }

    /* 当前页数 */
    #programs_details_a .pages .cur {
        margin-left: 0;
    }

    #programs_details_a .news .list {
        margin-top: 16px;
    }

    #programs_details_a .news .list .list_item .image_wrap {
        position: static;
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;
    }

    #programs_details_a .news .list .list_item .zm_wrap .text_wrap {
        width: 100%;
        padding: 10px 16px 18px 16px;
    }

    #programs_details_a .news .list .list_item .zm_wrap .text_wrap .title {
        margin-top: 4px;
        font-size: 18px;
        line-height: 23px;
    }

    #programs_details_a .news .list .list_item .zm_wrap .text_wrap .desc {
        margin-top: 4px;
        font-size: 13px;
        line-height: 20px;
    }

    #programs_details_a .news .list .list_item .zm_wrap .text_wrap .btn_more {
        margin-top: 23px;
        min-width: unset;
        width: 100%;
    }

    #programs_details_a footer {
        margin-top: 54px;
    }

    /* -------------programs_details_a页面 结束------------- */

    /* -------------programs_details_b页面 开始------------- */
    #programs_details_b .sub_content {
        display: block;
    }

    #programs_details_b .sub_content .left_side {
        margin: 20px 0px 0px 0px;
        font-size: 13px;
        line-height: 20px;
    }

    #programs_details_b .sub_content .left_side .section_part {
        margin-bottom: 40px;
    }

    #programs_details_b .sub_content .left_side .section_title {
        margin-bottom: 16px;
    }

    #programs_details_b .sub_content .left_side ol,
    #programs_details_b .sub_content .left_side ul {
        margin-left: 22px;
    }

    #programs_details_b .sub_content .right_side {
        width: auto;
        margin: 40px 0px 0px 0px;
    }

    #programs_details_b .sub_content .right_side .news {
        margin-top: 20px;
    }

    #programs_details_b .sub_content .right_side .news .item {
        margin-bottom: 24px;
    }

    #programs_details_b .sub_content .right_side .news .item .img_wrap {
        height: auto;
    }

    #programs_details_b .sub_content .right_side .news .item .img_wrap img {
        height: auto;
    }

    #programs_details_b .sub_content .right_side .news .item .title {
        margin-top: 12px;
        font-size: 16px;
        line-height: 20px;
    }

    #programs_details_b .sub_content .right_side .news .item .desc,
    #programs_details_b .sub_content .right_side .news .item .date {
        display: none;
    }

    #programs_details_b footer {
        margin-top: 54px;
    }

    /* -------------programs_details_b页面 结束------------- */

    /* -------------news页面 开始------------- */
    #news .news_content {
        margin: 0px 0px 44px 0px;
    }

    #news .news_content .data_wrap {
        flex-direction: column;
        margin-top: 4px;
    }

    #news .news_content .data_wrap .data_list {
        width: 100%;
        height: auto;
        margin: 16px 0px 0px 0px;
    }

    #news .news_content .data_wrap .data_list .img {
        height: auto;
    }

    #news .news_content .data_wrap .data_list .img img {
        height: auto;
    }

    #news .news_content .data_wrap .data_list .cont {
        padding: 14px 14px 18px 14px;
    }

    #news .news_content .data_wrap .data_list .cont .date {
        display: none;
    }

    #news .news_content .data_wrap .data_list .cont .title {
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        display: block;
        word-break: normal;
    }

    #news .news_content .data_wrap .data_list .cont .desc {
        display: none;
    }

    /* -------------news页面 结束------------- */

    /* -------------news_details页面 开始------------- */
    #news_details {
        padding-top: 76px;
    }

    #news_details .content .page_top {
        box-sizing: border-box;
        padding: 20px;
    }

    #news_details .content .page_top .page_top_wrap {
        width: auto;
    }

    #news_details .content .page_top .page_top_wrap .crumbs {
        font-size: 13px;
    }

    #news_details .content .page_top .page_top_wrap .crumbs .symbol {
        margin: 0px 4px;
    }

    #news_details .content .page_top .page_top_wrap .info_wrap {
        margin-top: 16px;
    }

    #news_details .content .page_top .page_top_wrap .info_wrap .title {
        font-size: 24px;
        line-height: 30px;
        margin-top: 16px;
    }

    #news_details .content .page_top .page_top_wrap .info_wrap .title:first-letter {
        font-size: 40px;
    }


    #news_details .content .page_top .page_top_wrap .info_wrap .extra {
        margin-top: 10px;
        flex-direction: column;
        align-items: flex-start;
    }

    #news_details .content .page_top .page_top_wrap .info_wrap .date {
        font-size: 13px;
        line-height: 18px;
    }

    #news_details .content .page_top .page_top_wrap .info_wrap .extra .translate {
        margin: 10px 0px 0px 0px;
    }

    #news_details .content .page_top .page_top_wrap .info_wrap .extra .translate .language {
        padding: 4px 8px 4px 32px;
        background-size: 20px 20px;
        background-position: 6px center;
        font-size: 13px;
        line-height: 20px;
    }

    #news_details .content .page_top .page_top_wrap .info_wrap .extra .translate ul.language_list {
        left: calc(100% + 16px);
        top: -20px;
        width: 184px;
        box-sizing: border-box;
        min-height: 28px;
        padding: 2px 6px 12px 16px;
    }

    #news_details .content .page_top .page_top_wrap .info_wrap .extra .translate ul.language_list li {
        margin-top: 10px;
        width: 80px !important;
    }

    #news_details .content .page_top .page_top_wrap .info_wrap .extra .translate ul.language_list li span {
        font-size: 13px;
        line-height: 18px;
    }

    #news_details .content .rich_text {
        width: auto;
        padding: 40px 20px 60px 20px;
        font-size: 13px;
        line-height: 20px;
    }

    #news_details .content .rich_text * {
        font-size: 13px !important;
    }

    #news_details .content .rich_text p {
        margin-top: 16px;
    }

    #news_details .content .more_news {
        box-sizing: border-box;
        padding: 40px 20px;
    }

    #news_details .content .more_news .more_wrap {
        width: auto;
    }

    #news_details .content .more_news .more_wrap .news_wrap {
        flex-direction: column;
        height: auto;
        margin-top: 0;
    }

    #news_details .content .more_news .more_wrap .news_wrap .news_list {
        flex-direction: column;
        margin: 24px 0px 0px 0px;
        width: 100%;
    }

    #news_details .content .more_news .more_wrap .news_wrap .news_list:first-child {
        margin-top: 20px;
    }

    #news_details .content .more_news .more_wrap .news_wrap .news_list .img {
        width: 100%;
        height: auto;
        margin: 0;
    }

    #news_details .content .more_news .more_wrap .news_wrap .news_list .img img {
        height: auto;
    }

    #news_details .content .more_news .more_wrap .news_wrap .news_list .cont {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 12px 0px 0px 0px;
    }

    #news_details .content .more_news .more_wrap .news_wrap .news_list .cont .title {
        font-size: 16px;
        line-height: 20px;
        display: block;
        word-break: normal;
    }

    #news_details .content .more_news .more_wrap .news_wrap .news_list .cont .date {
        display: none;
    }

    /* -------------news_details页面 结束------------- */

    /* -------------resources页面 开始------------- */
    /* books */
    #resources .books .top_book {
        margin-top: 10px;
        flex-direction: column-reverse;
    }

    #resources .books .top_book .text_wrap {
        padding: 10px 16px 28px 16px;
        overflow: hidden;
    }

    #resources .books .name {
        font-size: 18px;
        line-height: 23px;
    }

    #resources .books .sub_name {
        font-size: 13px;
        line-height: 16px;
    }

    #resources .books .author {
        font-size: 13px;
        line-height: 20px;
    }

    #resources .books .top_book .author {
        margin-top: 8px;
    }

    #resources .books .top_book .num_describe {
        margin-top: 16px;
    }

    #resources .books .top_book .num_describe ol .describe {
        font-size: 13px;
        line-height: 16px;
    }

    #resources .books .top_book .image_wrap {
        width: 100%;
    }

    #resources .books .top_book .image_wrap img {
        height: auto;
    }

    #resources .books .two_books {
        margin: 0;
        flex-direction: column;
    }

    #resources .books .two_books .book_item {
        margin: 32px 0px 0px 0px;
        padding: 20px 16px;
        width: 100%;
        position: relative;
    }

    #resources .books .two_books .book_item .mobile_wrap {
        min-height: 164px;
        padding-left: 144px;
    }

    #resources .books .two_books .book_item .name {
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    #resources .books .two_books .book_item .sub_name {
        height: auto;
        -webkit-line-clamp: 4;
        font-size: 15px;
        line-height: 19px;
    }

    #resources .books .two_books .book_item .image_text {
        margin-top: 10px;
        min-height: unset;
        display: block;
    }

    #resources .books .two_books .book_item .image_text .image_wrap {
        position: absolute;
        top: -16px;
        left: 16px;
        width: 133px;
    }

    #resources .books .two_books .book_item .image_text .image_wrap img {
        max-height: 200px;
    }

    #resources .books .two_books .book_item .image_text .text_wrap {
        margin: 0;
    }

    #resources .books .two_books .book_item .image_text .text_wrap .profile {
        margin-top: 4px;
        display: block;
        font-size: 13px;
        line-height: 20px;
    }

    /* tools */
    #resources .tools {
        margin: 40px 0px 35px 0px;
    }

    #resources .tools .tools_list {
        margin-top: -5px;
        margin-left: -15px;
        justify-content: flex-start;
    }

    #resources .tools .tools_list li {
        margin: 15px 0px 0px 15px;
        padding: 0px 8px;
        width: calc(50% - 15px);
        height: auto;
        min-height: 90px;
        overflow: hidden;
    }

    #resources .tools .tools_list li .logo img {
        max-width: 48px;
    }

    #resources .tools .tools_list li .logo img:only-child {
        max-width: 100%;
    }

    #resources .tools .tools_list li .logo span {
        font-size: 13px;
        line-height: 16px;
    }

    #resources .tools .tools_list li .logo img+span {
        margin-left: 4px;
    }

    #resources .tools .tools_list li .get {
        display: none !important;
    }

    /* -------------resources页面 结束------------- */

    /* -------------contact页面 开始------------- */
    #contact .form_parent {
        padding: 0;
    }

    #contact .form_parent label {
        font-size: 14px;
        line-height: 18px;
        margin: 20px 0 8px;
    }

    #contact .form_parent .form_top div {
        width: 100%;
    }

    #contact .form_parent .form_top input {
        padding: 0 16px;
        font-size: 13px;
        line-height: 48px;
    }

    #contact .form_parent .form_bottom textarea {
        height: 148px;
        padding: 16px;
        font-size: 13px;
        line-height: 16px;
    }

    #contact .form_parent button {
        display: block;
        width: 90%;
        box-sizing: border-box;
        margin: 20px auto 0px;
        padding: 0px 38px 0px 19px;
        border-radius: 22px;
        background-color: transparent;
        background-image: url("../images/icon/icon_more.png");
        background-repeat: no-repeat;
        background-size: 24px 24px;
        background-position: calc(100% - 10px) center;
        font-family: Mulish;
        font-size: 16px;
        font-weight: 400;
        line-height: 42px;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #contact dl {
        margin-top: 40px;
        padding: 32px 0px;
        color: #333;
    }

    #contact dl dt {
        width: 100%;
    }

    #contact dl dt::after {
        content: none;
    }

    #contact dl dt h5 {
        padding-left: 22px;
    }

    #contact dl dd {
        width: 100%;
        margin: 32px 0px 0px 0px;
    }

    #contact dl dd h5 {
        padding-left: 35px;
        font-size: 18px;
        line-height: 24px;
    }

    #contact dl dd p {
        margin-top: 7px;
        padding-left: 69px;
        opacity: 0.8;
    }

    #contact .map {
        margin-top: 0px;
    }

    #contact .map img {
        display: none;
    }

    #contact .map img.mobile {
        display: block;
    }

    /* -------------contact页面 结束------------- */

    /* ------------- search_list页面 开始 ------------- */
    #search_list .crumbs {
        padding: 20px 0px 16px 0px;
    }

    #search_list .search_result {
        display: block;
    }

    #search_list .search_result .search_result_l {
        width: 100%;
    }

    #search_list .search_result .search_result_l h3 {
        font-size: 40px;
        line-height: 50px;
    }

    #search_list .search_result .search_result_l .search_box.mobile {
        display: flex;
    }

    #search_list .search_result .search_box {
        margin: 20px 0px 0px 0px;
        height: 48px;
        padding: 0px 16px;
    }

    #search_list .search_result .search_box input {
        height: 100%;
        padding: 0px 48px 0px 56px;
        font-size: 14px;
    }

    #search_list .search_result .search_box img.icon_search {
        width: 24px;
        height: 24px;
    }

    #search_list .search_result .search_box img.icon_clear {
        width: 16px;
        height: 16px;
    }

    #search_list .search_result .search_result_l .section_title {
        margin-top: 20px;
        position: relative;
    }

    #search_list .search_result .search_result_l .section_title::after {
        content: '';
        position: absolute;
        right: 0;
        top: 4px;
        width: 20px;
        height: 20px;
        background-image: url("../images/icon/icon_fold_blue.png");
        background-repeat: no-repeat;
        background-size: 13px 13px;
        background-position: center center;
    }

    #search_list .search_result .search_result_l .section_title.unfold::after {
        background-image: url("../images/icon/icon_unfold_blue.png");
    }

    #search_list .search_result .search_result_l .section_title~dl {
        display: none;
    }

    #search_list .search_result .search_result_l .section_title.unfold~dl {
        display: block;
    }

    #search_list .search_result .search_result_l dl {
        margin-top: 10px;
    }

    #search_list .search_result .search_result_l dt {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    #search_list .search_result .search_result_l .date dd {
        padding: 16px;
    }

    #search_list .search_result .search_result_l .date .form_box {
        flex-wrap: wrap;
    }

    #search_list .search_result .search_result_l .date label {
        font-size: 12px;
        margin-bottom: 4px;
    }

    #search_list .search_result .search_result_l .date input {
        font-size: 13px;
    }

    #search_list .search_result .search_result_l .date button {
        margin-top: 20px;
        height: 44px;
        box-sizing: border-box;
        line-height: 42px;
    }

    #search_list .search_result .search_result_l .type dd {
        margin-bottom: 8px;
    }

    #search_list .search_result .search_result_l .type dd p,
    #search_list .search_result .search_result_l .type dd span {
        font-size: 13px;
        line-height: 16px;
    }

    #search_list .search_result .search_result_l .type dd input[type=checkbox] {
        margin-right: 10px;
    }

    #search_list .search_result .search_result_r {
        width: 100%;
    }

    #search_list .search_result .search_result_r .search_box {
        display: none;
    }

    #search_list .search_result .search_result_r p.results {
        font-size: 13px;
        line-height: 20px;
        margin: 40px 0px 20px 0px;
    }

    #search_list .search_result .search_result_r li {
        margin-bottom: 24px;
    }

    #search_list .search_result .search_result_r li a {
        flex-direction: column;
        align-items: flex-start;
    }

    #search_list .search_result .search_result_r li .img_parent {
        width: 100%;
    }

    #search_list .search_result .search_result_r li .desc {
        width: 100%;
    }

    #search_list .search_result .search_result_r li h5 {
        margin-top: 12px;
        font-size: 16px;
        line-height: 20px;
    }

    #search_list .search_result .search_result_r li p,
    #search_list .search_result .search_result_r li time {
        display: none;
    }

    #search_list footer {
        margin-top: 54px;
    }

    /* ------------- search_list页面 结束 ------------- */

    /* -------------login页面 开始------------- */
    body.login {
        background-position: center bottom;
        min-height: 100vh;
        box-sizing: border-box;
    }

    #login .login_form {
        padding: 48px 20px;
        width: 100%;
        box-sizing: border-box;
    }

    #login .login_form .caption {
        font-size: 18px;
        line-height: 28px;
    }

    #login .login_form .form_item {
        margin-top: 20px;
    }

    #login .login_form .caption+.form_item {
        margin-top: 16px;
    }

    #login .login_form .form_item .form_label label {
        font-size: 13px;
        line-height: 20px;
    }

    #login .login_form .form_item .form_label .forgot {
        font-size: 12px;
    }

    #login .login_form .form_item .form_input input {
        height: 44px;
        font-size: 13px;
        line-height: 20px;
    }

    /* 输入框自动填充样式 */
    #login .login_form .form_item .form_input input:-webkit-autofill,
    #login .login_form .form_item .form_input input:-webkit-autofill:hover,
    #login .login_form .form_item .form_input input:-webkit-autofill:focus,
    #login .login_form .form_item .form_input input:-webkit-autofill:active {
        font-size: 13px !important;
    }

    /* 验证码表单项 */
    #login .login_form .form_item.vercode .form_input>div:first-child {
        flex: 1;
    }

    #login .login_form .form_item.vercode .form_input input {
        width: 100%;
    }

    #login .login_form .form_item.vercode .form_input .vercode_img {
        margin: 0px 0px 0px 12px;
        width: 72px;
    }

    #login .login_form .form_item.vercode .form_input .vercode_img .change {
        display: flex;
        flex-direction: row;
    }

    #login .login_form .form_item.vercode .form_input .vercode_img .change img {
        width: 16px;
        height: 16px;
    }

    #login .login_form .form_item.vercode .form_input .vercode_img .change span {
        font-size: 12px;
        line-height: 16px;
    }

    #login .login_form .form_btn .btn_login {
        height: 44px;
        font-size: 16px;
        line-height: 44px;
    }

    /* -------------login页面 结束------------- */
}