/**
 * 
 */
.sl-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.sl-flex>.cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    display: block;
    padding: 0!important;
    position: relative;
}
.bp{
}
/**
 * 
 */

.bp.index{
	
}
.bp.index .container .fullbg{
	position: fixed;
	left: 0px; right: 0px;
	top: 0px; bottom: 0px;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.7);
}
.bp.index .container{
	position: fixed;
	left: 0px; right: 0px;
	top: 0px; bottom: 0px;
	z-index: 99;;
	border: none;
	margin-top: 0px;
}
.bp.index .container .header{
	text-align: center;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	padding: 0 10px;
}
.bp.index .container .header .iconfont{
	font-size: 18px;
}
.bp.index .container .header .left{
	float: left;
}
.bp.index .container .header .right{
	float: right;
}
.bp.index .container .car-paint{
	position: absolute;
	background: url(../images/selector_background.jpg) repeat-x;
	left: 0px; right: 0px;
	top: 0px; height: 260px;
	z-index: -1;
	padding-top: 40px;
	background-size : auto 280px;
	background-position-y: 20px;
	background-color: rgb(74, 73, 68);
}
.bp.index .container .car-paint .left-btn{
	position: absolute;
	left: 15px; bottom: 15px;
	width: 50px; height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 28px;
	z-index: 99;
	color: #FFF;
}
.bp.index .container .car-paint .right-btn{
	position: absolute;
	right: 15px; bottom: 15px;
	width: 50px; height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 28px;
	z-index: 99;
	color: #FFF;
}
.bp.index .container .toolbar{
    position: absolute;
    left: 0px; right: 0px;
	top: 300px; 
    color: #fff;
	background-color: #8C8C82;
}
.bp.index .container .toolbar>.row{
}
.bp.index .container .toolbar>.row:nth-child(1){
	height: 45px;
	background-color: #959595;
}
.bp.index .container .toolbar>.row:nth-child(2){
	height: 45px;
    line-height: 45px;
	background: #a5937b;
}
.bp.index .container .toolbar .bar-btn{
	height: 45px;
	line-height: 45px;
	text-align: center;
	box-sizing: border-box;
	border-left:1px solid #fff;
	font-size: 15px;
}
.bp.index .container .toolbar .bar-btn .icon-fangkuang{
	vertical-align: middle;
}
.fr{
	float: right;
}
.bp.index .container .toolbar .bar-btn .icon-xiangxiajiantou{
	font-size: 14px;
}
.bp.index .container .toolbar .stud{
	height: 45px;
    line-height: 45px;
    text-align: center;
    box-sizing: border-box;
    font-size: 15px;
}
.bp.index .container .toolbar .select {
    color: #a5937b;
    width: 85%;
    background: #fff;
    border-radius: 16px;
    padding: 0 5px;
    line-height: 25px;
    height: 25px;
}
.bp.index .container .selected-main{
	position: absolute;
    left: 0px; right: 0px;
    top: 345px; bottom: 76px;
    overflow-x: auto;
}
.bp.index .container .selected-main .item{
	line-height: 40px;
	background: #fff;
	text-indent: 10px;
	font-size: 14px;
	border-bottom: 1px solid #f2f2f2;
	padding-left: 20px;
}
.bp.index .container .selected-main .item .price {
	width: 100px;max-width: 100px;
	color: #fe8142;
	text-align: center;
	font-weight: bold;
}
.bp.index .container .selected-main .item .price:before {
    display: inline-block;
    content: '￥';
}
.bp.index .container .footer{
	position: absolute;
    left: 0px; right: 0px;
	bottom: 0px; height: 50px;
    background: #fff;
    z-index: 1;
    border-top: 1px solid #EDEDED;
    line-height: 50px;
}
.bp.index .container .prices{
	text-indent: 10px;
	font-size: 14px;
}
.bp.index .container  .next{
	width: 120px;max-width: 120px;
	height: 35px; 
	text-align: center;
}
.bp.index .container .next .btn{
	text-align: center;
	height: 30px; line-height: 30px;
	width: 100px;
    border-radius: 6px;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
    background-color: #FF4500;
    margin-top: 10px;
}

/*大部件*/
.area-part{
	cursor: pointer;
	background-repeat: no-repeat;
}
.partb,.link{display: block;position: absolute;z-index: 2; cursor: pointer; text-indent: -3000px; overflow: hidden;background-repeat: no-repeat !important;}

