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