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: #000;
    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;
}
.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: -20px;
    right: 10%;
    cursor: pointer;
}
.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{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    word-break: initial;
    text-align: center;
    white-space: pre-line;
}
#comicContest .nav-list .nav-title.ru-nav-title{
    font-size: 18px;
    line-height: 26px;
}
#comicContest .nav-list:nth-child(1) .nav-title{
    color: #fff;
}
#comicContest .nav-list:nth-child(2) .nav-title{
    color: #F77E73;
}
#comicContest .nav-list:nth-child(3) .nav-title{
    color: #7DC8DD;
}
#comicContest .nav-list:nth-child(4) .nav-title{
    color: #FFAE0D;
}
.active-img{
    display: none;
}
#comicContest .nav-color{
    color: #fff;
}
/*导航end*/
/*倒计时*/
#comicContest .Ch2020_countdown{
   text-align: center;
    padding: 30px 0;
}
#comicContest .comic-countdown{
    position: relative;
}
#comicContest .Ch2020_cd_box{
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 46px;
    font-weight: 400;
    line-height: 30px;
    word-break: initial;
    text-align: center;
    color: #6e619a;
}
#comicContest .Ch2020_cd_djs{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#comicContest .Ch2020_cd_djs .Ch2020_seperator{
    padding: 0 15px;
}
/*倒计时end*/
/*介绍*/
.intro-container{
    width: 100%;
    min-height: auto;
    background: url("../images/bg1.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    position: relative;
    margin: 20px 0;
    /*width: 0;*/
    /*height: 600px;*/
    /*border-right: 1920px solid #F1F1F1;*/
    /*border-bottom: 100px solid transparent;*/
    /*border-top: 100px solid transparent;*/
    /*transform:skew(10deg);*/
}
#comicContest .intro-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: auto;
    padding: 40px 20px;
}
#comicContest .intro-inset-img{
    width: 35%;
}
#comicContest .introduce-text-content{
    padding: 40px 0;
    width: 65%;
}
#comicContest  .intro-title{
    font-size: 36px;
    font-weight: bold;
    line-height: 30px;
    padding: 30px 0;
}
#comicContest  .intro-text-content{
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 30px;
    white-space: pre-line;
}
#comicContest .intro-manga-title{
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}
#comicContest .intro-manga-text{
    font-size: 14px;
    line-height: 26px;
    padding-bottom: 20px;
    white-space: pre-line;
}
#comicContest .face-inset{
    position: absolute;
    top: -35px;
    right: 15%;
}
/*介绍 end*/
/*关键字*/
#comicContest .keyword-container{
    width: 100%;
    min-height: auto;
    background: url("../images/bg2.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    position: relative;
    margin: 20px 0;
}
#comicContest .keyword-content{
    max-width: 1200px;
    margin: auto;
    padding: 100px 20px;
}
#comicContest .keyword-list{
    display: flex;
    align-items: center;
}
#comicContest .box-keyword{
    position: relative;
}
#comicContest .keyword-text{
    position: absolute;
    top: 28%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 47px;
    font-weight: bold;
    line-height: 30px;
    word-break: initial;
    text-align: center;
    width: 100%;
}
#comicContest .keyword-img-content{
    margin: 0 20px;
}
#comicContest .keyword-inset{
    position: absolute;
    bottom: -40px;
    right: 5%;
}
#comicContest .keyword-face{
    position: absolute;
    top: 15px;
    right: 5%;
}
/*关键字end*/
/*时间线*/
#comicContest .timeline-wrapper{
    position: relative;
}
#comicContest .timeline-container{
    width: 100%;
    min-height: auto;
    background: url("../images/bg3.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    position: relative;
    margin: 100px 0 0 0;
}
#comicContest .timeline-content{
    max-width: 1200px;
    margin: auto;
    padding: 100px 20px;
    width: 100%;
}
#comicContest .timeline-title-content{
    position: absolute;
    top: -70px;
    left: 45%;
}
#comicContest .timeline-title{
    position: absolute;
    top: 28%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 36px;
    font-weight: bold;
    line-height: 30px;
    word-break: initial;
    text-align: center;
    width: 100%;
}
#comicContest .timeline-title.ru-timeline-title{
    font-size: 30px;
}
#comicContest .banner-inset-img{
    position: absolute;
    left: 15%;
    top: 0;
}
#comicContest .time-step-content{
    display: flex;
}
#comicContest .time-step-list{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#comicContest .time-step-list:first-child{
    align-items: flex-start;
}
#comicContest .time-step-list:first-child .btn-content{
    margin-left: 50px;
}
#comicContest .time-step-list:last-child{
    align-items: flex-end;
}
#comicContest .time-step-list .btn-content{
    padding: 8px 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    background: #FFFFFF;
    border: 1px solid #000000;
    margin: 20px 0;
}
#comicContest .timeline-text{
    font-size: 15px;
    line-height: 30px;
    padding: 20px 0;
}
/*时间线end*/


