html,body{
    width: 100%;
    height: 100%;
}
body{
    zoom: 1;
}
.center_div{
    text-align: center;
}
.home_page_container{
    width: 100%;
    height: auto;
    font-family: Montserrat !important;
    margin-top: 105px;
    letter-spacing: 0!important;
}
#comicContest p{
    word-wrap: break-word;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}
.main-content{
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: url("../images/bg.png") no-repeat;
    background-size: 100% 100%;
}
.main-container{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.banner-content{
    position: relative;
}
.banner-icon1{
    position: absolute;
    left: -8%;
    top: 0;
}
.banner-icon2{
    position: absolute;
    right: -8%;
    top: 0;
}
.main-container-box.first-main-box{
    padding-bottom: 60px;
}
.main-container-box{
    min-height: 600px;
}
.work-content-box{
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}
.store-top-banner{
    position: relative;
}
#comicContest .banner_btn{
    position: absolute;
    bottom: -14px;
    left: 51%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
#comicContest .banner_btn .hover-border{
    display: none;
}
#comicContest .banner_btn:hover .hover-border{
    display: block;
}
#comicContest .banner_btn:hover .normal-border{
    display: none;
}
#comicContest .upload-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 24px;
    font-weight: 600;
    width: 100%;
    text-align: center;

}
.main-content-display{
    display: none;
}
.two-container{
    display: none;
}
.main-container-box{
    display: none;
}
.main-container-box.show-main{
    display: block;
}
/*导航*/
#comicContest .nav-container{
    padding: 80px 0 40px 0;
}
#comicContest .nav-content{
    display: flex;
    justify-content: space-between;
}
#comicContest .nav-list{
    position: relative;
    cursor: pointer;
}
#comicContest .nav-list .nav-title{
    width: 100%;
    position: absolute;
    top: 0;
    left: 2%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    /*transform: translate(-50%, -50%);*/
    /*-webkit-transform: translate(-50%, -50%);*/
    /*-moz-transform: translate(-50%, -50%);*/
    /*-o-transform: translate(-50%, -50%);*/
    /*-ms-transform: translate(-50%, -50%);*/

    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    word-break: initial;
    text-align: center;
    white-space: pre-line;
    color: transparent;
    background: linear-gradient(-72deg, #2DE4FA 0%, #FF1DA7 100%);
    background: -moz-linear-gradient(-72deg, #2DE4FA 0%, #FF1DA7 100%);
    background: -webkit-linear-gradient(-72deg, #2DE4FA 0%, #FF1DA7 100%);
    background: -o-linear-gradient(-72deg, #2DE4FA 0%, #FF1DA7 100%);
    background: -ms-linear-gradient(-72deg, #2DE4FA 0%, #FF1DA7 100%);
    -webkit-background-clip: text;
    /*-webkit-text-fill-color: transparent;*/
}
#comicContest .nav-list.active-list .nav-title{
    color: #2DE4FA;
    background: none;
    -webkit-text-fill-color:#2DE4FA
}
#comicContest .nav-list .nav-title.ru-nav-title{
    font-size: 18px;
    line-height: 26px;
}
.active-img{
    display: none;
}
#comicContest .nav-color{
    color: #fff;
}
/*导航end*/

/* <!-- 侧边栏 切换语言 --> */
#comicContest .sliderbar-container{width: 180px;height: auto; top: 50%;transform: translate(0px,-50%);position: fixed; z-index: 9999;
    left: 0px;box-sizing: border-box;background-image: url("../images/fixed_window.png");background-size: 100% 100%;background-repeat: no-repeat}
