/* LESS Document */
* {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei UI", "微软雅黑", "黑体", "sans-serif";
}

/*----------------
	flex
----------------*/
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	/*两端对齐*/
	align-items: center;
	/*垂直居中*/
}

.inline-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: inline-flex;
	flex-wrap: nowrap;
}

/*----方向----*/
/*横向*/
.flex.row {
	flex-direction: row;
}

/*横向-右到左*/
.flex.row-reverse {
	flex-direction: row-reverse;
}

.flex-sm.row-reverse {
	flex-direction: row-reverse;
}

/*纵向*/
.flex.column {
	flex-direction: column;
}

/*纵向-下到上*/
.flex.column-reverse {
	flex-direction: column-reverse;
}

/*----换行----*/
/*单行*/
.flex.nowrap,
.flex-nowrap {
	flex-wrap: nowrap;
}

/*换行*/
.flex.wrap,
.flex-wrap {
	flex-wrap: wrap;
}

/*换行-反向*/
.flex.wrap-reverse {
	flex-wrap: wrap-reverse;
}

/*----对齐----*/
/*左对齐*/
.jusify-start {
	justify-content: flex-start;
}

/*右对齐*/
.jusify-end {
	justify-content: flex-end;
}

/*中间对齐*/
.jusify-center {
	justify-content: center;
}

/*两端对齐*/
.jusify-between {
	justify-content: space-between;
}

/*两端对齐-有边距*/
.jusify-around {
	justify-content: space-around;
}

/*----行内对齐----*/
/*上对齐*/
.align-srart {
	align-items: flex-start;
}

/*底对齐*/
.align-end {
	align-items: flex-end;
}

/*垂直居中*/
.align-center {
	align-items: center;
}

/*等高*/
.align-stretch {
	align-items: stretch;
}

/*文字基轴线对齐*/
.align-baseline {
	align-items: baseline;
}

/*----多行对齐----*/
/*顶对齐*/
.content-start {
	align-content: flex-start;
}

/*底对齐*/
.content-end {
	align-content: flex-end;
}

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

/*平均高度*/
.content-stretch {
	align-content: stretch;
}

/*两端对齐*/
.content-between {
	align-content: space-between;
}

/*平均间距*/
.content-around {
	align-content: space-around;
}

/*是否缩放*/
.flex-shrink {
	flex-shrink: 0;
}

.flex-1 {
	flex: 1;
}

.flex-2 {
	flex: 2;
}

.flex-3 {
	flex: 3;
}

.flex-4 {
	flex: 4;
}

.flex-5 {
	flex: 5;
}

.flex-6 {
	flex: 6;
}

.flex-7 {
	flex: 7;
}

.flex-8 {
	flex: 8;
}

.flex-9 {
	flex: 9;
}

.flex-10 {
	flex: 10;
}

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

.w10 {
	width: 10%;
}

/*----------------
	边距
----------------*/
/*Margin*/
.m-15 {
	margin: -15px !important;
}

.mx-15 {
	margin-left: -15px !important;
	margin-right: -15px !important;
}

.my-15 {
	margin-top: -15px !important;
	margin-bottom: -15px !important;
}

.mt-15 {
	margin-top: -15px !important;
}

.mb-15 {
	margin-bottom: -15px !important;
}

.ml-15 {
	margin-left: -15px !important;
}

.mr-15 {
	margin-right: -15px !important;
}

.m-14 {
	margin: -14px !important;
}

.mx-14 {
	margin-left: -14px !important;
	margin-right: -14px !important;
}

.my-14 {
	margin-top: -14px !important;
	margin-bottom: -14px !important;
}

.mt-14 {
	margin-top: -14px !important;
}

.mb-14 {
	margin-bottom: -14px !important;
}

.ml-14 {
	margin-left: -14px !important;
}

.mr-14 {
	margin-right: -14px !important;
}

.m-13 {
	margin: -13px !important;
}

.mx-13 {
	margin-left: -13px !important;
	margin-right: -13px !important;
}

.my-13 {
	margin-top: -13px !important;
	margin-bottom: -13px !important;
}

.mt-13 {
	margin-top: -13px !important;
}

.mb-13 {
	margin-bottom: -13px !important;
}

.ml-13 {
	margin-left: -13px !important;
}

.mr-13 {
	margin-right: -13px !important;
}

.m-12 {
	margin: -12px !important;
}

.mx-12 {
	margin-left: -12px !important;
	margin-right: -12px !important;
}

.my-12 {
	margin-top: -12px !important;
	margin-bottom: -12px !important;
}

.mt-12 {
	margin-top: -12px !important;
}

.mb-12 {
	margin-bottom: -12px !important;
}

.ml-12 {
	margin-left: -12px !important;
}

.mr-12 {
	margin-right: -12px !important;
}

.m-11 {
	margin: -11px !important;
}

.mx-11 {
	margin-left: -11px !important;
	margin-right: -11px !important;
}

.my-11 {
	margin-top: -11px !important;
	margin-bottom: -11px !important;
}

.mt-11 {
	margin-top: -11px !important;
}

.mb-11 {
	margin-bottom: -11px !important;
}

.ml-11 {
	margin-left: -11px !important;
}

.mr-11 {
	margin-right: -11px !important;
}

.m-10 {
	margin: -10px !important;
}

.mx-10 {
	margin-left: -10px !important;
	margin-right: -10px !important;
}

