/*字体大小*/
.font15 {
    font-size: 15px;
}

.font20 {
    font-size: 20px;
}

.font25 {
    font-size: 25px;
}

/*上外边距*/
.p_top5 {
    padding-top: 5px;
}

.p_top10 {
    padding-top: 10px;
}

.p_top15 {
    padding-top: 15px;
}

.p_top20 {
    padding-top: 20px;
}

.p_top25 {
    padding-top: 25px;
}

.p_top30 {
    padding-top: 30px;
}

/*右外边距*/
.p_right5 {
    padding-right: 5px;
}

.p_right10 {
    padding-right: 10px;
}

.p_right15 {
    padding-right: 15px;
}

.p_right20 {
    padding-right: 20px;
}

.p_right25 {
    padding-right: 25px;
}

.p_right30 {
    padding-right: 30px;
}

/*下外边距*/
.p_bottom5 {
    padding-bottom: 5px;
}

.p_bottom10 {
    padding-bottom: 10px;
}

.p_bottom15 {
    padding-bottom: 15px;
}

.p_bottom20 {
    padding-bottom: 20px;
}

.p_bottom25 {
    padding-bottom: 25px;
}

.p_bottom30 {
    padding-bottom: 30px;
}

/*左外边距*/
.p_left5 {
    padding-left: 5px;
}

.p_left10 {
    padding-left: 10px;
}

.p_left15 {
    padding-left: 15px;
}

.p_left20 {
    padding-left: 20px;
}

.p_left25 {
    padding-left: 25px;
}

.p_left30 {
    padding-left: 30px;
}

/*内边距上*/
.m_top5 {
    margin-top: 5px;
}

.m_top10 {
    margin-top: 10px;
}

.m_top15 {
    margin-top: 15px;
}

.m_top20 {
    margin-top: 20px;
}

/*内边距右*/
.m_right5 {
    margin-right: 5px;
}

.m_right10 {
    margin-right: 10px;
}

.m_right15 {
    margin-right: 15px;
}

.m_right20 {
    margin-right: 20px;
}

/*内边距下*/
.m_bottom5 {
    margin-bottom: 5px;
}

.m_bottom10 {
    margin-bottom: 10px;
}

.m_bottom15 {
    margin-bottom: 15px;
}

.m_bottom20 {
    margin-bottom: 20px;
}

/*内边距左*/
.m_left5 {
    margin-left: 5px;
}

.m_left10 {
    margin-left: 10px;
}

.m_left15 {
    margin-left: 15px;
}

.m_left20 {
    margin-left: 20px;
}

/*上下左右居中*/
.XY-center {
    align-items: center;
    display: flex;
    justify-content: center;
}

/*同一行上*/
.sameLine {
    flex-flow: row;
    display: flex;
    justify-content: flex-start;
}

/*横向剧中*/
.X-center {
    display: flex;
    justify-content: center;
}

/*竖直居中*/
.Y-center {
    align-items: center;
    display: flex;
}
.parent {
    width: 100%;
    height: 98%;
}