html, body {
    overflow-x:hidden;
    min-height:100%
}
html {
    height:100%;
    position:relative;
    -webkit-overflow-scrolling:touch
}
html.full-screen #car_header {
    transform:translate3d(0, -3rem, 0);
    -webkit-transform:translate3d(0, -3rem, 0)
}
html.full-screen #car_nav {
    transform:translate3d(0, 7.75rem, 0);
    -webkit-transform:translate3d(0, 7.75rem, 0)
}
html.open-search body {
    padding:0!important
}
html.open-search #car_header {
    top:0;
    position:static
}
html.open-search #car_header .menu-btn, html.open-search #car_header .location {
    display:none
}
html.open-search #car_header .top-bar {
    padding:0 3rem
}
html.open-search #car_header .search-entry {
    padding:.25rem;
    width:100%;
    height:100%;
    float:left;
    display:block
}
html.open-search #car_header .back-btn {
    display:block
}
html.open-search #car_header .left-btn {
    margin-left:-3rem;
    display:block;
    float:left
}
html.open-search #car_header .right-btn {
    margin-right:-3rem
}
html.open-search #car_search_panel {
    display:block;
    z-index:4
}
html.open-search #car_content, html.open-search #car_nav {
    z-index:-3;
    height:0;
    overflow:hidden
}
html.open-search.full-screen #car_header {
    transform:translate3d(0, 0, 0);
    -webkit-transform:translate3d(0, 0, 0)
}
html.open-search.full-screen #car_nav {
    transform:translate3d(0, 0, 0);
    -webkit-transform:translate3d(0, 0, 0)
}
body {
    padding:3rem 0 6rem!important;
    height:auto
}
#car_header {
    width:100%;
    height:3rem;
    position:fixed;
    top:0;
    left:0;
    z-index:2;
    -webkit-transform:translateZ(0, 0, 0);
    -webkit-transition:all cubic-bezier(0.075, .82, .165, 1) .4s;
    -moz-transition:all cubic-bezier(0.075, .82, .165, 1) .4s;
    transition:all cubic-bezier(0.075, .82, .165, 1) .4s
}
#car_header .top-bar {
    background-color:#AB1B1A;
    height:3rem;
    overflow:hidden;
    width:100%;
    padding-right:6rem
}
#car_header .btn-wrap {
    display:inline-block;
    height:100%;
    float:left
}
#car_header .btn {
    display:block;
    width:100%;
    font-size:16px;
    color:#f4f4f4;
    height:3rem;
    background-image:none;
    background-color:transparent!important;
    box-shadow:none!important;
    -webkit-box-shadown:none!important;
    -moz-box-shadown:none!important;
    -ms-box-shadown:none!important
}
#car_header .btn:focus {
    border:0
}
#car_header .btn:active, #car_header .btn.active {
    background-color:rgba(0, 0, 0, .2)!important
}
#car_header .btn:active .icon, #car_header .btn.active .icon {
    color:#fff
}
#car_header .btn .icon {
    font-size:1.6rem;
    font-weight:400;
    color:rgba(255, 255, 255, .8)
}
#car_header .search-btn, #car_header .back-btn, #car_header .menu-btn {
    width:3rem
}
#car_header .right-btn {
    float:right;
    font-size:0;
    margin-right:-6rem
}
#car_header .left-btn {
    float:left;
}
#car_header .back-btn {
    display:none
}
.search-warp { margin:1em 0;display: -moz-box; 
    display: -webkit-box; 
    display: box;}
.search-entry {
   
    padding:0 1rem
}
.search-button {-ms-flex:1;color:#ccc;font-size: 1.5em;padding:.25em ;margin-right:1rem;
    -webkit-box-flex:1;
    -moz-box-flex:1;}
