body {
    font-family: arial,'微软雅黑';
    font-size: 14px;
    color: #333;
    background-color: #ffffff;
}
		
		@media only screen and (min-width: 767px){
		.jdcmain {
		    background-color: #fff;
		    margin-left: 200px;
		    padding: 0 0 40px 20px;
		    min-height: 666px;
			}
		.battery_box{
			margin-left: 10px;
			font-size: 14px;
		}
		.filter_box{
			margin-top: 10px;
			height: 50px;
			padding-left: 10px;
			background-color: #e20821;
		}
		.filter_btn{
			display: none;
		}
		.filter_btn_pc{
			display: inline-block;padding: 6px 10px;background-color: #333;color: #fff;cursor: pointer;font-size: 18px;position: relative;top: 2px;
		}
		.shenghui_span,.city_span{
			display: inline-block;
			width: 36%;
			height: 28px;
			background-color: #fff;
			cursor: pointer;
			position: relative;
		}
		#shenghui{
			width: 100%;
			z-index: -2;
			cursor: pointer;
			padding-left:10px ;
			position: absolute;
			top: 0px;
			left: 0px;
			opacity: 0;
		}
		#b_city{
			width: 100%;
			z-index: -2;
			cursor: pointer;
			padding-left:10px ;
			position: absolute;
			top: 0px;
			left: 0px;
			opacity: 0;
		}
		.input_aaa{
			width: 96%;
			height: 28px;
			line-height: 28px;
			padding-left:10px ;
			color: #000;
			background: #fff;
			z-index: 100;
		}
		.title_shop{
			background-color: #4b4b4a;
			height: 36px;
			color: #ccc;
		}
		.title_shop span{
			display: inline-block;
			font-size: 14px;
			line-height: 36px;
			padding-left: 10px;
		}
		.title_shop span i{
			font-style: normal;
			color: #e20821;
		}
		#shop_list ul{
			padding: 0 15px;
			border: 1px solid #ccc;
			border-top: none;
			height: 550px;
			overflow-y: scroll;
			
		}
		#shop_list .list_title{
			height: 40px;
			line-height: 40px;
			
			border-top: 1px solid #ccc;
			padding-left:20px ;
			cursor: pointer;
		}
		.message_box{
			font-size: 13px;
			padding: 20px 8%;
			color: #333;
			display: none;
			border-top: 1px solid #ccc;
		}
		.w_top{
			color:#e20821;
			display: inline-block;
			line-height: 22px;
			text-align: left;
		}
		.jiantou{
			font-style: normal;
			display: inline-block;
			float: right;
			font-weight: bolder;
			margin-right: 10px;
		}
		.filter_span1{
			display: inline-block;line-height: 50px;font-size: 14px;color: #fff;
		}
		#shop_list .list_title .list_num{
				color: #e20721;
				display: inline-block;
				width: 20px;
				text-align: right;
				margin-right: 18px;
		}
		.p_img{
			float: right;margin-top: 12px;
		}
		.battery_h2{
			font-size: 20px;
			font-weight: bold;
		}
		.select_list{
			display: none;
			position: absolute;
			top: 28px;
			left: 0;
			background: #fff;
			max-height: 300px;
			/*height: 300px;*/
			width: 99%;
			border: 1px solid #ccc;
			overflow: auto;
		}
		.select_list p{
			height: 28px;
			line-height: 28px;
			padding-left: 10px;
		}
		.select_list p:hover{
			background-color: #e20821;
			color: #fff;
		}
		.arrow_1{
			display: inline-block;
		}
		.arrow_2{
			display: none;
		}
		.battery_h2 img{
			float: left;
		}
		.battery_h2 p{
			float: left;
			line-height: 22px;
		}
		.jdc_new_title ul{
			width: 100%;
			height: 42px;
			line-height: 42px;
			margin: 0 auto;
			text-align: center;
			cursor: pointer;
			margin-bottom: 20px;
		}
		.jdc_new_title ul li{
			width: 47%;
			background-color: #ccc;
		}
		.jdc_new_title ul .btn_li1{
			float: left;
		}
		.jdc_new_title ul .btn_li2{
			float: right;
		}
		.jdc_new_title ul .active_li{
			color: #fff;
			background-color: #e20821;
		}
		.levin_list{
			display: none;
			height: 600px;
			overflow-y: auto;
			margin-top: 30px;
		}
		.levin_table{
			width: 100%;
		}
		.levin_table th{
			font-weight: bold;
		}
		.levin_table th,.levin_table td{
			width: 49.9%;
			text-align: center;
			background-color: #fff;
		}
		.ix4_list{
			display: none;
			height: 600px;
			overflow-y: auto;
			margin-top: 30px;
		}
		.ix4_table{
			width: 100%;
		}
		.levin_table th{
			font-weight: bold;
		}
		.ix4_table th,.ix4_table td{
			width: 49.9%;
			text-align: center;
			background-color: #fff;
		}
		.bz4x_list{
			display: none;
			height: 600px;
			overflow-y: auto;
			margin-top: 30px;
		}
		.bz4x_table{
			width: 100%;
		}
		.bz4x_table th{
			font-weight: bold;
		}
		.bz4x_table th,.bz4x_table td{
			width: 49.9%;
			text-align: center;
			background-color: #fff;
		}
		}	
		@media only screen and (max-width: 767px){
			.select_list{
				display: none;
			}
			.battery_box{
				font-size: 16px;
				margin-bottom: 20px;
			}
			.filter_box{
				margin-top: 10px;
				background-color: #e20821;
				padding-bottom: 10px;
				padding-top:7px ;
				border-radius: 10px;
			}
			.filter_span1{
				display: block;font-size: 18px;text-align: center;color: #fff;
			}
			.shenghui_span,.city_span{
				width: 96%;
				margin: 10px auto;
				position: relative;
			}
			.shenghui_name{
				display: block;
				width: 100%;
				background-color: #fff;	
			}
			#shenghui{
				width: 100%;
				padding-left: 10px;
				border-radius: 3px;
				position: absolute;
				left: 0;
				top: 0;
				height: 30px;
				opacity: 0;
			}
			#b_city{	
				width: 100%;
				padding-left: 10px;
				border-radius: 3px;
				position: absolute;
				left: 0;
				top: 0;
				height: 30px;
				opacity: 0;
			}
			.input_aaa{
				height: 30px;
				line-height: 30px;
				background-color: #fff;
				color: #333;
				padding-left: 10px;
			}
			.filter_btn_pc{
				display: none;
			}
			.filter_btn{
				display: block;
				width: 30%;
				margin: 0 auto;
				height: 37px;
				text-align: center;
				line-height: 37px;
				background-color: #333;
				color: #fff;
				margin-top: 10px;
				border-radius: 5px;
			}
			.title_shop{
				
				margin-top: 10px;
				height: 38px;
				background-color: #4b4b4a;
				color: #fff;
				font-size: 16px;
				line-height: 38px;
				padding-left: 20px;
			}
			.bun_index{
				font-style: normal;
				color: #e20821;
			}
			.list_title{
				height: 40px;
				line-height: 40px;
				
				border-top: 1px solid #ccc;
				
				position: relative;
			}
			.jiantou{
			font-style: normal;
			display: inline-block;
			float: right;
			font-weight: bolder;
			margin-right: 10px;
			}
			.message_box{
			    font-size: 15px;
			    padding: 20px 4% 20px 8%;
			    color: #333;
			    line-height: 24px;
			    display: none;
			    border-top: 1px solid #ccc;
			}
			.w_top{
				color: #e20821;
			    display: inline-block;
			    line-height: 22px;
			    text-align: left;
			}
			#shop_list ul{
				border: 1px solid #ccc;
				padding: 0 3%;
				overflow-y: scroll;
				height: 500px;
			}
			#shop_list ul::-webkit-scrollbar  
			{  
			    width: 5px;  
			    height: 5px;  
			    background-color: #333;  
			}  
			#shop_list ul::-webkit-scrollbar-track  
			{  
			    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
			    border-radius: 10px;  
			    background-color: #ccc;  
			} 
			#shop_list ul::-webkit-scrollbar-thumb{  	
				height: 10px;
			    border-radius: 10px;  
			    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
			    background-color: #333;  
			}
			#shop_list .list_title .list_num{
				color: #e20721;
				font-size: 15px;
				font-weight: 500;
				display: inline-block;
				width: 20px;
				text-align: right;
				margin-right: 7px;
			}
			.p_img{
				float: right;margin-top: 12px;
			}
			.battery_h2{
				font-weight: bold;
				font-size: 20px;
				line-height: 25px;
			}
			.battery_h2 img{
			float: left;
			}
			.battery_h2 p{
				float: left;
				line-height: 22px;
				width: 90%;
			}
			.arrow_1{
			display: inline-block;
			}
			.arrow_2{
				display: none;
			}
			.jdc_new_title ul{
				width: 90%;
				height: 100px;
				line-height: 40px;
				margin: 0 auto;
				text-align: center;
				cursor: pointer;
			}
			.jdc_new_title ul li{
				box-sizing: border-box;
				float: left;
				width: 100%;
				background-color: #ccc;
				padding: 0 10px;
				border-radius: 15px;
			}
			.jdc_new_title ul .btn_li2{
				margin-top: 10px;
			}
			.jdc_new_title ul .btn_li4{
				margin-top: 10px;
			}
			.jdc_new_title ul .btn_li6{
				margin-top: 10px;
			}
			.jdc_new_title ul .btn_li8{
				margin-top: 10px;
			   }
			.jdc_new_title ul .active_li{
				color: #fff;
				background-color: #e20821;
			}
			.levin_list{
				display: none;
				max-height: 600px;
				margin-top: 30px;
				overflow-y: auto;
				border-top: 1px solid #000;
			}
			.levin_table{
				width: 100%;
			}
			.levin_table th{
				font-weight: bold;
			}
			.levin_table th,.levin_table td{
				width: 49.9%;
				text-align: center;
				background-color: #fff;
				border-color: #000;
			}
			
			.ix4_list{
				display: none;
				max-height: 600px;
				margin-top: 30px;
				overflow-y: auto;
				border-top: 1px solid #000;
			}
			.ix4_table{
				width: 100%;
			}
			.ix4_table th{
				font-weight: bold;
			}
			.ix4_table th,.ix4_table td{
				width: 49.9%;
				text-align: center;
				background-color: #fff;
				border-color: #000;
			}
			.bz4x_list{
				display: none;
				max-height: 600px;
				margin-top: 30px;
				overflow-y: auto;
				border-top: 1px solid #000;
			}
			.bz4x_table{
				width: 100%;
			}
			.bz4x_table th{
				font-weight: bold;
			}
			.bz4x_table th,.bz4x_table td{
				width: 49.9%;
				text-align: center;
				background-color: #fff;
				border-color: #000;
			}
		}