html,body{
	background: #f0f0f0;
	color: #2e2e2e;
	height: 100%;
	max-width: 640px;
	margin: 0 auto;
}
@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a{
	color:#2e2e2e;
}
a:link, a:visited, a:hover, a:active{
	color: #2e2e2e;
}
.text-grey {
  color: #666 !important;
}
.col-xs-2,.col-xs-8{
	position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:15px;
}
.col-xs-2,.col-xs-8{
	float:left;
}
.col-xs-2{
	width:16.66666667%;
}
.col-xs-8{
	width:66.66666667%;
}
.pull-left{
	float:left!important;
}
/* header */
.bar-nav {
	height: 3.5rem;
	border-bottom: 1px solid #dcdcdc;
	line-height: 3.2rem;
	background-color: #f7f7f7;
	color: #2e2e2e;
}
.bar-nav .btn {
	height: 3.5rem;
    font-size: 1.9rem;
    padding: 0 0.2rem;
    margin: 0;
	justify-content: center;
    align-items: center;
	display: flex;
    display: -webkit-flex;
}
.bar-nav i {
	color: #ff3938;
}
.bar-nav .title {
	height: 3.5rem;
	font-size: 1.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	text-align:center;
	padding-top:0.2rem;
}
/* index-icon */
.index-icon img.icon {
    display: block;
    margin: 0 auto;
    width: 60%;
}
.index-icon .grid-label {
    padding-top: 0.25rem;
    font-size: 0.7rem !important;
}
.index-icon .grid [class*=col-] {
    padding: 0.75rem 0;
}

/* index-promotion */
.index-promotion {
	background: #fff;
}
.index-promotion p {
	color: #999;
}
/* title */
.m-title {
    padding-left: 0.25rem;
}
.m-title:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 18px;
    background: #ff9900;
    left: 0.5rem;
    top: 11px;
}
.m-more a {
	color: #666;
}
/* index-brand */
.index-brand {
	background: #fff;
}
.index-brand img.icon {
    display: block;
    margin: 0 auto;
    width: 2.5rem;
    height: 2.5rem;
}
.index-brand .grid-label {
    padding-top: 0.25rem;
    font-size: 0.7rem !important;
}
.index-brand .grid [class*=col-] {
    padding: 0.5rem 0;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    
}
.index-brand .grid [class*=col-]:nth-child(4n) {
    border-right: 0;
}
/* index-car-style */
.index-car-style {
	background: #fff;
}
.index-car-style img.icon {
    display: block;
    margin: 0 auto;
    width: 6.4rem;
    height: 4.6rem;
}
.index-car-style .grid-label {
    padding-top: 0.25rem;
    font-size: 0.7rem !important;
}
.index-car-style .grid-label p {
    font-size: 0.6rem !important;
}
.index-car-style .grid [class*=col-] {
    padding: 0.5rem 0;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    
}
.index-car-style .grid [class*=col-]:nth-child(2n) {
    border-right: 0;
}
/* index-schedule */
.index-schedule .card-list-content {
	height: 9rem;
	overflow: hidden;
	padding: 0.5rem 0;
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
}
.index-schedule ul {
	position: absolute;
	white-space: nowrap;
	padding: 0 0.25rem;
	font-size: 0;
}
.index-schedule li {
    width: 6.08rem;
    padding: 0 0.25rem;
    display: inline-block;
    vertical-align: top;
}
.index-schedule li a {
	display: block;
}
.index-schedule li p {
    margin: 5px 0;
    font-size: 0.7rem;
    height: 2.1rem;
    white-space: normal;
    overflow: hidden;
}
/* index-news */
.index-news .list .list-item {
	padding-left: 0.5rem;
}
.index-news .list .list-item-media {
	padding-right: 0.5rem;
}
/* copyright */
.copyright {
	margin: 0.5rem auto;
	text-align: center;
    color: #b5b5b5;
    font-size: 0.6rem;
}
/* 品牌索引 */
.list-view {
	position: relative;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0.75rem;
	list-style: none;
	background-color: #fff;
}
.list-view:after {
  	border-top: 1px solid #c8c7cc;
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(1);
	pointer-events: none;
}
.list-view-cell {
	position: relative;
	padding: 0.6rem 0.5rem;
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	      transform-style: preserve-3d;
	-webkit-touch-callout: none;
}
.list-view-cell:after {
	border-bottom: 1px solid #c8c7cc;
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(1);
	pointer-events: none;
}

