.qx-btn {
	padding: 13px 40px 12px;
	border-radius: 2px;
	font-weight: 500;
    line-height: 1.35;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.qx-btn.btn-styl2, .qx-btn.btn-styl3 {
	background: transparent;
    border: 2px solid #ffb922;
    border-radius: 2px;
    color: #fff;
    position: relative;
    font-size: 14px;
    z-index: 2;
    transition: all 0.3s linear 0s;
}
.qx-btn.btn-styl3{
    background: #ffb922;
    border-radius: 2px;
}
.qx-btn.btn-styl3:hover{
	background: transparent;
}
.qx-btn.btn-styl2:hover, .qx-btn.btn-styl3:hover{
	 border: 2px solid #3e3e3e;
	 color:#ffb922;
}
.qx-btn.btn-styl2:before, .qx-btn.btn-styl3:before{
	position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #3e3e3e;
    content: "";
    transform: scaleX(0);
    opacity: 0;
    transition: all 0.3s linear 0s;
}
.qx-btn.btn-styl2:hover:before, .qx-btn.btn-styl3:hover:before {
    transform: scaleX(1);
    opacity: 1;
}

/** 项目列表样式 */
.layui-project {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    cursor: pointer;
    transition: all .2s;
    height:420px;
}

.layui-project:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
}

.layui-project .layui-project-cover {
    width: 100%;
    height: 220px;
    display: block;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.layui-project-body {
    padding: 20px;
    padding-top:30px;
}

.layui-project .layui-project-body > h2 {
    font-size: 18px;
    color: #333;
    margin-bottom: 12px;
    line-height:24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.layui-project .layui-project-body > h2:hover{
	color:var(--gold);
}

.layui-project .layui-project-text {
    height: 44px;
    overflow: hidden;
    margin-bottom: 22px;
    display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2;  /* 限制显示行数 */
	  overflow: hidden;
	  text-overflow: ellipsis;
}

.layui-project .layui-project-desc {
    position: relative;
}

.layui-project .layui-project-desc .time {
    color: #999;
    font-size: 12px;
}

.layui-project .layui-project-desc .layui-badge {
    margin: 0px 3px;
}

.layui-project .layui-project-desc .project-user-group {
    position: absolute;
    right: 0;
    top: 0;
}

.layui-project-head {
    position: absolute;
    right: 0;
    top: 0;
}

.layui-project-head .layui-project-head-item {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-left: -10px;
}

.layui-project-head .layui-project-head-item:first-child {
    margin-left: 0;
}