/*前机盖*/
.lf .a0005{ width: 167px;  height: 83px;   left: 22px;  top:89px;  }
/*前杠*/
.lf .a0069{ width: 180px;  height: 115px;  left: 5px;   top:125px; }
/*左前门*/
.lf .a0002{ width: 59px;   height: 101px;  left: 209px; top:76px;  }
/*左后叶*/
.lf .a0001{ width: 41px;   height: 88px;   left: 274px; top:24px;  }
/*左后门把手*/
.lf .a0007{ width: 10px;   height: 9px;    left: 289px; top:61px;  }
/*左前叶*/
.lf .a0067{ width: 109px;  height: 77px;   left: 106px; top:105px; }
/*左后视镜*/
.lf .a0043{ width: 37px;   height: 28px;   left: 209px; top:83px;  }
/*左前门把手*/
.lf .a0015{ width: 12px;   height: 11px;   left: 254px; top:88px;  }
/*车顶*/
.lf .a0022{ width: 204px;  height: 98px;   left: 74px;  top:13px;  }
/*右前叶*/
.lf .a0051{ width: 61px;   height: 68px;   left: 17px;  top:82px;  }
/*左底大边*/
.lf .a0017{ width: 83px;   height: 81px;   left: 207px; top:109px; }
/*左后门*/
.lf .a0078{ width: 39px;   height: 87px;   left: 261px; top:51px;  }
/*尾翼*/
.lf .a0060{ width: 82px;   height: 23px;   left: 226px; top:12px;  }
/*右倒车镜*/
.lf .a0075{ width: 37px;   height: 28px;   left: 73px;  top:61px;  }
/*右前保险杠*/
.lf .aa00400{ width: 135px;  height: 74px;  left: 48px;  top: 159px;}
/*左前保险杠*/
.lf .aa00401 { width: 52px;  height: 94px;  left: 5px;  top: 125px; }


/*前机盖*/
.rf .a0005{ width: 167px;  height: 83px;   left: 140px; top:99px;  }
/*前杠*/
.rf .a0069{ width: 180px;  height: 115px;  left: 137px; top:133px; }
/*右前叶*/
.rf .a0051{ width: 109px;  height: 77px;   left: 114px; top:114px; }
/*车顶*/
.rf .a0022{ width: 204px;  height: 98px;   left: 55px;  top:24px;  }
/*右前门*/
.rf .a0027{ width: 59px;   height: 101px;  left: 67px;  top:84px;  }
/*右前门把手*/
.rf .a0037{ width: 12px;   height: 11px;   left: 69px;  top:96px;  }
/*右倒车镜*/
.rf .a0075{ width: 37px;   height: 28px;   left: 85px;  top:92px;  }
/*右后门*/
.rf .a0039{ width: 36px;   height: 81px;   left: 36px;  top:61px;  }
/*右后门把手*/
.rf .a0072{ width: 12px;   height: 11px;   left: 36px;  top:69px;  }
/*左后视镜*/
.rf .a0043{ width: 16px;   height: 16px;   left: 236px; top:71px;  }
/*尾翼*/
.rf .a0060{ width: 82px;   height: 23px;   left: 29px;  top:23px;  }
/*左前叶*/
.rf .a0067{ width: 57px;   height: 65px;   left: 246px; top:91px;  }
/*右底大边*/
.rf .a0066{ width: 83px;   height: 81px;   left: 45px;  top:115px; }
/*右后叶*/
.rf .a0003{ width: 41px;   height: 88px;   left: 22px;  top:35px;  }
/*左前保险杠*/
.rf .aa00400{width: 52px;   height: 94px;   left: 266px; top: 133px;}
/*右前保险杠*/
.rf .aa00401{width: 135px;  height: 74px;   left: 144px; top: 166px;}



