canvas {
    background: red;
}

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.marginauto {
    margin-left: auto;
    margin-right: auto;
}

.flex {
    display: flex;
}

h2, h3, h4, p {
    font-weight: 400;
    margin: 0;
}

body {
    background: #003167;
    min-width: 1054px;
}

.xiaofang {
    padding-top: 142px;
}

.xiaofang h2 {
    font-size: 26px;
    margin: 0 auto;
    width: 160px;
    height: 50px;
    line-height: 50px;
    background: #FFA90E;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 0 12px;
    position: relative;
    z-index: 1;
}

.bg {
    position: relative;
    width: 910px;
    margin: 0 auto 107px;
    padding: 0 0 10px;
}

.bg .wrap, .xiaofang .content .wrap, .requirement .wrap {
    position: relative;
    width: 910px;
    margin: -25px auto 0;
}

.bg img {
    position: absolute;
}

.bg .img1 {
    top: -82px;
    left: -102px;
}

.bg .img2 {
    bottom: -168px;
    right: -64px;
}

.bg h2 {
}

.bg .shadow, .xiaofang .content .shadow, .requirement .shadow, .organization .shadow {
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 100%;
    height: 100%;
    background: #437ec3;
    border-radius: 6px;
}

p {
    font-size: 18px;
    line-height: 30px;
}

.bg .shadow + p, .xiaofang .content .shadow + p {
    position: relative;
    padding: 74px;
    background: white;
    border-radius: 6px;
    font-size: 18px;
    line-height: 30px;
}

.target {
    width: 908px;
}

.target .wrap {
    margin-top: -25px;
    padding: 27px 48px 23px 79px;
    background: #0254B7;
    align-items: center;
    color: white;
}

.target .p1 {
    width: 257px;
    margin: 0 38px 0 17px;
}

.target .p2 {
    margin: 0 0 0 17px;
    width: 235px;
}

.target .line {
    height: 164px;
    border-left: 1px dashed #ccc;
    margin: 0 38px 0 0;
}

.category {
    margin-top: 84px;
}

.category p {
    color: white;
    text-align: center;
    padding: 32px 0 40px;
}

.progress {
    background: white;
    position: relative;
    padding: 57px 0 76px;
}

.img-wrap {
    width: 372px;
    height: 305px;
    position: absolute;
    top: -186px;
    left: 50%;
    margin-left: -512px;
}

.img-wrap img {
    position: absolute;
}

.extinguisher {
    top: 0;
    right: 0;
}

.smoke {
    bottom: 0;
    left: 0;
}

.progress .wrap {
    position: relative;
    width: 908px;
    height: 238px;
}

.progress .wrap > * {
    position: absolute;
}

.road {
    left: 94px;
    top: 70px;
}

.light {
    right: 37px;
    top: 0;
}

.progress .wrap > i {
    width: 36px;
    height: 36px;
    background: white;
    border: 7px solid #004fa9;
    border-radius: 50%;
}

.progress .wrap .c1 {
    top: 54px;
    left: 76px;
}

.progress .wrap .c2 {
    top: 138px;
    left: 309px;
}

.progress .wrap .c3 {
    top: 54px;
    left: 530px;
}

.progress .wrap h3, .progress .wrap p {
    font-size: 24px;
    line-height: 33px;
}

.progress .wrap p {
    font-size: 20px;
}

.progress .wrap .t1 {
    top: 106px;
    left: 49px;
}

.progress .wrap .t2 {
    top: 29px;
    left: 279px;
}

.progress .wrap .t3 {
    top: 102px;
    left: 503px;
}

.progress .wrap .t4 {
    top: 162px;
    left: 764px;
}

.progress .wrap .time1 {
    top: 149px;
    left: 0;
}

.progress .wrap .time2 {
    top: 62px;
    left: 236px;
}

.progress .wrap .time3 {
    top: 145px;
    left: 457px;
}

.progress .wrap .time4 {
    top: 205px;
    left: 715px;
}

.xiaofang div.content {
    position: relative;
    width: 910px;
    margin: 98px auto 0;
}

.xiaofang .content p {
    line-height: 2;
}

.xiaofang .content p span {
    display: inline-block;
    padding: 6px 12px;
    background: #FFA90E;
    border-radius: 4px;
    line-height: 1;
}

.xiaofang .content img {
    position: absolute;
    top: -53px;
    left: -26px;
}

.reward {
    margin: 79px auto 0;
    width: 884px;
}

.reward .wrap {
    width: 884px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 48px auto 0;
}

.reward .wrap > div {
    background: #0254B7;
    border-radius: 12px;
    color: white;
}

