.header{margin-top:8vh;margin-bottom:5vh;text-align:center}.header .description{font-size:14px;color:rgba(0,0,0,.45);margin-top:1vh}.spinner{margin-top:20vh;margin-bottom:30vh;height:60px;text-align:center;font-size:10px}.spinner span{display:block;font-size:12px;color:rgba(0,0,0,.45);margin-top:1vh}.spinner div{margin-right:4px;background-color:#4e9ff5;height:100%;width:6px;display:inline-block;-webkit-animation:stretchdelay 1.2s ease-in-out infinite;animation:stretchdelay 1.2s ease-in-out infinite}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes stretchdelay{0%,40%,to{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes stretchdelay{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.login{height:100%;background:url(../img/bk-3.1f35bb70.png);background-color:#f0f2f5}.login .ivu-tabs-nav-container{line-height:2;font-size:17px;box-sizing:border-box;white-space:nowrap;overflow:hidden;position:relative;zoom:1}.login .form{padding-top:1vh}.login .form .input-verify{width:50%}.login .code-image .ivu-spin-fix .ivu-spin-main{height:20px}.login .forget-pass,.login .other-way{font-size:14px}.login .login-btn{background-color:#0f2d63;color:#fff}.login .other-login{margin-top:3vh}.login .icons,.login .other-icon{display:flex;align-items:center}.login .other-icon{cursor:pointer;margin-left:8px;color:rgba(0,0,0,.2)}.login .other-icon :hover{color:#2d8cf0}.login .content{display:flex;flex-direction:column;justify-content:space-between;width:368px;height:700px;background-color:#85a1d0;padding:30px;box-shadow:0 -1px 0 0 #e5e5e5,-.2px 0 0 0 #e5e5e5,.2px 0 0 0 #e5e5e5,0 1px 0 0 #e5e5e5}.login .copyright{margin-top:30px;color:#ddd;font-size:9px;text-align:center}.card-wrapper{display:flex;flex-wrap:wrap;position:relative}.card{margin:10px 25px 10px 0;width:290px;cursor:pointer}.card :hover .content .other .name{color:#1890ff;transition:color .3s}.card .ivu-card-body{padding:0}.card .content{display:flex;flex-direction:column}.card .content :hover .play{transition:opacity .3s;opacity:1!important}.card .content .img{height:135px;-o-object-fit:cover;object-fit:cover}.card .content .video{height:135px;position:relative}.card .content .video .cover{height:100%;width:100%;-o-object-fit:fill;object-fit:fill}.card .content .video .play{position:absolute;top:43px;left:117px;height:50px;width:50px;opacity:.8}.card .content .other{padding:16px;height:135px}.card .content .other .name{font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:rgba(0,0,0,.85);font-weight:500;margin-bottom:4px}.card .content .other .key{height:45px}.card .content .other .info,.card .content .other .key{overflow:hidden;text-overflow:ellipsis;word-break:break-all;color:rgba(0,0,0,.45)}.card .content .other .info{font-size:12px;height:36px}.card .content .actions{display:flex;align-items:center;height:50px;background:#f7f9fa;border-top:1px solid #e8e8e8}.card .content .actions i:hover{color:#1890ff}.card .content .actions .btn{border-right:1px solid #e8e8e8}.card .content .actions .btn,.card .content .actions .btn-no{display:flex;justify-content:center;width:25%}.card .project{display:flex;flex-direction:column}.card .project .img{height:135px;-o-object-fit:cover;object-fit:cover}.card .project .other{padding:16px;height:135px}.card .project .other .name{font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:rgba(0,0,0,.85);font-weight:500;margin-bottom:4px}.card .project .other .key{height:45px}.card .project .other .info,.card .project .other .key{overflow:hidden;text-overflow:ellipsis;word-break:break-all;color:rgba(0,0,0,.45)}.card .project .other .info{font-size:12px;height:36px}.card .project .content{display:flex;height:135px;padding:16px}.card .project .content .title{font-size:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:rgba(0,0,0,.85);font-weight:500;margin-bottom:4px;text-align:center}.card .project .content .desc{height:45px;position:relative;overflow:hidden;text-overflow:ellipsis;color:rgba(0,0,0,.45);line-height:22px;text-align:center;margin-top:10px}.card .project .content .info{display:flex;justify-content:space-between;align-items:center;margin-top:10px;height:20px}.card .project .content .info .time{color:rgba(0,0,0,.45);flex:1 1;font-size:12px}.card .project .content .avatar .item{display:inline-block;margin-left:-8px}.card .project .content .avatar .item .c{border:1px solid #fff}