/* PC */
@media (min-width: 1201px){
    .top_banner{ width: 100%; height: 49.4vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/top_banner.png); background-repeat: no-repeat; background-size: cover; position: relative; z-index: 2;}

    .activity-box{ width: 100%; height: 82.1vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/activity-bg.png);background-repeat: no-repeat; background-size: cover; position: relative; margin-top: -22.5vw; padding-top: 25vw; background-color: #000;}
    .activity-box .activity-font{ width: 62.5vw; height: 42.1vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/activity-font-bg.png); background-size: 100% 100%; margin: 0 auto; padding-top: 1.5vw;}
    .activity-box .activity-font .act-title{ width: 21.6vw; height: 5.7vw; margin:0 auto; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/activity-title-decoration.png); background-size: 100% auto; background-repeat: no-repeat; background-position: center bottom; display: flex; align-items: center; justify-content: center; color: #f4d381; font-size: 48px;font-weight: bold;}

    .activity-box .activity-font .rule-font{ width: 55vw; margin: 0 auto; font-size: 20px; color: #fff; margin-top: 1.5vw;}
    .activity-box .activity-font .rule-font p{margin-bottom: 20px;}

    .activity-box  .activity-decoration-left{ width: 20vw; position: absolute; left: 2.6vw; top: 14vw; z-index: 2;}
    .activity-box  .activity-decoration-right{ width: 19.2vw; position: absolute; right: 4vw; bottom: 8vw;}


    .reward-box{ width: 100%; height: 28vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/reward-bg.png); background-size: 100% 100%; position: relative; z-index: 2; margin-top: -10vw; padding-top: 5.5vw;}
    .reward-box .reward-title{ width: 30vw; height: 5.2vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/reward-title-bg.png);  background-size:100% 100%;display: flex; align-items: center; justify-content: center; color: #111827; font-size: 48px; position: absolute; left: calc(50% - 15vw); top: -2.5vw; font-weight: bold;}

    .reward-box .reward-show{ width: 62.5vw; height: 19.2vw; margin: 0 auto; display: flex;}
    .reward-box .reward-show .left-show{flex: 0.58;}
    .reward-box .reward-show .right-show{flex: 0.38;margin-left: 2.5vw;}
    .reward-box .reward-show .show-title{ width: 17vw; height: 3.2vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/reward-group-title-bg.png); background-size: 100% 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; color: #f5d381; font-size: 32px; font-weight: bold;}

    .reward-box .reward-show ul{display: flex; margin-top: 1.8vw;}
    .reward-box .reward-show ul li{list-style: none; width: 11.6vw; height: 13.8vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/reward-group-bg.png); background-size: 100% 100%; margin-right: 0.5vw; position: relative;}
    .reward-box .reward-show ul li:last-child{margin-right: 0;}

    .reward-box .reward-show ul li .ranking-title{ position: absolute; bottom: 1vw; left: 0; width: 100%;}
    .reward-box .reward-show ul li .ranking-font{ width: 100%; text-align: center; font-size: 24px; color: #f5d381;}
    .reward-box .reward-show ul li .ranking-font img{width: 0.8vw;}
    .reward-box .reward-show ul li .ranking-name{ width: 100%; text-align: center; font-size: 18px; color: #f1ecda;}
    .reward-box .reward-show ul li .reward-cvoer{ display: block; margin: 0 auto;}
    .reward-box .reward-show ul li .reward-cvoer.reward-1{ width: 83.5%; margin-top: 7.5%;}
    .reward-box .reward-show ul li .reward-cvoer.reward-2{ width: 58%; margin-top: 9.5%;}
    .reward-box .reward-show ul li .reward-cvoer.reward-3{ width: 81.3%; margin-top: 11.3%;}



    .work-list{ width: 100%; height: 59.3vw; background-color: #0c0501; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/work-list-bg.png); background-size: 100% 100%; padding-top: 3.8vw;}
    .work-list .work-title{ width: 20.5vw; height: 6.2vw; margin: 0 auto;text-align: center;}
    .work-list .work-title img{ width: 20.8vw;}
    .work-list .work-title .title-name{ width: 100%;  color: #f4d381; font-weight: bold; font-size: 48px;}
    .work-list .work-title .title-desc{ width: 100%;  color: #d77e30; font-weight: bold; font-size: 20px;}

    .work-list .list-box{ width: 62.5vw; margin: 0 auto;}
    .work-list .list-box .toolbar{ width: 100%; height: 3.6vw; display: flex;justify-content: end; color: #f1ecda;}
    .work-list .list-box .toolbar .btn{ width: 7.8vw; height: 2.3vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/list-toolbar-btn-bg.png); background-size: 100% 100%; margin-left: 1vw; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: bold; cursor: pointer;}
    .work-list .list-box .toolbar .btn i{margin-right: 5px; transition:0.3s; -webkit-transition:0.3s;}

    .work-list .list-box ul{ display: flex; width: 100%;flex-wrap: wrap; list-style: none;}
    .work-list .list-box li{ width: calc((100% - 3vw) / 4); height: 16.25vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/list-bg.png); background-size: 100% 100%; padding: 0.5vw; margin-right: 1vw; margin-bottom: 1vw; color: #f1ecda;}
    .work-list .list-box li:nth-child(4n){margin-right: 0;}
    .work-list .list-box li .img{ width: 100%; height: 10.6vw; background-size: cover; background-repeat: no-repeat;cursor: pointer;}
    .work-list .list-box li .title{ font-size: 18px; margin-top: 0.5vw;}
    .work-list .list-box li .author{ font-size: 16px;}
    .work-list .list-box li .support{margin-top: 0.5vw;}
    .work-list .list-box li .support span{margin-right: 1vw; cursor: pointer;}
    .work-list .list-box li .support .like.cur{ color: #d77e30;}
    .work-list .list-box li .support .joy.cur{ color: #d77e30;}
    .work-list .list-box .upload-btn{ width: 14.3vw; height: 3.2vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/upload-btn-bg.png); background-size: 100% 100%; margin: 0 auto; margin-top: 2.2vw; display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: bold; cursor: pointer;}

    .footer{ width: 100%; height: 22vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/footer-bg.png); background-size: 100% 100%; padding-top: 3vw;}
    .footer .cooperation-list{ width: 35vw; height: 8vw; margin: 0 auto; display: flex; align-items: center; justify-content: center; margin-bottom: 2vw;}
    .footer .cooperation-list .cooperation-2{ margin: 0 5.2vw 0 7.5vw;}
    .footer p{ width: 100%; text-align: center; color: #c1c1c1; font-size: 24px;}



    input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
    .cover{ width: 100%; 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; display: none; opacity: 0; transition:0.3s; -webkit-transition:0.3s;}
    .cover .panel{ width: 63.5vw; height: 37vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/panel-bg.png); background-size: 100% 100%;position: relative;display: flex; align-items: center; justify-content: center;}
    .cover .close{width: 2.65vw; height: 2.44vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/close.png); background-size: 100% 100%; position: absolute; right: 3.1vw; top: 2vw; cursor: pointer; }



    .cover .login{width: 27.2vw; height: 25.6vw; display: none;}
    .cover .login .title{ width: 100%; font-size: 2.5vw; font-weight: bold; text-align: center; margin-bottom: 3.6vw; color: #f4d381;}
    .cover .login .input-box{width: 100%; height: 2.86vw; display: flex; align-items: center; justify-content: center; margin-bottom: 1.9vw; border: 1px solid #3e4146; border-radius: 5px; background-color: #000713;}
    .cover .login .input-box .input{ width: 90%; height: 100%; background-color: transparent; border: none; outline: none; font-size: 20px; color: #fff; padding-left: 0.5vw; color: #f5d381;}
    .cover .login .input-box .code-input{ width: 70%; text-indent: 8%; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/verification-decoration.png); background-position: right center; background-size: auto 100%; background-repeat: no-repeat;}
    .cover .login .input-box .code-btn{width: 30%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: bold; cursor: pointer; color: #f5d381;}
    .cover .login .input-box .code-btn.disabled{color: #818387;}
    .cover .login .login-btn{ width: 14vw; height: 3.12vw; margin: 0 auto; cursor: pointer; margin-top: 3vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/btn-bg.png);background-size: 100% 100%; display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: bold;}
    .cover .login .agreement-box{ width: 100%; display: flex;align-items: center;justify-content: center; color: #a1a1a0;}
    .cover .login .agreement-box a{ color: #f5d381; text-decoration: none; margin: 0 5px;}
    .cover .login .agreement-box input{margin-right: 10px;}



    .cover .upload{width: 27.4vw; height: 30vw; display: none;}
    .cover .upload .work-img{width: 26vw; height: 14.8vw; margin: 0 auto; background-size: 100% 100%; margin-bottom: 1.6vw; cursor: pointer;}
    .cover .upload .input-box{width: 23.2vw; height: 2.8vw;margin: 0 auto; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5vw;border: 1px solid #3e4146; border-radius: 5px; background-color: #000713; }
    .cover .upload .input-box .input{ width: 90%; height: 100%; background-color: transparent; border: none; outline: none; font-size: 20px; color: #fff; padding-left: 0.5vw; color: #f5d381;}
    .cover .upload .upload-submit-btn{ width: 14.1vw; height: 3.125vw; margin: 0 auto; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/btn-bg.png); background-size: 100% 100%; display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: bold; cursor: pointer;}
    .cover .upload .upload-submit-btn.disabled{background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/btn-bg-disabled.png);}
    .cover .upload .tip{ width: 100%; text-align: center; font-size: 16px; color: #a1a1a0; margin-top: 1vw;}




    .cover .upload-examine{width: 27.4vw; height: 30vw; padding-top: 3vw; display: none; }
    .cover .upload-examine .work-img{width: 26vw; height: 14.8vw; margin: 0 auto; background-size: cover; margin-bottom: 1.6vw;}
    .cover .upload-examine .title{ width: 100%; text-align: center; font-size: 26px; font-weight: bold; margin: 0 auto; color: #f1ecda;}
    .cover .upload-examine .author{ width: 100%; text-align: center; font-size: 20px;  margin: 0 auto; margin-top: 5px; color: #f1ecda;}
    .cover .upload-examine .examine-info{ width: 21vw; height: 3.125vw; margin: 0 auto; margin-top: 2.6vw; display: flex; align-items: center; justify-content: center; color: #f5d381; font-size: 25px;}





    .cover .upload-examine-error{width: 27.4vw; height: 30vw; display: none;}
    .cover .upload-examine-error .work-img{width: 26vw; height: 14.8vw; margin: 0 auto; background-size: cover; margin-bottom: 1.6vw; cursor: pointer;}
    .cover .upload-examine-error .work-img.error{border: #f26d2c 2px solid;}
    .cover .upload-examine-error .input-box{width: 23.2vw; height: 2.8vw;margin: 0 auto; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5vw;border: 1px solid #3e4146; border-radius: 5px; background-color: #000713; }
    .cover .upload-examine-error .input-box .input{width: 90%; height: 100%; background-color: transparent; border: none; outline: none; font-size: 20px; color: #fff; padding-left: 0.5vw; color: #f5d381;}
    .cover .upload-examine-error .input-box.error{ border: #f26d2c 1px solid;}
    .cover .upload-examine-error .upload-submit-btn{ width: 14.1vw; height: 3.125vw; margin: 0 auto; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/btn-bg.png); background-size: 100% 100%; display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: bold; cursor: pointer;}
    .cover .upload-examine-error .upload-submit-btn.disabled{background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/btn-bg-disabled.png);}
    .cover .upload-examine-error .tip{ width: 100%; text-align: center; font-size: 16px; color: #f26d2c; margin-top: 1vw;}




    .cover .upload-info{width: 27.4vw; height: 30vw; display: none; }
    .cover .upload-info .examine-info{ width: 21vw; height: 3.125vw; margin: 0 auto;  display: flex; align-items: center; justify-content: center; color: #f5d381; font-size: 25px; margin-bottom: 2vw;}
    .cover .upload-info .work-img{width: 100%; height: 14.8vw; margin: 0 auto; background-size: cover; margin-bottom: 1.6vw;}
    .cover .upload-info .title{ width: 100%; text-align: left; font-size: 26px; font-weight: bold; margin: 0 auto; color: #f1ecda;}
    .cover .upload-info .author{ width: 100%; text-align: left; font-size: 20px;  margin: 0 auto; margin-top: 5px; color: #f1ecda;}
    .cover .upload-info .support{ width: 100%; font-size: 20px; margin: 0 auto; margin-top: 5px; color: #f1ecda;}

}




@media (min-width: 1200px) and (max-width: 1599.98px) {
    
    .activity-box .activity-font{padding-top: 0;}
    .activity-box .activity-font .act-title{ font-size: 30px;}
    .activity-box .activity-font .rule-font{ font-size: 13px;}
    .reward-box .reward-title{ font-size: 30px;}
    .reward-box .reward-show .show-title{ font-size: 20px;}
    .reward-box .reward-show ul li .ranking-font{ font-size: 16px;}
    .reward-box .reward-show ul li .ranking-name{ font-size: 14px;}
    .work-list .work-title .title-name{ font-size: 30px;}
    .work-list .work-title .title-desc{ font-size: 14px;}
    .work-list .list-box .toolbar .btn{ font-size: 14px;}
    .work-list .list-box li .title{ font-size: 14px;}
    .work-list .list-box li .author{ font-size: 12px;}
    .work-list .list-box li .support{ margin-top: 0;}
    .work-list .list-box li .support span{ font-size: 12px;}
    .work-list .list-box .upload-btn{ font-size: 20px;}
    .footer p{ font-size: 14px;}

    .cover .upload-info .examine-info{ font-size: 20px;}
    .cover .upload-info .title{ font-size: 20px;}
    .cover .upload-info .author{ font-size: 16px;}
    .cover .upload-info .support{ font-size: 16px;}
    .cover .upload .input-box .input{ font-size: 16px;}
    .cover .upload .upload-submit-btn{ font-size: 20px;}
    .cover .upload .tip{ font-size: 12px;}
    .cover .upload-examine .title{ font-size: 20px;}
    .cover .upload-examine .author{ font-size: 16px;}
    .cover .upload-examine .examine-info{ font-size: 20px;}
    .cover .upload-examine-error .input-box .input{ font-size: 16px;}
    .cover .upload-examine-error .upload-submit-btn{ font-size: 20px;}
    .cover .upload-examine-error .tip{ font-size: 12px;}
    .cover .login .title{ font-size: 20px;}
    .cover .login .input-box .input{ font-size: 16px;}
    .cover .login .input-box .code-btn{ font-size: 14px;}
    .cover .login .login-btn{ font-size: 20px;}
    .cover .login .agreement-box{ font-size: 12px;}
    .cover .login .agreement-box a{ font-size: 12px;}


}
/* 1200px - 1400px */
@media (min-width: 1200px) and (max-width: 1400px){

    .activity-box .activity-font .rule-font p{margin-bottom: 7px;}

    
}

/* 1600px - 1920px */
@media (min-width: 1600px) and (max-width: 2300px) {

    .activity-box .activity-font .act-title{ font-size: 40px;}
    .activity-box .activity-font .rule-font{ font-size: 16px;}
    .reward-box .reward-title{ font-size: 40px;}
    .reward-box .reward-show .show-title{ font-size: 22px;}
    .reward-box .reward-show ul li .ranking-font{ font-size: 18px;}
    .reward-box .reward-show ul li .ranking-name{ font-size: 16px;}
    .work-list .work-title .title-name{ font-size: 40px;}
    .work-list .work-title .title-desc{ font-size: 16px;}
    .work-list .list-box .toolbar .btn{ font-size: 16px;}
    .work-list .list-box li .title{ font-size: 16px;}
    .work-list .list-box li .author{ font-size: 14px;}
    .work-list .list-box li .support span{ font-size: 14px;}
    .work-list .list-box .upload-btn{ font-size: 24px;}
    .footer p{ font-size: 22px;}
}


/* Mobile */

@media (max-width: 1200px) {

    

    .top_banner{width: 100%; height: 170vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/mobile-top-banner.png); background-size: 100% auto;}


    .activity-box{ width: 100%; height: 248vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/mobile-activity-bg.png); background-size: 100% auto; background-color: #000; padding-top: 10vw;}
    .activity-box .act-title{ width: 54.6vw; height: 16vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/mobile-activity-title-decoration.png); background-size: 100% auto; background-repeat: no-repeat; background-position: center bottom; display: flex; align-items: center; justify-content: center; color: #f4d381; font-size: 5vw;font-weight: bold; margin: 0 auto;}
    .activity-box .rule-font{width: 100%; margin-top: 8vw; padding: 0 5vw; color: #f1ecda; font-size: 3.4vw;}
    .activity-box .rule-font p{margin-bottom: 4vw; line-height: 150%;}


    .reward-box{ width: 100%; height: 180vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/mobile-reward-bg.png); background-size: 100% 100%; position: relative; padding-top: 14vw;}
    .reward-box .reward-title{ width: 77vw; height: 11.4vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/mobile-reward-title-bg.png); background-size: 100% 100%; color: #111827; font-size: 5vw; display: flex; align-items: center; justify-content: center; font-weight: bold; position: absolute; top: -5.7vw; left: calc(50% - 38.5vw);}
    
    .reward-box .reward-show .show-title{ width: 50.6vw; height: 10vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/reward-group-title-bg.png); background-size: 100% 100%; display: flex; align-items: center; justify-content: center; color: #f5d381; font-size: 4.5vw; margin: 0 auto; margin-bottom: 5.3vw;}
    .reward-box .reward-show .left-show{ width: 92vw; margin: 0 auto;}
    .reward-box .reward-show ul{ display: flex; flex-wrap: wrap; list-style: none;}
    .reward-box .reward-show ul .first_reward{ width: 100%; height: 36vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/mobile-reward-group-first-bg.png); background-size: 100% 100%; margin-bottom: 2.8vw; display: flex;flex-direction: row-reverse; justify-content: flex-end;}
    .reward-box .reward-show ul .first_reward .reward-cvoer{ width: 34.6vw; height: 28.1vw; margin-top: 4vw;}
    .reward-box .reward-show ul .first_reward .ranking-title{ width: 50%;}    
    .reward-box .reward-show ul .first_reward .ranking-title div{ width: 100%; text-align: center;}
    .reward-box .reward-show ul .first_reward .ranking-title .ranking-font{color: #f5d381; font-size: 3.5vw; margin-top: 13vw; margin-bottom: 1vw;}
    .reward-box .reward-show ul .first_reward .ranking-title .ranking-font img{ width: 2.6vw;}
    .reward-box .reward-show ul .first_reward .ranking-title .ranking-name{color: #f1ecda; font-size: 2.6vw;}
    
    .reward-box .reward-show ul li:not(.first_reward){ width: 44.6vw; height: 35.7vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/mobile-reward-group-bg.png); background-size: 100% 100%; margin-right: 2.8vw; position: relative;}
    .reward-box .reward-show ul li:not(.first_reward) .ranking-title{ position: absolute; bottom: 2vw; left: 0; width: 100%;}
    .reward-box .reward-show ul li:not(.first_reward) .ranking-font{ width: 100%; text-align: center; font-size: 3.5vw; color: #f5d381;}
    .reward-box .reward-show ul li:not(.first_reward) .ranking-font img{ width: 2.6vw;}
    .reward-box .reward-show ul li:not(.first_reward) .ranking-name{ width: 100%; text-align: center; font-size: 2.6vw; color: #f1ecda;}
    .reward-box .reward-show ul li:not(.first_reward) .reward-cvoer{ display: block; margin: 0 auto;}
    .reward-box .reward-show ul li:not(.first_reward) .reward-cvoer.reward-2{ width: 16.6vw; margin-top: 4vw;}
    .reward-box .reward-show ul li:not(.first_reward) .reward-cvoer.reward-3{ width: 29.3vw; margin-top: 4vw;}
    .reward-box .reward-show ul li:last-child{ margin-right: 0;}

    .reward-show .right-show{ width: 92vw; margin: 0 auto; margin-top: 8vw;}


    .work-list{ width: 100%; height: 225.5vw; padding-top: 9.3vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/mobile-work-list-bg.png); background-size: 100% 100%; position: relative;}
    .work-list .work-title{ width: 53.3vw; margin: 0 auto;}
    .work-list .work-title .title-name{ font-size: 5vw; color: #f4d381; font-weight: bold; width: 100%; text-align: center;}
    .work-list .work-title .title-desc{ font-size: 3vw; color: #d77e30; font-weight: bold; width: 100%; text-align: center;}
    .work-list .work-title img{ width: 100%;}
    .work-list .list-box{ width: 93.3vw; margin: 0 auto;}
    .work-list .list-box ul{ display: flex; width: 100%;flex-wrap: wrap; list-style: none; margin-top: 5vw;}
    .work-list .list-box li{ width: calc((100% - 3vw) / 2); height: 49.3vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/list-bg.png); background-size: 100% 100%; padding: 2vw; margin-right: 3vw; margin-bottom: 3vw; color: #f1ecda;}
    .work-list .list-box li:nth-child(7){display: none;}
    .work-list .list-box li:nth-child(8){display: none;}
    .work-list .list-box li:nth-child(2n){margin-right: 0;}
    .work-list .list-box li .img{ width: 100%; height: 31vw; background-size: cover; background-repeat: no-repeat;}
    .work-list .list-box li .title{ font-size: 3vw; margin-top: 1.5vw; font-weight: bold;}
    .work-list .list-box li .author{ font-size: 2.8vw;}
    .work-list .list-box li .support{margin-top: 1.5vw; font-size: 2vw;}
    .work-list .list-box li .support span{margin-right: 3.3vw;}
    .work-list .list-box li .support .like.cur{ color: #d77e30;}
    .work-list .list-box li .support .joy.cur{ color: #d77e30;}

    .work-list .list-box .upload-btn{ width: 53vw; height: 12.2vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/upload-btn-bg.png); background-size: 100% 100%; margin: 0 auto; margin-top: 2.2vw; display: flex; align-items: center; justify-content: center; font-size: 4.5vw; font-weight: bold;color: #0d172a; margin-top: 20vw;}

    .work-list .list-box .toolbar{ width: 100%; height: 8.5vw; position: absolute; bottom: 30vw; display: flex; justify-content: center;left: 0;}
    .work-list .list-box .toolbar .btn{ width: 30vw; height: 8.8vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/mobile-list-toolbar-btn-bg2.png); background-size: 100% 100%; margin: 0 6.8vw; display: flex; align-items: center; justify-content: center; font-size: 3vw; font-weight: bold;}
    .work-list .list-box .toolbar .btn.reset{background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/mobile-list-toolbar-btn-bg1.png); color: #f1ecda;}
    .work-list .list-box .toolbar .btn i{margin-right: 5px; transition:0.3s; -webkit-transition:0.3s;}


    .footer{ width: 100%; height: 55.2vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/mobile-footer-bg.png); background-size: 100% 100%;}
    .footer .cooperation-list{ width: 91.5vw; height: 31vw; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
    .footer .cooperation-list .cooperation-1{ width: 18.1vw;}
    .footer .cooperation-list .cooperation-2{ width: 9.6vw; margin: 0 13.3vw 0 19.5vw;}
    .footer .cooperation-list .cooperation-3{ width: 30vw;}
    .footer p{ width: 91.5vw; text-align: center; color: #c1c1c1; font-size: 2.7vw; margin: 0 auto;}


    .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; display: none; opacity: 0; transition:0.3s; -webkit-transition:0.3s;}
    .cover .panel{ width: 79.5vw; height: 110vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/mobile-panel-bg.png); background-size: 100% 100%;position: relative;display: flex; align-items: center; justify-content: center;}
  
    .cover .close{width: 7.3vw; height: 7.3vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/close.png); background-size: 100% 100%; position: absolute; right: 5vw; top: 5.4vw;  }


    .cover .login{width: 60vw;  display: none;}
    .cover .login .title{ width: 100%; font-size: 7vw; font-weight: bold; text-align: center; margin-bottom: 8vw;color: #f4d381;}
    .cover .login .input-box{width: 100%; height: 9.3vw; border: 1px solid #3e4146; border-radius: 5px; display: flex; align-items: center; justify-content: center; margin-bottom: 3.4vw;}
    .cover .login .input-box .input{ width: 90%; height: 100%; background-color: transparent; border: none; outline: none; font-size: 3vw; color: #fff; padding-left: 0.5vw; color: #f5d381;}
    .cover .login .input-box .code-input{ width: 70%; text-indent: 8%; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/verification-decoration.png); background-position: right center; background-size: auto 100%; background-repeat: no-repeat;}
    .cover .login .input-box .code-btn{width: 30%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 2.5vw; font-weight: bold; color: #f5d381;}
    .cover .login .input-box .code-btn.disabled{color: #818387;}
    .cover .login .login-btn{ width: 47.6vw; height: 10.6vw; margin: 0 auto; margin-top: 5.3vw; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/btn-bg.png);background-size: 100% 100%; display: flex; align-items: center; justify-content: center; font-size: 5vw; font-weight: bold;}
    .cover .login .agreement-box{ width: 100%; display: flex;align-items: center;justify-content: center; color: #a1a1a0;font-size:2vw}
    .cover .login .agreement-box a{ color: #f5d381; text-decoration: none; margin: 0 5px;}
    .cover .login .agreement-box input{margin-right: 10px;}




    .cover .upload{width: 66vw; display: none;}
    .cover .upload .work-img{width: 100%; height: 37.3vw; margin: 0 auto; background-size: 100% 100%; margin-bottom: 4vw;}    
    .cover .upload .input-box{width: 60vw; height: 7.3vw;margin: 0 auto; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5vw;border: 1px solid #3e4146; border-radius: 5px; background-color: #000713; }
    .cover .upload .input-box .input{ width: 90%; height: 100%; background-color: transparent; border: none; outline: none; font-size: 3vw; color: #fff; padding-left: 0.5vw; color: #f5d381;}
    .cover .upload .upload-submit-btn{ width: 37.3vw; height: 8vw; margin: 0 auto; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/btn-bg.png); background-size: 100% 100%; display: flex; align-items: center; justify-content: center; font-size: 4vw; font-weight: bold; cursor: pointer; margin-top: 5.3vw;}
    .cover .upload .upload-submit-btn.disabled{background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/btn-bg-disabled.png);}
    .cover .upload .tip{ width: 100%; text-align: center; font-size: 1.5vw; color: #a1a1a0; margin-top: 2vw;}



    .cover .upload-examine{width: 66vw; display: none;}
    .cover .upload-examine .work-img{width: 100%; height: 37.3vw; margin: 0 auto; background-size: 100% 100%; margin-bottom: 4vw;}
    .cover .upload-examine .title{ width: 100%; text-align: center; font-size: 3.5vw; font-weight: bold; margin: 0 auto; color: #f1ecda;}
    .cover .upload-examine .author{ width: 100%; text-align: center; font-size: 3vw;  margin: 0 auto; margin-top: 5px; color: #f1ecda;}
    .cover .upload-examine .examine-info{ width: 100%; text-align: center;   margin-top: 5.3vw;color: #f5d381; font-size: 4vw;}




    .cover .upload-examine-error{width: 66vw; display: none;}
    .cover .upload-examine-error .work-img{width: 100%; height: 37.3vw; margin: 0 auto; background-size: 100% 100%; margin-bottom: 4vw;}
    .cover .upload-examine-error .input-box{width: 60vw; height: 7.3vw;margin: 0 auto; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5vw;border: 1px solid #3e4146; border-radius: 5px; background-color: #000713; }
    .cover .upload-examine-error .input-box .input{width: 90%; height: 100%; background-color: transparent; border: none; outline: none; font-size: 3vw; color: #fff; padding-left: 0.5vw; color: #f5d381;}
    .cover .upload-examine-error .input-box.error{ border: #f26d2c 1px solid;}
    .cover .upload-examine-error .upload-submit-btn{ width: 37.3vw; height: 8vw; margin: 0 auto; background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/btn-bg.png); background-size: 100% 100%; display: flex; align-items: center; justify-content: center; font-size: 4vw; font-weight: bold; cursor: pointer; margin-top: 5.3vw;}
    .cover .upload-examine-error .upload-submit-btn.disabled{background-image: url(https://kingdomcomer-act-1308616072.cos.ap-chengdu.myqcloud.com/images/btn-bg-disabled.png);}
    .cover .upload-examine-error .tip{ width: 100%; text-align: center; font-size: 2.2vw; color: #f26d2c; margin-top: 2vw;}



    .cover .upload-info{width: 66vw; display: none; }
    .cover .upload-info .examine-info{ width: 100%; text-align: center; color: #f5d381; font-size: 3.5vw; margin-bottom: 2vw;}
    .cover .upload-info .work-img{width: 100%; height: 37.3vw; margin: 0 auto; background-size: 100% 100%; margin-bottom: 4vw;}
    .cover .upload-info .title{ width: 100%; text-align: left; font-size: 3.5vw; font-weight: bold; margin: 0 auto; color: #f1ecda;}
    .cover .upload-info .author{ width: 100%; text-align: left; font-size: 3vw;  margin: 0 auto; margin-top: 5px; color: #f1ecda;}
    .cover .upload-info .support{ width: 100%; font-size: 3vw; margin: 0 auto; margin-top: 5px; color: #f1ecda;}

}