/*
关于注释：
s表示起始位置start，e表示结束位置end。
*/


/*细节定义的公共样式集合*/


/*---------- bootstrap style rewrite s ----------
bootstrap库样式的自定义*/

.badge {
	/*显示标签数量的胶囊序号样式*/
	margin-left: 10px;
	background-color: #999;
}


/*form-control s
 重定义bootstrap框架输入框及select下拉框的样式
 主要去掉了鼠标点击后或者触发聚焦后的内阴影及外框和投影*/

:focus {
	outline: none;
}

.form-control {
	border-radius: 0;
	box-shadow: none;
	outline: none;
}

.form-control:focus,
.form-control:hover {
	border: 1px solid #1e88e5 !important;
	outline: 0;
	box-shadow: none;
}


/*form-control e*/


/*position s
 设置元素定位信息*/

.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

.position-fixed {
	position: fixed;
}

.position-static {
	position: static;
}


/*position e*/


/*col-space s
 重定义col之间的间距*/

.col-space-0 {
	margin-left: 0;
	margin-right: 0;
}

.col-space-0>* {
	padding-left: 0;
	padding-right: 0;
}

.col-space-1 {
	margin-left: -.5px;
	margin-right: -.5px;
}

.col-space-1>* {
	padding-left: .5px;
	padding-right: .5px;
}

.col-space-2 {
	margin-left: -1px;
	margin-right: -1px;
}

.col-space-2>* {
	padding-left: 1px;
	padding-right: 1px;
}

.col-space-5 {
	margin-left: -2.5px;
	margin-right: -2.5px;
}

.col-space-5>* {
	padding-left: 2.5px;
	padding-right: 2.5px;
}

.col-space-8 {
	margin-left: -4px;
	margin-right: -4px;
}

.col-space-8>* {
	padding-left: 4px;
	padding-right: 4px;
}

.col-space-10 {
	margin-left: -5px;
	margin-right: -5px;
}

.col-space-10>* {
	padding-left: 5px;
	padding-right: 5px;
}

.col-space-15 {
	margin-left: -7.5px;
	margin-right: -7.5px;
}

.col-space-15>* {
	padding-left: 7.5px;
	padding-right: 7.5px;
}

.col-space-20 {
	margin-left: -10px;
	margin-right: -10px;
}

.col-space-20>* {
	padding-left: 10px;
	padding-right: 10px;
}

.col-space-25 {
	margin-left: -12.5px;
	margin-right: -12.5px;
}

.col-space-25>* {
	padding-left: 12.5px;
	padding-right: 12.5px;
}

.col-space-36 {
	margin-left: -18px;
	margin-right: -18px;
}

.col-space-36>* {
	padding-left: 18px;
	padding-right: 18px;
}

.col-space-40 {
	margin-left: -20px;
	margin-right: -20px;
}

.col-space-40>* {
	padding-left: 20px;
	padding-right: 20px;
}

.col-space-50 {
	margin-left: -25px;
	margin-right: -25px;
}

.col-space-50>* {
	padding-left: 25px;
	padding-right: 25px;
}

.col-space-60 {
	margin-left: -30px;
	margin-right: -30px;
}

.col-space-60>* {
	padding-left: 30px;
	padding-right: 30px;
}

.col-space-2:before,
.col-space-2>*:before,
.col-space-5:before,
.col-space-5>*:before,
.col-space-8:before,
.col-space-8>*:before,
.col-space-10:before,
.col-space-10>*:before,
.col-space-15:before,
.col-space-15>*:before,
.col-space-20:before,
.col-space-20>*:before,
.col-space-25:before,
.col-space-25>*:before,
.col-space-36:before,
.col-space-36>*:before,
.col-space-40:before,
.col-space-40>*:before,
.col-space-50:before,
.col-space-50>*:before,
.col-space-60:before,
.col-space-60>*:before {
	/*display: table;
	content: " ";*/
}

