/* Write your styles */
html, body{ width:100vw; overflow-x: hidden; overflow-y: auto; margin: 0; }
p { margin: 0; }
li { list-style: none; }
a { color: #000; }

.daohang { width:100%; height: 8.3333vw;line-height: 8.3333vw;font-size: 4.2vw; }




.header { background: #4169E1; color: #fff; padding: 1vw 0; }
.caidan { padding: 0;margin: 0; }
.liebiao_li {width: 33.33%; padding: 0.6vw; text-align: center;}
.search_in { padding: 2vw 2vw; border: 0.013vw solid #4169E1; font-size: 4vw; outline: none; }
.search_btn { color: #fff; background-color: #4169E1; border: 1px solid #4169E1; font-size: 4vw; line-height: 10vw; padding: 0 4vw; }

.pre_next { margin: 0 1.6vw 2.6vw 1.6vw; }
.pre_next a {
	width: 25%; 
	display: block;
	float: left;
}
.pre_next a em {
	margin: 1vw;border: 0.1vw solid #dad8d8;display: block;border-radius: 5px;
}
			.pre_next a em i {
				color: #484747;font-size: 14px;display: block;margin: 0 auto; font-style: normal;width: 57px;
				height: 34px;
				line-height: 34px;
			}
			.prev {
				background: url(../i/prev_icon.png) no-repeat left center;
				padding-left: 15px;
			}
			.next {
				background: url(../i/next_icon.png) no-repeat right center;
				padding-right: 15px;
			}
			.img_list {
				width: 100%; padding-bottom: 56.25%;overflow: hidden;height: 0;
				background: url(../i/loading.gif) no-repeat center center;
				position:relative;
			}
			.img_list img { width: 100%; height: 100%; object-fit: cover; position: absolute;}
			/*list_soft_div*/
			.l_s_div { padding: 2vw 1vw; }
			.l_s_div1 {
				width: 76vw;
				/*padding-left: 2vw;*/
				flex: 1;
			}
			/*img_list_soft*/
			.img_l_s {
				width: 16vw;
				height: 16vw;
				overflow: hidden;
				background: url(../i/loading.gif) no-repeat center center;
				position:relative;
				margin-right: 2vw;
			}
			.img_l_s img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				position: absolute;
			}
			.flex_h {
				display: flex;flex-wrap: wrap;justify-content: flex-start;
			}
			.flex_s {
				display: flex;flex-wrap: wrap;
			}
			.flex_h_dq { justify-content: space-around; }/*主轴分散对齐*/
			.flex_h_ld { justify-content: space-between; }/*主轴两端对齐*/
			.flex_hs_dq { align-content: space-around; }/*多轴在交叉轴方向分散对齐*/
			.flex_s_dq { align-items: center; }/*交叉轴对齐*/
			.flex_liangduan {
				display: flex; flex-direction: row; justify-content: space-between;
			}

			.biaoti_div {
				border-bottom: 0.013vw solid #4169E1;margin-bottom: 1vw;
			}
			.biaoti_h1 {
				font-size: 4.8vw;font-weight: bold;margin: 0;width: 100%;
			}
			
			.list_div {
				width: 50%;padding: 1vw;
			}
			

/*展开收起*/
.zhankai { 
	width: 100%;
	position: absolute;
	bottom: 0px;
	background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.9));
	background-size: 100% 60%;
	background-repeat: no-repeat;
	height: 120px;
	display: none; 
}
.zhankai span { background: rgba(255,255,255,0.9);width: 100%;display: block;position: absolute;bottom: 0; height: 48px; line-height: 48px; }
.shouqi { width: 100%;display: none; }
/*分页列表*/
.pages { clear: both; text-align: center; }
.pages ul {
	padding: 0; margin: 0;
}
.pages ul li{
	border: 0.1vw solid #ddd;
	padding: 0vw 3.6vw;
	font-size: 4vw;
	line-height: 8vw;
	background: #fff;
	border-radius: 10%;
	margin-bottom: 1vw;
}
.pages ul li a { color: #666; }
.pages select {
	border: 0.1vw solid #ddd;
	padding: 0vw 3.2vw;
	font-size: 4vw;
	line-height: 8vw;
	background: #fff;
	border-radius: 10%;
	margin-bottom: 1vw;
	outline: none;
}
.pages select option {
	padding: 0.2vw 0;
	border: 0.1vw solid #ddd;
}
/*分类按钮*/
.btn_fenlei {
	width: 31.33%;
	margin: 1%;
	padding: 0.8vw 0;
	text-align: center;
	background-color: #eee;
	border-radius: 25% 10%;
}
/*宽高*/
.width_h_24{
	width: 3.6vw;
    height: 3.6vw;
}
.width_h_38 {
	width: 3.8vw;
	height: 3.8vw;
}


.txt_hid {
	overflow: hidden;
	white-space: nowrap;
}
.txt_sl { text-overflow:ellipsis; }
.txt_cen { text-align: center; }
/*介绍,多行省略号，只支持vebkit内核*/
.txt_js {
	overflow: hidden;
	font-size: 2.8vw;
	line-height: 3.8vw;
	height: 7.2vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	padding: 0 1vw;
}


.ma_b_56 { margin-bottom: 5.6vw; }
.ma_t { margin-top: 2.6vw; }
.ma_l { margin-left: 2.6vw; }
.ma_r { margin-right: 2.6vw; }
.ma_b { margin-bottom: 2.6vw; }
.ma_rl_26 { margin-right: 2.6vw; margin-left: 2.6vw; }
.ma_r_1 { margin-right: 1vw; }
.ma_rl_1 { margin-right: 1vw;margin-left: 1vw; }
.ma_rl_2 { margin-right: 1.6vw;margin-left: 1.6vw; }
.pa_l { padding-left: 2.6vw; }
.pa_r { padding-right: 2.6vw; }
.pa_t { padding-top: 2.6vw; }
.pa_b { padding-bottom: 2.6vw; }

.font_s_26 { font-size: 2.6vw; }
.font_s_28 { font-size: 2.8vw; }
.font_s_3 { font-size: 3vw; }
.font_s_32 { font-size: 3.2vw; }
.font_s_34 { font-size: 3.4vw; }
.font_s_36 { font-size: 3.6vw; }
.font_s_4 { font-size: 4vw; }
.font_s_42 { font-size: 4.2vw; }
.font_s_44 { font-size: 4.4vw; }
.font_s_46 { font-size: 4.6vw; }
.font_s_48 { font-size: 4.8vw; }
.font_s_5 { font-size: 5vw; }
.font_s_52 { font-size: 5.2vw; }
.font_s_54 { font-size: 5.4vw; }
.font_s_56 { font-size: 5.6vw; }
.font_s_58 { font-size: 5.8vw; }
.font_s_6 { font-size: 6vw; }
/*颜色*/
.color_hui_1 { color: #111; }
.color_hui_2 { color: #222; }
.color_hui_3 { color: #333; }
.color_hui_4 { color: #444; }
.color_hui_5 { color: #555; }
.color_hui_6 { color: #666; }
.color_hui_7 { color: #777; }
.color_hui_8 { color: #888; }
.color_hui_9 { color: #999; }
.color_hui_a { color: #aaa; }
.color_hui_b { color: #bbb; }
.color_hui_c { color: #ccc; }
.color_hui_d { color: #ddd; }
.color_hui_e { color: #eee; }
.color_hei { color: #000; }
.color_bai { color: #fff; }
.color_lan { color: blue; }
.color_lan_41 { color: #4169E1; }

.hid { overflow: hidden; }
.pos_re { position: relative; }
.dis_no { display: none; }