.reward .wrap > .reward-top {
    width: 250px;
    height: 366px;
}

.reward .wrap > .reward-top {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reward .wrap > .reward-encourage {
    display: flex;
    margin-top: 66px;
    width: 404px;
    height: 190px;
    align-items: center;
    justify-content: center;
}


.reward .wrap > .reward-top h3 {
    line-height: 66px;
    font-size: 47px;
    margin-top: 36px;
}

.reward .wrap > div h4 {
    line-height: 45px;
    font-size: 32px;
    text-align: center;
}

.reward .wrap > .reward-top h4 {
    margin-top: 14px;
}

.reward .wrap > div p {
    background: url("data:image/png;base64,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") no-repeat center /contain;
    font-size: 16px;
    width: 129px;
    height: 96px;
    line-height: 96px;
    text-align: center;
}

.reward .wrap > .reward-top p {
    margin-top: 13px;
}

.reward .wrap > .reward-top div {
    line-height: 45px;
    font-size: 32px;
    margin-top: 16px;
}

.reward .wrap > .reward-encourage h4 + div {
    line-height: 45px;
    font-size: 32px;
    text-align: center;
    margin-top: 5px;
}

.reward .wrap > .reward-encourage i {
    height: 165px;
    border-left: 1px dashed black;
    margin: 0 39px;
}

.reward .wrap > .reward-encourage span {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px;
}

.reward .wrap > .reward-encourage span.add {
    height: 12px;
    margin: -20px 0 20px;
}

.reward .text {
    margin-top: 56px;
    color: white;
    font-size: 18px;
    line-height: 30px;
}

.requirement {
    margin-top: 76px;
    position: relative;
    padding: 0 0 10px;
}

.requirement .wrap .list {
    background: white;
    position: relative;
    z-index: 1;
    border-radius: 8px;
    padding: 74px;
}

.requirement h2 {
    position: relative;
    z-index: 2;
}

.requirement .wrap h3, .title {
    color: black;
    width: 112px;
    background: #FFA90E;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    font-size: 20px;
    margin: 20px 0;
}

.requirement .wrap p {
    font-size: 18px;
    line-height: 30px;
}

.requirement .wrap p + h3 {
    margin: 20px 0;
}

.example {
    color: white;
    margin: 91px auto 0;
    width: 908px;
}

.example .wrap {
    background: #0254B7;
    height: 480px;
    margin-top: -25px;
    position: relative;
    padding: 69px 69px 0;
}

.example .wrap > img {
    position: absolute;
    top: -80px;
    left: -20px;
}

.example h2 {
    width: 212px;
}

.example h3 {
    line-height: 30px;
    font-size: 18px;
}

.example p {
    /*margin-bottom: 30px;*/
}

.example p + h3 {
    margin: 30px 0 0;
}

.example p a {
    background: #fe9d31;
    color: #e7131b;
}

.example h3 + .flex {
    margin: 28px 0 0;
    justify-content: center;
    align-items: center;
}

.example h3 + .flex div {
    width: 215px;
    height: 215px;
    background: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.example h3 + .flex div + div {
    margin-left: 173px;
}

.upload-requirement {
    margin: 74px 0 0;
    padding: 74px 0;
    background: white;
    position: relative;
}

.upload-requirement .img-wrap {
    right: 50%;
    left: auto;
    margin-right: -470px;
}

.upload-requirement .wrap {
    width: 776px;
    margin: 60px auto 0;
}

.organization {
    margin: 88px auto 0;
    width: 920px;
}

.organization .wrap {
    position: relative;
    margin-top: -25px;
}

.organization .img1, .organization .img2 {
    position: absolute;
}

.organization .img1 {
    left: 14px;
    top: -94px;
}

.organization .img2 {
    right: 88px;
    bottom: -146px;
}

.organization .shadow + div {
    padding: 70px;
    position: relative;
    background: white;
    border-radius: 6px;
}

.copyright {
    margin-top: 74px;
}

.copyright .wrap {
    width: 908px;
    background: #004fa9;
    color: white;
    margin: -25px auto 0;
    padding: 70px;
}

.advisory {
    padding: 88px 0 215px;
    color: white;
}

.advisory .wrap {
    width: 672px;
    margin: 40px auto;
    align-items: center;
}

.advisory .wrap img {
}

.advisory .wrap img + div {
    padding: 36px;
}

.advisory h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 30px;
}

.road2 {
    display: none;
}

@media screen and (max-width: 600px) {
    .xiaofang {
        padding-top: 12vw;
    }

    .bg {
        width: 100vw;
    }

    h2 + .wrap, .bg .wrap, .target .wrap, .xiaofang .content .wrap, .example .wrap, .copyright .wrap {
        margin-top: -18px;
    }

    .bg .wrap {
        width: calc(100vw - 24px);
    }

    .bg .shadow + p, .xiaofang .content .shadow + p {
        padding: 8vw;
        font-size: 14px;
    }

    .bg .img1 {
        width: 25vw;
        left: 0;
        top: -10vw;
    }

    .bg .img2 {
        width: 18vw;
        bottom: -16vw;
        right: 0;
    }

    .target {
        width: calc(100vw - 24px);
    }

    .target .wrap {
        padding: 5vw 10vw 8vw;
        flex-direction: column;
    }

    .target img {
        height: 32vw;
        width: auto;
        margin: -4vw;
    }

    .target .line {
        width: 100%;
        height: 0;
        border-bottom: 1px dashed white;
        margin: 8vw 0 0;
    }

    .progress {
        /*padding: 10vw 0;*/
    }

    .progress .wrap {
        width: 100%;
        height: 637px;
    }

    .progress .wrap h3, .progress .wrap p {
        font-size: 16px;
        line-height: 24px;
    }

    .road {
        display: none;
    }

    .road2 {
        display: block;
        left: 50%;
        top: 50px;
        width: 90px;
        height: 450px;
    }

    .light {
        top: 500px;
        right: calc(50% - 46px);
        width: 18vw;
    }

    .progress .wrap .t4 {
        top: 582px;
        left: calc(50% - 22px);
    }

    .progress .wrap .time4 {
        top: 602px;
        left: calc(50% - 50px);
    }

    .progress .wrap .c1 {
        left: calc(50% + 56px);
        top: 45px;
    }

    .progress .wrap .c2 {
        left: calc(50% + 2px);
        top: 178px;
    }

    .progress .wrap .c3 {
        left: calc(50% + 56px);
        top: 339px;
    }

    .progress .wrap .t1 {
        top: 41px;
        left: calc(50% - 55px);
    }

    .progress .wrap .time1 {
        top: 65px;
        left: calc(50% - 90px);
    }

    .progress .wrap .t2 {
        top: 168px;
        left: calc(50% + 60px);
    }

    .progress .wrap .time2 {
        top: 192px;
        left: calc(50% + 40px);
    }

    .progress .wrap .t3 {
        top: 325px;
        left: calc(50% - 50px);
    }

    .progress .wrap .time3 {
        top: 345px;
        left: calc(50% - 80px);
    }

    .xiaofang .content {
        width: 100vw;
    }

    .xiaofang .content .img1 {
        width: 16vw;
        top: -20vw;
        left: 2vw;
    }

    .xiaofang .content .wrap {
        width: calc(100vw - 22px);
        margin-left: 10px;
    }

    .reward {
        width: 100vw;

    }

    .reward .wrap {
        width: 100vw;
        justify-content: space-around;
    }

    .reward .wrap > .reward-top {
        width: 29%;
        height: 254px;
    }

    .reward .wrap > .reward-top p {
        margin: 5vw auto 0;
        width: 90%;
        font-size: 14px;
    }

    .reward .wrap > .reward-top h3 {
        line-height: 1;
        font-size: 20px;
        margin-top: 36px;
    }

    .reward .wrap > div h4 {
        line-height: 1;
        font-size: 16px;
    }

    .reward .wrap > .reward-top div {
        line-height: 1;
        font-size: 14px;
    }

    .reward .wrap > .reward-encourage {
        width: 46.75%;
        margin-top: 5vw;
    }

    .reward .wrap > .reward-encourage h4 {
        font-size: 16px;
        text-align: center;
    }

    .reward .wrap > .reward-encourage h4 + div {
        line-height: 1;
        font-size: 14px;
    }

    .reward .wrap .reward-encourage > div:nth-of-type(1) {
        width: 60px;
        margin: 0 2vw;
        text-align: center;
    }

    .reward .wrap > .reward-encourage i {
        margin: 0;
    }

    .reward .wrap > .reward-encourage p {
        width: 25vw;
        margin: 0 2vw;
        font-size: 12px;
    }

    .reward .wrap > .reward-encourage span {
        font-size: 12px;
    }

    .reward .text {
        padding: 0 6vw;
        margin: 8vw 0 0;
    }

    .progress {
        margin-top: 10vw;
    }

    .progress .img-wrap {
        left: auto;
        right: 0;
        top: 0;
        /*top: 0;*/
        /*margin:0;*/
        /*z-index: 20;*/
        transform: translate(18%, -50%) scale(.5);
        margin-left: 0;
    }

    .requirement {
        margin-top: 10vw;
    }

    .requirement .wrap {
        width: calc(100vw - 24px);
        margin: -18px 12px 0;
    }

    .requirement .wrap .list {
        padding: 8vw;
    }

    .requirement .wrap .list p {
        font-size: 14px;
    }

    .example {
        width: 100vw;
    }

    .example.marginauto h2 {
        width: 168px;
    }

    .example .wrap {
        height: auto;
        width: 100vw;
        padding: 12vw 8vw;
    }

    .example .wrap h3, .example .wrap p {
        font-size: 14px;
    }

    .example p {
        margin: 0 0 4vw;
    }

    .example .wrap > img {
        width: 18vw;
        top: 0;
        left: 0;
        transform: translateY(-50%);
    }

    .example h3 + .flex div {
        width: 30vw;
        height: 30vw;
    }

    .example h3 + .flex div img {
        transform: scale(.6);
    }

    .example h3 + .flex div + div {
        margin-left: 20vw;
    }

    .upload-requirement {

    }

    .upload-requirement .img-wrap {
        left: auto;
        right: 0;
        top: 0;
        transform: scale(.5) translate(30%, -100%);
        margin: 0;
    }

    .upload-requirement {
        padding: 10vw 0 0;
        width: 100vw;
    }

    .upload-requirement .wrap {
        padding: 6vw 2vw;
        width: 90vw;
        margin: 0 5vw;
    }

    .organization {
        width: 100vw;
    }

    .organization .wrap {
        width: calc(100vw - 22px);
        margin: -18px 10px 0;
    }

    .organization .img1 {
        width: 18vw;
        top: 0;
        left: 5vw;
        transform: translateY(-50%);
    }

    .organization .img2 {
        width: 18vw;
        bottom: 0;
        right: 5vw;
        transform: translateY(50%);
    }

    .organization .shadow + div {
        padding: 10vw 8vw 12vw;
    }

    .organization .shadow + div p {
        font-size: 14px;
    }

    .copyright .wrap {
        width: 100vw;
        padding: 8vw;
    }

    .copyright .wrap p {
        font-size: 14px;
    }

    .advisory {
        padding: 12vw 0 0;
    }

    .advisory img {
        width: 40vw;
        height: 40vw;
    }

    .advisory .wrap {
        flex-direction: column;
        align-items: center;
        width: 100vw;
        margin: 8vw 0;
    }

    .advisory .wrap img + div {
        padding: 8vw;
    }

    .advisory h3 {
        font-size: 20px;
        text-align: center;
        margin: 0 0 4vw;
    }

    .advisory p {
        font-size: 14px;
        margin: 0 6vw;
        line-height: 1.6;
    }

    .xiaofang h2 {
        font-size: 20px;
        height: 36px;
        line-height: 36px;
        width: 120px;
        padding: 0;
    }

    .requirement .wrap h3, .title {
        font-size: 16px;
        line-height: 28px;
        width: 98px;
        margin: 6vw 0;
    }

    p {
        font-size: 14px;
        line-height: 1.6;
    }


    body {
        min-width: 0;
    }

    .xiaofang {
        width: 100vw;
        overflow: hidden;
    }

    .content-contest-detail .tabs_wrapper .px_tabs {
        flex-wrap: wrap;
    }

    .content-contest-detail .tabs_wrapper .px_tabs > li {
        margin-top: 20px;
    }
}

.content-contest-detail .contest-head-infor .contest-time {
    color: white;
}

.content-contest-detail .tabs_wrapper {
    border: 0;
}

.content-contest-detail .tabs_wrapper .px_tabs {
    display: flex;
    justify-content: center;
    border: 0;
}

.content-contest-detail .tabs_wrapper .px_tabs > li {
    width: 137px;
    height: 48px;
    line-height: 44px;
    float: left;
    border: 2px solid #0254B7;
    background: white;
    text-align: center;
    list-style: none;
    font-size: 18px;
    box-shadow: 5px 5px 0 0 #437ec3;
}

.content-contest-detail .tabs_wrapper .px_tabs > li a {
    padding: 0;
    width: inherit;
    height: inherit;
    line-height: inherit;
    float: left;
}

.content-contest-detail .tabs_wrapper .px_tabs > li.active {
    border: 1px solid #ED2617;
    background: #ED2617;
    color: white;
    box-shadow: 5px 5px 0 0 #820b0f;
}

.content-contest-detail .tabs_wrapper .px_tabs > li.active a {
    color: white;
}

.content-contest-detail .contest-head-infor .contest-action-region .style-upload {
    background: #ED2617;
    border-color: #ED2617;
}