Debug Mode

JAECOO J7 Лимитированная версия от 2 159 900 руб.

JAECOO J7 от 2 259 900 руб.

Зимние шины в подарок при покупке до 31.01.26

Выгода по Trade‑in до 225 000 руб.

JAECOO J7 Лимитированная версия от 2 159 900 руб.

Новые автомобили JAECOO J8

4 новых автомобиля JAECOO J8

По возрастанию цены

Новый автомобиль JAECOO J8 Active в городе Тула ДЦ - Автокласс

В наличии

Автомобиль J8 Active

2 л (249 л.с.), AMT-7, бензин, Полный (4WD)

3 594 000 ₽

4 619 000 ₽

Новый автомобиль JAECOO J8 Supreme-V в городе Тула ДЦ - Автокласс

В наличии

Автомобиль J8 Supreme-V

2 л (249 л.с.), AMT-7, бензин, Полный (4WD)

3 849 000 ₽

5 024 000 ₽

Новый автомобиль JAECOO J8 Supreme в городе Тула ДЦ - Автокласс

В наличии

Автомобиль J8 Supreme

2 л (249 л.с.), AMT-7, бензин, Полный (4WD)

3 879 000 ₽

5 069 000 ₽

В наличии

Автомобиль J8 Supreme

2 л (249 л.с.), AMT-7, бензин, Полный (4WD)

3 939 000 ₽

5 069 000 ₽

Нужна помощь с выбором автомобиля?

Оставьте свои контакты, и наш менеджер проконсультирует вас по модельному ряду

="">Показать ещё

Нужна помощь с выбором автомобиля?

Оставьте свои контакты, и наш менеджер проконсультирует вас по модельному ряду