.search-entry, .search-entry input[type=text] {
    -ms-flex:1;
    -webkit-box-flex:1;
    -moz-box-flex:1;
    background:0 0
}
.search-entry .input-wrap {
    -moz-box-flex:1;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, .15);
    border:1px solid #d9d9d9;
    border-radius:.4rem;
    -moz-border-radius:.4rem;
    -webkit-border-radius:.4rem
}
.search-entry input[type=text] {
    border:0;
    background-color:transparent;
    height:2rem;
    display:block;
    font-size:1rem;
    color:#f2f2f2;
    padding-left:.75rem;
    padding-right:.75rem;
    box-shadow:none;
    -webkit-box-shadown:none;
    -moz-box-shadown:none;
    -ms-box-shadown:none
}
.search-entry input[type=text]::-webkit-input-placeholder {
    color:rgba(255, 255, 255, .6)!important
}
.search-entry input[type=text]:-moz-placeholder {
    color:rgba(255, 255, 255, .6)!important
}
.search-entry input[type=text]::-moz-placeholder {
    color:rgba(255, 255, 255, .6)!important
}
.search-entry input[type=text]:-ms-input-placeholder {
    color:rgba(255, 255, 255, .6)!important
}
#car_header .location {
    white-space:nowrap;
    overflow:hidden;
    font-size:0;
    float:left;
}
#car_header .location a {
    background:#f26405;
    font-size:1rem;
    display:inline-block;
    height:100%;
    line-height:3rem;
    color:#fff;
    z-index:1;
    padding:0 .5rem 0 25px;
    position:relative;
    max-width:100%;
    border-left:1px solid #f26405;
    display:none;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    box-shadow:-.1rem 0 1rem 1px rgba(0, 0, 0, .1);
    -webkit-box-shadown:-.1rem 0 1rem 1px rgba(0, 0, 0, .1);
    -moz-box-shadown:-.1rem 0 1rem 1px rgba(0, 0, 0, .1);
    -ms-box-shadown:-.1rem 0 1rem 1px rgba(0, 0, 0, .1);
    -webkit-transform:translateZ(0, 0, 0);
    -webkit-transition:all cubic-bezier(0.075, .82, .165, 1) 0s;
    -moz-transition:all cubic-bezier(0.075, .82, .165, 1) 0s;
    transition:all cubic-bezier(0.075, .82, .165, 1) 0s
}
#car_header .location a:active {
    background-color:#d55804!important;
    color:#fff!important
}
#car_header .location a:active:after {
    border-right-color:#d55804
}
#car_header .location a:before, #car_header .location a:after {
    content:" ";
    width:0;
    height:0;
    border-style:solid;
    border-width:6px 6px 6px 0;
    border-color:transparent #fff transparent transparent;
    position:absolute;
    left:8px;
    top:50%;
    margin-top:-6px
}
#car_header .location a:after {
    left:10px;
    border-right-color:#f26405
}
#car_header .location a:first-child {
    border-left:0;
    box-shadow:none;
    -webkit-box-shadown:none;
    -moz-box-shadown:none;
    -ms-box-shadown:none
}
#car_header .location a:last-child {
    background:#AB1B1A;
    width:100%;
    padding-left:1rem;
    display:inline-block
}
#car_header .location a:last-child:after, #car_header .location a:last-child:before {
    display:none
}
#car_header .location a.fold {
    box-shadow:-1px 0 10px 2px rgba(0, 0, 0, .1);
    -webkit-box-shadown:-1px 0 10px 2px rgba(0, 0, 0, .1);
    -moz-box-shadown:-1px 0 10px 2px rgba(0, 0, 0, .1);
    -ms-box-shadown:-1px 0 10px 2px rgba(0, 0, 0, .1)
}
#car_search_panel {
    width:100%;
/*    display:none*/
}
#car_search_panel .mod {
    padding:.5rem;
    position:relative
}
#car_search_panel .header {
    width:100%;
    height:2rem;
    line-height:2rem
}
#car_search_panel .header .title {
    font-size:1rem;
    font-weight:400
}
#car_search_panel .header .btn {
    background:0 0;
    background-color:transparent;
    border:0;
    color:#999;
    font-size:.9rem;
    -webkit-transform:translateZ(0, 0, 0);
    -webkit-transition:all ealse .2s;
    -moz-transition:all ealse .2s;
    transition:all ealse .2s
}
#car_search_panel .header .btn:active {
    color:#fa6f12
}
#car_search_panel .list {
    background:#fff;
    padding:1rem;
    border:1px solid #eee
}
#car_search_panel .list a:active {
    background:#f2f2f2
}
#car_search_panel .recommend-keyword .list {
    padding:.5rem
}
#car_search_panel .recommend-keyword a {
    font-size:1rem;
    display:inline-block;
    padding:.5rem;
    color:#fa6f12
}
#car_search_panel .history-keyword, #car_search_panel .like-keyword {
    display:none
}
#car_search_panel .history-keyword.show, #car_search_panel .like-keyword.show {
    display:block
}
#car_search_panel .history-keyword .list, #car_search_panel .like-keyword .list {
    padding:.5rem 0
}
#car_search_panel .history-keyword a, #car_search_panel .like-keyword a {
    display:block;
    font-size:.9rem;
    line-height:2rem;
    height:2rem;
    color:#666;
    padding:0 1rem;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
