/* 应用的框体样式 */
.dianju-app-box {
    height: 130px;
    width: 97%;
    margin-top: 10px;
    border-radius: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(223, 221, 221);
    background-color: rgb(255, 255, 255);
    box-shadow: h-shadow v-shadow blur spread color inset;
}

/* 应用框体上方悬停的样式 div中的p标签 */
.dianju-app-box:hover>div p {
    color: #ffffff;
}

/* 应用框体上方悬停的样式 div中的h3标签 */
.dianju-app-box:hover>div h3 {
    color: #ffffff;
}

/* 应用框体中头像的样式 */
.dianju-app-head-box {
    height: 50px;
    width: 50px;
    margin-top: 15px;
    margin-left: 5px;
    border-radius: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(189, 188, 188);
    background-color: rgb(255, 255, 255);
}

/* 应用框体中标题的样式 */
.dianju-app-title-box {
    margin-top: 5px;
    margin-left: -5px;
    text-align: left;
    color: black;
}

/* 应用框体中描述的样式 */
.dianju-app-text-box {
    word-break:break-all;
    overflow-wrap: break-word;
    word-wrap: break-word;
    text-align: left;
    margin-left: -5px;
    width: 180px;
}

.dianju-app-text-box p{
    white-space:normal;
    word-break:break-all;
    word-wrap:break-word;
}