#comicContest .title{width: 24px;padding: 8px 0;display: flex; align-items: center;justify-content: center; border-radius: 0 4px 4px 0; height: auto; position: absolute; top: 8px; font-size: 14px;  color: #FFF;cursor: pointer;right: 4px!important; writing-mode: vertical-rl;letter-spacing: 1px;box-sizing: content-box;font-weight: bold}
#comicContest .title i{font-size: 14px;}
#comicContest .Sidebar_body{width: 151px; height:auto; position: relative; padding: 0px; overflow: hidden auto; font-size: 12px;box-sizing: border-box;}
#comicContest .Sidebar_body ul {width: 100%;height: auto;margin: 0;padding: 35px 8px 20px 8px;}
#comicContest .Sidebar_body ul li{font-size: 16px;font-weight: 600; line-height: 1;cursor: pointer;  width: 100%;height: auto;list-style: none;box-sizing: border-box;padding:  9px 0;color: #fff;border: 1px solid #F4F4F4;text-align: center;margin-bottom: 10px}
#comicContest .Sidebar_body ul .Sidebar_sctiv{background: #F923AA!important;border: none}
#comicContest .Sidebar_body ul li:hover{
    background: #F923AA;border: none;padding: 10px 0;
}
@media screen and (max-width: 1400px){
    #comicContest .sliderbar-container{
        width: 150px;
    }
    #comicContest .Sidebar_body{
        width: 125px;
    }
    #comicContest .title {
        font-size: 12px;
        right: 2px!important;
        top: 8px;
    }
    #comicContest .Sidebar_body ul{
        padding: 30px 8px 20px 8px;
    }
    #comicContest .Sidebar_body ul li{font-size: 14px;margin-bottom: 8px}
}
@media screen and (max-width: 768px ){
    #comicContest .sliderbar-container{width: 170px;}
    #comicContest .Sidebar_body{width: 140px}
    #comicContest .Sidebar_body ul li {font-size: 14px;padding: 11px 0}
    #comicContest .title{
        font-size: 14px;
        right: 2px!important;
    }
    #comicContest .Sidebar_body ul{
        padding: 30px 10px 20px 10px;
    }
}
@media screen and (max-width: 480px ){
    #comicContest .sliderbar-container{width: 140px;}
    #comicContest .Sidebar_body{width: 120px}
    #comicContest .Sidebar_body ul{
        padding: 30px 10px 20px 10px;
    }
    #comicContest .Sidebar_body ul li {font-size: 12px;padding: 11px 0;margin-bottom: 8px}
    #comicContest .title{
        font-size: 12px;
        right: 0!important;
        top: 15px;
    }
}
/* <!-- 侧边栏 切换语言 end--> */


/*介绍模块*/
#comicContest .intro-container{
    padding: 80px 0;
}
#comicContest .title-content{
    position: relative;
    text-align: center;
}
#comicContest .title-text{
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    font-weight: bold;
    word-break: initial;
    text-align: center;
    white-space: pre-line;
    line-height: 26px;
}
#comicContest .intro-content{
    background-image: url("../images/intro-border.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 120px 120px 80px 120px;
    margin-top: 80px;
}
#comicContest .intro-content p{
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
}
#comicContest  .intro-content .intro-head{
    font-weight: 600;
    padding-bottom: 10px;
}
#comicContest .rein-box{
    padding-bottom: 40px;
}
/*介绍模块end*/

/*时间线模块*/
#comicContest .timeline-container{
    padding-top: 60px;
}
#comicContest .time-line-content{
    padding: 100px 0 0;
    position: relative;
}
#comicContest .time-line{
    height: 1px;
    /*border-bottom: 1px solid #39D9F5;*/
    position: absolute;
    top: 50%;
}
#comicContest .left-line{
    width: 24%;
    background:linear-gradient(to right, #09203b,#39D9F5);
}
#comicContest .right-line{
    width: 98%;
    background: #39D9F5;
    left: 77%;
}
#comicContest .right-line.judging-line{
    width: 79%;
}
#comicContest .announce-right{
    width: 24%;
    background:linear-gradient(to left, #09203b,#39D9F5);
    left: 93%;
}
#comicContest .time-line-box{
    display: flex;
    justify-content: space-around;
}
#comicContest .time-line-box .line-list:nth-child(1){
    width: 24%;
}
#comicContest .time-line-box .line-list:nth-child(2){
    width: 25%;
}
#comicContest .time-line-box .line-list:nth-child(3){
     width: 16%;
}

