body,p{
    margin: 0;
}
.pointer{
    cursor: pointer;
}
.flex{
    display: flex;
}
.flex-wrap{
    flex-wrap: wrap;
}
.flex-cn{
    display: flex;
    align-items: center;
}
.flex-cn-cn{
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-cn-start{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.flex-cn-end{
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.flex-col-cn{
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
}
.flex-col-cn-cn{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.mar-l-30{
    margin-left: 30px;
}
.mar-r-40{
    margin-right: 40px;
}
.mar-top-20{
    margin-top: 20px;
}
.mar-top-30{
    margin-top: 30px;
}
.mar-top-40{
    margin-top: 40px;
}
.mar-top-44{
    margin-top: 44px;
}
.mar-btm-10{
    margin-bottom: 10px;
}
.mar-btm-30{
    margin-bottom: 30px;
}
.pad-top-30{
    padding-top: 30px;
}


.main-item-box{
    width: 100%;
    padding: 58px 0 56px;
    background: linear-gradient(180deg, #F0F4FF 0%, #FFFFFF 100%);
}
.main-item-box-title{
    font-size: 28px;
    color: #181818;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    cursor: default;
}
.main-item-box-sub{
    margin-top: 15px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #181818;
    cursor: default;
}