/*layout布局相关设置*/

.w1{width: 1%;}
.w2{width: 2%;}
.w3{width: 3%;}
.w4{width: 4%;}
.w5{width: 5%;}
.w6{width: 6%;}
.w7{width: 7%;}
.w8{width: 8%;}
.w9{width: 9%;}
.w10{width: 10%;}
.w20{
    width: 20%;
}
.w25{
    width: 25%;
}
.w30{
    width: 30%;
}
.w35{
    width: 35%;
}
.w40{
    width: 40%;
}
.w45{
    width: 45%;
}
.w50{
    width: 50%;
}
.w55{
    width: 55%;
}
.w60{
    width: 60%;
}
.w65{
    width: 65%;
}
.w70{
    width: 70%;
}
.w75{
    width: 75%;
}
.w80{
    width: 80%;
}
.w90{
    width: 90%;
}
.w100{
    width: 100%;
}
.h100{
    height: 100%;
}


.wh10-10{width: 10vw;height: 10vw;}
.wh20-20{width: 20vw;height: 20vw;}
.wh30-30{width: 30vw;height: 30vw;}
.wh40-40{width: 40vw;height: 40vw;}
.wh50-50{width: 50vw;height: 50vw;}
.wh60-60{width: 60vw;height: 60vw;}
.wh70-70{width: 70vw;height: 70vw;}
.wh80-80{width: 80vw;height: 80vw;}
.wh90-90{width: 90vw;height: 90vw;}
.wh100-100{width: 100vw;height: 100vw;}
.scrollX{
    overflow-x: scroll ;
}

/*与 scrollX 搭配使用*/
.inlineBlock{
    display: inline-block;
}


/*横向滑动内容*/
.scrollX-Box{
    overflow-x: scroll ;
    word-break: keep-all;
    white-space:  nowrap;
    word-wrap: normal;
}
.scrollX-Item{
    display: inline-block;
}


.noBreak{
    word-break: keep-all;
    white-space:  nowrap;
}
.noWrap{
    word-wrap: normal;
}

.fixed{
    position: fixed;
    z-index: 9999999999
}

.clear{
    clear: both;
    line-height: 0;
    height: 0;
}

/*边距相关*/
/*****************************start**************************/
.pad10{padding: 1rem;}
.pad20{padding: 2rem;}
.pad30{padding: 3rem;}
.pad40{padding: 4rem;}
.pad50{padding: 5rem;}
.pad60{padding: 6rem;}
.pad70{padding: 7rem;}
.pad80{padding: 8rem;}
.pad90{padding: 9rem;}
.pad100{padding: 10rem;}

.mar10{margin: 1rem;}
.mar20{margin: 2rem;}
.mar30{margin: 3rem;}
.mar40{margin: 4rem;}
.mar50{margin: 5rem;}
.mar60{margin: 6rem;}
.mar70{margin: 7rem;}
.mar80{margin: 8rem;}
.mar90{margin: 9rem;}
.mar100{margin: 10rem;}

.padt10{padding-top: 1rem;}
.padt20{padding-top: 2rem;}
.padt30{padding-top: 3rem;}
.padt40{padding-top: 4rem;}
.padt50{padding-top: 5rem;}
.padt60{padding-top: 6rem;}
.padt70{padding-top: 7rem;}
.padt80{padding-top: 8rem;}
.padt90{padding-top: 9rem;}
.padt100{padding-top: 10rem;}

.mart10{margin-top: 1rem;}
.mart20{margin-top: 2rem;}
.mart30{margin-top: 3rem;}
.mart40{margin-top: 4rem;}
.mart50{margin-top: 5rem;}
.mart60{margin-top: 6rem;}
.mart70{margin-top: 7rem;}
.mart80{margin-top: 8rem;}
.mart90{margin-top: 9rem;}
.mart100{margin-top: 10rem;}

.padr10{padding-right: 1rem;}
.padr20{padding-right: 2rem;}
.padr30{padding-right: 3rem;}
.padr40{padding-right: 4rem;}
.padr50{padding-right: 5rem;}
.padr60{padding-right: 6rem;}
.padr70{padding-right: 7rem;}
.padr80{padding-right: 8rem;}
.padr90{padding-right: 9rem;}
.padr100{padding-right: 10rem;}

.marr10{margin-right: 1rem;}
.marr20{margin-right: 2rem;}
.marr30{margin-right: 3rem;}
.marr40{margin-right: 4rem;}
.marr50{margin-right: 5rem;}
.marr60{margin-right: 6rem;}
.marr70{margin-right: 7rem;}
.marr80{margin-right: 8rem;}
.marr90{margin-right: 9rem;}
.marr100{margin-right: 10rem;}

.padb10{padding-bottom: 1rem;}
.padb20{padding-bottom: 2rem;}
.padb30{padding-bottom: 3rem;}
.padb40{padding-bottom: 4rem;}
.padb50{padding-bottom: 5rem;}
.padb60{padding-bottom: 6rem;}
.padb70{padding-bottom: 7rem;}
.padb80{padding-bottom: 8rem;}
.padb90{padding-bottom: 9rem;}
.padb100{padding-bottom: 10rem;}

.marb10{margin-bottom: 1rem;}
.marb20{margin-bottom: 2rem;}
.marb30{margin-bottom: 3rem;}
.marb40{margin-bottom: 4rem;}
.marb50{margin-bottom: 5rem;}
.marb60{margin-bottom: 6rem;}
.marb70{margin-bottom: 7rem;}
.marb80{margin-bottom: 8rem;}
.marb90{margin-bottom: 9rem;}
.marb100{margin-bottom: 10rem;}