#comicContest .submit-time-box{
    position: relative;
    text-align: center;
}
#comicContest .step-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    font-weight: bold;
    white-space: pre-line;
    line-height: 24px;
}
#comicContest .time-line-text{
    font-size: 18px;
    text-align: center;
    padding-top: 16px;
}
/*时间线模块end*/

/*奖品模块*/
#comicContest .prize-container{
    padding: 30px 0 60px;
}
#comicContest .prize-content{
    padding-top: 60px;
}
#comicContest .judg-icon-box{
    position: absolute;
    right: 40px;
    top: 20px;
}
#comicContest .prize-grand-box{
    background-image: url("../images/grand-border.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    margin-bottom: 24px;
}
#comicContest .product-box{
    width: 40%;
    position: relative;
}
#comicContest .s-prize-img-box{
    width: 43%;
}
#comicContest .product-box .product-img{
    position: absolute;
    top: 66%;
    left: 62%;
    transform: translate(-50%, -50%);
}
#comicContest .grand-intro-box{
    padding: 40px 60px 40px 0;
    width: 50%;
}
#comicContest .s-product-box{
    width: 53%;
}
#comicContest .prize-head{
    font-size: 30px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}
#comicContest .prize-head.s-title{
    font-size: 18px;
    padding-bottom: 8px;
}
#comicContest .prize-head.s-title .winner-num{
    font-size: 16px;
}
#comicContest .prize-head .winner-num{
    font-size: 18px;
    font-weight: 500;
}
#comicContest .grand-title-box img{
    padding-right: 16px;
}
#comicContest .circle-img{
    padding-right: 44px;
    padding-left: 20px
}
#comicContest .grand-intro-text{
    padding: 24px 0;
}
#comicContest  .product-title{
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 8px;
}
#comicContest .grand-intro-text .product-title.goods-info{
    font-size: 18px;
    font-weight: 400;
}
#comicContest  .grand-info{
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 8px;
    white-space: pre-line;
}
#comicContest .prize-list-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#comicContest .prize-list-box{
    width: 49%;
    background-image: url("../images/third-border.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 20px 20px 20px 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
/*奖品模块end*/

/*评委模块*/
#comicContest .judges-container{
    padding: 60px 0;
}
#comicContest .Judges-list-box{
    background-image: url("../images/judges-border.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 40px 60px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 60px;
}
#comicContest .judges-left-box{
    width: 30%;
    display: flex;
}
#comicContest .judges-icon-box{
    display: flex;
    flex-direction: column;
    padding-left: 24px;
}
#comicContest .icon-box{
    padding: 0 5px;
    border: 1px solid #00FFFF;
    display: inline-block;
    margin-bottom: 16px;
    text-align: center;
}
#comicContest .icon-box i{
    font-size: 27px;
}
#comicContest .icon-box span{
    font-size: 27px;
}
#comicContest .judges-right-box{
    width: 63%;
}

/*评委模块 end*/

/*规则模块*/
#comicContest .rules-container{
    padding: 60px 0;
}
#comicContest .rules-content-box{
    margin-top: 80px;
    background-image: url("../images/rules-border.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 120px 70px;
}
/*规则模块end*/

/*问答模块*/
#comicContest .additional-note-content{
    margin-top: 80px;
    background-image: url("../images/note-border.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 60px 80px;
}
#comicContest .faq-content-box{
    padding-top: 60px;
}
#comicContest .faq-list-box{
    margin-bottom: 32px;
}
#comicContest .q-content{
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
#comicContest .q-text-box{
    position: relative;
    margin-right: 24px;
}
#comicContest .q-text-box .q-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#comicContest .Q-box{
    background-image: url("../images/q-border.png");
}
#comicContest .A-box{
    background-image: url("../images/A-border.png");
}
#comicContest .faq-text-box{

    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 10px 40px;
    min-width: 60%;
}
#comicContest .faq-text-box .grand-info{
    padding-bottom: 0;
}
#comicContest .bold-text{
    font-weight: bold;
}
#comicContest .email-content-box.block-jp{
    display: block;
}
#comicContest .email-content-box{
    display: none;
}
/*问答模块end*/