/*商品list*/
#comicContest .prize-title-box{
    position: relative;
    text-align: center;
}
#comicContest .prize-title-box .prize-title-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;
    word-break: initial;
    text-align: center;
    white-space: pre-line;
}
#comicContest .prize-title-box .prize-title-text.ru-prize-title-text{
    font-size: 22px;
    line-height: 30px;
}
#comicContest .prize-title-box .prize-title-text.Runner-Up-Prize{
    font-size: 30px;
}
#comicContest .prize-title-box .prize-title-text.third-prize{
    font-size: 40px;
    color: #fff;
}
#comicContest .prize-list-box{
    width: 100%;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 7px 10px 1px rgba(223, 223, 223, 0.49), 0px 8px 6px 0px rgba(223, 223, 223, 0.65), 10px 1px 7px 1px rgba(223, 223, 223, 0.66), -11px -1px 8px 1px rgba(223, 223, 223, 0.63);
    border-radius: 30px;
    margin-top: 40px;
    padding: 20px 10px 0 10px;
    position: relative;
}
#comicContest .prize-list-box .prize-goods-one{
    display: flex;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
#comicContest .goods-spec-content{
    padding-left: 40px;
    padding-top: 20px;
}
#comicContest .goods-spec-content .grand-prize{
    font-size: 40px;
    font-weight: bold;
    line-height: 53px;
}
#comicContest .goods-spec-content .prize-goods{
    font-size: 32px;
    color: #FF1F44;
    line-height: 53px;
}
#comicContest .prize-inset-img{
    position: absolute;
    right: -30px;
    top: -80px;
}
#comicContest .prize-goods-two{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#comicContest .prize-goods-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 49%;
    padding: 40px 20px;
}
#comicContest .prize-goods-list:last-child{
    border-left: 1px solid #CECECE;
}
#comicContest .prize-goods-list .sliver-prize-num{
    font-size: 27px;
    font-weight: bold;
    line-height: 36px;
}
#comicContest .prize-goods-list .sliver-goods{
    font-size: 21px;
    color: #FF1F44;
    line-height: 36px;
}
/*商品list end*/


/*judges*/
#comicContest .judges-container{
    width: 100%;
    min-height: auto;
    background: url("../images/bg4.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    position: relative;
    margin: 70px 0 70px 0;
}
#comicContest .judges-content{
    max-width: 1200px;
    margin: auto;
    padding: 100px 20px;
}
#comicContest .prize-title-text.judges-title-text{
    top: 62%;
    color: #300D00;
}
#comicContest .judges-user-box{
    padding: 40px 0;
}
#comicContest .judges-user-list{
    width: 100%;
    height: auto;
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 60px 20px;
    margin-bottom: 20px;
}
#comicContest .judges-user-box .user-name-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20%;
}
#comicContest .judges-user-box .user-name{
    font-size: 19px;
    font-weight: 500;
    line-height: 30px;
    padding: 10px 0;
}
#comicContest  .judges-icon{
    display: inline-block;
    padding: 5px;
    background: #FFFFFF;
    border: 1px solid #666666;
    border-radius: 50%;
    transition: all .2s;
}
#comicContest .last-icon{
    width: 38px;
    height: 38px;
    padding: 2px;
}
#comicContest .two-work{
    display: flex;
    align-items: center;
}
#comicContest .two-work .judges-icon{
    margin-right: 5px;
}