.col-space-2:after,
.col-space-2>*:after,
.col-space-5:after,
.col-space-5>*:after,
.col-space-8:after,
.col-space-8>*:after,
.col-space-10:after,
.col-space-10>*:after,
.col-space-15:after,
.col-space-15>*:after,
.col-space-20:after,
.col-space-20>*:after,
.col-space-25:after,
.col-space-25>*:after,
.col-space-36:after,
.col-space-36>*:after,
.col-space-40:after,
.col-space-40>*:after,
.col-space-50:after,
.col-space-50>*:after,
.col-space-60:after,
.col-space-60>*:after {
	/*clear: both;*/
}


/*col-space e*/


/*---------- bootstrap style rewrite e ----------*/


/*input s
 输入框相关的样式定义*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/*chrome浏览器下*/
	/*去除number类型输入框里的上下小箭头*/
	-webkit-appearance: none !important;
	margin: 0;
}

input[type="number"] {
	/*Firefox浏览器下*/
	/*去除number类型输入框里的上下小箭头*/
	-moz-appearance: textfield;
}


/*input e*/


/*background style s
边框样式集合，
包括实线、虚线、点线，全框、上边线、下边线，
没有写左右边线的样式。*/

.no-background {
	/*不显示背景*/
	background: none !important;
	background-color: transparent !important;
}


/*background style e*/


/*border style s
边框样式集合，
包括实线、虚线、点线，全框、上边线、下边线，
没有写左右边线的样式。*/

.no-border {
	border: none !important;
}

.border-solid-box {
	border: 1px solid #ddd;
}

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

.border-solid-right {
	border-right: 1px solid #ddd;
}

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

.border-solid-left {
	border-left: 1px solid #ddd;
}

.border-dashed-box {
	border: 1px dashed #ddd;
}

.border-dashed-top {
	border-top: 1px dashed #ddd;
}

.border-dashed-right {
	border-right: 1px dashed #ddd;
}

.border-dashed-bottom {
	border-bottom: 1px dashed #ddd;
}

.border-dashed-left {
	border-left: 1px dashed #ddd;
}

.border-dotted-box {
	border: 1px dotted #ddd;
}

.border-dotted-top {
	border-top: 1px dotted #ddd;
}

.border-dotted-right {
	border-right: 1px dotted #ddd;
}

.border-dotted-bottom {
	border-bottom: 1px dotted #ddd;
}

.border-dotted-left {
	border-left: 1px dotted #ddd;
}


/*border style e*/


/*block style s
块、盒子等换行与不换行*/

.wide-full {
	position: relative;
	width: 100%;
	float: left;
}

.wide-box {
	position: relative;
	width: auto;
	float: left;
}

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

.display-inline-block {
	display: inline-block !important;
	width: auto !important;
}

.box-default {
	padding: 10px;
	border: 1px solid #ddd;
}

.box-default-radius {
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #ddd;
}

.box-background-grey {
	padding: 10px;
	background-color: #f9f9f9;
}

.box-background-grey-radius {
	padding: 10px;
	border-radius: 4px;
	background-color: #f5f5f5;
}

.inner-box {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 15%;
	right: 15%;
	text-align: center;
}

.inner-box>* {
	color: #fff;
	text-transform: uppercase;
}


/*block style e*/


/*images styel s
不同比例的图片在响应下的显示与隐藏*/

.img-normal {
	display: block !important;
}

.img-responsive {
	display: none !important;
}

.full-width {
	width: 100%;
	height: auto;
}

.full-height {
	width: auto;
	height: 100%;
}


/*images styel e*/


/*font-color style s*/

.font-color-default {
	color: #222;
}

.font-color-normal {
	color: #1e88e5;
}

.font-color-white {
	color: #fff !important;
}

.font-color-black {
	color: #000 !important;
}

.font-color-red {
	color: #f44336 !important;
	color: #e53935 !important;
}

.font-color-pink {
	color: #e91e63 !important;
	color: #d81b60 !important;
}