#comicContest .good-luck{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 80px;
}

/*winner模块*/
#comicContest .preface-content{
    background-image: url(../images/winner/preface_border.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 40px 60px;
}
#comicContest .preface-content p{
    font-size: 18px;
    color: #fff;
    line-height: 1.5;
    text-align: center;
}
#comicContest .end-remarks-content{
    padding: 60px 0;
}
#comicContest .end-remarks-content.preface-content{
    background-image: none;
}
#comicContest .end-remarks-content.preface-content .preface-title{
    padding-bottom: 30px;
}
#comicContest .preface-content .preface-title{
    font-size: 24px;
}
#comicContest .prize-work-content{
    background-image: url(../images/winner/work_border.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
#comicContest .work-img-box{
    width: 45%;
}
#comicContest .prize-detail-box{
    width: 50%;
}
#comicContest .padding-box{
    padding: 10px 60px;
}
#comicContest .padding-box2{
    padding: 0 60px;
}
#comicContest .title-box{display: flex;align-items: center}
#comicContest .grand-title-right{
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}
#comicContest .grand-title-right .grand-title{
    font-size: 48px;
    font-weight: bold;
    color: #FFFFFF;
}
#comicContest .grand-title-right .grand-title.third-title{
    font-size: 30px;
}
#comicContest .grand-title-right .grand-title.runner-title{
    font-size: 40px;
}
#comicContest .prize-goods-box{
    padding-top: 20px;
}
#comicContest .goods-details{
    font-size: 24px;
    font-weight: bold;
    padding-top: 16px;
}
#comicContest .work-intro{
    font-size: 16px;
    padding-bottom: 16px;
}
#comicContest .shop-now-btn{width: 100%;text-align: center;}
#comicContest .shop-now-btn a{box-sizing: border-box;display: inline-block;text-decoration: none;position: relative;}
#comicContest .shop-now-btn a p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size:24px;
    color: #fff;line-height: 1;font-weight: 900;
    width: 100%;
    text-align: center;
}
#comicContest .border-padding{
    padding: 0 20px;
}
#comicContest .preface-content.judges-list-content{
    background-image: url(../images/winner/judges_border.png);
    padding: 80px 60px 60px;
    margin-bottom: 40px;
}
#comicContest .preface-content.judges-list-content p{
    text-align: left;
    padding-bottom: 16px;
}
#comicContest .judges-list-box{
    padding-bottom: 10px;
}
#comicContest .third-prize-content{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#comicContest .third-prize-list{
    width: 30%;
    background-image: url(../images/winner/S_border.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 10px 0 20px 15px;
    margin-bottom: 40px;
    margin-right: 50px;
}
#comicContest .third-prize-list:nth-child(3){
    margin-right: 0;
}
#comicContest .third-prize-list:nth-child(5){
    margin-right: 0;
}
#comicContest .works-box-inner{
    margin-bottom: 16px;
}
#comicContest .third-info{
    padding: 0 20px;
}
#comicContest .third-info .work-intro{
    font-size: 14px;
    padding-bottom: 8px;
}
#comicContest .third-info .work-intro.artist-name{
    padding-bottom: 24px;
}
#comicContest .third-goods-name{
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
}
#comicContest .third-info .shop-now-btn a p{
    font-size: 15px;
    font-weight: 400;
}
/*winner模块 end*/

