/*通用end*/
.bp_index{font-size: 14px;}
/*子页面公用头部*/
.bp_index .header{ width: 100%; height: 44px; padding: 0; position: fixed; top:0; left: 0; background: #f9f9f9;
    text-align: center; border-bottom: 1px solid #ccc; z-index: 1;}
.bp_index .header .title{ color: #333; font-size: 16px; font-weight: 200; line-height: 45px;height: 24px;}
.bp_index .header h1{ display: inline-block;font-weight: 200;}
.bp_index .header .sub-title{display: block; line-height: 44px;height: 44px;font-size: 16px; text-align: center;}
.bp_index .header .title-up{line-height: 24px;height: 24px;font-size: 15px; }

.bp_index .header .info{ color: #9b9b9b; font-size: 13px; line-height: 20px;}
.bp_index .header-r{ display: inline-block; position: absolute; padding-right: 10px; line-height: 44px; right: 0; top:0;}
.bp_index .header-back{ display: block; width: 44px; height: 44px; background: url(../images/arrow_l_h.png) center center no-repeat;
    position: absolute; left: 0; top:0; overflow: hidden; text-indent: -1000px; background-size: 25% auto;}
 
/*选车模块*/
.main_image {
    overflow: hidden;
}
.car-part-ul {
    width: 100%;
    position: relative;
    height: 246px;
}
.car-part-ul li:first-child {
    z-index: 5;
    /* display: block; */
}
.car-part-ul li {
    width: 100%;
    height: 246px;
    position: absolute;
    left: 0;
    top: 0;
    /* display: none; */
    z-index: -10;
    background: url(../images/selector_background.jpg) repeat-x;
    background-size: auto 100%;
}
.car-bg {
    width: 320px;
    height: 246px;
    margin: 0 auto;position: relative;
}
.pt_6{
	padding-bottom: 6px!important;
}
.car-line{position: absolute; left: 0; top:0; z-index: 10; }
.rf {
    background: url(../images/part/100001.png) 0 0 no-repeat;
}
.lf{
    background: url(../images/part/000001.png) 0 0 no-repeat;
}
.lb {
    background: url(../images/part/200001.png) 0 0 no-repeat;
}
.rb {
	background: url(../images/part/300001.png) 0 0 no-repeat;
}
.w0014{ background-image: url(../images/zqmbs.jpg);}
.w0036{ background-image: url(../images/yqmbs.jpg);}
.w0007{ background-image: url(../images/zhmbs.jpg);}
.w0066{ background-image: url(../images/yhmbs.jpg);}
.w0040{ background-image: url(../images/zhsj.jpg);}
.w0069{ background-image: url(../images/yhsj.jpg);}
.w0016{ background-image: url(../images/zqb.jpg);}
.w0060{ background-image: url(../images/yqb.jpg);}
.w0028{ background-image: url(../images/zqfdlz.jpg);}
.w0029{ background-image: url(../images/yqfdlz.jpg);}
.w0031{ background-image: url(../images/zzmlz.jpg);}
.w0042{ background-image: url(../images/yzmlz.jpg);}
.w0014.active{ background-image: url(../images/zqmbs_h.jpg);}
.w0036.active{ background-image: url(../images/yqmbs_h.jpg);}
.w0007.active{ background-image: url(../images/zhmbs_h.jpg);}
.w0066.active{ background-image: url(../images/yhmbs_h.jpg);}
.w0040.active{ background-image: url(../images/zhsj_h.jpg);}
.w0069.active{ background-image: url(../images/yhsj_h.jpg);}
.w0016.active{ background-image: url(../images/zqb_h.jpg);}
.w0060.active{ background-image: url(../images/yqb_h.jpg);}
.w0028.active{ background-image: url(../images/zqfdlz_h.jpg);}
.w0029.active{ background-image: url(../images/yqfdlz_h.jpg);}
.w0031.active{ background-image: url(../images/zzmlz_h.jpg);}
.w0042.active{ background-image: url(../images/yzmlz_h.jpg);}
.widget-link{display:block; width: 100px; height: 79px; margin-right: 5px; margin-bottom: 5px; float: left;
    background-size: 100% auto;/*text-indent: -1000px;*/overflow: hidden; background-repeat: no-repeat; cursor: pointer;}

.selected-list{ width: 100%;overflow: auto;box-sizing: border-box; position: relative;background:#fff;}
.selected-list ul{ padding-top: 5px;}
.selected-list li{ line-height: 1; padding: 6px 23px 6px 23px;}
.selected-list .keys{ display: inline-block; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.selected-list .price{display: inline-block; max-width: 20%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
font-weight: bold;color:#ff4500;}
.selected-list .price:before{ display: inline-block; content: '￥';}
.selected-list li.show{display: block;}
.selected-list li.hide{display: none;}
.list-null{ width: 100%; text-align: center; font-size: 18px; color: #b4b4b4; line-height: 30px; position: absolute;
left: 0; top:50%; margin-top: -30px;}
.damaged-info{font-size: 12px; color: #878787; line-height: 20px;}
/*service-foot*/
.foot-service{width: 100%; height: 100px;padding:10px 0; position: fixed;left: 0;bottom: 0;background: #fff;z-index: 1;border-top:1px solid #EDEDED;
box-sizing: border-box;}
.foot-service>div{
	padding:0 10px;
}
.foot-service .prices{font-size: 16px;}
.shopcar-info{ padding: 12px 23px;height: 26px; line-height: 26px; font-size: 16px; padding-bottom: 5px;}
.num-warp{ color: #333; font-weight: bold;}
#shop_cart_num{ padding: 0 5px;}
.shop-money{color: #ffa654; font-size: 18px; font-weight: bold;}
.shop-money:before{ display: inline-block; content: '￥';}
.btn-next{position:absolute;top:0;right:10px;         padding:8px 35px; text-align: center;border-radius: 6px; color: #fff;line-height: 20px; font-size: 16px; background-color: #FF4500; }
.gesture{margin:60px auto 0 auto; text-align: center; }
.gesture img{display: inline-block;}
.whole-car{ display: block; line-height: 40px; padding:0 10px; color: #ff9402; cursor: pointer;}
.foot-part-info{line-height: 40px; padding-left: 10px;}

/*head-service*/
.head-service{ width: 100%; height: 36px; line-height: 36px; text-align: center;background-color: #f6f5f1;
    border-bottom: 1px solid #d7d7d7;}
.head-title{ font-size: 15px; font-weight: bold;}
.service-back{display: block; width: 36px; height: 36px; background: url(../images/arrow_l_h.png) center center no-repeat;
    position: absolute; left: 0; top:0; overflow: hidden; text-indent: -1000px; background-size: 25% auto;
}
/*换车弹出层*/
.shadow{ position: fixed; width: 100%; top:0; left: 0; bottom: 0; background: rgba(0,0,0,.7);z-index: 99;}
.black-shadow{background: rgba(0,0,0,.7); width: 100%; position: fixed; left: 0; top:0; bottom:0; z-index: 998;}
.change-car-tips{ width: 100%; height: 0; position: fixed; left: 0;bottom: 0; background: #fff; z-index: 999;
    box-shadow: 0 -2px 5px #ccc; box-sizing: border-box;color: #333;}
.change-car-tit{ margin: 10px 20px 0 15px; line-height: 40px; text-align: center;}
.change-car-tips ul{ margin:0 10px; height: 200px; overflow-y: auto;}
.change-car-tips li{ height: 60px; line-height: 60px; background-color: #f3f3f3; border-radius: 5px; cursor: pointer;
    margin-bottom: 10px; margin-right: 7px; font-size: 15px; padding-right: 40px;}
.change-car-tips li.active{ background-image: url(../images/cart_checked.png);background-position:98% center;
    background-repeat:no-repeat; background-size: auto 40%;}
.change-car-tips li .img{ width: 50px; height: 50px; overflow: hidden; margin: 5px 10px 5px 5px; float: left;}
.change-car-tips li .img img{ width: 100%;height: 50px;}
.change-car-tips li .care-name{ display: block; margin-left: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.btn-add-cart{ display: block; margin:0 20px 10px 20px; line-height: 40px; font-size: 15px; color: #ff9402;
    text-align: center;}
.btn-add-cart:visited{ color: #ff9402;}
/*换车*/
.head-part{ height: 26px; line-height: 26px; background: #eee; font-size: 14px;}
.head-part-info{ margin:0 53px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999;}
.head-change-car{display: inline-block;position: absolute; right: 0;top: 0;color: #53acff; padding-right: 5px;}
.head-change-car:visited{color: #53acff;}
.icon-arrow{ display: inline-block; width: 16px; height: 10px; background: url(../images/icon_arrow_b.png)
center center no-repeat;}
.header-arrow{background-size: 70% auto;}
.header-arrow.up{
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transition: 0.2s transform ease-in;
    -webkit-transition: 0.2s transform ease-in;
}
/*选择部位弹出框*/
.damage-box{width: 90%; position: fixed; left: 5%; top:50%; margin-top: -124px; background: #fff; z-index: 9;border: 1px solid #ccc;}
.p-row{display: block; padding: 10px 0; height: 24px; line-height: 24px; padding-left: 10px;}
.damage-title{font-size: 15px; line-height: 1.4; padding: 5px 0; color: #333;padding-left: 10px;}
.label-items{padding-left: 3.33%; padding-bottom: 10px;}
.radio-block{display:block; width: 30%; float: left; margin-right: 3.33%; border: 2px solid #eee; border-radius: 5px;
box-sizing: border-box; text-align: center; line-height: 1.6; padding: 5px 0;}
.radio-block input[type="radio"]{display:none;}
.radio-block.active{ border-color:#45c0ed; }
.damage-text{width: 100%; height: 42px; box-sizing: border-box; text-align: left; line-height: 1.5; color: #777777;}
.btn-small-b{display: inline-block; line-height: 28px; background: #29b6f6; color: #fff; font-size: 14px;
    border: 1px solid #53acff; padding:0 30px;}


/*2006.6.2汽车部位*/

/**/

/*@media(min-width: 320px){
    .widget-main{width: 320px;}
}
@media(min-width: 360px){
    .widget-main{width: 360px;}
    .widget-link{width: 113px; height: 90px;}
}
@media(min-width: 375px){
    .widget-main{ width: 375px; }
    .widget-link{width: 118px; height: 94px;}
}
@media(min-width: 384px){
    .widget-main{ width: 384px; margin: 0 auto;}
    .widget-link{width: 121px; height: 96px;}
}
@media(min-width: 412px){
    .widget-main{ width: 412px; }
    .widget-main{ padding: 6px 0 0 6px;}
    .widget-link{width: 129px; height: 103px; margin-right: 6px; margin-bottom: 6px;}
}
@media(min-width: 414px){
    .widget-main{ width: 414px; }
    .widget-main{ padding: 6px 0 0 6px;}
    .widget-link{width: 130px; height: 103px; margin-right: 6px; margin-bottom: 6px;}
}
@media(min-width: 600px){
    .widget-main{ padding: 6px 0 0 6px; width: 544px;}
    .widget-link{width: 130px; height: 103px;margin-right: 6px; margin-bottom: 6px;}
}*/
/*选漆start*/
.bp_index .paint{
	background: #a5937b;
	color:#fff;
	height:45px;
	line-height: 45px;
	padding:0 10px;
}
.bp_index .paint .center{
	margin-right:100px;
	margin-left:30px;
	border-right:1px solid #fff;
	padding:0 20px;
	
}
.bp_index .paint .right{
	width:90px;
	text-align: center;
}
.bp_index .paint select{
	color:#a5937b;
	width:100%;
	background: #fff;
	border-radius: 16px;padding:0 5px;
	line-height: 25px;
	height:25px;
}
.kp.page-content{
	padding-bottom: 85px;
}
/*选漆end*/