@charset "UTF-8";

/**跨浏览器兼容的弹性盒子布局类，用来让子元素自动排列、换行并两端对齐*/
.flexBox {
    display: -webkit-box; /* 老版本 Safari/iOS */
    display: -webkit-flex; /* 老版本 Chrome */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* 现代浏览器标准 */

    flex-wrap: wrap; /* 子元素超出时自动换行 */
    justify-content: space-between; /* 两端对齐，中间均匀分布 */
}
/*弹性居中*/
.flexCenter {
    display: flex;
    justify-content: center;    /*水平居中（主轴居中）*/
    align-items: center;        /*垂直居中（交叉轴居中）*/
}


/*禁止选中文本*/
.no-select {
    user-select: none; /* 标准语法 */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
}


.w740 {
    width: 740px;
}

.bgf5 {
    background: #f5f5f5;
}

.w840 {
    width: 840px;
}

.w850 {
    width: 850px;
}

.w1180 {
    width: 1180px !important;
}

.w1280 {
    width: 1280px !important;
}

.w1200 {
    width: 1200px !important;
}

.w1240 {
    width: 1240px !important;
}

.w1450 {
    width: 1450px;
}

.w1600 {
    width: 83.3vw;
}

.w1690 {
    width: 88vw;
}

.w840, .w740, .w850, .w1280, .w1200, .w1600, .w1240, .w1450, .w1180, .w1690 {
    margin-left: auto;
    margin-right: auto;
}

.p10 {padding: 10px;}

.pl10{padding-left: 10px;}

.img100 {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}