@charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; } ol, ul { list-style: none; } a { text-decoration: none; } img { vertical-align: top; } input, select, textarea { margin: 0; padding: 0; font-size: 100%; font: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); outline: 0; box-shadow: none; } html { word-wrap: break-word; word-break: break-all; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } html { background-color: #f8f8f8; font: 16px/1 "PingFang SC",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",STHeiTi,sans-serif; color: #333333; } .wrapper { height: 100%; overflow: hidden; } [data-role="tab"] .item { cursor: pointer; } ::-webkit-input-placeholder { color: #999999; } .fn-mt { margin-top: 0.625rem; } .fn-mb { margin-bottom: 0.625rem; } .fn-mlr { margin-left: 0.625rem; margin-right: 0.625rem; } .fn-halfword { margin-right: 0.5em; } .fn-oneword { margin-right: 1em; } .fn-hide { display: none !important; } .athm-iconfont { font-family: "athm-iconfont" !important; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .athm-generalize-text::before, .athm-generalize-img43::after, .athm-generalize-imgfull::after { content: ""; display: inline-block; width: 1.6875rem; height: 0.875rem; background: url(//s.autoimg.cn/mass/athm-advmark.png) no-repeat; background-size: 1.6875rem 0.875rem; } .athm-carousel { background: url(//s.autoimg.cn/as/static/holdimg_white.png) center center no-repeat; background-size: 50% auto; } .athm-blankloading__motion, .athm-toast-standard__loading::before { display: inline-block; width: 1.5rem; height: 1.5rem; vertical-align: top; background: url(//s.autoimg.cn/mass/athm-loading.svg) no-repeat; background-size: 100% 100%; } .icongrade { display: inline-block; width: 0.875rem; height: 0.875rem; } .icongrade::before { content: ""; display: inline-block; width: 0.875rem; height: 0.875rem; vertical-align: top; background: url(//s.autoimg.cn/mass/athm-grade.png) no-repeat; background-size: 0.875rem auto; } .icongrade-v1::before { background-position: 0 0; } .icongrade-v2::before { background-position: 0 -0.9375rem; } .icongrade-v3::before { background-position: 0 -1.875rem; } /********************************************************************************* 以下开始是组件样式，不需做代码阅读。 *********************************************************************************/ .athm-nav { height: 88px; line-height: 0; background-color: #2873FF; } .athm-nav a { text-decoration: none; } .athm-nav__searchframe { height: 28px; padding: 0 10px; font-size: 12px; color: #999; line-height: 28px; background-color: #fff; border-radius: 4px; overflow: hidden; -webkit-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .athm-nav__searchframe::before { content: ""; display: inline-block; width: 12px; height: 12px; margin: 8px 5px 0 0; vertical-align: top; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAMFBMVEUAAAApc/8pc/8pc/8wef8pdf8odP8pdP8qdf8pdP8rc/8rgP8pdP8rdP8oc/8oc/+2iSjtAAAAD3RSTlMA1PbbFWulcFVRKgyKQrqLIsJdAAAAhUlEQVQY02MAgjYj5QwGKJj8HwgsIWye/+KrdxX+PwDmnFcFkUF/QCTnpwsgild/ApBk/gpRHW8AJPoFIBzGH0AivwDCYf8GJOwXQDhcn4GE/gYIh/sTOgehDN0AhNHoliKcg+TQfw5IXngvguQ5x49AKZi3WeSBUnAAkoIBdCmgjQipAACobTX+u560hwAAAABJRU5ErkJggg==") no-repeat; background-size: 100% 100%; } .athm-nav__searchicon { line-height: 0; } .athm-nav__searchicon::before { content: ""; display: inline-block; width: 18px; height: 18px; vertical-align: top; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAmVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VHQRUAAAAMnRSTlMAEfkU9skGHNyyDzYE8+aKUfHiy2MoDOnTxcF22M1bQSIZo5hHPS3r3myRg4F8S7q5bkoSZL8AAAGESURBVDjLhZPZdoMgFEWRYBDneTbRzOnc8/8f17Joq0mU7pfLWm4PlyuSkXXfiMRnRSeabE1msTclQJnneYxSWKnxqKwPHdhlH2YGsbO3J4uhDe/TjFfQJCQjh4ohWN04ww7xJ7kltSD6ac4O5ZHc45gQw9jPK8qePMIrBPnf/oi3ZA6nxeb37B29knk2tOU/KyRkiQ9cXVndkoaL0jaKDVl7XMgyCRxZGuw1UoBnOXghd9PsV+cykGUaiReW/V18z9BIa/WYeURHDCkVnq1NYlLqtD0NqidB3zTSUZ2uwZNGeqGBnFMGSyOZauKuRQ+LjhP5akApqkVJoHHV5W1puuCELOa/S1ycWedU4u/1PIDJZ5ysxn4c9Eqgch5zauBERnqBNr3vpwRQDdMbEcB7304nLSLsTxXM6V+cbyycu2DLXeLy44t5hp/aZDBvLZdfYyA6+7FfREDRcFd2q6yJZjjPtcVArTpwVvKLKStZ3d2e3DYMw86VoaxEZmlRWTvyv7XjXxbdH433bc8GAAAAAElFTkSuQmCC") no-repeat; background-size: 100% 100%; } .athm-nav__backward { float: left; padding: 13px 15px; line-height: 0; } .athm-nav__backward::before { content: ""; display: inline-block; width: 10px; height: 18px; vertical-align: top; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAkBAMAAAB73QeTAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACXRSTlMA/niHXlFqJiV8vycNAAAAK0lEQVQY02PAApgV4ExDcbigYABcUHTQCTIJOsDdrCjCMMiFJRDCCUjhDgD6SwocO7niFwAAAABJRU5ErkJggg==") no-repeat; background-size: 100% 100%; } .athm-nav__home { float: left; padding: 13px 15px; line-height: 0; } .athm-nav__home::before { content: ""; display: inline-block; width: 18px; height: 18px; vertical-align: top; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAARVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////9SnXPCAAAAFnRSTlMAmWYH3G9K9/HSfj0Y47GjjyHOslQwapTH+gAAAItJREFUOMvtzUkOgzAQRNECD0w2mKnuf9QgOYoRHcMiu8BfdUslPRxyYZqCw1nK1NyqjUK2riHndZ3JpstM3EBqiy2rycFlpKpV76etoimlfkz/2CdTSLFkCiklTCF9M8NBEmYAjJCEaaC54LSFGiQuIp/Rn4wKfip+HZXxKG818tyVRvs8rL8aefsCKW0V0U5XOUwAAAAASUVORK5CYII=") no-repeat; background-size: 100% 100%; } .athm-nav__dot { float: right; padding: 21px 15px; line-height: 0; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); outline: 0; box-shadow: none; } .athm-nav__dot::before { content: ""; display: inline-block; width: 16px; height: 2px; vertical-align: top; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAEAgMAAACSKdVHAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMA40mAJZ3FAAAAHElEQVQI12OYxsDAmcAApGoZGNgvMAApGAMuBQB5XAbN4sX9cgAAAABJRU5ErkJggg==") no-repeat; background-size: 100% 100%; } .athm-nav__dot.activate ~ .athm-nav__dotlayer { display: block; } .athm-nav__dot.activate ~ .athm-nav__mask { display: block; } .athm-nav__dotlayer { position: absolute; top: 44px; right: 0; z-index: 1010; display: none; width: 258px; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .athm-nav__dotlayer::before { content: ""; position: absolute; top: -6px; right: 16px; width: 0; height: 0; border: solid; border-width: 0 7px 7px; border-color: transparent transparent #fff; overflow: hidden; } .athm-nav__dotlayer > div:first-child { height: 50px; overflow: hidden; } .athm-nav__dotlayer > div:first-child img { float: left; width: 34px; height: 34px; margin: 8px 15px 0 5px; border: 0; border-radius: 50%; } .athm-nav__dotlayer > div:first-child a { position: relative; float: left; padding: 0 15px; font-size: 16px; color: #333; line-height: 50px; overflow: hidden; } .athm-nav__dotlayer > div:first-child a:visited { color: #333332; } .athm-nav__dotlayer > div:first-child a::before { content: ""; position: absolute; top: 50%; left: 0; height: 14px; margin-top: -7px; border-left: solid #eee 1px; -webkit-transform: scaleX(0.5); -ms-transform: scaleX(0.5); -o-transform: scaleX(0.5); transform: scaleX(0.5); overflow: hidden; } .athm-nav__dotlayer > a { position: relative; display: block; height: 50px; overflow: hidden; } .athm-nav__dotlayer > a img { float: left; width: 34px; height: 34px; margin: 8px 0 0 20px; border: 0; border-radius: 50%; } .athm-nav__dotlayer > a i { position: absolute; top: 6px; right: 199px; min-width: 12px; height: 16px; padding: 0 2px; font-size: 12px; font-style: normal; color: #fff; line-height: 16px; white-space: nowrap; text-align: center; background-color: #fd4d4d; border-radius: 8px; } .athm-nav__dotlayer > a span { display: block; margin: 0 20px 0 69px; font-size: 16px; color: #333; line-height: 50px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .athm-nav__dotlayer > div:last-child { padding: 5px 0; overflow: hidden; } .athm-nav__dotlayer > div:last-child::before { content: ""; display: block; height: 0; border-top: solid #eee 1px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); -o-transform: scaleY(0.5); transform: scaleY(0.5); overflow: hidden; } .athm-nav__dotlayer > div:last-child a { float: left; width: 33.333%; font-size: 16px; color: #333; line-height: 40px; text-align: center; } .athm-nav__dotlayer > div:last-child a:visited { color: #333332; } .athm-nav__mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; display: none; background-color: rgba(27, 27, 27, 0.3); cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); outline: 0; box-shadow: none; } .athm-nav-header { position: relative; height: 40px; padding: 2px 0; } .athm-nav-header__logo { float: left; margin: 10px 15px 0 15px; } .athm-nav-header__logo::before { content: ""; display: inline-block; width: 80px; height: 20px; vertical-align: top; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAoCAMAAABO8gGqAAAApVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+4/eNVAAAANnRSTlMA+gXvEii9Pi/VOjIKkEOq6dtlJCBYEOV+8qGUXRsDblNGFse0zfeel4RNNcN4aeLfuHKvpoplgMJWAAAEeElEQVRYw82Y2ZqiMBCFCxAURUUQEJHNfdexu/P+jzYuKUlMUJme+Xr+q3TlGE8qW9nwf1HbyOMtF1v5MFqdnKzTgKdYPcNT3/xKbzDc2voLmdrIdouJRshY1quHZNq5NQ1yYwFPWZ4l9pcLr/jQ6HinF0KXUDzZJHuXnll+bsaoe57BnKqMV4kZ4ni/xL64xYIz+eSitYswMXCQBqxoc25w1IHDD6jMtOA5KRrUxL42eY3DC5V6KGow737jThfjowaPYGJDEP2PDY6KP9urEp2HuucocKHfKcjn2LfqMKhVDC7vY0z0+d8wOHgt9CstcRwpt23SN8h/aRCg/0nOZA75EYO2KaLdDVI2E9JuzX/G4A5EFrzBsQWQxQdCmdY4fN9X/6XBuSaicAYt095ZsCMltM+Sn92Dlx148GD33KBaOxObNBh6zRs1ljcNKlYlgyl9R+JckxuU7A0y6tGGKr6cupSNSZD0trH0F4vyoeuXVNdxvbXMPY+xfGbQwdgSCoPv4U8IMsRYncjhCpbYLjLf96e7xhODJ5zLTK1qcDwjyMzCoD48MyUcxiV2Ff9yHl/EL/eM3nwgtgAxUBnaNnq1C2IopXUkiN3nCyPag2wTgOx64fWo0AuwmFkSGWMQDcrpQxl7hSBhk83rfiKMcrK+aOvo0uo4IheCcURkWN826H8WGq2o6dfRrIgP0yLFBAmwBGr2LqUWRPK77bsGvUDwhycO6eVZj0gILLgncQByg+E3Dbrsh7QW2zVBG2k2IzK0HKV9cJMSg/a3DMZthRGYOn9yrn2zNNsSKaaLyprSdaHE4OEPDSZxAnHE1R9dC3iiYDrYpL2ye7qQ7wlR2jVoKxx0e0DBoFsQ4rcWjJnMDRWiGQq3mU8goK4/w+IG7HHy9HEzhDt+gg4alPL8onZtcb/XH0WNtKsxe32/Dli9xypxzWUGj/fZ8qBBiw0mNH8H4S5oc7MXi4pp8+NhQsyGibg3Ehnxh0Qlb9C+SYXbd9IAEdUs+jtpsdTFNU2xsC/nry869wTUVTWDy8f0OSCljq9bNpIdlABnlWIgAZY1DbuwCJMqBvdMAB3gAouFvdZuUHsCWueWadwwX/Lf3B9bQloVDHYUIjKfLAb7UbbOPOe0irrbWyFQ+zVo6quAU4on2Sm5Z2NGmb5v0NXeEWq0WBgZ3EkRdEMf1CP2wgMhc8W+b9Aj72BcKoAV/8D18j1mrshhDjsiHBHx3bArLPEIt3SzuS0Vfol7NVh9zqmrjsYsHaZ19vSe8iGp8+DO6bBB93r8rwkIGwDJQCn/oY1fLdID18RfFsUga8Ggzj6zVV6STLmPFy/lFt3rDrSxVOaLrQjAn17jt8HrB0kCuRkq+2pP3VohEbZrjiF61Jib7Dg4z37DaJSL+2RFiOnjGB+ENEGkb+M7UPUtXnP/2bSap4VxZKr+A75Zy2BJn+hd0evRa9xkli1dgAx9S4jWzasXC2DJYuO+7vbjMfOJopkYRNEOphE543sI3kBVy3osCvwlkhI/vwHLLdXVmx4OzwAAAABJRU5ErkJggg==") no-repeat; background-size: 100% 100%; } .athm-nav-header__logo:nth-last-child(5) ~ .athm-nav-header__camera { right: 99px; } .athm-nav-header__logo:nth-last-child(5) ~ .athm-nav__searchframe { margin-right: 99px; } .athm-nav-header__camera { position: absolute; top: 8px; right: 60px; padding: 7px 10px; line-height: 0; -webkit-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .athm-nav-header__camera::before { content: ""; display: inline-block; width: 16px; height: 14px; vertical-align: top; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAMAAAA3HE0QAAAAOVBMVEUAAACnp6ebm5uampqZmZmampqZmZmampqZmZmZmZmZmZmampqZmZmampqZmZmampqZmZmenp6ZmZkAUSU7AAAAEnRSTlMADEG/8+PVmpSPNyvufOZJxh3+17KsAAAAoklEQVQoz52R2w6EIAwFW+4XFT3//7GbGNaSlEh2502cDFDo4TrxcF6ksRiwpDDYmDq8wUwCu3zssPOASuiATjSPmx6QxI1v1P9/A5LoBgGyWnNwLuQqK8AgcEIn8UxgC8TCXCJgeSIkHKZf+UDSQgWMDAVVCRmRHiKyEgKKCAVBCQ7jqOGWwnKL5SGX11wNajnqfx5r/dzCb4LHK57aq+HbB947E+1IxbYCAAAAAElFTkSuQmCC") no-repeat; background-size: 100% 100%; } .athm-nav-header__login { float: right; position: relative; margin: 5px 15px 0 15px; } .athm-nav-header__login img { width: 30px; height: 30px; vertical-align: top; border: 0; border-radius: 50%; } .athm-nav-header__login i { position: absolute; top: -2px; right: -5px; min-width: 12px; height: 16px; padding: 0 2px; font-size: 12px; font-style: normal; color: #fff; line-height: 16px; white-space: nowrap; text-align: center; background-color: #fd4d4d; border-radius: 8px; } .athm-nav-header__login i:empty { display: none; } .athm-nav-header .athm-nav__searchframe { margin-top: 6px; } .athm-nav-service__assist { position: relative; height: 44px; } .athm-nav-service__chief { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 43px 0 15px; } .athm-nav-service__chief a { display: block; font-size: 17px; color: #fff; line-height: 44px; opacity: 0.5; } .athm-nav-service__chief a:visited { color: #fffffe; } .athm-nav-service__chief a.activate { opacity: 1; } @media screen and (min-width: 360px) { .athm-nav-service__chief a { font-size: 18px; } } .athm-nav-service__arrow { position: absolute; top: 0; right: 10px; padding: 17px 5px; line-height: 0; -webkit-transition: -webkit-transform 200ms ease; transition: -webkit-transform 200ms ease; -o-transition: -o-transform 200ms ease; transition: transform 200ms ease; transition: transform 200ms ease, -webkit-transform 200ms ease, -o-transform 200ms ease; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); outline: 0; box-shadow: none; } .athm-nav-service__arrow::before { content: ""; display: inline-block; width: 18px; height: 10px; vertical-align: top; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAUBAMAAAAXVIIGAAAAGFBMVEUAAAD///////////////////////////8jfp1fAAAACHRSTlMA/niHXlElamQplLwAAABSSURBVBjTZcoxDYRAAADBzT+hh4QeC0jAARKQgP+KbjcXph64Gczw2xicD//lgkzLDsc2pBVsJZvJVrKZbCWbqWaqlWqmWqlmqplqppqpVvp6AZ85CjjlUxvGAAAAAElFTkSuQmCC") no-repeat; background-size: 100% 100%; } .athm-nav-service__arrow.activate { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .athm-nav-service__arrow.activate::after { display: none; } .athm-nav-service__arrow.activate ~ .athm-nav-service__arrowlayer { display: block; } .athm-nav-service__arrow.activate ~ .athm-nav__mask { display: block; } .athm-nav-service__arrow.highlight::after { content: ""; position: absolute; top: 11px; right: -2px; width: 6px; height: 6px; vertical-align: top; background-color: #fd4d4d; border-radius: 50%; } .athm-nav-service__arrowlayer { position: absolute; top: 44px; right: 8px; z-index: 1010; display: none; width: 94px; background-color: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .athm-nav-service__arrowlayer::before { content: ""; position: absolute; top: -6px; right: 10px; width: 0; height: 0; border: solid; border-width: 0 7px 7px; border-color: transparent transparent #fff; overflow: hidden; } .athm-nav-service__arrowlayer a { position: relative; display: block; height: 45px; padding: 0 15px; font-size: 16px; color: #333; line-height: 44px; overflow: hidden; } .athm-nav-service__arrowlayer a:visited { color: #333332; } .athm-nav-service__arrowlayer a::before { content: ""; position: absolute; right: 15px; bottom: 0; left: 15px; border-bottom: solid #eee 1px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); -o-transform: scaleY(0.5); transform: scaleY(0.5); } .athm-nav-service__arrowlayer a:last-child::before { display: none; } .athm-nav-service__arrowlayer a.highlight::after { content: ""; display: inline-block; width: 6px; height: 6px; margin-top: 12px; vertical-align: top; background-color: #fd4d4d; border-radius: 50%; } .athm-nav-service .athm-nav__searchicon { display: none; } .athm-nav-service.sticky .athm-nav-service__assist { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; background-color: #2873FF; } .athm-nav-service.sticky .athm-nav-service__assist .athm-nav-service__chief { margin-right: 76px; } .athm-nav-service.sticky .athm-nav-service__assist .athm-nav-service__arrow { right: 43px; } .athm-nav-service.sticky .athm-nav-service__assist .athm-nav-service__arrowlayer { right: 41px; } .athm-nav-service.sticky .athm-nav-service__assist .athm-nav__searchicon { display: block; position: absolute; top: 0; right: 10px; padding: 13px 5px; } .athm-nav-channel { position: relative; height: 44px; } .athm-nav-channel .athm-nav__searchicon { float: right; padding: 13px 15px; } .athm-nav-channel__title { font-size: 17px; color: #fff; line-height: 44px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align: center; overflow: hidden; } .athm-nav-subject { position: relative; height: 44px; } .athm-nav-subject .athm-nav__home { margin-right: 10px; } .athm-nav-subject .athm-nav__dot { margin-left: 10px; } .athm-nav-subject .athm-nav__searchframe { position: relative; top: 8px; text-align: center; } .athm-footer { padding: 24px 0; line-height: 0; text-align: center; background-color: #fff; } .athm-footer a { display: inline-block; font-size: 14px; color: #333; line-height: 14px; text-decoration: none; vertical-align: top; } .athm-footer a:visited { color: #333334; } .athm-footer a::before { content: ""; display: inline-block; width: 18px; height: 14px; margin-right: 5px; vertical-align: top; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAMAAAA+9+1qAAAAQlBMVEUAAAAzMzMzMzM1NTU4ODg8PDw0NDQzMzM0NDQ0NDQ0NDQ0NDQ1NTU1NTU3Nzc1NTU4ODg0NDQ1NTU1NTUzMzMzMzN4RHb5AAAAFXRSTlMA5PRIEwrtzb+woZKDdDgrINllVlVJen67AAAAjklEQVQ4y+3TyQ7CIBCAYWCgdN//939VDWqmTVW4eXFukA8yS8aIJRNWjIWsMmAyAaVo/272hIjymUgkIQv1+J6MNdiEwlBBM13J1EA1hGfivnfQzmcyt+B6f6jOdw7XeSV68UL6MDwOQb9WdEzhTjRJRedi1lXLVXRpC1EyY9mWZSua3R/9HJUsZ9Ga3wBNGRg3+/A27QAAAABJRU5ErkJggg==") no-repeat; background-size: 100% 100%; } .athm-footer div { margin-top: 12px; font-size: 14px; color: #333; line-height: 14px; } .athm-menu { line-height: 0; background-color: #fff; overflow: hidden; } .athm-menu a { float: left; width: 20%; height: 44px; font-size: 16px; line-height: 44px; white-space: nowrap; text-decoration: none; text-align: center; } .athm-menu a:nth-child(1):nth-last-child(8), .athm-menu a:nth-child(1):nth-last-child(8) ~ a { width: 25%; } .athm-menu a.blank { pointer-events: none; visibility: hidden; } .athm-menu a.activate span { color: #2873ff; } .athm-menu a.disabled { pointer-events: none; } .athm-menu a.disabled span { color: #ccc; } .athm-menu a.highlight span::after { content: ""; position: absolute; top: 6px; right: -6px; width: 6px; height: 6px; background-color: #fd4d4d; border-radius: 50%; } .athm-menu a span { position: relative; display: inline-block; color: #333; vertical-align: top; } .athm-carousel { position: relative; line-height: 1; overflow: hidden; } .athm-carousel .carousel { width: 1000%; overflow: hidden; will-change: transform; } .athm-carousel .carousel .c-item { float: left; width: 10%; overflow: hidden; } .athm-carousel img { width: 100%; height: auto; } .athm-carousel .navi { position: absolute; bottom: 0.875rem; left: 0; width: 100%; font-size: 0; text-align: center; } .athm-carousel .navi .dot i { display: inline-block; width: 0.3125rem; height: 0.3125rem; margin: 0 0.1875rem; background-color: rgba(255, 255, 255, 0.5); vertical-align: top; } .athm-carousel .navi .dot i.activate { background-color: #ffffff; } .athm-carousel .navi .dot i:only-child { display: none; } .athm-title { position: relative; font-size: 1rem; line-height: 1; background-color: #ffffff; } .athm-title::after { content: ""; clear: both; display: block; height: 0; border-bottom: solid #eeeeee 1px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); -o-transform: scaleY(0.5); transform: scaleY(0.5); overflow: hidden; } .athm-title__item { display: inline-block; margin-left: 0.9375rem; font-weight: bold; color: #333333; line-height: 2.75rem; vertical-align: top; } .athm-title__item::before { content: ""; display: inline-block; width: 0.1875rem; height: 0.875rem; margin: 0.9375rem 0.3125rem 0 0; vertical-align: top; background-color: #2873ff; } .athm-title-orange .athm-title__item::before { background-color: orange; } .athm-tab { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding-bottom: 1px; line-height: 1; background-color: #ffffff; } .athm-tab::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 0; border-bottom: solid #eeeeee 1px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); -o-transform: scaleY(0.5); transform: scaleY(0.5); overflow: hidden; } .athm-tab .item-sign { position: absolute; left: 0; bottom: 0.375rem; width: 1rem; height: 2px; background-color: #2873ff; opacity: 0; -webkit-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; } .athm-tab .item-sign ~ *.activate::after { display: none !important; } .athm-tab__item { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: block; height: 2.75rem; font-size: 1rem; color: #333333; line-height: 2.75rem; text-align: center; cursor: pointer; } .athm-tab__item:visited { color: #333332; } .athm-tab__item.activate { color: #2873ff; } .athm-tab__item.activate:visited { color: #2873fe; } .athm-tab__item.activate:after { content: ""; position: absolute; left: 50%; bottom: 0.3125rem; width: 1rem; height: 2px; margin-left: -0.5em; background-color: #2873ff; } .athm-tab__item.disabled { color: #cccccc; pointer-events: none; } .athm-tab__item.disabled:visited { color: #cccccb; } .athm-tab__item:not(a) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); outline: 0; box-shadow: none; } [data-tab-contentFade] [data-role="content"] > * { -webkit-animation: athm-tab 500ms ease both; -o-animation: athm-tab 500ms ease both; animation: athm-tab 500ms ease both; } @-webkit-keyframes athm-tab { 0% { opacity: 0.5; } 100% { opacity: 1; } } @-o-keyframes athm-tab { 0% { opacity: 0.5; } 100% { opacity: 1; } } @keyframes athm-tab { 0% { opacity: 0.5; } 100% { opacity: 1; } } .athm-tab1st { line-height: 1; background-color: #ffffff; } .athm-tab1st::after { content: ""; display: block; height: 0; border-bottom: solid #eeeeee 1px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); -o-transform: scaleY(0.5); transform: scaleY(0.5); overflow: hidden; } .athm-tab1st__assist { height: 2.75rem; overflow: hidden; } .athm-tab1st__scroll { height: 4rem; font-size: 0; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; } .athm-tab1st__anchor { position: relative; display: inline-block; vertical-align: top; } .athm-tab1st__item { position: relative; display: inline-block; margin-right: 1.5625rem; font-size: 1rem; color: #333333; line-height: 2.75rem; vertical-align: top; cursor: pointer; } .athm-tab1st__item:visited { color: #333332; } .athm-tab1st__item:first-child { margin-left: 0.9375rem; } .athm-tab1st__item:last-child { margin-right: 1.875rem; } .athm-tab1st__item.activate { color: #2873ff; } .athm-tab1st__item.activate:visited { color: #2873fe; } .athm-tab1st__item.activate:after { content: ""; position: absolute; left: 50%; bottom: 0.3125rem; width: 1rem; height: 2px; margin-left: -0.5em; background-color: #2873ff; } .athm-tab1st__item.disabled { color: #cccccc; pointer-events: none; } .athm-tab1st__item.disabled:visited { color: #cccccb; } .athm-tab1st__item:not(a) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); outline: 0; box-shadow: none; } .athm-tab2nd { line-height: 1; background-color: #ffffff; } .athm-tab2nd::after { content: ""; display: block; height: 0; border-bottom: solid #eeeeee 1px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); -o-transform: scaleY(0.5); transform: scaleY(0.5); overflow: hidden; } .athm-tab2nd__assist { height: 2.75rem; overflow: hidden; } .athm-tab2nd__scroll { height: 4rem; font-size: 0; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; } .athm-tab2nd__anchor { position: relative; display: inline-block; vertical-align: top; } .athm-tab2nd__item { display: inline-block; margin-right: 1.5625rem; font-size: 0.875rem; color: #333333; line-height: 2.75rem; vertical-align: top; cursor: pointer; } .athm-tab2nd__item:visited { color: #333332; } .athm-tab2nd__item:first-child { margin-left: 0.9375rem; } .athm-tab2nd__item:last-child { margin-right: 1.875rem; } .athm-tab2nd__item.activate { color: #2873ff; } .athm-tab2nd__item.activate:visited { color: #2873fe; } .athm-tab2nd__item.disabled { color: #cccccc; pointer-events: none; } .athm-tab2nd__item.disabled:visited { color: #cccccb; } .athm-tab2nd__item:not(a) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); outline: 0; box-shadow: none; } .athm-underbed { display: block; font-size: 0.875rem; color: #2873ff; line-height: 2.75rem; text-align: center; background-color: #ffffff; cursor: pointer; } .athm-underbed:visited { color: #2873fe; } .athm-underbed__right, .athm-underbed__bottom, .athm-underbed__top { display: inline-block; margin: 1.0625rem 0 0 0.3125rem; line-height: 0; vertical-align: top; } .athm-underbed__right::before, .athm-underbed__bottom::before, .athm-underbed__top::before { content: ""; display: inline-block; width: 0.375rem; height: 0.625rem; vertical-align: top; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAMAAACOLiwjAAAAUVBMVEUAAAApc/8pdP8pdP8odP8odP87iv8oc/8pc/8pdP8oc/8pdP8pc/8oc/8pdP8qdf8oc/8pdP8sd/8rc/8qd/8udv8ve/8teP8pdP8qdf8oc/9lLpg9AAAAGnRSTlMA+7GdjUgG9vPu6+DUxYRtX1g6NSsnGxF1dFWoNzUAAABQSURBVBjTbc9HDsAwDANB1/Tew/8/NDcvAlu3AQSJNEHOpDlaebTVmlC0mtEireiVjSio2ZFXdyZUTv2FRg13BtY4UDr98JQ4BKVCodyv9gdquQTAriduMgAAAABJRU5ErkJggg==") no-repeat; background-size: 100% 100%; } .athm-underbed__bottom { margin-left: 0.4375rem; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .athm-underbed__top { margin-left: 0.4375rem; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .athm-page { margin: 0 20px; position: relative; font-size: 0.75rem; line-height: 2.125rem; } .athm-page::after { content: ""; clear: both; display: block; height: 0; overflow: hidden; } .athm-page__home, .athm-page__prev, .athm-page__next, .athm-page__last { float: left; -moz-box-sizing: border-box; box-sizing: border-box; width: 28%; color: #333333; text-align: center; background-color: #ffffff; border: solid #e6e6e6; border-width: 1px 0 1px 1px; border-radius: 0.125rem 0 0 0.125rem; } .athm-page__home:visited, .athm-page__prev:visited, .athm-page__next:visited, .athm-page__last:visited { color: #333332; } .athm-page__home.disabled, .athm-page__prev.disabled, .athm-page__next.disabled, .athm-page__last.disabled { color: #999999; pointer-events: none; } .athm-page__next, .athm-page__last { border-width: 1px 1px 1px 0; border-radius: 0 0.125rem 0.125rem 0; } .athm-page__num { position: relative; float: left; -moz-box-sizing: border-box; box-sizing: border-box; width: 44%; background-color: #ffffff; border: solid #e6e6e6 1px; } .athm-page__num span { display: block; color: #333333; text-align: center; } .athm-page__num span::after { content: ""; display: inline-block; width: 0.625rem; height: 0.375rem; margin: 0.875rem 0 0 0.3125rem; vertical-align: top; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAMAAABV0m3JAAAAS1BMVEUAAACZmZmZmZmZmZmampqZmZmampqxsbGampqampqampqZmZmampqZmZmampqZmZmbm5uampqZmZmampqampqdnZ2hoaGlpaWZmZlxD2I2AAAAGHRSTlMA+/Xth0g3BuDUxbSuoJqPdG1fWCsnGxG2x24zAAAAZElEQVQI12WOWQ6AIBBDixvuyt77n9QQgwj0Z5rXZFpcFpXsBfZTyaae2NmNfzZ23IGTQmemBc94B/JO7CaH16nkYq5SbgQPCciDwhTfNym31Jl3rGuzzs3k7FDJL4tHoxA++wBBngRxP78asgAAAABJRU5ErkJggg==") no-repeat; background-size: 100% 100%; } .athm-page__num span em { color: #2873ff; } .athm-page__num select { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; } .athm-page-input .athm-page__home, .athm-page-input .athm-page__prev, .athm-page-input .athm-page__next, .athm-page-input .athm-page__last { width: 20%; } .athm-page-input .athm-page__prev, .athm-page-input .athm-page__next { border-radius: 0; } .athm-page-input .athm-page__num { width: 20%; } .athm-page-input .athm-page__num span::after { display: none; } .athm-page-input input { position: absolute; top: 0; left: 40%; -moz-box-sizing: border-box; box-sizing: border-box; width: 20%; font-size: 0.75rem; color: #2873ff; line-height: 2.125rem; text-align: center; background-color: #ffffff; border-radius: 0; opacity: 0; } .athm-page-input input:focus { opacity: 1; border: solid #2873ff 1px; } .athm-page-input input:focus + .athm-page-input__skip { display: block; } .athm-page-input input:focus + .athm-page-input__skip + .athm-page-input__stop { display: block; } .athm-page-input__skip, .athm-page-input__stop { position: absolute; top: 0; left: 60%; display: none; -moz-box-sizing: border-box; box-sizing: border-box; width: 20%; color: #2873ff; text-align: center; background-color: #ffffff; border: solid #e6e6e6; border-width: 1px 1px 1px 0; } .athm-page-input__skip:visited, .athm-page-input__stop:visited { color: #2873fe; } .athm-page-input__stop { left: 80%; border-radius: 0 0.125rem 0.125rem 0; color: #333333; } .athm-page-input__stop:visited { color: #333332; } .athm-blankloading { padding: 0.75rem 0; font-size: 0.875rem; color: #999999; line-height: 1; text-align: center; overflow: hidden; } .athm-blankloading__motion { margin-bottom: 0.5rem; } .athm-tips { position: relative; line-height: 1; background-color: #fffbe2; } .athm-tips__warning { position: absolute; top: 0.5625rem; left: 0.9375rem; width: 1.125rem; height: 1.125rem; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAM1BMVEUAAAD5cSz5cSz5cSz5cSz5cSz5cSz5cSz5cSz5cSz5cSz5cSz5cSz5cSz5cSz5cSz///8UMbdyAAAAD3RSTlMA+je65cayrp6Pb2VcIxVzkHtDAAAAr0lEQVQ4y42UWQ7DMAhEB7zESxJy/9NWjdoomzy87ycbEAzOaCspisRUmuKVtWexA8l9fTpzsBthvilLFXsgdbkUM9krk56cYPZOOKzleOfJ9P+x2oD66+ta87Zdq997XIONJAvfeXUbS9YBZCZlQIVJomjGJGsoXCpIXEqIXIoQLolLcn3nKtw3gmaUBhXmiAKZSXlfFUJ3Lh1fX/ch8JPix+k/cx4YPHr8IeaKww8SBDpttyySegAAAABJRU5ErkJggg==") no-repeat; background-size: 100% 100%; } .athm-tips__warning ~ .athm-tips__info { padding-left: 2.6875rem; } .athm-tips__info { display: block; padding: 0.5rem 2.625rem 0.5rem 0.9375rem; font-size: 0.875rem; color: #333333; line-height: 1.25rem; } .athm-tips__info:visited { color: #333332; } .athm-tips__shut { position: absolute; top: 0; right: 0; padding: 0.75rem 0.9375rem; line-height: 0; } .athm-tips__shut::before { content: ""; display: inline-block; width: 0.75rem; height: 0.75rem; vertical-align: top; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAADMzMzOzs7Ozs7MzMzW5oI7AAAABHRSTlMA1RVEftXy3AAAAFlJREFUGNNVkNEJwDAIBaXdIHSAZIN+dIGS/XcKPM6PE6LoBfVZ9yzseusbnaxd65+AZ+TFUo0LwAMIlBKpgBoEBTQKaARw4m9uQGsP1TpeVBIkTrJ1EJ3qAOWWDp1VUjeiAAAAAElFTkSuQmCC") no-repeat; background-size: 100% 100%; } .athm-toast { position: fixed; top: 50%; left: 0; z-index: 1020; width: 100%; line-height: 1; text-align: center; } .athm-toast-standard { position: relative; z-index: 1010; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 6.25rem; max-width: 70%; min-height: 6.25rem; padding: 1.25rem 0.625rem; vertical-align: top; background-color: rgba(27, 27, 27, 0.9); border-radius: 0.625rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .athm-toast-standard__success, .athm-toast-standard__error, .athm-toast-standard__warning { display: inline-block; line-height: 0; vertical-align: top; } .athm-toast-standard__success::before, .athm-toast-standard__error::before, .athm-toast-standard__warning::before { content: ""; display: inline-block; width: 2.125rem; height: 2.125rem; vertical-align: top; } .athm-toast-standard__success::before { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+dZ61CAAAAMXRSTlMaABgNEgkEFhAGARX67/0i9czEYkw6Mejjr518cice3b64lI6IgndsWVRGQSzVqKVpv0xaKgAAAdlJREFUWMOkz1lOAzEQRdHXZVd5aBABQZhH8QGCH+9/czSDSdJuJx7uAo50MWQTVtoYAsgYrViGbBnEsyXMIsu+AnFRSB1XiDiNPWlXgEgk8owcQLxCQcrvQ2REUaPkESYURpxDFCpSCRKNRgWJ0aAgMRqUiDAa4l1ECA2RbCN+RFOj30IUGlMbRNCc/CMazemIOHTk/hCNjvQv4tCV+0EsurLfiCd0RX5CGJ3xhFh0Ziek8ubzLvkZIKjq/jTcYpaAUdPJWXhcYxZDoaKHp3CVGFDQqOg5XF4gScOgvOtw/IE0U4PchNU5FhFCaS9h9Y6FMsQaC72GozeU91WL2ewgCANB2As3WuRPUQGNCETi37z/yxluWO3uYeqpyR6apt1+M7OF6b6LB9jcKYlnyWP0bq2Grb1b/LzY0WL4rLys26j66wywo3O2y8q/iafZesSLG7jGOEuE9LV9t3iLYo29KD6rSO2syeAhU8mPgifMNK+lwU4RsBlK4k8ptzi1MmQlPLbzn91UyBIdj5FEoOqINNFALUtGkgL3RpcMWbyaLL2psA8no7yg89YipMnh7RZv/HgLGtoM87acDwh8VOFDEx/f+CAZLNLy4ZqP+fzAgR99/HMIw4+D3isOGHsserYjAAAAAElFTkSuQmCC") no-repeat; background-size: 100% 100%; } .athm-toast-standard__error::before { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABEBAMAAADKPY6BAAAAIVBMVEX///8AAAD///////////////////////////////////9OJJCoAAAACnRSTlMaANksBRMKDhF/067JpAAAAWRJREFUSMedlrFKxEAURc9ishu7DaxxezsrsbPLFoplFgTbBPyA2FlmQbAV/AO/1AQG3gyZzF08Vcgebt4mM+8Npc/TRwP561tw01eqAUfRxZVnPD5jyiMBL6bEDXNMuWbGe6jsGmbkh0BpibD2lYoonaf0RNmYYrXGKsYqWaoGqyRG55SaRTKnNCyST4orNlEw7jmJJ5F8DuSTsiPJYVSuSHIclZok2agMJClGBUGJ9/Z/7PLBLjv24Lj8vcNxcfsNjhNb7P4NjnuzWVFD+EMoQ0aLHzMPYU1PEDMLYcNAEDMLoaAhjHGikQNhjPMiWMykRbEYETLFTCEiJhKilUY9KGdQ5Rb06k9vaNWrW1OrD5CxVZ9xxV4thhOVWlIdpVqYttXmy9u2Wp3eJNm07dNb7Xhe89AtSDcy3Q51U9Wt+bwGr8eEHjZ6ZOnBp8enHsJ6lOsDgT5W6MPJP484dlD6Cg9Kfw4cW/1g+1UMAAAAAElFTkSuQmCC") no-repeat; background-size: 100% 100%; } .athm-toast-standard__warning::before { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABEBAMAAADKPY6BAAAAGFBMVEX///8AAAD///////////////////////8GrCwdAAAAB3RSTlMaAAUTCg4R5SLWcwAAARVJREFUSMfV1r0OwjAMBOCjgbJCKcytQMwBiZ3wBLAwFyR23n8iRRliNfWFkRurT6r7E9tYxtndLWBOF3ExJnWHkNKlyR5RnimyhchRECGEEWSNQW6SVHZITCvIGYlMY1IjGReRa5rMAhG1piqGqCRZDUIlI3GBNOOkCMSOE9OTUKxSMNT7AMWXWI2YnlQQmb8h0nqy0snBk0YnhSedTkpPoBMPakYcNow8sGBkgoaRAmdGprgyMkPHSAnLiAEYwb8R/tA5r45/gIzPmPMzLEAywYaRB2pGHJaMZBy1vAO7gpqDJ5VOWt6CchsZb4e8qfLWzBs8HxN82PCRxQcfH5+/DWE+yvlCwNcKvpzwFSe1KL3kovQBkNY9C5UW44sAAAAASUVORK5CYII=") no-repeat; background-size: 100% 100%; } .athm-toast-standard__loading { display: inline-block; padding: 0.3125rem; line-height: 0; vertical-align: top; } .athm-toast-standard__loading::before { content: ""; } .athm-toast-standard__description { margin-top: 0.5rem; font-size: 0.875rem; color: #ffffff; line-height: 1.125rem; } .athm-toast-currency { position: relative; z-index: 1010; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 6.25rem; max-width: 70%; min-height: 4.375rem; padding: 0.9375rem 1.25rem; font-size: 0; word-spacing: -1px; vertical-align: top; background-color: rgba(27, 27, 27, 0.9); border-radius: 0.625rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .athm-toast-currency::before { content: ""; display: inline-block; width: 0; height: 2.5rem; vertical-align: middle; overflow: hidden; } .athm-toast-currency__description { display: inline-block; max-width: 100%; word-spacing: normal; vertical-align: middle; font-size: 0.875rem; color: #ffffff; line-height: 1.25rem; } .athm-toast-currency__description small { font-size: 0.75rem; } .athm-toast__mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; } .athm-confirm { position: fixed; top: 50%; left: 0; z-index: 1010; width: 100%; line-height: 1; text-align: center; } .athm-confirm-currency { position: relative; z-index: 1010; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 15rem; max-width: 70%; background-color: #ffffff; border-radius: 0.625rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .athm-confirm-currency__description { min-height: 3.4375rem; padding: 0.9375rem 1.25rem; font-size: 0; word-spacing: -1px; vertical-align: top; } .athm-confirm-currency__description::before { content: ""; display: inline-block; width: 0; height: 3.4375rem; vertical-align: middle; overflow: hidden; } .athm-confirm-currency__description dl { display: inline-block; max-width: 100%; word-spacing: normal; vertical-align: middle; font-size: 0.875rem; color: #333333; line-height: 1.25rem; } .athm-confirm-currency__description dl small { font-size: 0.75rem; } .athm-confirm-currency__description dl dt { margin-bottom: 0.5625rem; font-size: 1.0625rem; font-weight: bold; line-height: 1.4375rem; } .athm-confirm-currency__handle { overflow: hidden; } .athm-confirm-currency__handle::before { content: ""; display: block; height: 0; border-top: solid #eeeeee 1px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); -o-transform: scaleY(0.5); transform: scaleY(0.5); overflow: hidden; } .athm-confirm-currency__handle a, .athm-confirm-currency__handle div { position: relative; float: left; width: 50%; font-size: 0.9375rem; color: #999999; line-height: 2.75rem; text-align: center; cursor: pointer; } .athm-confirm-currency__handle a:visited, .athm-confirm-currency__handle div:visited { color: #999998; } .athm-confirm-currency__handle a:only-child, .athm-confirm-currency__handle div:only-child { width: 100%; } .athm-confirm-currency__handle a:last-child, .athm-confirm-currency__handle div:last-child { color: #2873ff; } .athm-confirm-currency__handle a:last-child:visited, .athm-confirm-currency__handle div:last-child:visited { color: #2873fe; } .athm-confirm-currency__handle a:last-child::before, .athm-confirm-currency__handle div:last-child::before { content: ""; position: absolute; top: 0; bottom: 0; left: -1px; width: 0; border-left: solid #eeeeee 1px; -webkit-transform: scaleX(0.5); -ms-transform: scaleX(0.5); -o-transform: scaleX(0.5); transform: scaleX(0.5); overflow: hidden; } .athm-confirm__mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background-color: rgba(27, 27, 27, 0.3); } .athm-generalize-text { position: relative; } .athm-generalize-text::before { position: absolute; right: 0.9375rem; bottom: 0.625rem; pointer-events: none; } .athm-generalize-text.mark-hide::after { display: none; } .athm-generalize-text a { display: block; padding: 0.5rem 0.9375rem; font-size: 1.0625rem; color: #333333; line-height: 1.5rem; background-color: #ffffff; } .athm-generalize-text a:visited { color: #333332; } .athm-generalize-text a::after { content: ""; display: inline-block; width: 1.6875rem; overflow: hidden; } .athm-generalize-img43 { position: relative; } .athm-generalize-img43::after { position: absolute; left: 0.9375rem; bottom: 0.9375rem; pointer-events: none; } .athm-generalize-img43.mark-hide::after { display: none; } .athm-generalize-img43 a { display: block; padding: 0.9375rem; background-color: #ffffff; overflow: hidden; } .athm-generalize-img43 a img { float: right; margin-left: 8px; width: 7rem; height: 5.25rem; } .athm-generalize-img43 a .noa { display: block; font-size: 1.0625rem; color: #333333; line-height: 1.5rem; } .athm-generalize-img43 a .nob { display: block; margin-top: 0.375rem; font-size: 0.75rem; color: #999999; line-height: 1rem; } .athm-generalize-imgfull { position: relative; } .athm-generalize-imgfull::after { position: absolute; right: 0.25rem; bottom: 0.25rem; pointer-events: none; } .athm-generalize-imgfull.mark-hide::after { display: none; } .athm-generalize-imgfull a { display: block; } .athm-generalize-imgfull a img { width: 100%; height: auto; } .athm-garage { position: fixed; right: 0.9375rem; bottom: 6.875rem; z-index: 999; width: 2.5rem; height: 2.5rem; text-align: center; background-color: rgba(40, 115, 255, 0.9); border-radius: 50%; box-shadow: 0 0.125rem 0.5rem rgba(40, 115, 255, 0.4); } .athm-garage::before { content: ""; display: inline-block; width: 1.125rem; height: 1rem; margin-top: 0.75rem; vertical-align: top; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAMAAABNTyq8AAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAEnRSTlMAchOxkutQMNNT47QF89B6STseZtc9AAAAzUlEQVQ4y4XSWw6EIBQD0Ko8FHx2/4udGRJySTFMEz8uFgknoubylPgLkosvkdbuGSAJ9LssrOiyysaFU1+auLTjTM42yWq/Z/D9k9tbaeNpQ7R76J0jahwdJPZCN1j0CEVSqgGSXLtH6qmeREESKqYHmRQkoSIzFq30tQWO07g00ZVnlPKVwDwuZQbERpJNGs+Imce4dPykvFIqpy//UhyVIk+gh+qZ8A+qEBkUJcYEg9KSMcGg6nKdjAkGpSVj+ibJAXJ4KuOdRqV0Ax9FnhF7PWh4hQAAAABJRU5ErkJggg==") no-repeat; background-size: 100% 100%; } .athm-garage .count { position: absolute; top: -0.25rem; right: -0.125rem; min-width: 0.75rem; height: 1rem; padding: 0 0.125rem; font-size: 0.75rem; color: #ffffff; line-height: 1rem; text-align: center; background-color: #fd4d4d; border-radius: 0.5rem; } .athm-garage .count:empty { display: none; } .athm-backtop { position: fixed; right: -2.5rem; bottom: 3.75rem; z-index: 999; width: 2.375rem; height: 2.375rem; text-align: center; background-color: rgba(255, 255, 255, 0.9); border: solid #eeeeee 1px; border-radius: 50%; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1); cursor: pointer; -webkit-animation: athm-backtop 200ms ease both; -o-animation: athm-backtop 200ms ease both; animation: athm-backtop 200ms ease both; } @-webkit-keyframes athm-backtop { 0% { right: 0.625em; opacity: 0; } 100% { right: 0.9375em; opacity: 1; } } @-o-keyframes athm-backtop { 0% { right: 0.625em; opacity: 0; } 100% { right: 0.9375em; opacity: 1; } } @keyframes athm-backtop { 0% { right: 0.625em; opacity: 0; } 100% { right: 0.9375em; opacity: 1; } } .athm-backtop::before { content: ""; display: inline-block; width: 1.125rem; height: 0.625rem; margin-top: 0.8125rem; vertical-align: top; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAUBAMAAAAXVIIGAAAAD1BMVEUAAAAzMzMzMzM0NDQ1NTX5oRX8AAAABXRSTlMA/nheK3a011cAAABUSURBVBjTfcrBDYAgEAXRH7QBsIG1A+3A/qvyIPsnQsIcJ0+LSkzrbBOqNUZ03G1E19YZSOoMJCUDmYGSgcxAyUBmIDMjGAgGgoFg5UOwkJ7/2vUCKyMHxr5ZMQwAAAAASUVORK5CYII=") no-repeat; background-size: 100% 100%; } @font-face { font-family: "athm-iconfont"; src: url("//s.autoimg.cn/mass/athm-iconfont-v20180320/iconfont.eot?t=1521515070155"); /* IE9*/ src: url("//s.autoimg.cn/mass/athm-iconfont-v20180320/iconfont.eot?t=1521515070155#iefix") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("//s.autoimg.cn/mass/athm-iconfont-v20180320/iconfont.ttf?t=1521515070155") format("truetype"), url("//s.autoimg.cn/mass/athm-iconfont-v20180320/iconfont.svg?t=1521515070155#athm-iconfont") format("svg"); /* iOS 4.1- */ } .athm-iconfont-arrowright:before { content: "\e749"; } .athm-iconfont-arrowbottom:before { content: "\e74a"; } .athm-iconfont-arrowleft:before { content: "\e74b"; } .athm-iconfont-arrowtop:before { content: "\e74c"; } .athm-iconfont-app:before { content: "\e74d"; } .athm-iconfont-add:before { content: "\e74e"; } .athm-iconfont-star:before { content: "\e74f"; } .athm-iconfont-star-fill:before { content: "\e750"; } .athm-iconfont-vs:before { content: "\e751"; } .athm-iconfont-pass:before { content: "\e752"; } .athm-iconfont-camera:before { content: "\e753"; } .athm-iconfont-shut:before { content: "\e754"; } .athm-iconfont-comment:before { content: "\e755"; } .athm-iconfont-comment-fill:before { content: "\e756"; } .athm-iconfont-diamond:before { content: "\e757"; } .athm-iconfont-praise-fill:before { content: "\e758"; } .athm-iconfont-praise:before { content: "\e759"; } .athm-iconfont-praiseshine-fill:before { content: "\e75a"; } .athm-iconfont-home:before { content: "\e75b"; } .athm-iconfont-image:before { content: "\e75c"; } .athm-iconfont-loction:before { content: "\e75d"; } .athm-iconfont-message:before { content: "\e75e"; } .athm-iconfont-points:before { content: "\e75f"; } .athm-iconfont-phiz:before { content: "\e760"; } .athm-iconfont-search:before { content: "\e761"; } .athm-iconfont-share:before { content: "\e762"; } .athm-iconfont-share-fill:before { content: "\e763"; } .athm-iconfont-switch:before { content: "\e764"; } .athm-iconfont-alipay:before { content: "\e765"; } .athm-iconfont-wechat:before { content: "\e766"; } .athm-iconfont-eye:before { content: "\e768"; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } ol, ul { list-style: none; } img { vertical-align: top; } input, select, textarea { margin: 0; padding: 0; font-size: 100%; font: inherit; tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: 0; box-shadow: none; } html { background-color: #f9f9f9; font: 16px/1 STHeiti,Arial; color: #666; word-wrap: break-word; word-break: break-all; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } a { color: #666; text-decoration: none; } a.link-highlight { color: #2f75bb; } main { min-height: 360px; } .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-mb { margin-bottom: 12px; } .fn-mlr { margin-left: 6px; margin-right: 6px; } .fn-halfword { margin-right: .5em; } .fn-oneword { margin-right: 1em; } .fn-hide { display: none !important; } .layout-justify { display: table; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; } .layout-justify a { display: table-cell; } .layout-justify ins { display: table-cell; width: auto; text-decoration: none; } .layout-justify ins::after { content: "\00a0"; } .iconfont { display: inline-block; vertical-align: top; } .iconfont::before { content: ""; display: inline-block; vertical-align: top; background: url(//s.autoimg.cn/mass/v1/img/icon-v20150104.png) no-repeat; background-size: 80px auto; } .icon-search::before { width: 20px; height: 19px; background-position: 0 0; } .search-port .icon-search::before { background-position: -25px 0; } .search .s-result .icon-search::before { width: 12px; height: 12px; background-position: -50px 0; } .icon-arrow-left::before { width: 6px; height: 10px; background-position: -40px -25px; } .icon-arrow-right::before { width: 6px; height: 10px; background-position: -40px -36px; } .icon-arrow-top::before { width: 10px; height: 6px; background-position: -25px -25px; } .icon-arrow-bottom::before { width: 10px; height: 6px; background-position: -25px -40px; } .nav-back .icon-arrow-left::before { width: 13px; height: 20px; background-position: 0 -25px; } .vs-cont .icon-arrow-left::before, .vs-cont-new .icon-arrow-left::before { width: 7px; height: 11px; background-size: 40px auto; background-position: 0 -12px; } .nav-bread .icon-arrow-right::before { background-position: -50px -36px; } .btn-highlight .icon-arrow-right::before { background-position: -70px -36px; } .list-series .brand-sale .icon-arrow-right::before { background-position: -70px -25px; } .icon-check::before { width: 18px; height: 13px; background-position: 0 -50px; } .icon-cross::before { width: 13px; height: 13px; background-position: 0 -75px; } .notice .icon-cross::before, .tips-form .icon-cross::before, .search header .icon-cross::before, .price-form .cont > .icon-cross::before, .price-add-head .icon-cross::before { width: 16px; height: 16px; background-position: -25px -75px; } .search .s-form .icon-cross::before, .input-text .icon-cross::before, .price-form .uploadbox .icon-cross::before, .filter-group .icon-cross::before, .vs-cont .icon-cross::before, .vs-cont-new .icon-cross::before, .vs-cartype .icon-cross::before { width: 10px; height: 10px; background-position: -50px -75px; } .icon-info::before { width: 4px; height: 16px; background-position: 0 -100px; } .icon-warn::before { width: 4px; height: 16px; background-position: 0 -125px; } .icon-ask::before { width: 10px; height: 16px; background-position: 0 -150px; } .icon-write::before { width: 17px; height: 14px; background-position: 0 -175px; } .icon-praise::before { width: 15px; height: 14px; background-position: -25px -175px; } .icon-v::before { width: 10px; height: 8px; background-position: -70px -175px; } .icon-v { width: 16px; height: 16px; background-color: #f60; border-radius: 8px; text-align: center; } .icon-v::before { margin-top: 5px; } .icon-invoice::before { width: 32px; height: 25px; background-position: -25px -95px; } .icon-battery::before { width: 20px; height: 36px; background-position: -25px -125px; } .icon-oil::before { width: 28px; height: 36px; background-position: -50px -125px; } .icon-star-fill::before { width: 16px; height: 16px; background-position: 0 -200px; } .stargrade .dark .icon-star-fill::before { background-position: -25px -200px; } .stargrade .light .icon-star-fill::before { background-position: -50px -200px; } .icon-favor::before, .icon-favor-fill::before { width: 25px; height: 23px; background-position: -14px -275px; } .icon-favor-fill::before { background-position: -14px -300px; } .icon-down::before { width: 10px; height: 14px; background-position: 0 -225px; } .sift .icon-down::before, .sift .icon-up::before { width: 10px; height: 14px; background-position: -25px -225px; } .sift .icon-up::before { -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); } .sift .activate .icon-down::before, .sift .activate .icon-up::before { width: 10px; height: 14px; background-position: -50px -225px; } .sift .activate .icon-up::before { -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); } .icon-both-norm, .icon-both-up, .icon-both-down { display: inline-block; width: 8px; height: 14px; vertical-align: top; overflow: hidden; position: relative; } .icon-both-norm::before, .icon-both-up::before, .icon-both-down::before, .icon-both-norm::after, .icon-both-up::after, .icon-both-down::after { content: ""; width: 0; height: 0; border: solid; border-color: transparent transparent #939393; border-width: 0 4px 4px; position: absolute; top: 2px; left: 0; } .icon-both-norm::after, .icon-both-up::after, .icon-both-down::after { -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); position: absolute; top: auto; bottom: 2px; } .icon-both-up::before, .icon-both-down::after { border-color: transparent transparent #f60; } .icon-add::before { width: 8px; height: 8px; background-position: 0 -250px; } .search .icon-add::before { width: 10px; height: 10px; background-position: -20px -250px; } .vs-cartype .icon-add::before, .price-form .icon-add::before { width: 32px; height: 32px; background-position: -40px -250px; } .vs-cont .icon-add::before, .vs-cont-new .icon-add::before { width: 32px; height: 32px; background-position: -40px -300px; } .icon-gift::before { width: 16px; height: 16px; background-position: -60px -95px; } .icon-anchor::before { width: 9px; height: 12px; background-position: 0 -275px; } .icon-car::before { width: 12px; height: 8px; background-position: 0 -300px; } .icon-time::before { width: 12px; height: 12px; background-position: 0 -325px; } .icon-pc::before { width: 15px; height: 14px; background-position: 0 -350px; } .icon-mobile::before { width: 8px; height: 14px; background-position: -25px -350px; } .list-dealer .icon-mobile::before, .list-pricedown .icon-mobile::before, .pricelower-chief .icon-mobile::before { width: 9px; height: 15px; background-position: -50px -450px; } .icon-home::before { width: 19px; height: 17px; background-position: 0 -375px; } .icon-delete::before { width: 15px; height: 15px; background-position: -25px -375px; } .icon-comment::before { width: 15px; height: 13px; background-position: -50px -380px; } .list-headline-comment .icon-comment::before { background-position: -50px -365px; } .list-baskprice .icon-comment::before, .list-comment .icon-comment::before { background-position: -50px -350px; } .icon-tel::before { width: 21px; height: 18px; background-position: 0 -400px; } .price-detail .icon-tel::before { width: 11px; height: 12px; background-position: -50px -400px; } .list-dealer .icon-tel::before { width: 16px; height: 18px; background-position: 0 -450px; } .icon-tel-24h::before { width: 21px; height: 18px; background-position: -25px -400px; } .list-dealer .icon-tel-24h::before { width: 21px; height: 18px; background-position: -25px -450px; } .icon-backtop::before { width: 16px; height: 14px; background-position: 0 -425px; } .icon-backtop::before { width: 16px; height: 14px; background-position: 0 -425px; } .icon-good::before, .icon-common::before, .icon-bad::before { width: 12px; height: 12px; background-position: -25px -425px; } .icon-common::before { background-position: -40px -425px; } .icon-bad::before { background-position: -55px -425px; } .mark-video, .mark-shuoke, .mark-promotion { display: inline-block; min-width: 2em; padding: 0 2px; border-radius: 2px; font-size: 12px; color: #fff; line-height: 14px; text-align: center; } .mark-video { background-color: #666; } .mark-video::after { content: ""; display: inline-block; width: 0; height: 0; margin-top: 4px; border: solid; border-color: transparent transparent transparent #fff; border-width: 3px 0 3px 6px; vertical-align: top; overflow: hidden; } .mark-shuoke { background-color: #f60; } .mark-promotion { background-color: #d60000; } .mark-4s { display: inline-block; width: 16px; height: 16px; background-color: #4fb947; border: solid #4fb947 1px; border-radius: 2px; font-size: 12px; color: #fff; line-height: 16px; text-align: center; } .mark-sale { display: inline-block; width: 16px; height: 16px; border: solid #f60 1px; border-radius: 2px; font-size: 12px; color: #f60; line-height: 16px; text-align: center; } .mark-brandevent, .mark-brandsale { padding: 2px 4px; background-color: #939393; border-radius: 3px; font-size: 12px; color: #fff; line-height: 1; } .mark-brandsale { background-color: #f60; } .mark-rank { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 20px; height: 20px; padding: 2px 0 0 2px; font-size: 10px; color: #fff; z-index: 10; position: relative; } .mark-rank::before { content: counter(rank); } .mark-rank::after { content: ""; width: 0; height: 0; border: solid; border-width: 10px; border-color: rgba(0, 0, 0, 0.5) transparent transparent rgba(0, 0, 0, 0.5); z-index: -1; position: absolute; top: 0; left: 0; } .mark-rank.mark-rank-highlight::after { border-color: rgba(255, 0, 0, 0.5) transparent transparent rgba(255, 0, 0, 0.5); } .mark-jing, .mark-manjing, .mark-tui { height: 16px; padding: 0 3px; border-radius: 2px; font-size: 12px; line-height: 16px; border: solid 1px; } .mark-jing { border-color: #f60; color: #f60; } .mark-manjing { border-color: #f00; color: #f00; } .mark-tui { border-color: #2f75bb; color: #2f75bb; } .loading { display: inline-block; height: 14px; vertical-align: top; } .loading::before { content: ""; display: inline-block; width: 14px; height: 14px; vertical-align: top; background: url(//s.autoimg.cn/mass/v1/img/loading.gif) no-repeat; background-size: 100% 100%; } .loading-overall { z-index: 1001; position: fixed; top: 50%; left: 50%; margin-top: -7px; margin-left: -7px; } .phimg { background: #f9f9f9 url(//s.autoimg.cn/mass/v1/img/phimg.gif) center center no-repeat; background-size: 50% auto; } .btn { appearance: none; -webkit-appearance: none; -moz-appearance: none; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: 36px; padding: 9px 12px; background-color: #f9f9f9; border: solid #c3c3c3 1px; border-radius: 2px; font-size: 16px; color: #666; line-height: 1; white-space: nowrap; vertical-align: top; overflow: hidden; } .btn:visited { color: #666665; } .btn .icon-arrow-right { height: 10px; margin-left: 8px; margin-top: 3px; } .btn .icon-arrow-bottom { height: 6px; margin-left: 8px; margin-top: 5px; } .btn .icon-comment { margin-right: 8px; position: relative; top: 1px; } .btn .icon-praise { margin-right: 8px; position: relative; top: -1px; } .btn .icon-favor, .btn .icon-favor-fill { margin-right: 8px; position: relative; top: -5px; } .btn abbr { vertical-align: top; } .btn-small { height: 28px; padding: 6px; font-size: 14px; } .btn-small .icon-arrow-right, .btn-small .icon-arrow-bottom { margin-top: 2px; } .btn-small .icon-arrow-bottom { margin-top: 4px; } .btn-big { height: 44px; padding: 13px 16px; } .btn-full { display: block; text-align: center; } .btn-sel-skip { padding-right: 20px; text-align: left; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; position: relative; } .btn-sel-skip .icon-arrow-right { position: absolute; top: 50%; margin-top: -5px; right: 6px; } .btn-sel-down { padding-right: 24px; text-align: left; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; position: relative; } .btn-sel-down .icon-arrow-bottom { position: absolute; top: 50%; margin-top: -3px; right: 6px; } .btn-highlight, .btn-highlight-orange, .btn-biz, .btn-mall { min-width: 90px; background-color: #2f75bb; border-color: #2f75bb; color: #fff; text-align: center; } .btn-highlight:visited, .btn-highlight-orange:visited, .btn-biz:visited, .btn-mall:visited { color: #fffffe; } .btn-highlight.btn-small, .btn-highlight-orange.btn-small, .btn-biz.btn-small, .btn-mall.btn-small { min-width: 70px; } .btn-highlight.btn-big, .btn-highlight-orange.btn-big, .btn-biz.btn-big, .btn-mall.btn-big { min-width: 98px; } .btn-highlight-orange, .btn-biz { background-color: #f60; border-color: #f60; } .btn-mall { background-color: #f1584a; border-color: #f1584a; } .btn-tel { background-color: #4fb947; border-color: #4fb947; color: #fff; } .btn-tel:visited { color: #fffffe; } .btn-tel .icon-tel, .btn-tel .icon-tel-24h { margin-right: 8px; } .btn-more, .btn-less { min-width: 98px; height: auto; padding-top: 6px; padding-bottom: 4px; text-align: center; } .btn-more .icon-arrow-bottom, .btn-less .icon-arrow-bottom, .btn-more .icon-arrow-top, .btn-less .icon-arrow-top { height: 6px; margin: 8px 0 0; } .btn-loading { background-color: #e9e9e9; color: #939393; } .btn-loading .loading { margin-right: 8px; } .btn-loading.btn .loading { margin-top: 1px; } .btn-loading.btn-small .loading { margin-top: 0; } .btn-disabled { background-color: #e9e9e9; border-color: #e9e9e9; color: #c3c3c3; pointer-event: none; } .btn-disabled:visited { color: #c3c3c2; } .btn-disabled .icon-arrow-bottom { opacity: .2; } .btn-select { appearance: none; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: inline-block; height: 36px; padding: 6px 24px 6px 9px; background: #f9f9f9 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFDNDhCMzNENDdCNzExRTQ4NUVERkIwMzdGNTlCNTE4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFDNDhCMzNFNDdCNzExRTQ4NUVERkIwMzdGNTlCNTE4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUM0OEIzM0I0N0I3MTFFNDg1RURGQjAzN0Y1OUI1MTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUM0OEIzM0M0N0I3MTFFNDg1RURGQjAzN0Y1OUI1MTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7XjexGAAABKklEQVR42sSWwU7CQBCGdzmZ4EMRfJft0YsXiQRjQVDshVt9F9pXAiUYAS3/4mwy2bht0lllki/b7HTa/29n0qqqqlRbjDEalP9dy+molpEkicbyDXo4XtJeUw1fC6r9UoLoCGoNWNFx35rI8zxowu6zfGnFU2qNPXMOA69gCN6aTNSJB3d0rVahbR8J2+gapOCStguIveKiA+LfrXjkFpIWEhlgJm7ACHRDJjzxG3CPXKaEIRni0woR9gm8gAn48NuJgovfgrET3zT4f91CyomkNzGgnr6gU9zFNa3WYIqaqV9/jiHm7eHexCOYgR0T7sR/gmlM8WIDARMP4Bkc2Gl78IR8GlN8lCGuaacZDbe9wRy529jif5pU+Cn3fg/8X4UMzH/Lx+IowAAB2Kq3TGGGlgAAAABJRU5ErkJggg==") center right no-repeat; background-size: 24px auto; border: solid #c3c3c3 1px; border-radius: 2px; font-size: 16px; color: #666; line-height: 22px; vertical-align: top; } .btn-select-small { height: 28px; padding: 2px 24px 2px 6px; } .btn-select-full { display: block; width: 100%; } .stargrade { display: inline-block; width: 84px; height: 16px; vertical-align: top; overflow: hidden; position: relative; } .stargrade .dark, .stargrade .light { display: inline-block; width: 84px; height: 16px; white-space: nowrap; vertical-align: top; overflow: hidden; } .stargrade .dark .icon-star-fill, .stargrade .light .icon-star-fill { vertical-align: top; margin-right: 1px; } .stargrade .light { position: absolute; top: 0; left: 0; } .notice { background-color: #fffbe2; position: relative; } .notice a { display: block; padding: 0 6px; margin-right: 40px; font-size: 16px; line-height: 36px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .notice .icon-cross { padding: 10px 12px; position: absolute; top: 0; right: 0; } .header { padding: 6px 56px 6px 124px; overflow: hidden; position: relative; } .header .logo { position: absolute; top: 10px; left: 12px; } .header .logo img { width: 100px; height: 24px; } .header .auth { width: 32px; height: 32px; font-size: 16px; font-weight: bold; line-height: 32px; white-space: nowrap; position: absolute; top: 6px; right: 12px; } .header .auth img { width: 32px; height: 32px; border-radius: 2px; } .header .auth i { min-width: 18px; height: 18px; background-color: #f00; border-radius: 9px; font-size: 12px; font-weight: normal; color: #fff; line-height: 18px; text-align: center; position: absolute; top: -6px; right: -6px; } .header-new { height: 32px; padding: 6px 0; background-color: #fff; position: relative; } .header-new .logo { float: left; margin: 4px 0 0 12px; } .header-new .logo img { width: 100px; height: 24px; } .header-new .auth { float: right; width: 32px; height: 32px; margin-right: 12px; font-size: 16px; font-weight: bold; line-height: 32px; white-space: nowrap; position: relative; } .header-new .auth img { width: 32px; height: 32px; border-radius: 2px; } .header-new .auth i { min-width: 18px; height: 18px; background-color: #f00; border-radius: 9px; font-size: 12px; font-weight: normal; color: #fff; line-height: 18px; text-align: center; position: absolute; top: -6px; right: -6px; } .nav { display: table; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; padding: 4px 6px; background-color: #3b5998; position: relative; z-index: 999; } .nav a { display: table-cell; } .nav ins { display: table-cell; width: auto; text-decoration: none; } .nav ins::after { content: "\00a0"; } .nav a { width: 2em; height: 32px; padding: 0 6px; font-size: 18px; font-weight: bold; color: #fff; line-height: 32px; white-space: nowrap; text-align: center; } .nav a:nth-child(5) { width: 3em; } .nav a:visited { color: #fffffe; } .nav a.activate { background-color: #2f75bb; border-radius: 2px; } .nav-back { background-color: #3b5998; position: relative; z-index: 999; } .nav-back h1 { font-size: 18px; font-weight: bold; color: #fff; line-height: 40px; text-align: center; } .nav-back .back { height: 20px; padding: 10px 0; font-size: 14px; color: #fff; line-height: 20px; overflow: hidden; position: absolute; top: 0; left: 0; } .nav-back .back:visited { color: #fffffe; } .nav-back .back .icon-arrow-left { margin: 0 8px 0 12px; } .nav-bread { background-color: #3b5998; overflow: hidden; position: relative; z-index: 999; } .nav-bread a { float: left; padding: 0 9px; font-size: 16px; color: #fff; line-height: 40px; } .nav-bread a.home { width: 40px; height: 40px; padding: 0; border-right: solid #2e4679 1px; box-shadow: 1px 0 0 #6179ac; -webkit-box-shadow: 1px 0 0 #6179ac; -moz-box-shadow: 1px 0 0 #6179ac; } .nav-bread a.home .icon-home { height: 17px; margin: 11px 0 0 12px; } .nav-bread a:visited { color: #fffffe; } .nav-bread .end { float: left; padding: 0 9px; font-size: 16px; color: #fff; line-height: 40px; } .nav-bread .icon-arrow-right { float: left; margin-top: 15px; } .nav-bread .icon-search { float: right; margin-right: 6px; padding: 10px 10px 11px; } .nav-bread .auth { float: right; width: 32px; height: 32px; margin-right: 12px; padding: 4px 0; font-size: 16px; font-weight: bold; line-height: 32px; white-space: nowrap; position: relative; } .nav-bread .auth img { width: 32px; height: 32px; border-radius: 2px; } .nav-bread .auth i { min-width: 18px; height: 18px; background-color: #f00; border-radius: 9px; font-size: 12px; font-weight: normal; color: #fff; line-height: 18px; text-align: center; position: absolute; top: -2px; right: -6px; } .menu { overflow: hidden; } .menu li { float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; padding: 0 1px 1px 0; } .menu li a, .menu li > span { display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: 36px; background-color: #e9e9e9; border: solid #c3c3c3; border-width: 0 1px 1px 0; font-size: 16px; color: #666; line-height: 36px; text-align: center; } .menu li a:visited, .menu li > span:visited { color: #666665; } .menu li a.activate, .menu li > span.activate { background-color: #2f75bb; border-width: 0; color: #fff; } .menu li a.activate:visited, .menu li > span.activate:visited { color: #fffffe; } .menu li a.disabled, .menu li > span.disabled { color: #c3c3c3; pointer-event: none; } .menu li a.disabled:visited, .menu li > span.disabled:visited { color: #c3c3c2; } .menu.menu-column4 li { width: 25%; } .menu.menu-column4 li:nth-child(4n) a { border-right-width: 0; } .station { background: #fff; border-bottom: solid #e9e9e9 1px; position: relative; } .station h1 { padding: 9px 12px 0; font-size: 18px; line-height: 24px; } .station h1 em { color: #939393; } .station h1 + .btn-small { margin: 9px 12px 12px; vertical-align: top; } .station .tarea { float: right; margin: 9px 12px 12px; } .station .tarea abbr { display: inline-block; max-width: 6em; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .title { min-height: 40px; padding: 0 6px; border-bottom: solid #e9e9e9 1px; } .title .item, .title > span { display: inline-block; padding: 8px 6px; font-size: 16px; color: #2f75bb; line-height: 24px; position: relative; } .title .item::after, .title > span::after { content: ""; width: 100%; height: 4px; background-color: #2f75bb; position: absolute; left: 0; bottom: -1px; } .title .tskip, .title .tarea { float: right; margin-top: 6px; } .title .tskip abbr, .title .tarea abbr { display: inline-block; max-width: 6em; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .title-sub { background-color: #f9f9f9; border-bottom: solid #c3c3c3 1px; } .title-sub .item, .title-sub > span { display: inline-block; margin: 9px 0 0 6px; margin-bottom: -1px; padding: 0 12px 1px; background: #fff; border: solid #c3c3c3; border-width: 1px 1px 0; border-radius: 2px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; font-size: 14px; color: #2f75bb; line-height: 26px; } .tab { height: 40px; padding: 0 6px; border-bottom: solid #e9e9e9 1px; position: relative; } .tab .item, .tab > span { float: left; margin-right: 20px; padding: 0 6px; font-size: 16px; line-height: 40px; position: relative; } .tab .item:last-child, .tab > span:last-child { margin-right: 0; } .tab .item.activate, .tab > span.activate { color: #2f75bb; } .tab .item.activate::after, .tab > span.activate::after { content: ""; width: 100%; height: 4px; background-color: #2f75bb; position: absolute; left: 0; bottom: -1px; } .tab.tab-avg03 { text-align: center; } .tab.tab-avg03 span:nth-child(1) { margin: 0; } .tab.tab-avg03 span:nth-child(2) { float: none; display: inline-block; margin: 0; } .tab.tab-avg03 span:nth-child(3) { float: right; } .tab .tarea { float: right; margin-top: 6px; } .tab .tarea abbr { display: inline-block; max-width: 3em; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .carousel-wrapper { border-radius: 2px; overflow: hidden; } .carousel-wrapper h2 { padding: 0 8px; background-color: rgba(0, 0, 0, 0.8); font-size: 12px; color: #fff; line-height: 20px; overflow: hidden; } .carousel-wrapper h2 span { float: right; color: #c3c3c3; } .carousel-wrapper .carousel { width: 1000%; overflow: hidden; will-change: transform; } .carousel-wrapper .carousel .c-item { float: left; width: 10%; overflow: hidden; } .carousel-wrapper .carousel .c-item img { width: 100%; min-height: 154px; height: auto; background: #f9f9f9 url(//s.autoimg.cn/mass/v1/img/phimg.gif) center center no-repeat; background-size: 50% auto; } .list-headline a, .list-headline-comment a { display: block; padding: 8px 6px; border-bottom: solid #e9e9e9 1px; font-size: 16px; line-height: 1.5; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .list-headline.list-headline-multi a, .list-headline-comment.list-headline-multi a { white-space: normal; } .list-headline-comment a { padding-right: 72px; position: relative; } .list-headline-comment .comment { width: 56px; font-size: 14px; color: #c3c3c3; line-height: 14px; white-space: nowrap; position: absolute; top: 50%; margin-top: -7px; right: 8px; } .list-headline-comment .comment .icon-comment { margin: 1px 8px 0 0; vertical-align: top; } .list-info li, .list-info-2sc li, .list-info-pricedown li { border-bottom: solid #e9e9e9 1px; } .list-info li > a, .list-info-2sc li > a, .list-info-pricedown li > a { display: block; padding: 12px 0; overflow: hidden; } .list-info li > a img, .list-info-2sc li > a img, .list-info-pricedown li > a img { float: left; width: 90px; height: 68px; margin-right: 8px; background: #f9f9f9 url(//s.autoimg.cn/mass/v1/img/phimg.gif) center center no-repeat; background-size: 50% auto; } .list-info li > a h2, .list-info-2sc li > a h2, .list-info-pricedown li > a h2 { height: 48px; font-size: 16px; line-height: 1.5; overflow: hidden; } .list-info li > a time, .list-info-2sc li > a time, .list-info-pricedown li > a time { float: left; margin-top: 6px; font-size: 12px; color: #c3c3c3; } .list-info li > a .comment, .list-info-2sc li > a .comment, .list-info-pricedown li > a .comment { float: right; margin-top: 6px; font-size: 12px; color: #c3c3c3; } .list-info li > a .mark-video, .list-info-2sc li > a .mark-video, .list-info-pricedown li > a .mark-video, .list-info li > a .mark-shuoke, .list-info-2sc li > a .mark-shuoke, .list-info-pricedown li > a .mark-shuoke { margin-left: 8px; vertical-align: 1px; } .list-info li > a .mark-promotion, .list-info-2sc li > a .mark-promotion, .list-info-pricedown li > a .mark-promotion { float: right; margin-top: 5px; } .list-info-2sc li > a .price { float: left; margin-top: 2px; font-size: 16px; color: #f60; } .list-info-2sc li > a .price em { font-size: 12px; } .list-info-2sc li > a time, .list-info-2sc li > a .mileage { float: right; margin-top: 6px; font-size: 12px; color: #c3c3c3; } .list-info-2sc li > a .mileage { margin-right: 8px; } .list-info-pricedown li > a .price { overflow: hidden; } .list-info-pricedown li > a .present { float: left; width: 36%; margin-top: 2px; font-size: 16px; color: #f60; } .list-info-pricedown li > a .present em { font-size: 12px; } .list-info-pricedown li > a .range, .list-info-pricedown li > a .original { float: left; width: 36%; margin-top: 6px; font-size: 12px; color: #4fb947; } .list-info-pricedown li > a .range .icon-down, .list-info-pricedown li > a .original .icon-down { margin: -1px 8px 0 0; } .list-info-pricedown li > a .original { width: 28%; color: #c3c3c3; } .list-2sc { overflow: hidden; } .list-2sc li { float: left; width: 50%; padding-top: 12px; } .list-2sc a { display: block; width: 141px; margin: 0 auto; padding-bottom: 8px; background-color: #f9f9f9; overflow: hidden; } .list-2sc img { width: 141px; height: 105px; background: #f9f9f9 url(//s.autoimg.cn/mass/v1/img/phimg.gif) center center no-repeat; background-size: 50% auto; } .list-2sc h2 { height: 44px; margin-top: 4px; padding: 0 4px 0 8px; font-size: 14px; line-height: 22px; overflow: hidden; position: relative; } .list-2sc .mileage { float: left; margin: 7px 0 0 8px; font-size: 12px; color: #939393; } .list-2sc .price { float: right; margin: 4px 8px 0 0; font-size: 16px; color: #f60; } .list-2sc .price em { font-size: 12px; } .list-video { overflow: hidden; } .list-video li { float: left; width: 50%; padding-top: 12px; } .list-video a { display: block; width: 141px; margin: 0 auto; background-color: #f9f9f9; } .list-video img { width: 141px; height: 79px; background: #f9f9f9 url(//s.autoimg.cn/mass/v1/img/phimg.gif) center center no-repeat; background-size: 50% auto; } .list-video h2 { height: 48px; padding: 4px 4px 4px 8px; font-size: 16px; line-height: 1.5; position: relative; } .list-video .times { font-size: 14px; color: #939393; line-height: 1; position: absolute; right: 8px; bottom: 9px; } .list-video .times .mark-video { min-width: 1em; margin-right: 4px; vertical-align: top; } .list-thumb { overflow: hidden; } .list-thumb li { float: left; width: 50%; padding-top: 12px; } .list-thumb a { display: block; width: 141px; margin: 0 auto; background-color: #f9f9f9; } .list-thumb img { width: 141px; height: 105px; background: #f9f9f9 url(//s.autoimg.cn/mass/v1/img/phimg.gif) center center no-repeat; background-size: 50% auto; } .list-thumb h2 { height: 48px; padding: 4px 8px; font-size: 16px; line-height: 24px; position: relative; } .list-thumb h2.single { height: 24px; } .list-thumb .amount { font-size: 14px; color: #939393; position: absolute; right: 8px; bottom: 4px; } .list-thumb-small { overflow: hidden; } .list-thumb-small li { float: left; width: 33%; padding-top: 12px; } .list-thumb-small li:nth-child(3n - 1) { width: 34%; text-align: center; } .list-thumb-small li:nth-child(3n) { text-align: right; } .list-thumb-small a { display: inline-block; width: 90px; background-color: #f9f9f9; vertical-align: top; } .list-thumb-small img { width: 90px; height: 68px; background: #f9f9f9 url(//s.autoimg.cn/mass/v1/img/phimg.gif) center center no-repeat; background-size: 50% auto; } .list-thumb-small h2 { height: 44px; padding: 4px 8px; font-size: 14px; line-height: 22px; text-align: left; overflow: hidden; } .list-dealer li { margin-top: 12px; background-color: #f9f9f9; border-radius: 2px; overflow: hidden; } .list-dealer .info { display: block; padding: 12px 8px 5px; overflow: hidden; } .list-dealer h2 { font-size: 16px; color: #2f75bb; line-height: 16px; position: relative; } .list-dealer h2 .icon-arrow-right { height: 10px; margin: 3px 0 0 8px; } .list-dealer h2 .range { font-size: 12px; color: #939393; position: absolute; top: 0; right: 0; } .list-dealer .price { margin-top: 10px; font-size: 16px; color: #f60; line-height: 16px; } .list-dealer .price dfn { display: inline-block; margin: 0 8px 0 2px; font-size: 14px; } .list-dealer .price em { font-size: 12px; } .list-dealer .site { display: block; padding: 5px 8px; font-size: 12px; color: #939393; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .list-dealer .site .icon-anchor { float: left; margin: 0 8px 0 2px; } .list-dealer .handle { display: box; display: -webkit-box; display: -moz-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; padding: 5px 8px 12px; } .list-dealer .handle .btn-tel { display: block; box-flex: 6; -webkit-box-flex: 6; -moz-box-flex: 6; width: 140px; margin-right: 12px; text-align: center; } .list-dealer .handle .btn-highlight { display: block; box-flex: 3; -webkit-box-flex: 3; -moz-box-flex: 3; width: 80px; } .list-dealer .handle .btn-highlight .icon-mobile { height: 15px; margin-right: 8px; } .list-dealer .sale a { display: block; border-top: solid #e9e9e9 1px; padding: 9px 8px; font-size: 14px; line-height: 18px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .list-dealer .sale a .mark-sale { float: left; margin-right: 8px; } .list-dealer li.brand-sale img { float: left; width: 90px; height: 68px; margin-right: 8px; } .list-dealer li.brand-sale h2 { margin-top: 2px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .list-dealer li.brand-sale .price { margin-top: 8px; } .list-dealer li.brand-sale .gift { display: block; padding: 5px 8px; font-size: 14px; color: #939393; line-height: 16px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .list-dealer li.brand-sale .gift .icon-gift { float: left; margin-right: 8px; } .list-dealer li.brand-sale .mark-brandevent, .list-dealer li.brand-sale .mark-brandsale { float: left; margin: 8px 8px 0 0; } .list-pricedown li { margin-top: 12px; background-color: #f9f9f9; border-radius: 2px; overflow: hidden; } .list-pricedown .info { display: block; padding: 8px 8px 5px; overflow: hidden; } .list-pricedown h2 { padding-right: 12px; font-size: 16px; line-height: 24px; position: relative; } .list-pricedown h2 .icon-arrow-right { height: 10px; position: absolute; top: 50%; margin-top: -5px; right: 0; } .list-pricedown .price { margin-top: 6px; font-size: 16px; line-height: 16px; overflow: hidden; } .list-pricedown .price .present { float: left; width: 30%; color: #f60; } .list-pricedown .price .range { float: left; width: 40%; color: #4fb947; } .list-pricedown .price .range .icon-down { height: 14px; margin: 1px 8px 0 0; } .list-pricedown .price .range em:last-child { margin-left: 2px; font-size: 12px; color: #939393; } .list-pricedown .price .original { font-size: 12px; color: #c3c3c3; text-decoration: line-through; } .list-pricedown .price .original dfn { font-size: 12px; } .list-pricedown .price dfn { display: inline-block; margin: 0 8px 0 2px; font-size: 14px; } .list-pricedown .price em { font-size: 12px; } .list-pricedown .shop { display: block; padding: 5px 8px; font-size: 14px; color: #939393; line-height: 14px; overflow: hidden; } .list-pricedown .shop .site { float: left; } .list-pricedown .shop .site .split { display: inline-block; margin: 0 8px; border-right: solid #939393 1px; height: 14px; vertical-align: top; } .list-pricedown .shop .stock, .list-pricedown .shop .range { float: right; font-size: 12px; color: #939393; } .list-pricedown .shop .range { margin-right: 1em; } .list-pricedown .handle { display: box; display: -webkit-box; display: -moz-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; padding: 5px 8px 12px; } .list-pricedown .handle .btn-tel { display: block; box-flex: 6; -webkit-box-flex: 6; -moz-box-flex: 6; width: 140px; margin-right: 12px; text-align: center; } .list-pricedown .handle .btn-highlight { display: block; box-flex: 3; -webkit-box-flex: 3; -moz-box-flex: 3; width: 80px; } .list-pricedown .handle .btn-highlight .icon-mobile { height: 15px; margin-right: 8px; } .list-pricedown-brief li { border-bottom: solid #e9e9e9 1px; } .list-pricedown-brief a { display: block; padding: 12px 6px; font-size: 16px; line-height: 16px; overflow: hidden; } .list-pricedown-brief h2 { float: left; width: 40%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .list-pricedown-brief span { float: left; width: 35%; } .list-pricedown-brief strong { float: right; width: 25%; color: #f60; text-align: right; } .list-pricedown-brief em { font-size: 12px; } .list-pricedown-brief .icon-down { height: 14px; margin: 1px 8px 0 0; } .list-wom li { margin-top: 12px; background-color: #f9f9f9; border-radius: 2px; } .list-wom li a { display: block; padding: 0 6px; } .list-wom li h2 { padding-top: 8px; font-size: 16px; line-height: 1.5; overflow: hidden; } .list-wom li h2 span { float: right; width: 80px; height: 36px; margin: 4px 0 0 12px; border-left: solid #c3c3c3 1px; font-size: 12px; color: #939393; text-align: center; } .list-wom li h2 span strong { color: #f60; } .list-wom li .feeling { margin: 12px 0 10px; font-size: 14px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .list-wom li .feeling::before { content: ""; display: inline-block; width: 28px; height: 0; margin: 6px 6px 0 0; border-top: solid #c3c3c3 1px; vertical-align: top; } .list-wom li .data { margin-top: 6px; font-size: 12px; color: #939393; line-height: 18px; overflow: hidden; } .list-wom li .data i { float: left; margin-right: 8px; } .list-wom li .data .user { float: left; max-width: 90px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .list-wom li .data .time { float: left; margin-left: 4px; color: #c3c3c3; } .list-wom li .data .time time { margin-left: 4px; color: #939393; } .list-wom li .brief { margin-top: 12px; padding: 4px 12px 8px 0; border-top: solid #e9e9e9 1px; font-size: 14px; line-height: 1.5; position: relative; } .list-wom li .brief p { margin-top: 4px; } .list-wom li .brief p strong { margin-right: 8px; color: #2f75bb; } .list-wom li .brief p.add strong { color: #f60; } .list-wom li .brief .icon-arrow-right { height: 10px; position: absolute; top: 50%; margin-top: -5px; right: 2px; } .list-wom li .handle { padding: 6px; border-top: solid #e9e9e9 1px; overflow: hidden; } .list-wom li .handle .view { float: left; font-size: 12px; color: #939393; line-height: 28px; } .list-wom li .handle .view strong { margin-right: 4px; } .list-wom li .handle .btn { float: right; min-width: 88px; text-align: center; } .list-wom li .handle .btn.activate { color: #f60; } .list-wom li .handle .btn.activate .icon-praise::before { background-position: -50px -175px; } .content-loading { padding: 80px 0 100px; font-size: 14px; color: #c3c3c3; text-align: center; } .content-loading .loading { margin-right: 8px; } .content-loading.content-loading-mini { padding: 20px 0; } .content-null { padding: 80px 0 100px; font-size: 14px; color: #939393; line-height: 1.5; text-align: center; } .overlayer { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; position: fixed; top: 0; left: 0; } .filter { clear: both; padding-bottom: 6px; background: #374053; border-radius: 2px; position: relative; } .filter h1, .filter h2, .filter h3, .filter h4 { padding: 10px 12px 0; font-size: 14px; color: #c3c3c3; } .filter ul { padding: 1px 6px 5px; overflow: hidden; } .filter li { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left; width: 100%; padding: 10px 5px 0; } .filter a, .filter span { display: block; padding: 7px; background: #525b6f; border: solid #374053 1px; border-radius: 2px; font-size: 14px; color: #fff; text-align: left; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .filter a:visited, .filter span:visited { color: #fffffe; } .filter a.activate, .filter span.activate { border-color: #fff; } .filter a.disabled, .filter span.disabled { color: #2b3750; } .filter a.disabled:visited, .filter span.disabled:visited { color: #2b374f; } .filter a .colorlump, .filter span .colorlump { display: inline-block; width: 12px; height: 12px; margin-right: 8px; border: solid #fff 1px; border-radius: 2px; vertical-align: top; } .filter:after { content: ""; width: 0; height: 0; border: solid 10px; border-color: transparent transparent #374053 transparent; overflow: hidden; position: absolute; top: -20px; left: 50%; margin-left: -10px; } .filter.filter-column2 li { width: 50%; } .filter.filter-column3 li { width: 33.333%; } .filter.filter-column4 li { width: 25%; } .filter.filter-column5 li { width: 20%; } .filter.filter-column2 li a, .filter.filter-column3 li a, .filter.filter-column4 li a, .filter.filter-column5 li a, .filter.filter-column2 li span, .filter.filter-column3 li span, .filter.filter-column4 li span, .filter.filter-column5 li span { padding: 7px 0; text-align: center; } .filter.filter-colorlump li span { padding: 7px; text-align: left; } .filter-group .items { padding: 12px 6px 0; margin-bottom: 12px; } .filter-group .items::after { content: ""; clear: both; display: block; height: 0; overflow: hidden; } .filter-group .items li { float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; padding: 0 6px; position: relative; } .filter-group .items li.activate:after { content: ""; width: 0; height: 0; border: solid 10px; border-color: transparent transparent #374053 transparent; overflow: hidden; position: absolute; bottom: -12px; left: 50%; margin-left: -10px; } .filter-group .items.items-column2 li { width: 50%; } .filter-group .items.items-column3 li { width: 33.333%; } .filter-group .filter:after { display: none; } .filter-group .items-result { margin: 12px; font-size: 14px; line-height: 18px; position: relative; } .filter-group .items-result dt { color: #939393; word-spacing: normal; position: absolute; top: 0; left: 0; } .filter-group .items-result dd { padding: 0 18px 0 4em; overflow: hidden; } .filter-group .items-result dd span { float: left; width: 100%; color: #f60; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .filter-group .items-result dd .icon-cross { width: 18px; height: 18px; text-align: center; overflow: hidden; z-index: 10; position: absolute; top: 0; right: 0; } .filter-group .items-result dd .icon-cross::before { margin-top: 4px; } .filter-group .items-result dd .icon-cross::after { content: ""; width: 18px; height: 18px; background-color: #c3c3c3; border-radius: 9px; text-align: center; overflow: hidden; z-index: -1; position: absolute; top: 0; right: 0; } .filter-group .items-result.items-column2-result dd span { width: 50%; } .filter-group .items-result.items-column3-result dd span { width: 33.333%; } .sift { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 6px; background-color: #f9f9f9; border-bottom: solid #c3c3c3 1px; overflow: hidden; } .sift > a, .sift > span { float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 28px; padding: 7px 0 7px 6px; font-size: 14px; white-space: nowrap; } .sift > a.activate, .sift > span.activate { color: #f60; } .sift > a.disabled, .sift > span.disabled { color: #c3c3c3; } .sift > a.disabled .icon-both-norm, .sift > span.disabled .icon-both-norm, .sift > a.disabled .icon-both-up, .sift > span.disabled .icon-both-up, .sift > a.disabled .icon-both-down, .sift > span.disabled .icon-both-down, .sift > a.disabled .icon-down, .sift > span.disabled .icon-down, .sift > a.disabled .icon-down, .sift > span.disabled .icon-down { opacity: .4; } .sift > a .icon-arrow-top, .sift > span .icon-arrow-top, .sift > a .icon-arrow-bottom, .sift > span .icon-arrow-bottom { margin-left: 4px; vertical-align: -4px; } .sift.sift-column4 > a, .sift.sift-column4 > span { width: 25%; } .sift.sift-column5 > a, .sift.sift-column5 > span { width: 20%; } .sift.sift-flow { padding: 7px 6px; } .sift.sift-flow > a, .sift.sift-flow > span { width: auto; padding: 8px 6px; } .input-text { position: relative; } .input-text input { appearance: none; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 36px; padding: 7px 6px; background: none; border: solid #c3c3c3 1px; border-radius: 2px; font-size: 16px; color: #666; line-height: 20px; } .input-text input::-webkit-inner-spin-button { display: none; } .input-text .icon-cross { width: 30px; height: 34px; text-align: center; overflow: hidden; z-index: 10; position: absolute; top: 1px; right: 0; } .input-text .icon-cross::before { margin-top: 12px; } .input-text .icon-cross::after { content: ""; width: 18px; height: 18px; background-color: #c3c3c3; border-radius: 9px; text-align: center; overflow: hidden; z-index: -1; position: absolute; top: 8px; right: 6px; } .input-textarea { appearance: none; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; padding: 4px 6px; height: 104px; border: solid #c3c3c3 1px; border-radius: 2px; font-size: 16px; color: #666; line-height: 1.5; resize: none; } .input-comment { height: 74px; padding-right: 95px; background-color: #fff; border: solid #c3c3c3 1px; border-radius: 2px; position: relative; } .input-comment textarea { appearance: none; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 74px; padding: 4px 6px; box-shadow: 1px 1px 2px #d6d6d6 inset; -webkit-box-shadow: 1px 1px 2px #d6d6d6 inset; -moz-box-shadow: 1px 1px 2px #d6d6d6 inset; font-size: 14px; color: #666; line-height: 22px; resize: none; } .input-comment input { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 96px; height: 76px; background-color: #2f75bb; border-radius: 2px; border-top-left-radius: 0; border-bottom-left-radius: 0; font-size: 16px; color: #fff; line-height: 76px; text-align: center; position: absolute; top: -1px; right: -1px; } .input-comment.input-comment-disabled input { background-color: #e9e9e9; color: #c3c3c3; } .input-comment.input-comment-disabled .mask { width: 100%; height: 74px; position: absolute; top: 0; left: 0; } .radio { appearance: none; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 18px; height: 18px; background-color: #f9f9f9; border: solid #c3c3c3 2px; border-radius: 9px; position: relative; } .radio:checked::before { content: ""; width: 8px; height: 8px; background-color: #2f75bb; border-radius: 4px; position: absolute; top: 3px; left: 3px; } .radio:checked + label { color: #2f75bb; } .checkbox { appearance: none; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 18px; height: 18px; background-color: #f9f9f9; border: solid #c3c3c3 2px; border-radius: 2px; position: relative; } .checkbox:checked::before { content: ""; width: 18px; height: 12px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAZCAYAAAC2JufVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMUVFMjM0MkYxRUNFMTExOEY4Q0FEOTVDMzNCMDI0NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMTI5QTUwMTNFNEMxMUU0OURENEY4Q0I4MjY0MjU0MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMTI5QTUwMDNFNEMxMUU0OURENEY4Q0I4MjY0MjU0MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOEJBMUM5ODA4M0VFNDExQjUzQThEQ0YzMEM0OTM5QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowN0JBMUM5ODA4M0VFNDExQjUzQThEQ0YzMEM0OTM5QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PojfUDcAAAHISURBVHjazJZBRARRGMen2RXRddlr7L1DbESkSNE1IiU6d8qmLrG3iC7NpSwdYolVYm8prVa3SMvSdYhOexqWIfp/fMMz3nszb3aa6eNnzHs8//e+7/u/NzZde7Byjgn+DoMBO2dBZfDMlP6DqAp4AVXmFUzlKarKgiohkSRsJg9RK5yusmSulIeoXdAWilsMKvR1cJmlqDpogIJkbgCWwB39FDMQQyIu+JRk4YJl8BkMFDPwoFuuI1m8g1XwLQ7aimJL04NUgsi158OCZKKoVT/AlSL3STxIFtdgDXiySTvUqo+8wx1NlyTxIDFOwDbwVQsEorbAPZiM6SdJPOgH7IGjqEVI1Dio8dd01yYetAGcODuz+RjnwFPC+qA4jvAgavlW3OMO0udxazYNO6nAYuoaD6IO65oUpVjodGKb4FTjOW3BBMP/4eiBWdA37RSZeR7wDs8V7tzglC5qUtrRtbzJSYnh8OU4VMwfagQ1uYa8pCanu5BbXGcDg/XOuAT8Ua6CqFdChwvVjbEWedB+GvdTnKdLny2jp5j3OdWOlVLEfU99sbDOqB6UpqjAy0jAjeBBCxKhI4fpe8rn6+KNxbnWH8SvAAMAs2xeH8FpNc4AAAAASUVORK5CYII=") no-repeat; background-size: 100% auto; position: absolute; top: 0; left: 1px; } .checkbox:checked + label { color: #2f75bb; } .page { height: 34px; background: #f9f9f9; border: solid #c3c3c3 1px; border-radius: 2px; font-size: 16px; line-height: 1; } .page a { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left; height: 34px; border-right: solid #c3c3c3 1px; color: #666; line-height: 34px; text-align: center; } .page a.home { width: 17%; } .page a.prev { width: 22%; border-right: 0; } .page a.next { width: 22%; } .page a.last { width: 17%; border-right: none; } .page a:visited { color: #666665; } .page a.disabled { color: #939393; } .page span { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left; height: 34px; border-right: solid #c3c3c3 1px; line-height: 34px; text-align: center; } .page span.num { width: 22%; height: 36px; margin-top: -1px; background-image: -webkit-gradient(linear, left top, left bottom, from(#dae6f2), to(#fff)); background-image: -o-linear-gradient(top, #dae6f2, #fff); background-image: linear-gradient(top, #dae6f2, #fff); background-image: -webkit-linear-gradient(top, #dae6f2, #fff); background-image: -moz-linear-gradient(top, #dae6f2, #fff); border: solid #c3c3c3 1px; } .page span.num input { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 34px; background: none; border: 0; font-size: 16px; line-height: 34px; color: #666; text-align: center; } .page span.skip { display: none; height: 36px; margin-top: -1px; background: #2f75bb; color: #fff; line-height: 36px; } .page span.stop { display: none; border-right: none; } .page.page-focus a.next { display: none; } .page.page-focus a.last { display: none; } .page.page-focus span.num { border-color: #2f75bb; } .page.page-focus span.skip { display: block; width: 20%; } .page.page-focus span.stop { display: block; width: 19%; } .page.page-posting a.next { width: 22%; border-right: none; } .page.page-posting span.num { width: 39%; } .page.page-posting.page-posting-focus a.next { display: none; } .page.page-posting.page-posting-focus span.num { width: 22%; border-color: #2f75bb; } .page.page-posting.page-posting-focus span.skip { display: block; width: 20%; } .page.page-posting.page-posting-focus span.stop { display: block; width: 19%; } .page.page-article a.plus { width: 28%; } .page.page-article a.next { width: 22%; border-right: none; } .page.page-article span.num { width: 28%; } .page.page-article.page-article-focus a.plus { display: none; } .page.page-article.page-article-focus a.next { display: none; } .page.page-article.page-article-focus span.num { border-color: #2f75bb; } .page.page-article.page-article-focus span.skip { display: block; width: 25%; } .page.page-article.page-article-focus span.stop { display: block; width: 25%; } .search-port { display: block; height: 30px; padding: 0 8px; background-color: #fff; border: solid 1px; border-color: #acacac #c3c3c3 #d5d5d5 #9e9e9e; border-radius: 2px; box-shadow: 1px 1px 2px #d6d6d6 inset; -webkit-box-shadow: 1px 1px 2px #d6d6d6 inset; -moz-box-shadow: 1px 1px 2px #d6d6d6 inset; font-size: 16px; color: #c3c3c3; line-height: 30px; } .search-port .icon-search { float: right; height: 20px; margin-top: 5px; } .search { width: 100%; min-height: 100%; background-color: #fff; z-index: 1001; position: absolute; top: 0; left: 0; } .search header { background-color: #fff; position: relative; } .search header .icon-cross { padding: 12px; position: absolute; top: 0; right: 0; } .search .s-tab { padding: 8px 12px 0; position: relative; } .search .s-tab::after { content: ""; clear: both; display: block; height: 0; overflow: hidden; } .search .s-tab input { visibility: hidden; position: absolute; top: 0; left: -50px; } .search .s-tab label { float: left; height: 40px; margin-right: 20px; padding: 0 6px; font-size: 16px; line-height: 40px; position: relative; } .search .s-tab input:checked + label { color: #2f75bb; } .search .s-tab input:checked + label::after { content: ""; width: 100%; height: 4px; background-color: #2f75bb; position: absolute; left: 0; bottom: -1px; } .search .s-index { padding: 0 12px; background-color: #f9f9f9; border-top: solid #e9e9e9 1px; } .search .s-form { margin-top: 12px; padding: 0 85px 0 8px; background-color: #fff; border: solid 1px; border-color: #acacac #c3c3c3 #d5d5d5 #9e9e9e; border-radius: 2px; box-shadow: 1px 1px 2px #d6d6d6 inset; -webkit-box-shadow: 1px 1px 2px #d6d6d6 inset; -moz-box-shadow: 1px 1px 2px #d6d6d6 inset; position: relative; } .search .s-form input { appearance: none; -webkit-appearance: none; -moz-appearance: none; display: block; width: 100%; height: 20px; padding: 7px 0; background: none; border: 0; font-size: 16px; color: #666; line-height: 20px; } .search .s-form .icon-cross { display: none; width: 44px; height: 34px; text-align: center; overflow: hidden; z-index: 10; position: absolute; top: 0; right: 41px; } .search .s-form .icon-cross::before { margin-top: 12px; } .search .s-form .icon-cross::after { content: ""; width: 18px; height: 18px; background-color: #c3c3c3; border-radius: 9px; text-align: center; overflow: hidden; z-index: -1; position: absolute; top: 8px; right: 13px; } .search .s-form input:valid + i.icon-cross { display: block; } .search .s-form button { appearance: none; -webkit-appearance: none; -moz-appearance: none; display: block; width: 42px; height: 36px; padding: 7px 0; background-color: #2f75bb; border: solid #2f75bb 1px; border-radius: 2px; line-height: 20px; position: absolute; top: -1px; right: -1px; } .search .s-result { min-height: 12px; background-color: #f9f9f9; } .search .s-result dl:first-child dt span { display: block; } .search .s-through, .search .s-mixed, .search .s-history { padding: 0 12px; } .search .s-through dt, .search .s-mixed dt, .search .s-history dt { height: 22px; padding-top: 8px; font-size: 14px; color: #939393; line-height: 22px; overflow: hidden; } .search .s-through dt span, .search .s-mixed dt span, .search .s-history dt span { display: none; float: right; font-size: 10px; color: #c3c3c3; } .search .s-through dt .icon-add, .search .s-mixed dt .icon-add, .search .s-history dt .icon-add { height: 10px; margin: 0 4px; vertical-align: -6px; } .search .s-through dd, .search .s-mixed dd, .search .s-history dd { padding-right: 48px; border-bottom: solid #e9e9e9 1px; position: relative; } .search .s-through dd a, .search .s-mixed dd a, .search .s-history dd a { display: block; height: 36px; padding: 0 6px; font-size: 16px; line-height: 36px; } .search .s-through dd a mark, .search .s-mixed dd a mark, .search .s-history dd a mark { background: none; color: #939393; } .search .s-through dd .icon-add, .search .s-mixed dd .icon-add, .search .s-history dd .icon-add { width: 36px; height: 36px; padding-left: 12px; text-align: center; position: absolute; top: 0; right: 0; } .search .s-through dd .icon-add::before, .search .s-mixed dd .icon-add::before, .search .s-history dd .icon-add::before { margin-top: 13px; } .search .s-through .icon-car, .search .s-mixed .icon-car, .search .s-history .icon-car, .search .s-through .icon-search, .search .s-mixed .icon-search, .search .s-history .icon-search, .search .s-through .icon-time, .search .s-mixed .icon-time, .search .s-history .icon-time { float: left; height: 12px; margin: 5px 8px 0 0; } .search .s-through .icon-car, .search .s-mixed .icon-car, .search .s-history .icon-car { height: 8px; margin-top: 6px; } .search .s-through dd a { color: #2f75bb; } .search .s-mixed, .search .s-history { border-bottom: solid #e9e9e9 1px; } .search .s-mixed dd:last-child, .search .s-history dd:last-child { border-bottom: 0; } .search .s-clear { padding: 12px 0; background-color: #fff; text-align: center; } .app-promotion { display: table; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; } .app-promotion a { display: table-cell; } .app-promotion ins { display: table-cell; width: auto; text-decoration: none; } .app-promotion ins::after { content: "\00a0"; } .app-promotion a { width: 40px; } .app-promotion a img { width: 40px; height: 40px; border-radius: 6px; overflow: hidden; } .athm-footer { margin-top: 10px; } .event-promotion { display: block; height: 40px; background: #e9e9e9; border-radius: 2px; font-size: 16px; color: #2f75bb; text-align: center; line-height: 40px; } .adv01, .adv02 { position: relative; } .adv01 a, .adv02 a { display: block; padding: 12px 6px; background-color: #e9e9e9; border-radius: 2px; font-size: 16px; line-height: 16px; } .adv02 em { display: inline-block; min-width: 2em; padding: 0 2px; border-radius: 2px; font-size: 12px; color: #fff; line-height: 14px; text-align: center; background-color: #d60000; position: absolute; top: 50%; margin-top: -7px; right: 6px; } .adv03 a { display: block; padding: 6px; background-color: #e9e9e9; border-radius: 2px; overflow: hidden; position: relative; } .adv03 a img { float: left; width: 120px; height: 60px; margin-right: 8px; } .adv03 a .noa { display: block; height: 40px; font-size: 16px; line-height: 20px; } .adv03 a .nob { display: block; margin-top: 3px; font-size: 12px; color: #939393; line-height: 14px; } .adv03 a em { display: inline-block; min-width: 2em; padding: 0 2px; border-radius: 2px; font-size: 12px; color: #fff; line-height: 14px; text-align: center; background-color: #d60000; position: absolute; right: 6px; bottom: 10px; } .adv03-1 a { display: block; padding: 6px; background-color: #e9e9e9; border-radius: 2px; overflow: hidden; position: relative; } .adv03-1 a img { float: left; width: 60px; height: 60px; margin-right: 8px; } .adv03-1 a .noa { display: block; font-size: 16px; line-height: 20px; } .adv03-1 a .nob { display: block; margin-top: 3px; font-size: 12px; color: #939393; line-height: 18px; } .adv03-1 a em { display: inline-block; min-width: 2em; padding: 0 2px; border-radius: 2px; font-size: 12px; color: #fff; line-height: 14px; text-align: center; background-color: #d60000; position: absolute; right: 6px; bottom: 10px; } .adv05 img { width: 100%; height: auto; } .adv05 .icon-load { display: none; } .tips { overflow: hidden; position: relative; } .tips .iconfont { width: 24px; height: 24px; border-radius: 12px; text-align: center; overflow: hidden; position: absolute; top: 0; left: 0; } .tips .iconfont.icon-info { background: #2f75bb; } .tips .iconfont.icon-info::before { margin-top: 4px; } .tips .iconfont.icon-warn { background: #f60; } .tips .iconfont.icon-warn::before { margin-top: 4px; } .tips .iconfont.icon-warn + span { color: #f60; } .tips .iconfont.icon-ask { background: #f60; } .tips .iconfont.icon-ask::before { margin-top: 4px; } .tips .iconfont.icon-check { background: #4fb947; } .tips .iconfont.icon-check::before { margin-top: 6px; } .tips .iconfont.icon-cross { background: #f00; } .tips .iconfont.icon-cross::before { margin-top: 6px; } .tips span { display: block; margin-left: 32px; font-size: 16px; line-height: 24px; } .tips-form { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 6px 6px 6px 38px; background-color: #fffbe2; font-size: 16px; line-height: 1.5; position: relative; } .tips-form .icon-info { width: 18px; height: 18px; background: #2f75bb; border-radius: 9px; text-align: center; overflow: hidden; position: absolute; top: 9px; left: 12px; } .tips-form .icon-info::before { margin-top: 1px; -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); } .tips-form .icon-warn { width: 18px; height: 18px; background: #f60; border-radius: 9px; text-align: center; overflow: hidden; position: absolute; top: 9px; left: 12px; } .tips-form .icon-warn::before { margin-top: 1px; -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); } .tips-form.tips-form-fixed { z-index: 1000; position: fixed; top: 0; left: 0; } .alert { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 80%; padding: 18px 22px; background: rgba(0, 0, 0, 0.8); border-radius: 2px; text-align: center; z-index: 1010; position: fixed; top: 40%; left: 50%; margin-left: -40%; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .alert p { display: inline-block; font-size: 16px; color: #fff; line-height: 1.5; overflow: hidden; } .alert p .iconfont { float: left; width: 24px; height: 24px; margin-right: 8px; border-radius: 12px; text-align: center; overflow: hidden; } .alert p .iconfont.icon-info { background: #2f75bb; } .alert p .iconfont.icon-info::before { margin-top: 4px; } .alert p .iconfont.icon-warn { background: #f60; } .alert p .iconfont.icon-warn::before { margin-top: 4px; } .alert p .iconfont.icon-ask { background: #f60; } .alert p .iconfont.icon-ask::before { margin-top: 4px; } .alert p .iconfont.icon-check { background: #4fb947; } .alert p .iconfont.icon-check::before { margin-top: 6px; } .alert p .iconfont.icon-cross { background: #f00; } .alert p .iconfont.icon-cross::before { margin-top: 6px; } .alert p span { display: block; margin: 0 0 0 32px; text-align: left; } .alert .mask { display: none; z-index: -10; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); } .anchorsite h1 { padding: 8px; background-color: rgba(0, 0, 0, 0.8); border-radius: 2px; font-size: 16px; color: #fff; text-align: center; z-index: 1001; position: fixed; bottom: 52px; left: 6px; } .anchorsite ul { width: 210px; padding: 5px 0; background-color: rgba(0, 0, 0, 0.8); border-radius: 2px; z-index: 1001; position: fixed; bottom: 98px; left: 6px; } .anchorsite ul::after { content: ""; clear: both; display: block; height: 0; overflow: hidden; } .anchorsite ul li { float: left; width: 50%; padding: 10px 0; font-size: 16px; color: #fff; text-align: center; } .anchorsite ul:before { content: ""; width: 0; height: 0; border: solid 10px; border-color: rgba(0, 0, 0, 0.8) transparent transparent; overflow: hidden; position: absolute; bottom: -20px; left: 14px; } .backtop { width: 32px; height: 32px; background-color: rgba(0, 0, 0, 0.8); border-radius: 2px; text-align: center; z-index: 1001; position: fixed; right: 6px; bottom: 52px; } .backtop .icon-backtop { display: inline-block; margin-top: 9px; vertical-align: top; } .model-norm { background-color: #fff; border: solid #e9e9e9 1px; border-radius: 2px; } .model-hotseries .hotseries { padding: 4px 0; overflow: hidden; } .model-hotseries .hotseries a { float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 33.333%; padding: 8px 0 8px 12px; font-size: 14px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .model-hotseries .hotseries a small { display: inline-block; margin-top: 6px; font-size: 12px; color: #c3c3c3; } .model-hotseries .hotseries a small strong { color: #f60; } .model-hotseries .hotseries.hotseries-suv { margin: 12px 6px; background-color: #f9f9f9; border-radius: 2px; } .model-hotseries .hotseries.hotseries-suv h2 { padding: 8px 6px 4px; font-size: 14px; color: #2f75bb; } .model-hotseries .hotseries.hotseries-suv a { padding-left: 6px; } .model-hotseries .handle { display: box; display: -webkit-box; display: -moz-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; padding: 0 6px 12px; } .model-hotseries .handle .btn-more, .model-hotseries .handle .btn-less { display: block; box-flex: 6.5; -webkit-box-flex: 6.5; -moz-box-flex: 6.5; width: 100%; margin-right: 12px; } .model-hotseries .handle .btn-highlight { display: block; box-flex: 3.5; -webkit-box-flex: 3.5; -moz-box-flex: 3.5; width: 100%; } .sift.sift-flow { border-bottom-color: #e9e9e9; } .sift .pop-custom { display: box; display: -webkit-box; display: -moz-box; clear: both; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; margin-top: 6px; padding: 12px; background-color: #374053; border-radius: 2px; position: relative; } .sift .pop-custom .input { box-flex: 2; -webkit-box-flex: 2; -moz-box-flex: 2; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 1px; height: 28px; padding-right: 20px; background-color: #525b6f; border-radius: 2px; position: relative; } .sift .pop-custom .input input { appearance: none; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 28px; padding-left: 6px; background: none; font-size: 14px; color: #fff; line-height: 28px; } .sift .pop-custom .input em { font-size: 14px; color: #fff; line-height: 28px; position: absolute; top: 0; right: 6px; } .sift .pop-custom .to { box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; display: block; width: 1px; text-align: center; } .sift .pop-custom .to::after { content: ""; display: inline-block; width: 8px; height: 1px; margin-top: 14px; background-color: #fff; vertical-align: top; } .sift .pop-custom .btn-highlight { box-flex: 2; -webkit-box-flex: 2; -moz-box-flex: 2; display: block; width: 1px; min-width: 2em; margin-left: 12px; } .sift .pop-custom:after { content: ""; width: 0; height: 0; border: solid 10px; border-color: transparent transparent #374053 transparent; overflow: hidden; position: absolute; left: 75%; margin-left: 47px; top: -20px; } .wom-rank li { margin-top: 12px; counter-increment: rank; } .wom-rank a { display: block; background-color: #f9f9f9; border-radius: 2px; overflow: hidden; position: relative; } .wom-rank img { float: left; width: 120px; height: 90px; margin-right: 8px; } .wom-rank .mark-rank { position: absolute; top: 0; left: 0; } .wom-rank .price { width: 120px; height: 16px; background-color: rgba(0, 0, 0, 0.5); font-size: 12px; color: #fff; line-height: 16px; text-align: center; position: absolute; bottom: 0; left: 0; } .wom-rank h2 { height: 44px; margin-top: 2px; font-size: 14px; line-height: 22px; } .wom-rank dl { margin-top: 2px; font-size: 12px; color: #939393; line-height: 16px; overflow: hidden; } .wom-rank dl dt { float: left; width: 5em; white-space: nowrap; } .wom-rank dl dd { margin-left: 5em; } .wom-rank dl dd p:nth-child(1) { color: #f60; overflow: hidden; } .wom-rank dl dd p:nth-child(2) { margin-top: 2px; color: #c3c3c3; } .wom-rank .fen dt { width: 3em; } .wom-rank .fen dd { margin-left: 3em; } .wom-rank .fen dd .stargrade { float: left; margin-right: 4px; } .wom-data { border-bottom: solid #e9e9e9 1px; overflow: hidden; } .wom-data .item { float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 50%; height: 56px; } .wom-data .item:first-child { border-right: solid #e9e9e9 1px; } .wom-data .wom-fen, .wom-data .wom-oil, .wom-data .wom-kwh { margin: 0 auto; padding-top: 12px; } .wom-fen { width: 130px; text-align: center; } .wom-fen .stargrade { float: left; -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); -webkit-transform: scale(0.75); -moz-transform: scale(0.75); } .wom-fen .data { float: left; margin-left: -2px; font-size: 16px; color: #f60; line-height: 16px; } .wom-fen .data em { font-size: 12px; } .wom-fen small { display: block; clear: both; padding-top: 3px; font-size: 12px; color: #939393; line-height: 12px; } .wom-oil, .wom-kwh { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 130px; padding-left: 28px; text-align: center; position: relative; } .wom-oil .icon-oil, .wom-kwh .icon-oil { position: absolute; top: 12px; left: 0; } .wom-oil .data, .wom-kwh .data { font-size: 16px; color: #f60; line-height: 16px; } .wom-oil .data em, .wom-kwh .data em { font-size: 12px; } .wom-oil small, .wom-kwh small { display: block; clear: both; padding-top: 3px; font-size: 12px; color: #939393; line-height: 12px; } .wom-kwh .icon-battery { position: absolute; top: 12px; left: 2px; } .wom-kwh .data { color: #4fb947; } .wom-histogram { height: 106px; margin-left: 18px; margin-right: 6px; margin-bottom: 24px; position: relative; } .wom-histogram .level-hr { width: 100%; height: 1px; background: #e9e9e9; font-size: 10px; color: #939393; position: absolute; left: 0; } .wom-histogram .level-hr span { display: inline-block; position: absolute; top: -0.65em; left: -12px; } .wom-histogram .level-hr-0 { bottom: 0; } .wom-histogram .level-hr-1 { bottom: 20%; } .wom-histogram .level-hr-2 { bottom: 40%; } .wom-histogram .level-hr-3 { bottom: 60%; } .wom-histogram .level-hr-4 { bottom: 80%; } .wom-histogram .level-hr-5 { bottom: 100%; } .wom-histogram ul { display: box; display: -webkit-box; display: -moz-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 100%; padding: 0 6px; } .wom-histogram li { box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; height: 100%; white-space: nowrap; position: relative; } .wom-histogram li:nth-child(2n-1) { background: #e9e9e9; } .wom-histogram li .item { font-size: 10px; color: #939393; text-align: center; position: absolute; left: 50%; bottom: -16px; margin-left: -1em; } .wom-histogram li .item-word3 { margin-left: -1.5em; } .wom-histogram li .level { display: block; width: 100%; background: #2f75bb; position: absolute; left: 0; bottom: 0; } .wom-histogram li .level-avg { display: block; width: 100%; border-top: dashed #c3c3c3 1px; position: absolute; left: 0; bottom: 0; } .wom-histogram li .level-fen { width: 100%; font-size: 10px; color: #fff; line-height: 1; text-align: center; z-index: 10; position: absolute; left: 0; bottom: 4px; } .wom-histogram-tips { font-size: 12px; color: #939393; text-align: right; } .wom-histogram-tips em { color: #c3c3c3; } .wom-total { padding: 0 12px; font-size: 14px; color: #c3c3c3; line-height: 18px; overflow: hidden; } .wom-total strong { margin: 0 4px; color: #939393; } .wom-total .only { float: right; color: #666; } .wom-total .only .checkbox { margin-right: 8px; vertical-align: top; } .wom-header { background: #fff; border-bottom: solid #e9e9e9 1px; } .wom-header h1 { padding: 8px 50px 0 12px; font-size: 18px; line-height: 26px; position: relative; } .wom-header h1 em { color: #939393; } .wom-header h1 .icon-favor, .wom-header h1 .icon-favor-fill { height: 23px; padding: 1px 12px 2px; position: absolute; top: 8px; right: 0; } .wom-header .feeling { margin: 6px 12px 0; font-size: 14px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .wom-header .feeling::before { content: ""; display: inline-block; width: 28px; height: 0; margin: 6px 6px 0 0; border-top: solid #c3c3c3 1px; vertical-align: top; } .wom-header .data { margin: 10px 12px 12px; font-size: 12px; color: #939393; line-height: 18px; overflow: hidden; } .wom-header .data i { float: left; margin-right: 8px; } .wom-header .data .user { float: left; max-width: 90px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .wom-header .data .time { float: left; margin-left: 4px; color: #c3c3c3; } .wom-header .data .time time { margin-left: 4px; color: #939393; } .wom-img { height: 90px; overflow: hidden; position: relative; } .wom-img ul { width: 1000%; height: 90px; } .wom-img li { float: left; height: 90px; margin-right: 10px; } .wom-img li a { display: table-cell; height: 90px; vertical-align: middle; } .wom-img img { max-width: 120px; max-height: 90px; width: auto; height: auto; } .wom-img::before, .wom-img::after { content: ""; width: 20px; height: 90px; background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); z-index: 10; position: absolute; top: 0; left: 0; } .wom-img::after { background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); left: auto; right: 0; } .wom-handle { display: box; display: -webkit-box; display: -moz-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; padding: 0 6px; } .wom-handle .btn { display: block; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; width: 100%; text-align: center; } .wom-handle .btn:nth-child(2) { margin: 0 6px; } .wom-handle .btn.activate { color: #f60; } .wom-handle .btn.activate .icon-praise::before { background-position: -50px -175px; } .wom-carousel .navi { height: 28px; font-size: 16px; line-height: 28px; } .wom-carousel .navi .prev { float: left; } .wom-carousel .navi .prev .icon-arrow-left { float: left; height: 10px; margin: 8px 8px 0 1px; } .wom-carousel .navi .next { float: right; } .wom-carousel .navi .next .icon-arrow-right { float: right; height: 10px; margin: 8px 1px 0 8px; } .wom-carousel .navi .prev, .wom-carousel .navi .next { position: relative; } .wom-carousel .navi .prev.activate::after, .wom-carousel .navi .next.activate::after { content: ""; display: block; width: 10px; height: 10px; background-color: #fff; border: solid #e9e9e9; border-width: 1px 1px 0 0; -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); position: absolute; top: 33px; left: 36px; } .wom-carousel .navi .prev.disabled, .wom-carousel .navi .next.disabled { color: #c3c3c3; } .wom-carousel .navi .prev.disabled .icon-arrow-left, .wom-carousel .navi .next.disabled .icon-arrow-left, .wom-carousel .navi .prev.disabled .icon-arrow-right, .wom-carousel .navi .next.disabled .icon-arrow-right { opacity: .4; } .wom-carousel .navi .next.activate::after { left: auto; right: 36px; } .wom-carousel .carousel { margin-top: 10px; background-color: #fff; border: solid #e9e9e9 1px; border-radius: 2px; } .wom-carousel .carousel .c-item { margin: 6px; padding: 8px 8px 4px; background: #f9f9f9; } .wom-carousel .carousel .data { font-size: 12px; color: #939393; line-height: 18px; overflow: hidden; } .wom-carousel .carousel .data i { float: left; margin-right: 8px; } .wom-carousel .carousel .data .user { float: left; max-width: 9em; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .wom-carousel .carousel .data .time { float: left; margin-left: 4px; color: #c3c3c3; } .wom-carousel .carousel .data .time time { margin-left: 4px; color: #939393; } .wom-carousel .carousel .brief { margin-top: 4px; font-size: 14px; line-height: 22px; } .wom-carousel .carousel .brief strong { margin-right: 8px; color: #2f75bb; } .wom-carousel .carousel .brief strong.add { color: #f60; } .wom-info dl { padding: 8px 6px; border-bottom: solid #e9e9e9 1px; font-size: 16px; line-height: 24px; overflow: hidden; } .wom-info dl dt { float: left; width: 5em; color: #939393; white-space: nowrap; } .wom-info dl dd { margin-left: 5em; } .wom-info dl strong { color: #f60; } .wom-info dl strong em { margin-left: 4px; font-size: 12px; } .wom-info div { padding: 8px 6px; border-bottom: solid #e9e9e9 1px; font-size: 16px; line-height: 24px; overflow: hidden; } .wom-detail { padding: 6px 12px; font-size: 16px; line-height: 1.7; } .wom-detail strong { margin-right: 8px; color: #2f75bb; } .wom-banner img { width: 100%; height: auto; } .station .wom-fen { position: absolute; right: 6px; bottom: 12px; } .sift .flex .icon-arrow-top, .sift .flex .icon-arrow-bottom { margin-left: 8px; } .sift.sift-fixed { width: 100%; z-index: 1001; position: fixed; top: 0; left: 0; } /*# sourceMappingURL=womhead.css.map */