.bg {
    height: 815px;
    background: url(./images/bg.e47f7f9a.png) no-repeat 50%;
    padding: 200px 0 0;
    min-width: 721px;
}

.supplement {
    font-size: 20px;
}

.bg p {
    width:820px;
    margin: 0 auto;
    line-height: 2;
    font-size: 16px;
    padding:0 44px;
    text-align:left;
}

.bg .divider {
    margin: 30px auto
}

.lightspot {
    height: 1239px;
    background: url(./images/lightsport.8aeead6a.png) no-repeat 50%;
    padding: 220px 0 0
}

.lightspot h2 {
    padding: 0;
    color: #fff;
    font-size: 30px
}

.lightspot h2, .lightspot p {
    line-height: 40px;
    text-align: left;
    width: 650px;
    margin: 0 auto
}

.lightspot p {
    font-size: 20px;
    color: #8af9e9
}

.lightspot p i {
    font-size: 50px;
    color: #ffc600;
    font-weight: 600
}

.lightspot p + h2 {
    margin: 40px auto 0
}

.lightspot .special {
    line-height: 70px
}

.p1 img {
    display: block;
    margin: 60px auto 0
}

.p1 img + img {
    margin-top: 60px
}

.p1 .box {
    border-radius: 20px;
    background: hsla(0, 0%, 100%, .5);
    padding: 30px 70px;
    max-width: 1230px;
    margin: 60px auto 0;
    width: 80%;
    position: relative
}

.p1 .box img {
    position: absolute
}

.p1 .box .bird-1 {
    top: 40px;
    right: -160px
}

.p1 .box .bird-2 {
    top: 240px;
    left: -200px
}

.p1 .box p {
    font-size: 18px;
    text-align:left;
}

.p1 .box ul {
    padding: 30px 0 0
}

.p1 .box li {
    color: #085d56;
    font-size: 18px
}

.p1 .box li i {
    color: #a80c26;
    font-size: 20px
}

.p1 .box li:nth-of-type(2n) {
    margin-bottom: 30px
}

.rewards img {
    display: block;
    margin: 40px auto 0
}

.rewards .wrap {
    overflow: hidden;
    width: 975px;
    margin: 40px auto 0
}

