/* 全局公共样式 */
@charset "utf-8";

/* 位置 */
.common-float-r {
	float: right !important;
}

.common-float-l {
	float: left !important;
}

.common-align-l {
	text-align: left !important;
}

.common-align-c {
	text-align: center !important;
}

.common-align-r {
	text-align: right !important;
}

.common-relative {
	position: relative !important;
}

.common-absolute {
	position: absolute !important;
}

/* 显隐 */
.common-hide {
	display: none !important;
}

.common-show {
	display: block !important;
}

.common-show-inline {
	display: inline !important;
}

.common-show-inline-block {
	display: inline-block !important;
}

.common-show-inline-table {
	display: inline-table !important;
}

/*常用宽度*/
.common-w-5 {
	width: 5px !important
}

.common-w-10 {
	width: 10px !important
}

.common-w-15 {
	width: 15px !important !
}

.common-w-20 {
	width: 20px !important !
}

.common-w-25 {
	width: 25px !important;
}

.common-w-30 {
	width: 30px !important;
}

.common-w-35 {
	width: 35px !important;
}

.common-w-40 {
	width: 40px !important;
}

.common-w-45 {
	width: 45px !important;
}

.common-w-50 {
	width: 50px !important;
}

.common-w-55 {
	width: 55px !important;
}

.common-w-60 {
	width: 60px !important;
}

.common-w-65 {
	width: 65px !important;
}

.common-w-70 {
	width: 70px !important;
}

.common-w-75 {
	width: 75px !important;
}

.common-w-80 {
	width: 80px !important;
}

.common-w-85 {
	width: 85px !important;
}

.common-w-90 {
	width: 90px !important;
}

.common-w-95 {
	width: 95px !important;
}

.common-w-100 {
	width: 100px !important;
}

.common-w-110 {
	width: 110px !important;
}

.common-w-120 {
	width: 120px !important;
}

.common-w-130 {
	width: 130px !important;
}

.common-w-140 {
	width: 140px !important;
}

.common-w-150 {
	width: 150px !important;
}

.common-w-200 {
	width: 200px !important;
}

.common-w-250 {
	width: 250px !important;
}

.common-w-300 {
	width: 300px !important;
}

.common-w-350 {
	width: 350px !important;
}

.common-w-400 {
	width: 400px !important;
}

.common-w-450 {
	width: 450px !important;
}

.common-w-500 {
	width: 500px !important;
}

.common-w-600 {
	width: 600px !important;
}

.common-w-700 {
	width: 700px !important;
}

.common-w-800 {
	width: 800px !important;
}

.common-w-900 {
	width: 900px !important;
}

.common-w-1000 {
	width: 1000px !important;
}

.common-w-1100 {
	width: 1100px !important;
}

.common-w-1200 {
	width: 1200px !important;
}

.common-w-25p {
	width: 25% !important;
}

.common-w-50p {
	width: 50% !important;
}

.common-w-100p {
	width: 100% !important;
}

/*常用高度*/
.common-h-10 {
	height: 10px !important;
}

.common-h-15 {
	height: 15px !important;
}

.common-h-20 {
	height: 20px !important;
}

.common-h-25 {
	height: 25px !important;
}

.common-h-30 {
	height: 30px !important;
}

.common-h-35 {
	height: 35px !important;
}

.common-h-40 {
	height: 40px !important;
}

.common-h-45 {
	height: 45px !important;
}

.common-h-50 {
	height: 50px !important;
}

.common-h-55 {
	height: 55px !important;
}

.common-h-60 {
	height: 60px !important;
}

.common-h-65 {
	height: 65px !important;
}

.common-h-70 {
	height: 70px !important;
}

.common-h-75 {
	height: 75px !important;
}

.common-h-80 {
	height: 80px !important;
}

.common-h-85 {
	height: 85px !important;
}

.common-h-90 {
	height: 90px !important;
}

.common-h-95 {
	height: 95px !important;
}

.common-h-100 {
	height: 100px !important;
}

.common-h-110 {
	height: 110px !important;
}

.common-h-120 {
	height: 120px !important;
}

.common-h-130 {
	height: 130px !important;
}

.common-h-140 {
	height: 140px !important;
}

.common-h-150 {
	height: 150px !important;
}

.common-h-200 {
	height: 200px !important;
}

.common-h-250 {
	height: 250px !important;
}

.common-h-300 {
	height: 300px !important;
}

