.contentMain-box{
    /* margin:24px; */
    background-color:#fff;
    min-height:200px;
}
.nav-list{
    border-bottom: 1px solid rgb(242, 242, 242);;
    padding:5px 16px;
    display: flex;
    flex-direction: row;
    align-items: center
}
.main-title{
    font-size: 20px;
}
.introduce-box{
    padding:10px 16px;
    border-bottom:1px solid rgba(232, 232, 232, 1)
}
.introduce-title{
    font-size:20px;
}
.introduce-details{
    margin-top:12px;
    color:#7F7F7F
}
*{
    list-style: none;
    margin: 0;
    padding: 0;
}
.flex{
    display: flex;
}
.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-justify{
    display: flex;
    justify-content: center;
}
.flex-items{
    display: flex;
    align-items: center;
}
.flex-align{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-column{
    display: flex;
    flex-direction: column;
}
.flex-row{
    display: flex;
    flex-direction: row;
}
.flex-around{
    display: flex;
    justify-content: space-around;
}
.top-row{
    padding: 16px;
    /* border-bottom: 1px solid rgba(232, 232, 232, 1); */
    border-top: 1px solid rgba(232, 232, 232, 1);
    display: flex;
    justify-content: space-between;
    background-color: #fff;
}
.content-box {
    background-color: #fff;
    padding: 16px;
}
.only-line-1 {
    overflow: hidden;
    word-break: break-all;
    /* break-all(允许在单词内换行。) */
    text-overflow: ellipsis;
    /* 超出部分省略号 */
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1;
    /** 显示的行数 **/
    /* white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; */
}

.only-line-2 {
    overflow: hidden;
    word-break: break-all;
    /* break-all(允许在单词内换行。) */
    text-overflow: ellipsis;
    /* 超出部分省略号 */
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2;
    /** 显示的行数 **/
}
.w1320{
    width:1320px;
    margin:0 auto;
    display: flex;
    flex-direction: column;
}
.modal-box{
    padding:16px 0;
    max-height:600px;
    overflow-y: auto;
}
.blue-hover{
    cursor: pointer;
}
.blue-hover:hover{
    color: rgb(24, 144, 255);
}
.text-title{
    color:#333333;
    font-weight: bold;
    word-wrap: none;
}
.m8{
    margin:8px;
}
.m16{
    margin:16px;
}
.m-b8{
    margin-bottom: 8px;
}
.m-t16{
    margin-top: 16px;
}
.m-r8{
    margin-right: 8px;
}
.m-r16{
    margin-right: 8px;
}
.m-r36{
    margin-right: 36px;
}
.p-8{
    padding:8px;
}
.bordr-bottom-gray{
    border-bottom: 1px solid rgba(232, 232, 232, 1);
}
.font-bold{
    font-weight: bold;
}