.rewards .item {
    float: left;
    width: 325px;
    height: 460px;
    background: url(./images/bg-rewards.e43ab3fa.png) no-repeat 0 0;
    padding: 180px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.rewards .item h2, .rewards .item span {
    color: #085d56
}

.rewards .item h2 {
    font-size: 24px;
    text-align: center;
    margin: 0 0 20px
}

.rewards .item span {
    font-size: 18px;
    width: 200px;
    line-height: 32px;
}

.rewards .item-2 {
    background: url(./images/bg-rewards.e43ab3fa.png) no-repeat -325px 0
}

.rewards .item-3 {
    background: url(./images/bg-rewards.e43ab3fa.png) no-repeat -650px 0
}

.rewards .item-4 {
    height: 420px;
    padding: 130px 0 0;
    background: url(./images/bg-rewards.e43ab3fa.png) no-repeat 0 -460px
}

.rewards .item-5 {
    height: 420px;
    padding: 130px 0 0;
    background: url(./images/bg-rewards.e43ab3fa.png) no-repeat -325px -460px
}

.rewards .item-6 {
    height: 420px;
    padding: 130px 0 0;
    background: url(./images/bg-rewards.e43ab3fa.png) no-repeat -650px -460px
}

.p2 img {
    display: block;
    margin: 40px auto
}

.p2 .flex {
    display: flex;
    align-items: center
}

.p2 .box.text {
    padding: 50px 40px
}

.p2 .box.text > p {
    margin: 30px 0
}

.p2 .box.text h2 {
    color: #085d56;
    margin: 0 0 30px;
}

.p2 .box.text .text-fixed{
    position: absolute;
    left: 40px;
    top: 100px;
}

.ss.flex {
    align-items: stretch;
}

.p2 .box.text .fu-imgs {
    flex: 0 0 calc(43.5% - 16px);
    margin: 0 32px 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.p2 .box.text .fu-imgs-1 {
    flex: 0 0 calc(56.5% - 16px);
    margin: 0 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.p2 .box.text .fu-imgs-1 img {
    width: 100%
}

.p2 .box.text .fu-imgs-1 img + img {
    margin: 30px 0 0;
}

.p2 .box.text .fu-imgs img {
    width: 100%
}

.p2 .box.text .fu-imgs .n {
}

.p2 .box.text .fu-imgs img + img {
    margin-top: 30px
}

.p2 .box.text .fu-imgs .w + .n {
    float: right
}

.p2 .box.text .fu-imgs + .fu-imgs {
    margin-left: 30px
}

.p2 .box.text .imgs {
    justify-content: space-between
}

.p2 .box.text .imgs img {
    width: 45.84%;
    flex: 0 1 45.84%
}

.p2 .box.text .imgs img + img {
    flex: 0 1 51.78%
}

.p2 .box.text img {
    margin: 0
}

.p2 .box.text img.ml {
    margin-left: 30px
}

.p2 .box.text img.mr {
    margin-right: 30px
}

.p2 .box.text p {
    line-height: 30px;
    font-size: 18px
}

.p2 .box {
    border-radius: 20px;
    background: hsla(0, 0%, 100%, .5);
    padding: 30px 100px;
    max-width: 1230px;
    margin: 60px auto 0;
    width: 70%;
    position: relative;
    float: none;
    font-size: 18px;
}

.p2 .box button {
    background: #085d56;
    color: #fff;
    display: block;
    margin: 40px auto;
    border: 0;
    font-size: 18px;
    width: 325px;
    height: 56px;
    border-radius: 4px
}

.p2 .box i {
    color: #a80c26;
    font-size: 32px;
    font-weight: 500
}

.p2 .box.left {
    text-align: left
}

.p2 .box dd, .p2 .box dt {
    padding: 0 0 0 50px;
    margin: 0
}

.p2 .box dt {
    color: #085d56;
    position: relative;
    margin: 30px 0 0
}

.p2 .box dt i {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #085d56;
    color: #fff;
    border-radius: 50%;
    font-size: 18px;
    text-align: center
}

.p2 .link {
    border: 1px solid #085d56;
    border-radius: 29px;
    overflow: hidden;
    align-items: stretch;
    height: 62px
}

.p2 .link a {
    line-height: 60px;
    color: #333
}

.p2 .link > div {
    background: #f0f0f0;
    flex: 1 0 1px
}

.p2 .link .p2-button {
    height: 60px;
    flex: 0 0 182px;
    margin: 0;
    background: #085d56 url(./images/search.52249b87.png) no-repeat 20px 16px;
    border-radius: 0;
    color: #fff;
}

.p3 > img {
    display: block;
    margin: 40px auto
}

.p3 .box {
    border-radius: 20px;
    background: hsla(0, 0%, 100%, .5);
    padding: 68px 100px;
    max-width: 1230px;
    margin: 60px auto 0;
    width: 70%;
    position: relative;
    text-align: left;
    font-size: 18px;
}

.p3 li + li {
    margin: 30px 0 0
}

.p3 li {
    position: relative;
    padding: 0 0 0 30px
}

.p3 li i {
    position: absolute;
    color: #fff;
    left: 0;
    top: 4px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: #085d56;
    border-radius: 50%;
    font-size: 18px;
    text-align: center
}

.p3 li a{
    color: inherit;
}

.p3 .org {
    display: flex
}

.p3 .org h2{
    position: relative;
}
.p3 .org h2:before{
    content:"";
    width:10px;
    height:10px;
    background:#2c3e50;
    border-radius:50%;
    position:absolute;
    left:-30px;
    top:50%;
    margin-top:-5px;
}

.p3 .org > div {
    flex: 0 0 50%;
    padding: 0 15px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.p3 .org > div + div {
    padding: 0 0 0 15px
}

.p3 .flex {
    display: flex
}

.p3 .c-footer {
    margin: 50px 0 0;
    padding: 44px 0;
    color: #fff;
    background: #065343;
    font-size: 20px;
}

.p3 .c-footer .wrap {
    width: 740px;
    margin: 0 auto
}

.p3 .c-footer .flex > div {
    flex: 0 0 50%;
    text-align: left
}

.p3 .c-footer p {
    width: 268px;
    margin: 0 auto;
    white-space: nowrap;
}

#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    overflow: hidden
}

#app, #app > div {
    position: relative
}

#app > img.bg {
    position: absolute;
    /*width: 1920px;*/
    /*height: 1200px;*/
    width: 100%;
    left: 0;
    top: 0;
    padding: 0
}

#app .bg1 {
    top: 0
}

#app .bg2 {
    transform: translateY(100%);
}

#app .bg3 {
    transform: translateY(200%);
}

#app .bg4 {
    transform: translateY(300%);
}

#app .bg5 {
    transform: translateY(400%);
}