/*前机盖*/
.rb .a0005{ width: 66px;  height: 20px;   left: 233px;  top:40px;  }
/*右前叶*/
.rb .a0051{ width: 34px;  height: 67px;   left: 280px;  top:53px;  }
/*右前门*/
.rb .a0027{ width: 52px;  height: 77px;   left: 239px;  top:72px;  }
/*右前门把手*/
.rb .a0037{ width: 12px;  height: 11px;   left: 246px;  top:95px;  }
/*右后视镜*/
.rb .a0075{ width: 25px;  height: 18px;   left: 265px;  top:57px;  }
/*右后门*/
.rb .a0039{ width: 59px;  height: 74px;   left: 188px;  top:91px;  }
/*右后门把手*/
.rb .a0072{ width: 14px;  height: 10px;   left: 198px;  top:117px; }
/*右后叶*/
.rb .a0003{ width: 99px;  height: 98px;   left: 116px;  top:76px;  }
/*后杠*/
.rb .a0023{ width: 199px; height: 90px;   left: 5px;    top:136px; }
/*后车盖*/
.rb .a0034{ width: 126px; height: 81px;   left: 13px;   top:98px;  }
/*尾翼*/
.rb .a0060{ width: 123px; height: 38px;   left: 13px;   top:101px; }
/*车顶*/
.rb .a0022{ width: 199px; height: 55px;   left: 80px;   top:29px;  }
/*右底大边*/
.rb .a0066{ width: 81px;  height: 67px;   left: 207px;  top:117px; }
/*右后保险杠*/
.rb .aa00100{ width: 130px;  height: 71px;   left: 47px; top: 153px;}
/*左后保险杠*/
.rb .aa00101{ width: 49px;  height: 73px;   left: 4px; top: 136px;}


/*前机盖*/
.lb .a0005{ width: 70px;  height: 20px;   left: 25px;   top:37px;  }
/*后杠*/
.lb .a0023{ width: 226px; height: 90px;   left: 137px;  top:135px; background-size: 180px 91px;}
/*后车盖*/
.lb .a0034{ width: 128px; height: 82px;   left: 181px;  top:98px;  }
/*左前叶*/
.lb .a0067{ width: 35px;  height: 67px;   left: 9px;    top:50px;  }
/*左前门*/
.lb .a0002{ width: 52px;  height: 77px;   left: 32px;   top:70px;  }
/*左后视镜*/
.lb .a0043{ width: 24px;  height: 19px;   left: 34px;   top:55px;  }
/*左前门把手*/
.lb .a0015{ width: 12px;  height: 11px;   left: 65px;   top:93px;  }
/*左后门*/
.lb .a0078{ width: 59px;  height: 74px;   left: 74px;   top:90px;  }
/*左后门把手*/
.lb .a0007{ width: 15px;  height: 11px;   left: 110px;  top:116px; }
/*左后叶*/
.lb .a0001{ width: 99px;  height: 98px;   left: 106px;  top:76px;  }
/*尾翼*/
.lb .a0060{ width: 124px; height: 39px;   left: 184px;  top:101px; }
/*车顶*/
.lb .a0022{ width: 199px; height: 55px;   left: 41px;   top:27px;  }
/*左底大边*/
.lb .a0017{ width: 81px;  height: 69px;   left: 35px;   top:114px; }
/*右后保险杠*/
.lb .aa00100{ width: 49px;  height: 73px;   left: 268px; top: 135px;}
/*左后保险杠*/
.lb .aa00101{ width: 130px;  height:71px;   left: 145px; top: 152px;}
/*.lb .a0021{ width: 199px; height: 57px; left:42px; top:27px;}



.lb .a0069{ width: 35px; height: 67px; left:9px; top:50px;}
.lb .a0002{ }
.lb .a0071{ width: 59px; height: 74px; left:74px; top:90px;}
.lb .a0001{ width: 99px; height: 98px; left:106px; top:76px;}
.lb .part3-7{ width: 130px; height: 71px; left:144px; top:153px;}
.lb .part3-7.active{background: url(../images/banpen/car_part3/part3-7.png) no-repeat;}
.lb .part3-8{ width: 49px; height: 73px; left:268px; top:136px;}
.lb .part3-8.active{background: url(../images/banpen/car_part3/part3-8.png) no-repeat;}

.lb .a0016{ width: 81px; height:69px; left:35px; top:115px;}
.lb .a0055{ width: 124px; height: 39px; left:184px; top:101px;}
.lb .a0040{ width: 24px; height:19px; left:34px; top:55px;}
.lb .part3-13{ width: 5px; height:38px; left:8px; top:63px;}
.lb .part3-13.active{background: url(../images/banpen/car_part3/part3-13.png) no-repeat;}
.lb .a0014{ width: 12px; height: 11px; left:65px; top:93px;}
.lb .a0007{ width: 15px; height: 11px; left:110px; top:116px;}*/


