body,html{
     padding: 0;
     margin: 0;
     color: #373737;
     width: 100%;
     height: 100%;
 }
 ul,li,dl,dd{
     list-style: none;
     padding: 0;
     margin: 0;
 }
 h1,h2,h3,h4{
     margin: 0;
     padding: 0;
 }
 i{
    font-style: normal;
 }
 p{
     margin: 0;
 }
 a{
     text-decoration: none;
     color: #373737;
 }
 img{object-fit: cover;border: none;}
 /* �劫�羯����∞��絎遵墾 */
::-webkit-scrollbar {
    width:4px;
    height:4px;
}
/* �劫�羯����≦�号Ы��蘂��� */
::-webkit-scrollbar-track-piece { 
    background-color:#fff;
}
/* �劫�羯����≧������桁� */
::-webkit-scrollbar-thumb {
    background-color:#dddddd;
    background-clip:padding-box;
    min-height:28px;
}
 /* ���臀����� */
.bg-main{
     background-color: #E8199E;
}
.bg-main-light{
     background-color: #FFD4EF;
}
.bg-gray{
    background-color: #F5F5F5;
}

.text-main{
    color: #E8199E;
}
.text-white{
    color: #fff;
}
.border-main{
    border:1px solid  #E8199E;
}
.border-gray{
    border:1px solid #BCBCBC;
}
 /* ������� */
 .bg-white{
    background: #fff;
}
.bg-color-yellow{
    background-color: #F1CD4C;
}
.bg-color-orange{
    background-color: #FF8804;
}
.bg-color-gray{
    background-color: #F9F9F9;
}
.bg-color-black{
    background-color: #666666;
}
/* ��絖�蘂��� */
.text-color-yellow{
    color: #F1CD4C;
}
.text-color-orange{
    color: #FF8804;
}
.text-color-gray{
    color: #999999;
}
.text-color-black{
    color: #666666;
}
/* ��絖�紊у� */
.text-size-12{
    font-size: 12px;
}
.text-size-14{
    font-size: 14px;
}
.text-size-16{
    font-size: 16px;
}
.text-size-18{
    font-size: 18px;
}
.text-size-20{
    font-size: 20px;
}
.text-size-22{
    font-size: 22px;
}
.text-size-24{
    font-size: 24px;
}
.text-size-26{
    font-size: 26px;
}
.text-size-28{
    font-size: 28px;
}
.text-size-32{
    font-size: 32px;
}
.text-size-34{
    font-size: 34px;
}
/* ��絖�絲拷� */
/* �т賢絲拷� */
.text-center{
    text-align: center;
}
/* 綏��藹� */
.text-left{
    text-align: left;
}
/* �喝�藹� */
.text-right{
    text-align: right;
}
/* ��絖���膕� */
.text-bold{
    font-weight: bold;
}
/* 絽�絮� */
.flex {
    display: flex;
}
.flex-1 {
    flex: 1;
}
.abso{
    position: absolute;
}
.rela{
    position: relative;
}
/* ��莅御�∵� */
.flex-wrap{
    flex-wrap: wrap;
}
/* ���贋��� */
.flex-column{
    flex-direction: column;
}
/* 羂翫抗���� */
/* 綏�捷���� */
.justify-start{
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
/* �喝�藹� */
.justify-end{
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
/* �т賢���� */
.justify-center{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/* 筝ょ����� */
.justify-between{
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
/* ���雁��翫��絽� */
.justify-around{
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
/* ���贋��� */
    /* 蕁狗���藹� */
.align-start{
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
/* 綺����藹� */
.align-end{
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
/* �т賢絲拷� */
.align-center{
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
/* 莨壕� */
/* ����捷莊� */
.margin-5{
    margin: 5px;
}
.margin-10{
    margin: 10px;
}
.margin-20{
    margin: 20px;
}
.margin-40{
    margin: 40px;
}
/* 綏�捷莊� */
.margin-left-5{
    margin-left: 5px;
}
.margin-left-10{
    margin-left: 10px;
}
.margin-left-20{
    margin-left: 20px;
}
.margin-left-40{
    margin-left: 40px;
}
.margin-left-50{
    margin-left: 50px;
}
/* �活捷莊� */
.margin-right-5{
    margin-right: 5px;
}
.margin-right-10{
    margin-right: 10px;
}
.margin-right-20{
    margin-right: 20px;
}
.margin-right-40{
    margin-right: 40px;
}
.margin-right-50{
    margin-left: 50px;
}
/* 筝�莨壕� */
.margin-top-5{
    margin-top: 5px;
}
.margin-top-10{
    margin-top: 10px;
}
.margin-top-20{
    margin-top: 20px;
}
.margin-top-40{
    margin-top: 40px;
}
.margin-top-50{
    margin-top: 50px;
}
/* 筝�莨壕� */
.margin-bottom-10{
    margin-bottom: 10px;
}
.margin-bottom-20{
    margin-bottom: 20px;
}
.margin-bottom-40{
    margin-bottom: 40px;
}
/* 綏�勈捷莊� */
.margin-lr-5{
    margin:0 5px;
}
.margin-lr-10{
    margin:0 10px;
}
.margin-lr-20{
    margin:0 20px;
}
.margin-lr-30{
    margin:0 30px;
}
.margin-lr-40{
    margin:0 40px;
}
.margin-lr-50{
    margin:0 50px;
}
/* 筝�筝�莨壕� */
.margin-bt-5{
    margin: 5px 0;
}
.margin-bt-10{
    margin: 10px 0;
}
.margin-bt-20{
    margin:20px 0;
}
.margin-bt-30{
    margin:30px 0;
}
.margin-bt-40{
    margin:40px 0;
}
.margin-bt-50{
    margin:50px 0;
}
/* 紂��� */
/* ����゛�� */
.padding-5{
    padding: 5px;
}
.padding-10{
    padding: 10px;
}
.padding-20{
    padding: 20px;
}
.padding-40{
    padding: 40px;
}
/* 綏�゛�� */
.padding-left-5{
    padding-left: 5px;
}
.padding-left-10{
    padding-left: 10px;
}
.padding-left-20{
    padding-left: 20px;
}
.padding-left-40{
    padding-left: 40px;
}
/* �喝゛�� */
.padding-right-5{
    padding-right: 5px;
}
.padding-right-10{
    padding-right: 10px;
}
.padding-right-20{
    padding-right: 20px;
}
.padding-right-40{
    padding-right: 40px;
}
/* 筝�紂��� */
.padding-top-5{
    padding-top: 5px;
}
.padding-top-10{
    padding-top: 10px;
}
.padding-top-20{
    padding-top: 20px;
}
.padding-top-40{
    padding-top: 40px;
}
/* 筝�紂��� */
.padding-bottom-5{
    padding-bottom: 5px;
}
.padding-bottom-10{
    padding-bottom: 10px;
}
.padding-bottom-20{
    padding-bottom: 20px;
}
.padding-bottom-40{
    padding-bottom: 40px;
}
/* 綏�勀゛�� */
.padding-lr-5{
    padding:0 5px;
}
.padding-lr-10{
    padding:0 10px;
}
.padding-lr-20{
    padding:0 20px;
}
.padding-lr-40{
    padding:0 40px;
}
/* 筝�筝�紂��� */
.padding-bt-5{
    padding: 5px 0;
}
.padding-bt-10{
    padding: 10px 0;
}
.padding-bt-20{
    padding:20px 0;
}
.padding-bt-40{
    padding:40px 0;
}