.font-color-purple {
	color: #1ba2e1 !important;
	color: #1ba2e1 !important;
}

.font-color-deep-purple {
	color: #673ab7 !important;
	color: #5e35b1 !important;
}

.font-color-indigo {
	color: #3f51b5 !important;
	color: #3949ab !important;
}

.font-color-blue {
	color: #1e88e5 !important;
	color: #1e88e5 !important;
}

.font-color-light-blue {
	color: #03a9f4 !important;
	color: #039be5 !important;
}

.font-color-cyan {
	color: #00bcd4 !important;
	color: #00acc1 !important;
}

.font-color-teal {
	color: #009688 !important;
	color: #00897b !important;
}

.font-color-green {
	color: #4caf50 !important;
	color: #43a047 !important;
}

.font-color-light-green {
	color: #8bc34a !important;
	color: #7cb342 !important;
}

.font-color-lime {
	color: #cddc39 !important;
	color: #c0ca33 !important;
}

.font-color-yellow {
	color: #ffeb3b !important;
	color: #fdd835 !important;
}

.font-color-amber {
	color: #ffc107 !important;
	color: #ffb300 !important;
}

.font-color-orange {
	color: #ff9800 !important;
	color: #fb8c00 !important;
}

.font-color-deep-orange {
	color: #ff5722 !important;
	color: #f4511e !important;
}

.font-color-brown {
	color: #795548 !important;
	color: #6d4c41 !important;
}

.font-color-grey {
	color: #9e9e9e !important;
	color: #757575 !important;
}

.font-color-blue-grey {
	color: #607d8b !important;
	color: #546e7a !important;
}


/*font-color style e*/


/*bg-color style s*/

.bg-color-default {
	color: #222;
	background-color: #efefef;
}

.bg-color-normal {
	color: #fff;
	background-color: #1e88e5;
}

.bg-color-white {
	color: #000;
	background-color: #fff !important;
}

.bg-color-black {
	color: #fff;
	background-color: #000 !important;
}

.bg-color-red {
	color: #fff;
	background-color: #f44336 !important;
	background-color: #e53935 !important;
}

.bg-color-pink {
	color: #fff;
	background-color: #e91e63 !important;
	background-color: #d81b60 !important;
}

.bg-color-purple {
	color: #fff;
	background-color: #9c27b0 !important;
	background-color: #8e24aa !important;
}

.bg-color-deep-purple {
	color: #fff;
	background-color: #673ab7 !important;
	background-color: #5e35b1 !important;
}

.bg-color-indigo {
	color: #fff;
	background-color: #3f51b5 !important;
	background-color: #3949ab !important;
}

.bg-color-blue {
	color: #fff;
	background-color: #1e88e5 !important;
	background-color: #1e88e5 !important;
}

.bg-color-light-blue {
	color: #fff;
	background-color: #03a9f4 !important;
	background-color: #039be5 !important;
}

.bg-color-cyan {
	color: #fff;
	background-color: #00bcd4 !important;
	background-color: #00acc1 !important;
}

.bg-color-teal {
	color: #fff;
	background-color: #009688 !important;
	background-color: #00897b !important;
}

.bg-color-green {
	color: #fff;
	background-color: #4caf50 !important;
	background-color: #43a047 !important;
}

.bg-color-light-green {
	color: #fff;
	background-color: #8bc34a !important;
	background-color: #7cb342 !important;
}

.bg-color-lime {
	color: #fff;
	background-color: #cddc39 !important;
	background-color: #c0ca33 !important;
}

.bg-color-yellow {
	color: #fff;
	background-color: #ffeb3b !important;
	background-color: #fdd835 !important;
}

.bg-color-amber {
	color: #fff;
	background-color: #ffc107 !important;
	background-color: #ffb300 !important;
}

.bg-color-orange {
	color: #fff;
	background-color: #ff9800 !important;
	background-color: #fb8c00 !important;
}

