.banner-comm2 {
    position: relative;
    /*overflow: hidden*/
}

    .banner-comm2 img {
        display: block;
        width: 100%;
        -webkit-animation: a 10s linear infinite alternate;
        animation: a 10s linear infinite alternate
    }

    .banner-comm2 .title {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 2.604167vw;
        line-height: 1.2;
        color: #fff
    }
    
.download-main { margin-top: 0px; }

.download-main .title { font-size: 32px; line-height: 32px; color: #333; padding: 30px 0; }

.download-main .download-head { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; padding-bottom: 10px; z-index: 1; }

.select-all-btn { padding-left: 25px; line-height: 16px; font-size: 16px; margin-right: 30px; position: relative; cursor: pointer; }

.select-all-btn input { position: absolute; opacity: 0; }

.select-all-btn input:checked + .icon { background: #02529b url(../img/checkmask-icon.png) no-repeat 50% 50%; background-size: 10px 6px; border-color: #02529b; }

.select-all-btn .icon { position: absolute; left: 0; top: 1px; display: inline-block; width: 15px; height: 15px; border: 1px solid #d2d2d2; }

.download-btn { display: inline-block; vertical-align: middle; width: 120px; height: 40px; text-align: center; background: #02529b; border-radius: 14px; cursor: pointer; }

.download-btn .icon { width: 13px; height: 16px; display: inline-block; vertical-align: middle; }

.download-btn span { display: inline-block; margin-left: 10px; font-size: 16px; line-height: 40px; color: #fff; transition: all 0.4s; }

.download-btn:hover span { margin-left: 5px; }

.update-time-btn { display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; right: 0; bottom: -1px; min-width: 108px; padding-bottom: 20px; border-bottom: 2px solid #666; transition: all 0.4s; }

.update-time-btn:hover { border-color: #02529b; }

.update-time-btn:hover span, .update-time-btn:hover .icon { -webkit-transform: scale(0.95); transform: scale(0.95); }

.update-time-btn span { display: inline-block; -webkit-flex: 1; -ms-flex: 1; flex: 1; vertical-align: top; font-size: 16px; line-height: 16px; color: #666; margin-right: 15px; transition: all 0.4s; }

.update-time-btn .icon { display: inline-block; vertical-align: top; width: 13px; height: 16px; transition: all 0.4s; }

.update-select { position: absolute; top: 50px; left: 0; width: 100%; z-index: 100; padding: 10px 10px; border-radius: 6px; display: none; background: #fff; box-shadow: 0 0 20px 0px rgba(3, 3, 3, 0.1); }

.update-select .list { line-height: 30px; font-size: 14px; color: #333; transition: all 0.4s; cursor: pointer; white-space: nowrap; }

.update-select .list:hover { color: #02529b; }

.download-content-list { padding-top: 10px; margin: 0 -15px; font-size: 0; position: relative; z-index: 0; }

.download-content-list .class-title { font-size: 16px; line-height: 26px; margin-bottom: 20px; padding: 0 15px; }

.download-content-list .list { padding: 0 15px; margin-bottom: 30px; width: 33.33%; vertical-align: top; display: inline-block; }

.download-content-list .list-box { padding: 20px 25px 25px 20px; background: #f2f2f2; position: relative; transition: all 0.4s; }

.download-content-list .list-box:hover { box-shadow: 0px 0px 10px -2px rgba(6, 6, 6, 0.4); }

.download-content-list .list-box .time { font-size: 14px; line-height: 24px; color: #666; }

.download-content-list .list-box .name-info { max-width: 100%; position: relative; display: inline-block; }

.download-content-list .list-box .name-info .new-icon { position: absolute; right: 25px; top: -5px; z-index: 2; }

.download-content-list .list-box .name { max-width: 100%; font-size: 20px; color: #333; margin: 6px 0; padding-right: 60px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.download-content-list .list-box .tag { font-size: 0; padding: 4px 0 2px; }

.download-content-list .list-box .tag span { display: inline-block; vertical-align: top; line-height: 12px; font-size: 14px; color: #02529b; }

.download-content-list .list-box .tag span:nth-child(2) { padding-left: 8px; margin-left: 8px; border-left: 2px solid #02529b; }

.download-content-list .list-box .function-btn { margin-top: 10px; text-align: left; }

.download-content-list .list-box .function-btn .btn { font-size: 14px; line-height: 15px; }

.download-content-list .list-box .function-btn .btn:last-child { margin-left: 20px; }

.download-content-list .list-box .checkbox-download { position: absolute; top: 50%; right: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }

.download-content-list .list-box .checkbox-download input { position: absolute; opacity: 0; }

.download-content-list .list-box .checkbox-download input:checked + .icon {background-size: 15px 11px; border-color: #02529b; }

.download-content-list .list-box .checkbox-download .icon { display: inline-block; width: 20px; height: 20px; border: 1px solid #d2d2d2; }


.download-select { font-size: 0; padding: 40px 0 30px; margin: 0 -10px; position: relative; z-index: 10; }

.download-select .d-list { width: 25%; vertical-align: top; display: inline-block; padding: 0 10px; }

.download-select .d-list .select-comm, .download-select .d-list .seach { width: 100%; height: 50px; }

.download-select .d-list .seach { display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: 50px; background: #f2f2f2; }

.download-select .d-list .seach input { display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; line-height: 50px; border: none; padding: 0 15px; background: transparent; outline: none; font-size: 16px; color: #666; }

.download-select .d-list .seach .btn { width: 40px; background: url(/images/icon/seach-icon.png) no-repeat 50% 50%; background-size: 17px 16px; }

.download-menu-box { padding-bottom: 30px; position: relative; z-index: 8; }

.download-menu-box .download-type { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 18px; padding-bottom: 12px; border-bottom: 1px solid #f2f2f2; }

.download-menu-box .download-type .title { line-height: 40px; font-size: 20px; color: #333; width: 74px; }

.download-menu-box .download-type .list-box { -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 0; position: relative; overflow: hidden; padding-right: 60px; }

.download-menu-box .download-type .list-box .more-btn { display: none; position: absolute; top: 5px; right: 0; font-size: 14px; color: #ccc; }

.download-menu-box .download-type .list-box .list { display: inline-block; vertical-align: top; margin-right: 18px; padding: 10px 20px; font-size: 16px; line-height: 16px; color: #666; cursor: pointer; transition: all 0.4s; }

.download-menu-box .download-type .list-box .list:hover { color: #02529b; }

.download-menu-box .download-type .list-box .list.active { background: #02529b; color: #fff !important; }

.download-box .download-head { display: none; }

.download-main { margin-top: 0px; }

.download-main .title { font-size: 32px; line-height: 32px; color: #333; padding: 30px 0; }

.download-main .download-head { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; padding-bottom: 10px; z-index: 1; }

.select-all-btn { padding-left: 25px; line-height: 16px; font-size: 16px; margin-right: 30px; position: relative; cursor: pointer; }

.select-all-btn input { position: absolute; opacity: 0; }

.select-all-btn input:checked + .icon { background: #02529b url(/images/icon/checkmask-icon.png) no-repeat 50% 50%; background-size: 10px 6px; border-color: #02529b; }

.select-all-btn .icon { position: absolute; left: 0; top: 1px; display: inline-block; width: 15px; height: 15px; border: 1px solid #d2d2d2; }

.download-btn { display: inline-block; vertical-align: middle; width: 120px; height: 40px; text-align: center; background: #02529b; border-radius: 14px; cursor: pointer; }

.download-btn .icon { width: 13px; height: 16px; display: inline-block; vertical-align: middle; }

.download-btn span { display: inline-block; margin-left: 10px; font-size: 16px; line-height: 40px; color: #fff; transition: all 0.4s; }

.download-btn:hover span { margin-left: 5px; }

.select-comm { width: 230px; height: 50px; border: 2px solid #f2f2f2; border-radius: 50px; position: relative; z-index: 10; }

.select-comm .select-title { padding-left: 15px; padding-right: 35px; position: relative; font-size: 16px; line-height: 48px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.select-comm .select-title::after { content: ''; width: 15px; height: 15px; position: absolute; top: 50%; right: 20px; z-index: 2; transform: translateY(-50%); background: url(/images/icon/select-icon.png) no-repeat 50% 50%; background-size: contain; }

.select-comm .select-list { position: absolute; display: none; top: 60px; left: 0; min-width: 100%; padding: 10px 0px; border-radius: 4px; box-shadow: 0px 1px 15px 2px #e5e5e5; background: #f7f7f7; z-index: 100; max-height: 200px; overflow: auto; }

.select-comm .select-list .list { padding: 0 15px; line-height: 30px; font-size: 16px; color: #666; transition: all 0.4s; }

.select-comm .select-list .list:hover { background: #02529b; color: #fff; }

@media screen and (max-width: 650px) { .download-box .download-head { display: block; }
  .inside-kv-box img { height: 170px; object-fit: cover; }
  .inside-kv-box .person-info .download-tab { display: none; }
  .download-tab .list::after { height: 2px; }
  .paging .page-btn { width: 32px; line-height: 30px; height: 32px; font-size: 12px; }
  .paging span { line-height: 32px; font-size: 20px; }
  .download-content-list { margin: 0 -10px; padding-top: 30px; }
  .download-content-list .list { padding: 0 10px; width: 100%; margin-bottom: 20px; }
  .download-content-list .list-box { padding: 20px 25px 25px 25px; }
  .download-content-list .list-box .checkbox-download { right: 25px; }
  .select-all-btn { margin-right: 15px; }
  .download-head { display: block; }
  .download-tab .list { padding: 20px 0 10px; margin-right: 10px; }
  .download-head .function-btn { width: 100%; padding: 20px 0; text-align: left; }
  .download-select .d-list { width: 50%; margin-bottom: 20px; }
  .download-select { padding-bottom: 0; }
  .inside-kv-box .person-info { padding: 12px 0; }
  .update-select { top: 40px; } 
  .banner-comm2 .title {font-size: 20px;}

  .download-select .d-list {width: 100%;}

  .select-comm { height: 42px; }
  .select-comm .select-title { line-height: 38px; padding-right: 25px; font-size: 14px; }
  .select-comm .select-title::after { right: 10px; width: 10px; height: 10px; }
  .select-comm .select-list { top: 45px; }
  .select-comm .select-list .list { padding: 0 10px; font-size: 14px; line-height: 26px; }

}