.my-10 {
	margin-top: -10px !important;
	margin-bottom: -10px !important;
}

.mt-10 {
	margin-top: -10px !important;
}

.mb-10 {
	margin-bottom: -10px !important;
}

.ml-10 {
	margin-left: -10px !important;
}

.mr-10 {
	margin-right: -10px !important;
}

.m-9 {
	margin: -9px !important;
}

.mx-9 {
	margin-left: -9px !important;
	margin-right: -9px !important;
}

.my-9 {
	margin-top: -9px !important;
	margin-bottom: -9px !important;
}

.mt-9 {
	margin-top: -9px !important;
}

.mb-9 {
	margin-bottom: -9px !important;
}

.ml-9 {
	margin-left: -9px !important;
}

.mr-9 {
	margin-right: -9px !important;
}

.m-8 {
	margin: -8px !important;
}

.mx-8 {
	margin-left: -8px !important;
	margin-right: -8px !important;
}

.my-8 {
	margin-top: -8px !important;
	margin-bottom: -8px !important;
}

.mt-8 {
	margin-top: -8px !important;
}

.mb-8 {
	margin-bottom: -8px !important;
}

.ml-8 {
	margin-left: -8px !important;
}

.mr-8 {
	margin-right: -8px !important;
}

.m-7 {
	margin: -7px !important;
}

.mx-7 {
	margin-left: -7px !important;
	margin-right: -7px !important;
}

.my-7 {
	margin-top: -7px !important;
	margin-bottom: -7px !important;
}

.mt-7 {
	margin-top: -7px !important;
}

.mb-7 {
	margin-bottom: -7px !important;
}

.ml-7 {
	margin-left: -7px !important;
}

.mr-7 {
	margin-right: -7px !important;
}

.m-6 {
	margin: -6px !important;
}

.mx-6 {
	margin-left: -6px !important;
	margin-right: -6px !important;
}

.my-6 {
	margin-top: -6px !important;
	margin-bottom: -6px !important;
}

.mt-6 {
	margin-top: -6px !important;
}

.mb-6 {
	margin-bottom: -6px !important;
}

.ml-6 {
	margin-left: -6px !important;
}

.mr-6 {
	margin-right: -6px !important;
}

.m-5 {
	margin: -5px !important;
}

.mx-5 {
	margin-left: -5px !important;
	margin-right: -5px !important;
}

.my-5 {
	margin-top: -5px !important;
	margin-bottom: -5px !important;
}

.mt-5 {
	margin-top: -5px !important;
}

.mb-5 {
	margin-bottom: -5px !important;
}

.ml-5 {
	margin-left: -5px !important;
}

.mr-5 {
	margin-right: -5px !important;
}

.m-4 {
	margin: -4px !important;
}

.mx-4 {
	margin-left: -4px !important;
	margin-right: -4px !important;
}

.my-4 {
	margin-top: -4px !important;
	margin-bottom: -4px !important;
}

.mt-4 {
	margin-top: -4px !important;
}

.mb-4 {
	margin-bottom: -4px !important;
}

.ml-4 {
	margin-left: -4px !important;
}

.mr-4 {
	margin-right: -4px !important;
}

.m-3 {
	margin: -3px !important;
}

.mx-3 {
	margin-left: -3px !important;
	margin-right: -3px !important;
}

.my-3 {
	margin-top: -3px !important;
	margin-bottom: -3px !important;
}

.mt-3 {
	margin-top: -3px !important;
}

.mb-3 {
	margin-bottom: -3px !important;
}

.ml-3 {
	margin-left: -3px !important;
}

.mr-3 {
	margin-right: -3px !important;
}

.m-2 {
	margin: -2px !important;
}

.mx-2 {
	margin-left: -2px !important;
	margin-right: -2px !important;
}

.my-2 {
	margin-top: -2px !important;
	margin-bottom: -2px !important;
}

.mt-2 {
	margin-top: -2px !important;
}

.mb-2 {
	margin-bottom: -2px !important;
}

.ml-2 {
	margin-left: -2px !important;
}

.mr-2 {
	margin-right: -2px !important;
}

.m-1 {
	margin: -1px !important;
}

.mx-1 {
	margin-left: -1px !important;
	margin-right: -1px !important;
}

.my-1 {
	margin-top: -1px !important;
	margin-bottom: -1px !important;
}

.mt-1 {
	margin-top: -1px !important;
}

.mb-1 {
	margin-bottom: -1px !important;
}

.ml-1 {
	margin-left: -1px !important;
}

.mr-1 {
	margin-right: -1px !important;
}

.m0 {
	margin: 0px !important;
}

