body { font: 14px/1.5 tahoma, microsoft yahei; color: #333333; background: #f4f4f4; }
body, div, form, p, img, ul, li, ol, dl, dt, dd { margin: 0; padding: 0; border: 0; }
li { list-style: none; }
i, em { font-style: normal; }
h1, h2, h3, h4, h5 { font-size: 100%; font-weight: normal; margin: 0; padding: 0; }
img { border: 0px; }
img, input { vertical-align: middle; }
a { color: #333333; text-decoration: none; cursor: pointer; }
.fix:after { content: "\20"; clear: both; height: 0; display: block; overflow: hidden }
.fix { clear: both; *zoom:1;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block }
audio, canvas, video { display: inline-block; *display:inline;
*zoom:1
}
audio:not([controls]) { display: none; width: 0; height: 0 }
[hidden] {
display:none
}
.footer, .pager-header { display: none; overflow: hidden; }
.pager-header { position: fixed; top: 0; z-index: 10; max-width: 420px; background: #ffffff; overflow: hidden; width: 100%; }
.pager-wrap { background: #fff; }
.fColor { color: #000000; }
.doc-wrap { max-width: 420px; margin: 0 auto; background: #ffffff; position: relative; }
.page-bg { background: #f4f4f4; }
.pager-wrap-grey { background: #f9f9f9; }
.top-link { height: 50px; background: #eeeeee; padding-top: 10px; padding-left: 60px; position: relative; padding-right: 90px; display: none; }
.top-link img { position: absolute; left: 10px; top: 10px; }
.top-link h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.top-link p { font-size: 12px; }
.top-link a { position: absolute; display: block; width: 80px; height: 32px; line-height: 32px; text-align: center; right: 10px; top: 15px; background: #000000; color: #ffffff; border-radius: 16px; }
.search-wrap { height: 28px; position: relative; background: #eeeeee; border-radius: 3px; }
.search-ic { width: 11px; height: 11px; background: url(../pics/search.png) no-repeat; background-size: 100%; position: absolute; left: 10px; top: 8px; }
.search-txt { box-sizing: border-box; line-height: 28px; height: 28px; background: none; border: none; margin: 0; padding: 0; padding-left: 24px; padding-right: 24px; width: 100%; }
.search-clear { width: 28px; height: 28px; position: absolute; right: 0; top: 0; display: none; }
.search-clear:after { content: "\20"; width: 12px; height: 12px; display: block; background: url(../pics/search_clear.png) no-repeat; background-size: 100%; margin: 8px; }
.btn-cate { width: 44px; height: 44px; position: relative; }
.btn-cate:after { content: "\20"; width: 22px; height: 22px; display: block; background: url(../pics/cate_color.png) no-repeat; background-size: 100%; position: absolute; left: 50%; top: 50%; margin-left: -11px; margin-top: -11px; }
.index-search-bar { position: relative; height: 48px; }
.index-search-bar .search-wrap { position: absolute; left: 10px; right: 50px; top: 10px; }
.index-search-bar .btn-cate { position: absolute; right: 2px; top: 2px; }
.index-auto { position: relative; margin-bottom: 10px; padding-left: 50%; min-height: 120px; }
.index-auto .content { position: absolute; left: 17px; top: 0; }
.index-auto .title { font-size: 19px; }
.index-auto .time-wrap { margin-top: 12px; }
.index-auto .time-wrap .time-txt { float: left; width: 40px; height: 44px; text-align: center; color: #ffffff; line-height: 44px; font-size: 25px; background: #000000; }
.index-auto .time-wrap .dot { float: left; width: 10px; height: 44px; text-align: center; color: #000000; line-height: 44px; font-size: 25px; }
.index-auto .prev { margin-top: 12px; }
.index-auto .img { margin-left: 10px; margin-right: 10px; display: block; position: relative; overflow: hidden; background-color: #f5f5f5; background-position: center center; background-size: cover; }
.index-auto .img:after { content: "\20"; display: block; padding-top: 70%; }
.index-auto .prev { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.special .gap { height: 10px; background: #f6f6f6; }
.special .wrap { background: #fff; }
.index-imglist-container .special-img .wrap { margin-right: 0; }
.special-img .wrap { margin: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.special-img .wrap { position: relative; }
.special-img .img { border-radius: 4px; width: 100%; background: #fff; }
.special-img .title { font-size: 20px; position: absolute; left: 0px; bottom: 0px; line-height: 25px; height: 25px; padding: 0 15px; background: #76644c; color: #fff; font-size: 12px; border-radius: 0 6px 0 6px; }
.special .item-list { width: 100%; position: relative; }
.special .item-list .item-wrap { white-space: nowrap; padding-bottom: 0; overflow: auto; -webkit-overflow-scrolling: auto; overflow-y: hidden; overflow-x: auto; margin: 0 5px; font-size: 0; }
.special .item-list .item .img-wrap { position: relative; overflow: hidden; }
.special .item-list .item .img-wrap:after { content: "\20"; display: block; padding-top: 100%; }
.special .item-list .item { width: 33.3%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 0 5px 10px; }
.special .item-list img { width: 100%; position: absolute; height: 100%; background: #fff; border-radius: 4px; }
.special .item-list .title { font-size: 13px; line-height: 24px; height: 24px; text-overflow: ellipsis; overflow: hidden; margin-top: 3px; white-space: nowrap; }
.special .item-list .price { font-size: 12px; color: #b43948; }
.artist-item-list-wrap { padding-bottom: 15px; margin-top: 15px; }
.artist-item-list { width: 100%; position: relative; }
.artist-item-list .item-wrap { white-space: nowrap; padding-bottom: 0; overflow: auto; -webkit-overflow-scrolling: auto; overflow-y: hidden; overflow-x: auto; margin: 0 5px; font-size: 0; }
.arc-min-item .img-wrap { position: relative; overflow: hidden; }
.arc-min-item .img-wrap:after { content: "\20"; display: block; padding-top: 100%; }
.arc-min-item { width: 33.3%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 0 5px 10px; }
.arc-min-item img { width: 100%; position: absolute; height: 100%; background: #fff; border-radius: 4px; }
.arc-min-item .title { font-size: 13px; line-height: 24px; height: 24px; text-overflow: ellipsis; overflow: hidden; margin-top: 3px; white-space: nowrap; }
.arc-min-item .price { font-size: 12px; color: #b43948; }
.title-common-wrap { text-align: center; padding: 10px 5px; }
.title-common-wrap-ex { padding-bottom: 0px; }
.title-common { color: #786952; display: inline-block; font-size: 18px; }
.title-common:after { content: "\20"; display: inline-block; width: 10px; height: 10px; background: url(../pics/title_line.png) no-repeat; background-size: 100%; margin-left: 15px; }
.title-common:before { content: "\20"; display: inline-block; width: 10px; height: 10px; background: url(../pics/title_line.png) no-repeat; background-size: 100%; margin-right: 15px; }
.box-title { height: 45px; line-height: 45px; position: relative; text-align: center; }
.box-title .line { width: 150px; height: 1px; background: #999999; position: absolute; left: 50%; margin-left: -75px; top: 50%; }
.box-title .title { font-size: 19px; padding: 0 10px; background: #ffffff; display: inline-block; margin: 0 auto; position: relative; z-index: 2; }
.arc-item .pic:after { content: "\20"; display: block; padding-top: 100%; }
.arc-item .pic { position: absolute; display: block; height: 100%; width: 100%; position: relative; overflow: hidden; background-color: #f5f5f5; background-position: center center; background-size: cover; }
.ic_new { height: 16px; line-height: 16px; padding: 0 5px; border-radius: 2px; background: #59cbdf; color: #ffffff; font-size: 12px; display: inline-block; }
.ic_sale { height: 16px; line-height: 16px; padding: 0 5px; border-radius: 2px; background: #ff7cdc; color: #ffffff; font-size: 12px; display: inline-block; }
.ic_free { height: 16px; line-height: 16px; padding: 0 5px; border-radius: 2px; background: #ff8b5d; color: #ffffff; font-size: 12px; display: inline-block; }
.ic_sold { width: 58px; height: 66px; background: url(../pics/ic_sold.png) no-repeat; background-size: 100%; }
.ic_video { width: 44px; height: 44px; background: url(../pics/ic_play_btn.png) no-repeat; background-size: 100%; }
.arc-item .ic_new, .arc-item .ic_sale { position: absolute; left: 0; top: 0; }
.arc-item .ic_video { position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; display: none; }
.arc-item .ic_sold { position: absolute; left: 50%; top: 50%; margin-left: -29px; margin-top: -33px; display: none; }
.arc-item .img-wrap { position: relative; overflow: hidden; }
.arc-item .img-wrap:after { content: "\20"; display: block; padding-top: 100%; }
.arc-item .img-wrap .time-flag { position: absolute; left: 5px; top: 5px; display: none; }
.arc-item .img-wrap .auction-times { position: absolute; right: 5px; bottom: 5px; display: none; }
.arc-item { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; padding: 10px 5px 20px; }
.arc-item .imgBg { width: 100%; position: absolute; height: 100%; background: #fff; border-radius: 4px 4px 0 0; left: 0; top: 0; }
.arc-item img { width: 100%; position: absolute; height: 100%; background: #fff; border-radius: 4px 4px 0 0; left: 0; top: 0; }
.arc-item .desc { font-size: 12px; padding: 5px 2px 5px 7px; background: #f7f4f0; color: #9b8e78; border-radius: 0 0 4px 4px; }
.arc-item .desc span { display: block; line-height: 16px; height: 32px; overflow: hidden; }
.arc-item .title { font-size: 14px; line-height: 24px; height: 24px; text-overflow: ellipsis; overflow: hidden; margin-top: 5px; white-space: nowrap; }
.arc-item .date { font-size: 12px; line-height: 24px; height: 24px; text-overflow: ellipsis; overflow: hidden; margin-top: 1px; white-space: nowrap; color: #999; display: none; }
.arc-item .price { font-size: 14px; color: #b43948; }
.arc-item .price .txt { font-size: 14px; color: #999; }
.arc-video .ic_video { display: block; }
.arc-sold .ic_sold { display: block; }
.special-header-img { width: 100%; }
.page-list-grid { padding: 0 6px; }
.artist-item { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; padding: 12px 6px; }
.artist-item .inner { background: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; background: #ffffff; padding-bottom: 10px; }
.artist-item .pic:after { content: "\20"; display: block; padding-top: 100%; }
.artist-item .img { position: absolute; }
.artist-item .pic { border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; position: absolute; display: block; height: 100%; width: 100%; position: relative; overflow: hidden; background-color: #f5f5f5; background-position: center center; background-size: cover; }
.artist-item .title { line-height: 30px; height: 30px; padding-left: 10px; font-size: 15px; padding-top: 5px; }
.artist-item .title:after { content: ''; width: 13px; height: 13px; background: url(../pics/ic_v_new.png) no-repeat; background-size: 100%; display: inline-block; margin-left: 5px; }
.artist-item .desc { font-size: 11px; line-height: 20px; color: #999; padding-left: 10px; height: 20px; overflow: hidden; }
.cate-list { padding: 0 7px; }
.cate-item { width: 20%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; padding: 7px; padding-bottom: 3px; }
.cate-item .pic:after { content: "\20"; display: block; padding-top: 100%; }
.cate-item .pic { position: absolute; display: block; height: 100%; width: 100%; position: relative; overflow: hidden; background-color: #f5f5f5; background-position: center center; background-size: cover; }
.cate-item .bar { display: block; height: 25px; line-height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #777777; text-align: center; }
.loading-txt { text-align: center; height: 40px; line-height: 40px; color: #777777; }
.footer .gap { height: 10px; background: #eeeeee; }
.footer .icon { margin: 0 10px; text-align: center; padding-bottom: 10px; font-size: 12px; position: relative; }
.footer .icon:after { left: 0; content: ''; position: absolute; width: 200%; height: 1px; bottom: 0; border-bottom: 1px solid #ebebeb; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(.5, .5); transform: scale(.5, .5); -webkit-box-sizing: border-box; box-sizing: border-box }
.footer .icon .ic { width: 90px; display: inline-block; position: relative; padding-top: 44px; color: #777777; }
.footer .icon .ic:before { content: "\20"; display: inline-block; width: 22px; height: 22px; position: absolute; left: 50%; margin-left: -11px; top: 14px; }
.footer .icon .ic1:before { background: url(../pics/guarantee_foot.png) no-repeat; background-size: 100%; }
.footer .icon .ic2:before { background: url(../pics/official_foot.png) no-repeat; background-size: 100%; }
.footer .icon .ic3:before { background: url(../pics/seven_foot.png) no-repeat; background-size: 100%; }
.footer .links { text-align: center; padding-top: 7px; }
.footer .links a { display: inline-block; line-height: 16px; height: 16px; padding: 0 25px; }
.footer .links a:nth-child(1), .footer .links a:nth-child(2) { border-right: 0.5px solid #ebebeb; }
.footer .desc { line-height: 45px; height: 45px; text-align: center; color: #999999; font-size: 12px; }
.miniprogram .title-bar h1 { display: none; }
.miniprogram .title-bar, .miniprogram .pager-header { background: none; }
.miniprogram .title-bar:after { display: none; border: none; }
.miniprogram .right .ic, .miniprogram .right .a, .miniprogram .right .home, .miniprogram .right .cart, .miniprogram .right .share { border-radius: 50%; background: rgba(255,255,255,0.8); margin-right: 10px; width: 40px; height: 40px; margin-top: 4px; }
.miniprogram .title-bar .back { border-radius: 50%; background: rgba(255,255,255,0.8); margin-left: 10px; width: 40px; height: 40px; margin-top: 4px; }
.title-bar { height: 44px; position: relative; }
.title-bar h1 { text-align: center; margin-left: 44px; margin-right: 44px; line-height: 44px; font-size: 16px; height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.title-bar-with2Ic h1 { margin-right: 88px; }
.title-bar .back { width: 44px; height: 44px; position: absolute; left: 0; top: 0; cursor: pointer; }
.title-bar .back:after { content: ''; width: 22px; height: 22px; background: url(../pics/back.png) no-repeat; background-size: 100%; left: 50%; top: 50%; margin-left: -11px; margin-top: -11px; display: block; position: absolute; }
.title-bar:after { left: 0; content: ''; position: absolute; width: 200%; height: 1px; bottom: 0; border-bottom: 1px solid #ebebeb; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(.5, .5); transform: scale(.5, .5); -webkit-box-sizing: border-box; box-sizing: border-box }
.title-bar .right { position: absolute; right: 0; top: 0; cursor: pointer; }
.title-bar .home { width: 44px; height: 44px; position: relative; float: left; cursor: pointer; }
.title-bar .home:after { content: ''; width: 22px; height: 22px; background: url(../pics/home_color.png) no-repeat; background-size: 100%; left: 50%; top: 50%; margin-left: -11px; margin-top: -11px; display: block; position: absolute; }
.title-bar .share { width: 44px; height: 44px; position: relative; float: left; cursor: pointer; display: none; }
.title-bar .share:after { content: ''; width: 22px; height: 22px; background: url(../pics/share_color.png) no-repeat; background-size: 100%; left: 50%; top: 50%; margin-left: -11px; margin-top: -11px; display: block; position: absolute; }
.title-bar .cate { width: 44px; height: 44px; position: relative; float: left; cursor: pointer; }
.title-bar .cate:after { content: ''; width: 22px; height: 22px; background: url(../pics/cate_color.png) no-repeat; background-size: 100%; left: 50%; top: 50%; margin-left: -11px; margin-top: -11px; display: block; position: absolute; }
.title-bar .cart { width: 44px; height: 44px; position: relative; float: left; cursor: pointer; }
.title-bar .cart:after { content: ''; width: 22px; height: 22px; background: url(../pics/ic_titlebar_cart.png) no-repeat; background-size: 100%; left: 50%; top: 50%; margin-left: -11px; margin-top: -11px; display: block; position: absolute; }
.title-bar .cart .count { display: none; background: #e66236; font-size: 10px; border-radius: 10px; line-height: 16px; height: 16px; text-align: center; min-width: 10px; padding: 0 3px; position: absolute; right: 0px; top: 5px; color: #fff; }
.cate-wrap { position: relative; background: #f4f4f4; padding-left: 90px; }
.cate-wrap .nav { width: 90px; position: absolute; left: 0; right: 0; margin-top: 10px; }
.cate-wrap .content { background: #ffffff; padding-top: 10px; min-height: 300px; }
.cate-wrap .nav .item { width: 70px; height: 30px; padding-right: 5px; line-height: 30px; padding-bottom: 10px; text-align: center; margin-left: 8px; }
.cate-wrap .nav .cur { color: #ffffff; background: url(../pics/ic_cate_tab_title_bg.png) no-repeat; background-size: 100%; }
.cate-wrap .content .cate-list { display: none; }
.cate-wrap .content .cur { display: block; }
.cate-wrap .content .cate-item { width: 25%; }
.list-filter { height: 42px; position: relative; }
.list-filter:after { left: 0; content: ''; position: absolute; width: 200%; height: 1px; bottom: 0; border-bottom: 1px solid #ebebeb; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(.5, .5); transform: scale(.5, .5); -webkit-box-sizing: border-box; box-sizing: border-box }
.list-filter .nav { width: 25%; float: left; line-height: 42px; height: 42px; text-align: center; }
.list-filter .cur { color: #000000; }
.list-filter .filter-none:after { content: ''; width: 7px; height: 10px; background: url(../pics/sort_arrow.png) no-repeat; background-size: 220%; margin-left: 5px; display: inline-block; }
.list-filter .filter-desc:after { content: ''; width: 7px; height: 10px; background: url(../pics/sort_arrow.png) no-repeat right top; background-size: 220%; margin-left: 5px; display: inline-block; }
.list-filter .filter-asc:after { content: ''; width: 7px; height: 10px; background: url(../pics/sort_arrow.png) no-repeat left bottom; background-size: 220%; margin-left: 5px; display: inline-block; }
.arc-content { padding: 15px 12px; -webkit-box-flex: 1; }
.arc-content p { line-height: 24px; margin-top: 10px; }
.download-wrap { width: 100%; background-image: url(../pics/download-bg.jpg); background-position: center center; background-size: cover; position: relative; }
.download-wrap:after { content: ''; padding-top: 160%; display: block; width: 100%; }
.download-wrap .wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.download-wrap .logo { width: 186px; height: 57px; background: url(../pics/logo_download.png) no-repeat; background-size: 100%; margin: 30px auto; }
.download-wrap .focus { width: 270px; height: 270px; position: relative; margin: 0 auto; overflow: hidden; background: #ffffff; border-radius: 9px; }
.download-wrap .focus .content { display: -webkit-box; }
.download-wrap .focus .content .item { width: 270px; height: 270px; }
.download-wrap .focus .content .item:nth-child(1) { background: url(../pics/focus_1.png) no-repeat; background-size: 100%; }
.download-wrap .focus .content .item:nth-child(2) { background: url(../pics/focus_2.png) no-repeat; background-size: 100%; }
.download-wrap .focus .content .item:nth-child(3) { background: url(../pics/focus_3.png) no-repeat; background-size: 100%; }
.download-wrap .focus .nav { position: absolute; left: 0; bottom: 16px; text-align: center; width: 100%; }
.download-wrap .focus .nav .item { width: 8px; height: 8px; border-radius: 4px; background: #aaaaaa; display: inline-block; margin: 0 2px; }
.download-wrap .focus .nav .cur { background: #000000; }
.download-wrap .links { width: 185px; margin: 32px auto; }
.download-wrap a.ios { width: 185px; height: 44px; display: block; background: url(../pics/btn-iphone.png) no-repeat; background-size: 100%; }
.download-wrap a.android { width: 185px; height: 44px; display: block; background: url(../pics/btn_android.png) no-repeat; background-size: 100%; margin-top: 10px; }
.shop-wrap .user-info { text-align: center; position: relative; z-index: 2; }
.shop-wrap .user-info .avatar { display: inline-block; width: 60px; height: 60px; margin-top: 35px; }
.shop-wrap .user-info .avatar img { width: 100%; height: 100%; border-radius: 4px; background-color: #f5f5f5; background-position: center center; background-size: cover; }
.shop-wrap .user-info .bar { margin-top: 12px; line-height: 24px; height: 24px; }
.shop-wrap .user-info .name { font-size: 22px; color: #ffffff; text-shadow: 0px 0px 3px rgba(000,000,000,0.2); }
.user-lv { margin-right: 5px; vertical-align: middle; display: inline-block; height: 15px; line-height: 15px; border-radius: 2px; position: relative; background: #d8caff; color: #ffffff; font-size: 10px; font-style: italic; padding-left: 12px; padding-right: 3px; }
.shop-wrap .user-lv { position: relative; vertical-align: middle; margin-left: 5px; }
.shop-wrap { position: relative; }
.shop-wrap .bgPic { position: absolute; width: 100%; height: 100%; overflow: hidden; }
.user-lv:before { content: "\20"; display: inline-block; width: 10px; height: 10px; position: absolute; background: url(../pics/ic_lv_new.png) no-repeat; background-size: 100%; left: 3px; top: 3px; }
.user-lv0 { background: #aff4d4; }
.user-lv1, .user-lv2, .user-lv3 { background: #ffd6a4; }
.user-lv4, .user-lv5, .user-lv6 { background: #c1e0f8; }
.user-lv7, .user-lv8, .user-lv9 { background: #ffd974; }
.user-lv10, .user-lv11, .user-lv12 { background: #b9e1e8; }
.shop-wrap .user-info .ic span { background: #fff; height: 20px; line-height: 20px; display: inline-block; font-size: 12px; padding: 0 12px 0 24px; border-radius: 10px; position: relative; margin: 0 5px; }
.shop-wrap .user-info .ic span:before { content: ''; display: block; width: 15px; height: 15px; position: absolute; left: 5px; top: 2px; }
.shop-wrap .user-info .ic .gold:before { background: url(../pics/gold.png) no-repeat; background-size: 100%; }
.shop-wrap .user-info .ic .service:before { background: url(../pics/right.png) no-repeat; background-size: 100%; }
.shop-wrap .user-info .ic { padding: 12px 0 33px; }
.search-bar { overflow: hidden; }
.search-bar .search-wrap { margin-left: 44px; margin-right: 58px; margin-top: 8px; }
.search-bar .search { height: 44px; line-height: 44px; width: 58px; position: absolute; right: 0px; top: 0; color: #000000; display: block; text-align: center; }
.search-hint { padding: 14px; min-height: 300px; padding-right: 0; -webkit-box-flex: 1; }
.search-hint .title { color: #777777; height: 24px; line-height: 24px; }
.search-hint .list .item { height: 26px; line-height: 26px; padding: 0 7px; margin: 5px 8px 5px 0; display: inline-block; border: 1px solid #e8e8e8; font-size: 12px; border-radius: 2px; }
.empty-container { text-align: center; position: relative; min-height: 300px; -webkit-box-flex: 1; }
.empty-container .img { width: 80px; height: 80px; background: url(../pics/empty.png) no-repeat; background-size: 100%; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; }
.empty-container .txt { font-size: 12px; line-height: 22px; top: 50%; margin-top: 60px; position: absolute; width: 100%; }
.slider-wrap { position: relative; background: #f5f5f5; }
.slider-container { width: 100%; overflow: hidden; }
.slider-wrap .content .item { background-color: #f5f5f5; background-position: center center; background-size: cover; position: relative; float: left; overflow: hidden; background: #000; display : flex; justify-content : center; align-items : center; }
.slider-wrap .content img { max-width: 100%; max-height: 100%; }
.slider-wrap .content .video video { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background: #000000; }
.slider-wrap .content .video .ic_video { position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; display: block; z-index: 2; }
.slider-nav-wrap { position: absolute; bottom: 15px; width: 100%; text-align: center; }
.slider-nav-wrap .box { display: inline-block; }
.slider-nav-wrap .item { width: 6px; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, 0.3); float: left; margin: 0 3px; }
.slider-nav { margin-left: 3px; }
.slider-nav-bg { height: 6px; overflow: hidden; }
.slider-nav .item { margin: 0; background: #ffffff; }
.download-wrap .slider-nav-wrap .slider-nav .item { margin: 0; background: #000000; }
.download-wrap .slider-nav-wrap .item { background: #aaaaaa; }
.page-price-bar { line-height: 56px; height: 56px; margin-left: 15px; margin-right: 15px; border-bottom: 1px solid #ededed; }
.page-price-bar .price { color: #e41436; font-size: 20px; margin-right: 15px; }
.page-price-bar .price-ava { color: #aaaaaa; font-size: 16px; text-decoration: line-through; margin-right: 10px; }
.page-price-bar span { margin-right: 5px; }
.page-content-wrap { margin-left: 15px; margin-right: 15px; padding-bottom: 10px; }
.page-content-wrap h2 { font-size: 19px; line-height: 26px; padding: 10px 0; }
.page-content-wrap p { line-height: 20px; }
.gap { height: 8px; background: #f6f6f6; }
.page-content-ic { line-height: 50px; line-height: 50px; margin-left: 15px; }
.bar-with-more { position: relative; padding-right: 40px; }
.bar-with-more:after { content: "\20"; display: inline-block; width: 15px; height: 15px; background: url(../pics/more_arrow.png) no-repeat; background-size: cover; right: 13px; top: 50%; margin-top: -7px; position: absolute; }
.page-content-ic .item { position: relative; padding-left: 20px; margin-right: 8px; }
.page-content-ic .item:before { content: "\20"; display: inline-block; width: 15px; height: 15px; background: url(../pics/right_color.png) no-repeat; background-size: cover; left: 0; top: 50%; margin-top: -7px; position: absolute; }
.page-user-info { margin-left: 15px; padding-left: 50px; padding-top: 10px; height: 50px; position: relative; }
.page-user-info .avatar { position: absolute; left: 0; top: 50%; margin-top: -20px; width: 40px; height: 40px; }
.page-user-info .avatar img { width: 100%; height: 100%; border-radius: 20px; background-color: #f5f5f5; }
.page-user-info .name { font-size: 16px; margin-right: 3px; white-space: nowrap; overflow: hidden; max-width: 120px; }
.page-user-info .desc { color: #999999; font-size: 12px; }
.ic_cws { display: inline-block; width: 28px; height: 13px; margin-right: 5px; background: url(../pics/cws.jpg) no-repeat; background-size: cover; vertical-align: middle; }
.ic_v { display: inline-block; width: 13px; height: 13px; margin-right: 5px; background: url(../pics/ic_v_new.png) no-repeat; background-size: cover; vertical-align: middle; }
.page-user-info .nickname .ic_cws, .page-user-info .nickname .ic_v, .page-user-info .nickname .user-lv { margin-right: 5px; position: relative; }
.page-user-info .btn-link { display: block; height: 70px; position: absolute; right: 35px; color: #777777; top: 0; line-height: 70px; }
.page-arc-detail-title { margin-top: 5px; }
.page-arc-detail-title { line-height: 40px; height: 40px; }
.page-arc-detail-title .title { font-size: 14px; }
.page-arc-detail-pics img { width: 100%; margin-top: 5px; }
.page-arc-detail-pics p { line-height: 24px; padding: 3px 12px; }
.post-item { padding-left: 50px; padding-top: 10px; margin-left: 10px; position: relative; padding-right: 10px; position: relative; border-bottom: 1px solid #ededed; padding-bottom: 8px; cursor: pointer; }
.post-item .avatar { position: absolute; left: 0; top: 10px; width: 40px; height: 40px; }
.post-item .avatar img { width: 100%; height: 100%; background-color: #f5f5f5; background-position: center center; background-size: cover; border-radius: 25px; }
.post-item .name { font-size: 16px; margin-right: 3px; white-space: nowrap; overflow: hidden; max-width: 120px; color: #777777; }
.post-item .nickname .ic_cws, .post-item .nickname .user-lv, .post-item .nickname .ic_v { vertical-align: text-bottom; margin-right: 5px; position: relative; top: -2px; }
.post-item .title { margin-top: 3px; font-size: 16px; font-weight: bold; line-height: 24px; max-height: 48px; overflow: hidden; text-overflow: ellipsis; }
.post-item .desc { margin-top: 3px; color: #999999; line-height: 20px; }
.post-item .pics { margin-top: 5px; }
.post-item .pics .item { background-color: #f5f5f5; background-position: center center; background-size: cover; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; position: relative; height: 100%; width: 33.33%; margin-bottom: 2px; }
.post-item .pics .item:after { content: "\20"; display: block; padding-top: 100%; }
.post-item .pics .item:before { content: "\20"; display: block; padding-top: 100%; width: 2px; position: absolute; right: 0; background: #ffffff; }
.post-item .pics2 .item, .post-item .pics4 .item, .post-item .pics1 .item { width: 50%; }
.post-item .date { font-size: 12px; color: #999999; line-height: 20px; height: 24px; margin-top: 5px; }
.post-item .comment { font-size: 12px; color: #999999; position: absolute; right: 10px; bottom: 8px; line-height: 24px; height: 24px; padding-left: 18px; }
.post-item .comment:before { content: "\20"; display: block; width: 14px; height: 11px; background: url(../pics/ic_article_comment.png) no-repeat; background-size: cover; position: absolute; left: 0; top: 6px; }
.member-wrap { padding-bottom: 20px; position: relative; overflow: hidden; }
.member-wrap .user-info { text-align: center; position: relative; z-index: 2; }
.member-wrap .bgPic { position: absolute; z-index: 1; }
.member-wrap .bgPic { width: 100%; height: 100%; overflow: hidden; }
.member-wrap .user-info .avatar { display: inline-block; width: 60px; height: 60px; margin-top: 35px; }
.member-wrap .user-info .avatar img { border-radius: 4px; background-color: #f5f5f5; background-position: center center; background-size: cover; width: 100%; height: 100%; }
.member-wrap .user-info .bar { margin-top: 12px; line-height: 24px; height: 24px; }
.member-wrap .user-info .name { font-size: 22px; color: #ffffff; text-shadow: 0px 0px 3px rgba(000,000,000,0.2); }
.member-wrap .user-info .status { margin-top: 12px; }
.member-wrap .user-info .status .item { display: inline-block; text-shadow: 0px 0px 3px rgba(000,000,000,0.2); color: #fff; width: 50px; font-size: 12px; text-align: center }
.member-wrap .user-info .signture { color: #fff; margin-top: 12px; text-shadow: 0px 0px 3px rgba(000,000,000,0.2); margin-left: 40px; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.member-wrap .user-lv { position: relative; vertical-align: middle; margin-left: 5px; }
.reply-item { margin-left: 15px; padding-left: 40px; padding-top: 10px; position: relative; padding-bottom: 5px; border-bottom: 1px solid #ededed; }
.reply-item a { color: #000000; }
.reply-item .avatar { position: absolute; left: 0; top: 10px; width: 30px; height: 30px; }
.reply-item .avatar img { background-color: #f5f5f5; background-position: center center; background-size: cover; border-radius: 15px; width: 100%; height: 100%; }
.reply-item .name { font-size: 12px; margin-right: 5px; white-space: nowrap; overflow: hidden; max-width: 120px; color: #999; }
.reply-item .desc { color: #999999; font-size: 12px; }
.reply-item .content { padding: 8px 10px 10px 0; font-size: 15px; color: #000; }
.reply-item .nickname .ic_cws, .reply-item .nickname .ic_v, .reply-item .nickname .user-lv { vertical-align: text-bottom; margin-right: 5px; position: relative; top: -3px; }
.reply-item .reply-more { text-align: center; cursor: pointer; color: #999; line-height: 30px; }
.reply-item-body { border: none; }
.auction-item .img:after { content: "\20"; display: block; padding-top: 50%; }
.auction-item .img { width: 100%; height: 100%; background-color: #f5f5f5; background-position: center center; background-size: cover; }
.auction-item .desc { background: rgba(000,000,000,0.7); height: 25px; line-height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: -25px; color: #ffffff; padding-left: 12px; position: relative; }
.auction-item { padding-bottom: 5px; }
.auction-item-bar { height: 50px; background: #cd384a; position: relative; }
.auction-item-bar .price { font-size: 24px; color: #ffffff; line-height: 50px; display: inline-block; margin-left: 12px; }
.auction-item-bar .price-new { font-size: 10px; color: rgba(255,255,255,0.5); display: inline-block; }
.auction-item-bar .status { text-align: center; width: 120px; padding-left: 30px; height: 50px; position: absolute; right: 0; top: 0; background: url(../pics/ic_auction_state_color.png); background-size: cover; }
.auction-item-bar .time-wrap { margin-top: 2px; display: inline-block; }
.auction-item-bar .time-wrap .time-txt { float: left; width: 20px; height: 20px; text-align: center; color: #ffffff; line-height: 20px; font-size: 14px; background: #000000; border-radius: 4px; }
.auction-item-bar .time-wrap .dot { float: left; width: 8px; height: 20px; text-align: center; color: #000000; line-height: 20px; font-size: 14px; }
.auction-item-bar .tip { font-size: 12px; margin-top: 3px; text-align: center; }
.auction-item-bar .status-end { background: url(../pics/ic_auction_state_disable.png); background-size: cover; }
.auction-item-bar .status-end .title { line-height: 50px; color: #ffffff; font-size: 18px; }
.page-auction-status-bar { padding-bottom: 10px; }
.page-auction-status-bar .item { float: left; width: 33.3%; font-size: 12px; padding-top: 5px; color: #777777; }
.page-auction-status-bar .item:before { content: "\20"; display: inline-block; width: 12px; height: 16px; }
.title-nav-gox { line-height: 44px; height: 44px; position: relative; padding-left: 14px; border-bottom: 1px solid #ededed; }
.title-nav-gox .title { font-size: 16px; }
.title-nav-gox-no-border { border: none; }
.title-nav-gox .btn-link { position: absolute; right: 35px; line-height: 44px; height: 44px; font-size: 12px; color: #777777; top: 0; }
.auction-price-item { border-bottom: 1px solid #ededed; height: 25px; padding: 10px; position: relative; }
.auction-price-item .avatar { width: 25px; height: 25px; float: left; }
.auction-price-item .avatar img { width: 100%; height: 100%; background: #f5f5f5; background-color: #f5f5f5; border-radius: 15px; }
.auction-price-item .nickname { font-size: 12px; margin-left: 10px; white-space: nowrap; overflow: hidden; width: 120px; color: #333; float: left; }
.auction-price-item .desc { color: #999999; font-size: 12px; float: left; }
.auction-price-item .content { padding: 3px 10px 3px 20px; position: relative; color: #777777; float: right; }
.auction-price-item .content:before { content: "\20"; display: block; width: 16px; height: 16px; background: url(../pics/ic_auction_price.png) no-repeat; background-size: cover; left: 0; position: absolute; top: 50%; margin-top: -8px; }
.auction-price-item1 .content { color: #ff0000; }
.auction-price-item .icon { background: url(../pics/ic_auction_new.png) no-repeat; width: 42px; height: 32px; background-size: cover; position: absolute; top: 5px; right: 120px; }
.auction-price-item1 .content:before { content: "\20"; display: block; width: 16px; height: 16px; background: url(../pics/ic_auction_price_color.png) no-repeat; background-size: cover; left: 0; position: absolute; top: 50%; margin-top: -8px; }
.page-artist-wrap { text-align: center; }
.page-artist-wrap .img:after { content: "\20"; display: block; padding-top: 100%; }
.page-artist-wrap .img { position: relative; background-color: #f5f5f5; background-position: center center; background-size: cover; }
.page-artist-wrap .pic { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.page-artist-wrap .img .icon { width: 70px; height: 60px; position: absolute; right: 15px; bottom: 15px; background: url(../pics/ic_artist_pic_cover.png) no-repeat; background-size: cover; }
.video-wrap { margin: 10px 0; background: #000; position: relative; }
.video-wrap:after { content: "\20"; display: block; padding-top: 62.5%; }
.video-wrap video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.page-artist-wrap .desc { text-align: center; color: #999999; font-size: 12px; line-height: 24px; }
.page-artist-wrap .nickname { text-align: center; padding: 15px 0 5px 0; }
.page-artist-wrap .nickname .ic_artist { vertical-align: inherit; }
.page-artist-wrap .name { font-size: 20px; white-space: nowrap; overflow: hidden; max-width: 120px; margin-right: 5px; }
.page-artist-wrap .title { font-size: 12px; color: #f6cb00; margin-left: 10px; padding-right: 16px; position: relative; text-align: center; display: inline-block; margin: 0 auto; }
.page-artist-wrap .title:after { content: "\20"; display: block; width: 13px; height: 13px; background: url(../pics/ic_v_new.png) no-repeat; background-size: cover; right: 0; position: absolute; top: 50%; margin-top: -6px; }
.page-artist-wrap .detail-title { width: 290px; height: 25px; background: url(../pics/ic_artist_desc_title.png) no-repeat; background-size: 100%; display: inline-block; margin-top: 5px; }
.footbar { position: fixed; bottom: 0; width: 100%; height: 44px; background: #f4f4f4; max-width: 420px; z-index: 10; overflow: hidden; }
.footbar:after { left: 0; content: ''; position: absolute; width: 200%; height: 1px; top: 0; border-top: 1px solid #cccccc; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(.5, .5); transform: scale(.5, .5); -webkit-box-sizing: border-box; box-sizing: border-box }
.footbar .contact { float: left; width: 44px; height: 44px; position: relative; }
.footbar .contact:after { content: "\20"; display: block; width: 25px; height: 25px; background: url(../pics/ic_auction_contact.png) no-repeat; background-size: cover; left: 10px; top: 10px; position: absolute; }
.footbar .btn-link { display: block; position: relative; line-height: 44px; text-align: center; overflow: hidden; background: #000000; color: #ffffff; font-size: 18px; }
.footbar .btn-link-normal { display: block; position: relative; line-height: 44px; text-align: center; overflow: hidden; background: #ffffff; color: #777777; font-size: 16px; }
.footbar .btn-link-disable { position: relative; line-height: 44px; text-align: center; overflow: hidden; background: #cccccc; color: #ffffff; font-size: 18px; }
.footbar .comment-wrap { padding: 7px; }
.footbar .comment { width: 100%; border-radius: 17px; background: #ffffff; margin: 0; padding-left: 10px; box-sizing: border-box; border: none; font-size: 15px; line-height: 30px; height: 30px; }
.auction-item { display: block; }
.p-search-bar { position: relative; height: 48px; }
.p-search-bar .search-wrap { position: absolute; left: 10px; right: 10px; top: 10px; }
.p-cate { height: 60px; overflow: hidden; background: #fff; padding-top: 15px; }
.p-cate .item { position: relative; display: block; width: 25%; padding-top: 25px; text-align: center; float: left; padding-bottom: 10px; font-size: 13px; }
.p-cate .cur { color: #000000; }
.p-cate .item-user { display: none; }
.p-cate .item:before { content: "\20"; display: block; width: 29px; height: 29px; position: absolute; top: 0; left: 50%; margin-left: -14.5px; }
.p-cate .item-trade:before { background: url(../pics/ic_tab_trade_normal.png) no-repeat; background-size: cover; }
.p-cate .item-trade.cur:before { background: url(../pics/ic_tab_trade_checked.png) no-repeat; background-size: cover; }
.p-cate .item-auction:before { background: url(../pics/ic_tab_auction_normal.png) no-repeat; background-size: cover; }
.p-cate .item-auction.cur:before { background: url(../pics/ic_tab_auction_checked.png) no-repeat; background-size: cover; }
.p-cate .item-bbs:before { background: url(../pics/ic_tab_bbs_normal.png) no-repeat; background-size: cover; }
.p-cate .item-bbs.cur:before { background: url(../pics/ic_tab_bbs_checked.png) no-repeat; background-size: cover; }
.p-cate .item-news:before { background: url(../pics/ic_tab_news_normal.png) no-repeat; background-size: cover; }
.p-cate .item-news.cur:before { background: url(../pics/ic_tab_news_checked.png) no-repeat; background-size: cover; }
.p-cate .item-user:before { background: url(../pics/ic_tab_mine_normal.png) no-repeat; background-size: cover; }
.p-cate .item-user.cur:before { background: url(../pics/ic_tab_mine_checked.png) no-repeat; background-size: cover; }
.p-title { padding: 15px 0 10px; }
.p-title .title { font-size: 16px; text-align: center; line-height: 24px; height: 24px; }
.p-title .sub-title { font-size: 12px; text-align: center; line-height: 24px; height: 24px; }
.p-title .title:before, .p-title .title:after { margin: 0 10px; vertical-align: middle; content: "\20"; display: inline-block; width: 7px; height: 7px; background: url(../pics/p-title-dot.png) no-repeat; background-size: cover; }
.p-arc-list-min .arc-item { width: 115px; padding: 2px; }
.p-arc-list-min .arc-item .bar .title { font-size: 13px; white-space: normal; }
.p-arc-list-min .arc-item .bar .price { font-size: 14px; }
.p-arc-list-min .arc-item .bar .price .price-ava { font-size: 13px; margin-left: 3px; white-space: nowrap; }
.p-arc-list-min { width: 100%; position: relative; }
.p-arc-list-min .item-wrap { white-space: nowrap; padding: 0 5px; overflow: auto; -webkit-overflow-scrolling: auto; overflow-y: hidden; overflow-x: auto; }
.p-arc-list-min .arc-item { display: inline-block; float: none; }
.p-more-title { text-align: center; padding: 10px 0; }
.p-more-title .btn { display: inline-block; width: 120px; height: 34px; border: 1px solid #777777; border-radius: 18px; text-align: center; line-height: 34px; color: #777777; }
.p-more-title .btn:after { content: "\20"; display: inline-block; width: 6px; height: 9px; background: url(../pics/p-more.png) no-repeat; background-size: cover; vertical-align: middle; margin-left: 5px; position: relative; margin-top: -3px; }
.p-arc-list .arc-item { padding-bottom: 10px; }
.p-footbar { height: 50px; background: #ffffff; overflow: hidden; }
.p-footbar .btn { float: left; position: relative; margin-right: 7px; }
.p-footbar .btn a { position: relative; margin: 7px 0 7px 7px; height: 20px; display: inline-block; float: left; border-radius: 4px; background: #ffffff; border: 1px solid #cccccc; padding: 7px 15px; }
.p-footbar .ask:after { content: "\20"; display: block; width: 55px; height: 20px; background: url(../pics/contact.png) no-repeat; background-size: cover; }
.p-footbar .service:after { content: "\20"; display: block; width: 54px; height: 20px; background: url(../pics/service.png) no-repeat; background-size: cover; }
.p-footbar .weixin { overflow: hidden; position: relative; background: -webkit-linear-gradient( top, rgba(000,000,000,0), rgba(000, 000, 000,0.1)); white-space: nowrap; margin-right: 7px; border-radius: 4px; border: 1px solid #cccccc; margin-top: 7px; margin-bottom: 7px; height: 34px; }
.p-footbar .weixin:after { content: "\20"; display: block; width: 117px; height: 23px; position: absolute; background: url(../pics/weixin.png) no-repeat; background-size: cover; left: 20px; top: 50%; margin-top: -11px; }
.p-footbar .weixin .txt { position: absolute; left: 55px; color: #51c332; height: 100%; }
.p-title-bar-cate { display: none; border-bottom: 1px solid #ebebeb; }
.auction-header-new { position: fixed; z-index: 999; width: 100%; }
.auction-header-new .back-new { display: block; width: 32px; height: 32px; background: url(../pics/ic_back_with_bg_new.png) no-repeat; background-size: cover; position: absolute; z-index: 999; left: 10px; top: 10px; }
.time-flag { font-size: 10px; padding: 0 5px; height: 16px; line-height: 16px; color: #fff; background: #b43948; display: inline-block; border-radius: 1px; }
.auction-times { font-size: 10px; padding: 0 5px; height: 16px; line-height: 16px; color: #fff; background: rgba(000,000,000,0.7); display: inline-block; border-radius: 1px; }
.time-flag-blue { background: #28b4f1; }
.time-flag-grey { background: #999999; }
.data-txt { font-size: 12px; display: inline-block; }
.auction-item-hook { display: inline-block; color: #b43948; font-size: 12px; }
.auction-item-hook div { display: inline-block; }
.auction-item-hook .dot { color: #333; }
.auction-status-bar { height: 25px; background: #f4f4f4; padding: 5px 0 0 12px; }
.auction-title-bar { padding-left: 12px; position: relative; padding-right: 60px; padding-bottom: 10px; margin-top: 10px; }
.auction-title-bar .title { font-size: 16px; font-weight: bold; }
.official-flag { font-size: 12px; padding: 0 3px; height: 16px; margin-top: 15px; line-height: 16px; border: 1px solid #ff0000; border-radius: 3px; color: #ff0000; font-weight: normal; display: inline-block; margin-right: 10px; }
.auction-title-bar .sub-title { font-size: 12px; color: #777; margin-top: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.auction-notice { color: #999; cursor: pointer; font-size: 12px; padding-top: 20px; position: relative; width: 60px; text-align: center; }
.auction-notice:before { content: "\20"; display: block; width: 15px; height: 15px; position: absolute; background: url(../pics/auction_notice_ic_normal.png) no-repeat; background-size: cover; left: 50%; margin-left: -7px; top: 0; margin-top: 0; }
.auction-notice.cur:before { content: "\20"; display: block; width: 15px; height: 15px; position: absolute; background: url(../pics/auction_notice_ic.png) no-repeat; background-size: cover; left: 50%; margin-left: -7px; top: 0; margin-top: 0; }
.auction-notice.cur { color: #000000; }
.auction-title-bar .auction-notice { position: absolute; right: 0; top: 15px; border-left: 1px solid #e8e8e8; }
.auction-price { font-size: 18px; color: #ff0000; font-weight: bold; padding: 12px 0 0 10px; }
.auction-price span { font-size: 14px; color: #333; font-weight: normal; }
.reply-item .desc { position: relative; line-height: 34px; }
.reply-item .desc span { font-size: 12px; padding: 0 3px; height: 16px; line-height: 16px; border: 1px solid #333; border-radius: 3px; color: #333; font-weight: normal; display: inline-block; margin-right: 10px; position: absolute; right: 10px; }
.reply-item .btn { display: block; padding: 0 15px; height: 34px; line-height: 34px; position: absolute; right: 0px; bottom: 0px; cursor: pointer; }
.reply-sub-item { border-top: 1px solid #ebebeb; line-height: 22px; padding: 10px 10px 10px 0px; font-size: 14px; }
.reply-sub-item .content { font-size: 14px; }
.reply-sub-item .emoji { width: 20px; height: 20px; }
.reply-sub-item a { color: #999; }
.reply-sub-item .owner { background: #999; color: #fff; padding: 2px 4px; border-radius: 3px; font-size: 10px; line-height: 14px; margin-left: 5px; }
.reply-sub-item .date { font-size: 12px; color: #999; margin-left: 10px; }
.page-reply-sub-list .reply-sub-item { padding-left: 12px; }
.table { width: 100%; border-left: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; font-size: 12px; }
.table td, .table th { padding: 8px; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.table th { background: #f4f4f4; text-align: center; width: 50px; }
.auction-content { padding: 10px 10px 5px 10px; }
.auction-foot-bar { width: 100%; z-index: 9999; bottom: 0; max-width: 420px; background: #b43948; font-size: 15px; display: block; text-align: center; line-height: 44px; height: 44px; color: #fff; }
.pic-txt-pic .tit { text-align: center; }
.artist-page-content .view-all { display: none; }
.artist-page-content-hide { max-height: 800px; overflow: hidden; position: relative; }
.artist-page-content-hide .view-all { display: block; position: absolute; left: 0; bottom: 0; line-height: 34px; height: 34px; text-align: center; width: 100%; background: -webkit-linear-gradient(top, rgba(255,255,255,0.5), #ffffff 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0.5), #ffffff 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.5), #ffffff 100%); }
.cate-nav-item { text-align: center; height: 50px; width: 20%; float: left; padding-top: 7px; }
.cate-nav-item img { width: 25px; height: 25px; }
.cate-nav-item .img { display: inline-block; }
.cate-nav-item .imgCur { display: none; }
.cate-nav-item.cur .img { display: none; }
.cate-nav-item.cur .imgCur { display: inline-block; }
.cate-nav-item.cur .tit { border-bottom: 1px solid #000000; }
.cate-nav-item.cur .tit { color: #000000; }
.cate-nav-item .tit { font-size: 10px; display: inline-block; padding-bottom: 3px; line-height: 20px; height: 20px; text-align: center; border-bottom: 1px solid rgba(000,000,000,0); }
.cate-nav-subCate { font-size: 0; white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: auto; overflow-y: hidden; overflow-x: auto; display: none; }
.cate-nav-subCate .item { font-size: 13px; padding: 0 15px; line-height: 34px; height: 34px; display: inline-block; }
.cate-nav-subCate .item.cur { color: #000000; }
.cate-nav-subCate-wrap .cate-nav-subCate.cur { display: block; padding: 0 0 0 10px; }
.cate-search-wrap .list-filter { width: 40%; float: left; }
.cate-search-wrap .list-filter .nav { width: 50%; }
.cate-search-wrap .search-wrap-box { width: 60%; float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 7px 10px 0; }
.cate-search-wrap .list-filter:after { display: none; }
.border-bottom { position: relative; }
.border-bottom:after { left: 0; content: ''; position: absolute; width: 200%; height: 1px; bottom: 0; border-bottom: 1px solid #ebebeb; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(.5, .5); transform: scale(.5, .5); -webkit-box-sizing: border-box; box-sizing: border-box }
.cate-nav-item-wrap, .cate-search-wrap { border-bottom: 1px solid #ebebeb; }
.cate-nav-item-wrap { height: 57px; }
.index-slider-wrap .content img { width: 100%; height: 100%; }
.index-bar .item { width: 25%; font-size: 10px; text-align: center; float: left; }
.index-bar .item:before { display: block; content: ""; width: 25px; height: 25px; margin: 8px auto; }
.index-bar .sign:before { background: url(../pics/index_ic_sign.png) no-repeat; background-size: cover; }
.index-bar .artist:before { background: url(../pics/index_ic_artist.png) no-repeat; background-size: cover; }
.index-bar .special:before { background: url(../pics/index_ic_topic.png) no-repeat; background-size: cover; }
.index-bar .value:before { background: url(../pics/index_ic_value.png) no-repeat; background-size: cover; }
.index-bar { padding: 5px 0 10px; }
.index-auction-wrap .auction-left { width: 168px; margin-right: 10px; height: 110px; position: relative; border-radius: 3px; background: #000; float: left; overflow: hidden; text-align: center; }
.index-auction-wrap .auction-img-wrap { width: 100%; height: 100%; }
.index-auction-wrap { padding: 0 10px 10px; }
.index-auction-wrap .time-flag { position: absolute; left: 5px; top: 5px; }
.index-auction-wrap .auction-times { position: absolute; right: 5px; bottom: 5px; }
.index-auction-wrap .auction-item-hook { font-size: 0; }
.index-auction-wrap .auction-item-hook .dot { font-size: 10px; color: #aaaaaa; line-height: 30px; float: left; padding: 0 5px; }
.index-auction-wrap .auction-item-hook .time-txt { width: 30px; font-size: 16px; height: 30px; background: #333333; border-radius: 15px; text-align: center; line-height: 30px; color: #ffffff; float: left; }
.index-auction-wrap .title { line-height: 20px; font-size: 14px; margin-top: 5px; }
.index-auction-wrap .price { line-height: 20px; height: 20px; font-size: 13px; margin-top: 5px; color: #999; }
.index-auction-wrap .price span { color: #9D2A2A; }
.index-imglist-container { font-size: 0; white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: auto; overflow-y: hidden; overflow-x: auto; }
.index-imglist-container .special-img { display: inline-block; }
.index-imglist-container .special-img .wrap { padding-right: 0; padding-top: 0; }
.index-imglist-container .special-img .imgwrap { width: 100%; height: 100%; overflow: hidden; border-radius: 6px; }
.index-imglist-container .special-img .wrap { width: 268px; height: 134px; }
.index-artist-item { margin: 0 10px 30px; position: relative; }
.index-artist-item .imgwrap { width: 100%; position: relative; overflow: hidden; border-radius: 3px; }
.index-artist-item .imgwrap img { position: absolute; border-radius: 3px; }
.index-artist-item .imgwrap:after { content: ""; display: block; padding-top: 38.57%; }
.index-artist-item .title { font-size: 14px; line-height: 20px; height: 20px; white-space: nowrap; margin-top: 8px; }
.index-artist-item .desc { font-size: 12px; line-height: 20px; height: 20px; white-space: nowrap; margin-top: 1px; color: #999; }
.index-artist-item .avatar-wrap { position: absolute; width: 56px; text-align: center; right: 18px; bottom: 0; }
.index-artist-item .avatar-wrap img { width: 56px; height: 56px; border-radius: 28px; }
.index-artist-item .avatar-wrap div { line-height: 30px; height: 30px; white-space: nowrap; overflow: hidden; }
.index-auction-special-container .gap { display: none; }
.index-auction-special-container .special-img .wrap { padding-bottom: 0px; }
.img-grid-list { position: relative; }
.img-grid-list:before { content: ""; padding-bottom: 35%; display: block; }
.img-grid-list .img1 { width: 50%; position: absolute; left: 0; top: 0; height: 100%; border-right: 1px solid #eeeeee; overflow: hidden; z-index: 2; }
.img-grid-list .img2 { width: 50%; position: absolute; right: 0; top: 0; height: 50%; border-bottom: 1px solid #eeeeee; overflow: hidden; z-index: 1; }
.img-grid-list .img3 { width: 50%; position: absolute; right: 0; bottom: 0; height: 50%; overflow: hidden; }
[data-type='link-value-list'], [data-type='link-index-main'], [data-type='link-index-auction'], [data-type='link-index-market'], [data-type='link-index-post'], [data-type='link-artist-list'], [data-type='link-special-list'], [data-type='link-value-list'], [data-type='link-auction-price-list'], [data-type='link-comment-list'], [data-type='link-artist-product-page'], [data-type='link-cate-product-list'], [data-type='link-special-page'], [data-type='link-by-relate'], [data-type='link-article-page'], [data-type='link-shop-page'], [data-type='link-artist-page'], [data-type='link-member-page'], [data-type='link-download-cmd'] {
cursor:pointer;
}
.nav-tab { background: #fff; border-bottom: 1px solid #ebebeb; height: 40px; }
.nav-tab .item { text-align: center; line-height: 40px; font-size: 14px; float: left; height: 40px; cursor: pointer; display: inline-block; color: #777; cursor: pointer; }
.nav-tab3 .item { width: 33.3%; }
.nav-tab4 .item { width: 25%; }
.nav-tab2 .item { width: 50%; }
.nav-tab5 .item { width: 20%; }
.nav-tab6 .item { width: 16.6%; font-size: 12px; }
.nav-tab .item.cur .txt { color: #000000; border-bottom: 1px solid #000000; display: inline-block; padding: 0 8px; }
.nav-tab6 .item.cur .txt, .nav-tab5 .item.cur .txt { padding: 0 0; }
.index-footer .p-cate { height: 50px; padding-top: 5px; }
.index-footer .p-cate .item { width: 20%; padding-bottom: 5px; padding-top: 29px; }
.index-footer .p-cate .item-user { display: inline-block; }
.index-footer { position: fixed; bottom: 0; }
.index-footer { height: 55px; }
.noShowUser .p-cate .item { width: 25%; padding-bottom: 5px; padding-top: 29px; }
.index-noShowUser .p-cate .item-user { display: none; }
.index-page-tabs { position: relative; }
.index-page-tabs iframe { display: none; overflow: auto; -webkit-overflow-scrolling: touch; min-width: 100%; *width:100%;
width: 1px; }
.index-page-tabs iframe.cur { display: block; }
.ic_mine_money_new { background: url(../pics/ic_mine_money_new.png) no-repeat; background-size: 100%; }
.ic_mine_b_new { background: url(../pics/ic_mine_b_new.png) no-repeat; background-size: 100%; }
.ic_mine_card_new { background: url(../pics/ic_mine_card_new.png) no-repeat; background-size: 100%; }
.ic_mine_vip { background: url(../pics/ic_mine_vip.png) no-repeat; background-size: 100%; }
.ic_bill_notpay { background: url(../pics/ic_bill_notpay.png) no-repeat; background-size: 100%; }
.ic_bill_notsend { background: url(../pics/ic_bill_notsend.png) no-repeat; background-size: 100%; }
.ic_bill_notreceive { background: url(../pics/ic_bill_notreceive.png) no-repeat; background-size: 100%; }
.ic_bill_notcomment { background: url(../pics/ic_bill_notcomment.png) no-repeat; background-size: 100%; }
.ic_bill_service { background: url(../pics/ic_bill_service.png) no-repeat; background-size: 100%; }
.ic_mine_sold { background: url(../pics/ic_mine_sold.png) no-repeat; background-size: 100%; }
.ic_mine_auction_publish { background: url(../pics/ic_mine_auction_publish.png) no-repeat; background-size: 100%; }
.ic_mine_auction { background: url(../pics/ic_mine_auction.png) no-repeat; background-size: 100%; }
.ic_mine_product_new { background: url(../pics/ic_mine_product_new.png) no-repeat; background-size: 100%; }
.ic_mine_collect { background: url(../pics/ic_mine_collect.png) no-repeat; background-size: 100%; }
.ic_mine_friend { background: url(../pics/ic_mine_friend.png) no-repeat; background-size: 100%; }
.ic_recharge { background: url(../pics/ic_recharge.png) no-repeat; background-size: 100%; }
.ic_draw_crash { background: url(../pics/ic_draw_crash.png) no-repeat; background-size: 100%; }
.ic_money_not { background: url(../pics/ic_money_not.png) no-repeat; background-size: 100%; }
.ic_money_detail { background: url(../pics/ic_money_detail.png) no-repeat; background-size: 100%; }
.ic_pay_secret { background: url(../pics/ic_pay_secret.png) no-repeat; background-size: 100%; }
.ic_credit_card { background: url(../pics/ic_credit_card.png) no-repeat; background-size: 100%; }
.ic_list_money { background: url(../pics/ic_list_money.png) no-repeat; background-size: 100%; }
.ic_pay_alipay { background: url(../pics/ic_pay_alipay.png) no-repeat; background-size: 100%; }
.ic_mine_bill_new { background: url(../pics/ic_mine_bill_new.png) no-repeat; background-size: 100%; }
.ic_mine_post_new { background: url(../pics/ic_mine_post_new.png) no-repeat; background-size: 100%; }
.ic_mine_friend { background: url(../pics/ic_mine_friend.png) no-repeat; background-size: 100%; }
.ic_mine_collect_new_x { background: url(../pics/ic_mine_collect_new_x.png) no-repeat; background-size: 100%; }
.auction_add2 { background: url(../pics/auction_add2.png) no-repeat; background-size: 100%; }
.auction_in { background: url(../pics/auction_in.png) no-repeat; background-size: 100%; }
.auction_upload { background: url(../pics/auction_upload.png) no-repeat; background-size: 100%; }
.ic_mine_service_new { background: url(../pics/ic_mine_service_new.png) no-repeat; background-size: 100%; }
.ic_mine_share_new { background: url(../pics/ic_mine_share_new.png) no-repeat; background-size: 100%; }
.mine-page .btn-list .tit { font-size: 15px; line-height: 40px; padding: 0 12px; cursor: pointer; }
.mine-page .btn-list .item-wrap .ic { width: 25px; height: 25px; position: absolute; left: 50%; margin-left: -12.5px; top: 20px; display: block; }
.mine-page .btn-list .item-wrap .item { float: left; text-align: center; position: relative; padding: 50px 0 15px; cursor: pointer; }
.mine-page .btn-list .item-wrap4 .item { width: 25%; }
.mine-page .btn-list .item-wrap5 .item { width: 20%; }
.mine-page .btn-list .item-wrap .item .count { display: none; background: #e66236; font-size: 10px; border-radius: 10px; line-height: 16px; height: 16px; text-align: center; min-width: 10px; padding: 0 3px; position: absolute; right: 2px; top: 2px; color: #fff; }
.btn-link-item { line-height: 44px; padding: 0 40px; position: relative; border-bottom: 1px solid #ebebeb; cursor: pointer; }
.btn-link-item-withOutIc { padding-left: 15px; }
.btn-link-item .ic { width: 20px; height: 20px; display: inline-block; vertical-align: middle; position: absolute; left: 12px; top: 50%; margin-top: -10px; }
.btn-link-item .ic_more { width: 20px; height: 20px; background: url(../pics/ic_mine_arrow.png) no-repeat; background-size: 100%; position: absolute; right: 10px; top: 50%; margin-top: -10px; }
.btn-link-item .hint { position: absolute; right: 40px; color: #999; max-width: 60%; overflow: hidden; height: 100%; }
.mine-page .no-login .nickname { margin-top: 10px; }
.title-bar .right .txt { line-height: 44px; padding: 0 12px; display: none; }
.hide { display: none!important; }
.mine-money-tb { text-align: center; padding: 20px; }
.mine-money-tb .hint { color: #999; font-size: 12px; }
.mine-money-tb .money { font-size: 30px; font-weight: bold; margin-top: 10px; }
.draw-cash-tit { font-size: 16px; padding: 12px; }
.draw-cash-input-wrap { margin: 0 12px; }
.draw-cash-input { background: #f5f5f5; border: none; border-radius: 6px; width: 100%; height: 40px; line-height: 40px; padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.draw-cash-hint { padding: 8px 12px; font-size: 13px; color: #999; }
.pay-item-th { line-height: 40px; padding: 0 10px; font-size: 13px; color: #999; }
.pay-item { margin: 0 12px 10px; padding: 0 0 0 50px; position: relative; height: 40px; }
.pay-item-pic { width: 40px; height: 40px; position: absolute; left: 0; top: 0; }
.pay-item-name { font-size: 15px; }
.pay-item-desc { font-size: 13px; color: #999; }
.pay-item .ic-check { position: absolute; right: 0; top: 10px; }
.pay-money-val { padding: 0 30px; line-height: 40px; height: 40px; border-radius: 6px; border: 1px solid #cacaca; display: inline-block; font-size: 16px; margin: 20px 12px; }
.btnAdd { padding: 10px 15px; border-radius: 6px; border: 1px solid #cacaca; display: block; width: 100px; margin: 20px auto; cursor: pointer; }
.user-list-item { margin-left: 15px; padding-left: 70px; padding-top: 10px; min-height: 70px; position: relative; border-bottom: 1px solid #ebebeb; }
.user-list-item .avatar { position: absolute; left: 0; top: 50%; margin-top: -30px; width: 60px; height: 60px; }
.user-list-item .avatar img { width: 100%; height: 100%; border-radius: 30px; background-color: #f5f5f5; }
.user-list-item .name { font-size: 17px; margin-right: 3px; white-space: nowrap; overflow: hidden; max-width: 120px; }
.user-list-item .nickname { padding-bottom: 5px; }
.user-list-item .desc, .user-list-item .status { color: #999999; font-size: 13px; }
.user-list-item .status { padding-bottom: 10px; }
.user-list-item .btn { position: absolute; right: 0px; top: 10px; line-height: 60px; display: block; padding: 0 10px; cursor: pointer; }
.user-list-item .btn.disable { color: #999; }
.ic_collect { width: 25px; height: 25px; display: inline-block; background: url(../pics/ic_bar_collect.png) no-repeat; background-size: 100%; vertical-align: middle; }
.ic_collect.cur { background: url(../pics/ic_bar_collected.png) no-repeat; background-size: 100%; }
.ic_like { width: 25px; height: 25px; display: inline-block; background: url(../pics/bar_follow.png) no-repeat; background-size: 100%; vertical-align: middle; }
.ic_like.cur { background: url(../pics/bar_followed.png) no-repeat; background-size: 100%; }
.ic_comment { width: 25px; height: 25px; display: inline-block; background: url(../pics/ic_bbs_reply.png) no-repeat; background-size: 100%; vertical-align: middle; }
.common-foot-bar { height: 44px; background: #fff; }
.common-foot-bar .ic { margin-top: 10px; }
.common-foot-bar .ic-txt { width: 50px; background: #fff; height: 100%; text-align: center; float: left; font-size: 12px; color: #999; cursor: pointer; }
.common-foot-bar .btn { text-align: center; font-size: 16px; color: #fff; background: #000000; line-height: 44px; overflow: hidden; cursor: pointer; }
.common-foot-bar .btn.disable { background: #ccc; }
.common-foot-bar .comment-btn { overflow: hidden; }
.common-foot-bar .comment-btn .box { margin: 6px; border: 1px solid #ebebeb; background: #fff; border-radius: 6px; height: 30px; background: #f5f5f5; cursor: pointer; padding: 0 10px; line-height: 30px; color: #777; text-align: center; }
.footbar-auction { height: 89px; background: #fff; box-shadow: 0 -1px 2px rgba(000,000,000,0.1); }
.footbar-auction .comment-btn { line-height: 44px; padding: 0 10px; color: #555; border-bottom: 1px solid #ebebeb; cursor: pointer; }
.footbar-auction .submit-wrap { width: 160px; float: left; }
.footbar-auction .submit-wrap .btn { line-height: 44px; text-align: center; color: #fff; background: #b43948; overflow: hidden; cursor: pointer; }
.footbar-auction .submit-wrap .btn2 { background: #333; float: right; width: 80px; }
.footbar-auction .add-price-btn { width: 44px; height: 44px; background: #cc9152; float: left; cursor: pointer; }
.footbar-auction .add-price-btn .ic_add_price { background: url(../pics/auction_add.png) no-repeat; background-size: 100%; width: 20px; height: 20px; vertical-align: middle; margin: 11px; }
.footbar-auction .btns { float: right; }
.footbar-auction .input { overflow: hidden; padding: 0 10px; }
.footbar-auction .input input { width: 100%; background: #fff; border: none; color: #555; font-size: 14px; height: 44px; line-height: 44px; overflow: hidden; }
.footbar-auction .btn-common { text-align: center; font-size: 16px; color: #fff; background: #000000; line-height: 44px; overflow: hidden; cursor: pointer; }
.footbar-auction .btn-common.disable { background: #ccc; }
.dialog-bg { width: 100%; height: 100%; background: rgba(000,000,000,0.7); position: fixed; z-index: 999; max-width: 540px; overflow: hidden; cursor: pointer; top: 0; }
.dialog-bg .comment-input-wrap { bottom: 0; position: fixed; width: 100%; max-width: 540px; }
.comment-input-wrap { background: #fff; }
.comment-input-wrap .btn { background: #000000; text-align: center; color: #fff; width: 60px; margin: 5px 5px; border-radius: 3px; height: 36px; line-height: 36px; cursor: pointer; float: right; }
.comment-input-wrap .btn.disable { background: #ccc; }
.comment-input-wrap .input { overflow: hidden; margin: 5px; border: 1px solid #cacaca; border-radius: 3px; height: 34px; }
.comment-input-wrap .input textarea { width: 97%; padding-left: 3%; background: #fff; border: none; color: #555; font-size: 14px; height: 24px; padding-top: 8px; overflow: hidden; margin: 0; }
.auction-success-dialog .box { width: 260px; height: 305px; position: fixed; left: 50%; top: 50%; margin-left: -130px; text-align: center; margin-top: -152px; background: url(../pics/auction_dialog_bg1.png) no-repeat; background-size: 100%; }
.auction-success-dialog .user-wrap { bottom: 108px; text-align: center; width: 100%; margin-top: 155px; }
.auction-success-dialog .user-wrap img { width: 30px; height: 30px; border-radius: 15px; margin-right: 10px; vertical-align: middle; }
.auction-success-dialog .user-wrap .name { color: #fff; font-size: 15px; line-height: 30px; max-width: 160px; overflow: hidden; height: 30px; }
.auction-success-dialog .alert-txt { color: #ffd688; font-size: 16px; text-align: center; width: 100%; line-height: 18px; margin-top: 10px; }
.auction-success-dialog .btn { line-height: 35px; height: 35px; display: inline-block; padding: 0 15px; border: 1px solid #ffd688; color: #ffd688; border-radius: 3px; text-align: center; cursor: pointer; margin: 15px auto 0; }
.auction-success-dialog .btn-close { width: 20px; height: 20px; background: url(../pics/ic_lv_alert_close.png) no-repeat; background-size: 100%; position: absolute; right: 10px; top: 10px; }
.auction-success-dialog.disable .box { background: url(../pics/auction_dialog_bg2.png) no-repeat; background-size: 100%; }
.auction-success-dialog .btn.disable { border: 1px solid #fff; color: #fff; }
.auction-success-dialog.disable .user-wrap { height: 0px; overflow: hidden; }
.like-list { font-size: 0px; white-space: nowrap; padding: 8px 0; -webkit-overflow-scrolling: auto; overflow-y: hidden; overflow-x: auto; }
.like-list img { width: 30px; height: 30px; border-radius: 15px; margin-left: 8px; display: inline-block; vertical-align: middle; }
.like-list .count { width: 30px; height: 30px; border-radius: 15px; margin-left: 8px; line-height: 30px; text-align: center; background: #f5f5f5; display: inline-block; font-size: 14px; vertical-align: middle; }
._tips_show { width: 90%; padding: 10px 10px; line-height: 24px; background: rgba(000,000,000,0.7); border-radius: 12px; position: fixed; top: 54px; color: #fff; text-align: center; font-size: 14px; z-index: 99999999; left: 5%; margin-left: -10px; }
.emoji { width: 20px; height: 20px; vertical-align: middle; }
.cate-list-item { float: left; width: 20%; text-align: center; font-size: 12px; padding: 10px 0; cursor: pointer; }
.cate-list-item img { width: 40px; height: 40px; border-radius: 20px; }
.title-bar .bar-publish-post { width: 44px; height: 44px; position: relative; float: left; cursor: pointer; }
.title-bar .bar-publish-post:after { content: ''; width: 22px; height: 22px; background: url(../pics/bar_publish.png) no-repeat; background-size: 100%; left: 50%; top: 50%; margin-left: -11px; margin-top: -11px; display: block; position: absolute; }
.title-bar .bar-publish-add { width: 44px; height: 44px; position: relative; float: left; cursor: pointer; }
.title-bar .bar-publish-add:after { content: ''; width: 22px; height: 22px; background: url(../pics/ic_bar_publish.png) no-repeat; background-size: 100%; left: 50%; top: 50%; margin-left: -11px; margin-top: -11px; display: block; position: absolute; }
.publish-select-wrap { height: 100px; position: fixed; top: 300px; text-align: center; color: #fff; line-height: 30px; width: 100%; }
.publish-select-wrap .item { display: inline-block; padding: 10px; cursor: pointer; }
.publish-select-wrap .item img { width: 60px; height: 60px; }
.user-page-follow { color: #fff; font-size: 16px; line-height: 30px; height: 30px; border: 1px solid #fff; border-radius: 6px; padding: 0 15px; display: inline-block; margin-top: 10px; cursor: pointer; }
.user-page-follow.cur { color: #cacaca; border: 1px solid #cacaca; }
.detail-table { width: 100%; font-size: 11px; border-left: 1px solid #cacaca; border-top: 1px solid #cacaca; }
.detail-table td { border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; line-height: 22px; padding: 4px; }
.detail-table .tit { background: #f1f1f1; width: 60px; text-align: center; line-height: 30px; padding: 0px; }
.trade-item { cursor: pointer; }
.trade-item .pic-wrap { padding-bottom: 50%; position: relative; }
.trade-item .pic-wrap img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.trade-item .tit { font-size: 16px; white-space: nowrap; line-height: 30px; margin: 0 10px; overflow: hidden; text-overflow: ellipsis; margin-top: 5px; }
.trade-item .desc { line-height: 30px; margin: 0 10px 5px; }
.trade-item .price { float: left; color: #b43948; font-size: 15px; }
.trade-item .price-common { float: left; color: #999999; font-size: 14px; text-decoration: line-through; margin-left: 10px; }
.trade-item .date { float: right; white-space: nowrap; text-overflow: ellipsis; color: #999999; font-size: 12px; }
.page-arc-detail-pics-withOutGap img { margin-top: 0px; }
.page-litpic-wrap { padding-bottom: 100%; position: relative; }
.page-litpic-wrap img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.trade-page-tit { font-size: 18px; font-weight: bold; margin: 10px 12px; line-height: 22px; }
.trade-page-tit2 { margin: 0 12px; }
.trade-page-bar { margin: 15px 0 10px; }
.trade-page-bar td { padding-left: 12px; }
.trade-page-bar .price { color: #b43948; font-size: 18px; font-weight: bold; }
.trade-page-bar .price-ava { text-decoration: line-through; color: #777; }
.trade-page-bar .count, .trade-page-bar .date { font-size: 11px; margin-left: 10px; }
.trade-page-ics { margin-left: 4px; padding-bottom: 10px; }
.trade-page-ics .item { font-size: 10px; padding: 0 5px; line-height: 18px; border-radius: 3px; height: 18px; margin-left: 8px; color: #fff; float: left; background: -webkit-linear-gradient(#eec78e, #e3aa6b); background: linear-gradient(#eec78e, #e3aa6b); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #eec78e, endColorstr = #e3aa6b);
}
.trade-foot-bar .left { float: left; margin-right: 10px; height: 44px; }
.trade-foot-bar .add-cart { padding: 0 10px; line-height: 30px; height: 30px; border: 1px solid #333; float: left; border-radius: 3px; margin-top: 6px; cursor: pointer; }
.trade-foot-bar .right { overflow: hidden; padding: 6px 10px 0 0; }
.trade-foot-bar .buy-now { line-height: 30px; height: 30px; border: 1px solid #333; color: #fff; background: #333; border-radius: 3px; overflow: hidden; text-align: center; cursor: pointer; }
.trade-foot-bar .buy-now disable { background: #ccc; border: 1px solid #ccc; }
.news-item { padding-top: 10px; position: relative; padding-right: 10px; position: relative; border-bottom: 1px solid #ededed; padding-bottom: 8px; cursor: pointer; }
.news-item .img-wrap { width: 90px; height: 70px; float: left; margin-right: 10px; margin-left: 10px; }
.news-item img { width: 90px; height: 70px; }
.news-item .title { font-size: 15px; font-weight: bold; line-height: 20px; max-height: 40px; height: 40px; overflow: hidden; text-overflow: ellipsis; }
.news-item .date { font-size: 12px; color: #999999; line-height: 20px; height: 24px; margin-top: 5px; }
.news-item .comment { font-size: 12px; color: #999999; position: absolute; right: 10px; bottom: 8px; line-height: 24px; height: 24px; padding-left: 18px; }
.news-item .comment:before { content: "\20"; display: block; width: 14px; height: 11px; background: url(../pics/ic_article_comment.png) no-repeat; background-size: cover; position: absolute; left: 0; top: 6px; }
.page-news-wrap .title { font-size: 20px; font-weight: bold; margin: 10px; }
.page-news-wrap .bar { font-size: 12px; color: #999; border-bottom: 1px solid #ebebeb; padding-bottom: 10px; margin: 0 10px; line-height: 24px; height: 24px; }
.page-news-wrap .date { float: left; }
.page-news-wrap .comment { float: right; color: #999; }
.page-news-wrap .comment img { vertical-align: middle; margin-right: 3px; }

/*@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
   .footbar{height: 78px !important;background:#fff; }
   .index-footer { height: 89px !important;background:#fff; }  
   .footbar-auction{height:123px !important;}
   .order-bar .box{height: 84px !important;}
   .btn-bar .box{height: 84px !important;}   
}*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.footbar { padding-bottom: constant(safe-area-inset-bottom) !important; padding-bottom: env(safe-area-inset-bottom) !important; background: #fff; }
.index-footer { padding-bottom: constant(safe-area-inset-bottom) !important; padding-bottom: env(safe-area-inset-bottom) !important; background: #fff; }
.footbar-auction { padding-bottom: constant(safe-area-inset-bottom) !important; padding-bottom: env(safe-area-inset-bottom) !important; }
.order-bar .box { padding-bottom: constant(safe-area-inset-bottom) !important; padding-bottom: env(safe-area-inset-bottom) !important; }
.btn-bar .box { padding-bottom: constant(safe-area-inset-bottom) !important; padding-bottom: env(safe-area-inset-bottom) !important; }
}


.detail-values{ padding: 5px 0 15px 0; border-top: 1px solid #ebebeb; margin-left:12px; }
.detail-values .item{ font-size:13px; color:#666666;padding:0 12px 0 0; margin-top:5px;}
.detail-values .item:before{content:""; display:inline-block; width:18px; height:18px; margin-right:10px; vertical-align:middle;}
.detail-values .users:before{ background:url(../pics/group_ic_man.png) no-repeat; background-size:cover;}
.detail-values .phone:before{ background:url(../pics/group_ic_phone.png) no-repeat; background-size:cover;}
.detail-values .time:before{ background:url(../pics/group_ic_time.png) no-repeat; background-size:cover;}
.detail-values .location:before{ background:url(../pics/group_ic_location2.png) no-repeat; background-size:cover;}
.trade-foot-bar .group-btn{ border:none;}
.trade-foot-bar .group-btn .num{ font-size:10px; margin-left:5px;}

.detail-grade .grade { font-size: 13px; display: inline-block; color: #f4b943; height: 24px; line-height: 24px; margin-right: 5px; }
.detail-grade .grade-bg { position: relative; display: inline-block; width: 100px; height: 20px; background: url(../pics/ic_star_grey_min.png) repeat-x; background-size: 20%; }
.detail-grade .grade-cur { position: absolute; height: 20px; background: url(../pics/ic_star_color_min.png) repeat-x; }

.detail-grade { margin: 12px;}
.detail-grade .title { display: inline-block; font-size: 15px; margin-right: 12px; line-height: 24px; height: 24px; }
.detail-grade .grade-bg { vertical-align: text-bottom; margin-right: 5px; }
.detail-grade-wrap .cigar-grade { padding: 0px 20px; }
.detail-grade-wrap { padding: 15px 0; }
.detail-grade-big .grade-bg { vertical-align: bottom; position: relative; display: inline-block; width: 150px; height: 30px; background: url(../pics/ic_star_grey_min_big.png) repeat-x; background-size: 20%; }
.detail-grade-big .grade-cur { position: absolute; height: 30px; background: url(../pics/ic_star_color_min_big.png) repeat-x; }
.detail-grade-big .title { line-height: 30px; height: 30px; }
.detail-grade-big .grade { line-height: 30px; height: 30px; color: #ccc; }