#comicContest .judges-icon:hover .x5_fa{
    color: #385899;
}
#comicContest .judges-icon:hover .x5_in{
    color: #e20c35;
}
#comicContest .judges-icon:hover .x5_tw{
    color: #00aced;
}
#comicContest .judges-icon:hover .x5_yb{
    color: #ff011d;
}
#comicContest .judges-icon:hover .x5_web{
    color: #0745c4;
}
#comicContest  .judges-icon em{
    font-size: 26px;
    color: #666666;
    font-weight: 400;
    line-height: 1;
    transition: all .2s;
}
#comicContest .judges-user-box .user-work{
    width: 30%;
}
#comicContest .judges-user-box .user-intro-content{
    width: 50%;
    padding: 0 40px;
}
#comicContest .judges-user-box .intro-text{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
    white-space: pre-line;
}
/*judges end*/

/*rules */
#comicContest .rule-img-content{
    position: relative;
}
#comicContest .rule-inset-banner{
    position: absolute;
    top: -60px;
    left: 0%;
    z-index: 0;
}
#comicContest .rules-content-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 0 10px 0;
}
#comicContest .rules-content-box .rules-list{
    width: 49.5%;
    height: auto;
    background: #FFFFFF;
    border: 3px solid #000000;
    display: flex;
    justify-content: space-between;
    z-index: 1;
    margin-bottom: 10px;
}
#comicContest .rules-content-box .rules-list.rules-center{
    align-items: center;
}
#comicContest .rules-list-inset.last-inset{
    padding-top: 80px;
}
#comicContest .rules-list-inset.rules-list-inset_6{
    padding-top: 120px;
}
#comicContest .rules-list-inset_1 img{
    margin-left: -35px
}
#comicContest .rules-num{
    font-size: 76px;
    font-weight: bold;
    line-height: 95px;
    opacity: 0.8;
    margin-left: 40px;
    padding-bottom: 40px;
}
#comicContest .rules-list-inset_4 .rules-num{
    padding-bottom: 72px;
}
#comicContest .rules-intro-content{
    padding: 20px;
}
#comicContest .rules-left_1{
    padding-top: 40px;
}
#comicContest .rules-left_2{
    padding-top: 40px;
}
#comicContest .rules-into-text{
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    padding: 20px;
}
#comicContest .rules-into-text.rule-text-small{
    font-size: 20px;
    line-height: 27px;
}
#comicContest .rules-footer-text{
    padding: 60px 10px;
    background: #FFFFFF;
    border: 3px solid #000000;
    position: relative;
}
#comicContest .rules-footer-text p{
    padding-left: 60px;
}
#comicContest .left-inset{
    position: absolute;
    left: -37px;
    top: -30px;
}
/*rules end*/

/*follow us */
#comicContest .follow-container{
    padding-top: 80px;
}
#comicContest .follow-icon-box{
    position: relative;
    margin-top: 40px;
}
#comicContest .follow-icon-content{
    display: flex;
    flex-wrap: wrap;
    padding: 60px;
    background: #FFFFFF;
    border: 3px solid #000105;
}
#comicContest .judges-icon.follow-icon{
    padding: 15px;
    margin-right: 20px;
}
#comicContest .judges-icon.follow-icon em{
    font-size: 40px;
}
#comicContest .follow-icon-content .icon-box{
    width: 20%;
}
#comicContest .follow-us-img{
    position: absolute;
    right: 0;
    top: -90px;
}
/*follow us end*/

/*additional note*/
#comicContest .additional-note-container{
    width: 100%;
    height: auto;
    margin-top: 100px;
}
#comicContest .additional-note-wrapper{
    width: 100%;
    height: auto;
    background: #FDD889;
    padding: 5px 0 30px 0;
}
#comicContest .additional-note-content{
    width: 100%;
    height: auto;
    background: url("../images/addiyional_note/banner_box.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-top: 40px;
}
#comicContest .additional-note-inner{
    padding:30px 30px 60px 30px;
}
#comicContest .additional-note-text{
    font-size: 18px;
    line-height: 30px;
    padding: 20px 0;
}
/*additional note end*/

