.cont-box {
    width: 100%;
    padding: 2.7rem 2rem 1rem;
}
.title {
    font-weight: 600;
    font-size: .48rem;
    color: #333333;
    position: absolute;
    top: 1.53rem;
    left: 2.3rem;
}
.margin50{
    margin-top: .5rem;
}
.cont-item{
    background:#F4F3F3;
    position: relative;
    display: flex;
    align-items: self-end;
    box-sizing: border-box;
    padding: 1rem;
    margin-bottom: 1rem;
    width: 15.7rem;
}
.item-img {
    width: 7.64rem;
    height: 4.9rem;
}

.describe {
    display: flex;
    flex-direction: column;
    /* margin-bottom: .4rem; */
}

.describe-tit {
    font-weight: 600;
    font-size: .32rem;
    color: #333333;
    margin-bottom: .3rem;
    /* font-family: ZcoolKuaiLeR; */
}

.describe-txt {
    width: 5.4rem;
    font-weight: 400;
    font-size: .24rem;
    color: #828282;
    line-height: .45rem;
    text-align: justify;
}

.img-r {
    margin-right: .8rem;
}

.img-l {
    margin-left: .8rem;
}

.leoimg {
    width: 3.49rem;
    /* height: 2.75rem; */
    position: absolute;
    top: .95rem;
    right: .55rem;
}

.educationimg {
    width: 3.49rem;
    /* height: 2.84rem; */
    position: absolute;
    top: .9rem;
    /* left: 2.07rem; */
}

.instillimg {
    width: 3.49rem;
    /* height: 3.1rem; */
    position: absolute;
    top: .95rem;
    right: .55rem;
}

.personalityimg {
    width: 3.49rem;
    /* height: 2.93rem; */
    position: absolute;
    top: .9rem;
    /* left: 2.3rem; */
}

.habitimg {
    width: 3.49rem;
    /* height: 3.49rem; */
    position: absolute;
    top: .95rem;
    right: .55rem;
}