/* 公共css样式 */

/* flex布局 */
.flex{
	display: flex;
}
.row{
	flex-direction: row;
}
.cloumn{
	flex-direction: column;
}
.between{
	justify-content: space-between;
}
.around{
	justify-content: space-around;
}
.center{
	justify-content: center;
}
.middle{
	align-items: center;
}
.top{
	align-items: flex-start;
}
.bottom{
	align-items: flex-end;
}
.grow{
	flex-grow: 1;
}
.start{
	justify-content: flex-start;
}
.end{
	justify-content: flex-end;
}
.wrap{
	flex-wrap: wrap;
}
.nowrap{
	flex-wrap: nowrap;
}

/* 外边距 */
.m_10{
	margin: 10px;
}
.m_20{
	margin: 20px;
}
.mt_10{
	margin-top: 10px;
}
.mt_5{
	margin-top: 5px;
}
.mt_20{
	margin-top: 20px;
}
.mt_30{
	margin-top: 30px;
}
.mt_80{
	margin-top: 80px;
}
.mt_40{
	margin-top: 40px;
}
.mt_60{
	margin-top: 60px;
}
.mb_10{
	margin-bottom: 10px;
}
.mb_20{
	margin-bottom: 20px;
}
.mb_40{
	margin-bottom: 40px;
}
.mb_60{
	margin-bottom: 60px;
}
.ml_10{
	margin-left: 10px;
}
.ml_20{
	margin-left: 20px;
}
.mr_10{
	margin-right: 10px;
}
.ml_40{
	margin-left: 40px;
}
.mr_20{
	margin-right: 20px;
}
.mr_40{
	margin-right: 40px;
}
.mtb_10{
	margin-top: 10px;
	margin-bottom: 10px;
}
.mtb_20{
	margin-top: 20px;
	margin-bottom: 20px;
}
.mtb_40{
	margin-top: 40px;
	margin-bottom: 40px;
}
.mtb_80{
	margin-top: 80px;
	margin-bottom: 80px;
}
.mlr_5{
	margin-left: 5px;
	margin-right: 5px;
}
.mlr_10{
	margin-left: 10px;
	margin-right: 10px;
}
.mlr_20{
	margin-left: 20px;
	margin-right: 20px;
}

/* 内边距 */
.p_5{
	padding: 5px;
}
.p_10{
	padding: 10px;
}
.p_20{
	padding: 20px;
}
.pt_10{
	padding-top: 10px;
}
.pt_20{
	padding-top: 20px;
}
.pt_40{
	padding-top: 40px;
}
.pb_5{
	padding-bottom: 5px;
}
.pb_10{
	padding-bottom: 10px;
}
.pb_20{
	padding-bottom: 20px;
}
.pb_40{
	padding-bottom: 40px;
}
.pl_10{
	padding-left: 10px;
}
.pl_20{
	padding-left: 20px;
}
.pr_10{
	padding-right: 10px;
}
.pr_20{
	padding-right: 20px;
}
.ptb_10{
	padding-top: 10px;
	padding-bottom: 10px;
}
.ptb_20{
	padding-top: 20px;
	padding-bottom: 20px;
}
.ptb_40{
	padding-top: 40px;
	padding-bottom: 40px;
}
.plr_5{
	padding-left: 5px;
	padding-right: 5px;
}
.plr_10{
	padding-left: 10px;
	padding-right: 10px;
}
.plr_20{
	padding-left: 20px;
	padding-right: 20px;
}
.plr_40{
	padding-left: 40px;
	padding-right: 40px;
}
.p_40{
	padding: 40px;
}

/* 字体大小 */
.fs_small{
	font-size: 12px;
}
.fs_middle{
	font-size: 14px;
}
.fs_big{
	font-size: 16px;
}
.fs_big2{
	font-size: 19px;
}
.fs_big3{
	font-size: 25px;
}

/* 字体颜色 */
.fs_white{
	color: #FFFFFF;
}
.fs_black{
	color: #2d2d2d;
}
.fs_grey{
	color: #909399;
}
.fs_grey2{
	color: #757575;
}
.fs_light_grey{
	color: #4c4c4c;
}
.fs_red{
	color: #ff0036;
}
.fs_orange{
	color: #FF7200;
}
.fs_blue{
	color: rgb(5,131,249);
}

/* 其他 */
.blod{
	font-weight: 550;
}
.blod2{
	font-weight: 700;
}
.sizing{
	box-sizing: border-box;
}
.overflow1{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
.overflow2{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
}
.overflow5{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:5; /* 这里是超出几行省略 */
    overflow: hidden;
}
.shadow{
	box-shadow: #D3D3D3 0px 0px 10px; 
}
.shadow_red{
	box-shadow: #ff2745 0px 0px 10px; 
}
.b_r_5{
	border-radius: 5px;
}
.b_r_10{
	border-radius: 10px;
}
.b_r_20{
	border-radius: 20px;
}
.b_r_circle{
	border-radius: 50%;
}

.bc_white{
	background-color: #FFFFFF;
}

.cursor{
	cursor: pointer;
}

.border_1{
	border: 1px solid #eee;
}

.box_center{
	width: calc(100vw - 40px);
	margin-left: 20px;
	margin-right: 20px;
}
.bg_color{
	background-color: #ff0036;
}