.bg-color-deep-orange {
	color: #fff;
	background-color: #ff5722 !important;
	background-color: #f4511e !important;
}

.bg-color-brown {
	color: #fff;
	background-color: #795548 !important;
	background-color: #6d4c41 !important;
}

.bg-color-grey {
	color: #fff;
	background-color: #9e9e9e !important;
	background-color: #757575 !important;
}

.bg-color-blue-grey {
	color: #fff;
	background-color: #607d8b !important;
	background-color: #546e7a !important;
}


/*bg-color style e*/


/*text s
文本相关的样式,粗体/居中/字号大小等*/

.font-weight-normal {
	font-weight: normal !important;
}

.font-weight-bold {
	font-weight: bold !important;
}

.font-weight-lighter {
	font-weight: lighter !important;
}

.font-style-italic {
	font-style: italic;
}

.text-left,
.text-left>* {
	text-align: left !important;
}

.text-center,
.text-center>* {
	text-align: center !important;
}

.text-right,
.text-right>* {
	text-align: right !important;
}

.size-12 {
	font-size: 12px !important;
}

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

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

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

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

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

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

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

.size-32 {
	font-size: 32px !important;
}

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

.size-40 {
	font-size: 40px !important;
}

.size-50 {
	font-size: 50px !important;
}

.size-60 {
	font-size: 60px !important;
}


/*text e*/


/*light-height s*/

.line-height-1,
.line-height-1>* {
	line-height: 1;
}

.line-height-1-2,
.line-height-1-2>* {
	line-height: 1.2;
}

.line-height-1-4,
.line-height-1-4>* {
	line-height: 1.4;
}

.line-height-1-6,
.line-height-1-6>* {
	line-height: 1.6;
}

.line-height-1-8,
.line-height-1-8>* {
	line-height: 1.8;
}

.line-height-2,
.line-height-2>* {
	line-height: 2;
}

.line-height-2-2,
.line-height-2-2>* {
	line-height: 2.2;
}

.line-height-2-4,
.line-height-2-4>* {
	line-height: 2.4;
}

.line-height-2-6,
.line-height-2-6>* {
	line-height: 2.6;
}

.line-height-2-8,
.line-height-2-8>* {
	line-height: 2.8;
}

.line-height-3,
.line-height-3>* {
	line-height: 3;
}


/*line-height e*/


/*padding-width s
内填充值设定
 包含上右下左四个方向
可根据需求自定义更多范围*/

.padding-t-0 {
	padding-top: 0 !important;
}

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

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

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

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

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

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

.padding-r-0 {
	padding-right: 0 !important;
}

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

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

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

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

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

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

.padding-b-0 {
	padding-bottom: 0 !important;
}

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

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

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

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

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

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

.padding-l-0 {
	padding-left: 0 !important;
}

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

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

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

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

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

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

.padding-0 {
	padding: 0 !important;
}

.padding-all-0,
.padding-all-0>*,
.padding-all-0 * {
	padding: 0 !important;
}

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

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

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

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

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

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

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

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


/*padding-width e*/


/*margin-width s
外边距值设定
包含上右下左四个方向
可根据需求自定义更多范围*/

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

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

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

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

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

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

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