.padl10{padding-left: 1rem;}
.padl20{padding-left: 2rem;}
.padl30{padding-left: 3rem;}
.padl40{padding-left: 4rem;}
.padl50{padding-left: 5rem;}
.padl60{padding-left: 6rem;}
.padl70{padding-left: 7rem;}
.padl80{padding-left: 8rem;}
.padl90{padding-left: 9rem;}
.padl100{padding-left: 10rem;}

.marl10{margin-left: 1rem;}
.marl20{margin-left: 2rem;}
.marl30{margin-left: 3rem;}
.marl40{margin-left: 4rem;}
.marl50{margin-left: 5rem;}
.marl60{margin-left: 6rem;}
.marl70{margin-left: 7rem;}
.marl80{margin-left: 8rem;}
.marl90{margin-left: 9rem;}
.marl100{margin-left: 10rem;}
/*****************************end**************************/


/*边距相关--追加*/
/*****************************start**************************/
.pad1{padding: 0.1rem;}
.pad2{padding: 0.2rem;}
.pad3{padding: 0.3rem;}
.pad4{padding: 0.4rem;}
.pad5{padding: 0.5rem;}
.pad6{padding: 0.6rem;}
.pad7{padding: 0.7rem;}
.pad8{padding: 0.8rem;}
.pad9{padding: 0.9em;}

.mar1{margin: 0.1rem;}
.mar2{margin: 0.2rem;}
.mar3{margin: 0.3rem;}
.mar4{margin: 0.4rem;}
.mar5{margin: 0.5rem;}
.mar6{margin: 0.6rem;}
.mar7{margin: 0.7rem;}
.mar8{margin: 0.8rem;}
.mar9{margin: 0.9em;}

.padt1{padding-top: 0.1rem;}
.padt2{padding-top: 0.2rem;}
.padt3{padding-top: 0.3rem;}
.padt4{padding-top: 0.4rem;}
.padt5{padding-top: 0.5rem;}
.padt6{padding-top: 0.6rem;}
.padt7{padding-top: 0.7rem;}
.padt8{padding-top: 0.8rem;}
.padt9{padding-top: 0.9em;}

.mart1{margin-top: 0.1rem;}
.mart2{margin-top: 0.2rem;}
.mart3{margin-top: 0.3rem;}
.mart4{margin-top: 0.4rem;}
.mart5{margin-top: 0.5rem;}
.mart6{margin-top: 0.6rem;}
.mart7{margin-top: 0.7rem;}
.mart8{margin-top: 0.8rem;}
.mart9{margin-top: 0.9em;}

.padr1{padding-right: 0.1rem;}
.padr2{padding-right: 0.2rem;}
.padr3{padding-right: 0.3rem;}
.padr4{padding-right: 0.4rem;}
.padr5{padding-right: 0.5rem;}
.padr6{padding-right: 0.6rem;}
.padr7{padding-right: 0.7rem;}
.padr8{padding-right: 0.8rem;}
.padr9{padding-right: 0.9em;}

.marr1{margin-right: 0.1rem;}
.marr2{margin-right: 0.2rem;}
.marr3{margin-right: 0.3rem;}
.marr4{margin-right: 0.4rem;}
.marr5{margin-right: 0.5rem;}
.marr6{margin-right: 0.6rem;}
.marr7{margin-right: 0.7rem;}
.marr8{margin-right: 0.8rem;}
.marr9{margin-right: 0.9em;}

.padb1{padding-bottom: 0.1rem;}
.padb2{padding-bottom: 0.2rem;}
.padb3{padding-bottom: 0.3rem;}
.padb4{padding-bottom: 0.4rem;}
.padb5{padding-bottom: 0.5rem;}
.padb6{padding-bottom: 0.6rem;}
.padb7{padding-bottom: 0.7rem;}
.padb8{padding-bottom: 0.8rem;}
.padb9{padding-bottom: 0.9em;}

.marb1{margin-bottom: 0.1rem;}
.marb2{margin-bottom: 0.2rem;}
.marb3{margin-bottom: 0.3rem;}
.marb4{margin-bottom: 0.4rem;}
.marb5{margin-bottom: 0.5rem;}
.marb6{margin-bottom: 0.6rem;}
.marb7{margin-bottom: 0.7rem;}
.marb8{margin-bottom: 0.8rem;}
.marb9{margin-bottom: 0.9em;}

.padl1{padding-left: 0.1rem;}
.padl2{padding-left: 0.2rem;}
.padl3{padding-left: 0.3rem;}
.padl4{padding-left: 0.4rem;}
.padl5{padding-left: 0.5rem;}
.padl6{padding-left: 0.6rem;}
.padl7{padding-left: 0.7rem;}
.padl8{padding-left: 0.8rem;}
.padl9{padding-left: 0.9em;}

.marl1{margin-left: 0.1rem;}
.marl2{margin-left: 0.2rem;}
.marl3{margin-left: 0.3rem;}
.marl4{margin-left: 0.4rem;}
.marl5{margin-left: 0.5rem;}
.marl6{margin-left: 0.6rem;}
.marl7{margin-left: 0.7rem;}
.marl8{margin-left: 0.8rem;}
.marl9{margin-left: 0.9em;}
/*****************************end**************************/