html{
    font-size: 100px;
}
body{
    font-size: 12px;
    width: 100%;
    font-family: 'Microsoft yahei';
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#allmap *{
    box-sizing: content-box;

}

ul,li{
    list-style-type: none;
}
a,a:hover,a:active{
    text-decoration: none;
}

.bf4{
    background: #f4f4f4;
}
.bf1{
    background: #f1f1f1;
}
.bf{
    background: #fff;
}
.bg_mask{
    background: rgba(0,0,0,.3);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* width: 100%;
    height: 100%; */
}


.ellipsis{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.overflows{
    overflow: hidden;
}
.pointer{
    cursor: pointer;
}
.widths{
    width: 100%;
}
.heights{
    height: 100%;
}
.min{
    min-width: 12.6rem;
}
.width1260{
    width: 12.6rem;
}
.width1200{
    width: 12rem;
}
.width1060{
    width: 10.6rem;
}
.width1000{
    width: 10rem;
}
.widths50{
    width: 50%;
}
.autos{
    margin: 0 auto;
}
.minW{
    min-width: 0;
}
.minH{
    min-height: 0;
}

/* radius */
.radius{
    border-radius: 50%;
}
.radius2{
    border-radius: 2px;
}

.radius4{
    border-radius: 4px;
}

.radius6{
    border-radius: 6px;
}

.radius8{
    border-radius: 8px;
}

/* 娓呮娴姩 */
.clear::after{
    content: '';
    height: 0;
    visibility: hidden;
    clear: both;
    display: block;
}
.clearLeft::after{
    content: '';
    height: 0;
    visibility: hidden;
    clear: left;
    display: block;
}
.clearRight::after{
    content: '';
    height: 0;
    visibility: hidden;
    clear: right;
    display: block;
}

/* flex甯冨眬 */
.flex {
    display: -webkit-flex !important;
    display: flex !important;
}
.inlineFlex {
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
}
/* 姘村钩杞� */
.flexRow {
    -webkit-flex-direction: row ;
    flex-direction: row ;
}
.flexRow-reverse {
    -webkit-flex-direction: row-reverse ;
    flex-direction: row-reverse ;
}
/* 鍨傜洿杞� */
.flexColumn {
    -webkit-flex-direction: column ;
    flex-direction: column ;
}
.flexColumn-reverse {
    -webkit-flex-direction: column-reverse ;
    flex-direction: column-reverse ;
}
/* 鎹㈣ */
.flexWrap  {
    -webkit-flex-wrap : wrap ;
    flex-wrap : wrap ;
}
.flexNowrap   {
    -webkit-flex-wrap : nowrap  ;
    flex-wrap : nowrap  ;
}
.flexWrap-reverse  {
    -webkit-flex-wrap : wrap-reverse ;
    flex-wrap : wrap-reverse ;
}
/* 瀵归綈妯″紡 */
.justifyStart {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.justifyEnd  {
    -webkit-justify-content: flex-end ;
    justify-content: flex-end ;
}
.justifyCenter {
    -webkit-justify-content: center;
    justify-content: center;
}
.justifyBetween {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.justifyAround {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
/* 杞寸嚎瀵归綈 */
.itemsStart {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.itemsEnd {
    -webkit-align-items: flex-end ;
    align-items: flex-end ;
}
.itemsCenter {
    -webkit-align-items: center ;
    align-items: center ;
}
.itemsBaseline {
    -webkit-align-items: baseline  ;
    align-items: baseline  ;
}
.itemsStretch {
    -webkit-align-items: stretch ;
    align-items: stretch ;
}

/* 澶氳酱瀵归綈 */
.contentStart {
    -webkit-align-content: flex-start;
    align-content: flex-start;
}
.contentEnd {
    -webkit-align-content: flex-end ;
    align-content: flex-end ;
}
.contentCenter {
    -webkit-align-content: center ;
    align-content: center ;
}
.contentBaseline {
    -webkit-align-content: baseline  ;
    align-content: baseline  ;
}
.contentStretch {
    -webkit-align-content: stretch ;
    align-content: stretch ;
}

.flexShrink{
    /* flex:1,1,auto; */
    flex-shrink:1;
    flex-grow:1;
    flex-basis:auto;
}
.flexGrow{
    /* flex:0,0,auto; */
    flex-shrink:0;
    flex-grow:0;
    flex-basis:auto;
}

/* item灞炴€� */
/* order  椤圭洰鐨勬帓鍒楅『搴� 榛樿涓�0*/
/* flex-grow   椤圭洰鐨勬斁澶ф瘮渚�  榛樿涓�0  椤圭洰涓嶆斁澶�*/
/* flex-shrink   椤圭洰鐨勭缉灏忔瘮渚�  榛樿涓�1  椤圭洰缂╁皬 */
/* flex-basis (px)  椤圭洰鍗犳嵁鐨勪富杞寸┖闂�  榛樿鍊间负auto  鍗抽」鐩殑鏈潵澶у皬 */

/* flex   flex-grow, flex-shrink 鍜� flex-basis鐨勭畝鍐�   榛樿鍊间负0 1 auto */
/* flex: none | auto;  浼樺厛浣跨敤*/

/* align-self 灞炴€у厑璁稿崟涓」鐩湁涓庡叾浠栭」鐩笉涓€鏍风殑瀵归綈鏂瑰紡锛屽彲瑕嗙洊align-items灞炴€с€傞粯璁ゅ€间负auto */
/* align-self: auto | flex-start | flex-end | center | baseline | stretch; */

.selfAuto {
    -webkit-align-self: auto;
    align-self: auto;
}
.selfStart {
    -webkit-align-self: start;
    align-self: start;
}
.selfEnd {
    -webkit-align-self: end;
    align-self: end;
}
.selfCenter {
    -webkit-align-self: center;
    align-self: center;
}
.selfBaseline {
    -webkit-align-self: baseline;
    align-self: baseline;
}
.selfStretch {
    -webkit-align-self: stretch;
    align-self: stretch;
}

/* position */
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
.fixed{
    position: fixed;
}
.clearfix:after{
    content: '';
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}
.clearfix{
    zoom:1;
}

/* display */
.none{
    display: none;
}
.inlineBlock{
    display: inline-block;
}
.block{
    display: block ;
}
.nones{
    display: none !important;
}
.inlineBlocks{
    display: inline-block !important;
}
.blocks{
    display: block !important;
}


.middles{
    vertical-align: middle;
}
.centers{
    text-align: center;
}