.achievement-details{

}
.achievement-details .content-head{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("../images/bg-details-head.png");
}
.achievement-details .breadcrumb {
    background: transparent;
}
.content-head .status{
    display: inline-block;
    color: #fff;
    height: 1.875rem;
    line-height: 1.875rem;
    padding: 0 1.25rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.content-head .title{
    font-weight: 500;
    font-size: 2rem;
    color: #333333;
    margin: 1.25rem 0;
}
.resource-info{
    color: #999999;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.25rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 1.25rem;
}
.resource-info .tags {
    margin-right: 1.25rem;
    line-height: 1.25rem;
    display: flex;
    flex-wrap: wrap;
}
.resource-info .tags span {
    display: inline-block;
    color: #3D5FD6;
    background: #ebeffb;
    font-size: 0.875rem;
    line-height: 1.5625rem;
    padding: 0 0.625rem;
    margin-right: 0.3125rem;
    margin-bottom: 0.3125rem;
}
.resource-info .info {
    margin-right: 1.25rem;
}

.resource-info .tools .icon{
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    vertical-align: sub;
}
.resource-attr{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1.25rem;
}
.resource-attr .attr-item{
    line-height: 1.25rem;
    margin-bottom: 0.625rem;
    width: 25%;
    position: relative;
}
.resource-attr .attr-item .attr-title{
    font-size: 1rem;
    color: #999999;
    padding: 0;
    font-weight: 400;
    display: inline-block;
    position: absolute;
    left: 0;
    width: 7.5rem;
    text-align: right;
}
.resource-attr .attr-item .attr-content{
    font-size: 1rem;
    color: #333333;
    padding-left: 7.5rem;
    display: inline-block;
}
.resource-attr.photo-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.contact-btn-box{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-left: auto;
}
.contact-btn{
    display: inline-block;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    padding: 0 1.25rem;
    height: 2.5rem;
    width: 18.75rem;
    line-height: 2.5rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}
.contact-btn{
    background-image: url(../images/bg-home-btn1.png);
}
.resource-details-tab .layui-tab-title{
    text-align: left;
}
.resource-details-tab .layui-tab-title li{
    margin-left: 0;
    margin-right: 3%;
}
.unit-title{
    font-weight: 500;
    color: #333333;
    font-size: 1.5rem;
    height: 1.625rem;
    line-height: 1.625rem;
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 1.25rem;
}
.unit-title:before,
.unit-title:after{
    content: '';
    display: inline-block;
    width: 0.25rem;
    height: 1.625rem;
    position: absolute;
    top: 0;
}
.unit-title:before {
    left: 0px;
    background: #3D5FD6;
}
.unit-title:after{
    left: 0.25rem;
    background: rgba(61, 95, 214, 0.5);
}
.view-table{
    width: 100%;
}
.view-table th,
.view-table td{
    border: 1px solid #E2E2E2;
    padding: 0.625rem 1.25rem;
    word-break: break-all;
}
.view-table .head{
    background: rgba(61,95,214,0.06);
}
.related-recommend-tab .layui-tab-title{
    text-align: center;
}
.related-recommend-tab .related-recommend-box{
    display: flex;
    flex-wrap: wrap;
}
.related-recommend-tab .info-card{
    width: calc((100% - 2.5rem)/3);
    margin-right: 1.25rem;
    margin-bottom: 1.25rem;
}
.related-recommend-tab .info-card:nth-child(3n){
    margin-right: 0;
}