body { width: 100% !important; }
.text{
	width:100%;
	display: inline-flex;
	align-items: center;
	line-height: 1;
	height: 32px;
	cursor: pointer;
	text-align: center;
	outline: 0;
	transition: .1s;
	vertical-align: middle;
	-webkit-appearance: none;
	background-color: #ffffff;
	border: 1px solid #dcdfe6;
	padding: 1px 11px;
	border-radius: 5px;
	overflow: hidden;
}

.borderBottom{
	border-bottom: 1px solid #dcdfe6;
}

.borderHui{
	border: 1px solid #e2e2e2;
}

.borderHuang{
	border: 1px solid #D5FF26;
}

.pr{
	position: relative;
}

.pftr{
	position: fixed;
	top:0px;
	right:0px;
}

.pftr_150{
	position: fixed;
	top:150px;
	right:0px;
}

.pftl{
	position: fixed;
	top:0px;
	left:0px;
}

.pfbl{
	position: fixed;
	bottom:0px;
	left:0px;
}

.pfbl_60{
	position: fixed;
	bottom:60px;
	left:0px;
}

.pa_tl{
	position: absolute;
	top:0px;
	left:0px;
}

.pa_tr{
	position: absolute;
	top:0px;
	right:0px;
}

.pa_br{
	position: absolute;
	bottom:0px;
	right:0px;
}

.pa_bl{
	position: absolute;
	bottom:0px;
	left:0px;
}

.br3{
	border-radius: 3px;
}

.br5{
	border-radius: 5px;
}

.br10{
	border-radius: 10px;
}

.br20{
	border-radius: 20px;
}

.brp100{
	border-radius: 100%;
}

.shadowBottom{
	box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16)
}

.shadow4{
	box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);
}

.cursor{
	cursor: pointer;
}

.no-select {
    user-select: none;
    -webkit-user-select: none;  /* Safari */
    -moz-user-select: none;     /* Firefox */
    -ms-user-select: none;      /* IE 10 and IE 11 */
}

/* 自定义 */
.cfff{
	color: #fff;
}

.c_hui{
	color:#616161;
}

.c_cheng{
	color:#FFAA00;
}

.c_huang{
	color:#D5FF26;
}

.c_hong{
	color: #e80113;
}

.c_lan{
	color: #0069FF;
}

.c_lv{
	color: #00a65a;
}

.c_zi{
	color: #b710d0;
}

.c_bai{
	color:#fff;
}

.b_bai{
	background:#fff;
}

.b_hui{
	background:#F7F7F7;
}

.b_hong{
	background:#e80113;
}

.b_hong_i{
	background:#e80113 !important;
}

.b_hong_two{
	background:#e8011329;
}

.b_cheng{
	background:#FFAA00;
	color: #fff;
}

.b_huang{
	background:#D5FF26;
}

.b_ju{
	background:#FFF2E8;
}

.bc_cheng{
	background:#FFAA00;
	color: #fff;
}

.b_s_cheng{
	border:1px solid #FFAA00;
}

.bc_huang{
	background:#D5FF26;
	color: #fff;
}

.b_s_huang{
	border:1px solid #D5FF26;
}

.bc_hong{
	background:#e80113;
	color: #fff;
}

.bc_hei{
	background:#111111;
	color: #fff;
}

.b_hei{
	background:#111111;
}

.b_lan{
	background:#0069FF;
}

.bc_lan{
	background:#0069FF;
	color: #fff;
}

.b_lv{
	background:#00a65a;
}

.b_lv_i{
	background:#00a65a !important;
}

.bc_lv{
	background:#00a65a;
	color: #fff;
}

.b_zi{
	background:#b710d0;
}

.b_zi_i{
	background:#b710d0 !important;
}

.bc_zi{
	background:#b710d0;
	color: #fff;
}

/* 内容溢出 */
.tac{
	text-align: center;
}

.tar{
	text-align: right;
}