/*faq*/
#comicContest .FAQ-container{
    margin-top: 40px;
}
#comicContest .FAQ-inner{
    width: 100%;
    height: auto;
    background-color: #F1F1F1;
    margin-top: 40px;
    padding: 40px 0 60px;
}
#comicContest .prize-title-text.faq-title{
    font-size: 48px;
    top: 57%;
    left: 48%;
}
#comicContest .faq-content{
    overflow: hidden;
}
#comicContest .FAQ-box{
    width: 100%;
    height: auto;
}
#comicContest .FAQ-box1{
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-end;
}
#comicContest .FAQ-box2{
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
}
#comicContest .FAQ-list img{
    vertical-align: bottom;
}
#comicContest .FAQ-list-box{
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    background: #FFFFFF;
    border: 3px solid #000000;
    position: relative;
    padding: 25px 35px;
    display: inline-block;
    margin-left: 20px;
    white-space: pre-line;
    text-align: left;
    min-width: 40%;
}
#comicContest .FAQ-list-box_L::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    /* 箭头靠左边 */
    bottom: 13px;
    left: -16px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 30px solid #fff;
}
#comicContest .FAQ-list-box_L::before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    /* 箭头靠左边 */
    bottom: 13px;
    left: -20px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 25px solid #000;
}
#comicContest .FAQ-list-box_R::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    /* 箭头靠右边 */
     bottom: 13px;
     right: -16px;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     border-left: 30px solid #C0E6F8;
}
#comicContest .FAQ-list-box_R::before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    /* 箭头靠右边 */
    bottom: 13px;
    right: -20px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 25px solid #000;
}
#comicContest .FAQ-list-box.FAQ-list-box_R{
    background: #C0E6F8;
    margin-right: 10px;
    font-weight: 400;
    margin-left: 0;
}
#comicContest .FAQ-last-text{
    text-align: center;
    padding-top: 60px;
}
#comicContest .mail-text{
    color: #f00;
}
#comicContest .sign-text{
    color: #00aced;
}
#comicContest .email-content-box.block-jp{
    display: block;
}
#comicContest .email-content-box{
    display: none;
}
/*faq end*/

/*winner 页面*/
#comicContest .winner-announce-content{
    width: 100%;
    min-height: auto;
    background: url(../images/winner/topBg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin: 20px 0 80px;
}
#comicContest .winner-announce-content.bottom-content{
    background: url(../images/winner/bottomBg.png) no-repeat;
    background-size: 100% 100%;
    padding: 80px 0;
}
#comicContest .winner-announce-inner{
    max-width: 1200px;
    margin: auto;
    padding: 40px 20px;
}
#comicContest .grand-prize-content{
    display: flex;
    min-height: auto;
    background: url(../images/winner/IrregularBg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 0;
}
#comicContest .work-img-content{
    width: 53%;
    position: relative;
}
#comicContest .work-img-content::after{
    content: "";
    position: absolute;
    z-index: -1;
    top: 10px;
    left: 10px;
    right: -10px;
    bottom: -10px;
    border: 3px solid #000;
    background-color: #fff;
}
#comicContest .works-intro-content{
    width: 50%;
}
#comicContest .works-intro-content .prize-title-box{
    left: -70px;
    top: -40px;
}
#comicContest .works-brow{
    position: absolute;
    top: -115px;
    right: -30px;
}
#comicContest .prize-product-content{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#comicContest .prize-product-content .goods-img{
    position: relative;
    display: inline-block;
}
#comicContest .prize-product-content .gold-icon{
    position: absolute;
    top: -15%;
    left: -15%;
}
#comicContest .prize-product-content .product-name{
    display: inline-block;
    font-size: 24px;
    color: #FF1F44;
    padding: 20px 40px;
    border-bottom: 1px solid #eee;
}
#comicContest .prize-product-content .product-name span{
    font-size: 18px;
}
#comicContest .under-tree-content{
    text-align: left;
    display: inline-block;
    padding-top: 20px;
}
#comicContest .under-tree-content .works-intro-text{
    font-size: 14px;
    color: #F77E73;
    padding-bottom: 20px;
}
#comicContest .under-tree-content .works-name{
    font-size: 24px;
    font-weight: bold;
    color: #000;
}
#comicContest .under-tree-content .works-artist-name{
    font-size: 18px;
    color: #000;
}
#comicContest .learn-more-button{
    padding: 8px 25px;
    background: #F77E73;
    border: 1px solid #000000;
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
    position: relative;
    width: 55%;
}
#comicContest .learn-more-button::after{
    content: "";
    position: absolute;
    z-index: -1;
    top: 5px;
    left: 5px;
    right: -5px;
    bottom: -5px;
    border: 1px solid #000;
    background-color: #fff;
    display: inline-block;
}

