*{margin: 0;padding: 0;word-wrap: break-word;word-break: break-all;}
body{
	line-height: 1;
	color: #333333;
	font-size: 14px;
}
body, input, select, button, textarea {
    font-size: 14px;
    font-family: "微软雅黑","microsoft yahei",Arial,Helvetica,sans-serif;
}
input[type=text],
input[type=password],
input[type=checkbox],
input[type=radio],
input:focus{
	margin: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
	border: 0;
	background: none;
	outline-offset:0;
	padding: 0;
}
textarea{outline: none;resize: none;border: 0;}
i,em{font-style: normal;}
ul,li{list-style-type: none;}
a,a:link{text-decoration: none;color: #666666;}
.bgWhite{background: #FFFFFF;}
.bgGray{background: #F0F0F1;}
.paddingbot0{padding-bottom: 0;}
.borderBot{border-bottom: 1px solid #EEEEEE;}
.borderBotNo{border-bottom: 0 !important;}
.ovone {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ovtwo {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ovthree {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.margin20{margin-top: 20px;}
.margin30{margin-top: 30px;}
.pt120 { padding-top: 120px;}


.width1200{width: 1200px;margin: 0 auto;position: relative;}

.hide{display: none !important;}
.hideimp{display: none !important;}
.showimp{display: block!important;}
.page_opacity{opacity: 0.4;}
.mask{display: block;position: fixed;left: 0;top: 0;z-index: 1000;width: 100%;height: 100%;background: #000000;opacity: 0.4;}

.head_fiexd { position: fixed; z-index: 90; display: block; width: 100%; border-bottom: 1px solid #EEEEEE; }

.top_crumbs{width: 100%;height: 40px;background: #F5F7F8;border-bottom: 1px solid #EAEAEA;}
.top_crumbs .width1200{display: flex;align-items: center;justify-content: space-between;height: 100%;}
.top_crumbs .top_crumbs_l,.top_crumbs .top_crumbs_r{display: flex;align-items: center;}

.top_crumbs .crumbs_l_link{position: relative;display: flex;align-items: center;}
.top_crumbs .crumbs_l_link a{display: block;line-height: 40px;margin-right: 30px;font-size: 14px;color: #999999;}
.top_crumbs ul{display: flex;align-items: center;}
.top_crumbs li{line-height: 40px;margin-right: 12px;color: #999;font-size: 14px;}
.top_crumbs li a,.top_crumbs .top_crumbs_r li a{color: #999;}


/* 无数据 */
.list_empty{display: flex;flex-direction: column;align-items: center;margin-top: 30px;}
.list_empty img{width: 300px;height: 270px;}
.list_empty p{color: #999999;font-size:16px;margin-top: 10px;margin-bottom: 10px;}
.list_empty .btn{width: 88px;height: 34px;background-color: #21AA28;color: #FFFFFF;display: flex;justify-content: center;align-items: center;font-size: 14px;border-radius: 5px;}
/*layer自定义*/
.layer-confirm .layui-layer-btn .layui-layer-btn0{border-color: #E6E3E6;background-color: #FFF;color: black;}
.layer-confirm .layui-layer-btn .layui-layer-btn1{border-color: #4898d5;background-color: #2e8ded;color: #fff;}

.lazyload { margin-bottom: 9px; height: 200px; background: #f5f5f5 url(../images/li_img.jpg) no-repeat center; background-size: cover; }

/* 样式 */

.blue_bg {
	background: #3385ff;
}
.blue_bg_color{
	background: #e5f0ff;
	color: #3385ff;
}
.theme_bg_b::before,
.theme_bg_h:hover,
.theme_bg_li a:hover {
	background: #3385ff;
}
.category_banner {
	display: flex;
	align-items: center; 
	width: 1200px;
	margin: 0 auto;
	margin-top: 35px;
}

.flex_main {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.flex_all {
	width: 1200px;
}
.content_flex_l {
	width: 880px;
}
.content_flex_r {
	width: 280px;
}



/* 面包屑 导航 */
.page_bread {
	width: 1200px;
	margin: 0 auto;
	height: 55px;
	line-height: 55px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page_bread .bread_a {
	font-size: 14px;
	color: #999999;
}
.page_bread .bread_icon {
	font-size: 14px;
	color: #999999;
	padding: 0 5px;
}


/* 页码 */
.pages_container {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}

.pages_container .page_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 1px solid #DBDFE5;
	cursor: pointer;
	border-radius: 2px;
	box-sizing: border-box;
	background: #FFFFFF;
}

.pages_container .page_icon img {
	width: 16px;
	height: 16px;
	display: block;
}

.pages_container .page_second {
	display: flex;
	align-items: center;
	margin-left: 10px;
}

.pages_container .page_second a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	border: 1px solid #DBDFE5;
	background: #FFFFFF;
	border-radius: 2px;
	margin-right: 10px;
	font-size: 16px;
	cursor: pointer;
	padding: 0 2px;
	border-radius: 2px;
	color: #666666;
	box-sizing: border-box;
}
.pages_container .page_second a:hover {
	color: #666666;
}
.pages_container .page_second .active {
	color: #FFFFFF;
}
.pages_container .page_jump {
	display: flex;
	align-items: center;
	font-size: 15px;
	color: #555555;
	margin-left: 15px;
}
.pages_container .page_jump input {
	width: 60px;
	height: 36px;
	box-sizing: border-box;
	border: 1px solid #DBDFE5;
	border-radius: 2px;
	margin: 0 10px;
	text-align: center;
	background: #FFFFFF;
}
.pages_container .page_jump_btn {
	width: 60px;
	height: 36px;
	border-radius: 2px;
	cursor: pointer;
	text-align: center;
	line-height: 36px;
	color: #FFFFFF;
	margin-left: 20px;
}
.pages_container .page_second .active{
	border: 1px solid #3385ff;
	background: #3385ff;
}
.pages_container .page_second a:hover{
	border: 1px solid #3385ff;
	background: #e5f0ff;
}