/* *********************************************** 4.12 通用样式 ****************************************************** */


.wid-1200-mar-aut{
    width: 1200px;
    margin: 0 auto;
}
.wid-1400-mar-aut{
    width: 1400px;
    margin: 0 auto;
}


.wid-30{
    width: 30px;
}

.hig-30{
    height: 30px;
}

.flx-ro-cen{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.flx-ro-top{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.flx-ro-end{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}
.flx-col-cen{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.flx-col-lef{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.flx-col-rig{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.txt-ov-ell{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.txt-al-cet{
    text-align: center;
}
.jus-cont-bet{
    justify-content: space-between;
}
.jus-cont-aro{
    justify-content: space-around;
}
.wid-per-100{
    width: 100%;
}
.cor-dark-79{
    color: #797979;
}
.font-col-white{
    color: #fff;
}
.cor-dark-79{
    color: #797979;
}
.font-cor-999{
    color: #999;
}
.font-cor-333{
    color: #333;
}
.font-cor-red{
    color: #ff0000;
}
.font-cor-theme{
    color: #3c6b95;
}
.font-cor-blue{
    color: #0665de;
}
.backcor-white{
    background-color: #fff;
}
.backcor-theme{
    background-color: #3c6b95;
}
.font-cor-orange{
    color: #f6ea32;
}
.font-wi-bol{
    font-weight: bold;
}

.mar-to-5{margin-top: 5px;}
.mar-to-6{margin-top: 6px;}
.mar-to-7{margin-top: 7px;}
.mar-to-8{margin-top: 8px;}
.mar-to-9{margin-top: 9px;}
.mar-to-10{margin-top: 10px;}
.mar-to-11{margin-top: 11px;}
.mar-to-12{margin-top: 12px;}
.mar-to-13{margin-top: 13px;}
.mar-to-14{margin-top: 14px;}
.mar-to-15{margin-top: 15px;}
.mar-to-30{margin-top: 30px;}

.mar-lef-5{margin-left: 5px;}
.mar-lef-6{margin-left: 6px;}
.mar-lef-7{margin-left: 7px;}
.mar-lef-8{margin-left: 8px;}
.mar-lef-9{margin-left: 9px;}
.mar-lef-10{margin-left: 10px;}
.mar-lef-11{margin-left: 11px;}
.mar-lef-12{margin-left: 12px;}
.mar-lef-13{margin-left: 13px;}
.mar-lef-14{margin-left: 14px;}
.mar-lef-15{margin-left: 15px;}
.mar-lef-30{ margin-left: 30px;}
.mar-lef-31{  margin-left: 31px;}


.mar-rig-5{margin-right: 5px;}
.mar-rig-6{margin-right: 6px;}
.mar-rig-7{margin-right: 7px;}
.mar-rig-8{margin-right: 8px;}
.mar-rig-9{margin-right: 9px;}
.mar-rig-10{margin-right: 10px;}
.mar-rig-11{margin-right: 11px;}
.mar-rig-12{margin-right: 12px;}
.mar-rig-13{margin-right: 13px;}
.mar-rig-14{margin-right: 14px;}
.mar-rig-15{margin-right: 15px;}
.mar-rig-30{margin-right: 30px;}


.mar-bott-5{margin-bottom: 5px;}
.mar-bott-6{margin-bottom: 6px;}
.mar-bott-7{margin-bottom: 7px;}
.mar-bott-8{margin-bottom: 8px;}
.mar-bott-9{margin-bottom: 9px;}
.mar-bott-10{margin-bottom: 10px;}
.mar-bott-11{margin-bottom: 11px;}
.mar-bott-12{margin-bottom: 12px;}
.mar-bott-13{margin-bottom: 13px;}
.mar-bott-14{margin-bottom: 14px;}
.mar-bott-15{margin-bottom: 15px;}
.mar-bott-18{ padding-bottom: 18px;}


.font-siz-14{font-size: 14px;}
.font-siz-15{font-size: 15px;}
.font-siz-16{font-size: 16px;}
.font-siz-17{font-size: 17px;}
.font-siz-18{font-size: 18px;}
.font-siz-19{font-size: 19px;}
.font-siz-20{font-size: 20px;}
.font-siz-30{  font-size: 30px;}
.font-siz-28{font-size: 28px;}


.bor-bott-1-ddd{
    border-bottom: 1px solid #ddd;
}
.bor-lef-1-ddd{
    border-left: 1px solid #ddd;
}
.bor-top-1-ddd{
    border-top: 1px solid #ddd;
}
.bor-rig-1-ddd{
    border-right: 1px solid #ddd;
}

.padd-bott-10{
    padding-bottom: 10px;
}
.padd-bott-15{
    padding-bottom: 15px;
}


.bor-rad-8{
    border-radius: 8px;
}
/* *********************************************** 4.12 通用样式 ****************************************************** */