#app .bg6 {
    transform: translateY(500%);
}

#app .bg7 {
    transform: translateY(600%);
}

#app .bg8 {
    transform: translateY(700%);
}

#app .bg9 {
    transform: translateY(800%);
}

#app .bg10 {
    transform: translateY(900%);
}

#app .bg11 {
    transform: translateY(1000%);
}

#app .bg12 {
    transform: translateY(1100%);
}

#app .bg13 {
    transform: translateY(1200%);
}

#app .bg14 {
    transform: translateY(1300%);
}

#app .bg15 {
    transform: translateY(1400%);
}

#app .bg16 {
    transform: translateY(1500%);
}

#app .bg17 {
    transform: translateY(1600%);
}

* {
    box-sizing: border-box
}

button {
    cursor: pointer
}

a {
    text-decoration: none
}

dd, dt, h2, li, p, ul {
    padding: 0;
    margin: 0;
    line-height: 1.8
}

i {
    font-style: normal
}

li {
    list-style: none
}

div.content-contest-detail .tabs_wrapper {
    background: #308B7E;
    margin: 0;
    padding: 20px 0 0;
}

div.content-contest-detail .tabs_wrapper .px_tabs > li {
    width: 130px;
    height: 40px;
    margin-bottom: 18px;
}

div.content-contest-detail .tabs_wrapper .px_tabs > li a {
    width: 130px;
    height: 40px;
    border: 2px solid white;
    border-radius: 4px;
    color: #fff;
    background: #085d56;
    line-height: 36px;
    padding: 0;
    margin: 0;
}

div.content-contest-detail .tabs_wrapper .px_tabs > li:hover a {
    color: #fff;
}

div.content-contest-detail .tabs_wrapper .px_tabs > li.active a {
    color: #085d56;
    background: #fff;
}

div.content-contest-detail .tabs_wrapper .px_tabs > li.active:hover a {
    color: #085d56;
    background: #fff;
}

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

#app2 {
    display: none;
}