.margin-r-0 {
	margin-right: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.margin-l-0 {
	margin-left: 0 !important;
}

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

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

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

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

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

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

.margin-0 {
	margin: 0 !important;
}

.margin-all-0,
.margin-all-0>*,
.margin-all-0 * {
	margin: 0 !important;
}

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

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

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

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

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

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

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

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


/*margin-width e*/


/*width percent s
 分栏列宽的百分比设定，
 30%与70%属默认值，
 此次样式引用多与产品列表页面结合，
 对单一产品box要实现左右结构时，左边图片，右边标题简介价格，
 具体看实例。*/

.width-auto {
	width: auto !important;
	float: left;
}

.width-5p {
	width: 5% !important;
	float: left;
}

.width-10p {
	width: 10% !important;
	float: left;
}

.width-15p {
	width: 15% !important;
	float: left;
}

.width-20p {
	width: 20% !important;
	float: left;
}

.width-25p {
	width: 25% !important;
	float: left;
}

.width-30p {
	width: 30% !important;
	float: left;
}

.width-35p {
	width: 35% !important;
	float: left;
}

.width-40p {
	width: 40% !important;
	float: left;
}

.width-45p {
	width: 45% !important;
	float: left;
}

.width-50p {
	width: 50% !important;
	float: left;
}

.width-55p {
	width: 55% !important;
	float: left;
}

.width-60p {
	width: 60% !important;
	float: left;
}

.width-65p {
	width: 65% !important;
	float: left;
}

.width-70p {
	width: 70% !important;
	float: left;
}

.width-75p {
	width: 75% !important;
	float: left;
}

.width-80p {
	width: 80% !important;
	float: left;
}

.width-85p {
	width: 85% !important;
	float: left;
}

.width-85p {
	width: 85% !important;
	float: left;
}

.width-90p {
	width: 90% !important;
	float: left;
}

.width-95p {
	width: 95% !important;
	float: left;
}

.width-100p {
	width: 100% !important;
	float: left;
}

.width-5p:before,
.width-10p:before,
.width-15p:before,
.width-20p:before,
.width-25p:before,
.width-30p:before,
.width-35p:before,
.width-40p:before,
.width-45p:before,
.width-50p:before,
.width-55p:before,
.width-60p:before,
.width-65p:before,
.width-70p:before,
.width-75p:before,
.width-80p:before,
.width-85p:before,
.width-90p:before,
.width-95p:before,
.width-100p:before {
	/*display: table;
	content: " ";*/
}

.width-5p:after,
.width-10p:after,
.width-15p:after,
.width-20p:after,
.width-25p:after,
.width-30p:after,
.width-35p:after,
.width-40p:after,
.width-45p:after,
.width-50p:after,
.width-55p:after,
.width-60p:after,
.width-65p:after,
.width-70p:after,
.width-75p:after,
.width-80p:after,
.width-85p:after,
.width-90p:after,
.width-95p:after,
.width-100p:after {
	/*clear: both;*/
}


/*width percent e*/


/*col style s*/

.col-5 {
	/*一列五栏，
	对bootstrap分栏的增加样式，
	响应式样式须另外根据情况重定义width的值*/
	position: relative;
	width: 20%;
	float: left;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}


/*column-box s*/

.column-box {}

.column2 {
	column-count: 2;
}

.column3 {
	column-count: 3;
}

.column4 {
	column-count: 4;
}

.column5 {
	column-count: 5;
}


/*column-box e*/


/*col style e*/


/*font-icon style s
引用的FontAwesome图标样式颜色定义
 主要是一些社交软件的样式定义
 以各图标本色设定色值*/

.fa-facebook,
.fa-facebook-f,
.fa-facebook-official,
.fa-facebook-square {
	color: #3a5898;
}

.fa-twitter,
.fa-twitter-official,
.fa-twitter-square {
	color: #50aaee;
}

.fa-google-plus,
.fa-google-plus-circle,
.fa-google-plus-official,
.fa-google-plus-square {
	color: #d93e2d;
}

.fa-youtube,
.fa-youtube-official,
.fa-youtube-play,
.fa-youtube-square {
	color: #e62117;
}

.fa-pinterest,
.fa-pinterest-p,
.fa-pinterest-official,
.fa-pinterest-square {
	color: #d42127;
}

.fa-vimeo,
.fa-vimeo-square {
	color: #4c75a3;
}

.fa-instagram {
	color: #d10869;
}

.fa-vk {
	color: #4872a3;
}


/*font-icon e*/


/*icon:before:after s
 这里是一些自定义按钮的图标样式
*/

.icon-home-left:before {
	content: "\f015";
	font-family: FontAwesome;
	padding-right: 5px;
}

.icon-sign-in-left:before {
	content: "\f090";
	font-family: FontAwesome;
	padding-right: 5px;
}

.icon-sign-in-right:after {
	content: "\f090";
	font-family: FontAwesome;
	padding-left: 5px;
}

.icon-check-left:before {
	content: "\f00c";
	font-family: FontAwesome;
	padding-right: 5px;
}

.icon-check-right:after {
	content: "\f00c";
	font-family: FontAwesome;
	padding-left: 5px;
}

.icon-cart-left:before {
	content: "\f07a";
	font-family: FontAwesome;
	padding-right: 5px;
}

.icon-cart-right:before {
	content: "\f07a";
	font-family: FontAwesome;
	padding-left: 5px;
}

.icon-clock-o-left:before {
	content: "\f017";
	font-family: FontAwesome;
	padding-right: 5px;
}

.icon-clock-o-right:before {
	content: "\f017";
	font-family: FontAwesome;
	padding-left: 5px;
}

.icon-eye-left:before {
	content: "\f06e";
	font-family: FontAwesome;
	padding-right: 5px;
}

.icon-eye-right:before {
	content: "\f06e";
	font-family: FontAwesome;
	padding-left: 5px;
}

.icon-chevron-circle-left:before {
	content: "\f138";
	font-family: FontAwesome;
	padding-right: 5px;
}

.icon-chevron-circle-right:before {
	content: "\f138";
	font-family: FontAwesome;
	padding-left: 5px;
}


/*icon:before:after e*/


/*more-link style s
查看更多的样式合集,有胶囊形状和普通形状*/

.more-link:after {
	content: "\f101";
	font-family: FontAwesome;
	font-style: normal;
	padding-left: 5px;
}

.more-link-pill {
	/*更多按钮*/
	display: inline-block;
	/*float: right;*/
	font-size: 14px;
	font-weight: lighter;
	line-height: 1;
	padding: 4px 12px;
}

.more-link-pill {
	color: #1e88e5;
	border-radius: 15px;
	border: 1px solid #1e88e5;
}

.more-link-pill:hover {
	color: #1e88e5;
	text-decoration: none;
	border: 1px solid #1e88e5;
	background-color: #f5f5f5;
}

.more-link-normal {
	color: #1e88e5;
	font-style: italic;
}

.more-link-normal:hover {
	color: #1e88e5;
	text-decoration: none;
}


/*more-link style e*/


/*overflow style s
多行文字溢出隐藏的样式
单行/两行/三行/四行
注意,此样式在firefox下无省略号
仅在webkit引擎的浏览器下有省略号*/

.single-line {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.two-line {
	display: -webkit-box;
	height: 40px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.two-line-small {
	line-height: 1.2;
	height: 35px;
}

.two-line-larger {
	line-height: 1.8;
	height: 56px;
}

.three-line {
	display: -webkit-box;
	height: 60px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.three-line-small {
	line-height: 1.2;
	height: 50px;
}

.four-line {
	display: -webkit-box;
	height: 80px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}


/*overflow style e*/


/*inline-left-right s
 同一行的左右结构*/

.inline-left-right {}

.inline-left-right .pic-box {
	position: relative;
	width: 30%;
	float: left;
}

.inline-left-right .info {
	position: relative;
	width: 70%;
	float: left;
	padding-left: 15px;
}


/*inline-left-right e*/


/*corner style s
各种角标样式合集
必须引用iconfont样式
更多图标可以去http://www.iconfont.cn/网站上创建项目并下载引用
具体方法见网站帮助文档*/

.corner-box {
	position: absolute;
	z-index: 997;
}

.corner-box:after {
	color: #ef053b;
	font-family: "iconfont" !important;
}

.corner-box>span {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	font-size: 16px;
	z-index: 1;
}

.corner-box-style-a {
	top: -5px;
	left: -7px;
}

.corner-box-style-a>span {
	top: 3px;
}

.corner-box-style-a:after {
    content: "\e613";
    font-size: 42px;
    line-height: 1;
}

.corner-box-style-b {
	top: -8px;
	left: 5px;
}

.corner-box-style-b>span {
	top: 10px;
}


.corner-box-style-c {
	top: -25px;
	right: -10px;
}

.corner-box-style-c>span {
	top: 20px;
}

.corner-box-style-c:after {
	content: "\e622";
	font-size: 80px;
	line-height: 1;
}

.corner-box-style-d {
	top: 0;
	left: -2px;
	transform: rotate(90deg);
}

.corner-box-style-d>span {
	left: 5px;
	bottom: 15px;
	transform: rotate(-90deg);
}

.corner-box-style-d:after {
	content: "\e650";
	font-size: 50px;
	line-height: 1;
}

.corner-box-style-e {
	top: 2px;
	left: 0;
}

.corner-box-style-e>span {
	top: 3px;
	left: 30%;
	transform: translateX(-30%);
}

.corner-box-style-e:after {
	content: "\e603";
	font-size: 60px;
	line-height: 1;
}

.corner-box-style-f {
	top: -14px;
	right: 0;
}

.corner-box-style-f>span {
	top: 16px;
	left: 60%;
	transform: translateX(-60%);
}

.corner-box-style-f:after {
	content: "\e6d7";
	font-size: 60px;
	line-height: 1;
}


/*corner style e*/


/*author s
有关博客作者、发布日期、标签等样式集合*/

.author>span {
	margin-right: 15px
}

.author>span:before {
	font-family: FontAwesome;
	padding-right: 5px;
}

.author .user:before {
	content: "\f007";
}

.author .date:before {
	content: "\f073";
}

.author .tags:before {
	content: "\f02c";
}

.author .tags>a {
	display: inline-block;
	margin-right: 10px;
}


/*author e*/


/*unclassified style s
未分类样式集合*/

.must-do {
	/*表单前*号必填项*/
	display: inline-block;
	color: #f00;
	padding-right: 5px;
}

.content-box {
	/*通用盒子样式*/
	position: relative;
	width: 100%;
	min-height: 1px;
	float: left;
}

.readmore-box {
	/*引用插件readmore后，自定义样式*/
	overflow: hidden;
}

#scrollUp {
	/*一键返回页面顶部的自定义样式*/
	background-image: url("../img/top.png");
	bottom: 20px;
	right: 20px;
	width: 38px;
	height: 38px;
}


/*unclassified style e*/

@media (max-width: 1439px) {
	/*小于等于 1440px*/
}

@media (max-width: 1365px) {
	/*小于等于 1366px*/
}

@media (max-width: 1199px) {
	/*小于等于 1200px*/
}

@media (max-width: 1023px) {
	/*小于等于 1024px*/
	.col-5 {
		width: 25%;
	}
}

@media (max-width: 991px) {
	/*小于等于 992px*/
	.col-5 {
		width: 33.33333%;
	}
}

@media (max-width: 811px) {
	/*小于等于 812px*/
	.col-5 {
		width: 100%;
	}
}

@media (max-width: 767px) {
	/*小于等于 768px*/
	.width-5p,
	.width-10p,
	.width-15p,
	.width-20p,
	.width-25p,
	.width-30p,
	.width-35p,
	.width-40p,
	.width-45p,
	.width-50p,
	.width-55p,
	.width-60p,
	.width-65p,
	.width-70p,
	.width-75p,
	.width-80p,
	.width-85p,
	.width-90p,
	.width-95p,
	.width-100p {
		width: 100% !important;
	}
}

@media (max-width: 735px) {
	/*小于等于 736px*/
}

@media (max-width: 479px) {
	/*小于等于 480px*/
}

@media (max-width: 374px) {
	/*小于等于 375px*/
}

@media (max-width: 319px) {
	/*小于等于 320px*/
}
.btn-group>.btn{
    color: #000 !important;
    background-color: #fff !important;
    border: none !important;
}
.btn-group>.btn:hover{background: #fff; border: none !important;
}