width: 80px; line-height: normal;}} color: #BBB9B9;}.cookie-notice__close:hover {color: #fff;}.cookie-notice_closing { opacity: 0; }@media(max-width: 480px) {.cookie-notice {right: 20px; max-width: calc(100% - 40px);}}@media(max-width: 359px) {.cookie-notice__more {width: 80px; line-height: normal;}} left:21px; /*top:16px;*/ top:12px; position:absolute; } .smp_am_side > ul > li.active:before { border-color:#fff; background:#fff; } .smp_am_side > ul > li.check:before { border-color:#10b899; background:#10b899; } .smp_am_side > ul > li.check:after { content:''; display:block; position:absolute; width:14px; height:10px; left:22px; /*top:16px;*/ top:12px; background:url(https://panel.smartpoint.pro/accel/static/i/widgets/evaluation/check.png) no-repeat 0 0; } .smp_am_side > ul > li > a, .smp_am_side > ul > li > span { color:#fff; text-decoration:none; font-weight:bold; text-transform:uppercase; display:block; /*padding:14px 0 8px 46px;*/ padding: 10px 0 6px 46px; } .smp_am_side > ul ul { list-style:none; margin:0; padding:0 0 11px 0; display:none; } .smp_am_side > ul ul li { list-style:none; margin:0; padding:0; position:relative; } .smp_am_side > ul ul li a, .smp_am_side > ul ul li span { display:block; color:#999; padding:6px 0 7px 46px; text-decoration: none; } .smp_am_side > ul ul li.active a, .smp_am_side > ul ul li.active span { color:#fff; background:#505868; } .smp_am_side > ul ul li.check a, .smp_am_side > ul ul li.check span { color:#10b899; } .smp_am_side > ul ul li.check a:before, .smp_am_side > ul ul li.check span:before { content:''; display:block; width:4px; height:4px; border-radius:50%; left:26px; top:12px; position:absolute; background:#10b899; } .smp_am_side > ul >li.active ul { display:block; } .smp_am_container { margin-left:216px; padding-bottom:88px; /*min-height:693px;*/ min-height:650px; display: none!important; /* opacity:0; transition: left 0.2s, right 0.2s, opacity 0.5s linear; */ position:relative; background: #fff; opacity: 0; } .smp_am_container.reloading { opacity: 0; } .smp_am_container.loading { opacity: 0; } .smp_am_container.active{ opacity: 1; display:block!important; } .smp_am_result, .smp_am_container.smp_am_result { padding-bottom:1em; } .smp_am_container_bg { background:#f1f1f1; } .smp_am_footer { height:88px; position:absolute; left:0; bottom:0; right:0; background:#f1f1f1; padding:0 73px; } .smp_am_step_num { float:left; font-size:1.125em; color:#999; font-weight:500; padding:33px 0 0 0; } .smp_am_step_num span { color:#282f3d; } .smp_am_step_num span[data-end-step-count="true"] { color:#999; } .smp_widget .smp_am_btn { display:inline-block; line-height:44px; color:#fff; font-size:1.125em; text-decoration:none; position:relative; cursor:pointer; background:#10b899; padding:0 25px; vertical-align:middle; text-align:center; } .smp_widget .smp_am_btn, .smp_widget .smartpoint_btn{ -webkit-transition: .25s ease-out; -moz-transition: .25s ease-out; -o-transition: .25s ease-out; transition: .25s ease-out; -webkit-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.8); box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.8); } .smp_widget .smp_am_footer .smp_am_btn, .smp_widget .smp_am_footer .smartpoint_btn { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .smp_am_btn:hover { background:#10b899; } .smp_am_footer .smp_am_btn { float:right; margin-top:22px; } .smp_widget .smp_am_btn_next, .smp_widget .smp_am_btn_prev { background:#282f3d; margin:22px 11px 0 0; min-width:193px; } .smp_widget .smp_am_btn_next:hover, .smp_widget .smp_am_btn_prev:hover { background:#10b899 } .smp_widget .smp_am_btn_next:after, .smp_widget .smp_am_btn_prev:before { /* content:''; */ content:none; display:block; position:absolute; right:-31px; top:0; border:22px solid transparent; border-left:9px solid #282f3d; -webkit-transition: .25s ease-out; -moz-transition: .25s ease-out; -o-transition: .25s ease-out; transition: .25s ease-out; background-color:unset; left: auto; transform:none; } .smp_widget .smp_am_btn_next:hover:after { border-left-color:#10b899; } .smp_widget .smp_am_btn_prev:hover:before { border-right-color:#10b899; } .smp_widget.smp_mobile .smp_am_footer .smp_am_btn_prev, .smp_widget.smp_mobile .smp_am_btn_next:not(.smp_am_end_btn) { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 0.35; padding: 0 0.6em; font-size: 0.9em; line-height: 2.2em; margin: 0.4em 0; } .smp_widget.smp_mobile .smp_am_footer .smp_am_btn_prev { margin-right:0.4em; opacity: 1; } .smp_widget.smp_mobile:not(.smp_strict) .smp_am_footer .smp_am_step_num { padding-top: 0; margin: 1.2em 0 0 0; } .smp_widget.smp_mobile .smp_am_btn_next:after, .smp_widget.smp_mobile .smp_am_btn_prev:before { content:none; } .smp_widget.smp_mobile .smp_am_end_btn { } .smp_am_header { background:#f1f1f1; padding:15px 73px; } .smp_am_header:after { content:''; display:block; clear:both; } .smp_am_title { font-size:2.05em; color:#282f3d; padding:10px 0; font-family:inherit !important; } .smp_am_place { float:right; text-align:right; font-size:1.125em; line-height:1.333; max-width:260px; padding:7px 0; } .silver { color:#999; } .smp_am_place .silver, .smp_am_place .small { font-size:0.889em; } .smp_am_title_txt { float:left; width:auto; min-height:94px; font-family: inherit !important; } .smp_am_search, .smp_c_both { clear:both; } .smp_am_search_ttl { font-size:1.5em; color:#282f3d; padding:9px 0; } .smp_widget .smp_am_header .smp_am_order_form button.smartpoint_btn { line-height:100%; } .smp_automark input[type="text"], .smp_automark input[type="number"], .smp_automark fieldset select, .smp_automark fieldset textarea, .smp_automark fieldset input[type="number"], .smp_automark fieldset input[type="email"], .smp_automark fieldset input[type="tel"] { background:#fff; border:1px solid #bcbcbc; padding:0 10px; line-height:38px; width:98%; } .smp_automark fieldset select, .smp_automark fieldset textarea, .smp_automark fieldset input[type="number"], .smp_automark fieldset input[type="email"], .smp_automark fieldset input[type="tel"] { width:100%; } .smp_automark ::-webkit-input-placeholder {color:#999999;} .smp_automark ::-moz-placeholder {color:#999999;} .smp_automark :-moz-placeholder {color:#999999;} .smp_automark :-ms-input-placeholder {color:#999999;} .smp_am_content { padding:12px 73px 0 73px; } .smp_automark label { display:block; position:relative; padding:0; margin-bottom:10px; cursor:pointer; margin-right: 20px; /* fix pointer-events:none vunderkinds */ pointer-events: all; } .smp_automark label input[type="radio"], .smp_automark label input[type="checkbox"] { position:absolute; left:0; top:0; opacity:0; } .smp_automark label .smp_am_label { display:block; height:33px; line-height:33px; padding:0 10px 0 38px; white-space:nowrap; position:relative; overflow:hidden; text-overflow:ellipsis; } .smp_automark label .smp_am_label:before { content:''; display:block; position:absolute; border-radius:50%; border:3px solid #ccc; width:21px; height:21px; left:0; top:5px; } .smp_automark label input[type="checkbox"] ~ .smp_am_label:before { content:''; display:block; position:absolute; border-radius:3px; border:1px solid #cfcfcf; background:#f1f1f1; width:20px; height:20px; left:0; top:5px; } .smp_automark label input[type="checkbox"] ~ .smp_am_label:after { content:''; display:block; position:absolute; width:14px; height:10px; left:3px; top:10px; background:url(https://panel.smartpoint.pro/accel/static/i/widgets/evaluation/check.png) no-repeat 0 0; opacity:0; } .smp_automark .smp_am_content_wrapper textarea { border:1px solid #cfcfcf; background:#f1f1f1; } .smp_automark label:hover input[type="radio"]:not(:checked) ~ .smp_am_label, .smp_automark label input[type="radio"]:checked ~ .smp_am_label, .smp_automark label:hover input[type="checkbox"]:not(:checked) ~ .smp_am_label, .smp_automark label input[type="checkbox"]:checked ~ .smp_am_label { color:#10b899; } .smp_automark label input[type="radio"]:checked ~ .smp_am_label:before { border:0; background:#282f3d; } .smp_automark label input[type="checkbox"]:checked ~ .smp_am_label:before { border:1px solid #282f3d; background:#282f3d; } .smp_automark label input[type="checkbox"]:checked ~ .smp_am_label:after { opacity:1; } /* marks-list */ .smp_am_brands{ margin-top: 30px; } .smp_automark label .smp_am_car_logo { position:absolute; width:36px; height:33px; line-height:33px; overflow:hidden; text-align:center; left:7px; top:0; z-index:1; padding: 0; } .smp_automark label .smp_am_car_logo img { /* display:inline-block; */ /* vertical-align:middle; */ max-height:100%; max-width: 100%; margin: 0 auto; } .smp_automark label .smp_am_car_logo + .smp_am_label { padding-left:50px; } .smp_automark label .smp_am_car_logo + .smp_am_label:before { display:none; } .smp_am_content_list label:hover .smp_am_car_logo + .smp_am_label, .smp_am_content_list label input[type="radio"]:checked + .smp_am_car_logo + .smp_am_label { background:#f1f1f1; } .smp_automark .slick-slider { position:relative; } .smp_automark .slick-slide { float:left; } .smp_automark .slick-list { overflow:hidden; } .smp_automark .slick-prev, .smp_automark .slick-next { position:absolute; top:50%; text-align:left; text-indent:-999px; overflow:hidden; width:20px; height:32px; margin-top:-16px; left:-39px; opacity:0.6; -webkit-transition: .25s ease-out; -moz-transition: .25s ease-out; -o-transition: .25s ease-out; transition: .25s ease-out; cursor:pointer; font-size:1em; padding: 0; } .smp_automark .slick-prev:hover, .smp_automark .slick-next:hover { opacity:1 } .smp_automark .slick-next { right:-39px; left:auto; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180eg); -o-transform: rotate(180deg); transform: rotate(180deg); } .smp_automark .slick-prev:before, .smp_automark .slick-next:before, .smp_automark .slick-prev:after, .smp_automark .slick-next:after { content:''; display:block; width:100%; top:7px; height:2px; position:absolute; background:#2b313f; -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -webkit-transform: rotate(-60eg); -o-transform: rotate(-60deg); transform: rotate(-60deg); opacity:1; } .smp_automark .slick-prev:after, .smp_automark .slick-next:after { -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -webkit-transform: rotate(60eg); -o-transform: rotate(60deg); transform: rotate(60deg); top:auto; bottom:6px; } .smp_am_carousel_4cols .slick-slide, .smp_am_carousel_2cols .slick-slide { height:345px; } /* .smp_am_carousel_4cols .slick-slide:before, .smp_am_carousel_2cols .slick-slide:before { content:''; display:inline-block; vertical-align:middle; height:345px } */ /* .smp_am_carousel_4cols .slick-slide>div, .smp_am_carousel_2cols .slick-slide>div { display:inline-block; vertical-align:middle; max-width: 100%; } */ /**/ .smp_am_options_res { min-height:94px; font-size:1.125em; line-height:1.333; padding-top:7px; float:left; width: 600px; } .smp_am_options_res > div { } .smp_am_img { float:left; width:89px; margin-right:17px; overflow:hidden; } .smp_am_img img { width:100%; } .smp_am_img_big { width:280px; margin-right:38px; padding-bottom:6px; } .smp_am_img_big ~ div { padding-bottom:2px; } .smp_am_options_res .silver { font-size:0.889em; padding-right:5px } .smp_am_options_res span[data-color-name="true"] b { width:50px;border:1px solid silver;display:inline-block } .smp_am_ttl, .smp_am_comment_txt { font-size:1.5em; clear:both; padding:10px 0 20px 0 } .smp_am_comment_txt { font-size:0.8em } .smp_am_ttl_bold { font-weight:bold; } .smp_am_columns { list-style:none; margin:0; padding:0 0 30px 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap:46px; -moz-column-gap:46px; column-gap:46px; -moz-column-width:50%; -webkit-column-width:50%; column-width:50%; } .smp_am_columns li { list-style:none; margin:0; padding:0; } .smp_am_columns li label { margin-bottom:2px; } .smp_am_prices { float:right; max-width: 190px; text-align: right; } .smp_am_prices_ttl { color:#999; text-align: right; } .smp_am_prices_text{ color:#999; font-size:0.813em; } .smp_am_prices_text.smp_am_prices_big_text{ font: inherit; color: inherit; } .smp_am_prices >div { padding-top:60px; } .smp_am_prices >div:first-child { padding-top:0; } .smp_am_prices_big { font-size:1.5em; white-space:nowrap; padding:8px 0 2px 0; text-align: right; } .smp_am_prices_range{ text-align: right; padding:8px 0 2px 0; } .smp_am_prices_range > div + div{ margin-top: 5px; } .smp_am_prices_range > div > span{ font-size:1.875em; } .smp_am_order_choice { display: flex; flex-flow: row wrap; width: 100%; padding:0 0 10px 0; margin:0 -5px; } .smp_am_order_item { border:1px solid #10b899; text-align:center; min-height:290px; margin: 0 5px; flex:1; position:relative; padding-bottom:55px; } .smp_am_order_ttl { background:#10b899; color:#fff; font-size:1.125em; font-weight:bold; line-height:44px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .smp_am_order_item .smp_am_btn { position:absolute; bottom:19px; font-size:1em; line-height:34px; font-weight:bold; max-width: 80%!important; left: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .smp_am_order_adv { color:#282f3d; padding:20px 25px 0 25px; height:75px; } .smp_am_order_txt { font-size:0.875em; padding:15px 20px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; } .smp_am_order_send { max-width:590px; font-size:0.875em; } .smp_am_order_send > .smp_order_form {display:block} .smp_automark .smp_am_order_send input[type="text"] { width:100%; /*broke safari height! line-height: 42px; */ } .smp_am_order_send .smp_am_form_field { padding:6px 0 18px 0; } .smp_automark .smp_am_agree { /*padding-bottom:100px;*/ margin-right:0; padding-right:20px; clear:both } .smp_automark .smp_am_agree .smp_am_label + span, .smp_automark .smp_am_agree .smp_am_label + a { font-weight:bold;font-size:1em;margin: -0.2em 0 0 0.5em;padding:0.2em 0.5em;position:absolute;right:0;top:0;border-radius:1em } .smp_automark .smp_am_agree .smp_am_label { white-space: normal; font-size:0.875em; line-height:17px; height:auto; color:#666 !important; padding: 3px 10px 0 40px; overflow:visible; } .smp_automark .smp_am_agree .err_request+span {color:red!important;} .smp_automark .smp_am_agree input[type="checkbox"] ~ .smp_am_label:before { top:2px } .smp_automark .smp_am_agree input[type="checkbox"] ~ .smp_am_label:after { top:7px } .smp_am_order_send .smp_am_btn { font-size:1em; line-height:42px; font-weight:bold; margin-bottom:15px; padding: 0 40px; } .smp_automark .smp_am_content_list{ display: flex; flex-direction: column; flex-wrap: wrap; height: 360px; } .smp_automark .smp_am_content_list li{ list-style-type: none; } .smp_automark .smp_am_content_list li.smp_automark_label_hide, .smp_automark .smp_am_content_list li.smp_not_found_in_search_field{ display: none; } .smp_automark .smp_am_content_list li.smp_found_in_search_field{ display: block; } .smp_automark .smp_am_content_wrapper{ /*overflow-y: hidden; overflow-x: auto;*/ overflow:hidden; } /* images load */ /* .smp_automark .smp_images_add { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px; direction: ltr; cursor: pointer; }*/ .smp_automark .qq-gallery.qq-uploader { font-size: 12px; padding:0.5em; height: calc(240px - 0.5em); margin-top: 0.5em; } .smp_automark .qq-gallery.qq-uploader:before { left:unset; font-size: 130%; width:auto; top: 1em; margin-left: calc(130px + 1em); max-width: calc(93% - 130px - 1em); } .smp_mobile .smp_automark .qq-gallery.qq-uploader:before { font-size:0.9em; } .smp_automark .qq-gallery .qq-upload-button { background:none; /*width:auto; background:#282f3d; border:1px solid #282f3d;border:0;*/ border-radius:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-align: center; display: inline-block; /* width: 130px; height: 98px;*/ box-sizing: border-box; border: 1px dashed rgba(0,0,0,.3); /* margin-right: 13px; */ color: #fff; opacity: .5; transition: all .3s; color: #000; position:absolute!important; width:120px; margin: 0.5em 0 0 0.5em; height: calc(220px - 1em); } .smp_automark .qq-gallery .qq-upload-button > .smp-add { border: 2px solid silver; border-radius: 100%; width: 80px; height: 80px; margin: 1em auto; position:relative; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIGhlaWdodD0iMzJweCIgaWQ9InN2ZzIiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMyIDMyIiB3aWR0aD0iMzJweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgaWQ9ImJhY2tncm91bmQiPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMzIiIHdpZHRoPSIzMiIvPjwvZz48ZyBpZD0iaW1hZ2VfeDVGX2FkZCI+PHBhdGggZD0iTTI4LDhoLTRsLTQtNGgtOC4wMDFMOCw4SDRjMCwwLTQsMC00LDR2MTJjMCw0LDQsNCw0LDRzNS42NjIsMCwxMS41MTgsMGMxLjYxNCwyLjQxMSw0LjM2MSwzLjk5OSw3LjQ4Miw0ICAgYzMuODc1LTAuMDAyLDcuMTY3LTIuNDU0LDguNDM2LTUuODg4QzMxLjk5NSwyNS4wNzYsMzIsMjQsMzIsMjRzMC04LDAtMTJTMjgsOCwyOCw4eiBNMTQuMDMzLDIzLjY2QzExLjY4NiwyMi44NDcsMTAsMjAuNjI2LDEwLDE4ICAgYzAtMy4zMTIsMi42ODQtNiw2LTZjMS45MTQsMCwzLjYwNywwLjkwOCw0LjcwNiwyLjMwNkMxNi44NDgsMTUuMzIxLDE0LDE4LjgyMiwxNCwyM0MxNCwyMy4yMjMsMTQuMDE4LDIzLjQ0MSwxNC4wMzMsMjMuNjZ6ICAgIE0yMywyOS44ODNjLTMuODAxLTAuMDA5LTYuODc2LTMuMDg0LTYuODg1LTYuODgzYzAuMDA5LTMuODAxLDMuMDg0LTYuODc2LDYuODg1LTYuODg1YzMuNzk5LDAuMDA5LDYuODc0LDMuMDg0LDYuODgzLDYuODg1ICAgQzI5Ljg3NCwyNi43OTksMjYuNzk5LDI5Ljg3NCwyMywyOS44ODN6Ii8+PGc+PHBvbHlnb24gcG9pbnRzPSIyOCwyMiAyNC4wMDIsMjIgMjQuMDAyLDE4IDIyLDE4IDIyLDIyIDE4LDIyIDE4LDI0IDIyLDI0IDIyLDI4IDI0LjAwMiwyOCAyNC4wMDIsMjQgMjgsMjQgICAiLz48L2c+PC9nPjwvc3ZnPg==) no-repeat center center; } .smp_automark .qq-gallery .qq-upload-button-hover { /*background:#10b899;*/ opacity: 1; background:none; } .smp_automark .qq-gallery .qq-upload-delete, .smp_automark .qq-gallery .qq-upload-cancel { width: 20px; height: 20px; position: absolute; right: -2px; top: -2px; margin: 0; background-color: #525252; /* background-color: #525252; color: #f7f7f7; font-weight: 700; font-family: Arial,Helvetica,sans-serif; border-radius: 12px; border: none; height: 22px; width: 22px; padding: 4px; position: absolute; right: -5px; top: -6px; margin: 0; line-height: 17px; */ } .smp_automark .qq-gallery .qq-upload-delete:after, .smp_automark .qq-gallery .qq-upload-cancel:after, .smp_automark .qq-gallery .qq-upload-delete:before, .smp_automark .qq-gallery .qq-upload-cancel:before { content: ''; display: block; position: absolute; left: 3px; right: 3px; top: 9px; height: 2px; background: #fff; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .smp_automark .qq-gallery .qq-upload-delete:after, .smp_automark .qq-gallery .qq-upload-cancel:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /* .smp_automark .qq-gallery .qq-upload-delete:after, .smp_automark .qq-gallery .qq-upload-cancel:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } */ .smp_automark .qq-gallery .qq-upload-cancel:hover, .smp_automark .qq-gallery .qq-upload-delete:hover { background-color: #10b899; opacity:1 } .smp_automark .qq-gallery .qq-upload-list { height:220px; overflow-y:auto; padding:2px; padding-left:calc(120px + 1.5em) } .smp_automark .qq-gallery .qq-upload-list li { max-height:100px; height:100px; width:120px; margin:0.5em 0.5em 0 0; box-shadow:none; } /*.smp_automark .qq-gallery .qq-upload-list li:nth-child(1) {margin-left:calc(120px + 1em)}*/ .smp_automark .qq-gallery .qq-thumbnail-wrapper { height:100px; border: 1px solid #f1f1f1; } .smp_automark .qq-gallery .qq-thumbnail-wrapper > img { /*top:0; border:0; transform: none;*/ } .qq-gallery .qq-upload-retry { margin-left:0!important; left:0!important; } .smp_automark .qq-gallery .qq-file-info { padding:0 0.2em 0.3em 0.2em; display:none; } .smp_automark .qq-gallery button { font-size:1em; padding:0; } .smp_automark .qq-gallery .qq-progress-bar, .smp_automark .qq-progress-bar-container-selector .qq-progress-bar-container, .smp_automark .qq-gallery .qq-upload-fail .qq-upload-status-text {display:none!important} /*.smp_automark .qq-upload-cancel {display:block!important}*/ .smp_automark .qq-gallery .qq-total-progress-bar-container { width:auto; } .smp_automark .qq-gallery.qq-uploader DIALOG[open] { border:1px solid #282f3d; display: block; left: 50%; top: 50%; background: #fff; border-radius: 5px; padding: 1em; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .smp_automark .qq-gallery.qq-uploader DIALOG .qq-dialog-buttons BUTTON { background:#282f3d; border:1px solid #282f3d; margin:0;color:#fff; width:45%; } .smp_automark .qq-gallery .qq-upload-spinner { position: absolute; display:inline-block; z-index:1; height: 46px; width: 46px; margin: -23px 0 0 -23px; top:50%;left:50%; border-radius: 50%; background: none repeat scroll 0 0 #DDDDDD; overflow:hidden; box-shadow: 0 0 10px rgba(0,0,0,.1) inset, 0 0 25px rgba(0,0,255,0.075); } .smp_automark .qq-gallery .qq-upload-spinner.qq-hide { display:none; } .smp_automark .qq-gallery .qq-upload-spinner:after { content: ""; position: absolute; top: 9px; left: 9px; display: block; height: 28px; width: 28px; background: none repeat scroll 0 0 #F2F2F2; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,.1); } .smp_automark .qq-gallery .qq-upload-spinner > span { position: absolute; height: 100%; width: 50%; overflow: hidden; } .smp_automark .qq-gallery .qq-upload-spinner .left { left:0 } .smp_automark .qq-gallery .qq-upload-spinner .right { left:50% } .smp_automark .qq-gallery .qq-upload-spinner .anim { position: absolute; left: 100%; top: 0; height: 100%; width: 100%; border-radius: 999px; background: none repeat scroll 0 0 #10b899; opacity: 0.8; -webkit-animation: smp-ui-spinner-rotate-left 3s infinite; animation: smp-ui-spinner-rotate-left 3s infinite; -webkit-transform-origin: 0 50% 0; transform-origin: 0 50% 0; -webkit-animation-delay: 0s; -webkit-animation-duration:3s; -webkit-animation-timing-function: linear; animation-delay: 0s; animation-duration:3s; animation-timing-function: linear; } .smp_automark .qq-gallery .qq-upload-spinner .left .anim { border-bottom-left-radius: 0; border-top-left-radius: 0; } .smp_automark .qq-gallery .qq-upload-spinner .right .anim { border-bottom-right-radius: 0; border-top-right-radius: 0; left: -100%; -webkit-transform-origin: 100% 50% 0; transform-origin: 100% 50% 0; } .smp_automark .qq-gallery .qq-upload-spinner .right .anim{ -webkit-animation-name: smp-ui-spinner-rotate-right; -webkit-animation-delay:0; -webkit-animation-delay: 1.5s; animation-name: smp-ui-spinner-rotate-right; animation-delay:0; animation-delay: 1.5s; } @keyframes smp-ui-spinner-rotate-right{ 0%{transform:rotate(0deg)} 25%{transform:rotate(180deg)} 50%{transform:rotate(180deg)} 75%{transform:rotate(360deg)} 100%{transform:rotate(360deg)} } @keyframes smp-ui-spinner-rotate-left{ 0%{transform:rotate(0deg)} 25%{transform:rotate(0deg)} 50%{transform:rotate(180deg)} 75%{transform:rotate(180deg)} 100%{transform:rotate(360deg)} } @-webkit-keyframes smp-ui-spinner-rotate-right{ 0%{-webkit-transform:rotate(0deg)} 25%{-webkit-transform:rotate(180deg)} 50%{-webkit-transform:rotate(180deg)} 75%{-webkit-transform:rotate(360deg)} 100%{-webkit-transform:rotate(360deg)} } @-webkit-keyframes smp-ui-spinner-rotate-left{ 0%{-webkit-transform:rotate(0deg)} 25%{-webkit-transform:rotate(0deg)} 50%{-webkit-transform:rotate(180deg)} 75%{-webkit-transform:rotate(180deg)} 100%{-webkit-transform:rotate(360deg)} } /*.smp_automark .qq-gallery .qq-retry-icon { background:url('https://panel.smartpoint.pro/accel/static/js/widgets/share/fine-uploader/retry.gif'); }*/ /* imgs load end */ .smp_automark .type_options{ display: block; } .type_options select {border:1px solid #aaa} .smp_automark .type_options.smp_hidden{ display: none; } .smp_automark .color-box{ float: left; border-radius:16px; margin-right: 5px; width: 32px; height:100%; border: 1px solid silver; } .smp_am_side > ul ul li.disabled, .smp_am_btn_next.disabled{ pointer-events: none; opacity: 0.5; } .smp_am_side li.disabled { display:block; } .smp_am_content_wrapper p.error, .smp_am_container .smp_am_prices.error { margin-bottom: 25px; color: #ff4400; } .smp_am_container .smp_am_prices.error { clear: both!important; float: none!important; width: auto!important; } @media (max-width:1250px){ .smp_am_form {width:930px} .smp_am_header, .smp_am_content, .smp_am_footer {padding-left:30px;padding-right:30px;} .smp_am_title {padding-top:10px;} .smp_am_title_txt {float:none; overflow:hidden; padding-right:30px; width:auto;} .smp_automark input[type="text"] {width:100%;} .smp_automark .slick-next {right: -25px;} .smp_automark .slick-prev {left: -25px;} .smp_am_img_big {width:200px; margin-right:15px;} .smp_am_order_txt {padding:5px 10px;} .smp_am_result .smp_am_options_res {width: 470px;} } @media (max-width:1000px){ .smp_am_form {width:730px;} .smp_am_title {font-size:1.58em;} .smp_am_place {float:none;text-align:left;max-width:100%;padding-bottom:20px;} .smp_am_title_txt, .smp_am_options_res {clear:both; padding-right:0; padding-bottom:10px;min-height:0;width:auto;float:none} .smp_am_result .smp_am_options_res {width:auto;} .smp_am_columns {padding: 0 0 15px 0; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap:0;-moz-column-gap:0;column-gap:0;-moz-column-width:100%;-webkit-column-width:100%; column-width:100%;} .smp_am_columns li label { margin-bottom:0px;} .smp_am_ttl {font-size:1.375em; padding: 10px 0 5px 0;} .smp_am_order_choice {flex-flow:column;margin:0} .smp_am_order_item {min-height:0;margin:5px 0;} .smp_am_order_adv {padding:10px 20px; height:auto;} .smp_am_order_item .smp_am_btn {bottom: 15px;} .smp_am_prices {float:none; width:auto;} .smp_am_prices >div {width:50%; float:left;padding:10px 0 !important} .smp_widget .smp_am_btn_next {min-width:40px} } @media (max-width:800px){ .smp_am_form {width:95%;} .smp_am_close {top:-32px;right:-4px;} .smp_widget .smp_am_footer .smp_am_btn {min-width:40px;padding:0 5px} /* .smp_evaluationsmartpoint.smp_mobile .smp_am_form .smp_am_container, .smp_evaluationsmartpoint.smp_mobile .smp_am_form .smp_am_side { display:block; } */ } @media (max-width:670px){ .smp_am_side {display:none} .smp_am_header, .smp_am_content, .smp_am_footer {padding-left:20px;padding-right:20px;} .smp_am_title {padding:0 0 5px 0;} .smp_am_container {margin-left:0;} .smp_automark .slick-next {right: -20px;} .smp_automark .slick-prev {left: -20px;} .smp_widget .smp_am_footer .smp_am_btn {min-width:100px;padding:0 25px} } @media (max-width:500px){ .smp_am_title {font-size:1.625em;} .smp_am_ttl {font-size:1.25em;} .smp_am_prices >div {width:100%; float:none;padding:10px 0 !important} .smp_am_img_big {float:none; margin:0 auto; width:280px; max-width:100%;} .smp_widget .smp_am_footer .smp_am_btn {min-width:40px;padding:0 10px} .smp_widget .smp_am_footer {height:auto;padding-bottom:10px} .smp_widget .smp_am_footer .smp_am_btn, .smp_widget .smp_am_footer .smp_am_step_num {font-size:0.8em} } @media (max-width:400px){ .smp_am_form_wrapper:before {display:none;} .smp_am_form {/*hide form! display:block;*/display:inline-block;min-width:300px; margin-left:10px; margin-right:10px;} .smp_widget .smp_am_footer .smp_am_btn {padding:0 5px;} } /*irina 07.08.19*/ .smp_am_form { margin: 0 3px 15px 0; } .smp_am_content { position:relative; } .smp_am_header { min-height:264px; padding-bottom:1em; } .smp_am_result .smp_am_header { min-height:0; } .smp_am_result.smp_with_consultant .smp_am_header { padding-right:270px; } .smp_am_result .smp_am_content { padding-top:0 } .smp_widget .smp_am_result .smartpoint_btn { margin:10px 0 20px 0; } .smp_am_scroll-prev, .smp_am_scroll-next { position: absolute; top:160px; text-align: left; text-indent: -999px; overflow: hidden; width: 20px; height: 32px; margin-top: -9px; left: 30px; opacity: 0.6; -webkit-transition: .25s ease-out; -moz-transition: .25s ease-out; -o-transition: .25s ease-out; transition: .25s ease-out; cursor: pointer; } .smp_am_scroll-next { right: 30px; left: auto; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180eg); -o-transform: rotate(180deg); transform: rotate(180deg); } .smp_am_scroll-prev:before, .smp_am_scroll-next:before, .smp_am_scroll-prev:after, .smp_am_scroll-next:after { content: ''; display: block; width: 100%; top: 7px; height: 2px; position: absolute; background: #2b313f; -moz-transform: rotate(-60deg)!important; -ms-transform: rotate(-60deg)!important; -webkit-transform: rotate(-60eg)!important; -o-transform: rotate(-60deg)!important; transform: rotate(-60deg)!important; opacity: 1; transform-origin: unset; } .smp_am_scroll-prev:after, .smp_am_scroll-next:after { -moz-transform: rotate(60deg)!important; -ms-transform: rotate(60deg)!important; -webkit-transform: rotate(60eg)!important; -o-transform: rotate(60deg)!important; transform: rotate(60deg)!important; top: auto; bottom: 6px; } .smp_d_none, .noarrow .smp_am_scroll-prev, .noarrow .smp_am_scroll-next { display:none } .smp_automark input[type="text"], .smp_automark input[type="number"], .smp_automark fieldset select, .smp_automark fieldset textarea, .smp_automark fieldset input[type="number"], .smp_automark fieldset input[type="email"], .smp_automark fieldset input[type="tel"] { border-radius: 4px !important; /*height: 2.1em !important;*/ } .smp_automark fieldset textarea { resize: vertical; } .smp_am_brands { margin-top:0 } .smp_automark .smp_am_brands .smp_am_content_list li { margin:0 20px 5px 0; min-width:184px; } .smp_automark .smp_am_brands .smp_am_content_list li label { margin-bottom:0; } .smp_automark .smp_am_content_list { height:270px; display:flex; margin-bottom:0.3em; flex-direction: column; flex-wrap: wrap; position:relative; } .smp_automark .smp_am_content_wrapper { position:relative; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .smp_automark .smp_am_content_wrapper::-webkit-scrollbar { width: 0; } .smp_automark .options-blocks { white-space: nowrap; } .smp_automark .options-blocks .type_options, .smp_automark .options-blocks>div { display:inline-block; vertical-align: top; width:100%; white-space: nowrap; } .smp_am_ttl { width:100%; } .smp_am_ttl+.smp_am_columns { clear:both; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; -moz-column-width:100%; -webkit-column-width:100%; column-width:100%; display: flex; flex-flow: column wrap; max-height:570px; padding-bottom:0; } .noarrow .smp_am_ttl+.smp_am_columns { height:256px; padding-bottom: 15px; } .onecolumn .smp_am_ttl+.smp_am_columns { height:auto; padding-bottom:0; } .onecolumn .smp_am_ttl+.smp_am_column_wrap { overflow:visible } .onecolumn .smp_am_ttl+.smp_am_column_wrap .smp_am_columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; -moz-column-width:100%; -webkit-column-width:100%; column-width:100%; display: flex; flex-flow: column wrap; height:256px; padding-bottom:0; } .onecolumn .smp_am_ttl+.smp_am_column_wrap .smp_am_columns li { width:50%; } .smp_am_column_wrap { display:block; overflow:hidden; } .smp_am_column_wrap .smp_am_columns { padding-bottom:0; } .smp_am_img_big { display:none!important; padding-bottom:0; height:170px; overflow:hidden; line-height:170px; } .smp_am_img_big img { display:inline-block; vertical-align:middle; object-fit: cover; height: 170px; } .smp_am_container .smp_am_prices.error { text-align:center !important; max-width:100% !important; width:100% !important; margin-bottom:0; padding-top:10px; } .smp_am_prices >div { padding-top: 40px; } /*моби*/ .smp_evaluationsmartpoint.smp_mobile .smp_am_header { min-height:0; } .smp_evaluationsmartpoint.smp_mobile .smp_automark .smp_am_content_list { height:auto; min-height:0; } .smp_evaluationsmartpoint.smp_mobile .smp_automark .options-blocks .type_options, .smp_evaluationsmartpoint.smp_mobile .smp_automark .options-blocks>div { display: block; clear: both; } .smp_evaluationsmartpoint.smp_mobile .onecolumn .smp_am_ttl+.smp_am_column_wrap .smp_am_columns, .smp_evaluationsmartpoint.smp_mobile .smp_am_ttl+.smp_am_columns { display:block; height:auto; } .smp_evaluationsmartpoint.smp_mobile .onecolumn .smp_am_ttl+.smp_am_column_wrap .smp_am_columns li { width:100%; } @media (max-width: 1250px) { .smp_am_form, .smp_am_container {min-height: 650px;} .smp_automark .smp_am_content_list {min-height: 240px; height: auto;} .smp_automark .smp_am_brands .smp_am_content_list li {min-width:198px;} .smp_am_scroll-prev {left:5px; top:130px;} .smp_am_scroll-next {right:5px; top:130px;} } @media (max-width:1000px){ .smp_am_form, .smp_am_container {min-height: 600px;} .smp_automark .smp_am_content_list {height:195px;} .smp_automark .smp_am_brands .smp_am_content_list li {min-width:210px;} } @media (max-width:670px){ .smp_am_scroll-prev, .smp_am_scroll-next {display:none} } .smp_evaluationsmartpoint .select2-container.select2-container--default.select2-container--open{ z-index: 2147483641!important; color:#000; } .smp_evaluationsmartpoint .select2-container--default .select2-selection--single .select2-selection__arrow {height:3em;top:8px;} .smp_evaluationsmartpoint .select2-selection.select2-selection--single { height: 3em; padding: 0.6em 0.6em 0 0.6em; font-size: 1em; font-weight: 400; line-height: 1.25em; color: #212121!important; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /*consultant*/ .smp_am_consultant { position:absolute; right:0; bottom:0; top:0; width:243px; overflow:hidden; background:#ffffff; } .smp_am_consultant_head { height:119px; padding:34px 15px 0 15px; } .smp_am_consultant_ava { float:left; width:64px; height:64px; position:relative; margin-right:11px; } .smp_am_consultant_ava img { width:64px; height:64px; border-radius:50%; object-fit:cover; } .smp_am_consultant_status { display:block; position:absolute; border-radius:50%; width:16px; height:16px; border:2px solid #ffffff; background:#ff0000; top:47px; left:45px; } .smp_am_consultant_status.smp_am_online { background:#23b835; } .smp_am_consultant_text { overflow:hidden; line-height:64px; padding-top:4px; } .smp_am_consultant_text_inner { display:inline-block; line-height:1; vertical-align:middle; } .smp_am_consultant_name { font-size:1em; font-weight:bold; line-height:1; padding-bottom:4px; } .smp_am_consultant_post { font-size:0.835em; color:#8c8c8c; line-height:1; } .smp_am_consultant_dialog_wrap { position:absolute; top:111px; bottom:15px; left:15px; right:15px; overflow:hidden; padding-top:8px; } .smp_am_consultant_dialog { border:1px solid #bcbcbc; border-radius:3px; max-height:calc(100% - 15px); position:relative; } .smp_am_consultant_dialog:before { content:''; display:block; position:absolute; background:#fff; border:1px solid #bcbcbc; border-right:0; border-bottom:0; left:28px; top:-7px; width:12px; height:12px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .smp_am_consultant_dialog_txt { padding:0 20px 0 0; overflow:auto; max-height:500px; font-size:0.9em; line-height:1.5; margin-right:-20px; } .smp_am_consultant_dialog_txt_inner { padding:13px 15px 0 15px; } .smp_am_consultant_dialog_txt p { padding:0 0 1em 0; margin:0; line-height:1.5; } @media (max-width: 1250px) { .smp_am_consultant { position:relative; width:auto; clear:both; } .smp_am_consultant_head { padding: 12px 30px 0 30px; width: 290px; } .smp_am_consultant_ava {margin-right:16px;} .smp_am_container.smp_am_result.active .smp_am_content {padding-bottom:22px} .smp_am_consultant_dialog_wrap { position: relative; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; padding: 8px 30px 30px 30px; } .smp_am_consultant_dialog {max-height: none;position:relative} .smp_am_consultant_dialog_txt { padding: 0 20px 0 0; width: auto; overflow: auto; max-height: none; font-size: 1em; line-height: 1.5; margin-right: -20px; } .smp_am_consultant_dialog_txt_inner { padding:13px 15px 0 15px; } .smp_am_result.smp_with_consultant .smp_am_header { padding-right:20px; } } /*Уменьшение до 700 в высоту*/ .smp_am_container { padding-bottom: 70px; min-height: 545px; /*min-height: 570px;*/ } .smp_am_header { min-height: 200px; padding-bottom:14px; } .smp_am_title { font-size: 1.8em; padding: 0 0 5px 0; } .smp_am_title_txt { min-height: 40px; } .smp_am_search_ttl { font-size: 1.4em; } .smp_automark .smp_am_content_list { height: 230px; /*justify-content: center;*/ } .smp_am_ttl + .smp_am_content_list { height:190px !important; } .smp_automark .smp_am_content_list label { margin-bottom:5px; } .smp_am_footer { height: 70px; } .smp_am_step_num { padding-top:24px; } .smp_widget .smp_am_btn_next, .smp_widget .smp_am_btn_prev { margin-top:13px; min-width:auto; } .smp_widget .smp_am_btn_prev:before { left:-31px; top:0; right:auto; border:22px solid transparent; border-right:9px solid #282f3d; } .smp_widget .smp_am_btn_prev { } .smp_am_ttl { font-size: 1.4em; padding: 0px 0 10px 0; } .smp_am_img_big { height: 130px; line-height: 130px; } .smp_am_options_res { min-height: 40px; font-size: 1.03em; line-height: 1.3; padding-top: 5px; } .smp_am_img_big ~ div { padding-bottom: 1px; } .smp_am_img_big { height: 120px; line-height: 120px; } .smp_am_img_big img { height: 120px; } .smp_am_scroll-prev, .smp_am_scroll-next { top: 115px; } /* vary big padding for alls... .smp_evaluationsmartpoint .smp_am_order_send .smp_description_block {padding-top:15px;} */ .smp_automark .qq-gallery.qq-uploader {height: calc(220px - 0.5em);} .smp_automark .qq-gallery .qq-upload-button {height: calc(200px - 1em);}

4 новых автомобиля JAECOO J8

7 новых автомобилей JAECOO J8