.mx0 {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.my0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.mt0 {
	margin-top: 0px !important;
}

.mb0 {
	margin-bottom: 0px !important;
}

.ml0 {
	margin-left: 0px !important;
}

.mr0 {
	margin-right: 0px !important;
}

.m1 {
	margin: 1px !important;
}

.mx1 {
	margin-left: 1px !important;
	margin-right: 1px !important;
}

.my1 {
	margin-top: 1px !important;
	margin-bottom: 1px !important;
}

.mt1 {
	margin-top: 1px !important;
}

.mb1 {
	margin-bottom: 1px !important;
}

.ml1 {
	margin-left: 1px !important;
}

.mr1 {
	margin-right: 1px !important;
}

.m2 {
	margin: 2px !important;
}

.mx2 {
	margin-left: 2px !important;
	margin-right: 2px !important;
}

.my2 {
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}

.mt2 {
	margin-top: 2px !important;
}

.mb2 {
	margin-bottom: 2px !important;
}

.ml2 {
	margin-left: 2px !important;
}

.mr2 {
	margin-right: 2px !important;
}

.m3 {
	margin: 3px !important;
}

.mx3 {
	margin-left: 3px !important;
	margin-right: 3px !important;
}

.my3 {
	margin-top: 3px !important;
	margin-bottom: 3px !important;
}

.mt3 {
	margin-top: 3px !important;
}

.mb3 {
	margin-bottom: 3px !important;
}

.ml3 {
	margin-left: 3px !important;
}

.mr3 {
	margin-right: 3px !important;
}

.m4 {
	margin: 4px !important;
}

.mx4 {
	margin-left: 4px !important;
	margin-right: 4px !important;
}

.my4 {
	margin-top: 4px !important;
	margin-bottom: 4px !important;
}

.mt4 {
	margin-top: 4px !important;
}

.mb4 {
	margin-bottom: 4px !important;
}

.ml4 {
	margin-left: 4px !important;
}

.mr4 {
	margin-right: 4px !important;
}

.m5 {
	margin: 5px !important;
}

.mx5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.my5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.ml5 {
	margin-left: 5px !important;
}

.mr5 {
	margin-right: 5px !important;
}

.m6 {
	margin: 6px !important;
}

.mx6 {
	margin-left: 6px !important;
	margin-right: 6px !important;
}

.my6 {
	margin-top: 6px !important;
	margin-bottom: 6px !important;
}

.mt6 {
	margin-top: 6px !important;
}

.mb6 {
	margin-bottom: 6px !important;
}

.ml6 {
	margin-left: 6px !important;
}

.mr6 {
	margin-right: 6px !important;
}

.m7 {
	margin: 7px !important;
}

.mx7 {
	margin-left: 7px !important;
	margin-right: 7px !important;
}

.my7 {
	margin-top: 7px !important;
	margin-bottom: 7px !important;
}

.mt7 {
	margin-top: 7px !important;
}

.mb7 {
	margin-bottom: 7px !important;
}

.ml7 {
	margin-left: 7px !important;
}

.mr7 {
	margin-right: 7px !important;
}

.m8 {
	margin: 8px !important;
}

.mx8 {
	margin-left: 8px !important;
	margin-right: 8px !important;
}

.my8 {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}

.mt8 {
	margin-top: 8px !important;
}

.mb8 {
	margin-bottom: 8px !important;
}

.ml8 {
	margin-left: 8px !important;
}

.mr8 {
	margin-right: 8px !important;
}

.m9 {
	margin: 9px !important;
}

.mx9 {
	margin-left: 9px !important;
	margin-right: 9px !important;
}

.my9 {
	margin-top: 9px !important;
	margin-bottom: 9px !important;
}

.mt9 {
	margin-top: 9px !important;
}

.mb9 {
	margin-bottom: 9px !important;
}

.ml9 {
	margin-left: 9px !important;
}

.mr9 {
	margin-right: 9px !important;
}

.m10 {
	margin: 10px !important;
}

.mx10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.my10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.m11 {
	margin: 11px !important;
}

.mx11 {
	margin-left: 11px !important;
	margin-right: 11px !important;
}

.my11 {
	margin-top: 11px !important;
	margin-bottom: 11px !important;
}

.mt11 {
	margin-top: 11px !important;
}

.mb11 {
	margin-bottom: 11px !important;
}

.ml11 {
	margin-left: 11px !important;
}

.mr11 {
	margin-right: 11px !important;
}

.m12 {
	margin: 12px !important;
}

.mx12 {
	margin-left: 12px !important;
	margin-right: 12px !important;
}

.my12 {
	margin-top: 12px !important;
	margin-bottom: 12px !important;
}

.mt12 {
	margin-top: 12px !important;
}

.mb12 {
	margin-bottom: 12px !important;
}

.ml12 {
	margin-left: 12px !important;
}

.mr12 {
	margin-right: 12px !important;
}

.m13 {
	margin: 13px !important;
}

.mx13 {
	margin-left: 13px !important;
	margin-right: 13px !important;
}

.my13 {
	margin-top: 13px !important;
	margin-bottom: 13px !important;
}

.mt13 {
	margin-top: 13px !important;
}

.mb13 {
	margin-bottom: 13px !important;
}

.ml13 {
	margin-left: 13px !important;
}

.mr13 {
	margin-right: 13px !important;
}

.m14 {
	margin: 14px !important;
}

.mx14 {
	margin-left: 14px !important;
	margin-right: 14px !important;
}

.my14 {
	margin-top: 14px !important;
	margin-bottom: 14px !important;
}

.mt14 {
	margin-top: 14px !important;
}

.mb14 {
	margin-bottom: 14px !important;
}

.ml14 {
	margin-left: 14px !important;
}

.mr14 {
	margin-right: 14px !important;
}

.m15 {
	margin: 15px !important;
}

.mx15 {
	margin-left: 15px !important;
	margin-right: 15px !important;
}

.my15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.m16 {
	margin: 16px !important;
}

.mx16 {
	margin-left: 16px !important;
	margin-right: 16px !important;
}

.my16 {
	margin-top: 16px !important;
	margin-bottom: 16px !important;
}

.mt16 {
	margin-top: 16px !important;
}

.mb16 {
	margin-bottom: 16px !important;
}

.ml16 {
	margin-left: 16px !important;
}

.mr16 {
	margin-right: 16px !important;
}

.m17 {
	margin: 17px !important;
}

.mx17 {
	margin-left: 17px !important;
	margin-right: 17px !important;
}

.my17 {
	margin-top: 17px !important;
	margin-bottom: 17px !important;
}

.mt17 {
	margin-top: 17px !important;
}

.mb17 {
	margin-bottom: 17px !important;
}

.ml17 {
	margin-left: 17px !important;
}

.mr17 {
	margin-right: 17px !important;
}

.m18 {
	margin: 18px !important;
}

.mx18 {
	margin-left: 18px !important;
	margin-right: 18px !important;
}

.my18 {
	margin-top: 18px !important;
	margin-bottom: 18px !important;
}

.mt18 {
	margin-top: 18px !important;
}

.mb18 {
	margin-bottom: 18px !important;
}

.ml18 {
	margin-left: 18px !important;
}

.mr18 {
	margin-right: 18px !important;
}

.m19 {
	margin: 19px !important;
}

.mx19 {
	margin-left: 19px !important;
	margin-right: 19px !important;
}

.my19 {
	margin-top: 19px !important;
	margin-bottom: 19px !important;
}

.mt19 {
	margin-top: 19px !important;
}

.mb19 {
	margin-bottom: 19px !important;
}

.ml19 {
	margin-left: 19px !important;
}

.mr19 {
	margin-right: 19px !important;
}

.m20 {
	margin: 20px !important;
}

.mx20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}