@media screen and (max-width: 1400px){
    .banner-icon2{
        right: -3%;
    }
    .banner-icon1{
        left: -3%;
    }
}
@media screen and (max-width: 1350px){
    #comicContest .banner_btn{
        left: 53%;
    }
    #comicContest .banner_btn img{
        width: 75%;
    }
    #comicContest .upload-text{
        left: 40%;
        font-size: 20px;
    }
    .banner-icon2{
        right: -2%;
    }
    .banner-icon1{
        left: -2%;
    }
}
@media screen and (max-width: 1200px){
    .banner-icon2{
        right: 5%;
        top: -50%;
    }
    .banner-icon1{
        left: 5%;
        top: -50%;
    }
    #comicContest .padding-box{
        padding: 10px 30px;
    }
    #comicContest .padding-box2{
        padding: 0 30px;
    }
    #comicContest .third-prize-list{
        margin-right: 35px;
    }
    #comicContest .grand-title-right .grand-title.runner-title{
        font-size: 34px;
    }
    #comicContest .grand-title-right img{width: 100%}
}
@media screen and (max-width: 1024px){
    #comicContest .banner_btn{
        left: 56%;
    }
    #comicContest .banner_btn img{
        width: 65%;
    }
    #comicContest .upload-text{
        left: 35%;
    }
}
@media screen and (max-width: 768px){
    #comicContest .banner_btn{bottom: -37px}
    #comicContest .nav-content{
        flex-wrap: wrap;
    }
    #comicContest .nav-list{
        /*transform: scale(0.7);*/
        /*-moz-transform: scale(0.7);*/
        /*-webkit-transform: scale(0.7);*/
        /*-o-transform: scale(0.7);*/
        /*-ms-transform: scale(0.7);*/
        width: 23%;
    }
    #comicContest .nav-list img{
        width: 100%;
    }
    #comicContest .Judges-list-box{
        background-image: none;
        padding: 10px;
        border: 1px solid transparent;
        border-image: linear-gradient(-72deg, #2DE4FA, #FF1DA7);
        border-image-slice: 10;
    }
    #comicContest .prize-grand-box{
        background-image: none;
        padding: 10px;
        border: 1px solid transparent;
        border-image: linear-gradient(-72deg, #2DE4FA, #FF1DA7);
        border-image-slice: 10;
    }
    #comicContest .intro-content{
        background-image: none;
        padding: 40px 10px 10px;
        border: 1px solid transparent;
        border-image: linear-gradient(-72deg, #2DE4FA, #FF1DA7);
        border-image-slice: 10;
    }
    #comicContest .rules-content-box{
        background-image: none;
        padding: 20px 10px 10px;
        border: 1px solid transparent;
        border-image: linear-gradient(-72deg, #2DE4FA, #FF1DA7);
        border-image-slice: 10;
    }
    #comicContest .additional-note-content{
        background-image: none;
        padding: 20px 10px 10px;
        border: 1px solid transparent;
        border-image: linear-gradient(-72deg, #2DE4FA, #FF1DA7);
        border-image-slice: 10;
    }
    #comicContest .preface-content{
        background-image: none;
        padding: 20px 10px 10px;
        border: 1px solid transparent;
        border-image: linear-gradient(-72deg, #2DE4FA, #FF1DA7);
        border-image-slice: 10;
    }
    #comicContest .preface-content.judges-list-content{
        background-image: none;
        padding: 20px 10px 10px;
    }
    #comicContest .end-remarks-content.preface-content{
        border: none;
        padding: 60px 0;
    }
    #comicContest .Q-box{
        background-image: none;
        border: 1px solid #FF1DA7;
        padding: 10px;
    }
    #comicContest .A-box{
        background-image: none;
        border: 1px solid #2DE4FA;
        padding: 10px;
    }
    #comicContest .prize-list-box{
        background-image: none;
        padding: 20px;
        border: 1px solid #2DE4FA;
        margin-bottom: 24px;
    }
    #comicContest .product-box img{
        width: 100%;
    }
    #comicContest .product-box{
        width: 50%;
    }
    #comicContest .product-box .product-img {
        position: absolute;
        top: 35%;
        left: 50%;
    }
    #comicContest .grand-intro-box{
        padding: 10px 0;
        width: 45%;
    }

    #comicContest .announce-right{
        left: 84%;
    }
    #comicContest .judges-left-img{
        width: 80%;
    }
    #comicContest .judges-left-img img{
        width: 100%;
    }
    #comicContest .judges-icon-box{padding-left: 16px}
    #comicContest .grand-title-right .grand-title{font-size: 30px}
    #comicContest .grand-title-right .grand-title.runner-title{
        font-size: 22px;
    }

    #comicContest .goods-details{font-size: 18px}
    #comicContest .work-intro{font-size: 14px;padding-bottom: 8px}
    #comicContest .border-padding{
        padding: 0;
    }
    #comicContest .padding-box2{
        padding: 0 20px;
    }
    #comicContest .padding-box{padding: 10px 20px}
    #comicContest .grand-title-right .grand-title.third-title{font-size: 18px}
    #comicContest .third-info{padding: 0 10px}
    #comicContest .third-goods-name {
        font-size: 18px;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 576px){
    .home_page_container{margin-top: 50px}
    #comicContest .banner_btn img{width: 75%}
    #comicContest .intro-content p{font-size: 16px;line-height: 1.4}
    #comicContest .upload-text{font-size: 16px;left: 39%;top: 43%}
    .banner-icon1 img{
        width: 50%;
    }
    .banner-icon2 img{
        width: 50%;
    }
    .banner-icon1{
        top: -6%;
    }
    .banner-icon2{
        top: -6%;
    }
    #comicContest .intro-container{
        padding: 40px 0;
    }
    #comicContest .nav-list{
        width: 45%;
        margin-bottom: 24px;
    }
    #comicContest .nav-list .nav-title{
        font-size: 16px;
        line-height: 20px;
    }
    #comicContest .title-content img{
        width: 100%;
    }
    #comicContest .title-text{
        font-size: 16px;
    }

    #comicContest .time-line-box{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #comicContest .line-list{
        width: 28%;
    }
    #comicContest .time-line-box .line-list:nth-child(1){
        width: 28%;
    }
    #comicContest .time-line-box .line-list:nth-child(2){
        width: 28%;
    }
    #comicContest .time-line-box .line-list:nth-child(3){
        width: 28%;
    }
    #comicContest .step-text{
        font-size: 12px;
        line-height: 18px;
    }
    #comicContest .time-line-text{font-size: 13px}
    #comicContest .line-list img{
        width: 100%;
    }
    #comicContest .left-line{width: 20%;left: -20%}
    #comicContest .right-line {
        width: 37%;
        left: 97%;
    }
    #comicContest .right-line.judging-line{width: 34%}
    #comicContest .announce-right{left: 94%}
    #comicContest .product-box{
        width: 100%;
    }
    #comicContest .product-box img{
        width: 100%;
    }
    #comicContest .grand-intro-box{
        width: 100%;
        padding: 0 0 0 16px;
    }
    #comicContest .product-box .product-img {
        position: absolute;
        top: 60%;
        left: 45%;
    }
    #comicContest .prize-head{
        font-size: 24px;
        padding-top: 16px;
    }
    #comicContest .product-title{
        font-size: 20px;
    }
    #comicContest .grand-info{
        font-size: 16px;
        line-height: 24px;
    }
    #comicContest .prize-list-box{
        width: 100%;
        background-image: none;
        padding: 20px;
        border: 1px solid #2DE4FA;
        margin-bottom: 24px;
    }
    #comicContest .s-prize-img-box{
        width: 100%;
        margin-bottom: 16px;
    }
    #comicContest .s-product-box{
        width: 100%;
    }
    #comicContest .grand-intro-text{
        padding: 8px 0;
    }
    #comicContest .circle-img{
        padding-left: 0
    }

    #comicContest .judges-left-box{
        width: 100%;
        margin-bottom: 16px;
    }
    #comicContest .judges-right-box{
        width: 100%;
    }
    #comicContest .judges-left-img{
        width: 80%;
    }
    #comicContest .judges-left-img img{
        width: 100%;
    }
    #comicContest .prize-work-content{
        flex-wrap: wrap;
    }
    #comicContest .work-img-box{
        width: 100%;
    }
    #comicContest .prize-detail-box{width: 100%}
    #comicContest .padding-box{padding: 10px 0}
    #comicContest .padding-box2{padding: 0}
    #comicContest .preface-content p{
        font-size: 16px;
        line-height: 1.4;
    }
    #comicContest .preface-content .preface-title{
        font-size: 24px;
    }
    #comicContest .third-prize-list{width: 100%;margin-right: 0}
}