.list-view-cell:last-child:after {
  	border-bottom: 1px solid #c8c7cc;
}
.list-view-cell > a{
  	position: relative;
  	padding: inherit;
  	margin: -0.6rem -0.75rem;
  	display: block;
  	overflow: hidden;
  	color: inherit;
  	text-overflow: ellipsis;
  	white-space: nowrap;
}
.list-view-cell > a:active{
	background: #f4f4f4;
}
.list-view-cell > a.active{
  	background-color: #eee;
}
.list-view-cell > a.ellipsis-1,
.list-view-cell > a.ellipsis-2  {
	padding-bottom: -0.2rem;
	padding-right: 1.5rem;
}
.list-view-cell p {
  	margin-bottom: 0;
}
.list-view-cell .img-box {
	float: left;
	width: 6.1rem;
	height: 6.1rem;
}
.list-view-cell span {
	float: left;
	margin-left: 0.5rem;
	line-height: 6.1rem;
	font-size: 1.6rem;
}
.list-view.in .list-view-cell:last-child:after {
  	left:0;
}
.list-view.in .list-view-cell:after {
	left: 0;
}
.list-view i.iconfont {
    padding: 0.25rem;
    border-radius: 0.2rem;
    margin-right: 0.5rem;
    color: #ffffff;
    font-size: 1.125rem;
}
/*列表页角标靠右*/
.list-view-cell > .badge,
.list-view-cell > a > .badge {
	position: absolute;
	top: 50%;
	right: 0.75rem;
	-webkit-transform: translateY(-50%);
	      transform: translateY(-50%);
}
.list-view-cell > a.arrow-right > .badge,
.list-view-cell > div.arrow-right > .badge {
	position: absolute;
	top: 50%;
	right: 1.5rem;
	-webkit-transform: translateY(-50%);
	      transform: translateY(-50%);
}
 .searchbar-wrap.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
	width: 100%;
}
.indexed-list {
	position: relative;
	width: 100%;
	top: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.indexed-list::-webkit-scrollbar {
	width: 0px;
	height: 0px;
	visibility: hidden;
}
.indexed-list-bar {
	position: fixed;
	background-color: #fff;
	right: 0;
	top: 2.9rem;
	height: 100%;
	width: 2.5rem;
    z-index: 10;
    opacity: 0.6;
}
.indexed-list-bar a {
	display: block;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0;
    margin: 0;
    color: #666666;   
    line-height: 1.7rem;
}
.indexed-list-bar a .iconfont {
	font-size: 0.6rem;
}
.list-view {
	margin-bottom: 0;
}
.indexed-list-toast {
    position: fixed;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 5rem;
    height: 2rem;
    line-height: 2rem;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    padding-left: 1rem;
    font-size: 1.3rem;
    color: #fff;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .5s;
        	transition:all .5s;
    -webkit-transform: translateX(100%);
        	transform: translateX(100%);
}
.indexed-list-toast.active {
	display: block;
	-webkit-animation: fadeInRight 0.3s;
    		animation: fadeInRight 0.3s;
    -webkit-transition: all 0s;
        	transition:all 0s;
    opacity: 1;
    -webkit-transform: translateX(0%);
        transform: translateX(0%);

}
.indexed-list-view {
	position: relative;
	background-color: #ffffff;
}
.indexed-list-view-group {
	background: #f4f4f4;
	padding: 0.25rem 0.75rem;
	font-weight: 400;
	font-size: 1.6rem;
	color: #999;
	margin-top: -1px;
	position: relative;
}
.indexed-list-view-group:before {
	border-top: 1px solid #c8c7cc;
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(1);
	pointer-events: none;
}
.indexed-list-view.in .indexed-list-view-group:after {
  	left:0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .indexed-list-view-group:before {
        right: -100%;
        bottom: -100%;
        -webkit-transform: scale(0.5);
    }
}
@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
/* car-style */
.car-style-mark {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	animation: 'mybrand' 1s ease-in-out;
	-webkit-animation: 'mybrand' 0.3s ease-in-out;
	z-index: 1000;
}
.car-style-wrap {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	left: 20%;
	margin-left:auto;
    margin-right:auto;
	width: 80%;
	max-width:512px;
	height: 100%;
	background: #fff;
	overflow-y: scroll;
	animation: 'mybrand' 1s ease-in-out;
	-webkit-animation: 'mybrand' 0.3s ease-in-out;
	z-index: 10000;
}
.car-style-dl dt a {
	width: 100%;
	display: inline-block;
	padding: 0.4rem 2%;
	background: #f0f0f0;
	color: #333;
}
.car-style-dl dt a:after {
	visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0;
}
.car-style-name {
	font-size: 1.7rem;
	line-height: 4.7rem;
}
.car-style-name img {
	float: left;
	width: 4.7rem;
	height: 4.7rem;
	margin-right: 0.4rem;
}
.car-style-baoming {
	position: relative;
	color: #ff3838;
	font-size: 1.6rem;
	border: 1px solid #ff3838;
	padding: 0.15rem;
	border-radius: 0.3rem;
	margin-top: 0.8rem;
	right: 0.7rem;
}
.car-style-baoming em {
	position: absolute;
	width: 0.4rem;
	height: 0.7rem;
	background: url("../img/red.png") no-repeat;
	background-size: 0.4rem 0.7rem;
	top: 0.8rem;
	right: -0.7rem;
}
.car-style-ul li {
	position: relative;
	padding: 0.2rem;
	border: 1px solid #f2f2f2;
}
.car-style-ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.car-style-ul-img {
	width: 30%;
	margin-right: 2%;
}
.car-style-ul-img img {
	width: 100%;
	height: 6.0rem;
}
.car-style-ul-info {
	width: 68%;
}
.car-style-ul-info-name {
	font-size: 1.4rem;
	line-height: 1.8rem;
	color: #191919;
	padding: 1.5rem 0.3rem;
}
.car-style-ul-info-price {
	color: #a1a1a1;
}
.carstyleloading {
	position: relative;
	text-align: center;
	height: 100%;
	background: #fff;
	font-size: 0.7rem;
}
.carstyleloading img {
	width: 1.4rem;
	height: 1.4rem;
	vertical-align: middle;
}
/* car-detail */
.car-banner img {
	vertical-align: middle;
}
.car-banner .grid [class*=col-] {
	padding: 0;
}

.groupbuy-detail .car-promotion-icon {
    position: absolute;
    background: #ff3838;
    color: #fff;
    border-radius: 0.25rem 0 0 0.25rem;
    padding: 0.15rem 0.25rem 0.15rem 0.5rem;
    top: 50%;
    margin-top: -0.675rem;
    font-size: 0.7rem;
}
.groupbuy-detail .car-promotion-icon em {
    background: url(../images/car-promotion-icon.png) no-repeat;
    width: 0.6rem;
    height: 1.35rem;
    background-size: 0.6rem;
    position: absolute;
    display: block;
    top: 0;
    right: -0.5rem;
    background-size: 0.6rem 1.35rem;
}
.groupbuy-detail .car-promotion-text {
	margin-left: 59px;
    font-size: 0.7rem;
    color: #ff3838;
}
.groupbuy-form .list {
	background: none;
}
.groupbuy-form .list .list-header {
	background: none;
	font-size: 0.7rem;
	font-weight: 700;
	padding: 0 0 0.25rem 0;
}
.groupbuy-form .list .list-item {
	background: none;
	padding-left: 0;
}
.groupbuy-form .list .list-item-input {
	padding-right: 0;
}
.groupbuy-form input,.groupbuy-form select {
	font-size: 0.7rem;
	border: 1px solid #bcbcbc;
	padding: 0.7rem 2% 0.7rem 3%;
	margin: 0.25rem auto;
	border-radius: 0.3rem;
	height: 2.4rem;
}
.form-car-select {
	margin: 0 -1% 0.25rem;
	font-size: 0.7rem;
	overflow: hidden;
}
.form-car-select li {
	position: relative;
	float: left;
	width: auto;
	margin: 0.25rem 1%;
	text-align: center;
}
.form-car-select li.hide {
	display: none;
}
.form-car-select ul li.show {
	display: inline-block;
}
.form-car-select li span {
	display: block;
	height: 1.5rem;
	line-height: 1.5rem;
	border: 1px solid #bcbcbc;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 0.7rem;
}
.form-car-select li em {
	display: none;
}
.form-car-select li.cur span {
	border: 1px solid #ff3838;
}
.form-car-select li.cur em {
	position: absolute;
	right: 0;
	bottom: 1px;
	display: block;
	display: inline-block;
	width: 0.7rem;
	height: 0.55rem;
	background: url(../images/detail-selected.png) no-repeat;
	background-size: 0.7rem 0.55rem;
}
.form-car-select li.togglecar span {
	width: 3.25rem;
	padding-right: 28px;
}
.form-car-select li.togglecar .iconfont {
	position: absolute;
	right: 0.3rem;
	top: 50%;
	margin-top: -0.2rem;
	display: inline-block;
	vertical-align: middle;
	border: none;
	font-size: 0.6rem;
	line-height: 0.6rem;
	height: 0.6rem;
	width: 0.6rem;
	font-weight: 700;
}
.groupbuy-detail .btn-block {
	height: 2.25rem;
	line-height: 2.25rem;
	color: #fff;
	background-color: #ff3938;
}
.groupbuy-detail .groupbuy-detail-tips {
	color: #999;
}
.bar-nav span {
	font-size: 1.8rem;
}
@media only screen and (max-height: 481px) {
	.indexed-list-bar a {
		height: 1.6rem;
	}
}
@media only screen and (min-height: 481px) and (max-height: 569px) {
	.indexed-list-bar a {
		height: 2.0rem;
	}
}
@media only screen and (min-height: 570px) {
	.indexed-list-bar a {
		height: 2.2rem;
	}
}
@media only screen and (min-width: 400px) {
	.bar-nav {
		height: 2.0rem;
		line-height: 1.8rem;
	}
	.bar-nav .btn {
		height: 2.0rem;
		font-size: 1.0rem;
		padding: 0 0.2rem;
	}
	.bar-nav i {
		color: #337ab7;
	}
	.bar-nav .title {
		height: 2.0rem;
		font-size: 1.0rem;
		padding-top:0.2rem;
	}
	.indexed-list-bar a {
		font-size: 1.0rem;
		height: 1.3rem;
	}
	.list-view-cell span {
		line-height: 3.1rem;
		font-size: 1.1rem;
	}
	.list-view-cell .img-box {
		width: 3.4rem;
		height: 3.4rem;
	}
	.car-style-name img {
		width: 3.5rem;
		height: 3.5rem;
	}
	.car-style-name {
		font-size: 1.1rem;
		line-height: 3.3rem;
	}
	.indexed-list-view-group {
		font-size: 1.3rem;
	}
	.car-style-baoming {
		font-size: 1.1rem;
		margin-top: 0.7rem;
	}
	.car-style-ul-img img {
		width: 100%;
		height: 3.6rem;
	}
	.car-style-ul-info-name {
		font-size: 1.1rem;
		line-height: 1.1rem;
		padding: 1.1rem 0.3rem;
	}
}
@media only screen and (min-width: 750px) {
	.indexed-list-bar a {
		height: 1.4rem;
	}
}