.project-wrap{background:#fff;overflow:auto;height:700px;position:relative;top:200px;left:246px;width:87%}.project-wrap .project-continer{width:100%;min-height:600px;height:100%;background:#fff;margin:0 auto}.project-wrap .project-continer .aa{width:6px;height:18px;background-color:#08a7e3;display:inline-block;border-radius:10px;position:absolute;left:2.375rem;margin:0 -1px;top:272px}.project-wrap .project-continer .project-continer-top{height:40px;width:100px;line-height:40px;font-size:20px;font-weight:600;color:#333;position:relative;right:-92%;margin:0 0 20px 0}.project-wrap .project-continer .project-continer-top .project-continer-top-btn{display:inline-block;height:28px}.project-wrap .project-continer .project-continer-top .project-continer-top-btn .addBtn{width:100px;height:36px;border:none;font-weight:400;font-size:15px;line-height:10px;color:#fffdfd;background-color:#00c26b;border-radius:30px}.project-wrap .project-continer .project-continer-top .project-continer-top-btn .addBtn .add{font-size:25px;font-weight:500;position:relative;top:3px}.project-wrap .project-continer .project-continer-center{display:flex;flex-wrap:wrap}.project-wrap .project-continer .center{width:100%;height:100%}.project-wrap .project-continer .project-continer-item,.project-wrap .project-continer .project-continer-item-active{display:inline-block;width:390px;height:250px;border-radius:10px;margin:40px 10px 0 0;box-shadow:4px 4px 8px #d2d6e4,4px 4px 8px #d2d6e4,4px 4px 8px #d2d6e4;position:relative}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text,.project-wrap .project-continer .project-continer-item .project-continer-item-text{background-color:rgba(0,0,0,.6);height:78px;position:relative;top:-98px;border-radius:10px;color:hsla(0,0%,100%,.8);line-height:30px;padding:10px}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text span,.project-wrap .project-continer .project-continer-item .project-continer-item-text span{font-size:18px;margin:3px 0;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px;line-height:30px;width:380px}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text span span:hover,.project-wrap .project-continer .project-continer-item .project-continer-item-text span span:hover{cursor:pointer;color:#01855a;font-weight:700}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .text2,.project-wrap .project-continer .project-continer-item .project-continer-item-text .text2{font-weight:400;width:80%;position:relative;top:-18px}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .text2 span,.project-wrap .project-continer .project-continer-item .project-continer-item-text .text2 span{font-size:14px;width:33%}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .text3,.project-wrap .project-continer .project-continer-item .project-continer-item-text .text3{font-size:14px;font-weight:400;width:70%;top:-36px;position:relative;color:hsla(0,0%,100%,.8)}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit{display:inline-block;right:0;top:71px;position:absolute}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit span,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit span{width:58px;display:inline-block;height:16px;font-size:14px;line-height:16px}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit span img,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit span img{display:inline-block;width:14px;height:14px}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan-hoverimg,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan-hoverimg{display:none}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan-commonimg,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan-commonimg{display:inline-block}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan-hoverimg,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan-hoverimg{display:none}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan-commonimg,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan-commonimg{display:inline-block}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan{margin-left:5px}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan .transition-item,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan .transition-item{opacity:0;transition:all .5s linear;transform:translateX(10px);position:absolute;z-index:101;right:20px;bottom:86px}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan .transition-item .project-continer-item-moreEditspan,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan .transition-item .project-continer-item-moreEditspan{color:#666}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan .transition-item .project-continer-item-moreEditspan .project-continer-item-moreEditspan-commonimg,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan .transition-item .project-continer-item-moreEditspan .project-continer-item-moreEditspan-commonimg{display:inline-block}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan .transition-item .project-continer-item-moreEditspan .project-continer-item-moreEditspan-hoverimg,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan .transition-item .project-continer-item-moreEditspan .project-continer-item-moreEditspan-hoverimg{display:none}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan:hover,.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan:hover,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan:hover,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan:hover{color:#01855a;font-weight:700;cursor:pointer}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan:hover .transition-item,.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan:hover .transition-item,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan:hover .transition-item,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan:hover .transition-item{opacity:1;position:absolute;z-index:101}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan:hover .transition-item .project-continer-item-moreEditspan:hover,.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan:hover .transition-item .project-continer-item-moreEditspan:hover,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan:hover .transition-item .project-continer-item-moreEditspan:hover,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan:hover .transition-item .project-continer-item-moreEditspan:hover{color:#01855a}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan:hover .transition-item .project-continer-item-moreEditspan:hover .project-continer-item-moreEditspan-commonimg,.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan:hover .transition-item .project-continer-item-moreEditspan:hover .project-continer-item-moreEditspan-commonimg,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan:hover .transition-item .project-continer-item-moreEditspan:hover .project-continer-item-moreEditspan-commonimg,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan:hover .transition-item .project-continer-item-moreEditspan:hover .project-continer-item-moreEditspan-commonimg{display:none}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan:hover .project-continer-item-editspan-hoverimg,.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan:hover .transition-item .project-continer-item-moreEditspan:hover .project-continer-item-moreEditspan-hoverimg,.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan:hover .project-continer-item-editspan-hoverimg,.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan:hover .transition-item .project-continer-item-moreEditspan:hover .project-continer-item-moreEditspan-hoverimg,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan:hover .project-continer-item-editspan-hoverimg,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan:hover .transition-item .project-continer-item-moreEditspan:hover .project-continer-item-moreEditspan-hoverimg,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan:hover .project-continer-item-editspan-hoverimg,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan:hover .transition-item .project-continer-item-moreEditspan:hover .project-continer-item-moreEditspan-hoverimg{display:inline-block}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan:hover .project-continer-item-editspan-commonimg,.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan:hover .project-continer-item-editspan-commonimg,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan:hover .project-continer-item-editspan-commonimg,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan:hover .project-continer-item-editspan-commonimg{display:none}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan:hover .project-continer-item-sharespan-hoverimg,.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan:hover .project-continer-item-sharespan-hoverimg,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan:hover .project-continer-item-sharespan-hoverimg,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan:hover .project-continer-item-sharespan-hoverimg{display:inline-block}.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan:hover .project-continer-item-sharespan-commonimg,.project-wrap .project-continer .project-continer-item-active .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan:hover .project-continer-item-sharespan-commonimg,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-editspan:hover .project-continer-item-sharespan-commonimg,.project-wrap .project-continer .project-continer-item .project-continer-item-text .project-continer-item-edit .project-continer-item-sharespan:hover .project-continer-item-sharespan-commonimg{display:none}.project-wrap .project-continer .project-continer-item-active .project-continer-item-img-active,.project-wrap .project-continer .project-continer-item .project-continer-item-img-active{width:390px;height:250px;border-radius:10px;position:relative}.project-wrap .project-continer .project-continer-item-active .project-continer-item-img,.project-wrap .project-continer .project-continer-item .project-continer-item-img{width:390px;height:250px;border-radius:10px;overflow:hidden;transition:all .5s}.project-wrap .project-continer .project-continer-item-active .project-continer-item-img:hover,.project-wrap .project-continer .project-continer-item .project-continer-item-img:hover{border-radius:10px;transition:all .5s;transform:scale(1.2);overflow:hidden;cursor:pointer}.project-wrap .project-continer .project-continer-item-active{border-radius:15px;width:390px;height:250px;border:4px solid #01855a;color:#01855a;position:relative}.project-wrap .transition-wrap{position:absolute;bottom:-83px;right:-70px;height:67px;width:70px;background:#fff;z-index:10;display:flex;flex-direction:column;justify-content:space-around;border-radius:4px;box-shadow:5px 8px 18px 10px rgba(13,26,0,.14);align-items:center}.form .frontPage-box{z-index:1;width:63%;height:282px;overflow-y:scroll;border:1px solid #b3b3b3}.form .frontPage-box .front-page-img,.form .frontPage-box .front-page-img-active{width:100px;height:75px;float:left;margin:5px;box-sizing:border-box}.form .frontPage-box .front-page-img-active{border:2px solid red}