#car_search_panel .like-keyword {
    padding:0;
    display:none;
    box-shadow:0 0 3px 2px rgba(0, 0, 0, .1);
    -webkit-box-shadown:0 0 3px 2px rgba(0, 0, 0, .1);
    -moz-box-shadown:0 0 3px 2px rgba(0, 0, 0, .1);
    -ms-box-shadown:0 0 3px 2px rgba(0, 0, 0, .1)
}
#car_search_panel .like-keyword .list {
    border:0
}
#car_search_panel .like-keyword .list a {
    color:#000;
    line-height:2.5rem;
    height:2.5rem
}
#car_search_panel .like-keyword .list a .icon {
    color:#999;
    margin-left:.25rem
}
#car_search_panel .like-keyword .list a:active {
    color:#333!important;
    background-color:#eee
}
#car_search_panel .like-keyword .list a:active .icon {
    color:#333
}
#car_content {
    margin:0 auto;
    height:auto;
    background:#fff;
    -webkit-overflow-scrolling:touch;
    position:relative;
    z-index:1;
    -webkit-transform:translateZ(0, 0, 0);
    -webkit-transition:all ease 0ms;
    -moz-transition:all ease 0ms;
    transition:all ease 0ms
}
#car_content>.scroller, #car_content .main.scroller {
    overflow:visible;
    position:absolute;
    left:0;
    top:0;
    width:100%
}
#car_nav {
    height:4rem;
    background-color:#fa6f12;
    position:fixed;
    width:100%;
    z-index:3;
    bottom:0;
    -webkit-transform:translateZ(0, 0, 0);
    -webkit-transition:all cubic-bezier(0.075, .82, .165, 1) .4s;
    -moz-transition:all cubic-bezier(0.075, .82, .165, 1) .4s;
    transition:all cubic-bezier(0.075, .82, .165, 1) .4s
}
#car_nav ul {
    position:relative;
    width:100%;
    height:100%;
    list-style:none;
    -webkit-transform:translateZ(0);
    -webkit-transform:translate3d(0, -1.75rem, 0);
    -moz-transform:translate3d(0, -1.75rem, 0);
    transform:translate3d(0, -1.75rem, 0)
}
#car_nav li {
    padding:0 1rem;
    position:relative
}
#car_nav li:first-child:after {
    content:" ";
    display:block;
    position:absolute;
    height:3rem;
    top:2.25rem;
    right:0;
    width:1px;
    background:#fff
}
#car_nav .btn, #car_nav .title {
    display:block;
    margin:0 auto
}
#car_nav .btn {
    width:4rem;
    height:4rem;
    background:#00DC00;
    text-align:center;
    line-height:4rem;
    border:0;
    border-radius:2rem;
    -moz-border-radius:2rem;
    -webkit-border-radius:2rem;
    box-shadow:0 2px 10px 2px rgba(0, 220, 0, .2);
    -webkit-box-shadown:0 2px 10px 2px rgba(0, 220, 0, .2);
    -moz-box-shadown:0 2px 10px 2px rgba(0, 220, 0, .2);
    -ms-box-shadown:0 2px 10px 2px rgba(0, 220, 0, .2)
}
#car_nav .btn:active {
    background:#00C000
}
#car_nav .btn:active .icon {
    font-size:3.5rem
}
#car_nav .btn .icon {
    font-size:3rem;
    color:#fff
}
#car_nav .title {
    text-align:center;
    line-height:1.5rem;
    font-size:.9rem;
    color:#fff
}
#car_nav .model {
    -webkit-box-flex:1;
    -ms-flex:1;
    -moz-box-flex:1;
    position:relative
}
#car_nav .model i {
    position:absolute;
    top:-2rem;
    right:.5rem;
    width:7rem;
    height:8rem;
    background:url(/Template/styles/images/model.png?v=0.2.6) no-repeat center;
    background-size:contain
}
#car_menu {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    z-index:4;
    overflow-x:hidden;
    width:100%;
    display:none
}
#car_menu.active {
    display:block
}
#car_menu .wrap {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:12rem;
    background:rgba(0, 0, 0, .9);
    min-height:100%;
    overflow:auto;
    -webkit-transform:translateZ(0, 0, 0);
    -webkit-transition:all ease 0ms;
    -moz-transition:all ease 0ms;
    transition:all ease 0ms
}
#car_menu .list {
    list-style-type:none
}
#car_menu .list>a, #car_menu .list .user {
    font-size:1rem;
    display:block;
    line-height:3.5rem;
    height:3.5rem;
    padding-left:1.5rem;
    border-bottom:1px solid rgba(0, 0, 0, .5);
    border-top:1px solid rgba(255, 255, 255, .1);
    color:#ccc
}
#car_menu .list>a:active, #car_menu .list .user:active {
    background-color:#111;
    color:#fff!important
}
#car_menu .list>a:first-child, #car_menu .list .user:first-child {
    border-top:0
}
#car_menu .list>a:last-child, #car_menu .list .user:last-child {
    border-bottom:0
}
#car_menu .list .user {
    height:4rem;
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    display:none
}
#car_menu .list .user.active {
    display:-moz-box;
    display:-webkit-box;
    display:-ms-flexbox
}
#car_menu .list .user .avatar {
    width:2.4rem;
    height:2.4rem;
    display:block;
    background:#fff;
    border:2px solid #fff;
    box-shadow:1px 1px 5px rgba(0, 0, 0, .2);
    -webkit-box-shadown:1px 1px 5px rgba(0, 0, 0, .2);
    -moz-box-shadown:1px 1px 5px rgba(0, 0, 0, .2);
    -ms-box-shadown:1px 1px 5px rgba(0, 0, 0, .2);
    border-radius:1.2rem;
    -moz-border-radius:1.2rem;
    -webkit-border-radius:1.2rem
}
#car_menu .list .user .info {
    line-height:1;
    padding:0 .5rem 0 .75rem
}
#car_menu .list .user .info .item {
    display:block;
    line-height:1.5rem;
    font-size:.9rem;
    color:#fff;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
