body{
            background: #fff;
        }
        .artboard-classify .artboard-classify-main {
            overflow: hidden;
            margin-bottom: 38px;
            /* background: #fff; */
        }
        .artboard-classify .artboard-classify-main .artboard-classify-project .artboard-classify-detail .artboard-classify-detail-level span{
    font-size: 14px;
    color: #4a4a4a;
}
        .dream-container{
         background: #FFD446 url('/assets/images/dream/bg.jpg')center no-repeat;
         /* padding-top: 75px; */
            /* background-position-y: 75px; */
            margin-top:-570px;
            position:relative;
            border-top:1px solid transparent;
            padding-bottom: 350px;
        }
        .artboard-classify .artboard-classify-main .artboard-classify-project+.artboard-classify-project{
            text-align: left;
        }
        .dream-container .top-10{
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 0;
            z-index:10;
        }
        .dream-rank-box{
            width:1212px;
            margin:0 auto;
            border-top:1px solid transparent;
        }
        .dream-rank-box li{
            display: inline-block;
            vertical-align: top;
            text-align: center;
            margin-right:36px;
        }
        .rank-id{
            font-size:22px;
            font-family:Source Han Sans CN;
            font-weight:bold;
            color:rgba(64,32,158,1);
            line-height:26px;
            text-shadow:2px 0px 0px rgba(255,213,69,1);
            position: absolute;
            bottom:5px;
            display:block;
            left: 0;
            right: 0;
        }
        .exchange-container{
            width: 1200px;
            margin: 0 auto;
            padding-top: 50px;
            text-align: center;

        }
        .exchange-box {
            margin-top:63px;
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
        }
        .exchange-box li+li{
            margin-left:20px;
        }
        .dream-avatar{
            background: url('/assets/images/dream/avatar.png')center center no-repeat;
            width: 200px;
            height:232px;
            position: relative;
            text-align: center;
            margin-bottom:16px;
            padding-top:10px;
        }
        .dream-avatar img{
            width: 180px;
            height: 180px;
            display: block;
            border-radius: 50%;
            background: pink;
            display: block;
            margin-left: 10px;
        }
        .dream-introduction span{
            display: block;
            font-size:14px;
            font-family:Source Han Sans CN;
            font-weight:bold;
            color:rgba(64,32,158,1);
            line-height:22px;
        }
        .dream-project-container{
            position: relative;
            text-align:center;
            margin-top: -85px;
        }
        .dream-content-box{
            position: absolute;
            top: 425px;
            left: 0;
            right: 0;
            margin: 0 auto;
        }
        .dream-rules{
            font-size: 20px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: rgba(64,32,158,1);
            line-height: 36px;
            padding-top: 375px;
            text-align: left;
            width: 1200px;
            margin: 0 auto;
        }
        .dream-rules span{
            font-size: 24px;
            font-weight: bold;
        }
        .dream-rules p{
            font-size:20px;
            font-family:Source Han Sans CN;
            font-weight:500;
            line-height:36px;
        }
        .dream-rules span, .dream-rules p{
            display: inline-block;
            vertical-align: top;
        }
        .dream-src-box{
            /* position: absolute;
            bottom:0; */
            padding-top:60px;
            height:400px;
        }
        .src-slide img+img{
            margin-left:20px;
        }
        .main-box{
            width:1200px;
            margin:0 auto;
        }
        .title-container{
            width:100%;
            /* height:908px; */
            background:#fff;
            text-align: center;
        }
        .title-main{
            text-align: center;
        }
        .title-main img+img{
            margin-left: 60px;
        }

        .src-bg{
            width:1200px;
            margin: 0 auto;
            height:176px;
            background:url('/static/marathon/new_img/src_title.png')center no-repeat;
            background-size:cover;
            padding-top: 80px;
            text-align: left;
            padding-left: 395px;
        }
        .src-bg h2{
            font-weight: bold;
            font-size: 16px;
            line-height: 32px;
            letter-spacing: 1px;
        }
        .common-rank-box{
            width:343px;
            height:268px;
        }
        .special-rank-box{
            width:396px;
            height:289px;
            margin:0 41px;
            background:url('/static/marathon/new_img/top1.png')center center no-repeat;
        }
        .special-rank-box .rank-avatar{
            display: block;
            width: 102px;
            height: 104px;
            background: pink;
            margin-top: 16px;
            margin-left: 120px;

        }
        .rank-top2-box .rank-avatar{
            margin-top: 32px;
            margin-left: 104px;
        }
        .rank-top3-box .rank-avatar{
            margin-top: 32px;
            margin-left: 105px;
        }
        .rank-top2-box{
            background:url('/static/marathon/new_img/top2.png')center 21px no-repeat;

        }
        .rank-top3-box{
            background:url('/static/marathon/new_img/top3.png')center 21px no-repeat;

        }
        .dream-rank-avatar{
            width:40px;
            height:40px;
            background:rgba(255,255,255,1);
            border:1px solid rgba(64,32,158,1);
            border-radius:50%;
        }
        .common-rank-box .content{
            margin-top: 52px;
            text-align: left;
            margin-left: 104px;
        }
        .common-rank-box .content h5{
            font-weight:bold;
            font-size:16px;
            margin-bottom:16px;
        }
        .common-rank-box .content span{
            display: inline-block;
            font-size: 16px;
            width: 47px;
            /* vertical-align: middle; */
        }
        .special-rank-box .content{
            margin-top: 56px;
            text-align: left;
            margin-left: 120px;
        }
        .special-rank-box .content h5{
            font-weight:bold;
            font-size:18px;
            margin-bottom:16px;
        }
        .special-rank-box .content span{
            display: inline-block;
            font-size: 18px;
            width: 45px;
            /* vertical-align: middle; */
        }
        .rank-avatar{
            display: block;
            width: 89px;
            height: 89px;
            background: pink;
            margin-top: 11px;
            margin-left: 104px;
        }
        /* .src-bg ul{
            position: absolute;
            top: 250px;
            left: 114px;
        } */
        /* .rank-box ul{
            position: absolute;
            top:150px;
            left:35px;
        } */
        .dream-rank-container{
            background:url('/assets/images/dream/rich.png')top no-repeat;
            width:1100px;
            height:987px;
            padding-bottom:90px;
            margin:0 auto;
        }
        .other-box{
            text-align: left;
            margin-top: 50px;
        }
        .rank-box ul li{
            display: inline-block;
            vertical-align: top;
        }
        .marathon-project-container{
            height:600px;
        }
        .src-box{
            /* margin-top:50px; */
            /* display:inline-block; */
            display:block;
            max-width:1398px;
            margin:0 auto;
            background:url('/static/marathon/new_img/side_long_lines.png')top  no-repeat;
            /* background-size: cover; */

        }
        .src-slide{

        }
        .src-box ul{
            max-width:920px;
            margin:0 auto;
        }
        .src-content{
            text-align: justify;
        }
        .src-content a:nth-child(4){
            margin-top:70px;
            margin-left:0;
        }
        .src-content a:nth-child(5){
            margin-top:70px;
        }
        .other-top{
            text-align: left;
            margin-top: -50px;
        }
        .split-line{
            display: block;
            width: 76%;
            margin: 0 auto;
            height: 1px;
            background: #40209E;
        }
        .artboard-classify .artboard-classify-main .artboard-classify-project .artboard-classify-detail .artboard-classify-detail-time{
            text-align: left;
        }
        .top-3-list{

            /* display: inline-block;
            vertical-align: top; */

        }
        .top-3-list li{
            width:33%;
            display: inline-block;
            vertical-align: top;
            position: relative;
            height:395px;
        }
        .top-3-list li >div{
            position: absolute;
            bottom:0;
            left: 0;
            right: 0;
            display: inline-block;
    margin: 0 auto;
    text-align: center;
        }
        .top-3-list h4{
            font-size:16px;
            font-family:Source Han Sans CN;
            font-weight:bold;
            color:rgba(64,32,158,1);
            line-height:26px;
            text-shadow:2px 0px 0px rgba(255,213,69,1);
        }
        .top-3-list p{
            font-size:16px;
            font-family:Source Han Sans CN;
            font-weight:bold;
            color:rgba(0,0,0,1);
            line-height:26px;
        }
        /* .rank-list{
            margin-top: 10px;
        }rank-l */
        .rank-list ul li{
            display:block;
            height:67px;
            color: #40209E;
        }
        .rank-list ul li div{
            padding:15px 0;
        }
        .rank-list ul li div span{
            display: inline-block;
            /* width:33%; */
            font-size: 14px;
            text-align:center;
        }
        .rank-list ul li div span:nth-child(1),.rank-list ul li div span:nth-child(3){
            width:33%;
        }
        .rank-list ul li div span:nth-child(2){
            width:33%;
        }
        .dynamic-info{
            margin-top: 80px;
            /* padding-bottom: 6em; */

            padding:0;

        }
       .news.dynamic-info .news-list{
        background:url('/assets/images/dream/dynamic.png')center no-repeat;
        width: 1200px;
        height:828px;
        margin: 0 auto;
        /* padding: 143px 100px; */
        padding: 143px 84px 0 97px;
       }
       .news .news-list ul li {
           color:#000;
       }
       .news .news-list ul li a {
            color: #40209E!important;
    }

       .news.dynamic-info .news-list ul li{
           border-bottom:none;
           text-align:left;

       }
       .attention-box{
           margin-top:171px;
           padding-bottom:68px;
       }
       .attention-box .attention-list{
           width:1200px;
           height:462px;
           background:url('/static/marathon/new_img/attention.png')top center no-repeat;
       }
       .attention-box .attention-list ul{
        padding-top: 140px;
        text-align: left;
        padding-left: 145px;
            }
        .attention-box .attention-list ul li{
        padding-top:28px;
        }
        .marathon-swiper{
            max-width:1296px;
            margin:0 auto
        }
        .marathon-swiper .swiper-wrapper {
            width:1200px;
            margin:0 auto;
        }
        .marathon-swiper .swiper-slide {
            height:404px;

        }
        .artboard-classify .artboard-classify-main .artboard-classify-project{
            width:364px;

        }
        .artboard-classify .artboard-classify-main .artboard-classify-project+.artboard-classify-project{
            margin-left:55px;
        }
        .marathon-swiper .swiper-button-prev{
            width:32px;
            height:32px;
            background:url('/static/marathon/new_img/pre.png')center center no-repeat;
            background-size: contain;
            margin:0!important;
            top: 175px;
            left: 0;
        }
        .marathon-swiper .swiper-button-next{
            width:32px;
            height:32px;
            background:url('/static/marathon/new_img/next.png')center center no-repeat;
            background-size: contain;
            margin:0!important;
            top: 175px;
            right:0;

        }
        .src-content a{
         display: inline-block;
         transform: perspective(1px) translateZ(0);
         box-shadow: 0 0 1px rgba(0, 0, 0, 0);

        }
        .src-content a:hover{
            -webkit-animation-name: hvr-bob-float, hvr-bob;
            animation-name: hvr-bob-float, hvr-bob;
            -webkit-animation-duration: .3s, 1.5s;
            animation-duration: .3s, 1.5s;
            -webkit-animation-delay: 0s, .3s;
            animation-delay: 0s, .3s;
            -webkit-animation-timing-function: ease-out, ease-in-out;
            animation-timing-function: ease-out, ease-in-out;
            -webkit-animation-iteration-count: 1, infinite;
            animation-iteration-count: 1, infinite;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-direction: normal, alternate;
            animation-direction: normal, alternate;
        }
        @-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
        .src-content a+a{
          margin-left: 50px;
        }
        .blank-bar{
         display: block;
         height: 15px;
         background: #fff;
        }
        .introduction-container{
            /* width:100%;
            height:210px; */
            margin:0 auto;
            background: url('/static/marathon/new_img/side_line.png')center no-repeat;
            background-size:contain;

        }
        .marathon-title{
            max-width: 1588px;
            margin: 0 auto;
            display: block;
            margin-bottom:45px;
        }
        .dynamic-container{
            background:url('static/marathon/new_img/dynamic_deco.png')center top no-repeat;
            height: 613px;
            padding-bottom: 35px;
        }
        .artboard-classify .artboard-classify-main .artboard-classify-project{
            background:rgba(248,246,255,1);
            border:2px solid rgba(64,32,158,1);
            border-radius:12px;
        }
        .artboard-classify{
            background: none;
        }
        .artboard-classify .artboard-classify-main .artboard-classify-project:hover{
            border:2px solid rgba(64,32,158,1);
            border-bottom-width: 8px;
        }
    @media screen and ( max-width:1588px) {
        .marathon-title{
            width:100%;
        }
        .artboard-classify .artboard-classify-main .artboard-classify-project{
            width: 329px;
    /* margin: 0px 25px; */


        }
        .marathon-swiper{
            width: 100%;
            display: flex;
            justify-content: space-between;
            /* width:1280px; */
        }
        .marathon-swiper .swiper-slide {
            display: flex;
            justify-content: space-around;
            padding: 0 64px;
            }
        /* .marathon-swiper .swiper-button-next{
            right:40px;
        } */
        /* .attention-box{
            padding-bottom:100px;
        } */
    }
    @media screen and ( max-width:1024px) {
        .introduction-container img{
            width:25%;
        }
        .src-bg{
            width:100%;
        }
        .src-content a{
            width:30%;
        }
        .rank-title-box{
            width:100%;
        }
        .news.dynamic-info .news-list{
            width:100%;
        }

        .attention-box,.attention-box .attention-list{
            width:100%;
        }
    }
    .bonus-count-down,.count-down{
        width:560px;
        height:290px;
        display: inline-block;
        vertical-align: top;
    }
    .count-box{
        width:1200px;
        margin:0 auto;
        /* text-align: center; */
        margin-bottom:84px;
    }
    .count-down{
        width:560px;
        height:290px;
        background:url('/static/marathon/new_img/countdown.png')center center no-repeat;
        position: relative;
    }
    .bonus-count-down{
        width:560px;
        height:290px;
        background:url('/static/marathon/new_img/bonus.png')center center no-repeat;
        position: relative;
        margin-left:74px;
    }
    .bonus-count-down span,.count-down span{
        font-size:32px;
        color:#010A36;
        font-weight: 600;
        position: absolute;
    }
    .count-down span:nth-child(1),.bonus-count-down span:nth-child(1){
    top: 167px;
    left: 77px;
    letter-spacing: 27px;
    }
    .count-down span:nth-child(2){
    top: 167px;
    left: 184px;
    letter-spacing: 27px;
    }
    .bonus-count-down span:nth-child(2){
    top: 167px;
    left: 184px;
    letter-spacing: 25px;
    }
    .count-down span:nth-child(3){
    top: 167px;
    left: 291px;
    letter-spacing: 27px;
    }
    .bonus-count-down span:nth-child(3){
        top: 167px;
    left: 291px;
    letter-spacing: 24px;
    }
    .count-down span:nth-child(4){
    top: 167px;
    left: 398px;
    letter-spacing: 27px;
    }
    .bonus-count-down span:nth-child(4){
    top: 167px;
    left: 396px;
    letter-spacing: 25px;
    }

    .reward-detail-box{
        display: inline-block;
        vertical-align: top;
        margin-left:20px;
    }
    .reward-detail-box h4{
        font-size:18px;
        font-family:Source Han Sans CN;
        font-weight:bold;
        color:rgba(3,8,82,1);
    }
    .reward-detail-box .line{
        width:16px;
        height:1px;
        background:rgba(232,233,236,1);
        display:block;
        margin:16px 0;
    }
    .reward-detail-box .price{
        font-size:18px;
        font-family:Source Han Sans CN;
        font-weight:bold;
        color:rgba(64,32,158,1);
    }
    .exchange-btn{
        float: right;
        width: 104px;
        height: 32px;
        background: rgba(75,125,250,1);
        border-radius: 4px;
        line-height: 32px;
        color: #fff;
        text-align: center;
    }
    .reward-split-line{
        display: block;
        height:1px;
        background:rgba(232,233,236,1);
        margin:20px 0;
    }
    .reward-describe{
        font-size:14px;
        font-family:Source Han Sans CN;
        font-weight:500;
        color:rgba(3,8,82,1);
    }
    .reward-describe .reward-tip{
        color:#EA5832;
    }
    @media screen and ( max-width:1450px) {
        .dream-content-box {
            position: absolute;
            top: 325px;
            left: 0;
            right: 0;
            margin: 0 auto;
        }
        .dream-bg{
            height: 1900px;
        }
        /* .dream-content-box>div{
            height:1100px;
        } */
        .dream-container .top-10 {
            top: 188px;
        }
        .first-dream-box{
            padding-top:770px!important;
        }
        .src-slide img{
            height:160px;
        }
        .other-top{
            margin-top: 430px;
        }

    }
    .user-container{
        width:1200px;
        margin:0 auto;
        color:#fff;
    }
    .user-block{
        width:100%;
        height:80px;
        background:rgba(3,8,82,.3);
        position: fixed;
        top: 0;
        left:0;
        z-index:9999;
    }
    .user-container ul , .user-container span{
        float:right;
        line-height: 80px;
    }
    .user-container ul li a , .user-container span{
        color:#fff;
    }
    .user-container ul li{
        display: inline-block;
        vertical-align: top;
    }
    .logo-url{
        display: inline-block;
        line-height: 80px;
    }
   .rank-2-box img{
        width: 80px;
        height: 80px;
        background: pink;
        display: block;
        border-radius: 50%;
        margin-top: 220px;
        margin-left: 116px;
    }
    .rank-1-box img{
        width: 96px;
        height: 96px;
        background: pink;
        display: block;
        border-radius: 50%;
        margin-top: 212px;
        margin-left: 104px;
    }
    .rank-3-box img{
        width: 80px;
        height: 80px;
        background: pink;
        display: block;
        border-radius: 50%;
        margin-top: 220px;
        margin-left: 111px;
    }