.common-h-350 {
	height: 350px !important;
}

.common-h-400 {
	height: 400px !important;
}

.common-h-450 {
	height: 450px !important;
}

.common-h-500 {
	height: 500px !important;
}

.common-h-25p {
	height: 25% !important;
}

.common-h-50p {
	height: 50% !important;
}

.common-h-100p {
	height: 100% !important;
}

/* 字体 */
.common-font-12 {
	font-size: 12px !important;
}

.common-font-14 {
	font-size: 14px !important;
}

.common-font-16 {
	font-size: 16px !important;
}

.common-font-18 {
	font-size: 18px !important;
}

.common-font-20 {
	font-size: 20px !important;
}

.common-font-22 {
	font-size: 22px !important;
}

.common-font-24 {
	font-size: 24px !important;
}

.common-font-26 {
	font-size: 26px !important;
}

.common-font-28 {
	font-size: 28px !important;
}

.common-font-30 {
	font-size: 30px !important;
}

.common-font-36 {
	font-size: 36px !important;
}

.common-font-48 {
	font-size: 48px !important;
}

.common-lh-16 {
	line-height: 16px !important;
}

.common-lh-18 {
	line-height: 18px !important;
}

.common-lh-20 {
	line-height: 20px !important;
}

.common-lh-22 {
	line-height: 22px !important;
}

.common-lh-24 {
	line-height: 24px !important;
}

.common-lh-26 {
	line-height: 26px !important;
}

.common-lh-28 {
	line-height: 28px !important;
}

.common-lh-30 {
	line-height: 30px !important;
}

.common-lh-35 {
	line-height: 35px !important;
}

.common-lh-40 {
	line-height: 40px !important;
}

.common-lh-45 {
	line-height: 45px !important;
}

.common-lh-50 {
	line-height: 50px !important;
}

.common-lh-55 {
	line-height: 55px !important;
}

.common-lh-60 {
	line-height: 60px !important;
}

.common-lh-65 {
	line-height: 65px !important;
}

.common-lh-70 {
	line-height: 70px !important;
}

.common-lh-75 {
	line-height: 75px !important;
}

.common-lh-80 {
	line-height: 80px !important;
}

.common-lh-85 {
	line-height: 85px !important;
}

.common-lh-90 {
	line-height: 90px !important;
}

.common-lh-95 {
	line-height: 95px !important;
}

.common-lh-100 {
	line-height: 100px !important;
}

.common-lh-110 {
	line-height: 110px !important;
}

.common-lh-120 {
	line-height: 120px !important;
}

.common-lh-130 {
	line-height: 130px !important;
}

.common-lh-140 {
	line-height: 140px !important;
}

.common-lh-150 {
	line-height: 150px !important;
}

.common-lh-200 {
	line-height: 200px !important;
}

.common-lh-250 {
	line-height: 250px !important;
}

.common-lh-300 {
	line-height: 300px !important;
}

.common-lh-350 {
	line-height: 350px !important;
}

.common-lh-400 {
	line-height: 400px !important;
}

.common-lh-450 {
	line-height: 450px !important;
}

.common-lh-500 {
	line-height: 500px !important;
}

/* 字体颜色  以下颜色并非生活中名称对应的真实颜色值，仅为方便记忆而给常用色值取名*/

.common-color-black {
	/* 黑 */
	color: #000000 !important;
}

.common-color-black-l {
	/* 浅黑 */
	color: #393d49 !important;
}

.common-color-black-d {
	/* 深黑仍为黑 */
	color: #000000 !important;
}

.common-color-white {
	/* 白 */
	color: #ffffff !important;
}

.common-color-white-l {
	/* 浅白仍为白 */
	color: #ffffff !important;
}

.common-color-white-d {
	/* 白烟 */
	color: #fafafa !important;
}

.common-color-gray {
	/* 灰 */
	color: #dddddd !important;
}

.common-color-gray-l {
	/* 浅灰 */
	color: #f2f2f2 !important;
}

.common-color-gray-d {
	/* 深灰 */
	color: #c2c2c2 !important;
}

.common-color-blue {
	/* 蓝 */
	color: #1e9fff !important;
}

.common-color-blue-l {
	/* 浅蓝 */
	color: #6aa6f1 !important;
}

.common-color-blue-d {
	/* 深蓝 */
	color: #191970 !important;
}