.my20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.m21 {
	margin: 21px !important;
}

.mx21 {
	margin-left: 21px !important;
	margin-right: 21px !important;
}

.my21 {
	margin-top: 21px !important;
	margin-bottom: 21px !important;
}

.mt21 {
	margin-top: 21px !important;
}

.mb21 {
	margin-bottom: 21px !important;
}

.ml21 {
	margin-left: 21px !important;
}

.mr21 {
	margin-right: 21px !important;
}

.m22 {
	margin: 22px !important;
}

.mx22 {
	margin-left: 22px !important;
	margin-right: 22px !important;
}

.my22 {
	margin-top: 22px !important;
	margin-bottom: 22px !important;
}

.mt22 {
	margin-top: 22px !important;
}

.mb22 {
	margin-bottom: 22px !important;
}

.ml22 {
	margin-left: 22px !important;
}

.mr22 {
	margin-right: 22px !important;
}

.m23 {
	margin: 23px !important;
}

.mx23 {
	margin-left: 23px !important;
	margin-right: 23px !important;
}

.my23 {
	margin-top: 23px !important;
	margin-bottom: 23px !important;
}

.mt23 {
	margin-top: 23px !important;
}

.mb23 {
	margin-bottom: 23px !important;
}

.ml23 {
	margin-left: 23px !important;
}

.mr23 {
	margin-right: 23px !important;
}

.m24 {
	margin: 24px !important;
}

.mx24 {
	margin-left: 24px !important;
	margin-right: 24px !important;
}

.my24 {
	margin-top: 24px !important;
	margin-bottom: 24px !important;
}

.mt24 {
	margin-top: 24px !important;
}

.mb24 {
	margin-bottom: 24px !important;
}

.ml24 {
	margin-left: 24px !important;
}

.mr24 {
	margin-right: 24px !important;
}

.m25 {
	margin: 25px !important;
}

.mx25 {
	margin-left: 25px !important;
	margin-right: 25px !important;
}

.my25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.ml25 {
	margin-left: 25px !important;
}

.mr25 {
	margin-right: 25px !important;
}

.m26 {
	margin: 26px !important;
}

.mx26 {
	margin-left: 26px !important;
	margin-right: 26px !important;
}

.my26 {
	margin-top: 26px !important;
	margin-bottom: 26px !important;
}

.mt26 {
	margin-top: 26px !important;
}

.mb26 {
	margin-bottom: 26px !important;
}

.ml26 {
	margin-left: 26px !important;
}

.mr26 {
	margin-right: 26px !important;
}

.m27 {
	margin: 27px !important;
}

.mx27 {
	margin-left: 27px !important;
	margin-right: 27px !important;
}

.my27 {
	margin-top: 27px !important;
	margin-bottom: 27px !important;
}

.mt27 {
	margin-top: 27px !important;
}

.mb27 {
	margin-bottom: 27px !important;
}

.ml27 {
	margin-left: 27px !important;
}

.mr27 {
	margin-right: 27px !important;
}

.m28 {
	margin: 28px !important;
}

.mx28 {
	margin-left: 28px !important;
	margin-right: 28px !important;
}

.my28 {
	margin-top: 28px !important;
	margin-bottom: 28px !important;
}

.mt28 {
	margin-top: 28px !important;
}

.mb28 {
	margin-bottom: 28px !important;
}

.ml28 {
	margin-left: 28px !important;
}

.mr28 {
	margin-right: 28px !important;
}

.m29 {
	margin: 29px !important;
}

.mx29 {
	margin-left: 29px !important;
	margin-right: 29px !important;
}

.my29 {
	margin-top: 29px !important;
	margin-bottom: 29px !important;
}

.mt29 {
	margin-top: 29px !important;
}

.mb29 {
	margin-bottom: 29px !important;
}

.ml29 {
	margin-left: 29px !important;
}

.mr29 {
	margin-right: 29px !important;
}

.m30 {
	margin: 30px !important;
}

