.top{width: 100%; height: 45vw; background-image: url(https://ioi-g-group-1308616072.cos.ap-chengdu.myqcloud.com/dispatch/static/images/top_bg.png); background-size: 100% 100%; padding-top: 2.3vw; position: relative; z-index: 2;}
.top .logo{ width: 25vw; margin: 0 auto; display: block;}
.top .top_font{ width: 26vw; margin: 0 auto; display: block; margin-top: 17vw;}

.bottom-area{width: 100%; background-image: url(https://ioi-g-group-1308616072.cos.ap-chengdu.myqcloud.com/dispatch/static/images/bg.png); background-size: 100%; background-color: #083761; padding-top: 9vw; margin-top: -3vw;}
.activity-box{ width: 65vw; margin: 0 auto; padding: 0 10vw; }
.activity-box .activity-title{ width: 16.5vw; height: 4.8vw; background-image: url(https://ioi-g-group-1308616072.cos.ap-chengdu.myqcloud.com/dispatch/static/images/activity_title_decoration.png); background-size: 100%; background-position: bottom center; background-repeat: no-repeat; font-size: 44px; color: #fff; margin: 0 auto; display: flex; align-items: center; justify-content: center; font-weight: bold;}
.activity-box .activity-desc{ margin-top: 1.5vw; font-size: 20px; color: #fff; font-weight: 500;margin-bottom: 2.4vw;}
.activity-box .activity-desc p{margin-bottom: 1.5vw;}
.activity-box .activity-desc span{color: #fded19;}

.activity-box .award-title{ width: 7.3vw; height: 3.1vw; margin: 0 auto; font-weight: bold; font-size: 30px; display: flex; align-items: center; justify-content: center; color: #fff; background-image: url(https://ioi-g-group-1308616072.cos.ap-chengdu.myqcloud.com/dispatch/static/images/award_title_decoration.png); background-size: 100%; background-position: bottom center; background-repeat: no-repeat; margin-top: 1vw;}

.activity-box .award-list{width: 100%; margin-top: 1vw; display: flex;}
.activity-box .award-list .award-item{ width: 18.8%; margin-right: 8.26%;}
.activity-box .award-list .award-item:last-child{margin-right: 0;}
.activity-box .award-list .award-item .award-img{ width: 8.6vw;}
.activity-box .award-list .award-item .award-desc p{ width: 100%; text-align: center; color: #bfe2ff;font-size: 18px;}



.material-box{ width: 65vw; margin: 0 auto; margin-top: 4.6vw;}
.material-box .material-title{ width: 16.5vw; height: 4.8vw; background-image: url(https://ioi-g-group-1308616072.cos.ap-chengdu.myqcloud.com/dispatch/static/images/activity_title_decoration.png); background-size: 100%; background-position: bottom center; background-repeat: no-repeat; font-size: 44px; color: #fff; margin: 0 auto; display: flex; align-items: center; justify-content: center; font-weight: bold;}
.material-box .material-desc{ width: 100%;}
.material-box .material-desc video{ width: 35vw; height: 20vw; margin: 0 auto; display: block; margin-top: 1vw; margin-bottom: 1.5vw;}
.material-box .material-desc .download_btn{ width: 250px; height: 70px; background-image: url(https://ioi-g-group-1308616072.cos.ap-chengdu.myqcloud.com/dispatch/static/images/download-btn-bg.png); background-size: 100% 100%;margin: 0 auto; }
.material-box .material-desc .download_btn a{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff; cursor: pointer; text-decoration: none;}


.item-box{ width: 52vw; margin: 0 auto; margin-top: 4.6vw;}
.item-box .item-title{ width: 16.5vw; height: 4.8vw; background-image: url(https://ioi-g-group-1308616072.cos.ap-chengdu.myqcloud.com/dispatch/static/images/activity_title_decoration.png); background-size: 100%; background-position: bottom center; background-repeat: no-repeat; font-size: 44px; color: #fff; margin: 0 auto; display: flex; align-items: center; justify-content: center; font-weight: bold;}
.item-box .tip{ width: 100%; text-align: center; font-size: 12px; color: #fff; font-family: "黑体";}

.item-box  .toolbar{ width: 100%; height: 3.5vw; display: flex; justify-content: end; align-items: center;}
.item-box  .toolbar .btn{ width: 6.7vw; height: 2.1vw; background-image: url(https://ioi-g-group-1308616072.cos.ap-chengdu.myqcloud.com/dispatch/static/images/download-btn-bg.png); background-size: 100% 100%; margin: 0; margin-left: 15px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; cursor: pointer;}
.item-box  .toolbar .btn i{margin-left: 5px; transition:0.3s; -webkit-transition:0.3s;}
@keyframes spin-once{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } }
.item-box .toolbar .btn i.spinning{ animation: spin-once 0.2s linear; }
.item-box .item-list{ width: 100%; display: flex; flex-wrap: wrap;}
.item-box .item-list li{width: 12vw;  background-image: url(https://ioi-g-group-1308616072.cos.ap-chengdu.myqcloud.com/dispatch/static/images/item_bg.png);list-style: none; margin-right: 1.3vw; margin-bottom: 1.3vw;}
.item-box .item-list li:nth-child(4n){ margin-right: 0;}
.item-box .item-list li .thumb{ width: 100%; height: 6.7vw; border: 3px solid #357fae; background-size: cover; background-position: center; background-repeat: no-repeat; box-sizing: border-box;}
.item-box .item-list li .font{padding: 10px;}
.item-box .item-list li .font .title{ color: #fff; font-size: 16px; line-height: 1.5; height: 3em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.item-box .item-list li .font .meta{ display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: #d0d0d0; margin-top: 8px;}
.item-box .item-list li .font .meta span{ display: flex; align-items: center; gap: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.item-box .item-list li .font .meta .author i{ color: #8ecff5;}
.item-box .item-list li .font .meta .heat i{ color: #f5a623;}

.upload-btn{width: 250px; height: 70px; background-image: url(https://ioi-g-group-1308616072.cos.ap-chengdu.myqcloud.com/dispatch/static/images/download-btn-bg.png); background-size: 100% 100%; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff; margin: 0 auto; margin-top: 2vw; cursor: pointer;}

.bottom-img{ width: 25.5vw; display: block; margin: 0 auto; margin-top: 6.5vw;}


.cover{ width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.6); top: 0; left: 0; position: fixed; z-index: 10; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.3s ease;}
.cover.active{ opacity: 1; pointer-events: auto;}

.cover .login{ width: 40vw; height: 20.8vw; background-image: url(https://ioi-g-group-1308616072.cos.ap-chengdu.myqcloud.com/dispatch/static/images/login_bg.png); background-size: 100% 100%; position: relative; display: none; opacity: 0; transform: scale(0.92); transition: opacity 0.3s ease, transform 0.3s ease;}
.cover .login.active{ display: block; opacity: 1; transform: scale(1);}
.cover .login .close{ position: absolute; top: 0.5vw; right: 1vw; font-size: 1.5vw; cursor: pointer; color: #0d334b;}
.cover .login .login-title{ text-align: center; font-size: 1.8vw; font-weight: 700; color: #fff; padding-top: 2vw;}
.cover .login .login-body{ display: flex; flex-direction: column; align-items: center; gap: 0.8vw; margin: 0 auto; margin-top: 1vw; width: 18.2vw;}
.cover .login .login-input{ width: 100%; height: 2.2vw; background: transparent; border: 1px solid #3570a1; border-radius: 0.2vw; padding: 0 0.8vw; font-size: 0.85vw; color: #fff; outline: none;}
.cover .login .login-input::placeholder{ color: #4a7a9a;}
.cover .login .code-row{ width: 100%; display: flex; gap: 0.5vw;}
.cover .login .code-row .login-input{ flex: 1;}
.cover .login .code-btn{ flex-shrink: 0; padding: 0 0.6vw; height: 2.2vw; background: #083862; border: none; border-radius: 0.2vw; font-size: 0.7vw; color: #fff; cursor: pointer; white-space: nowrap; transition: opacity 0.2s;}
.cover .login .code-btn:hover{ opacity: 0.85;}
.cover .login .code-btn.counting{ background: #7a9bb5; cursor: not-allowed; opacity: 1;}
.cover .login .login-agree{ display: flex; align-items: center; gap: 0.4vw; font-size: 0.75vw; color: #0d2a3e; align-self: flex-start; margin: 0 auto;}
.cover .login .login-agree a{ color: #1060a0; font-weight: 600; text-decoration: none;}
.cover .login .login-btn{ width: 12vw; height: 2.4vw; background-color: #083862; border: none; border-radius: 0.2vw; font-size: 1vw; font-weight: 700; color: #fff; cursor: pointer; margin-top: 0.3vw; transition: opacity 0.2s;}
.cover .login .login-btn:hover{ opacity: 0.85;}

.cover .bind_user{ width: 40vw; height: 28.2vw; background-image: url(https://ioi-g-group-1308616072.cos.ap-chengdu.myqcloud.com/dispatch/static/images/bind_user_bg.png); background-size: 100% 100%; display: none; align-items: center; justify-content: center; position: relative; opacity: 0; transform: scale(0.92); transition: opacity 0.3s ease, transform 0.3s ease;}
.cover .bind_user.active{ opacity: 1; transform: scale(1);}
.cover .bind_user .close{ position: absolute; top: 0.5vw; right: 1vw; font-size: 1.5vw; cursor: pointer; color: #0d334b;}
.cover .bind_user .bind-inner{ width: 31vw; display: flex; flex-direction: column; align-items: center; gap: 0.7vw;}
.cover .bind_user .bind-desc{ width: 100%; font-size: 0.72vw; color: #fff; line-height: 2; }
.cover .bind_user .bind-desc p{ margin-bottom: 0.1vw;}
.cover .bind_user .bind-desc span{ color: #ffee2f; font-weight: 700;}
.cover .bind_user .bind-row{ width: 18.2vw; display: flex; gap: 0.5vw;}
.cover .bind_user .bind-input{ width: 18.2vw; height: 2vw; background: #4893c0;  border-radius: 0.2vw; padding: 0 0.6vw; font-size: 0.75vw; color: #fff; outline: none; box-sizing: border-box; border: 1px solid #3570a1;}
.cover .bind_user .bind-input::placeholder{ color: rgba(255,255,255,0.5);}
.cover .bind_user .bind-nickname{ cursor: default;}
.cover .bind_user .bind-row .bind-input{ flex: 1; width: auto;}
.cover .bind_user .bind-fetch-btn{ flex-shrink: 0; padding: 0 1vw; height: 2vw; background: #083862; border: 1px solid rgba(255,255,255,0.3); border-radius: 0.2vw; font-size: 0.72vw; color: #fff; cursor: pointer; white-space: nowrap; transition: opacity 0.2s;}
.cover .bind_user .bind-fetch-btn:hover{ opacity: 0.85;}
.cover .bind_user .bind-confirm-btn{ width: 12vw; height: 2.4vw; background-color: #083862; border: none; border-radius: 0.2vw; font-size: 1vw; font-weight: 700; color: #fff; cursor: pointer; transition: opacity 0.2s; margin-top: 0.3vw;}
.cover .bind_user .bind-confirm-btn:hover{ opacity: 0.85;}


.cover .get_video_info{ width: 40vw; height: 28.2vw; background-image: url(https://ioi-g-group-1308616072.cos.ap-chengdu.myqcloud.com/dispatch/static/images/get_video_info_bg.png); background-size: 100% 100%; display: none; align-items: center; justify-content: center; position: relative; opacity: 0; transform: scale(0.92); transition: opacity 0.3s ease, transform 0.3s ease;}
.cover .get_video_info.active{ display: flex; opacity: 1; transform: scale(1);}
.cover .get_video_info .close{ position: absolute; top: 0.5vw; right: 1vw; font-size: 1.5vw; cursor: pointer; color: #0d334b;}
.cover .get_video_info .get_video_info_inner{ width: 18.5vw; margin: 0 auto;}
.cover .get_video_info .video-preview{ width: 100%;}
.cover .get_video_info .video-preview img{ width: 100%; height:10vw; border: 3px solid #357fae;display: block;}
.cover .get_video_info .video-preview .font{padding: 10px; background-color: #1a4866;}
.cover .get_video_info .video-preview .font .title{ color: #fff; font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.cover .get_video_info .video-preview .font .meta{ display: flex; justify-content: space-between; font-size: 12px; color: #d0d0d0; margin-top: 6px;}

.cover .get_video_info .video-input-row{ width: 100%; display: flex; gap: 0.5vw; margin-top: 0.8vw;}
.cover .get_video_info .video-input{ flex: 1; height: 2vw; background: #4893c0; border: 1px solid #3570a1; border-radius: 0.2vw; padding: 0 0.6vw; font-size: 0.75vw; color: #fff; outline: none;}
.cover .get_video_info .video-input::placeholder{ color: rgba(255,255,255,0.5);}
.cover .get_video_info .video-fetch-btn{ flex-shrink: 0; padding: 0 1vw; height: 2vw; background: #083862; border: none; border-radius: 0.2vw; font-size: 0.72vw; color: #fff; cursor: pointer; white-space: nowrap; transition: opacity 0.2s;}
.cover .get_video_info .video-fetch-btn:hover{ opacity: 0.85;}
.cover .get_video_info .video-warning{ font-size: 0.65vw; color: #ffee2f; margin-top: 0.4vw; width: 100%; text-align: center; margin-top: 20px;}
.cover .get_video_info .video-confirm-btn{ width: 12vw; height: 2.4vw; background-color: #083862; border: none; border-radius: 0.2vw; font-size: 1vw; font-weight: 700; color: #fff; cursor: pointer; transition: opacity 0.2s; display: block; margin:0 auto; margin-top: 3px;}
.cover .get_video_info .video-confirm-btn:hover{ opacity: 0.85;}


.cover .video_info{ width: 40vw; height: 20.8vw; background-image: url(https://ioi-g-group-1308616072.cos.ap-chengdu.myqcloud.com/dispatch/static/images/video_info_bg.png); background-size: 100% 100%; display: none; align-items: center; justify-content: center; position: relative; opacity: 0; transform: scale(0.92); transition: opacity 0.3s ease, transform 0.3s ease;}
.cover .video_info.active{ display: flex; opacity: 1; transform: scale(1);}
.cover .video_info .close{ position: absolute; top: 0.5vw; right: 1vw; font-size: 1.5vw; cursor: pointer; color: #0d334b;}
.cover .video_info .video-preview{width: 18.5vw;}
.cover .video_info .video-preview img{ width: 100%; height:10vw; border: 3px solid #357fae;display: block;}
.cover .video_info .video-preview .font{padding: 10px; background-color: #1a4866;}
.cover .video_info .video-preview .font .title{ color: #fff; font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.cover .video_info .video-preview .font .meta{ display: flex; justify-content: space-between; font-size: 12px; color: #d0d0d0; margin-top: 6px;}



/* 1650 ~ 1919px：约 86% 缩放 */
@media (min-width: 1650px) and (max-width: 1919px) {
    .activity-box .activity-title{ font-size: 38px; }
    .activity-box .activity-desc{ font-size: 17px; }
    .activity-box .award-title{ font-size: 26px; }
    .activity-box .award-list .award-desc p{ font-size: 15px; }

    .material-box .material-title{ font-size: 38px; }
    .material-box .material-desc .download_btn{ width: 215px; height: 60px; font-size: 17px; }

    .item-box .item-title{ font-size: 38px; }
    .item-box .tip{ font-size: 11px; }
    .item-box .toolbar .btn{ font-size: 14px; margin-left: 13px; }
    .item-box .item-list li .font{ padding: 8px; }
    .item-box .item-list li .font .title{ font-size: 14px; }
    .item-box .item-list li .font .meta{ font-size: 11px; margin-top: 5px; }
}

/* 1400 ~ 1649px：约 73% 缩放 */
@media (min-width: 1200px) and (max-width: 1649px) {
    .activity-box .activity-title{ font-size: 32px; }
    .activity-box .activity-desc{ font-size: 15px; }
    .activity-box .award-title{ font-size: 22px; }
    .activity-box .award-list .award-desc p{ font-size: 13px; }

    .material-box .material-title{ font-size: 32px; }
    .material-box .material-desc .download_btn{ width: 182px; height: 50px; font-size: 15px; }

    .item-box .item-title{ font-size: 32px; }
    .item-box .tip{ font-size: 9px; }
    .item-box .toolbar .btn{ font-size: 12px; margin-left: 11px; }
    .item-box .item-list li .thumb{ border-width: 2px; }
    .item-box .item-list li .font{ padding: 7px; }
    .item-box .item-list li .font .title{ font-size: 12px; }
    .item-box .item-list li .font .meta{ font-size: 9px; margin-top: 4px; }
}

/* < 1200px：手机端 */
@media (max-width: 1199px) {
   
    /* 顶部 */
    .top { height: 121vw; padding-top: 4vw; background-image: url(https://ioi-g-group-1308616072.cos.ap-chengdu.myqcloud.com/dispatch/static/images/mobile_top_bg.png); background-size: 100% 100%; padding-top: 6vw; position: relative; z-index: 2;}
    .top .logo { width: 55vw; }
    .top .top_font { width: 70vw; margin-top: 52vw; }

    /* 底部区域 */
    .bottom-area { padding-top: 7vw; }

    /* 活动规则 */
    .activity-box { width: 92vw; padding: 0; }
    .activity-box .activity-title { width: 41vw; height: 13vw; font-size: 6vw; }
    .activity-box .activity-desc { font-size: 3vw; margin-top: 5vw; }
    .activity-box .activity-desc p { margin-bottom: 2.5vw; }

    /* 活动奖品 */
    .activity-box .award-title { width: 26vw; height: 9vw; font-size: 6vw; height: 11.7vw; margin-top: 4.3vw; margin-bottom: 4.3vw;}
    .activity-box .award-list { flex-wrap: wrap; }
    .activity-box .award-list .award-item { width: 28.4vw; margin: 0 8.8vw; margin-bottom: 7.4vw; }
    .activity-box .award-list .award-item:nth-child(2n) { margin-right: 0; }
    .activity-box .award-list .award-item:last-child { margin-right: 0; }
    .activity-box .award-list .award-item .award-img { width: 32vw; }
    .activity-box .award-list .award-item .award-desc p { font-size: 13px; }

    /* 素材获取 */
    .material-box { width: 92vw; margin-top: 5vw; }
    .material-box .material-title { width: 41vw; height: 13vw; font-size: 6vw; }
    .material-box .material-desc video { width: 100%; height: 51.3vw; margin-top: 1.5vw; margin-bottom: 3vw; }
    .material-box .material-desc .download_btn { width: 32.8vw; height: 8.6vw; }
    .material-box .material-desc .download_btn a { font-size: 2.6vw; }

    /* 参赛集锦 */
    .item-box { width: 92vw; margin-top: 10vw; }
    .item-box .item-title { width: 41vw; height: 13vw; font-size: 6vw; }
    .item-box .tip { font-size: 12px; color: #cecece; }
    .item-box .toolbar { height: 12vw; }
    .item-box .toolbar .btn { width: 18.6vw; height: 5.8vw; font-size: 2vw; margin-left: 1.3vw; }

    /* 集锦列表 — 2列 */
    .item-box .item-list li { width: 44vw; margin-right: 3.5vw; margin-bottom: 3.5vw; }
    .item-box .item-list li:nth-child(4n) { margin-right: 3.5vw; }
    .item-box .item-list li:nth-child(2n) { margin-right: 0; }
    .item-box .item-list li .thumb { height: 27vw; border-width: 2px; }
    .item-box .item-list li .font { padding: 8px;  }
    .item-box .item-list li .font .title { font-size: 2vw; line-height: 1.5; height: 3em; }
    .item-box .item-list li .font .meta { font-size: 1.5vw; margin-top: 2vw; }

    /* 上传按钮 & 底图 */
    .upload-btn { width: 33vw; height: 8.6vw; font-size: 2.6vw; margin-top: 5vw; }
    .bottom-img { width: 65vw; margin-top: 10vw; }

    /* 弹窗 — 登录 */
    .cover .login { width: 88vw; height: auto; padding-bottom: 9vw; }
    .cover .login .close { font-size: 5vw; top: 2vw; right: 3vw; }
    .cover .login .login-title { font-size: 5vw; padding-top: 5vw; }
    .cover .login .login-body { width: 65vw; gap: 2.5vw; margin-top: 3vw; }
    .cover .login .login-input { height: 7vw; font-size: 2vw; padding: 0 3vw;  }
    .cover .login .code-btn { height: 7vw; font-size: 2vw; padding: 0 2.5vw; }
    .cover .login .login-agree { font-size: 2.6vw; }
    .cover .login .login-agree input{transform: scale(1.5); margin-right: 0.8vw;}
    .cover .login .login-btn { width: 30vw; height: 7vw; font-size: 2vw;letter-spacing: 1vw;}

    /* 弹窗 — 用户绑定 */
    .cover .bind_user { width: 88vw; height: auto; padding: 8vw 8vw; }
    .cover .bind_user .close { font-size: 5vw; top: 2vw; right: 3vw; }
    .cover .bind_user .bind-inner { width: 100%; }
    .cover .bind_user .bind-desc { font-size: 2vw; margin-bottom: 3vw; }
    .cover .bind_user .bind-input { width: 100%; height: 7vw; font-size: 2vw; text-indent: 0.5em; }
    .cover .bind_user .bind-row { width: 100%; margin: 1.5vw 0;}
    .cover .bind_user .bind-fetch-btn { height: 7vw; font-size: 2vw; padding: 0 2.5vw; width: 25vw;}
    .cover .bind_user .bind-confirm-btn { width: 30vw; height: 7vw; font-size: 2vw;}

    /* 弹窗 — 获取视频信息 */
    .cover .get_video_info { width: 88vw; height: auto; padding: 7vw 7vw; }
    .cover .get_video_info .close { font-size: 5vw; top: 2vw; right: 3vw; }
    .cover .get_video_info .get_video_info_inner { width: 100%; }
    .cover .get_video_info .video-preview img { height: 42vw; }
    .cover .get_video_info .video-preview .font .title { font-size: 2.6vw; }
    .cover .get_video_info .video-preview .font .meta { font-size: 2vw; margin-top: 3vw; }
    .cover .get_video_info .video-input-row { margin-top: 3vw; }
    .cover .get_video_info .video-input { height: 7vw; font-size: 2vw; text-indent: 0.5em;}
    .cover .get_video_info .video-fetch-btn { height: 7vw; font-size: 2vw; padding: 0 2.5vw; width: 25vw;}
    .cover .get_video_info .video-warning { font-size: 1.8vw; }
    .cover .get_video_info .video-confirm-btn { width: 40vw; height: 7vw; font-size: 2vw;}

    /* 弹窗 — 视频信息展示 */
    .cover .video_info { width: 88vw; height: auto; padding: 7vw 7vw; }
    .cover .video_info .close { font-size: 5vw; top: 2vw; right: 3vw; }
    .cover .video_info .video-preview { width: 100%; }
    .cover .video_info .video-preview .font .title { font-size: 2.6vw; }
    .cover .video_info .video-preview .font .meta { font-size: 2vw; margin-top: 3vw; }
    .cover .video_info .video-preview img { height: 42vw; }
}

/* ≥ 1920px：全部换 vw 等比缩放 */
@media (min-width: 1920px) {
    .activity-box .activity-title{ font-size: 2.29vw; }
    .activity-box .activity-desc{ font-size: 1.04vw; }
    .activity-box .award-title{ font-size: 1.56vw; }
    .activity-box .award-list .award-desc p{ font-size: 0.94vw; }

    .material-box .material-title{ font-size: 2.29vw; }
    .material-box .material-desc .download_btn{ width: 13vw; height: 3.65vw; font-size: 1.04vw; }

    .item-box .item-title{ font-size: 2.29vw; }
    .item-box .tip{ font-size: 0.625vw; }
    .item-box .toolbar .btn{ font-size: 0.83vw; margin-left: 0.78vw; }
    .item-box .toolbar .btn i{ margin-left: 0.26vw; }
    .item-box .item-list li img{ border-width: 0.16vw; }
    .item-box .item-list li .font{ padding: 0.52vw; }
    .item-box .item-list li .font .title{ font-size: 0.83vw; }
    .item-box .item-list li .font .meta{ font-size: 0.625vw; margin-top: 0.31vw; }
}