
.flex_wrap
{
    flex-wrap: wrap;  
}

/*水平排列，X轴居中，Y轴居中*/
.flex_row_center_center,.f_r_c_c
{
    display: flex; 
    flex-direction:row;
    justify-content: center;     
    align-items: center;      
}

/*水平排列，主轴居中，交叉轴顶端*/
.flex_row_center_top,.f_r_c_t
{
    display: flex; 
    flex-direction:row;
    justify-content: center;
    align-items: flex-start;    
}

/*水平排列，X轴两端对齐，Y轴居中*/
.flex_row_both_ends_center,.f_r_b_e_c
{
    display: flex; 
    flex-direction:row;
    justify-content: space-between;     
    align-items: center;        
}

/*水平排列，X轴两端对齐，Y轴顶对齐*/
.flex_row_both_ends_top,.f_r_b_e_t
{
    display: flex; 
    flex-direction:row;
    justify-content: space-between;     
    align-items: flex-start;        
}


/*水平排列，主轴左对齐，交叉轴居中*/
.flex_row_left_center,.f_r_l_c
{
    display: flex; 
    flex-direction:row;
    justify-content: flex-start;     
    align-items: center;        
}

/*水平排列，X轴左对齐，Y轴顶对齐*/
.flex_row_left_top,.f_r_l_t
{
    display: flex; 
    flex-direction:row;
    justify-content: flex-start;
    align-items: flex-start;
}


/*水平排列，主轴居中，交叉轴居中*/
.flex_row_right_center,.f_r_r_c
{
    display: flex; 
    flex-direction:row;
    justify-content: flex-end;     
    align-items: center;      
}

/*水平排列，主轴居中，Y轴顶对齐*/
.flex_row_right_top,.f_r_r_t
{
    display: flex; 
    flex-direction:row;
    justify-content: flex-end;     
    align-items: flex-start;
}

/*垂直排列，X居中，Y轴居中*/
.flex_column_center_center,.f_c_c_c
{
    display: flex; 
    flex-direction:column;
    align-items: center;          
    justify-content: center;     
}

/*垂直排列，X轴靠左对齐，Y轴顶端对齐*/
.flex_column_left_top,.f_c_l_t
{
    display: flex; 
    flex-direction:column;
    align-items: flex-start;          
    justify-content: flex-start;     
}

/*垂直排列，X轴靠左对齐，Y轴底端对齐*/
.flex_column_left_bottom
{
    display: flex; 
    flex-direction:column;
    align-items: flex-start;           
    justify-content: flex-end;     
}

/*垂直排列，X轴左对齐，Y轴居中*/
.flex_column_left_center,.f_c_l_c
{
    display: flex; 
    flex-direction:column;
    align-items: flex-start;          
    justify-content: center;    
}

/*垂直排列，X轴右对齐，Y轴居中*/
.flex_column_right_center,.f_c_r_c
{
    display: flex; 
    flex-direction:column;
    align-items: flex-end;          
    justify-content: center;    
}

/*垂直排列，X轴居中，Y轴顶对齐*/
.flex_column_center_top,.f_c_c_t
{
    display: flex; 
    flex-direction:column;
    align-items: center;          
    justify-content: flex-start;     
}

/*垂直排列，X轴居中，Y轴底对齐*/
.flex_column_center_bottom,.f_c_c_b
{
    display: flex; 
    flex-direction:column;
    align-items: center;          
    justify-content: flex-end;     
}

.text_decoration,.t_d
{
    text-decoration: none;        
}
.text_left,.t_l
{
    text-align: left;    
}
.text_center,.t_c
{
    text-align: center;        
}

.text_right,.t_r
{
    text-align: right;        
}

/*首行缩进两个字体的距离*/
.text_indent,.t_i
{
    text-indent: 2em;   
}

/*每行2个，X轴居中，Y轴居中*/
.grid_2_center_center,.g2_c_c
{
    display: grid;  
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px; 
    justify-items: center;
    align-items: center;
} 

/*每行2个，X轴靠左，Y轴居中*/
.grid_2_left_center,.g2_l_c
{
    display: grid;  
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px; 
    justify-items: flex-start;
    align-items: center;
} 


/*每行4个，X轴居中，Y轴居中*/
.grid_4_center_center,.g4_c_c
{
    display: grid;  
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px; 
    justify-items: center;
    align-items: center;
}  

/*每行5个，X轴居中，Y轴居中*/
.grid_5_center_center,.g5_c_c
{
    display: grid;  
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px; 
    justify-items: center;
    align-items: center;
}  
   
/*每行6个，X轴居中，Y轴居中*/
.grid_6_center_center,.g6_c_c
{
    display: grid;  
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px; 
    justify-items: center;
    align-items: center;
} 

/*每行6个，X轴居中，Y轴顶对齐*/
.grid_6_center_top,.g6_c_t
{
    display: grid;  
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px; 
    justify-items: center;
    align-items: flex-start;
}  

/*每行8个，X轴居中，Y轴居中*/
.grid_8_center_center,.g8_c_c
{
    display: grid;  
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 10px; 
    justify-items: center;
    align-items: center;
} 
/*每行8个，X轴靠左，Y轴居中*/
.grid_8_left_center,.g8_l_c
{
    display: grid;  
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 10px; 
    justify-items: flex-start;
    align-items: center;
} 

.font_12
{
    font-size: 12px; 
    font-family: "Verdana","Microsoft YaHei";         
}

.font_14
{
    font-size: 14px; 
    font-family: "Verdana","Microsoft YaHei";         
}

.font_16
{
    font-size: 16px; 
    font-family: "Verdana","Microsoft YaHei";         
}

.font_18
{
    font-size: 18px; 
    font-family: "Verdana","Microsoft YaHei";         
}

.font_22
{
    font-size: 22px; 
    font-family: "Verdana","Microsoft YaHei";         
}
.font_bold,.f_b
{
    font-weight: bold;        
}

.font_bold,.f_n
{
    font-weight: normal;        
}

.full_width,.f_w
{
    width: 100%;
}

.common_price,.c_price
{
    color:rgba(250,120,0,1);
}

.common_a,.c_a
{
    color:rgba(38,109,125,1);
    text-decoration: none; 
}

.common_a,.c_a:hover
{
    cursor: pointer;
}

.common_gray_color,.c_gray_color
{
    color:rgba(0,0,0,0.3);
}

