#body,#body .brands,#body .models,.border-box {
	-webkit-box-sizing:border-box
}
#body,.iphone_safe_wrap {
	position:relative
}
.android_safe_wrap .android_safe_box p,.iphone_safe_wrap .iphone_safe_box p {
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden
}
.border-box {
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
#body,#body .brands,#body .models {
	-moz-box-sizing:border-box;
	height:100%
}
.iphone_safe_wrap {
	background:#F2F2F2;
	padding:10px 10px 17px;
	overflow:hidden;
	height:52px
}
.iphone_safe_wrap .iphone_safe_box {
	display:inline-block;
	margin-left:50px;
	margin-right:35px;
	padding-top:10px
}
.android_safe_wrap .android_safe_box:before,.iphone_safe_wrap .iphone_safe_box:before {
	left:-10px;
	margin-left:22px;
	margin-top:19px;
	content:'';
	position:absolute;
	vertical-align:middle;
	float:left
}
.iphone_safe_wrap .iphone_safe_box h3 {
	font-size:15px;
	color:#333;
	line-height:15px;
	display:inline-block;
	font-weight:400
}
.iphone_safe_wrap .iphone_safe_box p {
	padding-top:5px;
	font-size:12px;
	color:#757575;
	line-height:18px;
	display:-webkit-box
}
.iphone_safe_wrap .iphone_safe_box:before {
	display:inline-block;
	background:url(../../image/home/privacy_protection.png) 0 -1px no-repeat;
	width:30px;
	height:32px;
	background-size:375px 300px;
	margin-right:10px
}
.iphone_safe_wrap .iphone_safe_box:after {
	content:'';
	display:inline-block;
	background:url(../../image/home/privacy_protection.png) -39px 0 no-repeat;
	width:13px;
	height:24px;
	background-size:375px 300px;
	position:absolute;
	right:20px
}
.android_safe_wrap {
	background:#F2F2F2;
	position:relative;
	padding:10px 10px 17px;
	height:52px
}
.android_safe_wrap .android_safe_box {
	display:inline-block;
	margin-left:50px;
	margin-right:35px;
	padding-top:10px
}
.android_safe_wrap .android_safe_box h3 {
	font-size:15px;
	color:#333;
	line-height:15px;
	display:inline-block;
	font-weight:400
}
.android_safe_wrap .android_safe_box p {
	padding-top:5px;
	font-size:12px;
	color:#757575;
	line-height:18px;
	display:-webkit-box
}
.android_safe_wrap .android_safe_box:before {
	display:inline-block;
	background:url(../../image/home/privacy_protection.png) 0 -1px no-repeat;
	width:30px;
	height:32px;
	background-size:375px 300px;
	margin-right:10px
}
.android_safe_wrap .android_safe_box:after {
	content:'';
	display:inline-block;
	background:url(../../image/home/privacy_protection.png) -39px 0 no-repeat;
	width:13px;
	height:24px;
	background-size:375px 300px;
	position:absolute;
	right:20px
}
#body .back-top::after,#body .brands li.last:before,#body .models li.last div:before,#header .back::before,#header .search-wrap a:before {
	content:""
}
#header .back::before,#header .main-category .category-toggle-btn,#header .search-wrap a:before {
	background-image:url(../image/category_new_icons.png);
	background-repeat:no-repeat;
	background-size:260px 174.5px
}
body,html {
	height:100%
}
#header {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	background-color:#e83227;
}
#header .search-wrap {
	height:35px;
	padding-top:5px
}
#header .search-wrap a {
	display:block;
	width:81.3%;
	margin-left:14.7%;
	height:30px;
	background-color:#fff;
	color:#a7a3a1;
	line-height:30px;
	border-radius:5px
}
#header .search-wrap a:before {
	float:left;
	width:20px;
	height:20px;
	margin:6px 5px 0 15px;
	background-position:-56.5px -73.5px
}
#header .main-category {
	position:absolute;
	height:40px;
	background-color:#e83227;
	color:#333;
	width:100%;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	transition:all .3s ease-in;
	overflow:hidden
}
#header .main-category h3 {
	display:none
}
#header .main-category ul li {
	float:left;
	width:20%
}
#header .main-category ul li .text,#header .main-category ul li a {
	display:block;
	position:relative;
	line-height:40px;
	text-align:center;
	border-radius:4px
}
#header .main-category ul li .text.active::after,#header .main-category ul li a.active::after,#header .main-category ul li.active .text::after,#header .main-category ul li.active a::after {
	content:"";
	position:absolute;
	display:block;
	width:40px;
	margin:0 auto;
	border-bottom:3px solid #fff;
	bottom:0;
	left:0;
	right:0
}
#header .main-category .category-toggle-btn {
	position:absolute;
	display:block;
	height:20px;
	width:20px;
	top:10px;
	right:0;
	padding-right:15px;
	background-color:#e83227;
	background-position:-111.5px -117.5px;
	-webkit-box-shadow:-5px 5px 20px 5px #e83227;
	-moz-box-shadow:-5px 5px 20px 5px #e83227;
	box-shadow:-5px 5px 20px 5px #e83227;
	z-index:2;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	transition:all .3s ease-in
}
#header .main-category .right-shadow {
	position:absolute;
	display:block;
	height:20px;
	width:10px;
	top:10px;
	left:0;
	background-color:#e83227;
	-webkit-box-shadow:5px 0 20px 5px #e83227;
	-moz-box-shadow:5px 0 20px 5px #e83227;
	box-shadow:5px 0 20px 5px #e83227;
	z-index:2;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	transition:all .3s ease-in;
	opacity:1
}
#header .main-category.open {
	width:92%;
	padding:15px 4%;
	height:auto;
	background-color:#fff;
	-webkit-box-shadow:0 10px 20px 5px #ccc;
	-moz-box-shadow:0 10px 20px 5px #ccc;
	box-shadow:0 10px 20px 5px #ccc
}
#header .main-category.open h3 {
	display:block;
	margin-bottom:10px;
	font-size:14px;
	line-height:14px;
	font-weight:400
}
#header .main-category.open ul {
	margin-right:-2%
}
#header .main-category.open ul.swiper-wrapper {
	display:block;
	width:auto;
	-webkit-transform:translateX(0)!important;
	-moz-transform:translateX(0)!important;
	transform:translateX(0)!important
}
#header .main-category.open ul li .text.active::after,#header .main-category.open ul li a.active::after,#header .main-category.open ul li.active .text::after,#header .main-category.open ul li.active a::after {
	display:none
}
#header .main-category.open ul li {
	width:23%;
	margin-bottom:10px;
	margin-right:2%
}
#header .main-category.open ul li .text,#header .main-category.open ul li a {
	border:1px solid #e6e6e6;
	height:30px;
	line-height:33px
}
#header .main-category.open ul li .text.active,#header .main-category.open ul li a.active,#header .main-category.open ul li.active .text,#header .main-category.open ul li.active a {
	background-color:#e83227;
	border-color:transparent
}
#body .brands .brands-content ul,#body .brands li.last,#body .models li.last {
	border-bottom:1px solid #e6e6e6
}
#header .main-category.open .category-toggle-btn {
	background-color:#fff;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	background-position:-117.5px -117.5px;
	transform:rotate(180deg);
	background-clip:content-box
}
#header .main-category.open .right-shadow {
	background-color:#fff;
	opacity:0
}
#header .back::before {
	position:absolute;
	top:9px;
	left:15px;
	width:15px;
	height:22px;
	background-position:-27px -71.5px
}
#body .brands li.last:before,#body .models .title span,#body .models li.last div:before {
	background-image:url(../../image/icons.png?v=2);
	background-size:467px 408px;
	background-repeat:no-repeat
}
#body {
	overflow:hidden;
	padding:36px 0 0 80px;
	box-sizing:border-box
}
#body .brands,#body .models {
	float:left;
	box-sizing:border-box
}
#body .brands .brands-content,#body .brands .models-content,#body .models .brands-content,#body .models .models-content {
	overflow:hidden;
	height:100%;
	-webkit-overflow-scrolling:touch
}
#body .brands li,#body .models li a {
	overflow:hidden;
	text-overflow:ellipsis
}
#body .brands li,#body .models li {
	height:70px;
	border-top:1px solid #e6e6e6;
	line-height:70px
}
#body .brands {
	width:80px;
	margin-left:-80px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#fff
}
#body .brands .title {
	text-align:center
}
#body .brands li {
	padding-left:3px;
	border-right:1px solid #e6e6e6;
	color:#333;
	text-align:center;
	white-space:nowrap
}
#body .brands li a {
	display:block;
	height:100%;
	width:100%
}
#body .brands li a img {
	width:55px;
	height:50px;
	margin:0 auto
}
#body .brands li a .name {
	line-height:20px;
	color:#666;
}
#body .brands li.last {
	height:auto;
	padding-bottom:8px;
	color:#666;
	line-height:15px;
	font-size:12px;
	white-space:normal
}
#body .brands li.last:before {
	display:block;
	width:20px;
	height:28px;
	margin:10px auto 3px;
	background-position:-335px -75px
}
#body .brands li.current {
	padding-left:0;
	background-color:#f4f4f4;
	border-right-color:#f4f4f4;
	border-left:3px solid #eb352a;
	color:#3782ff
}
#body .brands li.current a {
	color:#eb352a;
}
#body .models {
	width:100%;
	background-color:#f4f4f4
}
#body .models li {
	line-height:70px;
	padding-left:15px
}
#body .models li span {
	float:left;
	min-width:9px;
	height:15px;
	padding:0 3px;
	margin:28px 7px 19px 0;
	background-color:#e6e6e6;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#fff;
	line-height:15px;
	font-size:12px;
	text-align:center
}
#body .models li a {
	display:block;
	height:100%;
	color:#222;
	white-space:nowrap
}
#body .models li p {
	display:table-cell;
	height:53px;
	vertical-align:middle
}
#body .models li.last {
	height:93px;
	padding:10px 15px;
	border-top:none
}
#body .models li.last div {
	position:relative;
	padding:15px 0 15px 44px;
	border:1px solid #fde5a5;
	background-color:#fcf2d8;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	line-height:20px;
	font-size:12px
}
#body .models li.last div p {
	height:auto
}
#body .models li.last div a {
	color:#e83227
}
#body .models li.last div:before {
	position:absolute;
	left:10px;
	width:27px;
	height:23px;
	background-position:-360px -75px
}
#body .models li.last.hide {
	display:none
}
#body .models li:nth-child(1) span {
	background-color:#fd6132
}
#body .models li:nth-child(2) span {
	background-color:#e83227
}
#body .models li:nth-child(3) span {
	background-color:#4fabef
}
#body .models li:nth-last-child(2) {
	border-bottom:1px solid #e6e6e6
}
#body .models .title {
	padding-left:15px
}
#body .models .title span {
	float:left;
	width:18px;
	height:15px;
	margin:19px 6px 19px 0;
	background-position:-417px -75px
}
#body .back-top {
	display:none;
	position:fixed;
	bottom:20px;
	right:20px
}
#body .back-top::after {
	display:inline-block;
	width:45px;
	height:45px;
	background-image:url(../image/category_new_icons.png);
	background-position:-29px -103px;
	background-repeat:no-repeat;
	background-size:260px 174.5px
}
#body .back-top.active {
	display:block
}