body
{
	background:#f4f4fa;
}
.alert
{
	font-size:12px;
}
.main_left
{
	padding:10px;
	background:#ffffff;
	height: 100vh;
	display:flex;
	flex-direction:column;
	position:relative;
}
.main_center
{
	padding:10px;
	height: 100vh;
	position:relative;
}
.price_info
{
	position: absolute;
    bottom: 20px;
    right: 20px;
    background: red;
    padding: 10px;
    border-radius: 4px;
    color: white;
    text-align: center;
	display:none;
}
.main_right
{
	padding:10px;
	background:#ffffff;
	height: 100vh;
	display:flex;
	flex-direction:column;
	position:relative;
}
.logo
{
	margin-bottom:25px;
}
.logo img
{
	height:45px;
}
.title_box
{
	width: 100%;
    display: flex;
    background: #e30613;
    color: white;
    border-radius: 4px;
	font-size: 18px;
	overflow:hidden;
}
.title_box span
{
	padding:10px;
}
.title_box .icon
{
	display:flex;
	align-items:center;
	justify-content:center;
	width:48px;
	background:red;
}
.title_box .title
{
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:600;
}

.tab_group
{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.tab_group .tab
{
	display:flex;
	flex:1;
	margin-right:5px;
	align-items:center;
	justify-content:center;
	background: #b91620;
    color: white;
    border-radius: 4px;
	font-size: 18px;
	font-weight: 500;
	overflow:hidden;
	cursor:pointer;
}

.tab_group .tab.active
{
	background: #ff1313;
}


.tab_group_content
{
	position:relative;
	height:100%;
}

.tab_group_content .tab_content
{
	display:none;
	position:relative;
	height:100%;
}

.tab_group_content .tab_content.active
{
	display:block;
}

.content_scroll
{
	position:relative;
	height:90%;
}

.property_list
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
    overflow-y: scroll;
	padding-left:15px;
	padding-right:15px;
}

.property_list .col-4
{
	padding-left:3px !important;
}

.property_list .col-6
{
	padding-left:3px !important;
}

.property_list .col-12
{
	padding-left:3px !important;
}


.property_list .brand
{
	width:100%;
	height:75px;
	border:1px solid #ced4da;
	padding:10px;
	margin-bottom:10px;
	cursor:pointer;
}

.property_list .brand .image
{
	width:auto;
	height:100%;
}

.property_list .brand .image img
{
	width:100%;
	height:100%;
}

.property_list .model
{
	width:100%;
	height:45px;
	border:1px solid #ced4da;
	padding:10px;
	margin-bottom:10px;
	cursor:pointer;
	font-weight:700;
	font-size:13px;
}


.property_list .year
{
	width:100%;
	display:flex;
	height:75px;
	border:1px solid #ced4da;
	padding:10px;
	margin-bottom:10px;
	cursor:pointer;
	font-size:13px;
}

.property_list .year .image
{
	width:100px;
	height:100%;
	border:1px solid #ced4da;
	margin-right:7px;
}

.property_list .year .image img
{
	width:100%;
	height:100%;
}

.property_list .year .title
{
	flex:1;
}

.property_list .type
{
	width:100%;
	display:flex;
	height:75px;
	border:1px solid #ced4da;
	padding:10px;
	margin-bottom:10px;
	cursor:pointer;
	font-size:13px;
}

.property_list .type .image
{
	width:100px;
	height:100%;
	border:1px solid #ced4da;
	margin-right:7px;
}

.property_list .type .image img
{
	width:100%;
	height:100%;
}

.property_list .year .title
{
	flex:1;
}


.property_list .fabric
{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	height:75px;
	background:#ebebeb;
	border-radius:4px;
	padding:10px;
	margin-bottom:10px;
	cursor:pointer;
	font-size:14px;
}

.property_list .fabric:hover
{
	background: #333;
    color: #fff;
}

.property_list .color
{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	height:127px;
	border:1px solid #ced4da;
	padding:10px;
	margin-bottom:10px;
	cursor:pointer;
	font-size:12px;
	font-weight:700;
}

.property_list .color:hover
{
	border: 2px solid green;
}

.property_list .color.active
{
	border: 2px solid green;
}

.property_list .color .image
{
	flex:1;
	width:82px;
	height:100%;
	overflow:hidden;
	border-radius:4px;
}

.property_list .color .image img
{
	height:82px;
}

.property_list .color .title
{
	
}


.property_list .color .color_code
{
	font-weight:400;
}

.property_list .thread_color
{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	height:127px;
	border:1px solid #ced4da;
	padding:10px;
	margin-bottom:10px;
	cursor:pointer;
	font-size:12px;
	font-weight:700;
}

