/*
Append File:/m/style/v3.1.55/info.css
*/
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:transparent;
tap-highlight-color:transparent;
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:#ededed;
font:16px/1 "PingFang SC", Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", STHeiTi, sans-serif;
color:#444
}
@font-face {
font-family:"iconfont";
src:url("../fonts/iconfont-v20151208.eot");
src:url("../fonts/iconfont-v20151208.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont-v20151208.woff") format("woff"), url("../fonts/iconfont-v20151208.ttf") format("truetype"), url("../fonts/iconfont-v20151208.svg#iconfont") format("svg")
}
.iconfont {
font-family:"iconfont" !important;
font-size:1rem;
font-style:normal;
-webkit-font-smoothing:antialiased;
-webkit-text-stroke-width:0.2px;
-moz-osx-font-smoothing:grayscale
}
.icon-backtop:before {
content:"\e600"
}
.icon-backward:before {
content:"\e601"
}
.icon-down:before {
content:"\e602"
}
.icon-up:before {
content:"\e603"
}
.icon-arrow-top:before {
content:"\e604"
}
.icon-arrow-bottom:before {
content:"\e605"
}
.icon-arrow-right:before {
content:"\e606"
}
.icon-arrow-left:before {
content:"\e607"
}
.icon-telphone:before {
content:"\e608"
}
.icon-telphone-24h:before {
content:"\e609"
}
.icon-star:before {
content:"\e60a"
}
.icon-star-fill:before {
content:"\e60b"
}
.icon-car:before {
content:"\e60c"
}
.icon-car-viewed:before {
content:"\e60d"
}
.icon-hit:before {
content:"\e60e"
}
.icon-praise:before {
content:"\e60f"
}
.icon-computer:before {
content:"\e610"
}
.icon-mobile:before {
content:"\e611"
}
.icon-time:before {
content:"\e612"
}
.icon-anchor:before {
content:"\e613"
}
.icon-comment:before {
content:"\e614"
}
.icon-play:before {
content:"\e615"
}
.icon-petrol:before {
content:"\e616"
}
.icon-battery:before {
content:"\e617"
}
.icon-dustbin:before {
content:"\e618"
}
.icon-edit:before {
content:"\e619"
}
.icon-search:before {
content:"\e61a"
}
.icon-ok:before {
content:"\e61b"
}
.icon-cross:before {
content:"\e61c"
}
.icon-info:before {
content:"\e61d"
}
.icon-exclamation:before {
content:"\e61e"
}
.icon-query:before {
content:"\e61f"
}
.icon-add:before {
content:"\e620"
}
.icon-forward:before {
content:"\e621"
}
.icon-v:before {
content:"\e622"
}
.icon-flower:before {
content:"\e624"
}
.icon-invoice:before {
content:"\e623"
}
.icon-calc:before {
content:"\e626"
}
.icon-gift:before {
content:"\e625"
}
.icon-gps:before {
content:"\e627"
}
.icon-screen-full:before {
content:"\e628"
}
.icon-screen-restore:before {
content:"\e629"
}
.icon-map-anchor:before {
content:"\e62a"
}
.icon-play-trigger:before {
content:"\e62f"
}
.icon-telphone-fill:before {
content:"\e62b"
}
.icon-pen:before {
content:"\e62c"
}
.icon-chat:before {
content:"\e62d"
}
.icon-minus:before {
content:"\e62e"
}
.icon-play-trigger:before {
content:"\e62f"
}
.icon-switch:before {
content:"\e630"
}
.icon-pen-plus:before {
content:"\e631"
}
.icon-image:before {
content:"\e632"
}
.icon-phiz:before {
content:"\e633"
}
.icon-share:before {
content:"\e634"
}
.icon-man:before {
content:"\e635"
}
.icon-woman:before {
content:"\e636"
}
.icon-camera:before {
content:"\e637"
}
.icon-link:before {
content:"\e638"
}
.icon-catalog:before {
content:"\e639"
}
.icon-loan:before {
content:"\e63a"
}
.icon-cart:before {
content:"\e63b"
}
.icon-steward:before {
content:"\e63c"
}
.icon-tuan:before {
content:"\e63d"
}
.icon-swap:before {
content:"\e63e"
}
.icon-wheel:before {
content:"\e63f"
}
.icon-image-gather:before {
content:"\e640"
}
.icon-text:before {
content:"\e641"
}
.icon-filter:before {
content:"\e642"
}
.icon-praise-fill:before {
content:"\e643"
}
.icon-v {
display:inline-block;
padding:0.0625rem;
font-size:0.75rem;
color:#fff;
line-height:1;
text-align:center;
background-color:#f60;
border-radius:50%
}
.icon-v::before {
display:inline-block;
vertical-align:top;
-webkit-transform:scale(0.75);
transform:scale(0.75)
}
.icon-v.biz {
background-color:#cb0404
}
.icon-play-trigger {
display:inline-block;
padding:0.375rem 0.3125rem 0.375rem 0.4375rem;
color:#fff;
line-height:1;
background-color:rgba(0, 0, 0, 0.5);
border:solid #fff 1px;
border-radius:50%
}
.icon::before {
content:"";
display:inline-block;
background:url(../images/icon-v20150629.png) no-repeat;
background-size:1.875rem auto
}
.icon-home::before {
width:1.1875rem;
height:1.0625rem;
background-position:0 0
}
.icon-user::before {
width:1.375rem;
height:1.375rem;
background-position:0 -1.875rem
}
.icon-menu::before {
width:1.0625rem;
height:0.9375rem;
background-position:0 -3.75rem
}
.athm {
display:inline-block;
background:url(../images/logo.png) no-repeat;
background-size: 8.35rem auto;
}
.load {
display:inline-block;
width:0.75rem;
height:0.75rem;
background:url(../images/loading.gif) no-repeat;
background-size:100% 100%;
opacity:0.8
}
.fn-mt {
margin-top:0.5rem
}
.fn-mb {
margin-bottom:0.5rem
}
.fn-mt-large {
margin-top:0.75rem
}
.fn-mb-large {
margin-bottom:0.75rem
}
.fn-mlr {
margin-left:0.5rem;
margin-right:0.5rem
}
.fn-mlr-large {
margin-left:0.75rem;
margin-right:0.75rem
}
.fn-halfword {
margin-right:0.5em
}
.fn-oneword {
margin-right:1em
}
.fn-hide {
display:none !important
}
.nav-channel .user img, .nav-bread .user img {
width:2rem;
height:2rem
}
.list-info img {
width:5.625rem;
height:4.25rem
}
.btn, .search .s-form input, .search .s-form button {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.btn, .search .s-form input, .search .s-form button, .search-inlay .s-result {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.btn.dropdown, .btn.dropdown abbr, .menu p a, .menu p span, .memu p a, .memu p span, .menu .more-details a, .memu .more-details a {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.list-info img {
background:url(../images/holdimg.png) center center no-repeat;
background-size:80px auto
}
.nav-bread .bread {
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch
}
@-webkit-keyframes praisepoint {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
80% {
-webkit-transform:scale(2);
transform:scale(2)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes praisepoint {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
80% {
-webkit-transform:scale(2);
transform:scale(2)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.btn {
display:inline-block;
height:2.25rem;
font-size:1rem;
color:#444;
line-height:1.25rem;
padding:0.4375rem 0.9375rem;
background-color:#f5f5f5;
border:solid #acacac 1px;
border-radius:0.125rem
}
.btn:visited {
color:#444443
}
.btn .icon-arrow-top, .btn .icon-arrow-right, .btn .icon-arrow-bottom, .btn .icon-arrow-left {
display:inline-block;
height:0.75rem;
margin:0.25rem 0 0 0.3125rem;
font-size:0.75rem;
color:#666;
line-height:1;
vertical-align:top
}
.btn .icon-arrow-left {
margin-left:0;
margin-right:0.3125rem
}
.btn .icon-arrow-top, .btn .icon-arrow-bottom {
margin-left:0.4375rem
}
.btn.small {
height:1.75rem;
font-size:0.875rem;
padding:0.1875rem 0.4375rem
}
.btn.full {
display:block;
text-align:center
}
.btn.full[type="submit"], .btn.full[type="button"] {
width:100%
}
.btn.primary {
color:#fff;
background-color:#cb0404;
border-color:#cb0404
}
.btn.primary:visited {
color:#fffffe
}
.btn.primary .icon-mobile {
margin-right:0.3125rem
}
.btn.highlight {
color:#fff;
background-color:#f60;
border-color:#f60
}
.btn.highlight:visited {
color:#fffffe
}
.btn.telphone {
color:#fff;
background-color:#4fb947;
border-color:#4fb947
}
.btn.telphone:visited {
color:#fffffe
}
.btn.telphone .icon-telphone, .btn.telphone .icon-telphone-24h {
margin-right:0.375rem
}
.btn.disabled {
color:#c3c3c3;
background-color:#f5f5f5;
border-color:#acacac;
pointer-events:none
}
.btn.disabled:visited {
color:#c3c3c2
}
.btn.disabled .iconfont {
color:#c3c3c3
}
.btn.loading {
font-size:0.75rem;
color:#888
}
.btn.loading .load {
margin:0.25rem 0.5rem 0 0;
vertical-align:top
}
.btn.dropdown {
position:relative;
padding-left:0.5rem;
padding-right:1.625rem;
text-align:left
}
.btn.dropdown abbr {
display:inline-block;
width:100%
}
.btn.dropdown .prefix {
color:#888
}
.btn.dropdown .icon-arrow-right, .btn.dropdown .icon-arrow-bottom {
position:absolute;
top:50%;
right:0.4375rem;
margin:-0.375rem 0 0 0
}
.btn.dropdown.activate {
border-color:#cb0404
}
.btn.select {
padding-left:0.25rem;
padding-right:1.375rem;
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAMCAYAAAAgT+5sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZENzRFNDRBQTExMzExRTRBMDdBRjNDRTZEQkY4REEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZENzRFNDRCQTExMzExRTRBMDdBRjNDRTZEQkY4REEwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkQ3NEU0NDhBMTEzMTFFNEEwN0FGM0NFNkRCRjhEQTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkQ3NEU0NDlBMTEzMTFFNEEwN0FGM0NFNkRCRjhEQTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5yHFP6AAABJUlEQVR42sSWyQrCMBCGU0+CPpTou6RHL14URbEudenFW30X6yu5objWPzqBEGwLJtaBj5RMx+azkxIWxzEzgXPugHXetToFZhCu6zoYHqCC6xXNZdWoY0S1d2YYBcN6DjZ0XRUyYRgmyoh5Jb8WEpTaYo7/U2QJOmCXJZMmAdr0W1+HI/rLQnvVgQfKNB1h0TV18QkSeyGB3MK0tYxFFJkG6IJSkowmcQA95AJmIUw3+2vEYsS/MQdDcNLbjEKVOIKBlMj6QOTVWkwult5Mi3q+SLfIBzg0ClEPNWO9/p+bXW0b+WZGwAcXRUBKnMHYtoQVkQSZPpiCm3LbFUyQ92xLWNvsKW3m00dAPGSGXPMXEu8GtnA80I4d+hEkALNPeZs8BRgAje62q1bO1fAAAAAASUVORK5CYII=");
background-size:1.625rem auto;
background-repeat:no-repeat;
background-position:right center
}
.btn.select.full {
width:100%
}
.nav-channel {
position:relative;
height:2.5rem;
line-height:1;
background-color:#cb0404;
overflow:hidden
}
.nav-channel .athm {
float:left;
width:4.875rem;
height:1.125rem;
margin:0.6875rem 0 0 0.75rem;
text-indent:-999rem;
background-position:0 -1.875rem;
overflow:hidden
}
.nav-channel .channel {
position:relative;
float:left;
margin:0.625rem 0 0 1.625rem;
font-size:1.25rem;
color:#fff
}
.nav-channel .channel::before {
content:"";
position:absolute;
top:0.5625rem;
left:-0.875rem;
display:block;
width:0.125rem;
height:0.125rem;
background-color:#fff
}
.nav-channel .user {
position:absolute;
top:0.25rem;
right:1rem
}
.nav-channel .user img {
border-radius:0.125rem
}
.nav-channel .user i {
position:absolute;
top:-0.125rem;
right:-0.625rem;
width:1.125rem;
padding:0.1875rem 0;
font-size:0.75rem;
color:#fff;
text-align:center;
background-color:#f43531;
border-radius:50%
}
.nav-channel .user i:visited {
color:#fffffe
}
.nav-channel .icon-user {
position:absolute;
top:0;
right:0;
height:1.375rem;
padding:0.5625rem 0.75rem
}
.nav-channel .icon-search {
display:none
}
.nav-channel.old .login {
position:absolute;
top:0;
right:0.75rem;
width:2rem;
padding:0.75rem 0;
font-size:1rem;
color:#fff;
text-align:center;
white-space:nowrap
}
.nav-channel.old .user {
position:absolute;
top:0.25rem;
right:0.75rem
}
.nav-channel.old .user i {
position:absolute;
top:-0.375rem;
right:-0.75rem
}
.nav-channel.old .icon-search {
position:absolute;
top:0;
right:3.5rem;
display:block;
padding:0.625rem 0;
font-size:1.25rem;
color:#fff
}
.nav-bread {
position:relative;
z-index:1;
height:2.5rem;
padding:0 3.125rem 0 2.625rem;
line-height:1;
background-color:#cb0404;
overflow:hidden
}
.nav-bread .icon-home {
position:absolute;
top:0;
left:0;
width:2.5rem;
height:2.5rem;
text-align:center
}
.nav-bread .icon-home::before {
margin-top:0.6875rem;
vertical-align:top
}
.nav-bread .icon-home::after {
content:"";
position:absolute;
top:0;
right:-2px;
height:2.5rem;
border-left:solid #2d4373 1px;
border-right:solid #4c70ba 1px
}
.nav-bread .icon-menu {
position:absolute;
top:0;
left:0;
width:2.5rem;
height:2.5rem;
text-align:center
}
.nav-bread .icon-menu::before {
margin-top:0.75rem;
vertical-align:top
}
.nav-bread .icon-menu::after {
content:"";
position:absolute;
top:0;
right:-2px;
height:2.5rem;
border-left:solid #2d4373 1px;
border-right:solid #4c70ba 1px
}
.nav-bread .mask-left, .nav-bread .mask-right {
content:"";
position:absolute;
top:0;
left:2.625rem;
z-index:10;
width:1rem;
height:2.375rem;
background-image:-webkit-linear-gradient(left, #cb0404, rgba(59, 89, 152, 0));
background-image:-o-linear-gradient(left, #cb0404, rgba(59, 89, 152, 0));
background-image:linear-gradient(to right, #cb0404, rgba(59, 89, 152, 0));
pointer-events:none
}
.nav-bread .mask-right {
right:3.375rem;
left:auto;
background-image:-webkit-linear-gradient(left, rgba(59, 89, 152, 0), #cb0404);
background-image:-o-linear-gradient(left, rgba(59, 89, 152, 0), #cb0404);
background-image:linear-gradient(to right, rgba(59, 89, 152, 0), #cb0404)
}
.nav-bread .bread {
margin:0 0.5rem;
height:3.75rem;
font-size:1rem;
white-space:nowrap;
overflow:auto
}
.nav-bread .bread a, .nav-bread .bread span {
display:inline-block;
padding:0.75rem 0;
color:#fff
}
.nav-bread .bread a:visited, .nav-bread .bread span:visited {
color:#fffffe
}
.nav-bread .bread .icon-forward {
margin:0 0.375rem 0 0.25rem;
font-size:0.75rem;
color:#ccc;
vertical-align:0.125rem
}
.nav-bread .user {
position:absolute;
top:0.25rem;
right:1rem
}
.nav-bread .user img {
border-radius:0.125rem
}
.nav-bread .user i {
position:absolute;
top:-0.125rem;
right:-0.625rem;
width:1.125rem;
padding:0.1875rem 0;
font-size:0.75rem;
color:#fff;
text-align:center;
background-color:#f43531;
border-radius:50%
}
.nav-bread .user i:visited {
color:#fffffe
}
.nav-bread .icon-user {
position:absolute;
top:0;
right:0;
height:1.375rem;
padding:0.5625rem 0.75rem
}
.nav-bread .icon-search {
display:none
}
.nav-bread.old {
padding-right:5rem
}
.nav-bread.old .icon-nav {
display:none
}
.nav-bread.old .mask-right {
right:5rem
}
.nav-bread.old .login {
position:absolute;
top:0;
right:0.75rem;
width:2rem;
padding:0.75rem 0;
font-size:1rem;
color:#fff;
text-align:center;
white-space:nowrap
}
.nav-bread.old .user {
position:absolute;
top:0.25rem;
right:0.75rem
}
.nav-bread.old .user i {
position:absolute;
top:-0.375rem;
right:-0.75rem
}
.nav-bread.old .icon-search {
position:absolute;
top:0;
right:3.5rem;
display:block;
padding:0.625rem 0;
font-size:1.25rem;
color:#fff
}
.nav-bread.bottom {
padding-right:0;
background-color:#cb0404
}
.nav-bread.bottom .icon-home::after, .nav-bread.bottom .icon-menu::after {
border-left-color:#255b92;
border-right-color:#4b8ed2
}
.nav-bread.bottom .mask-left {
background-image:-webkit-linear-gradient(left, #cb0404, rgba(47, 117, 187, 0));
background-image:-o-linear-gradient(left, #cb0404, rgba(47, 117, 187, 0));
background-image:linear-gradient(to right, #cb0404, rgba(47, 117, 187, 0))
}
.nav-bread.bottom .mask-right {
right:0;
background-image:-webkit-linear-gradient(left, rgba(47, 117, 187, 0), #cb0404);
background-image:-o-linear-gradient(left, rgba(47, 117, 187, 0), #cb0404);
background-image:linear-gradient(to right, rgba(47, 117, 187, 0), #cb0404)
}
.nav-bread.bottom::after {
content:"";
position:absolute;
bottom:0;
left:0;
z-index:10;
width:100%;
border-top:solid #255b92 1px;
border-bottom:solid #4b8ed2 1px
}
.menu, .memu {
position:relative;
z-index:100;
line-height:1;
background-color:#f5f5f5;
border-bottom:solid #cb0404 2px
}
.menu p, .memu p {
overflow:hidden
}
.menu p a, .menu p span, .memu p a, .memu p span {
position:relative;
float:left;
width:25%;
margin-bottom:-1px;
padding:0.5625rem 0 0.75rem;
font-size:1.125rem;
color:#444;
text-align:center
}
.menu p a::before, .menu p span::before, .memu p a::before, .memu p span::before {
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:0;
border-top:solid #d7d7d7 1px;
border-bottom:solid #fff 1px
}
.menu p a::after, .menu p span::after, .memu p a::after, .memu p span::after {
content:"";
position:absolute;
top:0;
right:0;
width:0;
height:100%;
border-left:solid #d7d7d7 1px;
border-right:solid #fff 1px
}
.menu p a:visited, .menu p span:visited, .memu p a:visited, .memu p span:visited {
color:#444443
}
.menu p a:visited::before, .menu p span:visited::before, .memu p a:visited::before, .memu p span:visited::before {
border-top-color:#d7d7d6;
border-bottom-color:#fffffe
}
.menu p a:visited::after, .menu p span:visited::after, .memu p a:visited::after, .memu p span:visited::after {
border-left-color:#d7d7d6;
border-right-color:#fffffe
}
.menu p a:nth-child(4n)::after, .menu p span:nth-child(4n)::after, .memu p a:nth-child(4n)::after, .memu p span:nth-child(4n)::after {
visibility:hidden
}
.menu p a.activate, .menu p span.activate, .memu p a.activate, .memu p span.activate {
color:#cb0404
}
.menu p a.activate:visited, .menu p span.activate:visited, .memu p a.activate:visited, .memu p span.activate:visited {
color:#2f75ba
}
.menu p a.disabled, .menu p span.disabled, .memu p a.disabled, .memu p span.disabled {
color:#c3c3c3;
pointer-events:none
}
.menu p a.disabled:visited, .menu p span.disabled:visited, .memu p a.disabled:visited, .memu p span.disabled:visited {
color:#c3c3c2
}
.menu p a.more .icon-arrow-top, .menu p a.more .icon-arrow-bottom, .menu p span.more .icon-arrow-top, .menu p span.more .icon-arrow-bottom, .memu p a.more .icon-arrow-top, .memu p a.more .icon-arrow-bottom, .memu p span.more .icon-arrow-top, .memu p span.more .icon-arrow-bottom {
display:inline-block;
margin:0.1875rem 0 0 0.0625rem;
font-size:0.75rem;
vertical-align:top
}
.menu .more-details, .memu .more-details {
position:absolute;
left:0;
width:100%;
padding:0.5rem 0;
background-color:rgba(0, 0, 0, 0.8);
overflow:hidden
}
.menu .more-details a, .memu .more-details a {
float:left;
width:25%;
padding:0.625rem 0;
font-size:1rem;
color:#fff;
text-align:center
}
.menu.column5 p a, .menu.column5 p span, .memu.column5 p a, .memu.column5 p span {
width:20%
}
.menu.column5 p a::after, .menu.column5 p span::after, .memu.column5 p a::after, .memu.column5 p span::after {
visibility:visible
}
.menu.column5 p a:nth-child(5n)::after, .menu.column5 p span:nth-child(5n)::after, .memu.column5 p a:nth-child(5n)::after, .memu.column5 p span:nth-child(5n)::after {
visibility:hidden
}
.menu.slide, .memu.slide {
overflow:hidden
}
.menu.slide::before, .menu.slide::after, .memu.slide::before, .memu.slide::after {
content:"";
position:absolute;
top:0;
left:0;
z-index:10;
width:0.75rem;
height:100%;
background-image:-webkit-linear-gradient(left, #d7d7d7, rgba(215, 215, 215, 0));
background-image:-o-linear-gradient(left, #d7d7d7, rgba(215, 215, 215, 0));
background-image:linear-gradient(to right, #d7d7d7, rgba(215, 215, 215, 0));
pointer-events:none
}
.menu.slide::after, .memu.slide::after {
right:0;
left:auto;
background-image:-webkit-linear-gradient(left, rgba(215, 215, 215, 0), #d7d7d7);
background-image:-o-linear-gradient(left, rgba(215, 215, 215, 0), #d7d7d7);
background-image:linear-gradient(to right, rgba(215, 215, 215, 0), #d7d7d7)
}
.menu.slide p, .memu.slide p {
width:1000%
}
.menu.slide p a, .memu.slide p a {
width:2.5%;
padding:0.75rem 0 0.875rem
}
.menu.slide p a:last-child::after, .memu.slide p a:last-child::after {
visibility:hidden
}
.list-info {
background-color:#fff;
line-height:1
}
.list-info li {
border-bottom:solid #e9e9e9 1px
}
.list-info a {
position:relative;
display:block;
height:4.25rem;
padding:0.75rem 0.25rem;
overflow:hidden
}
.list-info img {
float:left;
margin-right:0.75rem
}
.list-info h4 {
height:3rem;
font-size:1rem;
color:#444;
line-height:1.5;
overflow:hidden
}
.list-info time, .list-info .comment {
float:left;
margin-top:0.25rem;
font-size:0.75rem;
color:#888;
line-height:1rem
}
.list-info .comment {
float:right
}
.list-info .icon-comment {
margin-left:0.5rem;
color:#c3c3c3
}
.list-info .mark-shuoke, .list-info .mark-topic, .list-info .mark-newsflash, .list-info .mark-2sc {
display:inline-block;
margin:0.3125rem 0 0 0.5rem;
padding:0.0625rem 0.125rem;
font-size:0.75rem;
color:#fff;
line-height:1;
vertical-align:top;
background-color:#f60;
border-radius:0.125rem
}
.list-info .mark-topic {
background-color:#cb0404
}
.list-info .mark-newsflash {
background-color:#ffb400
}
.list-info .mark-newsflash::before {
content:"";
display:inline-block;
width:0.6875rem;
height:0.5rem;
margin:0.125rem 0.125rem 0 0;
vertical-align:top;
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAPAQMAAADao60rAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAACtJREFUCNdjYP7/A4j/MDAw8IDx//9nIGz2Mwz2388AaQjmB7KhakDqQfoABAkRRPOlB/IAAAAASUVORK5CYII=") no-repeat;
background-size:0.6875rem auto
}
.list-info .mark-2sc {
background-color:#4fb947
}
.list-info .mark-first, .list-info .mark-sole {
position:absolute;
top:0.75rem;
left:0.25rem;
z-index:10;
width:1.5rem;
height:1.5rem;
text-indent:-10em;
background-repeat:no-repeat;
background-size:100% 100%;
overflow:hidden
}
.list-info .mark-first {
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAOVBMVEUAAAD/dwD/dwD/////+PX/giT/llT/6d//0rz/sof/4tT/wqP/yrD/8er/qXj/jD//2sj/upb/oGdbj3Q+AAAAAnRSTlMAgJsrThgAAAFOSURBVEjHldNbboUwDEVRN8d5857/YGuoi1QlvpX5QCCtrTiIUPBdX+T1s2DvvYclTf006AAKtrk3Riqohh+Cuv34uI1+GjCnx2eOox+DGBPnxwN19GPAPWx4fM1l9GPQOBZgEx96u1dcknojuJBxrs84J8ImcVdvBKGJrQC3liHXsak3g3iPsPLSmtxq1HmMIJ76cEKyo737nQV7CzHz7wvOELlPPb27TZnf/y2XULGrnwcBzEmDZ5y1qTeCKL6i6FtvFVX9JLgumf/2qxQa7Jf6WdAhlCtKZC0OYx4N9npz8ZkPLWwvgc5z+5Sk++zpr+dcUEyvQReIVX1MwKLeXGG/zySr57zUT57eU3+oj0G9HWiBwZuBFmXwdqBrDN4MtFgMbwTB/D72Ef3fk9eT15PXk9eT15PXk9eT15PXk9eT15PXk9eT15PXk9d/A6xvD1enUslbAAAAAElFTkSuQmCC")
}
.list-info .mark-sole {
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAOVBMVEUAAAA7WZg7WZj////29/nj5u6YpMNvgq5PaKB+jrW6wdbFy9yvuM9gdaekrsnZ3ejt7vTP1OKLmbzv0OZhAAAAAnRSTlMAgJsrThgAAAFvSURBVEjHldPbiuggDIXh7KwYz9r2/R92Vwd6MUYGhd59P00Qic/Ov12gO78JMrLt7SDc6Ei2J8s7aMvN8FbwIL8+oz2rN4PYgXa/Sbc9GfM0B2WXbE+mTxwg6Ykx1t+eLI+r37gxTvm8HTh5fUKeNGrR+vlNgHI96YqIQF7mt0diljSSgrR4a+mHFfV6E07wn1+DGt7vnkJyhHf5DePn10Bc8AIZRan98ngKXJjeDhRORGUWHpqFNX/e3KEAkf0sQqlz4enNQJ5BxwiK/vMc6s7P4CpVxCtcFEl+DFi2nrhq7COorIB4gWuB954GQ69eXBg4hATI1s8/xJGUtxApcPVyMe393KFC7zm/n1Mt97sEDcyAa0Pe0MUvgX+NyyJh3F9evH1xvcy14Ra/CaSx4hYJi98Fkbng8abfvIeQYfl90JEsvw983Pr9E/3b06mnU0+nnk49nXo69XTq6dTTqadTT6eeTj2dejr1dOr/A+EeENiLaf70AAAAAElFTkSuQmCC")
}
.list-info li.albumimgs a {
position:relative;
height:auto;
padding-top:0.5rem
}
.list-info li.albumimgs h4 {
height:auto
}
.list-info li.albumimgs .comment {
float:right
}
.list-info li.albumimgs .mark-promote {
float:right;
margin-top:0.3125rem;
padding:0.0625rem 0.125rem;
font-size:0.75rem;
color:#fff;
line-height:1;
vertical-align:top;
background-color:#d60000;
border-radius:0.125rem
}
.list-info li.albumimgs p {
clear:both;
padding-top:0.5rem;
overflow:hidden
}
.list-info li.albumimgs p span {
float:left;
display:block;
width:32%;
margin-right:2%
}
.list-info li.albumimgs p span:last-child {
margin-right:0
}
.list-info li.albumimgs p span img {
width:100%;
height:auto;
margin-right:0
}
.list-info li.plaintext a {
position:relative;
height:auto;
padding-top:0.5rem;
padding-bottom:0.625rem
}
.list-info li.plaintext h4 {
height:auto
}
.list-info li.plaintext .comment {
float:right
}
.list-info li.adv-promote a, .list-info li.jmp-promote a {
position:relative
}
.list-info li.adv-promote .noa, .list-info li.jmp-promote .noa {
display:block;
height:3rem;
font-size:1rem;
color:#444;
line-height:1.5;
overflow:hidden
}
.list-info li.adv-promote .nob em, .list-info li.jmp-promote .nob em {
position:absolute;
bottom:0.875rem;
right:0.25rem;
margin:0.3125rem 0 0 0.5rem;
padding:0.0625rem 0.125rem;
font-size:0.75rem;
color:#fff;
line-height:1;
vertical-align:top;
background-color:#d60000;
border-radius:0.125rem
}
.search {
position:absolute;
top:0;
left:0;
z-index:1001;
width:100%;
min-height:100%;
line-height:1;
background-color:#fff
}
.search header {
position:relative;
border-bottom:solid #d7d7d7 1px
}
.search header .icon-cross {
position:absolute;
top:0;
right:0;
padding:0.75rem;
color:#888
}
.search .s-tab {
position:relative;
margin-bottom:-1px;
padding:0.5rem 0.75rem 0;
overflow:hidden
}
.search .s-tab input {
position:absolute;
top:0;
left:-3.125rem;
visibility:hidden
}
.search .s-tab label {
position:relative;
float:left;
margin-right:1.25rem;
padding:0.75rem 0.3125rem;
font-size:1rem;
color:#444
}
.search .s-tab input:checked+label {
color:#cb0404
}
.search .s-tab input:checked+label::after {
content:"";
position:absolute;
left:0;
bottom:-1px;
width:100%;
height:0.25rem;
background-color:#cb0404
}
.search .s-index {
padding:0.75rem 0.5rem 0;
background-color:#f5f5f5
}
.search .s-form {
position:relative;
padding:0 5.3125rem 0 0.5rem;
background-color:#fff;
border:solid #acacac 1px;
border-radius:0.125rem;
-webkit-box-shadow:1px 1px 2px #d6d6d6 inset;
box-shadow:1px 1px 2px #d6d6d6 inset
}
.search .s-form input {
display:block;
width:100%;
height:2.125rem;
padding:0.3125rem 0;
background:none;
border:0;
font-size:1rem;
color:#444;
line-height:1.5rem
}
.search .s-form .icon-cross {
display:none;
position:absolute;
top:0.125rem;
right:3rem;
z-index:10;
padding:0.4375rem;
color:#fff;
text-align:center;
background-color:#c3c3c3;
border-radius:50%;
overflow:hidden;
-webkit-transform:scale(0.6);
transform:scale(0.6)
}
.search .s-form input:valid+i.icon-cross {
display:block
}
.search .s-form button {
position:absolute;
top:-1px;
right:-1px;
display:block;
width:2.625rem;
height:2.25rem;
padding:0.5rem 0;
font-size:1.125rem;
color:#fff;
line-height:1;
background-color:#cb0404;
border:solid #cb0404 1px;
border-radius:0.125rem
}
.search .s-result {
min-height:0.75rem;
background-color:#f5f5f5
}
.search .s-through, .search .s-mixed, .search .s-history {
padding:0 0.5rem
}
.search .s-through dt, .search .s-mixed dt, .search .s-history dt {
padding:0.75rem 0.375rem 0;
font-size:0.875rem;
color:#888;
overflow:hidden
}
.search .s-through dt span, .search .s-mixed dt span, .search .s-history dt span {
display:none;
float:right;
margin-top:0.0625rem;
font-size:0.75rem;
color:#888
}
.search .s-through dt .icon-car, .search .s-through dt .icon-search, .search .s-through dt .icon-time, .search .s-mixed dt .icon-car, .search .s-mixed dt .icon-search, .search .s-mixed dt .icon-time, .search .s-history dt .icon-car, .search .s-history dt .icon-search, .search .s-history dt .icon-time {
float:left;
margin-right:0.5rem;
font-size:0.875rem;
color:#888
}
.search .s-through dt .icon-add, .search .s-mixed dt .icon-add, .search .s-history dt .icon-add {
margin:0 0.25rem;
font-size:0.875rem;
color:#888;
vertical-align:-0.0625rem
}
.search .s-through dd, .search .s-mixed dd, .search .s-history dd {
position:relative;
padding-right:2.75rem;
border-bottom:solid #e9e9e9 1px
}
.search .s-through dd a, .search .s-mixed dd a, .search .s-history dd a {
display:block;
padding:0.75rem 0.375rem;
font-size:1rem;
color:#444
}
.search .s-through dd a mark, .search .s-mixed dd a mark, .search .s-history dd a mark {
background:none;
color:#888
}
.search .s-through dd .icon-add, .search .s-mixed dd .icon-add, .search .s-history dd .icon-add {
position:absolute;
top:0;
right:0;
width:2rem;
padding:0.75rem 0 0.75rem 0.75rem;
color:#888;
text-align:center
}
.search .s-through dd a {
color:#cb0404
}
.search .s-result dl:nth-child(1) dt span {
display:block
}
.search .s-result dl.s-through:nth-last-child(1), .search .s-result dl.s-mixed:nth-last-child(1) {
border-bottom:solid #d7d7d7 1px
}
.search .s-result dl.s-through:nth-last-child(1) dd:last-child, .search .s-result dl.s-mixed:nth-last-child(1) dd:last-child {
border-bottom:0
}
.search .s-result dl.s-history:nth-last-child(2) {
border-bottom:solid #d7d7d7 1px
}
.search .s-result dl.s-history:nth-last-child(2) dd:last-child {
border-bottom:0
}
.search .s-clear {
padding:0.75rem 0;
background-color:#fff;
text-align:center
}
.search-inlay {
position:relative;
width:auto;
min-height:0
}
.search-inlay .s-index {
padding:0
}
.search-inlay .s-index .s-form {
z-index:10
}
.search-inlay .s-result {
position:absolute;
top:2.125rem;
left:0;
width:100%;
min-height:0;
background-color:#fff;
border:solid #acacac;
border-width:0 1px 1px;
border-radius:0 0 0.25rem 0.25rem;
box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
overflow:hidden
}
.search-inlay .s-result dl.s-through:nth-last-child(2), .search-inlay .s-result dl.s-mixed:nth-last-child(2) {
border-bottom:solid #d7d7d7 1px
}
.search-inlay .s-result dl.s-through:nth-last-child(2) dd:last-child, .search-inlay .s-result dl.s-mixed:nth-last-child(2) dd:last-child {
border-bottom:0
}
.search-inlay .s-result .s-clear {
padding:0;
background-color:#f5f5f5;
overflow:hidden
}
.search-inlay .s-result .s-clear .clear {
float:left;
padding:12px 8px;
border-right:solid #d7d7d7 1px
}
.search-inlay .s-result .s-clear .close, .search-inlay .s-result .s-clear .shut {
float:right;
padding:12px 8px;
border-left:solid #d7d7d7 1px
}
.search-trigger {
padding:0.5625rem 0.5rem;
font-size:1rem;
color:#c3c3c3;
line-height:1;
background-color:#fff;
border:solid #acacac 1px;
border-radius:0.125rem;
-webkit-box-shadow:1px 1px 2px #d6d6d6 inset;
box-shadow:1px 1px 2px #d6d6d6 inset;
overflow:hidden
}
.search-trigger .icon-search {
float:right;
margin-top:-0.125rem;
font-size:1.125rem;
color:#f60
}
.application {
position:relative;
height:40px
}
.application a {
position:absolute;
top:0
}
.application a:nth-child(1) {
left:0
}
.application a:nth-child(2) {
left:25%;
margin-left:-10px
}
.application a:nth-child(3) {
left:50%;
margin-left:-20px
}
.application a:nth-child(4) {
left:75%;
margin-left:-30px
}
.application a:nth-child(5) {
right:0
}
.application img {
width:40px;
height:40px
}
.footer {
padding:1rem 0;
background-color:#cb0404;
line-height:1
}
.footer .switch, .footer .suggest {
margin-bottom:1rem;
font-size:0.875rem;
color:#fff
}
.footer .switch:visited, .footer .suggest:visited {
color:#fffffe
}
.footer .switch {
float:left;
margin-left:2.125rem
}
.footer .switch .icon-computer {
margin-right:0.5rem
}
.footer .suggest {
float:right;
margin-right:1.6875rem
}
.footer .suggest .icon-edit {
margin-right:0.5rem;
font-size:1.125rem
}
.footer p {
clear:both;
font-size:0.75rem;
color:#fff;
text-align:center
}
.icon-backtop {
position:fixed;
right:0.5rem;
bottom:3.75rem;
z-index:1001;
width:2.75rem;
padding:0.625rem 0;
font-size:1.5rem;
color:#fff;
line-height:1;
text-align:center;
background-color:rgba(0, 0, 0, 0.8);
border-radius:0.125rem
}
.info-gather {
background-color:#fff;
border-bottom:solid #d7d7d7 1px
}
/*
Append File:/m/style/v3.1.55/silsidebar.css
*/
.w-silsidebar .silsidebar-memu a, .w-silsidebar .trace ul li {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.w-silsidebar .trace h3::after {
display:block;
clear:both;
height:0;
overflow:hidden
}
.w-silsidebar .trace ul a strong {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.icon-silsidebar::before {
content:"";
display:inline-block;
background:url(../images/icon-silsidebar-v20150410.png) no-repeat;
background-size:30px auto
}
.icon-silsidebar-cross::before {
width:16px;
height:16px;
background-position:0 0
}
.icon-silsidebar-v::before {
width:7px;
height:6px;
background-position:0 -20px
}
.icon-silsidebar-search::before {
width:16px;
height:15px;
background-position:0 -40px
}
.icon-silsidebar-car-viewed::before {
width:22px;
height:14px;
background-position:0 -60px
}
.icon-silsidebar-chat::before {
width:23px;
height:18px;
background-position:0 -100px
}
.w-silsidebar .user {
background:url(../images/bg-silsidebar-header.jpg) no-repeat;
background-size:100%
}
.fn-hide {
display:none !important
}
.w-silsidebar {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:10000;
overflow:hidden
}
.w-silsidebar .module {
position:absolute;
top:0;
right:0;
z-index:10001;
width:248px;
height:100%;
font-family:"STHeiti", "Arial", "sans-serif";
line-height:1;
background-color:#ededed;
border-left:solid #1b1b1b 1px;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch
}
.w-silsidebar .module .icon-silsidebar-cross {
position:absolute;
top:0;
right:0;
z-index:10;
height:16px;
padding:8px
}
.w-silsidebar.silsidebar-left .module, .w-silsidebar.silsidebar-right .module {
transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0)
}
.w-silsidebar.silsidebar-right .module {
right:-249px;
left:auto
}
.w-silsidebar.silsidebar-left .module {
right:auto;
left:-249px
}
.w-silsidebar .user {
position:relative;
height:111px;
text-align:center;
overflow:hidden
}
.w-silsidebar .user::after {
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:2px;
background-color:rgba(255, 255, 255, 0.6)
}
.w-silsidebar .user .enter {
display:block;
width:98px;
margin:36px auto 0;
padding:10px 0;
font-size:16px;
color:#fff;
text-decoration:none;
text-align:center;
vertical-align:top;
background-color:#cb0404;
border-radius:2px
}
.w-silsidebar .user .enter:visited {
color:#fffffe
}
.w-silsidebar .user .avatar {
position:relative;
display:block;
width:54px;
height:54px;
margin:16px auto 0;
text-decoration:none
}
.w-silsidebar .user .avatar img {
width:50px;
height:50px;
border:solid #a5a29e 2px;
border-radius:3px
}
.w-silsidebar .user .avatar i {
position:absolute;
top:-6px;
right:-6px;
width:18px;
height:12px;
padding:3px 0;
font-size:12px;
font-style:normal;
color:#fff;
text-align:center;
background-color:#f43531;
border-radius:50%
}
.w-silsidebar .user .info {
display:inline-block;
height:12px;
margin-top:5px;
padding:3px 9px;
font-size:12px;
color:#444;
text-decoration:none;
text-shadow:0 0 2px rgba(0, 0, 0, 0.3);
vertical-align:top;
background-color:rgba(255, 255, 255, 0.6);
border-radius:2px
}
.w-silsidebar .user .info .icon-silsidebar-v {
display:inline-block;
width:12px;
height:6px;
margin-left:4px;
padding:3px 0;
background-color:#ff6600;
border-radius:50%;
text-align:center;
vertical-align:top;
-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.3);
box-shadow:0 0 2px rgba(0, 0, 0, 0.3)
}
.w-silsidebar .user .info .icon-silsidebar-v::before {
vertical-align:top
}
.w-silsidebar .user .info .mark-level {
display:inline-block;
height:10px;
margin-left:4px;
padding:0 4px;
font-size:10px;
font-style:normal;
color:#fff;
line-height:12px;
text-align:center;
vertical-align:top;
background-image:-webkit-linear-gradient(top, #ffa000 30%, #ff7f00);
background-image:-o-linear-gradient(top, #ffa000 30%, #ff7f00);
background-image:linear-gradient(to bottom, #ffa000 30%, #ff7f00);
border:solid 1px;
border-color:#fe8e00 #f97d00 #f97d00;
border-radius:2px;
-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.3);
box-shadow:0 0 2px rgba(0, 0, 0, 0.3)
}
.w-silsidebar .silsidebar-search-trigger {
margin:8px;
padding:9px 8px;
font-size:16px;
color:#c3c3c3;
background-color:#fff;
border:solid #acacac 1px;
border-radius:2px;
-webkit-box-shadow:1px 1px 2px #d6d6d6 inset;
box-shadow:1px 1px 2px #d6d6d6 inset;
overflow:hidden
}
.w-silsidebar .silsidebar-search-trigger .icon-silsidebar-search {
float:right;
height:15px
}
.w-silsidebar .silsidebar-memu {
position:relative;
background-color:#fff;
border-top:solid #d7d7d7 1px;
overflow:hidden
}
.w-silsidebar .silsidebar-memu a {
float:left;
width:25%;
padding:13px 0;
font-size:14px;
color:#444;
text-decoration:none;
text-align:center;
border:solid #e9e9e9;
border-width:0 1px 1px 0;
text-align:center
}
.w-silsidebar .silsidebar-memu a:visited {
color:#444443
}
.w-silsidebar .silsidebar-memu a:nth-child(4n) {
border-right:0
}
.w-silsidebar .silsidebar-memu::after {
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:0;
border-bottom:solid #d7d7d7 1px
}
.w-silsidebar .trace {
margin-top:8px;
background-color:#fff;
border:solid #d7d7d7;
border-width:1px 0
}
.w-silsidebar .trace h3 {
position:relative;
margin:0;
padding:0 8px;
line-height:1;
border-bottom:solid #e9e9e9 1px;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex
}
.w-silsidebar .trace h3 span {
-webkit-box-flex:1;
-ms-flex:1;
-webkit-flex:1;
-moz-flex:1;
flex:1;
position:relative;
float:left;
padding:12px 6px;
font-size:16px;
color:#444;
text-align:center
}
.w-silsidebar .trace h3 span .icon-silsidebar-car-viewed {
display:inline-block;
height:14px;
margin:1px 8px 0 0;
vertical-align:top
}
.w-silsidebar .trace h3 span .icon-silsidebar-chat {
display:inline-block;
height:18px;
margin:-2px 8px 0 0;
vertical-align:top
}
.w-silsidebar .trace h3 span.activate {
color:#cb0404
}
.w-silsidebar .trace h3 span.activate::after {
content:"";
position:absolute;
left:0;
bottom:-1px;
width:100%;
height:4px;
background-color:#cb0404
}
.w-silsidebar .trace h3 span.activate .icon-silsidebar-car-viewed::before {
background-position:0 -80px
}
.w-silsidebar .trace h3 span.activate .icon-silsidebar-chat::before {
background-position:0 -120px
}
.w-silsidebar .trace h3 span:last-child {
margin-left:8px
}
.w-silsidebar .trace h3::after {
content:""
}
.w-silsidebar .trace ul {
margin:0;
padding:0 4px 8px;
list-style:none;
overflow:hidden
}
.w-silsidebar .trace ul li {
float:left;
width:50%;
margin:0;
padding:8px 4px 0
}
.w-silsidebar .trace ul a {
display:block;
padding:6px;
font-size:16px;
color:#444;
text-decoration:none;
background-color:#f5f5f5;
border:solid #e9e9e9 1px;
border-radius:2px
}
.w-silsidebar .trace ul a strong {
display:block;
font-weight:normal
}
.w-silsidebar .trace ul a small {
display:block;
margin-top:6px;
font-size:12px;
color:#888
}
.w-silsidebar .mask {
position:fixed;
top:0;
left:0;
z-index:10000;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.6)
}
.header {
line-height:1;
background-color:#fff;
overflow:hidden
}
.header .sitearea{
padding:0 0.375rem;
background: #e9e9e9;
color: #999;
font-size: 12px;
line-height: 250%;
}
.header .athm {
padding:0 0.375rem;
float: left;
width: 8.35rem;
height: 2.2rem;
margin: 0.5rem;
text-indent: -999rem;
background-position: 0 0;
overflow: hidden;
}
.header .login {
float:right;
margin:0.75rem 0.75rem 0 0;
padding:0.375rem 0.25rem;
font-size:0.6rem;
color:#fff;
background-color:#666;
border-radius:0.125rem
}
.header .login:visited {
color:#fffffe
}
.header .user {
position:relative;
float:right;
margin-right:1rem
}
.header .user img {
border-radius:0.125rem
}
.header .user i {
position:absolute;
top:-0.125rem;
right:-0.625rem;
width:1.125rem;
padding:0.1875rem 0;
font-size:0.75rem;
color:#fff;
text-align:center;
background-color:#f43531;
border-radius:50%
}
.header .user i:visited {
color:#fffffe
}
.header .download {
float:right;
margin:0 1.75rem 0 0;
padding:0.5rem 0;
font-size:fontsize-default;
color:#444
}
.header .download:visited {
color:#444443
}
/*城市分站*/
.Navbar ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.Toggle {
position: relative;
display: inline-block;
border-radius: 50%;
background-color: #000;
width: 1.6rem;
height: 1.6rem;
}
.Toggle span,
.Toggle span:before,
.Toggle span:after {
display: block;
width: 1.2rem;
height: 0.2rem;
margin-left: 0.1rem;
background-color: #fff;
}
.Toggle span:before,
.Toggle span:after {
content: "";
position: absolute;
transition-property: margin, transform;
transition-duration: 0.2s;
transition-delay: 0.2s, 0s;
}
.Toggle span:before {
margin-top: 0.7rem;
}
.Toggle span:after {
margin-top: 0.7rem;
}
.Toggle:hover span:before {
transform: translateY(-1px);
}
.Toggle:hover span:after {
transform: translateY(1px);
}
.Toggle.is-active span {
background-color: rgba(255, 255, 255, 0);
transition-delay: 0.2s;
}
.Toggle.is-active span:before,
.Toggle.is-active span:after {
transition-delay: 0s, 0.2s;
}
.Toggle.is-active span:before {
transform: rotate(45deg);
}
.Toggle.is-active span:after {
transform: rotate(-45deg);
}
.Navbar {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
display: flex;
padding: 2.4rem 0;
background-color: rgba(255, 255, 255, 0.92);
}
.Navbar {
/*opacity: 0;*/
display: none;
}
.Navbar.is-active {
/*opacity: 1; */
display: flex;
transition-property: opacity, visibility, transform;
transition-duration: 0.35s, 0.25s, 0.25s;
transition-delay: 0.1s;
transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
z-index: 2000;
}
.Navbar-menu {
line-height: 1.6rem;
transition-property: opacity, visibility, transform;
transition-duration: 0.35s, 0.25s, 0.25s;
transition-delay: 0.1s;
transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
width: 100%;
}
.Navbar-menu .Navbar-menu-major {
flex-grow: 1;
}
.Navbar-menu.is-active {
opacity: 1;
visibility: visible;
transform: translateX(0);
border-left: 1px solid rgba(255, 255, 255, 0.2);
transition-duration: 0.15s, 0.25s, 0.25s;
}
.Navbar-menu-major a,
.Navbar-menu-minor a,
.Navbar-menu-major details {
padding: .6rem 10%;
color: #000;
}
.Navbar-menu-major details > summary {
white-space: nowrap;
list-style: none;
cursor: pointer;
}
.Navbar .Navbar-meta {
color: #999999;
font-size: 14px;
font-weight: 400;
}
@keyframes shine {
0% {
background-position: 0;
}
60% {
background-position: 100%;
}
100% {
background-position: 100%;
}
}
.Navbar-toggle {
transform: scale(.8);
position: absolute;
top: 1rem;
right: 1rem;
}
/*城市分站*/
.nav {
padding:0.3125rem 0;
background-color:#cb0404;
line-height:1;
overflow:hidden
}
.nav a {
float:left;
width:33%;
padding:0.375rem 0;
font-size:1.125rem;
color:#fff;
text-align:center
}
.nav a:link {color:#fffffe;}/* 未被访问的链接 */
.nav a:visited {color:#fffffe;}/* 已被访问的链接 */
.nav a:hover {color:#fffffe;}/* 鼠标指针移动到链接上 */
.nav a:active {color:#fffffe;}/* 正在被点击的链接 */