@charset "utf-8";
/* CSS Document */
html body{min-width:auto !important;}

@media (max-width:1200px){
	html,body{
		font-size:16px;
	}
	.index_content .rightside .model_list li,
	.index_content .rightside .lanmu_title li{
		font-size:18px;
	}
	.index_content .rightside .model_list li .timepeople{
		font-size:12px;
	}
}

@media (max-width:1000px){
	html,body{
		font-size:14px;
	}
	.index_content .rightside .model_list li,
	.index_content .rightside .lanmu_title li{
		font-size:16px;
	}
	.index_content .rightside .model_list li .timepeople{
		font-size:12px;
	}
}

@media (max-width:768px){
	.webtop{ height:auto;}
	.webtop .webtop_box{
		padding-top:55px;
	}
	.webtop .web_logo{
		position:absolute;
		left:0;
		top:0px;
	}
	.webtop .web_logo img{ height:45px;}
	.register{
		position:absolute;
		right:0;
		top:10px;
	}
	.register a{ line-height:normal;}
	.register .web_logo{ position:static; height:auto;}
	.daohang{ display:flex; width:100%;}
	.daohang li{ flex:1; text-align:center; height:50px; line-height:50px;}
	.webtop li a{ line-height:inherit;}
	.index_content .leftside{
		float:none;
		width:100%;
		padding-top:20px;
		margin-bottom:20px;
	}
	.index_content .leftside ul{ display:flex;}
	.index_content .leftside ul li{ flex:1; text-align:center; margin:0px !important; padding:0;}
	.index_content .leftside li:nth-child(1){margin:0px !important;}
	.index_content.split .rightside{float:none; width:100%; border:none;border-top: 1px solid #f2f2f2; padding-top:20px;}
	.index_content .leftside li.on{ background-position:bottom center;}
}

@media (max-width:640px){
	.index_content .rightside .model_list li,
	.index_content .rightside .lanmu_title li{
		font-size:14px;
		height:auto;
	}
	.index_content .rightside .model_list li{
		line-height:2.3;
	}
	.friendLink{ font-size:12px;}
	.index_content .rightside .lanmu_title{ padding-left:0;}
	.fenye li a{ font-size:14px;}
	.daohang{ display:grid; grid-template-columns:1fr 1fr 1fr;}
	.daohang li{height:40px; line-height:40px;}
	.model_main_art{ padding:10px 0px;}
	.index_content .rightside .model_list li .timepeople{
		float:none;
		display:block; margin:;
	}
	
	.lbl, .lbr{
		padding:0 2%;
	}
	
	.index-breadcrumb{ display:none;}
	.index_content .model_main_art .model_detail .column{ margin:20px 0px; padding-left:0; padding-right:0;}
	.index_content .model_main_art .model_detail .column h3{ margin:0 20px 20px;}
}