.mx30 {
	margin-left: 30px !important;
	margin-right: 30px !important;
}

.my30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.m31 {
	margin: 31px !important;
}

.mx31 {
	margin-left: 31px !important;
	margin-right: 31px !important;
}

.my31 {
	margin-top: 31px !important;
	margin-bottom: 31px !important;
}

.mt31 {
	margin-top: 31px !important;
}

.mb31 {
	margin-bottom: 31px !important;
}

.ml31 {
	margin-left: 31px !important;
}

.mr31 {
	margin-right: 31px !important;
}

.m32 {
	margin: 32px !important;
}

.mx32 {
	margin-left: 32px !important;
	margin-right: 32px !important;
}

.my32 {
	margin-top: 32px !important;
	margin-bottom: 32px !important;
}

.mt32 {
	margin-top: 32px !important;
}

.mb32 {
	margin-bottom: 32px !important;
}

.ml32 {
	margin-left: 32px !important;
}

.mr32 {
	margin-right: 32px !important;
}

.m33 {
	margin: 33px !important;
}

.mx33 {
	margin-left: 33px !important;
	margin-right: 33px !important;
}

.my33 {
	margin-top: 33px !important;
	margin-bottom: 33px !important;
}

.mt33 {
	margin-top: 33px !important;
}

.mb33 {
	margin-bottom: 33px !important;
}

.ml33 {
	margin-left: 33px !important;
}

.mr33 {
	margin-right: 33px !important;
}

.m34 {
	margin: 34px !important;
}

.mx34 {
	margin-left: 34px !important;
	margin-right: 34px !important;
}

.my34 {
	margin-top: 34px !important;
	margin-bottom: 34px !important;
}

.mt34 {
	margin-top: 34px !important;
}

.mb34 {
	margin-bottom: 34px !important;
}

.ml34 {
	margin-left: 34px !important;
}

.mr34 {
	margin-right: 34px !important;
}

.m35 {
	margin: 35px !important;
}

.mx35 {
	margin-left: 35px !important;
	margin-right: 35px !important;
}

