@media screen and (max-width: 1680px) {
	.main{width: 73%;}
	.upkeep{width: 95%;margin: 0 auto}
   .table_right{left:13%; top: 0;width: 87%;}
   .table_left{width:13%;}
   .table_left2{width:8%;}
   .table_right2{left:8%; top: 0;width: 92%;}
   .under_wrapmo {display: none;}
}
@media screen and (max-width: 1450px) {
	.main{width: 76%;}
	.upkeep{width: 95%;margin: 0 auto}
	.carImg{width:100%;}
}
@media screen and (max-width: 1280px) {	
   .main{width: 82%;}
    .upkeep{width: 98%;margin: 0 auto}
   /* .select-div{padding-top: 8%;}*/
    .option_left {margin-top: 0;}
    .select{width:80%;}  
    .carImg{width:100%;}
}
@media screen and (max-width: 1080px){
	.table_right2 p {width: 880px;}
}
@media screen and (max-width: 1080px){
	/*.select-div {padding-top: 7%;}*/
	 .carImg{width:100%;}
}
@media screen and (max-width: 970px) {
   .main{width: 88%;}
    .upkeep{width: 100%;}
   .upkeep .select{width: 85%;}
   .carImg{width:100%;}
}
@media screen and (max-width: 850px) {
   .main{width: 92%;}
    .carImg{width:100%;}
   .select-div.type, .select-div.version{width: 85%;}
   .upkeep .select{width: 95%;} 
   .table_left{width: 17%;}  
   .table_right{left: 17%;width: 83%;}
   .code_wrap{width: 100%;margin: 10px 0;}
   .code{position:static;margin: auto;width: 25%;}
   .footer{padding: 100px 0;}
   .foot_left p{width: 95%;margin: auto;}
   h3{height: 40px;line-height: 40px;font-size: 18px;}
   .table_right_wrap p {width: 620px;}
   .table_right2 p {width: 880px;}
}
@media screen and (max-width: 750px){
	.option_left{width: 45%;}
	.option_right{width: 55%;}
	.select .s_input{width:75%;}
	.carImg{width:100%;}
	.table_left_div p.keep_color,p.keep_color{font-size: 16px;}
}
@media screen and (max-width: 650px){
	html,body{font-size: 12px;}
	.main{width: 100%;}
	.select .s_input{float: none;width: 100%;}
	.option_left,.option_right{float: none;width: 100%;}
   	.table_left_div p.keep_color,p.keep_color{font-size: 14px;}
   	.title{text-align: center;height: 60px; line-height: 60px;}
   	.select-div{padding-top: 0px;}
   	.upkeep .select-div{padding-top: 0;}
   	.upkeep{width: 95%;margin: auto;}
   	/* .table_left_div p{background: #DDDDDD;} */
   	.table_right p{background: #FFFFFF;}
   	.detail .box{padding-top: 0;}
   	.bg_border{border: 1px solid #DDDDDD;border-left: none;border-right: none;}
   	.table_right_wrap p{width:100%;}
   	.option_right {top: 0;}
    .select-div h3{display: none;}
	.must{display: block;}
	.detail{margin-top:0;}
	.car_age{width: 95%;margin: auto;}
	.upkeep .select{width: 100%;}
	.carImg{width:75%;}
}
@media screen and (max-width: 530px){
	.table_right_wrap p{width:600px;}
	.table_left p{font-size: 12px;}
	.table_left{width: 36%;}
  .table_right{left: 36%;width: 64%;}
  .detail .indicate{display: block;}
  .carName {font-size: 24px;}
  .main .title {font-size: 21px;height: 65px;line-height: 65px;margin-top:40px;background: url(../img/title_bgmo.png) no-repeat;background-size: 100%;}
  .small_title {position: relative;margin-bottom: 34px;}
  .small_title::before {position: absolute;content: '';border-top: 1px solid #000;width: 15px;left: 50%;top: 50%;margin-left: -75px;margin-top: -2px;}
  .small_title::after {position: absolute;content: '';border-top: 1px solid #000;width: 15px;right: 50%;top: 50%;margin-right: -75px;margin-top: -2px;}
  .small_title1::before {margin-left: -122px;}
  .small_title1::after {margin-right: -122px;}
  .xc40-recharge::before {margin-left: -153px;}
  .xc40-recharge::after {margin-right: -153px;}
  .small_title1 {margin-bottom: 19px;}
  .small_price,.under_wrap2 {display: none;}
  .detail,.footer {width: 95%;margin: 0 auto;}
  .under_wrapmo {display: block;}
  .under_wrapli {width: 100%;display: flex;justify-content: center;}
  .under_wrapli:nth-child(odd) {background: #f6f6f6;}
  .under_wrapli i {font-style: normal;font-size: 16px;font-weight: bold;}
  .under_wrapli p {display: inline-block;width: 32%;padding: 10px 0 10px 10px;line-height: 24px;}
}
@media screen and (max-width: 450px) {
	.main{width: 100%;}
   	.select-div label{float: none;}
   	.select .s_input{float: none;width: 100%;}   	
   	.carImgWrap{width: 90%;}  	
   	.table_left{width: 39%;}
   	.table_right{left: 39%;width: 61%;}
   	.code{width: 30%;}
   	.carImg{width:100%;}
   	.table_left_div p.keep_color,p.keep_color{font-size: 12px;}
}
@media screen and (max-width: 375px) {
  	.table_left{width: 32%;}	  	
   	.table_right{left: 32%;width:68%;}
   	.table_left_div p{text-indent: 8px;}
   	.table_left_div p.keep_color,p.keep_color{font-size: 12px;}
}
@media screen and (max-width: 345px){
	.car_age ul li{display: table-cell;float: none;}
}