.property_list .thread_color:hover
{
	border: 2px solid green;
}

.property_list .thread_color .image
{
	flex:1;
	width:82px;
	height:100%;
	overflow:hidden;
	border-radius:4px;
}

.property_list .thread_color .image img
{
	height:82px;
}

.property_list .thread_color .title
{
	
}


.property_list .thread_color .thread_color_code
{
	font-weight:400;
}

.car_info
{
	width: 100%;
    display: flex;
    background: #9d9d9d;
    color: white;
    border-radius: 4px;
	font-size: 14px;
	overflow:hidden;
	margin-bottom:5px;
}
.car_info span
{
	padding:10px;
}
.car_info .title
{
	display:flex;
	align-items:center;
	justify-content:center;
	width:70px;
	background:#686767;
	font-weight:600;
}
.car_info .content
{
	flex:1;
	display:flex;
	align-items:center;
	font-size:12px;
}
.car_image_info
{
	width:100%;
	text-align:center;
	border:1px solid #ced4da;
	margin-bottom:5px;
	display:block;
	overflow:hidden;
}

.car_image_info.brand_image img
{
	height:100px
}

.car_image_info.year_image img
{
	height:100px
}

.car_image_info.type_image img
{
	height:100px
}


.seat_types
{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.seat_types .seat_type
{
	flex:1;
	display:flex;
	flex-direction:column;
	margin-right:5px;
	align-items:center;
	justify-content:center;
	border:1px solid #ced4da;
    color: black;
    border-radius: 4px;
	font-weight: 500;
	overflow:hidden;
	cursor:pointer;
	padding:5px;
}

.seat_types .seat_type.active
{
	background: #fff1f1;
}


.seat_type_content
{
	position:relative;
	height:100%;
}

.seat_type_content .type_content
{
	display:none;
	position:relative;
	height:100%;
}

.seat_type_content .type_content.active
{
	display:block;
}


.designed_image
{
	display:flex;
	width:100%;
	height:100%;
	align-items:center;
	justify-content:center;
	position:relative;
}

.designed_image img
{
	width:480px;
}

.property_list::-webkit-scrollbar {
  width: 4px;
}
.property_list::-webkit-scrollbar-track {
  background-color: transparent;
}
.property_list::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
}
.property_list::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}


.info_box
{
	width: 100%;
    display: flex;
    background: #e30613;
    color: white;
    border-radius: 4px;
	font-size: 18px;
	overflow:hidden;
	margin-bottom:10px;
}
.info_box span
{
	padding:10px;
}
.info_box .icon
{
	display:flex;
	align-items:center;
	justify-content:center;
	width:48px;
	background:red;
}
.info_box .title
{
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:600;
}

.info_card
{
	font-size:12px;
	margin-bottom:37px;
}

.info_card .color_image
{
	overflow:hidden;
	border-radius:4px;
	width:50px;
	height:50px;
}

.finish_image
{
	display:flex;
	align-items:center;
	justify-content:center;
	height:493px;
	background:#ffffff;
}

.finish_image img
{
	width:100%;
}

.btns
{
	margin-bottom:66px;
}

.btns i
{
	margin-bottom:10px;
}

.new_btn
{
	background: linear-gradient(160deg, rgb(189 24 46) 0%, rgb(0 0 0) 100%);
	width:100%;
	height:120px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:white;
	text-decoration:none;
	font-weight:700;
	border-radius:4px;
	text-align:center;
}

.share_btn
{
	background: linear-gradient(160deg, rgb(0, 147, 233) 0%, rgb(128, 208, 199) 100%);
	width:100%;
	height:120px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:white;
	text-decoration:none;
	font-weight:700;
	border-radius:4px;
	text-align:center;
}

.buy_btn
{
	background: linear-gradient( 135deg, #079b4a 10%, #1c8d4e 100%);
	width:100%;
	height:120px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:white;
	text-decoration:none;
	font-weight:700;
	border-radius:4px;
	text-align:center;
}

.type_content .content_scroll
{
	height:85%;
}

.magnify								{position: relative;  display: inline-block;}
.magnify .magnify-lens					{position: absolute; width: 250px; height: 250px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; border: 2px solid #fff; box-shadow: inset 0px 0px 50px rgba(0,0,0,0.5), 0px 0px 50px rgba(0,0,0,0.5);background-color: #fff;  cursor: none;  display: none;  z-index: 100;}
.magnify .magnify-lens.loading			{background: none !important; }
.magnify .magnify-lens.loading:after	{position: absolute;  top: 43%; left: 0; width: 100%; color: #fff; content: 'Loading...'; font: italic normal 16px/1 Calibri, sans-serif; text-align: center; text-shadow: 0 0 2px rgba(51, 51, 51, .8);}