.my35 {
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.ml35 {
	margin-left: 35px !important;
}

.mr35 {
	margin-right: 35px !important;
}

.m36 {
	margin: 36px !important;
}

.mx36 {
	margin-left: 36px !important;
	margin-right: 36px !important;
}

.my36 {
	margin-top: 36px !important;
	margin-bottom: 36px !important;
}

.mt36 {
	margin-top: 36px !important;
}

.mb36 {
	margin-bottom: 36px !important;
}

.ml36 {
	margin-left: 36px !important;
}

.mr36 {
	margin-right: 36px !important;
}

.m37 {
	margin: 37px !important;
}

.mx37 {
	margin-left: 37px !important;
	margin-right: 37px !important;
}

.my37 {
	margin-top: 37px !important;
	margin-bottom: 37px !important;
}

.mt37 {
	margin-top: 37px !important;
}

.mb37 {
	margin-bottom: 37px !important;
}

.ml37 {
	margin-left: 37px !important;
}

.mr37 {
	margin-right: 37px !important;
}

.m38 {
	margin: 38px !important;
}

.mx38 {
	margin-left: 38px !important;
	margin-right: 38px !important;
}

.my38 {
	margin-top: 38px !important;
	margin-bottom: 38px !important;
}

.mt38 {
	margin-top: 38px !important;
}

.mb38 {
	margin-bottom: 38px !important;
}

.ml38 {
	margin-left: 38px !important;
}

.mr38 {
	margin-right: 38px !important;
}

.m39 {
	margin: 39px !important;
}

.mx39 {
	margin-left: 39px !important;
	margin-right: 39px !important;
}

.my39 {
	margin-top: 39px !important;
	margin-bottom: 39px !important;
}

.mt39 {
	margin-top: 39px !important;
}

.mb39 {
	margin-bottom: 39px !important;
}

.ml39 {
	margin-left: 39px !important;
}

.mr39 {
	margin-right: 39px !important;
}

.m40 {
	margin: 40px !important;
}

.mx40 {
	margin-left: 40px !important;
	margin-right: 40px !important;
}

.my40 {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.m41 {
	margin: 41px !important;
}

.mx41 {
	margin-left: 41px !important;
	margin-right: 41px !important;
}

.my41 {
	margin-top: 41px !important;
	margin-bottom: 41px !important;
}

.mt41 {
	margin-top: 41px !important;
}

.mb41 {
	margin-bottom: 41px !important;
}

.ml41 {
	margin-left: 41px !important;
}

.mr41 {
	margin-right: 41px !important;
}

.m42 {
	margin: 42px !important;
}

.mx42 {
	margin-left: 42px !important;
	margin-right: 42px !important;
}

.my42 {
	margin-top: 42px !important;
	margin-bottom: 42px !important;
}

.mt42 {
	margin-top: 42px !important;
}

.mb42 {
	margin-bottom: 42px !important;
}

.ml42 {
	margin-left: 42px !important;
}

.mr42 {
	margin-right: 42px !important;
}

.m43 {
	margin: 43px !important;
}

.mx43 {
	margin-left: 43px !important;
	margin-right: 43px !important;
}

.my43 {
	margin-top: 43px !important;
	margin-bottom: 43px !important;
}

.mt43 {
	margin-top: 43px !important;
}

.mb43 {
	margin-bottom: 43px !important;
}

.ml43 {
	margin-left: 43px !important;
}

.mr43 {
	margin-right: 43px !important;
}

.m44 {
	margin: 44px !important;
}

.mx44 {
	margin-left: 44px !important;
	margin-right: 44px !important;
}

.my44 {
	margin-top: 44px !important;
	margin-bottom: 44px !important;
}

.mt44 {
	margin-top: 44px !important;
}

.mb44 {
	margin-bottom: 44px !important;
}

.ml44 {
	margin-left: 44px !important;
}

.mr44 {
	margin-right: 44px !important;
}

.m45 {
	margin: 45px !important;
}

.mx45 {
	margin-left: 45px !important;
	margin-right: 45px !important;
}

.my45 {
	margin-top: 45px !important;
	margin-bottom: 45px !important;
}

.mt45 {
	margin-top: 45px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.ml45 {
	margin-left: 45px !important;
}

.mr45 {
	margin-right: 45px !important;
}

.m46 {
	margin: 46px !important;
}

.mx46 {
	margin-left: 46px !important;
	margin-right: 46px !important;
}

.my46 {
	margin-top: 46px !important;
	margin-bottom: 46px !important;
}

.mt46 {
	margin-top: 46px !important;
}

.mb46 {
	margin-bottom: 46px !important;
}

.ml46 {
	margin-left: 46px !important;
}

.mr46 {
	margin-right: 46px !important;
}

.m47 {
	margin: 47px !important;
}

.mx47 {
	margin-left: 47px !important;
	margin-right: 47px !important;
}

.my47 {
	margin-top: 47px !important;
	margin-bottom: 47px !important;
}

.mt47 {
	margin-top: 47px !important;
}

.mb47 {
	margin-bottom: 47px !important;
}

.ml47 {
	margin-left: 47px !important;
}

.mr47 {
	margin-right: 47px !important;
}

.m48 {
	margin: 48px !important;
}

.mx48 {
	margin-left: 48px !important;
	margin-right: 48px !important;
}

.my48 {
	margin-top: 48px !important;
	margin-bottom: 48px !important;
}

.mt48 {
	margin-top: 48px !important;
}

.mb48 {
	margin-bottom: 48px !important;
}

.ml48 {
	margin-left: 48px !important;
}

.mr48 {
	margin-right: 48px !important;
}

.m49 {
	margin: 49px !important;
}

.mx49 {
	margin-left: 49px !important;
	margin-right: 49px !important;
}

.my49 {
	margin-top: 49px !important;
	margin-bottom: 49px !important;
}

.mt49 {
	margin-top: 49px !important;
}

.mb49 {
	margin-bottom: 49px !important;
}

.ml49 {
	margin-left: 49px !important;
}

.mr49 {
	margin-right: 49px !important;
}

.m50 {
	margin: 50px !important;
}

.mx50 {
	margin-left: 50px !important;
	margin-right: 50px !important;
}

.my50 {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.ml50 {
	margin-left: 50px !important;
}

.mr50 {
	margin-right: 50px !important;
}

/*Padding*/
.p-15 {
	padding: -15px !important;
}

.px-15 {
	padding-left: -15px !important;
	padding-right: -15px !important;
}

.py-15 {
	padding-top: -15px !important;
	padding-bottom: -15px !important;
}

.pt-15 {
	padding-top: -15px !important;
}

.pb-15 {
	padding-bottom: -15px !important;
}

.pl-15 {
	padding-left: -15px !important;
}

.pr-15 {
	padding-right: -15px !important;
}

.p-10 {
	padding: -10px !important;
}

.px-10 {
	padding-left: -10px !important;
	padding-right: -10px !important;
}

.py-10 {
	padding-top: -10px !important;
	padding-bottom: -10px !important;
}

.pt-10 {
	padding-top: -10px !important;
}

.pb-10 {
	padding-bottom: -10px !important;
}

.pl-10 {
	padding-left: -10px !important;
}

.pr-10 {
	padding-right: -10px !important;
}

.p-5 {
	padding: -5px !important;
}

.px-5 {
	padding-left: -5px !important;
	padding-right: -5px !important;
}

.py-5 {
	padding-top: -5px !important;
	padding-bottom: -5px !important;
}

.pt-5 {
	padding-top: -5px !important;
}

.pb-5 {
	padding-bottom: -5px !important;
}

.pl-5 {
	padding-left: -5px !important;
}

.pr-5 {
	padding-right: -5px !important;
}

.p0 {
	padding: 0px !important;
}

.px0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.py0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.pt0 {
	padding-top: 0px !important;
}

.pb0 {
	padding-bottom: 0px !important;
}

.pl0 {
	padding-left: 0px !important;
}

.pr0 {
	padding-right: 0px !important;
}

.p5 {
	padding: 5px !important;
}

.px5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.py5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.pt5 {
	padding-top: 5px !important;
}

.pb5 {
	padding-bottom: 5px !important;
}

.pl5 {
	padding-left: 5px !important;
}

.pr5 {
	padding-right: 5px !important;
}

.p10 {
	padding: 10px !important;
}

.px10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.py10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.p15 {
	padding: 15px !important;
}

.px15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.py15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pl15 {
	padding-left: 15px !important;
}

.pr15 {
	padding-right: 15px !important;
}

.p20 {
	padding: 20px !important;
}

.px20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.py20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.p25 {
	padding: 25px !important;
}

.px25 {
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.py25 {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.pl25 {
	padding-left: 25px !important;
}

.pr25 {
	padding-right: 25px !important;
}

.p30 {
	padding: 30px !important;
}

.px30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.py30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pl30 {
	padding-left: 30px !important;
}

.pr30 {
	padding-right: 30px !important;
}

.p35 {
	padding: 35px !important;
}

.px35 {
	padding-left: 35px !important;
	padding-right: 35px !important;
}

.py35 {
	padding-top: 35px !important;
	padding-bottom: 35px !important;
}

.pt35 {
	padding-top: 35px !important;
}

.pb35 {
	padding-bottom: 35px !important;
}

.pl35 {
	padding-left: 35px !important;
}

.pr35 {
	padding-right: 35px !important;
}

.p40 {
	padding: 40px !important;
}

.px40 {
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.py40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.pl40 {
	padding-left: 40px !important;
}

.pr40 {
	padding-right: 40px !important;
}

.p45 {
	padding: 45px !important;
}

.px45 {
	padding-left: 45px !important;
	padding-right: 45px !important;
}

.py45 {
	padding-top: 45px !important;
	padding-bottom: 45px !important;
}

.pt45 {
	padding-top: 45px !important;
}

.pb45 {
	padding-bottom: 45px !important;
}

.pl45 {
	padding-left: 45px !important;
}

.pr45 {
	padding-right: 45px !important;
}

.p50 {
	padding: 50px !important;
}

.px50 {
	padding-left: 50px !important;
	padding-right: 50px !important;
}

.py50 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}

.pl50 {
	padding-left: 50px !important;
}

.pr50 {
	padding-right: 50px !important;
}

/*----边框----*/
.bd {
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
}

.bd-top {
	border-top: 1px solid #CCC;
}

/*----模糊----*/
.blur-1 {
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	-ms-filter: blur(1px);
	-o-filter: blur(1px);
	filter: blur(1px);
}

.blur-2 {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}

.blur-3 {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-ms-filter: blur(3px);
	-o-filter: blur(3px);
	filter: blur(3px);
}

.blur-4 {
	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	-ms-filter: blur(4px);
	-o-filter: blur(4px);
	filter: blur(4px);
}

.blur-5 {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);
	-o-filter: blur(5px);
	filter: blur(5px);
}

.blur-6 {
	-webkit-filter: blur(6px);
	-moz-filter: blur(6px);
	-ms-filter: blur(6px);
	-o-filter: blur(6px);
	filter: blur(6px);
}

.blur-7 {
	-webkit-filter: blur(7px);
	-moz-filter: blur(7px);
	-ms-filter: blur(7px);
	-o-filter: blur(7px);
	filter: blur(7px);
}

.blur-8 {
	-webkit-filter: blur(8px);
	-moz-filter: blur(8px);
	-ms-filter: blur(8px);
	-o-filter: blur(8px);
	filter: blur(8px);
}

.blur-9 {
	-webkit-filter: blur(9px);
	-moz-filter: blur(9px);
	-ms-filter: blur(9px);
	-o-filter: blur(9px);
	filter: blur(9px);
}

.blur-10 {
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-ms-filter: blur(10px);
	-o-filter: blur(10px);
	filter: blur(10px);
}

/*----------------
	文字
----------------*/
/*---字体大小----*/
.font10 {
	font-size: 10px;
}

.font11 {
	font-size: 11px;
}

.font12 {
	font-size: 12px;
}

.font13 {
	font-size: 13px;
}

.font14 {
	font-size: 14px;
}

.font15 {
	font-size: 15px;
}

.font16 {
	font-size: 16px;
}

.font17 {
	font-size: 17px;
}

.font18 {
	font-size: 18px;
}

.font19 {
	font-size: 19px;
}

.font20 {
	font-size: 20px;
}

.font21 {
	font-size: 21px;
}

.font22 {
	font-size: 22px;
}

.font23 {
	font-size: 23px;
}

.font24 {
	font-size: 24px;
}

.font25 {
	font-size: 25px;
}

.font26 {
	font-size: 26px;
}

.font27 {
	font-size: 27px;
}

.font28 {
	font-size: 28px;
}

.font29 {
	font-size: 29px;
}

.font30 {
	font-size: 30px;
}

.font31 {
	font-size: 31px;
}

.font32 {
	font-size: 32px;
}

.font33 {
	font-size: 33px;
}

.font34 {
	font-size: 34px;
}

.font35 {
	font-size: 35px;
}

.font36 {
	font-size: 36px;
}

/*---- 文章 ----*/
.article {
	position: relative;
	font-size: 1.4rem;
	line-height: 2;
	white-space: pre-wrap;
	color: #333;
}

.article img {
	display: block;
	margin: auto;
	position: relative;
	max-width: 100%;
}

/*---- 文字截断 ----*/
.text-overflow {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/*多行-webkit*/
[class*="text-overflow-"] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-overflow-2 {
	-webkit-line-clamp: 2;
}

.text-overflow-3 {
	-webkit-line-clamp: 3;
}

.text-overflow-4 {
	-webkit-line-clamp: 4;
}

.text-overflow-5 {
	-webkit-line-clamp: 5;
}

.text-overflow-6 {
	-webkit-line-clamp: 6;
}

.text-overflow-7 {
	-webkit-line-clamp: 7;
}

.text-overflow-8 {
	-webkit-line-clamp: 8;
}

.text-overflow-9 {
	-webkit-line-clamp: 9;
}

.text-overflow-10 {
	-webkit-line-clamp: 10;
}

/*----------------
	图片盒子
----------------*/
.img-box {
	position: relative;
	overflow: hidden;
}

.img-box img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	transform: translate(-50%, -50%);
}

.simg-box {
	position: relative;
	height: auto;
	overflow: hidden;
	font-size: 16px;
	line-height: 30px;
}

.popover-content img {
	
	 max-height:140px;
	
}

.simg-box img {
	display: block;
	position: relative;
	max-width: 100%;
	/* max-height:120px; */
	margin: auto;
}

/*----------------
	视频
----------------*/
.video-box {
	position: relative;
	background-color: #333;
}

.video-box .control-box {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 8px;
	background-color: rgba(255, 255, 255, 0.1);
	z-index: 10;
}

.video-box .control-box .play {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 5px;
	font-size: 2rem;
	text-align: center;
	color: #FFF;
	opacity: .8;
	transition: opacity .3s;
}
.video-box .control-box .play img{ width: 50%;}
.video-box .control-box .play:hover {
	text-decoration: none;
	opacity: 1;
}

.video-box .control-box .play p {
	margin-top:10px;
}

.video-box video {
	width: 100%;
	height: 100%;
}

@media (max-width: 768px) {
	.video-box .control-box .play img {
		width: 50px;
	}

	.video-box .control-box .play p {
		font-size: 14px;
		margin: 15px 0;
	}
}

/*----------------
	tab-box 标签控件
----------------*/
.tab-box {
	position: relative;
	overflow: hidden;
}

.tab-box>.box {
	display: none;
}

.tab-box>.box.active {
	display: block;
}

.container {
	position: relative;
	max-width: 1200px;
	margin: auto;
}

/*---- 弹出框 .POPOVER-box ----*/
.popover-btn {
	position: relative;
}

.popover-btn .popover {
	display: none;
	position: absolute;
	width: 100px;
	min-height: 160px;
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%);
	background-color: #FFF;
	border-radius: 6px;
	box-shadow: 0 5px 10p rgba(0, 0, 0, 0.2);
}

.popover-btn .popover::before {
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	border-width: 10px;
	border-color: transparent;
	border-style: solid;
}

.popover-btn.active .popver {
	display: block;
}

.popover-btn[data-direction="top"] .popver {
	left: 50%;
	transform: translateX(-50%);
}

.popover-btn[data-direction="top"] .popver::before {
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	border-width: 10px;
	border-top-color: #FFF;
	border-bottom-width: 0;
}

.popover-btn[data-direction="bottom"] .popver {
	left: 50%;
	transform: translateX(-50%);
}

.popover-btn[data-direction="bottom"] .popver::before {
	top: -10px;
	left: 50%;
	margin-left: -10px;
	border-width: 10px;
	border-bottom-color: #FFF;
	border-top-width: 0;
}

/*----------------
	POSTER 标签控件
----------------*/
.poster {
	position: relative;
	width: 100%;
}

.poster .item {
	position: absolute;
	width: 50%;
	height: 60%;
	top: 50%;
	transition: all .4s;
}

.poster .item img {
	display: block;
	position: relative;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-filter: brightness(0.5);
	-o-filter: brightness(0.5);
	filter: brightness(0.5);
}

.poster .item.active {
	width: 50%;
	height: 100%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
}

.poster .item.active img {
	-webkit-filter: brightness(1);
	-o-filter: brightness(1);
	filter: brightness(1);
}

.poster .item.prev,
.poster .item.next {
	width: 40%;
	height: 80%;
	z-index: 4;
}

.poster .item.prev {
	left: 0%;
	transform: translate(0%, -50%);
}

.poster .item.next {
	left: 100%;
	transform: translate(-100%, -50%);
}

.poster .btn {
	display: block;
	position: absolute;
	width: 25%;
	height: 100%;
	background: none;
	border: none;
	background-color: rgba(0, 0, 0, 0.1);
}

/*---- 定位 ----*/
.abs {
	position: absolute;
}

.rel {
	position: relative;
}

.fixed {
	position: fixed;
}

/*----------------
	XS
----------------*/
@media (max-width: 768px) {

	.navbar-fixed-bottom .navbar-collapse,
	.navbar-fixed-top .navbar-collapse {
		max-height: none;
	}
}

/*----------------
	SM
----------------*/
@media (min-width: 768px) {
	.abs-sm {
		position: absolute !important;
	}

	.rel-sm {
		position: relative !important;
	}

	.fixed-sm {
		position: fixed !important;
	}

	.flex-sm {
		display: flex !important;
	}
}

/*----------------
	MD
----------------*/
@media (min-width: 1024px) {
	.abs-md {
		position: absolute !important;
	}

	.rel-md {
		position: relative !important;
	}

	.fixed-md {
		position: fixed !important;
	}

	.flex-md {
		display: flex !important;
	}
}

/*----------------
	LG
----------------*/
@media (min-width: 1200px) {
	.abs-lg {
		position: absolute !important;
	}

	.rel-lg {
		position: relative !important;
	}

	.fixed-lg {
		position: fixed !important;
	}

	.flex-lg {
		display: flex !important;
	}
}


.icon-sina1{ background:url(../images/jd.png) no-repeat center; padding:10px !important; margin-right: 5px;}

.popover-btn {
	position: relative;
}

.popover-btn .popover {
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
}

.popover-btn .popover.top {
	top: inherit;
	bottom: 100%;
}