.bor_box{box-sizing: border-box;}
.z_100{z-index: 100;}
.z_50{z-index: 50;}
.point{cursor:pointer}

/* 阴影 */
.shadow-1 {
    box-shadow: 4px 4px 8px rgba(114, 130, 138, 0.2)!important;
}
.shadow-2 {
    box-shadow: 8px 8px 16px rgba(114, 130, 138, 0.2)!important;
}
.shadow-3 {
    box-shadow: 12px 12px 48px rgba(114, 130, 138, 0.2)!important;
}
.shadow-4 {
    box-shadow: 0 0 40px rgba(114, 130, 138, 0.8)!important;
}

.row_start_start{display: flex;flex-direction: row;justify-content:flex-start;align-items: start;}
.row_start_end{display: flex;flex-direction: row;justify-content:flex-start;align-items: end;}
.row_start_center{display: flex;flex-direction: row;justify-content:flex-start;align-items: center;}

.row_end_start{display: flex;flex-direction: row;justify-content:flex-end;align-items: start;}
.row_end_end{display: flex;flex-direction: row;justify-content:flex-end;align-items: end;}
.row_end_center{display: flex;flex-direction: row;justify-content:flex-end;align-items: center;}

.row_between_start{display: flex;flex-direction: row;justify-content:space-between;align-items: start;}
.row_between_end{display: flex;flex-direction: row;justify-content:space-between;align-items: end;}
.row_between_center{display: flex;flex-direction: row;justify-content:space-between;align-items: center;}

.row_around_start{display: flex;flex-direction: row;justify-content:space-around;align-items: start;}
.row_around_end{display: flex;flex-direction: row;justify-content:space-around;align-items: end;}
.row_around_center{display: flex;flex-direction: row;justify-content:space-around;align-items: center;}

.row_center_start{display: flex;flex-direction: row;justify-content:center;align-items: start;}
.row_center_end{display: flex;flex-direction: row;justify-content:center;align-items: end;}
.row_center_center{display: flex;flex-direction: row;justify-content:center;align-items: center;}

.col_start_start{display: flex;flex-direction: column;justify-content:flex-start;align-items: start;}
.col_start_end{display: flex;flex-direction: column;justify-content:flex-start;align-items: end;}
.col_start_center{display: flex;flex-direction: column;justify-content:flex-start;align-items: center;}

.col_end_start{display: flex;flex-direction: column;justify-content:flex-end;align-items: start;}
.col_end_end{display: flex;flex-direction: column;justify-content:flex-end;align-items: end;}
.col_end_center{display: flex;flex-direction: column;justify-content:flex-end;align-items: center;}

.col_between_start{display: flex;flex-direction: column;justify-content:space-between;align-items: start;}
.col_between_end{display: flex;flex-direction: column;justify-content:space-between;align-items: end;}
.col_between_center{display: flex;flex-direction: column;justify-content:space-between;align-items: center;}

.col_around_start{display: flex;flex-direction: column;justify-content:space-around;align-items: start;}
.col_around_end{display: flex;flex-direction: column;justify-content:space-around;align-items: end;}
.col_around_center{display: flex;flex-direction: column;justify-content:space-around;align-items: center;}

.col_center_start{display: flex;flex-direction: column;justify-content:center;align-items: start;}
.col_center_end{display: flex;flex-direction: column;justify-content:center;align-items: end;}
.col_center_center{display: flex;flex-direction: column;justify-content:center;align-items: center;}

.flex_wrap{flex-wrap: wrap;}
.flex_no_wrap{flex-wrap: nowrap;}


.flex-grow1{flex-grow: 1;}
.flex-grow2{flex-grow: 2;}
.flex-grow3{flex-grow: 3;}