html, body { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

table { border-collapse: collapse; border-spacing: 0; }

ol, ul { list-style: none; }

html { font-size: 62.5%; }

body { font: normal 1.4rem/1.5 "Helvetica Neue", Helvetica, STHeiTi, sans-serif; word-break: break-all; color: #333; background: #fff; }

a { color: #333; text-decoration: none; }

img { max-width: 100%; }

.cf:before, .cf:after { content: " "; display: table; }

.cf:after { clear: both; }

.cf { *zoom: 1; }

.box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.box-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.box-lr { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

.box-rl { -webkit-box-pack: end; -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.box-tb { -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.box-bt { -webkit-box-pack: end; -webkit-box-direction: reverse; -webkit-box-orient: vertical; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.box-pack-center { -webkit-box-pack: center; -moz-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.box-pack-start { -webkit-box-pack: start; -moz-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.box-pack-end { -webkit-box-pack: end; -moz-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.box-pack-between { -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.box-pack-around { -moz-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }

.box-align-center { -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; }

.box-align-start { -webkit-box-align: start; -moz-align-items: start; -ms-flex-align: start; align-items: flex-start; }

.box-align-end { -webkit-box-align: end; -moz-align-items: end; -ms-flex-align: end; align-items: flex-end; }

.self-align-center { -ms-flex-item-align: center; align-self: center; -webkit-align-self: center; margin: 0 auto; }

.self-align-start { -ms-flex-item-align: start; align-self: flex-start; -webkit-align-self: flex-start; }

.self-align-end { -ms-flex-item-align: end; align-self: flex-end; -webkit-align-self: flex-end; }

.self-align-stretch { -ms-flex-item-align: stretch; align-self: stretch; -webkit-align-self: stretch; }

.box-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.box-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.flex { -moz-flex-grow: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.shrink { -ms-flex-negative: 1; flex-shrink: 1; }

.box-center-center { display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; display: -moz-box; -moz-box-align: center; -moz-box-pack: center; text-align: center; }

.box-center-center-v { display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; display: -moz-box; -moz-box-align: center; -moz-box-pack: center; text-align: center; -webkit-box-orient: vertical; }

.wrapper { width: 100%; height: 100%; }

.fn-fleft { float: left; }

.fn-fright { float: right; }

.fn-tleft { text-align: left; }

.fn-tright { text-align: right; }

.fn-tcenter { text-align: center; }

.fn-mt { margin-top: 12px; }

.fn-mt15 { margin-top: 15px; }

.fn-mb { margin-bottom: 12px; }

.fn-mb15 { margin-bottom: 15px; }

.fn-mb25 { margin-bottom: 25px; }

.fn-mlr { margin-left: 6px; margin-right: 6px; }

.fn-halfword { margin-right: .5em; }

.fn-oneword { margin-right: 1em; }

.fn-hide { display: none; }

.wrap { padding: 0 10px; }

.nopad { padding: 5px 0 0; }

.icons1 { background-image: url(../images/icons1.png); }

.btn, .btn-one, .btn-two { display: block; width: 100%; }

.btn-one { height: 36px; margin-top: 10px; line-height: 36px; }

.btn-two { height: 30px; font-size: 1.4rem; line-height: 30px; border-radius: 4px; }

.btn-base, .btn-gray, .btn-green, .btn-orange, .btn-blue { font-size: 1.6rem; text-align: center; }

.btn-gray { color: #666; background: #eee; }

.btn-green { color: #fff; background: #008a00; }

.btn-orange { color: #fff; background: #f37022; }

.btn-blue { color: #fff; background: #4c61b0; }

.main:before, .main:after { content: " "; display: table; }

.main:after { clear: both; }

.main { height: auto !important; min-height: 460px; *zoom: 1; font-size: 1.4rem; background-color: #fff; }

.hidden, .header .logo, .header .user-out, .header .btn-search, .nav-bread a.btn-return { display: block; overflow: hidden; text-indent: -999em; }

.base-wrap, .card-news, .tools, .news-list1, .dealer-list-info, .dealer-info-area, .dealer-btn-area, .news-list2, .brand-list, .tools-con, .car-photo, .car-sales-item, .qa-list, .city-first-letter, .city-list, .pk-car-focus, .like-car-vote, .m-line-box { width: 100%; overflow: hidden; }

.swiper-container-base, .swiper-container-head, .swiper-container-newslist { position: relative; z-index: 1; overflow: hidden; margin: 0 auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/* base header */
.header { position: relative; z-index: 20; width: 100%; height: 54px; color: #333; background: #4c61b0; }
.header .logo { float: left; width: 130px; height: 30px; margin: 13px 0 0 7px; background: url(../images/icons1.png) no-repeat 0 0; background-size: 400px auto; }
.header .user-out { float: right; width: 32px; height: 32px; margin: 11px 11px 0 0; background: url(../images/icons1.png) no-repeat -139px 0; background-size: 400px auto; }
.header .btn-search { float: right; width: 95px; height: 30px; margin: 12px 7px 0 0; border-radius: 20px; background: #fff url(../images/icons1.png) no-repeat 8px -35px; background-size: 400px auto; }

/* base nav */
.nav { position: relative; z-index: 9999999; background-color: #35447b; }

.header-nav-wrap { height: 40px; line-height: 40px; background-color: #35447b; }

#headerNav { width: 100%; height: 40px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }
#headerNav .swiper-slide { width: auto; padding: 0 15px; }
#headerNav .swiper-slide a { color: rgba(255, 255, 255, 0.7); font-size: 16px; }
#headerNav .swiper-slide.active a { color: white; font-size: 18px; font-weight: 700; }

.header-nav-more-tips { position: relative; width: 20px; height: 40px; background: #35447b; -webkit-box-shadow: -6px 0 10px rgba(0, 0, 0, 0.2); box-shadow: -6px 0 10px rgba(0, 0, 0, 0.2); }

.nav-bread { height: 20px; padding: 12px 0; font-size: 1.8rem; line-height: 20px; text-align: center; color: #fff; }
.nav-bread a.btn-return { position: absolute; top: 2px; left: 0; width: 40px; height: 40px; background: url(../images/icons1.png) no-repeat -82px -32px; background-size: 400px auto; }
.nav-bread .nav-mini { position: absolute; top: 0; right: 0; display: inline-block; width: 25px; height: 22px; padding: 10px; }
.nav-bread .nav-mini .nav-mini-btn { display: inline-block; width: 25px; height: 22px; overflow: hidden; background: url(../images/icons1.png) no-repeat -175px -42px; background-size: 400px auto; }
.nav-bread .nav-mini .nav-mini-pop { position: absolute; top: 44px; right: 1px; z-index: 10000; width: 100px; padding: 6px; border-radius: 4px; }
.nav-bread .nav-mini .nav-mini-pop a { display: block; padding: 8px 0; font-size: 1.6rem; line-height: 18px; text-align: center; color: #fff; }
.nav-bread .nav-mini .nav-mini-pop .icon-arrow-top { position: absolute; top: -17px; right: 9px; display: inline-block; overflow: hidden; width: 0; height: 0; font-size: 0; overflow: hidden; border-width: 9px; border-style: dashed dashed solid dashed; border-color: transparent transparent rgba(51, 51, 51, 0.8) transparent; }
.nav-bread span { display: block; margin: 0 45px; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.pop-opacity { background: rgba(0, 0, 0, 0.8); }

.base-nav { position: relative; width: 100%; height: auto; margin: 0 0 -1px -1px; }
.base-nav li { float: left; width: 25%; height: 40px; line-height: 40px; text-align: center; }
.base-nav li a { display: block; width: 100%; height: 40px; font-size: 1.6rem; line-height: 40px; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.base-nav li .current { border-bottom-color: #4c61b0; color: #4c61b0; background: #eee; }

/* base tabs */
.model-norm { background: #fff; }

.tags-base { width: 100%; height: 44px; border-top: 1px solid #fff; font-size: 1.8rem; background: #eee; }
.tags-base ul { width: 100%; display: table; }
.tags-base ul li { display: table-cell; }
.tags-base ul li a { position: relative; display: block; height: 44px; line-height: 44px; color: #999; text-align: center; }
.tags-base ul li a .split { position: absolute; top: 10px; right: 0; display: inline-block; overflow: hidden; width: 1px; height: 24px; background-color: #d9d9d9; }
.tags-base ul li.current a { color: #4c61b0; }
.tags-base ul li.current span { padding: 0 0 10px; border-bottom: 2px solid #4c61b0; }

/* top search */
.top-search { display: table; width: 100%; height: 54px; }
.top-search .top-search-box { display: table-cell; padding-left: 10px; vertical-align: middle; }
.top-search .top-search-box .top-search-input { float: left; width: 80%; height: 31px; line-height: 31px; border: 0; border-top-left-radius: 20px !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 20px !important; border-bottom-right-radius: 0 !important; font-size: 1.4rem; padding: 0 0 0 10px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; }
.top-search .top-search-box .top-search-btn { float: left; width: 20%; height: 31px; line-height: 31px; border: 0; border-top-left-radius: 0 !important; border-top-right-radius: 20px !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 20px !important; background: #fff url(../images/icons1.png) no-repeat 12px -35px; background-size: 400px auto; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; }
.top-search .s-return-btn { display: table-cell; width: 40px; padding: 0 18px; font-size: 1.8rem; text-align: center; vertical-align: middle; color: #fff; }

.search-history { padding: 10px 10px 0; background: #fff; }
.search-history ul { width: 100%; height: auto; }
.search-history li { height: 20; line-height: 20px; font-size: 1.4rem; padding: 10px 0; border-bottom: 1px solid #e5e5e5; }
.search-history li.clear-history { border: 0; }
.search-history li.clear-history a { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 1.8rem; color: #666; text-align: center; }
.search-history .history-icon { float: left; display: inline-block; width: 14px; height: 14px; overflow: hidden; margin: 3px 10px 0 0; background-position: -358px -136px; background-size: 400px auto; }
.search-history .close-btn { float: right; display: inline-block; width: 13px; height: 13px; overflow: hidden; margin: 4px 10px 0 0; background-position: -381px -137px; background-size: 400px auto; }

.search-main { height: 568px !important; background: #eee; }

/* base footer search */
.bottom-search { display: table; width: 100%; height: 34px; padding: 10px 0; }
.bottom-search .search-box { display: table-cell; width: 100%; padding: 0 0 0 10px; }
.bottom-search .search-box .keywords-search-in { width: 100%; }
.bottom-search .search-btn-box { display: table-cell; width: 50px; padding: 0 10px 0 0; }
.bottom-search input[type="search"] { display: inline-block; width: 100%; height: 32px; padding: 0 1rem; font-size: 1.5rem; line-height: 20px; color: #333; vertical-align: middle; border: 1px solid #e5e5e5; border-top-left-radius: 30px !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 30px !important; border-bottom-right-radius: 0 !important; -webkit-appearance: none; }
.bottom-search input[type="text"] { display: inline-block; width: 100%; height: 32px; padding: 0 1rem; font-size: 1.5rem; line-height: 20px; color: #333; vertical-align: middle; border: 1px solid #e5e5e5; border-top-left-radius: 30px !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 30px !important; border-bottom-right-radius: 0 !important; -webkit-appearance: none; }
.bottom-search input[type="submit"] { width: 60px; height: 32px; border: 1px solid #e5e5e5; border-left: 0; vertical-align: middle; text-indent: -999em; cursor: pointer; background: #eee url(../images/icons1.png) no-repeat 20px -64px; background-size: 400px auto; border-top-left-radius: 0 !important; border-top-right-radius: 30px !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 30px !important; -webkit-appearance: none; }

/* base footer */
footer { height: 45px; font-size: 1.2rem; line-height: 45px; color: #fff; background-color: #4c61b0; }
footer .copyright { float: left; padding-left: 10px; }
footer .site-info { float: right; }
footer .site-info a { padding: 0 5px; color: #fff; }
footer .site-info .current { font-weight: 700; }

/* base swiper-slide css3 style */
.swiper-slide { float: left; width: 100%; }

.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; -webkit-transition-property: left, top, -webkit-transform; transition-property: left, top, -webkit-transform; transition-property: transform, left, top; transition-property: transform, left, top, -webkit-transform; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; }

.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { float: left; }

.swiper-wp8-horizontal { -ms-touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; }

.title-bar { height: 32px; padding: 0 10px; text-align: left; background-color: #eee; }
.title-bar h2 { padding: 8px 0; font-size: 1.6rem; color: #999; }
.title-bar h2 .more { float: right; font-size: 1.4rem; font-weight: normal; color: #999; }

.title-bar1 { width: 100%; height: 32px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; background-color: #fff; }
.title-bar1 h2 { position: relative; bottom: -1px; float: left; height: 31px; line-height: 30px; font-weight: 700; font-size: 1.8rem; border-bottom: 1px solid #4c61b0; }
.title-bar1 a { color: #4c61b0; }

.title-bar2 { border: 0; margin: 0; }
.title-bar2 h2 { margin-left: 10px; }

.title-bar3 { height: 28px; margin-bottom: 10px; }
.title-bar3 h2 { padding: 8px 0 0; line-height: 1; font-weight: normal; }

.prompt-bar { height: 30px; background-color: #eee; margin: 15px 0; }
.prompt-bar h2 { padding: 6px 6px 6px 12px; border-left: 4px solid #ff6600; line-height: 1; font-size: 1.8rem; font-weight: normal; color: #999; }

.position-icon, .city-position i { display: inline-block; overflow: hidden; width: 14px; height: 20px; background: url(../images/icons1.png) no-repeat -66px -170px; background-size: 500px auto; }

.city-position { float: right; height: 20px; margin-top: 5px; line-height: 20px; color: #666 !important; }
.city-position i { float: left; margin-right: 5px; }

.cpr { padding-right: 10px; }

.tbt { margin-top: 15px; }

/* base ad */
.ad-box1 { width: 100%; height: 60px; }
.ad-box1 div { overflow: hidden; height: 30px; float: left; text-align: center; }
.ad-box1 div a { color: #fff; line-height: 30px; }
.ad-box1 div .fontb16 { font-size: 16px; font-weight: bold; }
.ad-box1 div .fontn14 { font-size: 14px; }
.ad-box1 .ad1 { width: 50%; }
.ad-box1 .ad2 { width: 25%; }
.ad-box1 .bgcor1 { background: #018298; }
.ad-box1 .bgcor2 { background: #1255ca; }
.ad-box1 .bgcor3 { background: #542fb0; }

/* focus pic slider */
.m-focus { overflow: hidden; width: 100%; margin: 10px 0; background: #000; }

.m-focus-box { position: relative; overflow: hidden; margin: 0 auto; }

.m-focus-box li { float: left; }

.m-focus-box li img { display: block; width: 100%; }

.m-focus-box .pagination-focus { position: absolute; z-index: 20; right: 5px; bottom: 5px; width: 100%; text-align: right; }

.m-focus-box .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; margin-right: 5px; border-radius: 10px; background: #e5e5e5; cursor: pointer; }

.m-focus-box .swiper-active-switch { background: #ff6600; }

.m-focus-box a.arrow-left, .m-focus-box a.arrow-right { display: block; width: 35px; height: 60px; margin: -30px 0 0; display: block; background: url(../images/m_focus_arrow.png) no-repeat 0 center; position: absolute; top: 50%; z-index: 10; -webkit-transition: all .3s ease; background-size: 100px auto; }

.m-focus-box a.arrow-right { right: 5px; background-position: 100% center; }

.m-focus-box a.arrow-left { left: 5px; }

.m-focus-box li a { position: relative; display: block; }

.m-focus-box .mask { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; background: #000; opacity: .6; }

.m-focus-box .mask-tt { position: absolute; bottom: 1px; left: 0; overflow: hidden; width: 240px; height: 28px; line-height: 30px; color: #fff; font-size: 1.3rem; }

.m-focus-box .mask-tt span { padding: 0 0 0 10px; }

/* base comment */
.comment-wrapper { padding: 0 10px; }
.comment-wrapper .comment-list li { height: auto !important; min-height: 60px; height: 60px; padding: 10px 0; border-bottom: 1px solid #e5e5e5; }
.comment-wrapper .comment-list .user-photo { float: left; margin-right: 15px; }
.comment-wrapper .comment-list .user-photo img { width: 50px; height: 50px; }
.comment-wrapper .comment-list .tit { padding: 5px 0 8px; color: #333; }
.comment-wrapper .comment-list .tit .time { color: #999; padding-left: 10px; }
.comment-wrapper .comment-list .con { line-height: 1.5; color: #666; word-break: break-all; }

/* letters menu */
.letters-nav-wrap { margin: 0 10px; border-bottom: 1px solid #e5e5e5; }

.segmented-control { position: relative; display: table; overflow: hidden; width: 100%; margin: 1.5rem 0; font-size: 1.5rem; font-weight: 400; border: 1px solid #e5e5e5; border-radius: 20px; background-color: #fff; }
.segmented-control .control-item { display: table-cell; overflow: hidden; width: 1%; padding-top: 8px; padding-bottom: 8px; line-height: 1; text-align: center; text-overflow: ellipsis; white-space: nowrap; color: #999; }
.segmented-control .active { color: #4c61b0; background-color: #eee; }

/* fast navigation gray mask */
.left-mask { position: absolute; top: 0; left: 0; z-index: 9999; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }
.left-mask:before, .left-mask:after { position: absolute; top: 200px; width: 8px; height: 8px; content: ""; border-right: 4px solid #fff; border-bottom: 4px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.left-mask:before { right: 275px; }
.left-mask:after { right: 285px; }

/* fast navigation left popup layer */
.left-popup { position: fixed; top: 0; right: 0; z-index: 10000; overflow: hidden; width: 250px; height: 100%; font-size: 1.4rem; color: #333; }
.left-popup .swipe-left { overflow-y: auto; width: 250px; background: #fff; -webkit-transform: translate(250px, 0); transform: translate(250px, 0); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transform-origin: 0 0; }
.left-popup .swipe-left-block { -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transform-origin: 0 0; }
.left-popup .popup-tit { padding: 10px; font-size: 1.8rem; line-height: 1; }
.left-popup .popup-tit .close { float: right; display: block; overflow: hidden; width: 18px; height: 18px; background: #666 url(../images/icons1.png) no-repeat -617px -277px; border-radius: 10px; }
.left-popup .tit-list { width: 100%; }
.left-popup a { color: #333; }
.left-popup dt { width: 100%; height: 26px; padding: 0 10px; line-height: 26px; font-size: 1.6rem; color: #999; background: #ececec; -webkit-box-sizing: border-box; box-sizing: border-box; }
.left-popup dt span { font-weight: 700; }
.left-popup dd { padding: 0 10px; overflow: hidden; }
.left-popup dd a { display: block; overflow: hidden; padding: 8px 0; border-bottom: 1px solid #e5e5e5; }
.left-popup dd img { float: left; margin-right: 10px; }

.filter-brand-popup dd span { float: left; padding: 10px 0; font-size: 1.8rem; line-height: 20px; }
.filter-brand-popup img { width: 40px; height: 40px; }

.filter-type-popup h4 { padding: 5px 0; font-size: 1.4rem; line-height: 1.2; font-weight: 700; }
.filter-type-popup img { width: 60px; height: 40px; }

.filter-config-popup p { padding-bottom: 5px; line-height: 1.2; color: #4c61b0; }
.filter-config-popup strong { font-weight: 700; color: #c00; }

/* Year by year the car switch */
::-webkit-scrollbar { width: 0; }

.m-tabs-warp { position: relative; width: 250px; }

.m-tabs-inn { width: 100%; overflow-y: hidden; background: #ececec; }

.arrows-r { position: absolute; top: 0; right: 0; width: 20px; height: 40px; text-align: center; }
.arrows-r i { display: inline-block; overflow: hidden; width: 10px; height: 16px; margin-top: 12px; background: url(../images/icons1.png) no-repeat -441px -207px; background-size: 600px auto; }

ul.m-tabs { height: 38px; background: #ececec; border-bottom: 2px solid #ddd; font-size: 1.8rem; color: #333; }

ul.m-tabs li { position: relative; z-index: 1; float: left; width: 78px; padding: 12px 2px 0; height: 26px; }

ul.m-tabs li a { display: block; text-align: center; height: 26px; color: #666; padding: 0 9px; position: relative; z-index: 2; }

ul.m-tabs li a.current { border-bottom: 2px solid #c00; color: #c00; }

/*css3*/
@-webkit-keyframes twinkling { 0% { opacity: 0; }
  100% { opacity: 1; } }
.arrows-r i { -webkit-animation: twinkling 1s infinite ease-in-out; }

.gray-prompt { display: inline-block; padding: 10px 0 0; font-size: 1.2rem; color: #999; }
.gray-prompt .prompt-icon { display: inline-block; width: 16px; height: 14px; overflow: hidden; margin-right: 5px; background: url(../images/icons1.png) no-repeat -327px -136px; background-size: 400px auto; }

/* comment */
.comm-main { min-height: 337px; }

.comment-box { padding: 15px 10px; }
.comment-box .comment-textarea { width: 100%; height: 200px; border-color: #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.comment-box .btn-two { margin: 15px 0; border: 0; }

.pad0 { padding: 0; }

.mar0 { margin: 0; }

.base-split { display: inline-block; width: 1px; height: 12px; margin: 0 10px; border-right: 1px solid #666; vertical-align: top; }

/* share */
.icons2 { display: inline-block; width: 45px; height: 45px; overflow: hidden; background-image: url(../images/share_icons.png); background-repeat: no-repeat; background-size: 175px auto; }

.share-outer { position: relative; }
.share-outer .share-box { position: absolute; top: 30px; right: 0; z-index: 100; display: none; width: auto; height: 90px; border: 1px solid #e5e5e5; background: #eee; }
.share-outer .share-box .triangle { position: absolute; top: -17px; right: 5px; display: inline-block; overflow: hidden; width: 0; height: 0; font-size: 0; overflow: hidden; border-width: 9px; border-style: dashed dashed solid dashed; border-color: transparent transparent #eeeeee transparent; }
.share-outer .share-box ul { height: 70px; padding: 10px; }
.share-outer .share-box li { float: left; width: 70px; height: 70px; margin-right: 10px; }
.share-outer .share-box li a { display: block; width: 100%; height: 100%; text-align: center; color: #333; }
.share-outer .share-box li .s-sina { background-position: 0 0; }
.share-outer .share-box li .s-qq { background-position: -64px 0; }
.share-outer .share-box li .s-qzone { background-position: -130px 0; }
.share-outer .share-box li:nth-child(3) { margin: 0; }
.share-outer .share-box.show { display: block; }

.overlay { position: absolute; top: 0; left: 0; z-index: 1000; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.dialog-box { position: absolute; z-index: 2000; display: none; width: 300px; height: 130px; border-radius: 10px; background-color: #fff; }
.dialog-box .top { position: relative; height: 40px; border-bottom: 1px solid #b7cce9; }
.dialog-box .top .close { position: absolute; top: 12px; right: 12px; display: block; overflow: hidden; width: 20px; height: 19px; cursor: pointer; background: url(../images/icons1.png) no-repeat -610px -220px; background-size: 640px auto; }
.dialog-box .pop-main { height: 88px; font-size: 2rem; text-align: center; color: #999; }
.dialog-box .pop-main p { padding-top: 20px; }

/* index.html */
.swiper-container-head { position: relative; overflow: hidden; height: 204px; }

.m-tags-con { overflow: hidden; height: 199px; }

.m-hot-brands { padding: 0 10px; }
.m-hot-brands li { width: 20%; float: left; margin: 12px 0 0; font-size: 1.2rem; text-align: center; line-height: 18px; }
.m-hot-brands li a { display: block; }
.m-hot-brands li img { display: block; width: 48px; margin: 0 auto 5px; }
.m-hot-brands li p { overflow: hidden; width: 100%; height: 18px; line-height: 18px; }

.wrap .fn-mt15 { margin-top: 15px; }

.sort { padding: 0 5px; overflow: hidden; font-size: 1.4rem; margin: 10px 0 0; }

.sort ul { width: 100%; }

.sort li { float: left; text-align: center; margin: 10px 0 0; }

.sort li a { display: block; height: 36px; margin: 0 5px; border: 1px solid #e5e5e5; line-height: 36px; background-color: #f9f9f9; }

.m-tags-con .sort { margin: 0; }

.sort4 li { width: 25%; }

.sort3 li { width: 33.3%; }

.hot-car-list { padding: 0 10px; margin: 5px 0 0; font-size: 1.4rem; }
.hot-car-list li { float: left; width: 33.3%; text-align: center; }
.hot-car-list li a { display: block; overflow: hidden; height: 35px; margin-right: 8px; line-height: 35px; text-overflow: ellipsis; white-space: nowrap; color: #666; }
.hot-car-list li:nth-child(3) a, .hot-car-list li:nth-child(6) a, .hot-car-list li:nth-child(9) a { margin: 0; }

.focus-news { text-align: center; }
.focus-news h1 { overflow: hidden; width: 100%; height: 18px; margin-bottom: 10px; font-size: 1.8rem; }
.focus-news h1 a { color: #ff6600; }
.focus-news h2 { font-size: 1.4rem; font-weight: 400; color: #999; }
.focus-news h2 a { vertical-align: top; color: #666; }
.focus-news h2 .split { display: inline-block; width: 1px; height: 12px; margin: 0 12px; border-left: 1px solid #666; vertical-align: top; }

.swiper-container-newslist { height: 453px; overflow: hidden; }

.card-news li { overflow: hidden; padding: 0 0 8px; margin: 8px 10px 0; border-bottom: 1px solid #e5e5e5; }
.card-news li a { display: block; overflow: hidden; }
.card-news .img-box { float: left; width: 90px; margin: 0 10px 0 0; }
.card-news .img-box img { width: 90px; height: 60px; }
.card-news h4 { height: 42px; font-size: 1.6rem; line-height: 20px; padding: 0 0 3px; }
.card-news em { margin-right: 15px; font-size: 1.2rem; color: #999; }

.tools ul { padding: 0 10px; }
.tools li { float: left; width: 25%; margin: 16px 0; text-align: center; }
.tools a { display: block; margin: 0 5%; color: #333; }
.tools img { display: block; margin: 0 auto; }
.tools span { display: inline-block; margin-top: 10px; }

.news-wrapper { padding: 0 10px; }

.news-list1 li { float: left; width: 50%; padding-bottom: 10px; }
.news-list1 li:nth-last-child(1), .news-list1 li:nth-last-child(2) { padding: 0; }
.news-list1 a { display: block; margin: 0 5px; font-size: 1.4rem; text-align: center; }
.news-list1 img { display: block; width: 100%; height: auto; }
.news-list1 h4 { overflow: hidden; width: 100%; height: 32px; padding: 3px 0 0; font-size: 1.4rem; line-height: 16px; font-weight: 400; }

.dealer-list-info li { display: block; padding: 15px 0; font-size: 1.2rem; color: #333; border-bottom: 1px solid #e5e5e5; }
.dealer-list-info li:nth-child(1) { padding-top: 0px; }
.dealer-list-info img { float: left; display: block; width: 50px; height: 50px; padding: 5px; margin-right: 10px; border: 1px solid #e5e5e5; font-size: 1.2rem; }

.dealer-info-area h3 { margin-bottom: 5px; font-size: 1.2rem; line-height: 18px; }
.dealer-info-area .brand { overflow: hidden; margin-bottom: 5px; }
.dealer-info-area .address { overflow: hidden; line-height: 1.3; }
.dealer-info-area .address em { color: #ff6600; }

.dealer-btn-area { padding-top: 10px; }
.dealer-btn-area span { float: left; }
.dealer-btn-area a { display: block; height: 30px; line-height: 30px; font-size: 1.4rem; color: #fff; border-radius: 4px; }
.dealer-btn-area i { position: relative; top: 6px; display: inline-block; overflow: hidden; width: 20px; height: 20px; margin-right: 5px; background: url(../images/icons1.png) no-repeat; background-size: 400px auto; }
.dealer-btn-area .tel-btn { display: inline-block; width: 60%; text-align: center; color: #fff; }
.dealer-btn-area .tel-btn a { background-color: #008a00; margin-right: 10px; }
.dealer-btn-area .tel-btn a i { background-position: 0 -136px; }
.dealer-btn-area .enquiry-btn { display: inline-block; width: 40%; text-align: center; }
.dealer-btn-area .enquiry-btn a { background-color: #ff6600; }
.dealer-btn-area .enquiry-btn a i { background-position: -26px -136px; }

.news-list2 li { position: relative; overflow: hidden; width: 100%; padding: 15px 0; border-bottom: 1px solid #e5e5e5; font-size: 1.4rem; }
.news-list2 img { float: left; display: block; width: 80px; height: 50px; margin-right: 10px; border: 1px solid #e5e5e5; border-radius: 4px; }
.news-list2 h2 { padding: 5px 0 15px 0; font-weight: 700; }
.news-list2 em { font-size: 1.2rem; color: #ff0000; }
.news-list2 .preferential { position: absolute; top: 30px; left: 60%; display: inline-block; height: 20px; font-size: 1.4rem; line-height: 20px; color: #008a00; }
.news-list2 .preferential i { display: inline-block; overflow: hidden; width: 8px; height: 12px; margin-right: 5px; background: url(../images/icons1.png) no-repeat 0 -106px; background-size: 400px auto; }
.news-list2 .consult { position: absolute; top: 25px; right: 0; width: auto; padding: 0 6px; }
.news-list2 li:nth-child(1) { padding-top: 0; }
.news-list2 li:nth-child(1) .preferential { top: 18px; }
.news-list2 li:nth-child(1) .consult { top: 12px; }

.fn-mt-no { margin: 0 0 10px; }

.fn-b0 { border: 0; }

/* brand car */
.brand-list li { overflow: hidden; padding: 10px; border-bottom: 1px solid #e5e5e5; }
.brand-list li a { display: block; overflow: hidden; }
.brand-list li .brand-name { float: left; height: 55px; font-size: 1.8rem; line-height: 55px; }
.brand-list li:last-child { border: 0; }

.brand-logo { float: left; display: block; margin-right: 15px; }
.brand-logo img { width: 55px; height: 55px; }

/* purchase a car calculation */
.tools-car-con { padding: 0 10px; margin: 10px 10px 20px; border: 1px solid #e5e5e5; border-radius: 4px; /* Purchase a car loan calculator */ }
.tools-car-con .tools-select, .tools-car-con .car-price { position: relative; width: 100%; height: 30px; overflow: hidden; padding: 10px 0; border-bottom: 1px solid #e5e5e5; line-height: 32px; color: #333; }
.tools-car-con .elementbor0 { border: 0; }
.tools-car-con .loan-select { padding: 10px 0; }
.tools-car-con .loan-select li { clear: both; width: 100%; border-bottom: 1px solid #e5e5e5; margin: 10px 0 0 0; }
.tools-car-con .loan-select li span { float: left; width: 95px; border: 0; margin: 16px 0 0 0; text-align: right; }
.tools-car-con .loan-select li .m-select-block { float: left; width: 180px; height: auto; border: 0; }
.tools-car-con .loan-select li .m-select-block a { float: left; width: 40px; height: 30px; line-height: 30px; margin: 0 10px 10px 0; border: 1px solid #dfdfdf; text-align: center; color: #999; background: #fff; border-radius: 4px; }
.tools-car-con .loan-select li .m-select-block .current { color: #fff; background: #ff6600; }
.tools-car-con .loan-select li.elementbor0 { border: 0; }

.tools-select i, .tools-car-con .car-price i { position: absolute; top: 18px; right: 0; display: inline-block; overflow: hidden; width: 10px; height: 17px; background: url(../images/icons1.png) no-repeat -441px -207px; background-size: 600px auto; }

.car-price-input { width: 150px; height: 28px; padding: 0 5px; border: 1px solid #e5e5e5; line-height: 28px; color: #333; }

.m-popup-arrow b { display: block; width: 0; height: 0; border: 6px solid #393939; }

.m-popup { width: 100%; height: auto; padding: 0 0 20px; }

.m-popup-box { width: 100%; height: auto; padding: 20px 0 0; margin-top: 12px; text-align: left; color: #fff; background: #666; -webkit-box-shadow: 0 4px 4px #3a3a3a; box-shadow: 0 4px 4px #3a3a3a; }

.m-popup-insurance label { float: left; width: 139px; height: 30px; line-height: 32px; margin: 0 0 10px 10px; padding-left: 5px; border: 1px solid #575757; border-radius: 5px; background: #707070; }
.m-popup-insurance label input { vertical-align: -2px; }

.m-calculator-list { font-size: 1.4rem; margin: 15px 0 0 0; color: #333; -webkit-box-shadow: 0 2px 2px #e0e0e0; box-shadow: 0 2px 2px #e0e0e0; }
.m-calculator-list li { width: 100%; height: 39px; line-height: 39px; border-bottom: 1px solid #e5e5e5; background: #fff; }
.m-calculator-list li span { float: left; width: 120px; margin-left: 10px; color: #333; }
.m-calculator-list li b { float: left; width: 71px; font-weight: 700; text-align: right; color: #333; }
.m-calculator-list li strong { float: left; width: 105px; height: 39px; line-height: 39px; text-align: right; }
.m-calculator-list li strong a { padding-right: 5px; color: #999; }
.m-calculator-list .list-head { height: 40px; line-height: 40px; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; background-color: #eee; }
.m-calculator-list .list-head span { width: auto; font-weight: 700; }
.m-calculator-list .list-head span.w120 { width: 120px; }
.m-calculator-list .list-head b { width: auto; min-width: 71px; font-weight: 700; color: #ff6600; }
.m-calculator-list .list-head .reset-b1 { min-width: 63px; }
.m-calculator-list .list-head .gray { color: #999; }
.m-calculator-list .list-head .orange { margin-right: 10px; color: #ff6600; }
.m-calculator-list .borderbn { border-bottom: 0; }
.m-calculator-list .bordert1 { border-top: 1px solid #e5e5e5; }
.m-calculator-list .m-popup { padding-bottom: 10px; }
.m-calculator-list .m-popup-item { display: none; margin-top: -13px; height: auto; }
.m-calculator-list .m-popup-arrow b { width: 0; margin-top: -8px; margin-left: 278px; border-width: 0 8px 8px 8px; border-color: #666 #fff; }

.m-calculator-sub-list { font-size: 1.4rem; }
.m-calculator-sub-list li { width: 100%; height: 39px; line-height: 39px; border-bottom: 1px solid #e5e5e5; background: #eee; }
.m-calculator-sub-list li span { float: left; width: 120px; margin-left: 10px; color: #333; }
.m-calculator-sub-list li b { float: left; width: 71px; font-weight: 700; text-align: right; color: #575757; }
.m-calculator-sub-list li strong { float: left; width: 105px; height: 39px; line-height: 39px; text-align: right; }
.m-calculator-sub-list li strong a { padding-right: 5px; color: #999; }
.m-calculator-sub-list li strong em { position: relative; float: right; width: 40px; height: 27px; line-height: 28px; padding-left: 10px; margin: 6px 0 0 0; font-weight: 700; text-align: left; color: #fff; background: #4c61b0; border-radius: 5px; -webkit-box-shadow: inset 2px 2px 2px #4559A9; box-shadow: inset 2px 2px 2px #4559A9; }
.m-calculator-sub-list li strong em i { position: absolute; top: 6px; left: 6px; width: 14px; height: 14px; background: url(../images/icons1.png) no-repeat -134px -132px; background-size: 500px auto; }
.m-calculator-sub-list li strong em s { position: absolute; top: 2px; right: 2px; display: block; width: 22px; height: 22px; background: #fff; border-radius: 5px; -webkit-box-shadow: 0px 2px 2px #194e8e; box-shadow: 0px 2px 2px #194e8e; }
.m-calculator-sub-list .m-popup-item { display: none; height: auto; margin-top: 10px; }
.m-calculator-sub-list .m-popup-arrow b { width: 0; border-width: 0 8px 8px 8px; border-color: #666 #fff; margin-top: -8px; margin-left: 278px; }
.m-calculator-sub-list .off b { color: #999; }
.m-calculator-sub-list .off strong em { background: #e5e5e5 url(../images/icons1.png) no-repeat -242px -125px; background-size: 500px auto; -webkit-box-shadow: inset 2px 2px 2px #bbb; box-shadow: inset 2px 2px 2px #bbb; }
.m-calculator-sub-list .off strong em s { left: 2px; -webkit-box-shadow: 0 2px 2px #999; box-shadow: 0 2px 2px #999; }

.m-popup-arrow-top { width: 18px; height: 9px; margin: -9px 0 0 21px; background: url(../images/m_popup_arrow_top.png) no-repeat; background-size: 18px 9px; }

/* toushu */
.tushu-index-focus { min-height: 160px; margin: 0; }

.car-class-list { min-height: 36px; padding: 0 10px; font-size: 1.4rem; line-height: 1.5; background: #f9f9f9; }
.car-class-list span { display: inline-block; padding: 10px 0; }
.car-class-list a { display: inline-block; margin-right: 10px; color: #999; }
.car-class-list .more { margin-right: 0; }

.toushu-car-list { height: auto; }
.toushu-car-list ul { padding: 0 10px; }
.toushu-car-list ul li { display: table-cell; float: left; width: 50%; padding: 15px 0; border-bottom: 1px solid #e5e5e5; }
.toushu-car-list .car-logo { float: left; overflow: hidden; margin-right: 8px; border: 1px solid #e5e5e5; }
.toushu-car-list .car-logo img { display: inline-block; width: 38px; height: 38px; padding: 3px; }
.toushu-car-list h2 { margin: 5px 5px 12px 0; font-size: 1.6rem; color: #333; }
.toushu-car-list span { display: inline-block; margin-right: 5px; font-size: 1.4rem; color: #999; }
.toushu-car-list span em { color: #f37022; }

.cars ul li { position: relative; width: 100%; }
.cars .car-logo img { width: 40px; height: 40px; padding: 5px; }
.cars span { padding-top: 8px; }
.cars .btn-two { position: absolute; top: 28px; right: 0; width: 90px; }

.toushu-tab { height: 40px; padding: 0 10px; }
.toushu-tab li { float: left; width: 33.33%; height: 38px; line-height: 38px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.toushu-tab li a { display: block; width: 100%; height: 38px; border-left: 1px solid #e5e5e5; font-size: 1.6rem; line-height: 38px; text-align: center; color: #999; background-color: #eee; }
.toushu-tab li:nth-child(3) a { width: 99.5%; border-right: 1px solid #e5e5e5; }
.toushu-tab li.current a { color: #fff; background: #4c61b0; }

.toushu-wrapper { width: 100%; height: 100%; }

.tab-con-list { min-height: 200px; }
.tab-con-list ul { padding-bottom: 10px; }
.tab-con-list li { height: auto; padding: 0 10px; border-bottom: 1px solid #e5e5e5; }
.tab-con-list .item-top { padding: 10px 0 0; border-bottom: 1px dotted #e5e5e5; }
.tab-con-list .item-top h1 { font-size: 1.6rem; line-height: 1.5; font-weight: 700; margin-bottom: 5px; }
.tab-con-list .item-top p { margin-bottom: 10px; font-size: 1.4rem; color: #666; line-height: 1.4; word-break: break-all; }
.tab-con-list .item-top .item-pics { min-height: 40px; margin-bottom: 15px; }
.tab-con-list .item-top .item-pics img { float: left; width: 22%; margin-right: 10px; }
.tab-con-list .item-top .item-pics img:nth-child(4), .tab-con-list .item-top .item-pics img:nth-child(8) { margin-right: 0; }
.tab-con-list .item-bottom { height: 20px; padding: 10px 0; }
.tab-con-list .item-bottom .car-brand, .tab-con-list .item-bottom .author-info { float: left; height: 20px; line-height: 20px; color: #a0a0a0; }
.tab-con-list .item-bottom .author-info em { margin-left: 10px; }
.tab-con-list .item-bottom .tousu-comment { position: relative; float: right; display: inline-block; height: 20px; line-height: 20px; padding-left: 20px; color: #999; }
.tab-con-list .item-bottom .tousu-comment i { position: absolute; top: 2px; left: 0; display: inline-block; overflow: hidden; width: 16px; height: 16px; background: url(../images/icons1.png) no-repeat -72px -136px; background-size: 400px auto; }

.tushu-float { position: fixed; left: 0; bottom: 0; width: 100%; padding: 10px 15px; background: rgba(0, 0, 0, 0.5); -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; }
.tushu-float .btn-two { width: 100%; height: auto; line-height: 1; padding: 15px 0; border-radius: 5px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.tushu-float .ma-rx { margin-right: 12px; }

/* tousu brand index */
.tousu-brand-head { position: relative; min-height: 70px; padding: 24px 10px 15px; }
.tousu-brand-head .tousu-brand-logo { float: left; margin-right: 10px; border: 1px solid #e5e5e5; }
.tousu-brand-head .tousu-brand-logo img { width: 58px; height: 58px; padding: 5px; }
.tousu-brand-head h1 { padding-bottom: 7px; font-size: 1.6rem; font-weight: 700; color: #333; }
.tousu-brand-head .tousu-count { font-size: 1.4rem; color: #999; padding-bottom: 7px; }
.tousu-brand-head .tousu-count em { color: #f37022; }
.tousu-brand-head .btn-con { height: 30px; overflow: hidden; }
.tousu-brand-head .btn-con .btn-two { float: left; width: 47%; height: 30px; line-height: 30px; }
.tousu-brand-head .btn-con .ma-rx { margin-right: 6%; }
.tousu-brand-head i { position: absolute; top: 24px; right: 10px; display: block; overflow: hidden; width: 16px; height: 30px; font-size: 1.4rem; font-style: normal; line-height: 1.8; color: #fff; text-align: center; background: url(../images/icons1.png) no-repeat -154px -215px; background-size: 630px auto; }

.border-b1 { border-bottom: 1px solid #e5e5e5; }

.tousu-details-top { padding: 0 10px; }
.tousu-details-top h1 { padding: 15px 0 10px; font-size: 1.8rem; font-weight: 700; line-height: 1.2; text-align: left; color: #333; }
.tousu-details-top .author-info { height: 60px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #e5e5e5; }
.tousu-details-top .author-info .author-photo { float: left; margin-right: 15px; }
.tousu-details-top .author-info .author-photo img { width: 90px; height: 60px; }
.tousu-details-top .author-info p { height: 20px; padding: 5px 0; line-height: 20px; color: #666; }
.tousu-details-top .author-info p span { margin-right: 10px; }
.tousu-details-top .author-info .time { color: #999; }

.tousu-info { padding: 0 10px; margin-bottom: 10px; }
.tousu-info li { height: auto !important; min-height: 20px; height: 20px; padding: 5px 0; line-height: 20px; color: #333; word-break: break-all; }
.tousu-info li i { float: left; display: block; overflow: hidden; width: 4px; height: 4px; margin: 8px 8px 0 0; background: #333; }

.tousui-details-con { margin-bottom: 10px; }
.tousui-details-con img { display: block; margin: 0 auto; padding: 5px 0; }
.tousui-details-con p { padding: 5px 10px; line-height: 1.5; color: #666; word-break: break-all; }

.tousu-schedule { padding: 0 10px; margin-bottom: 15px; }
.tousu-schedule h2 { margin-bottom: 15px; border-left: 4px solid #F37022; font-size: 1.8rem; line-height: 1; color: #4c61b0; background: url(../images/tousu_tit_bg.gif) repeat-x left center; background-size: 12px auto; }
.tousu-schedule h2 span { display: inline-block; padding: 0 5px; background: #fff; }
.tousu-schedule ul { background: url(../images/tousu_line.gif) repeat-y 80px 0; }
.tousu-schedule ul li { position: relative; margin-top: 20px; line-height: 1.5; font-size: 1.4rem; color: #333; }
.tousu-schedule ul li .time { float: left; display: block; overflow: hidden; width: 90px; line-height: 20px; text-align: left; }
.tousu-schedule ul li .contents { display: block; overflow: hidden; word-break: break-all; }
.tousu-schedule ul li i { position: absolute; left: 76px; top: 4px; display: block; overflow: hidden; width: 8px; height: 8px; background: url(../images/icons1.png) no-repeat -235px -139px; background-size: 400px auto; }
.tousu-schedule ul li i.current { background-position: -253px -139px; }
.tousu-schedule ul .first { margin: 0; }

.left-float-bar { position: fixed; left: 2%; bottom: 10%; width: auto; height: auto; }
.left-float-bar a { display: block; height: 20px; padding: 8px 8px 8px 5px; margin-bottom: 2px; line-height: 20px; color: #fff; text-align: left; background-color: rgba(76, 97, 176, 0.9); }
.left-float-bar a i { float: left; display: block; overflow: hidden; width: 14px; height: 14px; margin: 3px 5px 0 0; font-size: 1.2rem; background-image: url(../images/icons1.png); background-repeat: no-repeat; background-size: 400px auto; }
.left-float-bar .i-return { background-position: -118px -136px; }
.left-float-bar .i-comment { background-position: -141px -136px; }
.left-float-bar .i-share { background-position: -165px -136px; }
.left-float-bar .i-refurbish { background-position: -188px -136px; }
.left-float-bar .i-close { background-position: -213px -136px; }
.left-float-bar .i-show { background-position: -270px -136px; }
.left-float-bar .round { width: 20px; height: 20px; padding: 5px; margin: 0 auto; border-radius: 50px; }
.left-float-bar .round i { margin: 3px 0 0 4px; }
.left-float-bar .round .i-show { margin: 3px 0 0 3px; }

/* car summary */
.car-photo img { display: block; width: 100%; }

.car-info1 { position: relative; overflow: hidden; width: 100%; padding: 15px 10px; border-bottom: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; }
.car-info1 img { float: left; width: 50px; padding: 5px; margin-right: 10px; border: 1px solid #e5e5e5; }
.car-info1 h2 { font-size: 16px; padding: 10px 0 10px; }
.car-info1 em { color: #ff0000; }
.car-info1 .consult { position: absolute; top: 30px; right: 10px; width: auto; padding: 0 25px; }

.car-info2 { font-size: 1.4rem; color: #333; }
.car-info2 li { overflow: hidden; padding: 5px; line-height: 1.2; }
.car-info2 li .tit { float: left; width: auto; font-size: 1.6rem; font-weight: 700; text-align: right; }
.car-info2 li .content { display: block; overflow: hidden; word-break: break-all; }
.car-info2 li .car-color { float: left; width: 230px; }
.car-info2 li .car-color a { float: left; width: 13px; height: 13px; margin: 4px 8px 4px 0; display: block; overflow: hidden; background: url(../images/car_color_block.png); border: 1px solid #e5e5e5; }
.car-info2 li .car-color .current { border-color: #ff6600; }

.car-sales-tab { float: right; height: 20px; margin: 8px 10px 0 0; line-height: 20px; font-size: 1.4rem; color: #999; }
.car-sales-tab a { color: #999; }
.car-sales-tab a.split { padding-right: 10px; margin-right: 10px; border-right: 1px solid #999; }
.car-sales-tab .current { color: #ff6600; }

.small-news-nav { float: right; height: 20px; margin: 8px 10px 0 0; line-height: 20px; font-size: 1.4rem; color: #999; }
.small-news-nav a { color: #999; }
.small-news-nav .split { display: inline-block; overflow: hidden; width: 1px; height: 12px; margin: 3px 10px 0; background: #999; }

.car-sales-item .con { padding: 0 10px 10px; }
.car-sales-item .con h2 { font-size: 16px; font-weight: 700; line-height: 1.2; padding: 0 0 10px; }
.car-sales-item .con p { margin-bottom: 10px; font-size: 1.4rem; color: #999; }
.car-sales-item .con p span { margin-right: 10px; }
.car-sales-item .con p em { color: #ff0000; }

.car-more-nav { height: 40px; }
.car-more-nav ul { height: 38px; border: 1px solid #e5e5e5; background: #eee; border-radius: 4px; }
.car-more-nav ul li { float: left; width: 33.33%; height: 38px; }
.car-more-nav ul li a { display: block; height: 38px; line-height: 38px; font-size: 1.6rem; text-align: center; border-right: 1px solid #e5e5e5; }
.car-more-nav ul li:nth-child(1) a { border-radius: 4px 0 0 4px; }
.car-more-nav ul li:nth-child(3) a { border-radius: 0; }
.car-more-nav ul li:nth-child(3) a { border: 0; border-radius: 0 4px 4px 0; }
.car-more-nav ul .highlight a { color: #fff; background: #ff6600; }

.car-news2 li { padding: 0 0 12px; margin: 0 0 12px; border-bottom: 1px solid #e5e5e5; }

.news-list3 li { text-align: center; }
.news-list3 li img { display: block; margin: 0 auto; }
.news-list3 li h4 { height: auto; padding: 10px 0; font-size: 1.6rem; line-height: 1; text-align: center; }
.news-list3 li h4 em { color: #999; }
.news-list3 a { margin: 0 10px; text-align: center; }

.dealer2 .dealer-info-area h3 { font-size: 1.4rem; }
.dealer2 .brand { font-size: 1.4rem; }

.qa-list li { padding: 15px 0; border-bottom: 1px solid #e5e5e5; }
.qa-list h2 { padding-bottom: 15px; font-size: 1.4rem; line-height: 1.5; font-weight: 700; }
.qa-list p { text-align: right; font-size: 1.2rem; }
.qa-list span { color: #999; }
.qa-list .base-split { border-color: #999; }

.news-list4 h4 { height: auto; font-size: 1.6rem; font-weight: 700; padding: 10px 0; }
.news-list4 em { color: #ff0000; }

.current-city { padding: 15px 10px; font-size: 1.6rem; line-height: 20px; color: #333; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; }
.current-city em { color: #4c61b0; }
.current-city .position-icon, .current-city .city-position i, .city-position .current-city i { float: left; margin-right: 5px; }

.city-first-letter { font-size: 1.6rem; }
.city-first-letter h2 { padding: 10px; }
.city-first-letter ul { padding: 0 10px; }
.city-first-letter ul li { float: left; width: 16.66%; padding: 5px 0; text-align: center; }
.city-first-letter ul li a { display: inline-block; width: 23px; height: 23px; padding: 10px; border: 1px solid #e5e5e5; border-radius: 3px; text-align: center; line-height: 23px; color: #333; background-color: #eee; }

.city-list { padding-bottom: 10px; }
.city-list li { float: left; width: 25%; padding: 8px 0; }
.city-list li a { display: inline-block; padding: 5px 5px; color: #333; }

/* car pk */
.pk-car-focus { padding: 15px 0; }
.pk-car-focus .pk-foucs_cont { padding: 0 10px; height: auto !important; min-height: 90px; background: url(../images/pk_img1.gif) no-repeat center center; background-size: 80px auto; }
.pk-car-focus .pk-car-box { width: 35%; text-align: center; }
.pk-car-focus .pk-car-box .focus-img { display: block; width: 100%; height: auto !important; min-height: 40px; margin: 10px 0; background: url(../images/x_icon.jpg) no-repeat center center; }
.pk-car-focus .pk-car-box h2 { padding: 5px 0; font-size: 1.6rem; line-height: 1.2; }
.pk-car-focus .pk-car-box em { font-size: 1.4rem; color: #ff0000; }

.pk-pub-column { height: 40px; color: #333; background: #eee; }
.pk-pub-column .pk-tit { float: left; height: 40px; line-height: 40px; padding: 0 10px; margin-right: 10px; font-size: 1.8rem; color: #fff; background: #4c61b0; }
.pk-pub-column .horizontal-txt { height: 40px; display: -webkit-box; display: -moz-box; display: -o-box; display: -ms-box; display: box; -webkit-box-orient: horizontal; -o-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal; -webkit-box-align: center; -o-box-align: center; -ms-box-align: center; box-align: center; }
.pk-pub-column .horizontal-txt .txt { height: auto; min-height: 20px; font-size: 1.4rem; line-height: 20px; }

.pk-con { padding: 15px 10px; font-size: 1.4rem; }
.pk-con > p { text-indent: 24px; }
.pk-con p { line-height: 1.5; color: #333; }

.pk-info1 { position: relative; height: 80px; padding: 10px; border: 1px dashed #c9d3df; font-size: 1.4rem; }

.car-info3 { height: 140px; }

.info-con { text-align: center; padding-right: 100px; }
.info-con h2 { font-size: 1.6rem; line-height: 1.2; padding-bottom: 10px; }
.info-con p { font-size: 1.2rem; padding: 0 0 6px; }

.info-con2 { padding: 0; padding-left: 100px; }

.info-con3 { text-align: left; }
.info-con3 h2 { text-align: center; }
.info-con3 p { padding: 0; }

.info-con4 { padding: 0; padding-left: 104px; }

.car-name { position: absolute; top: -1px; right: -1px; width: 104px; height: 102px; overflow: hidden; background: url(../images/car_name_bg1.gif) no-repeat; background-size: auto 102px; display: -webkit-box; display: -moz-box; display: -o-box; display: -ms-box; display: box; -webkit-box-orient: horizontal; -o-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal; -webkit-box-align: center; -o-box-align: center; -ms-box-align: center; box-align: center; -webkit-box-pack: center; -o-box-pack: center; -ms-box-pack: center; box-pack: center; }
.car-name .name-text h2 { padding: 8px; font-size: 1.6rem; line-height: 1.2; text-align: center; color: #fff; }

.car-name2 { left: -1px; background-image: url(../images/car_name_bg2.gif); }

.car-name3 { right: -3px; width: 114px; height: 162px; background: url(../images/car_name_bg3.gif) no-repeat; background-size: auto 162px; }

.car-name4 { left: -3px; background-image: url(../images/car_name_bg4.gif); }

.pk-info2 { background: #f0f3f6; }

.car-pic-area { position: relative; width: 100%; margin-bottom: 10px; }
.car-pic-area .big, .car-pic-area .small { float: left; }
.car-pic-area a { display: block; }
.car-pic-area .big { width: 64%; margin-right: 5%; }
.car-pic-area .big img { width: 100%; }
.car-pic-area .small { width: 31%; }
.car-pic-area .small img { width: 100%; margin-bottom: 15%; }
.car-pic-area .small a:nth-child(2) img { margin: 0; }
.car-pic-area .car-name { float: left; position: absolute; top: 18px; right: 60px; width: 90px; height: 90px; overflow: hidden; background: #4c61b0; border-radius: 50px; display: -webkit-box; display: -moz-box; display: -o-box; display: -ms-box; display: box; -webkit-box-orient: horizontal; -o-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal; -webkit-box-align: center; -o-box-align: center; -ms-box-align: center; box-align: center; -webkit-box-pack: center; -o-box-pack: center; -ms-box-pack: center; box-pack: center; }
.car-pic-area .car-name .name-text h2 { padding: 5px; font-size: 1.6rem; line-height: 1.2; text-align: center; color: #fff; }
.car-pic-area .car-name2 { left: 55px; background: #ff6600; }

.cpa2 .big { margin: 0; }
.cpa2 .small { margin-right: 5%; }

.car-txt-info { padding: 0 5px 5px; text-indent: 24px; }

.like-car-vote { padding: 20px 0; }
.like-car-vote ul { width: 100%; }
.like-car-vote ul li { float: left; width: 50%; }
.like-car-vote .bg1 { background-color: #4c61b0; }
.like-car-vote .bg2 { background-color: #ff6600; }

.pk-vote-top { width: 46%; min-height: 50px; padding: 5px; margin: 0 auto; text-align: center; font-size: 1.4rem; border-radius: 4px; }
.pk-vote-top p { color: #fff; }
.pk-vote-top .vote-number { line-height: 1.2; padding: 5px; margin-bottom: 5px; border-bottom: 1px dotted #fff; }
.pk-vote-top .car-name-text { font-size: 1.6rem; font-weight: 700; line-height: 1.5; }

.pk-vote-bottom { height: 30px; line-height: 30px; font-size: 1.6rem; color: #fff; }

.result-vote { position: relative; width: 100%; height: 30px; }

.result-vote1, .result-vote2 { float: left; height: 30px; text-align: left; background-color: #4c61b0; }
.result-vote1 span, .result-vote2 span { margin-left: 10px; }

.result-vote2 { float: right; text-align: right; background-color: #ff6600; }
.result-vote2 span { margin-right: 10px; }

/* The configuration comparison */
.m-line-box { margin-bottom: 10px; }

.m-tool-compare { margin-top: 10px; border-top: 1px solid #e5e5e5; font-size: 1.2rem; }
.m-tool-compare td, .m-tool-compare th { padding: 10px 5px 10px 10px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; line-height: 1.2; background: #fff; word-break: break-all; }
.m-tool-compare thead td { padding-top: 20px; padding-bottom: 20px; background: #fff; }
.m-tool-compare thead td .add-car-btn { display: block; overflow: hidden; width: 56px; height: 56px; margin: 0 auto; text-indent: -999em; background: url(../images/add_icon1.gif) no-repeat; }
.m-tool-compare thead td div { position: relative; }
.m-tool-compare thead td .m-btn-close { position: absolute; top: -30px; right: 2px; display: block; overflow: hidden; width: 18px; height: 18px; text-indent: -999em; background: #999 url(../images/icons1.png) no-repeat -617px -277px; border-radius: 10px; }
.m-tool-compare .db-pick { color: #999; }
.m-tool-compare .pd0 { padding: 0 !important; }
.m-tool-compare td h3 { position: relative; width: 100%; padding: 8px 10px; font-size: 1.4rem; font-weight: 700; color: #999; background: #eee; }
.m-tool-compare td h3 .tips { position: absolute; top: 8px; right: 25px; font-size: 1.2rem; font-weight: normal; color: #999; }
.m-tool-compare th { color: #333; }
.m-tool-compare td .btn-two { display: inline-block; width: auto; padding: 0 5px; margin-left: 5px; }
.m-tool-compare td .highlight-price { color: #ff0000; }
.m-tool-compare .full-td { background: #eee; }
.m-tool-compare .config-highlight { color: #ff6600; }

.m-line-box2 { padding-top: 20px; background: #eee; }

.m-tool-compare2 { margin: 0; }

.car-db-first { position: relative; min-height: 90px; padding: 15px 10px; }
.car-db-first .db-car-item { width: 40%; padding: 10px; min-height: 88px; text-align: center; border: 1px solid #e5e5e5; }
.car-db-first .db-car-item a { display: block; width: 70px; height: 80px; overflow: hidden; margin: 0 auto; background: url(../images/add_icon2.gif) no-repeat center center; }
.car-db-first .db-car-item img { display: inline-block; max-width: 100%; }
.car-db-first .pk-icon { position: absolute; top: 50%; left: 50%; width: 76px; height: 76px; overflow: hidden; margin-top: -38px; margin-left: -38px; background: url(../images/pk_img1.gif) no-repeat; background-size: 76px 76px; }

@media (max-width: 414px) { .car-db-first .pk-icon { width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; background-size: 50px 50px; } }
.tit-mt15 { margin-top: 15px; }

.car-price-info { position: relative; height: 30px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; font-size: 1.4rem; line-height: 30px; color: #999; }
.car-price-info em { color: #ff0000; }
.car-price-info .btn-two { position: absolute; top: 0; right: 0; width: auto; padding: 0 10px; }

.car-price-info:nth-last-child(1) { margin: 0; padding: 0; border: 0; }

.car-class-list2 a { padding: 5px 7px 5px 0; }

.show-city { width: 100%; padding: 10px 0; overflow: hidden; }
.show-city dl { margin-bottom: 10px; }
.show-city dl dt { margin-bottom: 5px; color: #333; }
.show-city dl dt.close { text-align: right; }

.show-city2 { border: 1px solid #e5e5e5; padding: 10px; padding-bottom: 0; margin-bottom: 20px; width: auto; }
.show-city2 a { display: inline-block; padding: 5px 7px 5px 0; color: #999; }

.bm_succ_tips { padding: 25px 10px; text-align: center; }
.bm_succ_tips img { display: inline-block; width: auto; padding-bottom: 10px; }
.bm_succ_tips p { font-size: 1.4rem; line-height: 1.5; color: #999; }

.download-wrap { position: relative; width: 100%; max-width: 640px; margin: 0 auto; }

.download-wrap img, .btn-download img { display: block; width: 100%; }

.download-wrap .btn-download { position: absolute; top: 46.5%; left: 50%; margin-left: -34%; display: block; width: 68%; }

.video-nav-wrap { height: 40px; overflow: hidden; border-bottom: 1px solid #e5e5e5; background: #fff; line-height: 40px; }

#videoNav { width: 100%; height: 40px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }
#videoNav .swiper-slide { width: auto; padding: 0 12px; }
#videoNav .swiper-slide a { position: relative; display: block; height: 40px; font-size: 15px; color: #999; line-height: 40px; }
#videoNav .swiper-slide.active a { color: #4f63ae; }
#videoNav .swiper-slide.active a::after { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 3px; background: #4f63ae; }

.vieo-nav-more-tips { position: relative; width: 20px; height: 40px; background: #fff; -webkit-box-shadow: -4px 0 10px rgba(0, 0, 0, 0.2); box-shadow: -4px 0 10px rgba(0, 0, 0, 0.2); }

.video-ecommend-focus { width: 100%; overflow: hidden; }
.video-ecommend-focus .swiper-container { position: relative; overflow: hidden; }
.video-ecommend-focus .swiper-container .swiper-slide a { position: relative; display: block; width: 100%; overflow: hidden; }
.video-ecommend-focus .swiper-container .swiper-slide a img { display: block; width: 100%; height: auto; }
.video-ecommend-focus .swiper-container .swiper-slide a .v-info { position: absolute; left: 0; bottom: 0; width: 100%; padding: 11px 100px 11px 47px; height: 40px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 15px; line-height: 1.2; -webkit-box-sizing: border-box; box-sizing: border-box; }
.video-ecommend-focus .swiper-container .swiper-slide a .v-info .v-title { position: relative; display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; }
.video-ecommend-focus .swiper-container .swiper-slide a .v-info::before { content: ''; position: absolute; top: 9px; left: 12px; display: inline-block; width: 22px; height: 22px; background: url("../images/video/vi-play6.png") no-repeat; background-size: 22px auto; }
.video-ecommend-focus .swiper-container .pagination { position: absolute; left: auto; right: 10px; bottom: 16px; width: auto; height: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -moz-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.video-ecommend-focus .swiper-container .pagination .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; margin: 0 5px; background: rgba(255, 255, 255, 0.5); border-radius: 50%; }
.video-ecommend-focus .swiper-container .pagination .swiper-pagination-switch.swiper-active-switch { background: white; }

.v-row { width: 100%; background: #fff; }

.v-cloumn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; height: 22px; padding: 15px; background: #fff; }
.v-cloumn .v-c-text { position: relative; color: #000; font-size: 16px; font-weight: 700; line-height: 22px; }
.v-cloumn .v-c-text::before { content: ''; position: absolute; top: 0; left: -15px; display: inline-block; width: 3px; height: 22px; background: #F4772d; }
.v-cloumn .more { display: inline-block; width: 9px; height: 16px; background: url("../images/video/vi-more1.png") no-repeat center center; background-size: 9px auto; }

.car-video-focus-base { position: relative; width: 100%; overflow: hidden; }
.car-video-focus-base .swiper-slide a { position: relative; display: block; overflow: hidden; }
.car-video-focus-base .swiper-slide a img { display: block; width: 100%; height: auto; }
.car-video-focus-base .swiper-slide a .v-info { position: absolute; left: 0; bottom: 0; width: 100%; padding: 11px 15px 11px 47px; height: 40px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 15px; line-height: 1.2; -webkit-box-sizing: border-box; box-sizing: border-box; }
.car-video-focus-base .swiper-slide a .v-info .v-title { position: relative; display: block; max-width: 100%; height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; }
.car-video-focus-base .swiper-slide a .v-info::before { content: ''; position: absolute; top: 9px; left: 12px; display: inline-block; width: 22px; height: 22px; background: url("../images/video/vi-play6.png") no-repeat; background-size: 22px auto; }
.car-video-focus-base.car-live-focus .swiper-slide a .v-tag { position: absolute; top: 15px; left: 15px; display: inline-block; padding: 5px 8px; background: #fc8728; color: #fff; font-size: 14px; line-height: 1; border-radius: 5px; }
.car-video-focus-base.car-live-focus .swiper-slide a .v-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; width: 43px; height: 43px; background: url("../images/video/vi-play1.png") no-repeat; background-size: 43px auto; }
.car-video-focus-base.car-live-focus .swiper-slide a .v-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-left: 15px; }
.car-video-focus-base.car-live-focus .swiper-slide a .v-info .v-title { display: block; max-width: 75%; padding: 0; }
.car-video-focus-base.car-live-focus .swiper-slide a .v-info .v-user-count { padding-left: 18px; background: url("../images/video/vi-user1.png") no-repeat left center; background-size: 13px auto; }
.car-video-focus-base.car-live-focus .swiper-slide a .v-info::before { display: none; }
.car-video-focus-base .btn-swiper { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 30px; height: 44px; overflow: hidden; line-height: 10000%; background-repeat: no-repeat; background-position: center center; background-size: 20px auto; }
.car-video-focus-base .btn-swiper.prev { left: 0; background-image: url("../images/video/btn-slide-prev.png"); }
.car-video-focus-base .btn-swiper.next { right: 0; background-image: url("../images/video/btn-slide-next.png"); }

.car-live-notice { position: relative; width: 100%; overflow: hidden; }
.car-live-notice .swiper-slide a { position: relative; display: block; overflow: hidden; }
.car-live-notice .swiper-slide a img { display: block; width: 100%; height: auto; }
.car-live-notice .swiper-slide a .v-title { margin: 0 15px 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 1.2; color: #484848; }
.car-live-notice .swiper-slide a .v-info { position: absolute; left: 0; bottom: 0; width: 100%; padding: 12px 15px 12px 47px; height: 40px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 15px; line-height: 1.2; -webkit-box-sizing: border-box; box-sizing: border-box; }
.car-live-notice .swiper-slide a .v-info::before { content: ''; position: absolute; top: 9px; left: 15px; display: inline-block; width: 22px; height: 22px; background: url("../images/video/vi-play6.png") no-repeat; background-size: 22px auto; }
.car-live-notice .swiper-slide a .v-info .v-live-time { position: relative; display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; }
.car-live-notice .btn-swiper { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 30px; height: 44px; overflow: hidden; line-height: 10000%; background-repeat: no-repeat; background-position: center center; background-size: 20px auto; }
.car-live-notice .btn-swiper.prev { left: 0; background-image: url("../images/video/btn-slide-prev.png"); }
.car-live-notice .btn-swiper.next { right: 0; background-image: url("../images/video/btn-slide-next.png"); }

.footer-wrapper { margin-top: 15px; background: #fff; }

.v-live-list li { padding: 20px 0; border-bottom: 1px solid #e5e5e5; background: #fff; }
.v-live-list li:last-child { padding-bottom: 0; border-bottom: 0; }
.v-live-list li a { display: block; width: 100%; overflow: hidden; }
.v-live-list li a .v-hd { padding: 0 12px 15px; }
.v-live-list li a .v-hd .v-title { margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 1.2; color: #484848; }
.v-live-list li a .v-hd .v-info { height: 25px; line-height: 25px; }
.v-live-list li a .v-hd .v-info .v-author-info { max-width: 60%; }
.v-live-list li a .v-hd .v-info .v-author-info img { width: 25px; height: 25px; margin-right: 8px; border-radius: 50%; }
.v-live-list li a .v-hd .v-info .v-author-info em { display: block; color: #666; font-size: 14px; line-height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v-live-list li a .v-hd .v-info .v-online-count { color: #f4772d; font-size: 12px; line-height: 1; }
.v-live-list li a .v-bd { position: relative; width: 100%; overflow: hidden; }
.v-live-list li a .v-bd img { display: block; width: 100%; height: auto; }
.v-live-list li a .v-bd .v-tag { position: absolute; top: 12px; left: 12px; display: inline-block; padding: 5px 8px; background: #fc8728; color: #fff; font-size: 14px; line-height: 1; border-radius: 5px; }
.v-live-list li a .v-bd .v-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; width: 43px; height: 43px; background: url("../images/video/vi-play1.png") no-repeat; background-size: 43px auto; }
.v-live-list.v-roc-bro-list li a .v-bd .v-play-count { position: absolute; top: 15px; right: 15px; display: inline-block; padding: 8px 5px 8px 24px; background: rgba(0, 0, 0, 0.8); color: #fff; font-size: 12px; line-height: 1; border-radius: 5px; }
.v-live-list.v-roc-bro-list li a .v-bd .v-play-count::before { content: ''; position: absolute; top: 8px; left: 8px; display: inline-block; width: 10px; height: 12px; background: url("../images/video/vi-triangle1.png") no-repeat; background-size: 10px auto; }

.v-btn-wrap { padding: 30px 0 30px; border-bottom: 1px solid #e5e5e5; text-align: center; }
.v-btn-wrap .btn-load-more { display: inline-block; padding: 12px 36px; border-radius: 5px; background: #efecec; color: #666; font-size: 16px; line-height: 1; }

.v-prediction-list .v-cloumn, .v-roc-bro-list .v-cloumn { padding-top: 15px; padding-bottom: 0; }
.v-prediction-list .v-cloumn .v-c-text, .v-roc-bro-list .v-cloumn .v-c-text { color: #F4772d; }

.v-prediction-list li { padding: 20px 0; border-bottom: 1px solid #e5e5e5; background: #fff; }
.v-prediction-list li:last-child { padding-bottom: 0; border-bottom: 0; }
.v-prediction-list li a { position: relative; display: block; width: 100%; overflow: hidden; }
.v-prediction-list li a img { display: block; width: 100%; height: auto; }
.v-prediction-list li a .v-title { margin: 0 15px 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 1.2; color: #484848; }
.v-prediction-list li a .v-info { position: absolute; left: 0; bottom: 0; width: 100%; padding: 12px 15px 12px 47px; height: 40px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 15px; line-height: 1.2; -webkit-box-sizing: border-box; box-sizing: border-box; }
.v-prediction-list li a .v-info::before { content: ''; position: absolute; top: 10px; left: 15px; display: inline-block; width: 22px; height: 22px; background: url("../images/video/vi-play6.png") no-repeat; background-size: 22px auto; }
.v-prediction-list li a .v-info .v-live-time { position: relative; display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; }

.v-list-base li { padding-bottom: 20px; background: #fff; }
.v-list-base li:last-child { padding-bottom: 0; border-bottom: 0; }
.v-list-base li a { position: relative; display: block; width: 100%; overflow: hidden; }
.v-list-base li a img { display: block; width: 100%; height: auto; }
.v-list-base li a .v-info { position: absolute; left: 0; bottom: 0; width: 100%; padding: 11px 15px 11px 47px; height: 40px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 15px; line-height: 1.2; -webkit-box-sizing: border-box; box-sizing: border-box; }
.v-list-base li a .v-info .v-title { position: relative; display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; }
.v-list-base li a .v-info::before { content: ''; position: absolute; top: 9px; left: 12px; display: inline-block; width: 22px; height: 22px; background: url("../images/video/vi-play6.png") no-repeat; background-size: 22px auto; }

.v-d-header { position: fixed; top: 0; left: 0; width: 100%; height: 44px; padding: 12px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.2); }
.v-d-header a.btn-return { left: 2px; }
.v-d-header .btn-v-share { position: absolute; top: 13px; right: 15px; display: block; width: 18px; height: 18px; overflow: hidden; line-height: 10000%; background: url("../images/video/vi-transpond.png") no-repeat; background-size: 18px auto; }
.v-d-header .title { display: block; width: 100%; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.v-live-show-box { width: 100%; height: 100%; }
.v-live-show-box video { width: 100%; height: 100%; }

.v-d-info { position: fixed; top: 74px; left: 0; z-index: 999; width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.v-d-info .v-author { position: relative; padding: 6px 10px 6px 32px; background: rgba(0, 0, 0, 0.4); border-radius: 12px; font-size: 12px; line-height: 1; color: #fff; }
.v-d-info .v-author .v-d-user-photo { position: absolute; top: -2px; left: -2px; width: 28px; height: 28px; border-radius: 50%; }
.v-d-info .v-d-online-count { display: inline-block; padding: 5px 7px; border-radius: 10px; background: #F4772d; color: #fff; font-size: 12px; line-height: 1; }

.v-d-introduce { position: absolute; left: 0; bottom: 0; z-index: 999; width: 100%; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(0, 0, 0, 0.4); color: #fff; }
.v-d-introduce .title { font-size: 16px; line-height: 1; margin-bottom: 8px; }
.v-d-introduce .vdi-content { position: relative; }
.v-d-introduce .vdi-content.desc { padding-right: 35px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.v-d-introduce .vdi-content p { font-size: 14px; line-height: 1.5; }
.v-d-introduce .vdi-content a { display: inline-block; color: #037edd; font-size: 14px; line-height: 1.5; }
.v-d-introduce .vdi-content .btn-more { position: absolute; top: 0; right: 0; }
.v-d-introduce .vdi-content .btn-retract { width: 100%; text-align: right; }

.v-show-box { position: relative; background: #000; }
.v-show-box .v-d-info { position: absolute; top: 14px; }

.v-info-box .v-p-d-hd { position: relative; height: 18px; padding: 14px 15px; border-bottom: 1px solid #e5e5e5; }
.v-info-box .v-p-d-hd .v-comment, .v-info-box .v-p-d-hd .v-like, .v-info-box .v-p-d-hd .v-share { height: 18px; line-height: 18px; font-size: 12px; color: #999; background-position: left center; background-repeat: no-repeat; }
.v-info-box .v-p-d-hd .v-comment { margin-right: 25px; padding-left: 28px; background-image: url("../images/video/vi-comment.png"); background-size: 20px auto; }
.v-info-box .v-p-d-hd .v-like { padding-left: 26px; background-image: url("../images/video/vi-like.png"); background-size: 21px auto; }
.v-info-box .v-p-d-hd .v-like.liked { background-image: url("../images/video/vi-liked.png"); }
.v-info-box .v-p-d-hd .v-share { position: absolute; top: 14px; right: 15px; width: 18px; overflow: hidden; line-height: 10000%; background-image: url("../images/video/vi-share.png"); background-size: 18px auto; }
.v-info-box .v-intro { padding: 15px; color: #484848; }
.v-info-box .v-intro .title { padding-bottom: 12px; font-size: 14px; line-height: 1; }
.v-info-box .v-intro .vi-content { position: relative; }
.v-info-box .v-intro .vi-content.desc { padding-right: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.v-info-box .v-intro .vi-content p { font-size: 12px; line-height: 1.4; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
.v-info-box .v-intro .vi-content a { display: inline-block; color: #037edd; font-size: 12px; line-height: 1.4; }
.v-info-box .v-intro .vi-content .btn-more { position: absolute; top: 16px; right: 0; }
.v-info-box .v-intro .vi-content .btn-retract { width: 100%; text-align: right; }

.v-recommends .vr-column { padding: 15px 15px 0; }
.v-recommends .vr-column .vrc-text { font-size: 16px; font-weight: 700; color: #484848; }
.v-recommends .vr-column .more { width: 9px; height: 16px; background: url("../images/video/vi-more1.png") no-repeat; background-size: 9px auto; }
.v-recommends .vr-list { width: 100%; }
.v-recommends .vr-list li { padding: 15px; border-bottom: 1px solid #e5e5e5; }
.v-recommends .vr-list li a .v-img-show { position: relative; width: 170px; height: 95.625px; margin-right: 15px; }
.v-recommends .vr-list li a .v-img-show img { width: 100%; height: 100%; }
.v-recommends .vr-list li a .v-img-show .v-play { position: absolute; top: 50%; left: 50%; display: inline-block; width: 26px; height: 26px; margin-top: -13px; margin-left: -13px; background: url("../images/video/vi-play6.png") no-repeat; background-size: 26px auto; }
.v-recommends .vr-list li a .v-text-box { width: 70%; }
.v-recommends .vr-list li a .v-text-box .v-title { height: 63px; margin-bottom: 15px; font-size: 14px; font-weight: 700; line-height: 1.5; color: #484848; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.v-recommends .vr-list li a .v-text-box .v-correlation { font-size: 12px; line-height: 1; color: #ccc; }
.v-recommends .vr-list li a .v-text-box .v-correlation .v-look-count { padding-left: 24px; background: url("../images/video/vi-look.png") no-repeat left center; background-size: 16px auto; }

.v-comment-publish { padding: 15px 15px 40px; }
.v-comment-publish .title { padding-bottom: 10px; font-size: 16px; font-weight: 700; }
.v-comment-publish .publish-textarea-box { width: 100%; height: 108px; margin-bottom: 15px; }
.v-comment-publish .publish-textarea-box textarea { width: 100%; height: 100%; padding: 10px; border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; line-height: 1.5; color: #484848; }
.v-comment-publish .publish-textarea-box textarea::-webkit-input-placeholder { color: #ccc; }
.v-comment-publish .btn-publish { text-align: center; }
.v-comment-publish .btn-publish a { display: inline-block; padding: 8px 15px; border: 1px solid #fc8728; border-radius: 4px; font-size: 15px; line-height: 1; color: #fc8728; background: #fff; }

.v-comments-wrap { width: 100%; }

.vc-btn-area { padding: 0 15px 10px; }
.vc-btn-area .btn-newest { display: inline-block; padding: 5px 12px; border-radius: 4px; background: #037edd; color: #fff; font-size: 12px; line-height: 1; }

.vc-list-show { width: 100%; }
.vc-list-show li { padding: 15px; border-bottom: 1px solid #e5e5e5; }
.vc-list-show li .hd { height: 30px; line-height: 30px; }
.vc-list-show li .hd .publish-user img { width: 29px; height: 29px; border: 1px solid #565656; border-radius: 50%; margin-right: 10px; }
.vc-list-show li .hd .publish-user span { color: #037edd; }
.vc-list-show li .hd .publish-user span.pushlish-time { padding-left: 10px; color: #ccc; font-size: 12px; }
.vc-list-show li .hd .btn-like { height: 16px; padding-left: 24px; background-repeat: no-repeat; background-position: left center; background-size: 16px auto; background-image: url("../images/video/vi-like.png"); font-size: 12px; color: #ccc; line-height: 16px; }
.vc-list-show li .hd .btn-like.liked { background-image: url("../images/video/vi-liked.png"); }
.vc-list-show li .bd { padding-top: 15px; }
.vc-list-show li .bd .publish-comment-content { font-size: 14px; line-height: 1.2; color: #484848; word-wrap: break-word; word-break: break-all; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

.shade { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.safari-share-tips { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.safari-share-tips .sharing-guide { display: block; width: 85%; height: auto; }
.safari-share-tips .share-tip-btn { position: absolute; left: 0; bottom: 0; display: inline-block; width: 100%; padding: 18px 0; background: #fff; color: #484848; font-size: 14px; line-height: 1; text-align: center; }

.weixinBrowser-share-tips { position: fixed; top: 0; left: 0; z-index: 999999999; width: 100%; height: 100%; background: transparent; }
.weixinBrowser-share-tips .tips { position: absolute; top: 10px; right: 10px; display: block; width: 46.26666666666667%; height: auto; }

.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.at1000 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }