.crowdsourcing>.banner{height:780px;background:#3a4fac url(/_nuxt/img/ban01.0f030c2.jpg) no-repeat 50%}.crowdsourcing>.caption{height:250px;width:1200px;margin:0 auto;padding:20px 0;text-align:center}.crowdsourcing>.caption>h2{font:700 42px/70px SourceHanSansCN;color:#000}.crowdsourcing>.caption>h2>b{color:#3c47f4}.crowdsourcing>.caption>p{font:16px/35px SourceHanSansCN;color:#040404}.crowdsourcing>.animationBox{height:500px;width:100%;overflow:hidden;position:relative}.crowdsourcing>.animationBox.animate>.left{left:-50px}.crowdsourcing>.animationBox.animate>.right{right:-50px}.crowdsourcing>.animationBox>.btn{width:50%;height:100%;position:absolute}.crowdsourcing>.animationBox>.btn>img{width:100%;height:100%}.crowdsourcing>.animationBox>.btn>.bgc{width:100px;height:100%;position:absolute}.crowdsourcing>.animationBox>.btn>.text{cursor:pointer;position:absolute;color:#fff;top:200px}.crowdsourcing>.animationBox>.btn>.text>p:first-of-type{font:700 50px/70px SourceHanSansCN}.crowdsourcing>.animationBox>.btn>.text>p:nth-of-type(2){font:32px/100px SourceHanSansCN}.crowdsourcing>.animationBox>.btn>.text>p:nth-of-type(2).r{text-align:right}.crowdsourcing>.animationBox>.btn>.text>p:nth-of-type(2)>img{position:relative;width:67px;height:29px;top:-3px;margin:0 5px}.crowdsourcing>.animationBox>.left{left:65px;transition:left .8s}.crowdsourcing>.animationBox>.left>.bgc{width:100px;height:100%;position:absolute;left:-65px;background-color:#3fabf6}.crowdsourcing>.animationBox>.left>.text{right:0;padding-right:140px}.crowdsourcing>.animationBox>.right{right:65px;transition:right .8s}.crowdsourcing>.animationBox>.right>.bgc{right:-65px;background-color:#8edb4b}.crowdsourcing>.animationBox>.right>.text{left:0;padding-left:140px}.crowdsourcing>.rewardWrap{height:250px;width:100%;background-color:#f7f7f7}.crowdsourcing>.rewardWrap>.rewardBox{height:250px;margin:0 auto}.crowdsourcing>.rewardWrap>.rewardBox>.rewardItem{width:33.3%;height:250px;position:relative}.crowdsourcing>.rewardWrap>.rewardBox>.rewardItem:not(:last-of-type):before{content:"";position:absolute;top:50%;right:0;width:1px;height:32px;transform:translateY(-50%);background-color:#bacded}.crowdsourcing>.rewardWrap>.rewardBox>.rewardItem:first-of-type>.content{min-width:310px}.crowdsourcing>.rewardWrap>.rewardBox>.rewardItem>.content{padding-left:45px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crowdsourcing>.rewardWrap>.rewardBox>.rewardItem>.content.xs{background:url(/_nuxt/img/xs_icon.1e7d443.png) no-repeat 0}.crowdsourcing>.rewardWrap>.rewardBox>.rewardItem>.content.je{background:url(/_nuxt/img/je_icon.12ab5c2.png) no-repeat 0}.crowdsourcing>.rewardWrap>.rewardBox>.rewardItem>.content.jd{background:url(/_nuxt/img/jd_icon.dc3ae22.png) no-repeat 0}.crowdsourcing>.rewardWrap>.rewardBox>.rewardItem>.content>.title{font-size:16px;color:#232323}.crowdsourcing>.rewardWrap>.rewardBox>.rewardItem>.content>.num{font-size:36px;font-weight:700;color:#3c73f4}.crowdsourcing>.rewardWrap>.rewardBox>.rewardItem>.content>.num>.unit{font-weight:400;font-size:20px}.crowdsourcing .demand{display:flex;flex-wrap:wrap;margin-top:25px}.crowdsourcing .demand .list{flex-basis:75%}.crowdsourcing .demand .list .title{border-bottom:2px solid #3c73f4;display:flex;justify-content:space-between;align-items:center;height:30px;margin:10px 0 1px}.crowdsourcing .demand .list .title div{color:#fff;display:inline-block;background:#3c73f4;padding:5px 12px;font-weight:700;position:relative}.crowdsourcing .demand .list .title div:after{content:"";position:absolute;left:80px;top:0;width:0;height:0;border-color:transparent transparent #244aad #244aad;border-style:solid;border-width:15px}.crowdsourcing .demand .list .title a{font:15px/55px SourceHanSansCN;color:#292929}.crowdsourcing .demand .list .title a:hover{color:#3c73f4}.crowdsourcing .demand .list .content{display:flex;flex-wrap:wrap;justify-content:space-between}.crowdsourcing .demand .list .content .demandItem{width:220px;height:218px;margin-bottom:15px;border:1px solid #ccc;border-top:none;transition:all .5s ease;position:relative}.crowdsourcing .demand .list .content .demandItem:after,.crowdsourcing .demand .list .content .demandItem:before{content:"";position:absolute;width:0;height:0;top:0;left:0;box-sizing:border-box;border:3px solid transparent}.crowdsourcing .demand .list .content .demandItem:hover:before{transition:width .5s,height .5s,border-bottom-color 0s;transition-delay:.5s,0s,.5s;width:220px;height:218px;border-left:2px solid #3c73f4;border-bottom:2px solid #3c73f4}.crowdsourcing .demand .list .content .demandItem:hover:after{transition:width .5s,height .5s,border-right-color .5s;transition-delay:0s,.5s,.5s;width:220px;height:218px;border-top:2px solid #3c73f4;border-right:2px solid #3c73f4}.crowdsourcing .demand .list .content .demandItem:nth-of-type(4n){margin-right:0}.crowdsourcing .demand .list .content .demandItem img{width:100%;height:120px;object-fit:cover}.crowdsourcing .demand .list .content .demandItem p{padding-left:8px}.crowdsourcing .demand .list .content .demandItem .demandName{min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:break-word;height:50px;font-size:16px;color:#000;padding:6px}.crowdsourcing .demand .list .content .demandItem .demandPrice{margin-top:8px;margin-bottom:8px;color:#5c5c70}.crowdsourcing .demand .list .content .demandItem .demandPrice b{color:#fd0006}.crowdsourcing .demand .ranklist{flex-grow:1;margin-left:10px;margin-bottom:15px;background:#fff}.crowdsourcing .demand .ranklist .top{height:70px;line-height:70px;text-align:center;font-size:18px;color:#fff;background:linear-gradient(90deg,#3c73f4,#244aad);overflow:hidden;position:relative;border-radius:4px 4px 0 0}.crowdsourcing .demand .ranklist .top .circle{border-radius:50%;position:absolute;background:hsla(0,0%,100%,.1)}.crowdsourcing .demand .ranklist .top .circle.circle-1{width:33px;height:33px;top:-7px;left:-7px}.crowdsourcing .demand .ranklist .top .circle.circle-2{width:89px;height:89px;left:-30px;bottom:-30px}.crowdsourcing .demand .ranklist .top .circle.circle-3{width:53px;height:53px;right:-12px;bottom:-12px}.crowdsourcing .demand .ranklist ul{height:calc(100% - 70px);border:1px solid #ccc}.crowdsourcing .demand .ranklist ul li{height:58px;margin-bottom:10px;padding:14px 10px}.crowdsourcing .demand .ranklist ul li i{margin-right:28px}.crowdsourcing .demand .ranklist ul li .index{display:inline-block;width:22px;height:22px;margin-right:28px;margin-top:4px;line-height:22px;text-align:center;font-style:normal;color:#7c7070;background:#f1f1f1;border-radius:100%;font-size:12px}.crowdsourcing .demand .ranklist a{width:100%}.crowdsourcing .demand .ranklist a img{width:40px;height:40px;object-fit:contain}.crowdsourcing .demand .ranklist a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px;width:150px;color:#000;display:inline-block;line-height:40px;vertical-align:middle}.crowdsourcing .demand .ranklist a span:hover{color:#3c73f4}.crowdsourcing .publishButton{position:fixed;left:10px;top:50%;display:inline-block}.crowdsourcing .publishButton img{width:200px;height:200px;object-fit:contain}