@media screen and (max-width: 600px) {
    dd, dt, h2, li, p, ul {
        line-height: 1.4;
        font-size: .24rem;
    }

    #app {
        display: none;
    }

    body {
        padding: 0;
        margin: 0;
    }

    #app2 {
        display: block;
        background: url("./images/h5/repeat.jpg") repeat-y center 15.33333rem;
    }

    .h1 {
        background: url("./images/h5/h1.jpg") no-repeat 0 0 / cover;
        height: 135.2vw;
        padding: 1.6rem .56rem 0;
    }

    .h1 p {
        font-size: .24rem;
        line-height: .4rem;
        margin-bottom:0.5rem;
    }

    .h2 {
        background: url("./images/h5/h2.jpg") no-repeat 0 0 / cover;
        padding: .32rem .56rem 0.5rem .56rem;
    }

    .h2 i {
        font-size: .6rem;
        color: #ffc600;
    }

    .h2 h2 {
        font-size: .3rem;
        color: white;
        padding: 0 0 .14rem;
    }

    .h2 p {
        font-size: .22rem;
        color: #8af9e9;
        line-height: .3rem;
    }

    .h2 p + h2 {
        padding: .36rem 0 .16rem;
    }

    .h3 {
        background: url("./images/h5/h3.png") no-repeat 0 0 / cover;
        height: 108.6666667vw;
        padding: 2.2rem 0 0;
    }

    .h-box {
        font-size: .22rem;
        background: rgba(255, 255, 255, .5);
        padding: .36rem;
        border-radius: .3rem;
        width: 93.33333vw;
        margin: 0 auto;
    }

    .h-box p {
        font-size: .24rem;
        line-height: .36rem;
    }

    .ht-people {
        height: .9rem;
        margin: .56rem auto .4rem;
        display: block;
    }

    .ht-time {
        height: .57rem;
        margin: .8rem auto .4rem;
        display: block;
    }

    .h-box.time {
        text-align: center;
    }

    .h-box.time p {
        color: #085d56;
    }

    .h-box.time i, .h-stand i {
        color: #a80c26;
    }

    .h-stand i {
        font-size: .36rem;
    }

    .ht-extra, .ht-rewards, .ht-stand, .ht-require, .ht-require-s, .ht-org {
        height: .9rem;
        margin: .4rem auto .4rem;
        display: block;
    }

    .ht-ip {
        display: block;
        height: 1.35rem;
        margin: .4rem auto .4rem;

    }

    .h-extra p + p {
        margin-top: .3rem;
    }

    dt {
        color: #085d56;
        font-size: .28rem;
        line-height: .5rem;
        padding: 0 0 0 .5rem;
        position: relative;
    }

    .h-box dt i {
        position: absolute;
        left: 0;
        top: .08rem;
        background: #085d56;
        color: white;
        width: .36rem;
        height: .36rem;
        line-height: .36rem;
        border-radius: 50%;
        text-align: center;
        font-size: .24rem;
    }

    dd {
        padding: 0 0 0 .5rem;
        font-size: .28rem;
        line-height: .5rem;
    }

    dd + dt {
        margin: .3rem 0 0;
    }

    .h-ip p + p {
        margin: .3rem 0 0;
    }

    .h-box h3, .h-box h4 {
        color: #085d56;
        margin: .3rem 0;
        text-align: center;
        font-size: .3rem;
    }

    .h-box h4 {
        text-align: left;
    }

    .h-ip-2 {
        margin: .5rem auto 0;
    }

    .h-ip-2 img {
        width: 100%;
    }

    .h-ip-2 p {
        margin: .3rem 0 0;
    }

    .h-ip-3 {
        margin: .3rem auto 0;
    }

    .h-ip-3 > img {
        width: 100%;
        display: block;
    }

    .h-ip-3 .flex {
        margin: .1rem 0;
        display: flex;
    }

    .h-ip-3 .flex img {
        width: calc(50vw - .06rem - .3rem - .36rem);
        height: calc(50vw - .06rem - .3rem - .36rem);
    }

    .h-ip-3 .flex img + img {
        margin-left: .12rem;
    }

    .h-require-s dt {
        color: #333;
    }

    .h-require-s dd + dt, .h-require-s dt + dt {
        margin-top: .3rem;
    }

    .h-org {
        padding: .64rem 1rem;
    }

    .h-org h2 {
        font-size: .32rem;
        position: relative;
    }

    .h-org h2:before {
        position: absolute;
        top: 50%;
        left: -.3rem;
        width: .1rem;
        height: .1rem;
        background: #333;
        content: "";
        border-radius: 50%;
        transform: translateY(-50%);
    }

    .h-org h2 + p {
        margin-top: .2rem;
    }

    .h-org p {
        font-size: .24rem;
        line-height: .362rem;
    }

    .h-org p + h2 {
        margin-top: .3rem;
    }

    .h-footer {
        font-size: .24rem;
        background: #12796e;
        color: white;
        padding: .6rem 0;
        margin: .72rem 0 0;
    }

    .h-footer .wrap{
        width:70%;
        margin: 0 auto;
    }

    .h-footer .flex {
        display: block;
    }

    .h-footer h2 {
        text-align: left;
        padding: 0 0 .4rem;
    }

    .h-footer p {
        line-height: 1.6;
        opacity:0.8;
    }

    .supplement {
        font-size: .24rem;
        color: #085d56;
        text-align: center;
        margin: .1rem 0 .5rem;
    }

    .h-rewards {
        font-size: .24rem;
        display: flex;
        flex-wrap: wrap;
        background: url("./images/h5/h-rewards-bg.png") no-repeat 0 0 / contain;
        height: 82.27vw;
    }

    .h-rewards div {
        text-align: center;
        flex: 0 0 33.3333333%;
        padding: 1.5rem .4rem 0;
    }

    .h-rewards div:nth-of-type(4),
    .h-rewards div:nth-of-type(5),
    .h-rewards div:nth-of-type(6) {
        padding: 1.3rem .4rem 0;
    }

    .h-rewards h2 {
        font-size: .26rem;
    }

    .h-rewards h2 + p {
        margin: .1rem 0 0;
    }

    .h-rewards p {
        font-size: .14rem;
        line-height: .24rem;
    }

    div.content-contest-detail .tabs_wrapper .px_tabs > li {
        width: 1.3rem;
        height: .4rem;
        margin: 0 .3rem .3rem;
    }

    div.content-contest-detail .tabs_wrapper .px_tabs > li a {
        width: 1.3rem;
        font-size: .24rem;
        height: .4rem;
        line-height: .4rem;
        border: 0;
    }
}

.content-contest-detail .contest-head-infor, .contest-head-infor-region {
    background: #308B7E;
}

.contest-head-infor-region {
    border-top: 1px solid transparent
}

.topDiv.headImg {
    background: url(http://img.shijue.me/08b3922…_d.jpg!dp2) no-repeat center / cover;
}

.m-0-auto {
    margin: 0 auto;
}

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