#comicContest .judges-thoughts-content{
    background: #FFFFFF;
    border: 3px solid #000000;
    width: 100%;
    margin: 40px 0 140px;
    position: relative;
}
#comicContest .judges-thoughts-content:last-child{
    margin: 40px 0 40px;
}
#comicContest .judges-title-content{
    text-align: center;
    padding-top: 30px;
}
#comicContest .judges-thoughts-content .heart-icon{
    vertical-align: middle;
    padding-right: 10px;
}
#comicContest .judges-title-content .title-text{
    display: inline-block;
    font-size: 36px;
    font-weight: 900;
    color: #1D0B07;
    vertical-align: middle;
}
#comicContest .judges-title-content .illustration-img{
    position: absolute;
    top: -5%;
    right: 23%;
}
#comicContest .judges-thoughts-inner{
    padding: 40px;
}
#comicContest .judges-text-list{
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}
#comicContest .judges-text-list .judges-images{
    padding-right: 20px;
}
#comicContest .judges-text-list p{
    font-size: 18px;
    line-height: 1.6;
}
/*winner 页面 end*/



/* <!-- 侧边栏 切换语言 --> */
#comicContest .sliderbar-container{height: auto; top: 50%;transform: translate(0px,-50%);position: fixed; z-index: 9999;
    left: 0px;box-sizing: border-box;border-radius: 0 0 4px 0;}
#comicContest .title{width: 100%;padding: 8px 0;display: flex; align-items: center;justify-content: center; height: auto; font-size: 14px;  color: #000;cursor: pointer; letter-spacing: 1px;box-sizing: content-box;border-top: 3px solid #000}
#comicContest .title i{font-size: 20px;}
#comicContest .fixed-window-img{position: relative;z-index: 12}
#comicContest .Sidebar_body{width: 160px; height:auto; position: relative;left: 30px;top: -10px; background-color: #fff; font-size: 12px;box-sizing: border-box;border: 3px solid #000;border-top: none}
#comicContest .Sidebar_body ul {width: 100%;height: auto;margin: 0;padding: 10px;transition: all .5s}
#comicContest .Sidebar_body ul li{z-index: 12; font-size: 18px;font-weight: 400;text-align: center; line-height: 1;cursor: pointer;  width: 100%;height: auto;list-style: none;box-sizing: border-box;padding: 3px 12px 12px;color: #000;border: 1px solid #000;margin-bottom: 10px;position: relative;background-color: #fff}
#comicContest .Sidebar_body ul li.ru_text{font-size: 15px}
#comicContest .Sidebar_body ul li::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: -5px;
    left: -5px;
    right: 2px;
    bottom: 2px;
    border: 1px solid #000;
    background-color: #fff;
}

#comicContest .Sidebar_body::after{
    content: "";
    position: absolute;
    z-index: -1;
    top: -3px;
    left: 2px;
    right: -12px;
    bottom: 30px;
    border: 3px solid #000;
    border-top: none;
    background-color: #fff;
}
/*/apps/index/view/activity/*/
#comicContest .Sidebar_sctiv::before{background: #F4DCC7!important;font-weight: 500!important;}