.bp.index .container .widget-main{
	position: absolute;
	top: 80px; bottom: 100px;
	left: 10px; right: 10px;
	border: 1px solid #CCC;
	background-color: #FFF;
	border-radius: 3px;
	/*overflow: hidden;*/
	z-index: 101;
}
.bp.index .container .widget-main .widget-header{
	position: absolute;
	left: 0px; right: 0px;
	top: 0px; height: 40px;
	border-bottom: 1px solid #CCC;
	text-align: center;
	background-color: #EEE;
	z-index: 99;
}
.bp.index .container .widget-main .widget-header .title{
	line-height: 40px;
	color: #4990e0;
	font-size: 14px;
	font-weight: bold;
}
.bp.index .container .widget-main .widget-header .btn-group{
	width: 200px;
	margin: auto;
	margin-top: 5px;
	height: 30px; line-height: 30px;
    border-radius: 3px ;
    border: 1px solid #4990e0;
    box-sizing: border-box;
    color: #4990e0;
	overflow: hidden;
}
.bp.index .container .widget-main .widget-header .btn-group .btn{
	width: 100px;
}
.bp.index .container .widget-main .widget-header .btn-group .btn.checked{
	background-color: #4990e0;
    color: #FFF;
    height: 28px;
}
.bp.index .container .widget-main .widget-header .btn-close{
	position: absolute;
	right: 0px; top: 0px;
	height: 40px; line-height: 40px;
	width: 50px; text-align: center;
}
.bp.index .container .widget-main .widget-body{
	position: absolute;
	left: 0px; right: 0px;
	top: 41px; bottom: 0px;
	overflow-y: auto;
	padding-top: 1px;
	z-index: 99;
}
.bp.index .container .widget-main .cartype_btn{
	display: block;
	box-sizing: border-box;
	margin: auto;
	height: 35px;
	line-height: 35px;
	width: 100px;
	text-align: center;
	color: #9E9E9E;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	font-size: 12px;
}
.bp.index .container .widget-main .cartype_btn.checked{
	border: 1px solid #4990e0;
	color: #4990e0;
}
.bp.index .container .widget-main .other-list{
	max-width: 405px; margin: auto;
}
.bp.index .container .widget-main .other-item{
	width: 33%;
	margin-right: 1px;
    margin-bottom: 1px;
    float: left;
    background-size: 100% auto;
    overflow: hidden;
    background-repeat: no-repeat;
}
.bp.index .container .widget-main .list-item{
	height: 40px; line-height: 40px;
	font-size: 14px;
}
.bp.index .container .widget-main .list-item .cell:nth-child(1){
	text-align: center;
}
.bp.index .container .widget-main .list-item .cell span{
	color: #4990e0;
}
/*喷漆详情页*/

.bp.detail .tip{
	text-align: center;
    background:#fefaef;
    line-height: 20px;
    padding:10px 10px;
}
.bp.detail .table .tr:nth-child(1) .th{
	border-top: 1px solid #CCCCCC;
}
.bp.detail .table .tr .th ,
.bp.detail .table .tr .td{
	height: 40px;
	line-height: 40px;
	text-align: center;
	box-sizing: border-box;
	border-bottom: 1px solid #CCCCCC;
	font-size: 14px;
}
.bp.detail .table .tr .th:nth-child(n+2) ,
.bp.detail .table .tr .td:nth-child(n+2){
	border-left: 1px solid #CCCCCC;
}
.bp.detail .table .tr .th {
	background-color: white;
	color:#333;
}
.bp.detail .showimg{
	border: 1px dashed #999;
    border-radius: 5px;
    width: 50px;
    height: 50px;
    line-height: 40px;
    background-size: cover;
    background-position: center center;
    margin: 0 auto;
}
.o-footer-box {
    background-color: #FFF;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    overflow: hidden;
    padding: 12px;
}
.o-footer-l{
	float: left;
	width: 50%;
	font-size: 18px;
}
.o-footer-l .price{
	color: #fe6700;
}
.o-footer-l .price_num{
	color: #fe6700;
}
.o-footer-r{
	text-align: center;
	margin-top: 8px;
}
.o-footer-r .button{
	height: 33px;
	width: 80%;
	line-height: 33px;
	margin: 0 auto;
}
.part{
	font-size: 16px;
}