#car_menu .list .entry {
    height:3.5rem;
    width:100%;
    display:none
}
#car_menu .list .entry.active {
    display:-moz-box;
    display:-webkit-box;
    display:-ms-flexbox
}
#car_menu .list .entry a {
    display:block;
    font-size:.9rem;
    color:#fff;
    background:rgba(255, 255, 255, .2);
    height:2rem;
    line-height:2rem;
    padding:0 1rem;
    border-radius:.2rem;
    -moz-border-radius:.2rem;
    -webkit-border-radius:.2rem;
    margin:0 .25rem
}
#car_menu .list .entry a:active {
    background:rgba(255, 255, 255, .4);
    color:#fff!important
}
#car_menu .mask {
    position:absolute;
    width:100%;
    top:0;
    left:0;
    bottom:0;
    background:#000;
    opacity:.6;
    z-index:-1;
    -webkit-transform:translateZ(0, 0, 0);
    -webkit-transition:all ease 0ms;
    -moz-transition:all ease 0ms;
    transition:all ease 0ms
}
#mask {
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    width:100%;
    background-color:#000;
    opacity:0;
    z-index:-1
}
#main_container:before {
    content:" ";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    bottom:0;
    background-color:transparent;
    z-index:-1
}
html.slide-block #main_container:before {
    z-index:100;
    display:block;
    background:rgba(0, 0, 0, .6)
}
#test {
    height:1000px
}
#car_footer, #car_slogan {
    background:#fff;
    padding:1.5rem 2.5rem 2.5rem
}
#car_footer p, #car_slogan p {
    font-size:1rem;
    text-align:center;
    color:#fa6f12
}
#car_footer strong, #car_slogan strong {
    font-size:3.5rem;
    font-weight:400
}
#car_footer .link-line, #car_slogan .link-line {
    text-align:center;
    padding:1rem 0;
    font-size:1rem
}
#car_footer .link-line a, #car_slogan .link-line a {
    display:inline-block;
    font-size:1rem;
    color:#666;
    margin-left:1rem
}
@media only screen and (max-device-height:360px) {
    html.full-screen #car_header, html.full-screen #car_nav {
        -webkit-transform:translateZ(0)!important;
        -webkit-transform:translate3d(0, 0, 0)!important;
        -moz-transform:translate3d(0, 0, 0)!important;
        transform:translate3d(0, 0, 0)!important
    }
    body {
        padding-bottom:0!important;
        padding-top:0!important
    }
    #car_header {
        position:static
    }
    #car_nav {
        position:static;
        position:relative
    }
}