/* car name */
.car-name { display: block; text-align: center; padding: 22px 0; font-weight: 900; font-size: 28px; }
.car-name span { display: inline-block; margin: 0 8px; }
.car-name small { display: inline-block; margin: 0 8px; font-size: 16px; }

/* slide */
.slide { display: flex; flex-wrap: wrap; }
.slide .full-slide { display: block; width: 70%; padding-right: 5%; }
.slide .nav-item-slide { display: block; width: 30%; }

.full-slide .slider-for {background: #fff;padding: 4px;border: 3px solid #000;box-shadow: 6px 6px 0 #97dae6;height: 518px;position: relative;}
.nav-item-slide .slick-list .slick-track { transform: translate3d(0, 0, 0)!important; width: 100% !important; } 
.nav-item-slide .slick-slide { width: 23% !important; margin: 0 1% 8px; line-height: 0; background: #fff; padding: 3px; transition: all 0.3s; cursor: pointer; }
.nav-item-slide .slick-slide.slick-current.slick-active,
.nav-item-slide .slick-slide.slick-current { background: #62d9f7; }
.nav-item-slide .item-img img { width: 100%; }
.nav-item-slide .item-img:focus { outline: none; }
.nav-item-slide .slider-nav {padding: 1px 12px 12px;}

/* data slide car detail */
.box-border-blue {display: block;width: 100%;border-top: 4px solid #3ebfe2;background: #fff;margin-bottom: 10px;}
.box-border-blue .body-price { background: #f1f1f1; padding: 2px; text-align: center; }
.box-border-blue .price {font-size: 29px;color: #ff0024;font-weight: 900;padding: 12px;text-align: left;  line-height:20px;}
.box-border-blue .price small { font-size: 12px; font-weight: 500; color: #000; }
.datacar {padding: 12px;}
.datacar span {display: block;padding: 4px 12px 0 0;font-size: 13px;font-weight: 400;}

/* btn */
.bg-btn { background: url(../images/usedcar-detail/bg-btn.jpg) #fff top center repeat-x; padding: 15px 0 45px; }
.btn-inquire  { display: block; background: #fff701; max-width: 320px; width: 100%; text-align: center; padding: 18px; margin:0 auto; border: 4px solid #000; font-size: 22px; font-weight: 600; box-shadow: 3px 3px 0px #70f4a5, inset 2px 2px 2px #fff; transition: all 0.3s; }
.btn-inquire:hover { background: #fff; box-shadow: none; 
    border-style: solid;
    border-width: 4px;
    -moz-border-image: url(../images/usedcar-detail/border-btn.png) 4 repeat;
    -webkit-border-image: url(../images/usedcar-detail/border-btn.png) 4 repeat;
    -o-border-image: url(../images/usedcar-detail/border-btn.png) 4 repeat;
    border-image: url(../images/usedcar-detail/border-btn.png) 4 fill repeat;}


/* spec car detail */
.title-spec { color: #51ae3e; font-size: 14px; }
.title-spec h4 { color: #000; font-family: 'Open Sans Condensed', sans-serif; font-size: 28px; font-weight: 700; text-align: left; }

.car-spec ul { display: flex; flex-wrap: wrap; padding: 24px 0; }
.car-spec ul li { display: flex; width: 50%; font-size: 14px; }
.car-spec .title { display: block; width: 30%; padding: 8px; font-weight: 500; }
.car-spec .data { display: block; width: 70%; padding:8px; font-weight: 300; }
.car-spec ul li:nth-of-type(4n), .car-spec ul li:nth-of-type(4n-1){background:#f5f5f5;}
.car-spec ul li:nth-of-type(4n-2), .car-spec ul li:nth-of-type(4n-3){background:#ffffff;}

/* part car detail */
.title-part { color: #f9ab05; font-size: 14px; }
.title-part h4 {color: #000; font-family: 'Open Sans Condensed', sans-serif; font-size: 28px; font-weight: 700; text-align: left; }

.part ul { padding: 18px 0; }
.part li { display: inline-block;  background: url(../images/usedcar-detail/bg-square.png) #fff bottom right repeat-x; background-size: contain; padding: 0 0.17rem 0.13rem 0; margin: 12px 12px 12px 0; }
.part li span { display: block; background: #fff; border: 3px solid #000; padding: 4px 18px; }


@media(max-width:1165px) {
    .full-slide .slider-for {
        height: 429px;
    }
}

@media(max-width:991px) {
    .slide .full-slide {width: 700px;height: auto;margin: auto;padding: 0 0 24px;}
    .full-slide .slider-for {
        height: 529px;
    }

    .slide .nav-item-slide { display: flex; flex-wrap: wrap-reverse; width: 100%; padding: 0 0 24px; }

    .datacar span { display: inline-block; }
    .nav-item-slide .slick-slide { width: 18% !important; }

    .bg-btn { margin-top: -55px; }
}


@media(max-width:768px) {
    .slide .full-slide {width: 530px;padding: 0 0 24px;}
    .full-slide .slider-for {
        height: 400px;
    }

    .slide .nav-item-slide { display: flex; flex-wrap: wrap-reverse; width: 100%; padding: 0 0 24px; }

    .datacar span { display: inline-block; }
    .nav-item-slide .slick-slide { width: 18% !important; }

    .bg-btn { margin-top: -55px; }
}


@media(max-width:767px) {  
    .part li { margin: 6px 12px 6px 0; }

    .car-spec .title { width: 40%; }
    .car-spec .data { width: 60%; }
}

@media(max-width:570px) {
    .slide .full-slide {width: 380px;padding: 0 0 24px;}
    .full-slide .slider-for {
        height: 291px;
    }

    .bg-btn { margin-top: -55px; }
}



@media(max-width:520px) {
    .car-name { font-size: 22px; }
    .box-border-blue .price { font-size: 26px; }

    .car-spec ul li { width: 100%; }
    .car-spec ul li:nth-of-type(4n), .car-spec ul li:nth-of-type(4n-1){background:none;}
    .car-spec ul li:nth-of-type(4n-2), .car-spec ul li:nth-of-type(4n-3){background:none;}
    .car-spec ul li:nth-child(odd) { background: #fff; }
    .car-spec ul li:nth-child(even) { background: #f5f5f5; }
}
@media(max-width:378px) {
    .slide .full-slide {width: 330px;padding: 0 0 24px;}
    .full-slide .slider-for {
        height: 253px;
    }

    .bg-btn { margin-top: -55px; }
}
@media(max-width:374px) {
    .slide .full-slide {width: 282px;padding: 0 0 24px;}
    .full-slide .slider-for {
        height: 215px;
    }

    .bg-btn { margin-top: -55px; }
}