@media screen and (max-width: 1500px ){
    #comicContest .keyword-face{
        right: 0;
    }
    #comicContest .keyword-inset{
        right: 2%;
    }
}

@media screen and (max-width: 1400px ){
    #comicContest .sliderbar-container{
        transform: translate(0px,-50%) scale(0.8);
        left: -20px;
    }
    #comicContest .banner_btn{
        right: 8%;
    }
    .home_page_container{
        zoom: 0.9;
    }
}

@media screen and (max-width: 1300px ){
    #comicContest .keyword-face{
        transform: scale(0.5);
        right: 0%;
    }
    #comicContest .keyword-inset{
        right: 0;
    }
    #comicContest .box-keyword{
        left: -60px;
    }
    #comicContest .face-inset{
        top: -60px;
        right: 10%;
    }
    #comicContest .banner_btn{
        right: 4%;
    }
    .home_page_container{
        zoom: 0.7;
    }
}

@media screen and (max-width: 768px ){
    #comicContest .Sidebar_body{width: 130px;}
    #comicContest .Sidebar_body ul li {font-size: 14px;}
}
@media screen and (max-width: 480px ){
    #comicContest .Sidebar_body{width: 110px;left: 6px}
    #comicContest .Sidebar_body ul li {font-size: 12px;}
    #comicContest .sliderbar-container{width: 120px}
    #comicContest .sliderbar-container{
        transform: translate(0px,-50%) scale(0.7);
        left: -16px;
    }
}
/* <!-- 侧边栏 切换语言 end--> */


@media screen and (max-width: 1024px){
    #comicContest .time-step-content{
        transform: scale(0.8);
    }
    #comicContest .prize-inset-img{
        right: 0;
        top: -80px;
        transform: scale(0.7);
    }
    #comicContest .goods-img img{
        width: 100%;
    }
    #comicContest .prize-goods-list .sliver-prize-num{font-size: 22px;line-height: 26px}
    #comicContest .prize-goods-list .sliver-goods {
        font-size: 16px;
        line-height: 22px;
    }
    #comicContest .judges-user-box .user-work img{
        width: 100%;
    }
    #comicContest .keyword-inset{
        transform: scale(0.7);
        right: -6%;
    }
    #comicContest .box-keyword{
        left: -125px;
        transform: scale(0.8);
    }
    #comicContest .banner_btn{right: 0}
    .home_page_container{
        zoom: 1;
    }
}

@media screen and (max-width: 768px) {
    #comicContest .banner_btn{transform: scale(0.6);bottom: -43px;right: 0%;}
    #comicContest .nav-list{transform: scale(0.7);}

    /*contest info*/
    #comicContest .face-inset {
        top: -60px;
        right: -5%;
        transform: scale(0.5);
    }
    #comicContest .keyword-content{padding: 50px 0;width: 100%}
    #comicContest .keyword-img-content{transform: scale(0.8);margin: 0 -20px}
    #comicContest .keyword-inset {right: -8%;transform: scale(0.6);}
    #comicContest .box-keyword {
        transform: scale(0.5);
        margin-left: 0;
    }
    #comicContest .keyword-face {
        position: absolute;
        top: 15px;
        right: -6%;
        transform: scale(0.5);
    }
    #comicContest .time-step-content {
        display: flex;
        transform: scale(0.6);
        margin-left: -20%;
    }
    #comicContest .prize-list-box .prize-goods-one{flex-wrap: wrap}
    #comicContest .goods-img{width: 100%}
    #comicContest .goods-spec-content{width: 100%;padding-left: 0;display: flex;align-items: center}
    #comicContest .goods-info{padding-left: 10px}
    #comicContest .prize-goods-list{flex-wrap: wrap}
    #comicContest .prize-inset-img{display: none}
    #comicContest .judges-user-list img{width: 100%}
    #comicContest .judges-user-box .user-intro-content{padding: 0 20px}
    #comicContest .judges-icon{margin-bottom: 5px}
    #comicContest .rules-content-box .rules-list.rules-center{flex-wrap: wrap}
    #comicContest .rules-content-box .rules-list{align-items: center;flex-wrap: wrap}
    #comicContest .rules-list-inset{width: 38%}
    #comicContest .rules-list-inset img{width: 100%}
    #comicContest .rules-into-text{width: 60%}
    #comicContest .rules-into-text.last-rules{width: 100%}
    #comicContest .rules-into-text.rule-text-small{font-size: 16px;}
    #comicContest .rules-into-text{font-size: 20px;padding: 0}
    #comicContest .follow-us-img {
        position: absolute;
        right: -35px;
        top: -90px;
        transform: scale(0.8);
    }
    #comicContest .rules-list-text-box{
        width: 60%;
    }
    #comicContest .rules-list-text-box .rules-into-text{
        width: 100%;
        padding:0 10px;
    }
    #comicContest .rules-list-text-box .rules-num{
        padding-bottom: 60px;
    }
    #comicContest .works-intro-content .prize-title-box{
        top: 0;
        left: 0;
        margin-bottom: 20px;
    }
    #comicContest .grand-prize-content{
        flex-wrap: wrap;
        background: none;
    }
    #comicContest .work-img-content{width: 100%}
    #comicContest .works-intro-content{width: 100%;padding: 40px}
    #comicContest .works-brow{display: none}
    #comicContest .prize-product-content .gold-icon{
        top: -15%;
        left: -8%;
    }
    #comicContest .prize-product-content{
        padding: 40px;
    }
    /*contest info end*/
}