.common-color-green {
	/* 绿 */
	color: #5fb878 !important;
}

.common-color-green-l {
	/* 浅绿 */
	color: #99cc66 !important;
}

.common-color-green-d {
	/* 深绿 */
	color: #16baaa !important;
}

.common-color-red {
	/* 红 */
	color: #ff0000 !important;
}

.common-color-red-l {
	/* 浅红（橙红） */
	color: #ff4081 !important;
}

.common-color-red-d {
	/* 深红（醒目红） */
	color: #ff5722 !important;
}

.common-color-orange {
	/* 橙 */
	color: #ffb800 !important;
}

.common-color-orange-l {
	/* 浅橙（金黄） */
	color: #ffd700 !important;
}

.common-color-orange-d {
	/* 深橙 */
	color: #ff8c00 !important;
}

.common-color-purple {
	/* 紫 */
	color: #a233c6 !important;
}

.common-color-purple-l {
	/* 浅紫 */
	color: #dd85f8 !important;
}

.common-color-purple-d {
	/* 深紫 */
	color: #850caa !important;
}

/* hover颜色  以下颜色并非生活中名称对应的真实颜色值，仅为方便记忆而给常用色值取名*/

.common-hover-black:hover {
	/* 黑 */
	color: #000000 !important;
}

.common-hover-black-l:hover {
	/* 浅黑 */
	color: #393d49 !important;
}

.common-hover-black-d:hover {
	/* 深黑仍为黑 */
	color: #000000 !important;
}

.common-hover-white:hover {
	/* 白 */
	color: #ffffff !important;
}

.common-hover-white-l:hover {
	/* 浅白仍为白 */
	color: #ffffff !important;
}

.common-hover-white-d:hover {
	/* 白烟 */
	color: #fafafa !important;
}

.common-hover-gray:hover {
	/* 灰 */
	color: #dddddd !important;
}

.common-hover-gray-l:hover {
	/* 浅灰 */
	color: #f2f2f2 !important;
}

.common-hover-gray-d:hover {
	/* 深灰 */
	color: #c2c2c2 !important;
}

.common-hover-blue:hover {
	/* 蓝 */
	color: #1e9fff !important;
}

.common-hover-blue-l:hover {
	/* 浅蓝 */
	color: #6aa6f1 !important;
}

.common-hover-blue-d:hover {
	/* 深蓝 */
	color: #191970 !important;
}

.common-hover-green:hover {
	/* 绿 */
	color: #5fb878 !important;
}

.common-hover-green-l:hover {
	/* 浅绿 */
	color: #99cc66 !important;
}

.common-hover-green-d:hover {
	/* 深绿 */
	color: #16baaa !important;
}

.common-hover-red:hover {
	/* 红 */
	color: #ff0000 !important;
}

.common-hover-red-l:hover {
	/* 浅红（橙红） */
	color: #ff4081 !important;
}

.common-hover-red-d:hover {
	/* 深红（醒目红） */
	color: #ff5722 !important;
}

.common-hover-orange:hover {
	/* 橙 */
	color: #ffb800 !important;
}

.common-hover-orange-l:hover {
	/* 浅橙（金黄） */
	color: #ffd700 !important;
}

.common-hover-orange-d:hover {
	/* 深橙 */
	color: #ff8c00 !important;
}

.common-hover-purple:hover {
	/* 紫 */
	color: #a233c6 !important;
}

.common-hover-purple-l:hover {
	/* 浅紫 */
	color: #dd85f8 !important;
}

.common-hover-purple-d:hover {
	/* 深紫 */
	color: #850caa !important;
}

/* 透明像素图片背景 */

