/**电脑**/
@media screen and (min-width:1680px) {

    /* 英文页面目录 */
    .page_index.en .section_part ul.catelog {
        display: block;
    }
}

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

    /* 中文页面目录 */
    .page_index.zh .section_part ul.catelog {
        display: block;
    }
}

/**手机viewport 手机适配用**/
@media only screen and (max-width: 479px) {
    html {
        min-width: unset;
    }

    .zm_wrap {
        width: auto;
        padding: 0px 20px;
    }
    .rules_tab_wrap{
        display: flex;
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 30px;
        transform: scale(0.85);
    }

    .page_index .format .racetrack .brief .brief_content .auxs{
        position: static;
        top: 0;
        left: 0;
        color: #fff;
        word-break: break-all;
        width: 100%;
        font-size: 12px;
        white-space: wrap;
        margin-top: 10px;
    }
    .page_index .format .racetrack .brief .brief_content .auxs_center{
        position: static;
        top: 0 !important;
        right: 0;
        font-size: 12px;
        color: #fff;
        white-space: wrap;
        width: 100%;
        word-break: break-all;
        margin-top: 10px;
        text-align: left;
    }
    .rules_tab_wrap .rules_tab_list{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 120px;
        height: 48px;
        flex-shrink: 0;
        border-radius: 12px;
        cursor: pointer;
        transition: 0.5s;
        border: 1px solid rgba(255,255,255,0.5);
    }
    
    .rules_tab_wrap .rules_tab_list .cont{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 110px;
        height: 40px;
        font-size: 12px;
        color: #1b3283;
        font-weight: bold;
        border-radius: 8px;
        transition: 0.5s;
        background-color: rgba(255,255,255,0.5);
    }
    .rules_tab_wrap .rules_tab_list:nth-child(2){
        margin: 0 12px;
    }
    /* -------------顶部------------- */
    #zm_header .img_container img {
        min-height: 60px;
    }

    #zm_header .zm_wrap {
        left: 0;
        right: 0;
        top: 20px;
        transform: none;
    }

    #zm_header ul li {
        margin-left: 16px;
    }

    #zm_header .language {
        height: 26px;
        padding: 0px 14px 0px 30px;
        background-size: 12px 12px;
        background-position: 14px center;
        font-size: 10px;
        line-height: 24px;
    }

    /* -------------底部------------- */
    #zm_footer {
        padding: 15px 0px 20px 0px;
        background: #FFFFFF;
    }

    #zm_footer .zm_wrap {
        flex-direction: column;
    }


    #zm_footer .zm_wrap .footer_right {
        margin-left: 0;
    }

    #zm_footer .organization {
        margin-top: 36px !important;
        padding: 16px 0px 0px 0px;
        border: none;
        border-top: 1px solid #A1A8B2;
    }

    #zm_footer .footer_left .organization:first-child {
        margin-top: 0 !important;
        padding: 0;
        border: none;
    }

    #zm_footer .organization .title {
        text-align: center;
    }

    #zm_footer .organization ul {
        justify-content: center;
    }

    #zm_footer .organization ul li img {
        max-width: 100%;
    }

    /* 支持单位 */
    #zm_footer .organization.support ul {
        margin-left: -20px;
    }

    #zm_footer .organization.support ul li {
        margin-left: 20px;
    }

    #zm_footer .organization.support ul li img {
        max-height: 40px;
    }

    /* 标题 */
    .section_title {
        margin-bottom: 20px;
    }

    .section_title span,
    .section_title a {
        font-size: 26px;
        line-height: 34px;
    }

    .section_title+.aux {
        margin-top: -12px;
        font-size: 12px;
        line-height: 22px;
    }

    /* -------------index页面 开始------------- */
    /* 大赛简介 */
    .page_index .introduction {
        padding: 56px 0px 0px 0px;
        background-image: url("../images/bg/bg_banner_right_mobile.png");
        background-repeat: no-repeat;
        background-position: right 27px;
    }

    .page_index .introduction .section_content .text {
        width: 100%;
        font-size: 12px;
        line-height: 22px;
    }

    /* 获奖名单 */

    .page_index .winners .download {
        font-size: 12px;
        margin-top: 12px;
        height: 28px;
        padding: 0 8px;
    }
    .page_index .winners {
        padding-top: 40px;
      }
      .page_index .winners .download {
        font-size: 12px;
        margin-top: 12px;
        height: 28px;
        padding: 0 8px;
      }
      .page_index .winners .download .icon {
        width: 10px;
        height: 10px;
        margin-right: 6px;
      }
      .page_index .winners .videoWrap li {
        width: 100%;
        margin-right: 0;
        margin-top: 14px;
      }
      .page_index .winners .videoWrap li .videoList {
        display: flex;
        align-items: flex-start;
        width: 100%;
      }
      .page_index .winners .videoWrap li .videoList .imgWrap {
        height: auto;
      }
      .page_index .winners .videoWrap li .videoList .imgWrap .videoImg {
        height: auto;
      }
      .page_index .winners .videoWrap li .videoList .cont {
        margin-top: 0;
      }
      .page_index .winners .videoWrap li .videoList .cont .label {
        font-size: 12px;
      }
      .page_index .winners .videoWrap li .videoList .cont .title {
        font-size: 14px;
        line-height: 20px;
        height: auto;
        padding: 0 8px;
      }
      .page_index .winners .videoWrap li .videoList .cont .chargeInfo {
        padding: 0 8px;
        font-size: 12px;
        margin-top: 8px;
      }


    /* 宣传视频 */
    .page_index .publicize {
        padding-top: 40px;
      }
      .page_index .publicize .publicizeVideo {
        width: 100%;
        height: 210px;
      }
      .page_index .publicize .publicizeVideo .video {
        width: 100%;
        height: 210px;
      }
      .page_index .publicize .publicizeVideo .publicizeVideoPlay {
        width: 40px;
        height: 40px;
      }
      .page_index .publicize .publicizeVideo .publicizeImg {
        width: 100%;
        height: 210px;
      }
      
    /* 联盟成员 */
    .page_index .alliance {
        padding-top: 56px;
        overflow: hidden;
    }

    .page_index .alliance table td {
        padding: 8px;
        font-size: 12px;
        line-height: 20px;
    }

    /* 大赛形式 */
    .page_index .format {
        padding-top: 56px;
    }

    .page_index .format .racetracks .racetrack {
        height: auto;
        margin-bottom: 24px;
    }

    .page_index .format .racetrack .brief {
        position: relative;
        width: 100%;
        height: auto !important;
    }

    .page_index .format .racetrack .brief .bref_bg img {
        border-radius: 8px 8px 0px 0px;
    }

    .page_index .format .racetrack .brief .brief_content {
        display: block;
        width: 100%;
        height: auto;
        padding: 20px;
    }

    .page_index .format .racetrack .brief .brief_content .title {
        position: static !important;
        width: 100% !important;
        font-size: 18px;
        line-height: 24px;
        text-align: left;
    }

    .page_index .format .racetrack .brief .brief_content .icon_text {
        flex-direction: row;
    }

    .page_index .format .racetrack .brief .brief_content .icons {
        flex: none;
        margin: 16px 0px 0px 0px;
        width: auto;
        height: auto;
        align-items: flex-start;
    }

    .page_index .format .racetrack .brief .brief_content .icon {
        display: none;
    }

    .page_index .format .racetrack .brief .brief_content .icon.active {
        display: flex;
        width: 56px;
        height: 56px;
        padding: 4px;
    }

    .page_index .format .racetrack .brief .brief_content .icon.active::before {
        content: none;
    }

    .page_index .format .racetrack .brief .brief_content .icon.active::after {
        content: none;
    }

    .page_index .format .racetrack .brief .brief_content .icon.active img {
        width: 24px;
        height: 24px;
    }

    .page_index .format .racetrack .brief .brief_content .text {
        flex: 1;
        margin-top: 8px;
        margin-left: 20px;
        font-size: 12px;
        line-height: 18px;
    }

    .page_index .format .racetrack .spec {
        position: static;
        width: 100%;
        height: auto;
    }

    .page_index .format .racetrack .spec .spec_content {
        padding: 16px 20px 32px 20px !important;
    }

    .page_index .format .racetrack .spec .spec_content .text_container {
        font-size: 12px;
        line-height: 20px;
        display: block;
    }

    .page_index .format .racetrack .spec .spec_content .btn_container {
        text-align: center;
    }

    .page_index .format .racetrack .spec .spec_content .btn_container a {
        display: inline-block;
        margin: 20px 8px 0px 8px !important;
        height: auto;
        padding: 7px 22px;
        border-width: 1px;
        font-size: 18px;
        line-height: 24px;
    }

    .page_index .format .racetrack .spec .spec_tab .spec_tab_title li {
        flex: 1;
        height: 32px;
        border-radius: 8px 8px 0px 0px;
        font-size: 12px;
        line-height: 30px;
        overflow: hidden;
    }

    .page_index .format .racetrack .spec .spec_tab .spec_tab_title li.active {
        font-size: 14px;
    }

    .page_index .format .racetrack .spec .spec_tab .spec_tab_content {
        height: auto;
    }

    /* 大赛指导委员会 */
    .page_index .committee {
        padding: 56px 0px 28px 0px;
    }

    .page_index .committee .members .member {
        width: calc(50% - 20px);
        margin-bottom: 20px;
    }

    .page_index .committee .member .name_container .name {
        font-size: 14px;
        line-height: 18px;
    }

    .page_index .committee .member .name_container .lable {
        margin-top: 4px;
    }

    .page_index .committee .member .name_container .lable li {
        font-size: 11px;
        line-height: 18px;
    }

    /* 参赛资格 */
    .page_index .eligibility {
        padding: 20px 0px 36px 0px;
    }

    .page_index .eligibility ol.rules {
        width: auto;
    }

    .page_index .eligibility ol.rules li {
        margin-top: 8px;
        padding-left: 26px;
        font-size: 12px;
        line-height: 22px;
    }

    .page_index .eligibility ol.rules li .num {
        top: 1px;
        left: 0;
    }

    /* 赛程安排 */
    .page_index .schedule {
        padding-top: 32px;
        overflow: hidden;
    }

    .page_index .schedule_items {
        margin: 0 auto;
        width: 750px;
        justify-content: flex-start;
        border-radius: 16px;
    }

    .page_index .schedule_items .schedule_item {
        flex-shrink: 0;
        width: 140px !important;
        padding: 0;
    }

    /* 英文版 */
    .page_index.en .schedule_items .schedule_item {
        padding-bottom: 10px;
    }

    .page_index .schedule_items .schedule_item.project {
        width: 190px !important;
    }

    .page_index .schedule_items .schedule_item li {
        height: 60px;
        box-sizing: border-box;
        padding-top: 14px;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
    }

    .page_index .schedule_items .schedule_item li:first-child {
        height: 48px;
    }

    .page_index .schedule_items .schedule_item li:first-child img {
        width: 24px;
        height: 24px;
    }

    .page_index .schedule_items .schedule_item li:first-child span {
        max-width: 94px;
        font-size: 16px;
        line-height: 21px;
    }

    .page_index .schedule_items .schedule_item li .aux {
        font-size: 11px;
        line-height: 15px;
    }

    .page_index .schedule .schedule_tips {
        display: block;
        margin-top: 8px;
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
        color: #737373;
        text-align: center;
    }

    /* 奖项设置 */
    .page_index .awards {
        padding: 68px 0px 79px 0px;
    }

    .page_index .awards .awards_items {
        flex-direction: column;
    }

    .page_index .awards .awards_items .awards_item {
        width: 100%;
        margin-top: 24px;
        padding-top: 32px;
        padding-bottom: 34px;
    }

    .page_index .awards .awards_items .awards_item:first-child {
        margin-top: 0;
    }

    .page_index .awards .awards_item .title {
        font-size: 16px;
        line-height: 21px;
    }

    .page_index .awards .awards_item .extra {
        font-size: 11px;
        line-height: 15px;
    }

    .page_index .awards .awards_item .num_container {
        padding-top: 10px;
    }

    .page_index .awards .awards_item .num_container>div {
        margin-top: 20px;
    }

    .page_index .awards .awards_item .num_container .unit {
        font-size: 12px;
        line-height: 16px;
    }

    .page_index .awards .awards_item .num_container .unit em {
        font-size: 32px;
        line-height: 42px;
    }

    .page_index .awards .awards_item .num_container .unitES em {
        word-break: break-all;
        font-size: 16px;
        line-height: 22px;
    }

    .page_index .awards .awards_item .num_container .num {
        font-size: 11px;
        line-height: 15px;
    }

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

    /* -------------sustainability页面 开始------------- */
    .page_sustainability #zm_header .zm_wrap,
    .page_intel #zm_header .zm_wrap {
        width: auto;
    }

    .page_sustainability #content,
    .page_intel #content {
        margin: 40px 0px 0px 0px;
    }

    .page_sustainability .section_part,
    .page_intel .section_part {
        padding: 0px 0px 60px 0px !important;
    }

    .page_sustainability .section_title,
    .page_intel .section_title {
        white-space: normal;
    }

    .page_sustainability .section_part ul.catelog,
    .page_intel .section_part ul.catelog {
        display: none;
    }

    .page_sustainability .section_content,
    .page_intel .section_content {
        font-size: 12px;
        line-height: 22px;
    }

    /* 答疑群 */
    .page_sustainability .section_part.qa {
        margin-top: 0;
    }

    /* -------------sustainability页面 结束------------- */

    /* -------------intel页面 开始------------- */
    .page_intel .course_items .course_item {
        width: 100%;
    }

    .page_intel .course_items .course_item .course_title {
        font-size: 11px;
        line-height: 18px;
    }

    .page_intel .section_content a {
        word-break: break-all;
    }

    .page_intel .section_content p.img_container .illustration {
        font-size: 11px;
        line-height: 18px;
    }

    .page_intel .section_title.platforms span {
        font-size: 26px;
    }

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