html{
    font-size:62.5%;
    /* padding: 10px auto; */
    font-weight: lighter;
font-family:"Amiri","STIXTwoMath","Sarabun",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,"Helvetica Neue","Source Han Sans SC",sans-serif !important;

}
body{
    font-size:2rem ;
    
}
.fontf{
    font-family:"Amiri","STIXTwoMath","Sarabun",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,"Helvetica Neue","Source Han Sans SC",sans-serif !important;
}
.bge {
    background: #eee;
}
.bgw{
    background: #fff;
}

.twrap{
    overflow-wrap: initial;
    word-wrap: break-word;
    flex-wrap: wrap;
}

.tjustify{
    text-align: justify;
}

.flexrow{
    display: flex;
    flex-direction: row;
    align-items: center;

}

.flexcol{
    display: flex;
    flex-direction: column;

}
.leftf{
    align-items:left;
}
.rightf{
    align-items:right;
}
.topf{
    display: flex;
    flex-direction: row;    
    align-items: top;
}
.lefttxt{
    text-align: left;
}
.righttxt{
    text-align: right;
}
.font50{
    font-size: 5.0rem;
}
.font40{
    font-size: 4.0rem;
}
.font32{
    font-size: 3.2rem;
}
.font26{
    font-size: 2.6rem;
}
.font18{
    font-size: 1.8rem;
}
.font12{
    font-size: 1.2rem;
}
.fontbold{
    /* font-weight: 900; */
    font:900 32px "黑体";
}
.mleftauto{
    margin-left: auto;
}
.margrightauto{
    margin-right: auto;
}
.color8{
    color: #333;
}
.colorred{
    color:red;
}
.my10{
    margin: 0.2rem auto;
}
.mx10{
    margin: auto 0.2rem;
}
.px10{
    padding: auto 20px;
}
.py10{
    padding: 20px auto;
}
.p10{
    padding: 0.1rem 0.2rem;
}
.margb10{
    margin-bottom: 10px;
}
.margt10{
    margin-top: 10px;
}
.margb30{
    margin-bottom: 30px;
}
.margt30{
    margin-top: 30px;
}

.zoom2{
    zoom:2;
}
.bgred{
    background:#a31953;
    color:white;
}
.bgorch{
    background: orchid;
}
.colorfff{
    color:#fff;
}
.wid10{
    width: 10%;
}
.wid20{
    width: 20%;
}
.wid30{
    width: 30%;
}
.wid40{
    width: 40%;
}

.wid50{
    width: 50%;
}
.wid60{
    width: 60%;
}
.wid66{
    width: 66%;
}
.wid70{
    width: 70%;
}
.wid90{
    width: 90%;
}
.wid100{
    width: 100%;
}
.hei80{
    height: 80%;
}
.hei100{
    height: 100%;
}
.fwrap{
    overflow: auto;
}
.bordl{
    border-left: 1px solid #888;
}
.bordr{
    border-right: 1px solid #888;
}
.bordt{
    border-top: 1px solid #888;
}
.bordb{
    border-bottom: 1px solid #888;
}
.radiu{
    border-radius:0.3rem;
}
.alicent{
    text-align: center;
}
.linh50{
    line-height: 50px;
}
.img{
   width:100%;
    max-width: 250px;
    max-height: 300px;
    margin: 0.3rem auto;
}
.py20{
    padding-top: 20px;
    padding-bottom: 20px;
}

.imgc{
    height:100%;
    display:block;
    margin: 0 auto;
    
}