@media screen and (max-width: 576px) {
    .main-content{background: #fff}
    #comicContest .banner_btn{transform: scale(0.3);bottom: -50px;right: -23%;}
    #comicContest .nav-list{transform: scale(0.7);width: 50%}
    #comicContest .nav-container{padding: 40px 0 40px 0;}
    #comicContest .nav-content{flex-wrap: wrap}
    #comicContest .prize-title-box img{width: 100%}

    /*important info*/
    #comicContest .additional-note-text {font-size: 14px;line-height: 26px;padding: 10px 0;}
    #comicContest .additional-note-content{background: #fff;border: 2px solid #000}
    #comicContest .FAQ-list-box{font-size: 14px;line-height: 24px;padding: 15px;width: 73%}
    #comicContest .FAQ-list{flex-wrap: wrap;margin-bottom: 20px}
    #comicContest .FAQ-box{margin-bottom: 20px}
    #comicContest .FAQ-list img{width: 20%}
    /*important info end*/

    /*contest info*/
    #comicContest .comic-countdown img {
        width: 100%;
    }
    #comicContest .Ch2020_cd_box{font-size: 40px}
    #comicContest .keyword-content{
        transform: scale(0.7);
        margin-left: -111px;
        padding: 0;
        width: auto;
    }
    #comicContest .banner-inset-img img{
        width: 100%;
    }
    #comicContest .timeline-title-content {
        position: absolute;
        top: -70px;
        left: 6%;
    }
    #comicContest .timeline-title-content img{
        width: 100%;
    }
    #comicContest .time-step-content {
        display: flex;
        transform: scale(0.3);
        margin-left: -50%;
    }
    #comicContest .goods-img img{
        width: 100%;
    }

    #comicContest .goods-spec-content .grand-prize {
        font-size: 16px;
        line-height: 26px;
    }
    #comicContest .goods-spec-content .prize-goods {
        font-size: 12px;
        line-height: 24px;
    }
    #comicContest .prize-goods-list{padding: 20px 10px}
    #comicContest .prize-goods-list .sliver-prize-num {
        font-size: 14px;
        font-weight: bold;
        line-height: 24px;
    }
    #comicContest .prize-goods-list .sliver-goods {
        font-size: 12px;
        line-height: 26px;
    }
    #comicContest .judges-user-box .user-name-content{width: 100%}
    #comicContest .judges-user-box .user-intro-content{width: 100%;padding: 20px 0}
    #comicContest .judges-user-box .user-work{width: 100%}
    #comicContest .rules-content-box .rules-list{width: 100%}
    #comicContest .rules-into-text{font-size: 16px;line-height: 24px}
    #comicContest .rules-into-text.rule-text-small{font-size: 13px;line-height: 20px}
    #comicContest .rules-footer-text{padding: 20px 10px}
    #comicContest .prize-title-box .prize-title-text{font-size: 26px;line-height: 28px;width: 100%}
    #comicContest .follow-icon-content{padding: 10px}
    #comicContest .judges-icon.follow-icon{padding: 5px}
    #comicContest .judges-icon.follow-icon em{font-size: 30px}
    #comicContest .follow-us-img {
        position: absolute;
        right: -105px;
        top: -110px;
        transform: scale(0.4);
    }
    #comicContest .keyword-img-content{
        margin: 0 -25px;
    }
    #comicContest .intro-inset-img{width: 60%}
    #comicContest .introduce-text-content{width: 100%;padding: 10px 0 40px 0}
    #comicContest  .intro-title{font-size: 26px;padding: 10px 0}
    #comicContest  .intro-text-content {
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 20px;
    }
    #comicContest .intro-manga-title{font-size: 14px;line-height: 22px}
    #comicContest .intro-manga-text{font-size: 13px;padding-bottom: 50px;line-height: 22px}
    #comicContest .face-inset {
        top: -35px;
        right: -18%;
        transform: scale(0.5);
    }
    #comicContest .keyword-list-one{
        flex-wrap: wrap;
    }
    #comicContest .keyword-list-one .keyword-img-content:nth-child(1){
        width: 50%;
        transform: scale(0.6);
    }
    #comicContest .keyword-list-one .keyword-img-content:nth-child(2){
        width: 2%;
    }
    #comicContest .keyword-list-two .keyword-img-content:nth-child(3){
        transform: scale(0.7);
    }
    #comicContest .keyword-list-two .keyword-img-content:nth-child(1){
        transform: scale(0.5);
        margin: 0 -10px;
    }
    #comicContest .keyword-list-one .box-keyword{
        top: -120px;
        left: -95px;
        transform: scale(0.8);
    }
    #comicContest .keyword-face{
        top: -70px;
    }
    #comicContest .keyword-inset{
        right: -15%;
        transform: scale(0.42);
        bottom: -40px;
    }
    #comicContest .time-step-list .btn-content{font-size: 30px;padding:20px 5px}
    #comicContest .timeline-text{font-size: 30px;line-height: 44px}

    #comicContest .rules-num{padding-bottom: 0}
    #comicContest .rules-list-inset_4 .rules-num{padding-bottom: 0}

    /*winner*/
    #comicContest .prize-product-content{
        padding: 20px 0 0;
    }
    #comicContest .works-intro-content{
        padding: 20px 10px 20px 10px;
        border: 3px solid #000;
        margin-top: 40px;
    }
    #comicContest .prize-product-content .gold-icon {
        top: -20%;
        left: -13%;
        transform: scale(0.7);
    }
    #comicContest .prize-product-content .product-name{padding: 10px 0}
    #comicContest .under-tree-content .works-name{font-size: 20px}
    #comicContest .learn-more-button{width: 90%}
    #comicContest .judges-title-content{text-align: left;padding: 30px 10px 0}
    #comicContest .judges-title-content .illustration-img {
        position: absolute;
        top: -3%;
        right: 0;
    }
    #comicContest .judges-title-content .title-text{font-size: 22px}
    #comicContest .judges-thoughts-inner{padding: 20px}
    #comicContest .judges-text-list{display: inherit}
    #comicContest .judges-text-list p {
        font-size: 16px;
        padding: 20px 0;
    }
    #comicContest .prize-title-box .prize-title-text.Runner-Up-Prize{
        font-size: 26px;
    }
    #comicContest .prize-title-box .prize-title-text.third-prize{
        font-size: 30px;
    }
    /*winner end*/


    /*#comicContest .keyword-list-two .keyword-img-content:nth-child(1){*/
    /*    width: 55%;*/
    /*}*/
    /*#comicContest .keyword-list-two .keyword-img-content:nth-child(2){*/
    /*    width: 2%;*/
    /*}*/
        /*contest info end*/
}