.project ul.project-list[data-v-9cc9c3f8]{padding:5px;max-width:2200px;margin:0 auto}.project ul.project-list li[data-v-9cc9c3f8]{float:left;width:20%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media (max-width:1400px){.project ul.project-list li[data-v-9cc9c3f8]{width:33.33%}}@media (max-width:1080px){.project ul.project-list li[data-v-9cc9c3f8]{width:33.33%}}@media (max-width:640px){.project ul.project-list li[data-v-9cc9c3f8]{width:100%}}.project ul.project-list li .project-item[data-v-9cc9c3f8]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:10px;width:100%;height:200px;background:url(../img/banner-bg.ab992bf9.png) no-repeat 0 0;background-size:cover;border-radius:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;cursor:pointer}.project ul.project-list li .project-item .suspension-btn[data-v-9cc9c3f8]{position:absolute;bottom:-20px;left:0;right:0;opacity:0;-webkit-transition:all .5s;transition:all .5s;padding:10px 20px}.project ul.project-list li .project-item .suspension-btn .btn-item[data-v-9cc9c3f8]{display:inline-block;vertical-align:middle;background-color:#fff;width:45%;margin-right:10%;padding:7px;border-radius:4px;text-align:center;position:relative}.project ul.project-list li .project-item .suspension-btn .btn-item .more[data-v-9cc9c3f8]{position:absolute;background-color:#fff;top:40px;left:0;right:0;height:0;overflow:hidden;z-index:10;-webkit-transition:height .3s;transition:height .3s;border-radius:4px}.project ul.project-list li .project-item .suspension-btn .btn-item .more-item[data-v-9cc9c3f8]{margin:10px 0;-webkit-transition:color .3s;transition:color .3s}.project ul.project-list li .project-item .suspension-btn .btn-item .more-item[data-v-9cc9c3f8]:hover{color:#0396f2}.project ul.project-list li .project-item .suspension-btn .btn-item:hover .more[data-v-9cc9c3f8]{height:72px}.project ul.project-list li .project-item .suspension-btn .btn-item[data-v-9cc9c3f8]:last-child{margin-right:0}.project ul.project-list li .project-item .suspension-title[data-v-9cc9c3f8]{position:absolute;top:-20px;left:0;right:0;color:#fff;opacity:0;-webkit-transition:all .5s;transition:all .5s;padding:10px 20px}.project ul.project-list li .project-item:hover .suspension-title[data-v-9cc9c3f8]{top:0;opacity:1}.project ul.project-list li .project-item:hover .suspension-btn[data-v-9cc9c3f8]{bottom:0;opacity:1}.project ul.project-list li .project-item:hover .project-head[data-v-9cc9c3f8]{opacity:0}.project ul.project-list li .project-item .project-head[data-v-9cc9c3f8]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;background-color:#fff;position:absolute;left:0;right:0;bottom:0;-webkit-transition:all .3s;transition:all .3s;padding:10px 20px}.project ul.project-list li .project-item .project-head .project-loading[data-v-9cc9c3f8]{width:18px;height:18px;margin-right:6px;margin-top:3px}.project ul.project-list li .project-item .project-head .project-title[data-v-9cc9c3f8]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:15px;padding-right:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;cursor:pointer}.project ul.project-list li .project-item .project-head .project-setting[data-v-9cc9c3f8]{width:30px;text-align:right}.project ul.project-list li .project-item .project-head .project-setting .project-setting-icon[data-v-9cc9c3f8]{cursor:pointer;color:#333}.project ul.project-list li .project-item .project-head .project-setting .project-setting-icon[data-v-9cc9c3f8]:hover{color:#0396f2}.project ul.project-list li .project-item .project-num[data-v-9cc9c3f8]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:34px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;position:relative}.project ul.project-list li .project-item .project-num[data-v-9cc9c3f8]:before{content:"";position:absolute;width:1px;height:60%;background-color:#efefef}.project ul.project-list li .project-item .project-num .project-circle[data-v-9cc9c3f8]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;margin-right:10px}.project ul.project-list li .project-item .project-num .project-circle .project-circle-box[data-v-9cc9c3f8]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.project ul.project-list li .project-item .project-num .project-circle .project-circle-box .project-circle-num[data-v-9cc9c3f8]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;font-weight:600}.project ul.project-list li .project-item .project-num .project-circle .project-circle-box .project-circle-num em[data-v-9cc9c3f8]{color:#62c5fe;font-size:26px}.project ul.project-list li .project-item .project-num .project-circle .project-circle-box .project-circle-num span[data-v-9cc9c3f8]{color:#666}.project ul.project-list li .project-item .project-num .project-circle .project-circle-box .project-circle-num span[data-v-9cc9c3f8]:before{content:"/"}.project ul.project-list li .project-item .project-num .project-circle .project-circle-box .project-circle-title[data-v-9cc9c3f8]{font-size:12px;padding-top:4px;color:#999}.project ul.project-list li .project-item .project-num .project-situation[data-v-9cc9c3f8]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.project ul.project-list li .project-item .project-num .project-situation ul[data-v-9cc9c3f8]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.project ul.project-list li .project-item .project-num .project-situation ul>li[data-v-9cc9c3f8]{width:100%;color:#bbb;font-size:12px;white-space:nowrap;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:6px 0;line-height:20px}.project ul.project-list li .project-item .project-num .project-situation ul>li>em[data-v-9cc9c3f8]{padding-left:14px;font-size:18px;color:#666;font-weight:500}.project ul.project-list li .project-item .project-bottom[data-v-9cc9c3f8]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-top:1px solid #efefef;padding:18px 0;cursor:default;position:relative}.project ul.project-list li .project-item .project-bottom .project-iconbtn[data-v-9cc9c3f8]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:50%;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:4px 0}.project ul.project-list li .project-item .project-bottom .project-iconbtn.project-people[data-v-9cc9c3f8]{width:auto;min-width:36px;position:absolute;bottom:18px;right:0;cursor:pointer;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.project ul.project-list li .project-item .project-bottom .project-iconbtn.project-people .userimg-count[data-v-9cc9c3f8],.project ul.project-list li .project-item .project-bottom .project-iconbtn.project-people .userimg-icon[data-v-9cc9c3f8]{width:36px;height:36px;border-radius:18px;margin-left:-16px;border:2px solid #fff}.project ul.project-list li .project-item .project-bottom .project-iconbtn.project-people .userimg-count[data-v-9cc9c3f8]{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);color:#fff;font-size:16px;font-weight:500;line-height:32px;background-color:#62c5fe}.project ul.project-list li .project-item .project-bottom .project-iconbtn .project-iconbtn-icon[data-v-9cc9c3f8]{font-size:16px;margin-right:6px;color:#999}.project ul.project-list li .project-item .project-bottom .project-iconbtn .project-iconbtn-text[data-v-9cc9c3f8]{color:#999;cursor:pointer}.project ul.project-list li .project-item .project-bottom .project-iconbtn .project-iconbtn-text[data-v-9cc9c3f8]:hover{color:#0396f2}.project ul.project-list[data-v-9cc9c3f8]:after,.project ul.project-list[data-v-9cc9c3f8]:before{display:table;content:""}.project ul.project-list[data-v-9cc9c3f8]:after{clear:both}