h1 {
    margin: 0;
    padding: 0;
    border: 0;
}
html, body{
    font-size: .24rem;
    font-family: "Microsoft YaHei","arial","tahoma","MicrosoftJhengHei";
}

.swiper-slide{
    flex-wrap: wrap;
}
.swiper-slide-item{
    width: 33.3333%;
    margin-bottom: .3rem;
    height: 1.6rem;
}

.xrow {display: flex;flex-direction: row;}
.xcol {display: flex;flex-direction: column;}
.jc-sb{justify-content: space-between;}
.jc-c{justify-content: center;}
.jc-e{justify-content: flex-end;}
.jc-s{justify-content: flex-start;}
.ai-c{align-items: center;}
.ai-s{align-items: flex-start;}
.ai-e{align-items: flex-end;}
.flex1{flex: 1;}
.flex2{flex: 2;}
.flex3{flex: 3;}
.flex4{flex: 4;}
.flex5{flex: 5;}
.flex6{flex: 6;}
.flex-wrap{flex-wrap: wrap}

.full-width{width: 100%;}
.w10{width: .1rem;}
.w20{width: .2rem;}
.w30{width: .3rem;}
.w35{width: .35rem;}
.w40{width: .4rem;}
.w45{width: .45rem;}
.w50{width: .5rem;}
.w60{width: .6rem;}
.w70{width: .7rem;}
.w75{width: .75rem;}
.w80{width: .8rem;}
.w90{width: .9rem;}
.w100{width: 1rem;}
.w110{width: 1.1rem;}
.w120{width: 1.2rem;}
.w130{width: 1.3rem;}
.w140{width: 1.4rem;}
.w150{width: 1.5rem;}
.w200{width: 2rem !important;}
.w150{width: 1.5rem !important;}

.full-height{height: 100%;}
.h10{height: .1rem;}
.h12{height: .12rem;}
.h20{height: .2rem;}
.h30{height: .3rem;}
.h40{height: .4rem;}
.h60{height: .6rem;}
.h70{height: .7rem;}
.h75{height: .75rem;}
.h80{height: .8rem;}
.h90{height: .9rem;}
.h100{height: 1rem;}
.h120{height: 1.2rem;}
.h150{height: 1.5rem;}
.h200{height: 2rem;}

.mgt3{margin-top: .03rem;}
.mgt5{margin-top: .05rem;}
.mgt10{margin-top: .1rem;}
.mgt15{margin-top: .15rem;}
.mgt20{margin-top: .2rem;}
.mgt30{margin-top: .3rem;}
.mgt35{margin-top: .35rem;}
.mgt40{margin-top: .4rem;}
.mgt50{margin-top: .5rem;}
.mgt60{margin-top: .6rem;}
.mgt70{margin-top: .7rem;}
.mgt80{margin-top: .8rem;}
.mgt100{margin-top: 1rem;}
.mgt-100{margin-top: -1rem;}
.mgt-120{margin-top: -1.2rem;}
.mgt-60{margin-top: -.6rem;}
.mgt-70{margin-top: -.7rem;}
.mgt-80{margin-top: -.8rem;}
.mgb10{margin-bottom: .1rem;}
.mgb20{margin-bottom: .2rem;}
.mgb30{margin-bottom: .3rem;}
.mgb40{margin-bottom: .4rem;}
.mgb50{margin-bottom: .5rem;}

.mgl5{margin-left: .05rem;}
.ml10{margin-left: .1rem;}
.mgl10{margin-left: 3px;}
.mgl15{margin-left: .15rem;}
.mgl20{margin-left: .2rem;}
.ml20{margin-left: .2rem;}
.ml30{margin-left: .3rem;}
.mgl30{margin-left: .05rem;}
.mgl40{margin-left: .4rem;}
.mgl50{margin-left: .5rem;}
.mgl60{margin-left: .6rem;}

.mgr10{margin-right: .1rem;}
.mgr15{margin-right: .15rem;}
.mgr20{margin-right: .2rem;}
.mgr30{margin-right: .01rem;}
.mgr40{margin-right: .4rem;}
.mgr50{margin-right: .5rem;}
.mgr60{margin-right: .6rem;}
.mr30{margin-right: .3rem;}

.mgl10{margin-right: 3px;}

.mgl11{margin-right: 0.05rem}
.mgh30{
    margin-left: .3rem;
    margin-right: .3rem;
}

.mg30{margin: .3rem;}