html,
body {
	background-color: #efeff4;
}

.mui-off-canvas-left {
	color: #fff;
}
.line{ background: #860546; height: 5px;}
.title {
	margin: 0px  0px 0 0px;
	padding: 10px;
	color: #fff;
	background: #860546;
}

.title+.content {
	margin: 10px 15px 35px;
	color: #bbb;
	text-indent: 1em;
	font-size: 14px;
	line-height: 24px;
}

input {
	color: #000;
}
.mui-content { background: #fff;}
.copyright { font-size: .7em; text-align: center; line-height:25px;}
.copyright a{color: #000;}
.danwei{ line-height: 150%; color: #666666; font-size: .7em;}
.mui-bar { background: #860546;}
.mui-bar .mui-title{color: #fff;}
.mui-bar .mui-icon {color: #fff;}

.mui-bar .mui-title .logo {display:  inline-block; margin-top: 2px;   width:280px;height:50px; background: url(../img/logo.png)   no-repeat ; background-size: contain; }
.img2-bg { padding: 15px; background: url(../img/img2-bg.jpg) no-repeat; background-size: contain;}
.img1-bg { padding: 15px; background: url(../img/img1-bg.jpg) no-repeat; background-size: contain;}
.show-title{ text-align: center;}
.show-content {line-height: 200%; color:#000;}
.show-content p{ text-indent:2em; color:#000;}
.show-content img{ margin:0 auto; display:block;}

.show-content a{ color:#000;}
.mui-bar-tab .mui-tab-item {color:#fff}
.mui-bar-tab .mui-tab-item.mui-active {color:#fff;}

.hide { display: none; } .backTop { background: #DDDDDD; border-radius: 50%; position: fixed; right: 10px; bottom: 15px; width: 38px; height: 38px; z-index: 9999; text-align: center; font-size: 18px; color: #666666; padding-top: 8px; opacity: 0.8; }

.row{
	display:block;
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
}
.row .col-sm-4{
	margin-bottom:20px;
	overflow:hidden;
	display:flex;
}
.card{
	margin-top:0;
	width:100%;
	position:relative;
	border-radius:5px;
	padding:0;
	display:flex;
	flex:1;
}
.color1{
	background:#ff9a00;
}
.color2{
	background:#9f1924;
}
.color3{
	background:#037eff;
}
.color4{
	background:#373038;
}
.color5{
	background:#af3fee;
}
.color6{
	background:#215c3c;
}
.color7{
	background:#e30300;
}
.color8{
	background:#04019a;
}
.card a{
	display:flex;
	flex:1;
}
.card .card-img{
	margin-top:0;
	height:142px;
	border-top-left-radius:0;
	max-width:100%;
	overflow:hidden;
	position:relative;
	border-top-right-radius:5px;
	order:2;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:0;
	width:40%;
}
.lazy-loaded, .lazy-placeholder.over{
	background-image:none!important;
	width:auto!important;
	padding-top:0!important;
	position:static!important;
}
.card .card-img img{
	top:50%;
	margin-left:0;
	margin-top:0;
	max-height:100%;
	position:absolute;
	left:50%;
	width:auto;
	right:-20px;
	transform:translate(-50%, -50%) !important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	transition-duration:0.3s;
	transition-property:transform;
	border:0;
	vertical-align:middle;
}
.card-content{
	padding-bottom:15px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	width:60%;
	padding:15px;
	border-top-left-radius:5px;
}
.category-name{
	font-size:28px;
	line-height:40px;
	color:#FFF;
	margin-bottom:0;
}
.height-fixed{
	height:auto;
	max-height:85px;
	margin-bottom:0;
	overflow:hidden;
}
.card-content h3{
	font-size:18px;
	margin-top:5px;
	margin-bottom:0;
	line-height:30px !important;
	max-height:none !important;
	font-weight:bold !important;
	margin:0 0 12px 0;
	color:#CCC;
}
.card-content p{
	text-align:left;
	font-size:14px;
	line-height:22px;
	margin:0;
	display:block;
}
.read-more{
	font-size:22px;
	line-height:34px;
	position:absolute;
	bottom:30px;
	color:#222222;
}
.hidden-xs{
	display:none !important;
}
a.read-more em, span.read-more em{
	display:inline-block;
	font-size:20px;
	margin-left:15px;
	vertical-align:middle;
	color:#222222;
}