.tal{
	text-align: left;
}

.oh {
	overflow: hidden;
}

.ox {
	overflow-y: hidden;
	overflow-x: auto;
}

.oy {
	overflow-x: hidden;
	overflow-y: auto;
}

.dn {
	display: none;
}

/* 行内弹 */
.dif {
	display: inline-flex;
}

.di {
	display: inline;
}

/* 弹性盒模型 */

.dcc{
	display: flex;
	justify-content: center;
	align-items: center;
}

.dfcc{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.dfss{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.df {
	display: flex;
}

.dfi {
	display: flex !important;
}

.item_scroll {
	flex: 0 0 auto;
}

/* // 横向 justify-content */
/* // 元素之前、之间、之后都留有空白空间，且空间自行分配,项目之间的间隔比项目与边框的间隔大一倍。 */
.jcsa {
	justify-content: space-around;
}

/* // 两端对齐，子元素和子元素之间有空白空间,项目之间的间隔都相等。 */
.jcsb {
	justify-content: space-between;
}

/* // 横向 居中对齐，子元素位于弹性容器的中心 */
.jcc {
	justify-content: center;
}

/* // 默认值，横向 主轴顶端对齐 */
.jcfs {
	justify-content: flex-start;
}

/* // 横向 主轴的末端对齐 */
.jcfe {
	justify-content: flex-end;
}

/* // 纵向 align-items */
/* // 纵向 居中 对齐。 */
.aic {
	align-items: center;
}

/* // 沿着交叉轴方向，按照项目内的文字对齐。 */
.aib {
	align-items: baseline;
}

/* // 沿着交叉轴方向 结尾 对齐。 */
.aife {
	align-items: flex-end;
}

.aifs {
	align-items: flex-start;
}

/* // 排列方向 从上到下 */
.fdc {
	flex-direction: column;
}

/* // 排列方向 从右到左 */
.fdrr {
	flex-direction: row-reverse;
}


/* // 超出换行 */
.fww {
	flex-wrap: wrap;
}

/* // 超出隐藏 */
.fwn {
	flex-wrap: nowrap;
}

/* // 平分一倍空间 */
.f1 {
	flex: 1;
}

/* // 合理分配铺满 */
.acs{
	align-content: stretch;
}

/* // 左上角 */
.acfs{
	align-content: flex-start;
}

/* // 右上角 */
.acfs{
	align-content: flex-end;
}

/* // 居中 */
.acfs{
	align-content: center;
}

/* // 两端不留空 */
.acfs{
	align-content: space-between;
}

/* // 两端留空 */
.acfs{
	align-content: space-around;
}

/* // 平分二倍空间 */
.f2 {
	flex: 2;
}

/* // 平分三倍空间 */
.f3 {
	flex: 3;
}

/* // 正方形 */
.wpp100{
	width: 100%;
	padding-bottom: 100%;
	position: relative;
}

.wpp96{
	width: 96%;
	padding-bottom: 96%;
	position: relative;
}

.wpp33{
	width: 33.33%;
	padding-bottom: 33.33%;
	position: relative;
}

.wpp100_5{
	width: calc(100% - 10px);
	padding-bottom: calc(100% - 10px);
	position: relative;
}

.wpp33_5{
	width: calc(33.33% - 6.66px);
	padding-bottom: calc(33.33% - 6.66px);
	position: relative;
}



/* // 宽百分比 */
.whp100{
	width: 100%;
	height: 100%;
}

.wp100_10{
	width: calc(100% - 10px);
}

.wp100_20{
	width: calc(100% - 20px);
}

.wp100_40{
	width: calc(100% - 40px);
}

.wp100_60{
	width: calc(100% - 60px);
}

.wp100_70{
	width: calc(100% - 70px);
}

.wp100_80{
	width: calc(100% - 80px);
}

.wp100_100{
	width: calc(100% - 100px);
}

.wp100_120{
	width: calc(100% - 120px);
}

.wp100_150{
	width: calc(100% - 150px);
}

.wp100_200{
	width: calc(100% - 200px);
}

.wp100_300{
	width: calc(100% - 300px);
}

.wp100{
	width: 100%;
}

.wp96{
	width: 96%;
}

.wp94{
	width: 94%;
}

.wp90{
	width: 90%;
}

.wp80{
	width: 80%;
}

.wp70{
	width: 70%;
}

.wp60{
	width: 60%;
}

.wp50{
	width: 50%;
}

.wp40{
	width: 40%;
}

.wp33{
	width: 33.33%;
}

.wp30{
	width: 30%;
}

.wp25{
	width: 25%;
}

.wp20{
	width: 20%;
}
/* // 宽高 */
.wh10{
	width: 10px;
	height: 10px;
}

.wh15{
	width: 15px;
	height: 15px;
}

.wh20{
	width: 20px;
	height: 20px;
}

.wh25{
	width: 25px;
	height: 25px;
}

.wh30{
	width: 30px;
	height: 30px;
}

.wh35{
	width: 35px;
	height: 35px;
}

.wh40{
	width: 40px;
	height: 40px;
}

.wh50{
	width: 50px;
	height: 50px;
}

.wh60{
	width: 60px;
	height: 60px;
}

.wh80{
	width: 80px;
	height: 80px;
}

.wh100{
	width: 100px;
	height: 100px;
}

.wh120{
	width: 120px;
	height: 120px;
}

.wh150{
	width: 150px;
	height: 150px;
}

.wh180{
	width: 180px;
	height: 180px;
}

.wh200{
	width: 200px;
	height: 200px;
}

.wh300{
	width: 300px;
	height: 300px;
}

.w3h200{
	width: 300px;
	height: 200px;
}

/* // 宽度 */
.w5{
	width: 5px;
}

.w10{
	width: 10px;
}

.w15{
	width: 15px;
}

.w20{
	width: 20px;
}

.w30{
	width: 30px;
}

.w40{
	width: 40px;
}

.w50{
	width: 50px;
}

.w60{
	width: 60px;
}

.w80{
	width: 80px;
}

.w90{
	width: 90px;
}

.w100{
	width: 100px;
}

.w120{
	width: 120px;
}

.w150{
	width: 150px;
}

.w200{
	width: 200px;
}

.w220{
	width: 220px;
}

.w280{
	width: 280px;
}


.w300{
	width: 300px;
}

/* // 高度 */
.h5{
	height: 5px;
}

.h10{
	height: 10px;
}

.h15{
	height: 15px;
}

.h20{
	height: 20px;
}

.h30{
	height: 30px;
}

.h40{
	height: 40px;
}

.h50{
	height: 50px;
}

.h60{
	height: 60px;
}

.h70{
	height: 70px;
}

.h80{
	height: 80px;
}

.h90{
	height: 90px;
}

.h100{
	height: 100px;
}

.h120{
	height: 120px;
}

.h140{
	height: 140px;
}

.h150{
	height: 150px;
}

.h160{
	height: 160px;
}

.h200{
	height: 200px;
}

.h250{
	height: 250px;
}

.h300{
	height: 300px;
}

.hp25{
	height: 25%;
}

.hp30{
	height: 30%;
}

.hp40{
	height: 40%;
}

.hp50{
	height: 50%;
}

.hp60{
	height: 60%;
}

.hp80{
	height: 80%;
}

.hp96{
	height: 96%;
}

.hp100{
	height: 100%;
}

/* // 字体加粗 */
.b{
	font-weight: bold;
}

/* // 字体大小 */
.f12{
	font-size: 12px;
}

.f14{
	font-size: 14px;
}

.f16{
	font-size: 16px;
}

.f18{
	font-size: 18px;
}

.f20{
	font-size: 20px;
}

.f22{
	font-size: 22px;
}

.f24{
	font-size: 24px;
}

.f26{
	font-size: 26px;
}

.f28{
	font-size: 28px;
}

.f30{
	font-size: 30px;
}

.f36{
	font-size: 36px;
}

.f40{
	font-size: 40px;
}

.f50{
	font-size: 50px;
}

.fem0_8{
	font-size: 0.8em;
}

.fem0_6{
	font-size: 0.6em;
}

.fem0_5{
	font-size: 0.5em;
}

.fem1{
	font-size: 1em;
}

.fem1_2{
	font-size: 1.2em;
}

.fem1_5{
	font-size: 1.5em;
}

.fem2{
	font-size: 2em;
}


/* // 内边距 */

.pb5{
	padding-bottom: 5px;
}

.pb10{
	padding-bottom: 10px;
}

.pb40{
	padding-bottom: 40px;
}

.pl10{
	padding-left: 10px;
}

.pl20{
	padding-left: 20px;
}

.pl30{
	padding-left: 30px;
}

.ptb5{
	padding-top: 5px;
	padding-bottom: 5px;
}

.ptb10{
	padding-top: 10px;
	padding-bottom: 10px;
}

.ptb15{
	padding-top: 15px;
	padding-bottom: 15px;
}

.ptb20{
	padding-top: 20px;
	padding-bottom: 20px;
}

.ptb40{
	padding-top: 40px;
	padding-bottom: 40px;
}

.plr5{
	padding-left: 5px;
	padding-right: 5px;
}

.plr10{
	padding-left: 10px;
	padding-right: 10px;
}

.plr15{
	padding-left: 15px;
	padding-right: 15px;
}

.plr20{
	padding-left: 20px;
	padding-right: 20px;
}

.plr30{
	padding-left: 30px;
	padding-right: 30px;
}

.plr40{
	padding-left: 40px;
	padding-right: 40px;
}
/* // 外边距 */
.ml5{
	margin-left: 5px;
}

.ml10{
	margin-left: 10px;
}

.ml15{
	margin-left: 15px;
}

.ml20{
	margin-left: 20px;
}

.ml40{
	margin-left: 40px;
}

.mr5{
	margin-right: 5px;
}

.mr10{
	margin-right: 10px;
}

.mr15{
	margin-right: 15px;
}

.mr20{
	margin-right: 20px;
}

.mr30{
	margin-right: 30px;
}

.mlr5{
	margin-left: 5px;
	margin-right: 5px;
}

.mlr10{
	margin-left: 10px;
	margin-right: 10px;
}

.mlr15{
	margin-left: 15px;
	margin-right: 15px;
}

.mlr20{
	margin-left: 20px;
	margin-right: 20px;
}

.mlr30{
	margin-left: 30px;
	margin-right: 30px;
}

.mlr40{
	margin-left: 40px;
	margin-right: 40px;
}

.mt5{
	margin-top: 5px;
}

.mt10{
	margin-top: 10px;
}

.mt15{
	margin-top: 15px;
}

.mt20{
	margin-top: 20px;
}

.mt40{
	margin-top: 40px;
}

.mt60{
	margin-top: 60px;
}

.mb5{
	margin-bottom: 5px;
}

.mb10{
	margin-bottom: 10px;
}

.mb15{
	margin-bottom: 15px;
}

.mb20{
	margin-bottom: 20px;
}

.mb40{
	margin-bottom: 40px;
}

.mtb5{
	margin-top: 5px;
	margin-bottom: 5px;
}

.mtb10{
	margin-top: 10px;
	margin-bottom: 10px;
}

.mtb15{
	margin-top: 15px;
	margin-bottom: 15px;
}

.mtb20{
	margin-top: 20px;
	margin-bottom: 20px;
}

.mtb40{
	margin-top: 40px;
	margin-bottom: 40px;
}

.mb200{
	margin-bottom: 200px;
}