html, body {
    font-size: 20px;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    /*background-color: #339897;*/
}

html {
    font-size: 16px; /* 默认根字体大小 */
}


/*字体大小*/
.fZ5 {font-size: 5px;}
.fZ10 {font-size: 10px;}
.fZ15 {font-size: 15px;}
.fZ20 {font-size: 20px;}
.fZ25 {font-size: 25px;}
.fZ30 {font-size: 30px;}
.fZ35 {font-size: 35px;}
.fZ40 {font-size: 40px;}
.fZ45 {font-size: 45px;}
.fZ50 {font-size: 50px;}

/*上外边距*/
.pT5 {padding-top: 5px;}
.pT10 {padding-top: 10px;}
.pT15 {padding-top: 15px;}
.pT20 {padding-top: 20px;}
.pT25 {padding-top: 25px;}
.pT30 {padding-top: 30px;}
.pT35 {padding-top: 35px;}
.pT40 {padding-top: 40px;}
.pT45 {padding-top: 45px;}
.pT50 {padding-top: 50px;}

/*右外边距*/
.pR5 {padding-right: 5px;}
.pR10 {padding-right: 10px;}
.pR15 {padding-right: 15px;}
.pR20 {padding-right: 20px;}
.pR25 {padding-right: 25px;}
.pR30 {padding-right: 30px;}
.pR35 {padding-right: 35px;}
.pR40 {padding-right: 40px;}
.pR45 {padding-right: 45px;}
.pR50 {padding-right: 50px;}

/*下外边距*/
.pB5 {padding-bottom: 5px;}
.pB10 {padding-bottom: 10px;}
.pB15 {padding-bottom: 15px;}
.pB20 {padding-bottom: 20px;}
.pB25 {padding-bottom: 25px;}
.pB30 {padding-bottom: 30px;}
.pB35 {padding-bottom: 35px;}
.pB40 {padding-bottom: 40px;}
.pB45 {padding-bottom: 45px;}
.pB50 {padding-bottom: 50px;}

/*左外边距*/
.pL5 {padding-left: 5px;}
.pL10 {padding-left: 10px;}
.pL15 {padding-left: 15px;}
.pL20 {padding-left: 20px;}
.pL25 {padding-left: 25px;}
.pL30 {padding-left: 30px;}
.pL35 {padding-left: 35px;}
.pL40 {padding-left: 40px;}
.pL45 {padding-left: 45px;}
.pL50 {padding-left: 50px;}

/*外边距*/
.p5{padding: 5px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p25{padding: 25px;}
.p30{padding: 30px;}
.p35{padding: 35px;}
.p40{padding: 40px;}
.p45{padding: 45px;}
.p50{padding: 50px;}

/*内边距上*/
.mT5 {margin-top: 5px;}
.mT10 {margin-top: 10px;}
.mT15 {margin-top: 15px;}
.mT20 {margin-top: 20px;}
.mT25 {margin-top: 25px;}
.mT30 {margin-top: 30px;}
.mT35 {margin-top: 35px;}
.mT40 {margin-top: 40px;}
.mT45 {margin-top: 45px;}
.mT50 {margin-top: 50px;}

/*内边距右*/
.mR5 {margin-right: 5px;}
.mR10 {margin-right: 10px;}
.mR15 {margin-right: 15px;}
.mR20 {margin-right: 20px;}
.mR25 {margin-right: 25px;}
.mR30 {margin-right: 30px;}
.mR35 {margin-right: 35px;}
.mR40 {margin-right: 40px;}
.mR45 {margin-right: 45px;}
.mR50 {margin-right: 50px;}

/*内边距下*/
.mB5 {margin-bottom: 5px;}
.mB10 {margin-bottom: 10px;}
.mB15 {margin-bottom: 15px;}
.mB20 {margin-bottom: 20px;}
.mB25 {margin-bottom: 25px;}
.mB30 {margin-bottom: 30px;}
.mB35 {margin-bottom: 35px;}
.mB40 {margin-bottom: 40px;}
.mB45 {margin-bottom: 45px;}
.mB50 {margin-bottom: 50px;}

/*内边距左*/
.mL5 {margin-left: 5px;}
.mL10 {margin-left: 10px;}
.mL15 {margin-left: 15px;}
.mL20 {margin-left: 20px;}
.mL25 {margin-left: 25px;}
.mL30 {margin-left: 30px;}
.mL35 {margin-left: 35px;}
.mL40 {margin-left: 40px;}
.mL45 {margin-left: 45px;}
.mL50 {margin-left: 50px;}

/*内边距*/
.m5 {margin: 5px;}
.m10 {margin: 10px;}
.m15 {margin: 15px;}
.m20 {margin: 20px;}
.m25 {margin: 25px;}
.m30 {margin: 30px;}
.m35 {margin: 35px;}
.m40 {margin: 40px;}
.m45 {margin: 45px;}
.m50 {margin: 50px;}


/*颜色*/
.clrR{color: red}
.clrO{color: orange}
.clrY{color: yellow}
.clrG{color: green}
.clrC{color: cyan}
.clrB{color: blue}
.clrP{color:purple}
.clrW{color:white}
.clrGrey{color: #bababa}
.clrGrey1{color: #a7a7a7}
.clrGrey2{color: #8c8c8c}
.clrGrey3{color: #6e6e6e}
.clrGrey4{color: #555555}
.clrGrey5{color: #343434}

.clrEC{color:#86242f}





/*上下左右居中*/
.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;
}



/*x轴居中,靠底部 */
.X-center-B {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

/*靠右居中*/
.R_center{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/*等间距*/
.equidistant {
    display: flex;
    justify-content: space-between;
}

/*圆角*/
.fillet {border-radius: 10px;}

/*下边框线*/
.b-border {
    border-bottom: 2px solid #cbc6cd; /* 设置下边框宽度、样式和颜色 */
}

/*字体加粗*/
.bold {
    font-weight: bold;
}




/*y轴设置滚动条*/
.yScrollbar_none {
    overflow-y: auto; /* 允许下拉 */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

/* 隐藏y轴滚动条 */
.yScrollbar_none::-webkit-scrollbar {
    display: none; /* 隐藏滚动条 */
}