.common-bg-transparent-image {
	-webkit-box-shadow: 0 0 5px rgb(210, 210, 210);
	box-shadow: 0 0 5px rgb(210, 210, 210);
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

/* 背景颜色  以下颜色并非生活中名称对应的真实颜色值，仅为方便记忆而给常用色值取名*/

.common-bg-transparent {
	/* 透明 */
	background: transparent !important;
}

.common-bg-black {
	/* 黑 */
	background: #000000 !important;
}

.common-bg-black-l {
	/* 浅黑 */
	background: #393d49 !important;
}

.common-bg-black-d {
	/* 深黑仍为黑 */
	background: #000000 !important;
}

.common-bg-white {
	/* 白 */
	background: #ffffff !important;
}

.common-bg-white-l {
	/* 浅白仍为白 */
	background: #ffffff !important;
}

.common-bg-white-d {
	/* 白烟 */
	background: #fafafa !important;
}

.common-bg-gray {
	/* 灰 */
	background: #dddddd !important;
}

.common-bg-gray-l {
	/* 浅灰 */
	background: #f2f2f2 !important;
}

.common-bg-gray-d {
	/* 深灰 */
	background: #c2c2c2 !important;
}

.common-bg-blue {
	/* 蓝 */
	background: #1e9fff !important;
}

.common-bg-blue-l {
	/* 浅蓝 */
	background: #6aa6f1 !important;
}

.common-bg-blue-d {
	/* 深蓝 */
	background: #191970 !important;
}

.common-bg-green {
	/* 绿 */
	background: #5fb878 !important;
}

.common-bg-green-l {
	/* 浅绿 */
	background: #99cc66 !important;
}

.common-bg-green-d {
	/* 深绿 */
	background: #16baaa !important;
}

.common-bg-red {
	/* 红 */
	background: #ff0000 !important;
}

.common-bg-red-l {
	/* 浅红（橙红） */
	background: #ff4081 !important;
}

.common-bg-red-d {
	/* 深红（醒目红） */
	background: #ff5722 !important;
}

.common-bg-orange {
	/* 橙 */
	background: #ffb800 !important;
}

.common-bg-orange-l {
	/* 浅橙（金黄） */
	background: #ffd700 !important;
}

.common-bg-orange-d {
	/* 深橙 */
	background: #ff8c00 !important;
}

.common-bg-purple {
	/* 紫 */
	background: #a233c6 !important;
}

.common-bg-purple-l {
	/* 浅紫 */
	background: #dd85f8 !important;
}

.common-bg-purple-d {
	/* 深紫 */
	background: #850caa !important;
}

/* 边距 */

.common-p-0 {
	padding: 0px !important;
}

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

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

.common-p-15 {
	padding: 15px !important;
}

.common-p-20 {
	padding: 20px !important;
}

.common-p-25 {
	padding: 25px !important;
}

.common-p-30 {
	padding: 30px !important;
}

.common-p-35 {
	padding: 35px !important;
}

.common-p-40 {
	padding: 40px !important;
}

.common-p-45 {
	padding: 45px !important;
}

.common-p-50 {
	padding: 50px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.common-m-0 {
	margin: 0px !important;
}

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

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

.common-m-15 {
	margin: 15px !important;
}

.common-m-20 {
	margin: 20px !important;
}

.common-m-25 {
	margin: 25px !important;
}

.common-m-30 {
	margin: 30px !important;
}

.common-m-35 {
	margin: 35px !important;
}

.common-m-40 {
	margin: 40px !important;
}

.common-m-45 {
	margin: 45px !important;
}

.common-m-50 {
	margin: 50px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 圆角 */

.commn-radius-1 {
	border-radius: 1px !important;
}

.common-radius-2 {
	border-radius: 2px !important;
}

.common-radius-3 {
	border-radius: 3px !important;
}

.common-radius-4 {
	border-radius: 4px !important;
}

.common-radius-5 {
	border-radius: 5px !important;
}

.common-radius-6 {
	border-radius: 6px !important;
}

.common-radius-7 {
	border-radius: 7px !important;
}

.common-radius-8 {
	border-radius: 8px !important;
}

.common-radius-9 {
	border-radius: 9px !important;
}

.common-radius-10 {
	border-radius: 10px !important;
}

.common-radius-15 {
	border-radius: 15px !important;
}

.common-radius-100p {
	border-radius: 100% !important;
}

/* 文字单行溢出省略 */

.common-ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/*表单必填项提示*/

*:not(input):not(textarea).common-required::after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 5px;
	background-color: #ff5722;
	border: 2px solid #ffffff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
}

input.common-required,
textarea.common-required {
	background: url(../images/required_bg.png) no-repeat right 2px center !important;
}

/* 其他处理 */

.common-clearfix {
	/* 清除前面的同级元素产生的浮动 */
	clear: both;
	*zoom: 1
}

.common-clearfix:after {
	content: '\20';
	clear: both;
	*zoom: 1;
	display: block;
	height: 0
}

.common-bold {
	/* 字体加粗 */
	font-weight: bold !important;
}

.common-pointer {
	/* 移入转为手型光标 */
	cursor: pointer !important;
}