﻿@charset "UTF-8";

body { background: #fff }

.main { min-height: 0; background: #f4f4f4; z-index: 2; position: static }

.bb { border-bottom: 1px solid #f8f8f8 }

.bt { border-top: 1px solid #f8f8f8 }

#hym:before { content: "广告"; background: rgba(0,0,0,0.2); position: absolute; font-size: 7px; color: #fff; right: 0; top: 54px; line-height: 1em; z-index: 2; padding: 1px 3px }

#hym a { -webkit-tap-highlight-color: rgba(0,0,0,0) }

.homeSearch { padding: 9px 8px; width: 100% }

.homeSearch_clone { position: fixed; left: 0; top: 0; z-index: 100; display: none }

.homeSearch > div { height: 31px; border: 1px solid #e5e7ed; border-radius: 2px; overflow: hidden }

.homeSearch .cityChoo { float: left; padding: 6px 0; line-height: 17px; font-size: 14px; color: #df3031; margin-right: 8px }

.homeSearch .cityChoo span { position: relative; display: block; border-right: 1px solid #f4f4f4; padding: 0 24px 0 10px }

.homeSearch .cityChoo span:after { content: ''; position: absolute; width: 8px; height: 5px; top: 50%; margin-top: -2px; margin-left: 6px; background: url(/images_m/icons_c.png?a=8) 0 -72px no-repeat; background-size: 20px auto }

.homeSearch .input { display: block; padding: 6px 0; line-height: 17px; border: 0; font-size: 13px; outline: 0; color: #cccfd8; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.homeSearch .input .tag-icon { float: right; width: 24px; height: 12px; background: url(/images_m/pic_gg.jpg?a=8) no-repeat; background-size: 100%; margin: 2px 5px 0 5px }

.homeSearch .mapbtn { margin-left: 8px; display: block; background-color: #fff; border-radius: 2px; width: 56px; max-width: 56px; min-width: 56px; height: 31px; line-height: 30px; text-align: center; font-size: 13px; color: #f66 !important; border: 1px solid #e5e7ed; overflow: hidden }

.homeSearch .mapbtn i { display: inline-block; width: 14px; height: 14px; background: url(/images_m/search_icons.png?a=8) 0 -12px no-repeat; background-size: 17px auto; margin-right: 3px; vertical-align: -2px }

.header.home { overflow: hidden }

.header.home .logo { width: 134px; background: url(/images_m/logo_home.png?a=8) 9px 12px no-repeat; background-size: 115px auto }

.header.home .head-icon a { text-align: center; min-width: 32px; margin-top: 1px }

.header.home .head-icon a i { display: block; float: none; width: 18px; height: 18px; background: url(/images_m/icons_home_nav.png?a=8) no-repeat; background-size: auto 18px; margin: 0 auto; margin-bottom: 3px }

.header.home .icon-down i { background-position: 0 0 !important }

.header.home .icon-my i { background-position: -18px 0 !important }

.header.home .head-icon a span { display: block; font-size: 9px; line-height: 12px; color: #8d9095; white-space: nowrap }

.zjBox { font-size: 13px; color: #83868f }

.zjBox > div { overflow: hidden; padding: 15px 14px 0; line-height: 15px }

.zjBox a { color: #83868f !important }

.zjBox em { position: relative; float: left; padding-left: 18px; margin-right: 4px }

.zjBox em:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 12px; height: 14px; background: url(/images_m/home_zj.png?a=8) no-repeat; background-size: 100% auto }

.zjBox span { position: relative; float: left; padding-right: 9px; margin-right: 9px }

.zjBox span:after { content: ''; position: absolute; right: 0; top: 1px; width: 1px; height: 13px; background: #cccfd8; -webkit-transform: skew(-20deg); transform: skew(-20deg) }

.zjBox span:last-child { padding-right: 0; margin-right: 0 }

.zjBox span:last-child:after { display: none }

.sticky { position: relative; position: -webkit-sticky; position: sticky; top: 0; z-index: -1 }

.main .sticky { z-index: 1 }

.bigNav { position: relative; text-align: center; padding: .625rem 0 }

.bigNav.num-4 .nav-icons.home-icons a { width: 25% }

.iconsBox { height: 5.025rem; overflow: hidden }

.nav-icons.home-icons { float: left; width: 100% }

.nav-icons.home-icons a { width: 20%; font-size: 12px; padding: .625rem 0; color: #3c3f46 !important }

.nav-icons.home-icons p { margin-top: .025rem; line-height: .75rem }

.nav-icons.home-icons i { width: 2.5rem; height: 2.5rem; background: url(/images_m/home_nav1.png?a=8) 0 0 no-repeat; background-size: 12.5rem auto; border-radius: 50% }

.nav-icons.home-icons .n1 i { background-position: 0 0; background-color: #f9375a }

.nav-icons.home-icons .n2 i { background-position: -2.5rem 0; background-color: #f17527 }

.nav-icons.home-icons .n3 i { background-position: -5rem 0; background-color: #8cbe4c }

.nav-icons.home-icons .n4 i { background-position: -7.5rem 0; background-color: #bc84d3 }

.nav-icons.home-icons .n5 i { background-position: -10rem 0; background-color: #f65151 }

.nav-icons.home-icons .n6 i { background-position: 0 -2.5rem }

.nav-icons.home-icons .n7 i { background-position: -2.5rem -2.5rem }

.nav-icons.home-icons .n8 i { background-position: -5rem -2.5rem }

.nav-icons.home-icons .n9 i { background-position: -7.5rem -2.5rem; background-color: #51cac5 }

.nav-icons.home-icons .n10 i { background-position: -10rem -2.5rem }

.nav-icons.home-icons .n11 i { background-position: 0 -5rem }

.nav-icons.home-icons .n12 i { background-position: -2.5rem -5rem }

.nav-icons.home-icons .n13 i { background-position: -5rem -5rem }

.nav-icons.home-icons .n14 i { background-position: -7.5rem -5rem }

.nav-icons.home-icons .n15 i { background-position: -10rem -5rem }

.nav-icons.home-icons .n16 i { background-position: 0 -7.5rem }

.nav-icons.home-icons .n17 i { background-position: -2.5rem -7.5rem }

.nav-icons.home-icons .n18 i { background-position: -5rem -7.5rem }

.nav-icons.home-icons .n19 i { background-position: -7.5rem -7.5rem }

.nav-icons.home-icons .n20 i { background-position: -10rem -7.5rem }

.nav-icons.home-icons .n21 i { background-position: 0 -10rem }

.nav-icons.home-icons .n22 i { background-position: -2.5rem -10rem }

.nav-icons.home-icons .n23 i { background-position: -5rem -10rem }

.nav-icons.home-icons .n24 i { background-position: -7.5rem -10rem }

.nav-icons.home-icons .n25 i { background-position: -10rem -10rem }

.nav-icons.home-icons .n26 i { background-position: 0 -12.5rem }

.nav-icons.home-icons .n27 i { background-position: -2.5rem -12.5rem }

.nav-icons.home-icons .n28 i { background-position: -5rem -12.5rem }

.nav-icons.home-icons .n29 i { background-position: -7.5rem -12.5rem }

.nav-icons.home-icons .n30 i { background-position: -10rem -12.5rem }

.nav-icons.home-icons .n31 i { background-position: 0 -15rem }

.nav-icons.home-icons .n32 i { background-position: -2.5rem -15rem }

.nav-icons.home-icons .n33 i { background-position: -5rem -15rem }

.nav-icons.home-icons .n34 i { background-position: -7.5rem -15rem }

.nav-icons.home-icons .n35 i { background-position: -10rem -15rem }

.nav-icons.home-icons .n36 i { background-position: 0 -17.5rem }

.nav-icons.home-icons .n37 i { background-position: -2.5rem -17.5rem }

.nav-icons.home-icons .n38 i { background-position: -5rem -17.5rem }

.nav-icons.home-icons .n39 i { background-position: -7.5rem -17.5rem; background-color: #8b96f0 }

.nav-icons.home-icons .n40 i { background-position: -10rem -17.5rem }

.nav-icons.home-icons .n41 i { background-position: 0 -20rem }

.nav-icons.home-icons .n-sf i { background: url(/images_m/home_icon_sf1.png?a=8) 0 0 no-repeat; background-size: 2.5rem auto }

.nav-icons em { position: absolute; top: -11%; left: 50%; white-space: nowrap; background: #fff; font-size: .75rem; line-height: .75rem; padding: .03rem 0; border-radius: .88rem }

.nav-icons em span { display: block; -webkit-transform: scale(.75); transform: scale(.75); margin: 0 -.15rem -.02rem }

.nav-icons .n1 i em { color: #f9375a; border: 1px solid #f9375a }

.nav-icons .n2 i em { color: #f17527; border: 1px solid #f17527 }

.nav-icons .n3 i em { color: #8cbe4c; border: 1px solid #8cbe4c }

.nav-icons em.hb { width: 33px; height: 15px; background: url(/images_m/home_nav_hb.png?a=8) no-repeat; background-size: 100% }

.nav-icons em.zfbt { width: 48px; height: 15px; background: url(/images_m/home_nav_zfbt.png?a=8) no-repeat; background-size: 100% }

.bigNav .pointBox { position: absolute; text-align: center; bottom: .5rem; width: 100% }

.bigNav .pointBox span { display: inline-block; width: 6px; height: 6px; background: #e3e7ed; border-radius: 50%; overflow: hidden; margin: 0 4px }

.bigNav .pointBox span.cur { background: #f66 !important }

.chooseNav1, .chooseNav2 { width: 100% }

.homeBan { position: relative; margin: -1px }

.homeBan table { border-collapse: separate }

.homeBan tr td:first-child { border-left: 0 }

.homeBan td { width: 50%; border-bottom: 1px solid #f8f8f8; border-left: 1px solid #f8f8f8 }

.homeBan td > a { display: block; padding: 14px 8px }

.homeBan td dl { display: table; width: 100%; line-height: 1.5 }

.homeBan td dt, .homeBan td dd { display: table-cell; vertical-align: middle }

.homeBan td dd { text-align: right }

.homeBan td dt { min-width: 90px }

.homeBan td h3 { font-size: 13px; height: 18px; line-height: 18px; color: #3c3f46; overflow: hidden }

.homeBan td p { font-size: 12px; height: 17px; line-height: 17px; color: #83868f; overflow: hidden }

.homeBan td img { width: 35px; height: 35px; border-radius: 2px }

.homeBan td h3.tag-icon { display: block; position: relative; padding-right: 34px }

.homeBan td h3.tag-icon:after { content: ''; position: absolute; right: 4px; top: 50%; margin-top: -6px; width: 24px; height: 12px; background: url(/images_m/pic_gg.jpg?a=8) no-repeat; background-size: 100% }

@media screen and (min-width:360px) {
    .homeBan td img { width: 40px; height: 40px }

    .homeBan td h3 { height: 21px; line-height: 21px }

    .homeBan td p { height: 19px; line-height: 19px }
}

@media screen and (min-width:414px) {
    .homeBan td h3 { font-size: 14px !important }

    .homeBan td img { width: 45px; height: 45px }

    .homeBan td h3 { height: 23px; line-height: 23px }

    .homeBan td p { height: 22px; line-height: 22px }
}

@media screen and (min-width:560px) {
    .homeBan td h3 { font-size: 15px !important }
}

@media screen and (min-width:640px) {
    .homeBan td h3 { font-size: 16px !important }
}

.homeBan tr td:first-child { padding-left: 6px }

.homeBan tr td:last-child { padding-right: 6px }

.topban { position: relative }

.topban .off { position: absolute; right: 8px; top: 8px; width: 16px; height: 16px; background: url(/images_m/h_close.png?a=8) no-repeat; background-size: 100% }

.mTitle h2 { font-weight: bold; padding: 0; line-height: 55px; margin-left: 14px }

.mTitle h2 i { font-size: 11px; margin-left: 8px; color: #83868f; font-weight: normal }

.mTitle .t-change { position: relative; float: right; width: auto; line-height: 55px; font-size: 12px; color: #83868f; padding-right: 14px; padding-left: 18px }

.mTitle .t-change:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -6px; width: 12px; height: 12px; background: url(/images_m/icon_change.png?a=8) no-repeat; background-size: 12px auto }

.mTitle .t-close { position: relative; float: right; width: auto; line-height: 55px; font-size: 12px; color: #83868f; padding-right: 14px; padding-left: 18px }

.mTitle .t-close:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 12px; height: 12px; background: url(/images_m/close_x.png?a=8) no-repeat; background-size: 12px auto }


.mTitle.min-h { border-bottom: 1px solid #f8f8f8 }

.mTitle.min-h > div { height: 49px; margin-right: 14px }

.mTitle.min-h h2 { line-height: 44px }

.stag { font-size: 10px; color: #565c67; overflow: hidden; *zoom: 1; margin-top: 4px; height: 15px }

.stag span { line-height: 12px; padding: 2px 5px 1px; border: 0; background: #f2f4f8; overflow: hidden; margin-bottom: 1px }
.stag-agent-house { margin-top: 0; height: 15px; position: absolute; top: 85%; right: 0px; }
.stag-agent-house span.yellow { color: #f93; background: #fff5e5 }
.stag-agent-house span.blue { color: #5aa0fc; background: #edf8ff }
.stag-agent-house span.green { color: #42b9cb; background: #ecfcff }
.stag-agent-house span.yahei { color: #a0a4a5; background: #f7f8f9; }
.homeOption { border-top: 1px solid #f8f8f8; margin-top: -1px; width: 100% }

.homeOption a { display: block; width: 100%; line-height: 40px; font-size: 13px; text-align: center }

.homeOption a span { position: relative; display: inline-block; color: #83868f; padding-right: 16px }

.homeOption a span:after { position: absolute; content: ''; width: 0; height: 0; border: 4px solid #8d9095; border-color: transparent transparent transparent #8d9095; right: 0; top: 50%; margin-top: -5px }

.houseList ul { margin: 0 }

.houseList li { border-bottom: 1px solid #f8f8f8; margin: 0 14px }

.houseList li > a { position: relative; display: block; padding: 16px 0; overflow: hidden; *zoom: 1 }

.houseList li .img { position: relative; float: left; margin-right: 11px; width: 106px; height: 80px }

.houseList li .img img { width: 100%; height: 100% }

.houseList li .tag-icon { position: absolute; left: 6px; top: 4px; font-size: 10px; line-height: 12px; color: rgba(256,256,256,.5); text-shadow: 0 0 3px rgba(0,0,0,.5) }

.houseList li .txt { overflow: hidden; *zoom: 1 }

.houseList li h3 { font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 16px; color: #3c3f46; padding-top: 1px; margin-bottom: 5px }

.houseList li p { color: #83868f; font-size: 11px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 20px; height: 20px }

.houseList li p.fc { color: #83868f }

.houseList li p .space { padding: 0 3px }

.houseList li .new { float: right; font-size: 11px; color: #df3031; font-weight: bold }

.houseList li .new em { font-size: 14px }

.houseList li.firstli > a { padding-top: 0 }

.houseList li .score { color: #3c3f46; margin-right: 8px }

.home-list li { border-bottom: 1px solid #f8f8f8; margin: 0 14px; overflow: hidden }

.home-list li > a { display: block; /*height: 100%;*/ padding: 16px 0 }

.home-list li:last-child { border-bottom: 1px solid #f8f8f8 }

.home-list li.firstli > a { padding-top: 0 }

.home-list .lt { float: left; width: 76px; height: 76px; margin-right: 11px; background: #ececec url(/images_m/error.svg) no-repeat center 0; background-size: cover; }

.home-list .lt img { width: 100%; height: auto }

.home-list .rt { height: 66px; overflow: hidden }

.home-list .rt h3 { font-size: 16px; line-height: 20px; color: #3c3f46 }

.home-list p .tag-icon { position: relative; padding-right: 24px; height: 12px; margin-right: 12px }

.home-list p .tag-icon:after { content: ''; position: absolute; width: 24px; height: 12px; background: url(/images_m/pic_gg.jpg?a=8) no-repeat; background-size: 100% }

.home-list p .zb-icon { min-width: 24px; margin-right: 12px; color: #f66 }

.home-list .row1 h3 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px }

.home-list .row1 p { font-size: 12px; color: #83868f; line-height: 16px; height: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }

.home-list .row2 h3 { height: 40px; margin: 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }

.home-list .row2 p { color: #b3b6be; font-size: 11px; line-height: 12px; padding-top: 2px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.home-list .row2 p span { margin-right: 8px }

.home-list .row2 p span:last-child { margin-right: 0 }

.houseList li .stag { margin-top: 3px }

.houseList li.li-ts h3 { margin: 0; line-height: 48px }

.houseList li.li-ts h3 span { color: #83868f; font-size: 11px; margin-left: 6px; vertical-align: 1px }

.houseList li.li-ts .new { line-height: 48px }

.houseList li.li-ts dl.gg-icon { position: relative; overflow: hidden }

.houseList li.li-ts dl.gg-icon:after { content: '广告'; position: absolute; right: -4px; bottom: -2px; font-size: 12px; line-height: 12px; background: rgba(0,0,0,.5); padding: 2px 4px; color: #fff; white-space: nowrap; border-radius: 2px; -webkit-transform: scale(.75); transform: scale(.75) }

.houseList li.li-ts dd { position: relative; width: 50px; margin-right: 7px }

.houseList li.li-ts dd > img { width: 100% }

.houseList li.li-ts dd:last-child { margin-right: 0 }

.houseList li.li-ts > a { padding-top: 0; padding-bottom: 4px }

.houseList li.li-ts .box { position: relative; padding: 10px 0; overflow: hidden }

.houseList li.li-ts .stag { margin-top: 0 }

.houseList li.li-ts .stag.flor { color: #83868f }

.houseList li.li-ts .stag.flor span { border: 1px solid #f4f4f4; background: 0; padding-top: 1px; padding-bottom: 0 }

.houseList li.li-dt > a { padding-top: 0 }

.houseList li.li-dt h3 { position: relative; margin: 0; padding: 12px 0; line-height: 24px; padding-left: 60px; margin-right: -1px }

.houseList li.li-dt h3 span { position: absolute; left: 0; top: 15px; color: #df3031; font-size: 11px; line-height: 15px; padding: 0 3px; border-radius: 1px; border: 1px solid #fa6768 }

.houseList li.li-dt dd { position: relative; width: 50px; margin-right: 7px }

.houseList li.li-dt dd > a { display: block }

.houseList li.li-dt dd > img { width: 100% }

.houseList li.li-dt dd > div { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.6); text-align: center }

.houseList li.li-dt dd:last-child { margin-right: 0 }

.houseList li.li-dt .txt-con { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: -2px }

.houseList li.li-dt .txt-con h4 { font-size: 12px; color: #f8f8f8; line-height: 12px; padding: 1px 0; padding-top: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.houseList li.li-dt .txt-con p { font-size: 10px; height: 12px; line-height: 12px; color: #f8f8f8; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 8px }

.houseList li.li-dt .txt-con i { position: relative; display: inline-block; width: 5px; height: 5px; background: #fff; border-radius: 50% }

.houseList li.li-dt .txt-con i:after, .houseList li.li-dt .txt-con i:before { content: ''; position: absolute; width: 5px; height: 5px; background: #fff; border-radius: 50% }

.houseList li.li-dt .txt-con i:after { left: 12px }

.houseList li.li-dt .txt-con i:before { left: -12px }

.houseList li.li-dt .txt-con span { display: block; line-height: 12px; margin-top: 6px; font-size: 10px; color: #fff }

.houseList li.li-dt .txt-con em { display: inline-block; padding-right: 6px; background: url(/images_m/arr_g_s.png?a=8) right 2px no-repeat; background-size: 4px auto }

.houseList li.app-down h3 { margin-bottom: 18px }

.houseList li.app-down p { margin-top: 17px; line-height: 14px; height: 14px }

.houseList li.app-down .btn-down { float: right; display: block; height: 22px; line-height: 12px; font-size: 11px; color: #f66; padding: 5px 5px 3px; text-align: center; border: 1px solid #f66; border-radius: 2px; margin-top: 29px }

.houseList li.li-xf { padding: 16px 0; margin: 0; overflow: hidden }

.houseList li.li-xf dl { padding: 0 14px; overflow: hidden }

.houseList li.li-xf dd { float: left; width: 122px; height: 91px; margin-right: 7px; overflow: hidden }

.houseList li.li-xf dd:last-child { margin-right: 0 }

.houseList li.li-xf dd > a { display: block; position: relative }

.houseList li.li-xf img { width: 100%; height: 100% }

.houseList li.li-xf .pic { position: absolute; width: 100%; left: 0; top: 0; bottom: 0; background: rgba(0,0,0,.5); text-align: center; padding-top: 30px }

.houseList li.li-xf h3 { font-size: 14px; color: #f8f8f8; line-height: 14px }

.houseList li.li-xf p { font-size: 10px; color: #f8f8f8; line-height: 12px; margin-top: 4px }

.houseList li.li-xf span { position: absolute; hegiht: 14px; line-height: 14px; font-size: 12px; left: 3px; top: 3px; background: #ff5350; color: #f8f8f8 }

.houseList li.li-xf span i { display: block; -webkit-transform: scale(.82); transform: scale(.82) }
/*学区社区*/
.houseList li p span.tudi_tag { float: left; margin-right: 4px; margin-top: 2px; padding: 1px 3px 0; font-size: 10px; line-height: 13px; color: #ff7777; border: 1px solid #fcd4d4; background: #fff; overflow: hidden; }
.houseList li p span.tudi_tag_1 { float: left; margin-right: 4px; margin-top: 2px; padding: 1px 3px 0; font-size: 10px; line-height: 13px; color: #5db14e; border: 1px solid #76bb6a; background: #fff; overflow: hidden; }
.houseList li p span.red_f66 { color: #ff6666; }

.cfjBox { position: relative }

.cfjList { height: 61px; color: #565c67; padding: 14px 0; overflow: hidden }

.cfjList ul { width: 200% }

.cfjList li { float: left; text-align: center; border-right: 1px solid #f8f8f8; line-height: 1; padding: 0 20px }

.cfjList li p:last-child { margin-top: 7px; color: #565c67 }

.cfjList .jt-up { color: #f66 !important; font-size: 12px }

.cfjList .jt-dn { font-size: 12px }

.cfjList p:last-child span { font-weight: bold; font-size: 12px }

.bbsList li { margin: 0 0 0 14px }

.bbsList li > a { display: block }

.bbsList li.firstli dl { padding-top: 0 }

.bbsList dl { padding-top: 15px }

.bbsList dt { float: left; width: 31px; height: 31px; overflow: hidden; border-radius: 50% }

.bbsList dt img { width: 100%; height: 100% }

.bbsList dd { border-bottom: 1px solid #f8f8f8; padding-bottom: 16px; margin-left: 41px; padding-right: 14px }

.bbsList dd h3 { font-size: 16px; line-height: 16px; padding-top: 3px; color: #3c3f46; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.bbsList dd > div { position: relative; line-height: 12px; height: 12px; margin-top: 13px; font-size: 11px; color: #b3b6be }

.bbsList dd span { float: right; position: relative; padding-left: 16px; overflow: hidden; margin-left: 12px }

.bbsList dd span:before { content: ''; position: absolute; left: 0; top: 0; width: 12px; height: 12px; background: url(/images_m/icon_b.png?a=8) no-repeat; background-size: 24px auto }

.bbsList dd span.rep:before { background-position: 0 0 }

.bbsList dd span.read:before { background-position: -12px 0 }

.mPicList ul { padding: 0 12px 14px 14px; text-align: center }

.mPicList ul:after { clear: both; content: "\200B"; display: block; height: 0 }

.mPicList li { position: relative; float: left; width: 50%; margin: -1px 0 0 -1px; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box }

.mPicList img { width: 100% }

@media screen and (min-width:480px) and (max-width:768px) {
    .mPicList li { width: 33.3% }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .mPicList li { width: 25% }
}

@media only screen and (min-width:1024px) {
    .mPicList li { width: 20% }
}

@media only screen and (min-width:1280px) {
    .mPicList li { width: 10% }
}

.homePos { position: relative; padding-left: 30px; height: 44px; line-height: 44px; border-bottom: 1px solid #f4f4f4 }

.homePos:after { content: ''; position: absolute; left: 14px; top: 50%; margin-top: -7px; width: 11px; height: 14px; background: url(/images_m/icons_c.png?a=8) 0 -35px no-repeat; background-size: 20px auto }

.homePos .refresh { position: relative; float: right; width: 44px; height: 44px }

.homePos .refresh:before { content: ''; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -7px; width: 15px; height: 16px; background: url(/images_m/icons_c.png?a=8) 0 -49px no-repeat; background-size: 20px auto }

.homePos .loca { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; color: #83868f }

.homePos .loca span { color: #3c3f46 }

.btmIcons { padding: 13px 0 }

.btmIcons .app-icons { overflow: visible }

.ttBox .adswipe { height: 47px; overflow: hidden }

.ttBox .adWzImg { float: left; height: 47px; width: 78px; background: url(/images_m/tt_icon.png?a=8) center center no-repeat; background-size: 78px auto; margin: 0 14px }

.ttBox .adWzImg.sf-icon { width: 70px; background: url(/images_m/tt_icon_sf.png?a=8) center center no-repeat; background-size: 70px auto }

.ttBox .tt-list { height: 47px; overflow: hidden }

.ttBox .tt-list .swiper-container { height: 47px; overflow: hidden }

.ttBox .tt-list .ttbox-slider { height: 47px }

.ttBox .tt-list .ttbox-slider a { display: block; line-height: 47px; padding: 0 14px 0 0; font-size: 13px; color: #3c3f46 !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }

.ttBox .tag-icon { float: left; width: 24px; height: 12px; background: url(/images_m/pic_gg.png?a=8) no-repeat; background-size: 100%; margin: 17px 10px 0 0 }

.ttBox .dg-icon { float: left; width: 24px; height: 12px; background: url(/images_m/pic_dg.png?a=8) no-repeat; background-size: 100%; margin: 17px 10px 0 0 }

.ttBox .fcq-icon { float: left; width: 34px; height: 12px; background: url(/images_m/pic_fcq.png?a=8) no-repeat; background-size: 100%; margin: 17px 10px 0 0 }

.homeAD { position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 9999 }

.homeAD .skip { position: absolute; right: 1%; top: 14%; width: 12%; height: 10% }

.homeAD .gogo { position: absolute; right: 3%; bottom: 6%; width: 29%; height: 15% }

.swipe { overflow: hidden; visibility: hidden; position: relative }

.swipe-wrap { overflow: hidden; position: relative; width: 400% }

.swipe-wrap > div { float: left; width: 25%; position: relative }

#bullets { position: absolute; left: 0; right: 14px; bottom: 2px; background: 0; z-index: 1 }

nav { background: #507fbd; font-size: 18px }

#position { position: absolute; text-align: right; bottom: 3px; right: 4px }

#position li { display: inline-block; width: 6px; height: 6px; background: rgba(255,255,255,.3); border-radius: 50%; overflow: hidden; margin: 0; margin-left: 8px }

#position li.current { background: #fff }

.bk-list { overflow: hidden }

.bk-list ul { width: 300% }

.bk-list li { float: left; width: 85px; border-right: 1px solid #f8f8f8; text-align: center }

.bk-list li:last-child { border-right: 0 }

.bk-list li > a { display: block; padding: 16px 0 16px }

.bk-list li i { display: block; width: 30px; height: 30px; margin: 0 auto; background: url(/images_m/home_tools.png?a=8) no-repeat; background-size: auto 30px }

.bk-list li i.icon1 { background-position: 0 0 }

.bk-list li i.icon2 { background-position: -30px 0 }

.bk-list li i.icon3 { background-position: -60px 0 }

.bk-list li i.icon4 { background-position: -90px 0 }

.bk-list li i.icon5 { background-position: -120px 0 }

.bk-list li i.icon6 { background-position: -150px 0 }

.bk-list li i.icon7 { background-position: -180px 0 }

.bk-list li i.icon8 { background-position: -210px 0 }

.bk-list li i.icon9 { background-position: -240px 0 }

.bk-list li i.icon10 { background-position: -270px 0 }

.bk-list li p { font-size: 12px; color: #565c67; line-height: 1; margin-top: 9px; padding: 0 2px }

.tjf-t { padding-top: 5px }

.tjf-t h2 { color: #df3031; line-height: 45px }

.tjf-t a { height: 45px }

.home-tjf ul { padding-left: 14px; overflow: hidden; padding-bottom: 8px }

.home-tjf li { float: left; width: 130px; overflow: hidden; margin-right: 9px }

.home-tjf li:last-chidl { margin-right: 0 }

.home-tjf li > a { display: block }

.home-tjf li .img { position: relative; width: 100% }

.home-tjf li .img img { width: 100% }

.home-tjf li .img span { position: absolute; bottom: 0; right: -5px; height: 13px; width: 38px; color: #fff; padding: 0 5px 0 0; background: rgba(15,15,7,.8); -webkit-transform: skew(-20deg); transform: skew(-20deg) }

.home-tjf li .img span i { display: block; font-size: 12px; line-height: 13px; white-space: nowrap; text-align: center; -webkit-transform: skew(20deg) scale(.75); transform: skew(20deg) scale(.75) }

.home-tjf li h2 { font-size: 13px; line-height: 14px; padding: 3px 0; color: #3c3f46; font-weight: bold; margin-top: 6px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.home-tjf li p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 4px 0 }

.home-tjf li .intro { font-size: 10px; color: #83868f; line-height: 12px; margin-top: 1px }

.home-tjf li .price { font-size: 11px; color: #3c3f46; line-height: 12px; font-weight: bold; margin-top: 3px }

.home-tjf li .price span { margin-right: 8px }

.home-tjf li .price span:last-child { margin-right: 0 }

.icon-prompt { float: right; width: 20px !important; height: 20px !important; margin: 12px 12px 0 0; background: url(/images_m/icon_prompt.png?a=8) center center no-repeat; background-size: 15px auto }

.green-3a { color: #3abdbb }

.trend-white { padding: 6px 14px 10px }

.trend-white > div { clear: both; height: 102px; border-bottom: 1px solid #f8f8f8; padding-top: 18px }

.trend-white > div a { display: block; -webkit-tap-highlight-color: rgba(0,0,0,0) }

.trend-white li { float: left; text-align: left; color: #83868f; height: 71px }

.trend-white li:first-child { width: 48% }

.trend-white li:last-child { padding-left: 24px; border-left: 1px solid #f8f8f8; width: 52% }

.trend-white li p { font-size: 11px; line-height: 12px; color: #83868f; margin-top: -5px }

.trend-white li h3 { font-size: 12px; line-height: 20px; margin-top: 14px; color: #3c3f46 }

.trend-white li h3 span.num { font-size: 28px; vertical-align: -4px; margin-right: 8px }

.trend-white li:first-child .num { color: #d7494a }

.trend-white li:last-child .num { color: #ff8e1d }

.trend-white .trend-txt { font-size: 12px; color: #b3b6be; padding-top: 10px }

.trend-white .trend-txt .jt-dn { color: #459540 !important; font-size: 12px }

.trend-white .trend-txt .jt-up { color: #d64242 !important; font-size: 12px }

.trend-white > div:last-child { border-bottom: 0 }

.trend-white > div:last-child li p { margin-top: -1px }

.live-list ul { overflow: hidden; margin: 0 11px; padding-bottom: 16px }

.live-list li { float: left; width: 33.3%; padding: 0 2px 0 3px }

.live-list li > a { display: block }

.live-list .img { position: relative; margin-bottom: 5px }

.live-list h2 { color: #3c3f46; font-size: 13px; font-weight: bold; line-height: 25px; height: 24px; overflow: hidden; margin-bottom: 1px }

.live-list h2 span { position: relative; padding-right: 32px }

.live-list h2 span:after { content: ''; position: absolute; width: 28px; height: 14px; right: 0; top: 50%; margin-top: -7px }

.live-list h2 span.tag1:after { background: url(/images_m/live_h_icon1.png?a=8) no-repeat; background-size: auto 14px }

.live-list h2 span.tag2:after { background: url(/images_m/live_h_icon2.png?a=8) no-repeat; background-size: auto 14px }

.live-list h2 span.tag3:after { background: url(/images_m/live_h_icon3.png?a=8) no-repeat; background-size: auto 14px }

.live-list p { font-size: 10px; color: #83868f; line-height: 12px; height: 12px; overflow: hidden }

@media screen and (min-width:360px) {
    .live-list h2 { font-size: 14px; line-height: 26px; height: 26px }

    .live-list p { font-size: 11px; height: 13px; padding-top: 1px }
}

@media screen and (min-width:414px) {
    .live-list h2 { font-size: 15px; line-height: 26px; height: 26px }

    .live-list p { font-size: 12px; line-height: 14px; height: 14px }

    .live-list h2 span:after { width: 31px; height: 16px; margin-top: -8px }

    .live-list h2 span { padding-right: 34px }

    .live-list h2 span.tag1:after { background-size: auto 16px }

    .live-list h2 span.tag2:after { background-size: auto 16px }

    .live-list h2 span.tag3:after { background-size: auto 16px }
}

.header.fixed { /*position: fixed;*/ width: 100%; left: 0; top: 0; max-width: 100%; background: 0; border-bottom: 0; z-index: 99; }

.header.fixed > div { width: 100%; max-width: 640px; margin: 0 auto; background: rgba(248,248,248,.96); border-bottom: 1px solid rgb(207,1,1); }

.header.fixed .sea-b { padding-top: 6px }

.header.fixed .input { position: relative; display: block; line-height: 32px; width: 100%; height: 32px; font-size: 13px; color: #b3b6be; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-radius: 3px; background: rgba(86,92,103,.11) }

.header.fixed .input.g { padding-right: 28px }

.header.fixed .input i { float: left; width: 14px; height: 14px; margin: 9px 10px 0 11px; background: url(/images_m/home_h_icons.png?a=8) 0 -4px no-repeat; background-size: 36px auto }

.header.fixed .input .tag-icon { position: absolute; right: 0; top: 0; width: 20px; height: 12px; background: url(/images_m/pic_gg2.png?a=8) no-repeat; background-size: 100%; margin: 10px 6px 0 6px }



.header.fixed .cityChoo { box-flex: 0; -webkit-box-flex: 0; -moz-box-flex: 0; padding: 0 11px; font-size: 14px }

.header.fixed .cityChoo span { position: relative; padding-right: 12px; color: #3c3f46 }

.header.fixed .cityChoo span:before { content: ""; position: absolute; width: 7px; height: 4px; right: 0; top: 50%; margin-top: -2px; background: url(/images_m/home_h_icons.png?a=8) 0 0 no-repeat; background-size: 36px auto }

.header.fixed .head-icon { box-flex: 0; -webkit-box-flex: 0; -moz-box-flex: 0; padding: 0 7px }

.header.fixed .head-icon a { text-align: center; min-width: 32px; margin-top: 1px }

.header.fixed .head-icon a i { display: block; float: none; width: 18px; height: 18px; background: url(/images_m/home_h_icons.png?a=8) no-repeat; background-size: 36px auto; margin: 0 auto; margin-bottom: 3px }

.header.fixed .icon-my i { background-position: 0 -18px !important }

.header.fixed .head-icon span { display: block; font-size: 9px; line-height: 12px; color: #3c3f46; white-space: nowrap }

.header.fixed > div.op_bg { background: 0; border-bottom: 1px solid rgb(207,1,1); }

.header.fixed > div.op_bg .input { background: rgba(255,255,255,.55); color: #fff }

.header.fixed > div.op_bg .input i { background-position: -14px -4px }

.header.fixed > div.op_bg .cityChoo span { color: #fff }

.header.fixed > div.op_bg .cityChoo span:before { background-position: -7px 0 }

.header.fixed > div.op_bg .head-icon span { color: #fff }

.header.fixed > div.op_bg .icon-my i { background-position: -18px -18px !important }



.banShow a { position: relative; display: block; width: 100%; height: 100% }

.banShow a:before { display: block; position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 60px; }

.bigBg .nav-icons i { border-radius: 50%; box-shadow: 2px 2px 6px rgba(40,1,5,.3); background: url(/images_m/home_nav2.png?a=8) 0 0 no-repeat; background-size: 12.5rem auto }

.bigBg .nav-icons p { color: #fff; text-shadow: 1px 3px 5px rgba(40,1,5,.5) }

.bigBg .nav-icons .n1 i { background-color: #f9375a }

.bigBg .nav-icons .n2 i { background-color: #f17527 }

.bigBg .nav-icons .n3 i { background-color: #8cbe4c }

.bigBg .nav-icons .n4 i { background-color: #bc84d3 }

.bigBg .nav-icons .n5 i { background-color: #f65151 }

.bigBg .nav-icons .n6 i { background-color: #ff7474 }

.bigBg .nav-icons .n7 i { background-color: #ffd030 }

.bigBg .nav-icons .n8 i { background-color: #b6c758 }

.bigBg .nav-icons .n9 i { background-color: #51cac5 }

.bigBg .nav-icons .n10 i { background-color: #93aaf8 }

.bigBg .nav-icons .n11 i { background-color: #fd8b8f }

.bigBg .nav-icons .n12 i { background-color: #a0a7fb }

.bigBg .nav-icons .n13 i { background-color: #5ec6fb }

.bigBg .nav-icons .n14 i { background-color: #97d46a }

.bigBg .nav-icons .n15 i { background-color: #ff80c2 }

.bigBg .nav-icons .n16 i { background-color: #84b0f1 }

.bigBg .nav-icons .n17 i { background-color: #ffd030 }

.bigBg .nav-icons .n18 i { background-color: #a0a7fb }

.bigBg .nav-icons .n19 i { background-color: #fdaf42 }

.bigBg .nav-icons .n20 i { background-color: #ff7360 }

.bigBg .nav-icons .n21 i { background-color: #00d3be }

.bigBg .nav-icons .n22 i { background-color: #97d46a }

.bigBg .nav-icons .n23 i { background-color: #fdaf42 }

.bigBg .nav-icons .n24 i { background-color: #7bc9c6 }

.bigBg .nav-icons .n25 i { background-color: #a0a7fb }

.bigBg .nav-icons .n26 i { background-color: #fb94c9 }

.bigBg .nav-icons .n27 i { background-color: #cc80f0 }

.bigBg .nav-icons .n28 i { background-color: #5ec6fb }

.bigBg .nav-icons .n29 i { background-color: #ffd030 }

.bigBg .nav-icons .n30 i { background-color: #ff7360 }

.bigBg .nav-icons .n31 i { background-color: #f3b046 }

.bigBg .nav-icons .n32 i { background-color: #5ec6fb }

.bigBg .nav-icons .n33 i { background-color: #7bc9c6 }

.bigBg .nav-icons .n34 i { background-color: #ff9fb2 }

.bigBg .nav-icons .n35 i { background-color: #a0a7fb }

.bigBg .nav-icons .n36 i { background-color: #a598f4 }

.bigBg .nav-icons .n37 i { background-color: #ffd030 }

.bigBg .nav-icons .n38 i { background-color: #97d46a }

.bigBg .nav-icons .n39 i { background-color: #8b96f0 }

.bigBg .nav-icons .n40 i { background-color: #ff8499 }

.bigBg .nav-icons .n41 i { background-color: #65c4f5 }

.bigBg .nav-icons .n-sf i { background: url(/images_m/home_icon_sf.png?a=8) 0 0 no-repeat; background-size: 2.5rem auto; background-color: #ff7360 }

.bigBg .bigNav .pointBox span { background: #fff }

@media screen and (min-width:360px) {
    html { font-size: 17.6px }
}

@media screen and (min-width:375px) {
    html { font-size: 18.4px }
}

@media screen and (min-width:414px) {
    html { font-size: 20.4px }

    .nav-icons.home-icons p { font-size: 13px }
}

@media screen and (min-width:480px) {
    html { font-size: 23.6px }
}

@media screen and (min-width:560px) {
    html { font-size: 27.8px }

    .nav-icons.home-icons p { font-size: 14px }
}

@media screen and (min-width:640px) {
    html { font-size: 31x }

    .nav-icons.home-icons p { font-size: 15px }
}

.bigNav { padding-top: .825rem }

.bigBg .zjBox { background: 0; position: relative; height: 0; z-index: 2; color: #fff; text-shadow: 1px 3px 5px rgba(40,1,5,.5) }

.bigBg .zjBox a { color: #fff !important }

.bigBg .zjBox > div { position: absolute; left: 0; top: 4px; width: 100%; padding-top: 0 }

@media screen and (max-width:320px) {
    .bigBg .zjBox { font-size: 12px }
}

.newyear .banShow a:before { display: block; position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 60px; background: -moz-linear-gradient(top,rgba(243,0,0,.5),rgba(243,0,0,0)); background: -webkit-gradient(linear,0 0,0 bottom,from(rgba(243,0,0,.5)),to(rgba(243,0,0,0))) }

.newyear .nav-icons i { background-color: transparent !important }

.newyear .nav-icons .n1 i { background-image: url(/images_m/home_newyear.png?a=8) }

.newyear .nav-icons .n2 i { background-image: url(/images_m/home_newyear.png?a=8) }

.newyear .nav-icons .n3 i { background-image: url(/images_m/home_newyear.png?a=8) }

.newyear .nav-icons .n4 i { background-image: url(/images_m/home_newyear.png?a=8) }

.newyear .nav-icons .n5 i { background-image: url(/images_m/home_newyear.png?a=8) }

.newyear .nav-icons .n6 i { background-image: url(/images_m/home_newyear.png?a=8) }

.newyear .nav-icons .n7 i { background-image: url(/images_m/home_newyear.png?a=8) }

.newyear .nav-icons .n8 i { background-image: url(/images_m/home_newyear.png?a=8) }

.newyear .nav-icons .n9 i { background-image: url(/images_m/home_newyear.png?a=8) }

.newyear .nav-icons .n10 i { background-image: url(/images_m/home_newyear.png?a=8) }

.mTitle .refresh { position: relative; float: right; font-size: 14px; color: #83868f; padding-right: 32px; margin-right: 14px }

.mTitle .refresh:before { content: ''; position: absolute; right: 0; top: 50%; margin: -9px 0 0 0; width: 18px; height: 18px; /*background: url(/images_m/home_map_re.png?a=8) no-repeat;*/ background-size: 18px auto }

.homemap { position: relative; margin-bottom: -8px }

.mapbox { /*background: url(/images_m/home_map.jpg?a=8) no-repeat;*/ /*background-size: 100% 100%;*/ /*padding: 20px 14px*/ }

.mapbox > div { background: #fff; height: 95px }

.mapbox dl { padding: 6px 0 }

.mapbox dt { position: relative; padding-left: 20px }

.mapbox dt:after { content: ''; position: absolute; width: 1px; height: 50px; background: #e6e6e6; right: 0; top: 50%; margin-top: -25px }

.mapbox dt h3 { font-size: 17px; color: #3c3f46; line-height: 32px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.mapbox dt p { font-size: 13px; color: #3c3f46; line-height: 21px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.mapbox dt p:nth-child(3) { color: #b3b6be }

.mapbox dd { text-align: center; box-flex: 0; -webkit-box-flex: 0; padding: 0 14px; margin-left: 14px; line-height: 1 }

.mapbox dd .link { font-size: 12px; color: #3c3f46 !important }

.mapbox dd i { display: inline-block; width: 37px; height: 37px; margin: 8px 0 2px; background: url(/images_m/home_map_icon.png?a=8) no-repeat; background-size: 100% }

.hotOut { position: fixed; width: 100%; top: 0; bottom: 0; left: 0; background: rgba(0,0,0,.6); z-index: 9999 }

.hotOut > div { position: absolute; width: 80%; height: 378px; left: 10%; top: 50%; margin-top: -170px; background: #fff; border-radius: 10px }

.hotOut .close { position: absolute; width: 28px; height: 28px; top: -60px; right: 15px; background: #fff url(/images_m/home_out_close.png?a=8) center center no-repeat; background-size: 10px; border-radius: 50% }

.hotOut .close:after { content: ''; position: absolute; width: 2px; height: 34px; background: #fff; bottom: -34px; left: 50%; margin-left: -1px }

.hotOut .pre { position: absolute; width: 16px; height: 30px; top: 50%; margin-top: -10px; left: -28px; background: url(/images_m/home_out_pre.png?a=8) no-repeat; background-size: 100% }

.hotOut .next { position: absolute; width: 16px; height: 30px; top: 50%; margin-top: -10px; right: -28px; background: url(/images_m/home_out_next.png?a=8) no-repeat; background-size: 100% }

.hotOut .pointBox { position: absolute; text-align: center; bottom: -30px; width: 100% }

.hotOut .pointBox span { display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 50%; overflow: hidden; margin: 0 7px }

.hotOut .pointBox span.cur { background: #ff5350 !important }

.hotoutCon { width: 100%; height: 100%; overflow: hidden }

.hotoutBox { padding: 22px; overflow: hidden }

.hotoutBox h2 { font-size: 21px; color: #0c0d0e; text-align: center; font-weight: 600; line-height: 29px; margin-bottom: 22px }

.hotoutBox h2 .hb { display: inline-block; width: 19px; height: 22px; background: url(/images_m/home_out_hb.png?a=8) no-repeat; background-size: 100%; vertical-align: -4px; margin-left: 5px }

.hotoutBox li { float: left }

.hotoutList div { float: left }

.hotoutList div:nth-child(1) { width: 15% }

.hotoutList div:nth-child(2) { width: 46% }

.hotoutList div:nth-child(3) { width: 39%; text-align: right }

.hotoutList div:nth-child(1) span { display: block; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 14px; color: #fff; border-radius: 50%; background: #cccfd8; margin-top: 15px }

.hotoutList dt { height: 28px; line-height: 28px; background: #f8f8f8; font-size: 14px; color: #565c67; white-space: nowrap; overflow: hidden; margin-bottom: 5px }

.hotoutList dt div:nth-child(3) { padding-right: 5px }

.hotoutList dd { position: relative; overflow: hidden }

.hotoutList dd:after { content: ''; position: absolute; height: 1px; background: #f8f8f8; left: 15%; right: 0; bottom: 0 }

.hotoutList dd:last-child:after { display: none }

.hotoutList dd:nth-of-type(1) div:nth-child(1) span, .hotoutList dd:nth-of-type(2) div:nth-child(1) span, .hotoutList dd:nth-of-type(3) div:nth-child(1) span { background: #ff5350 }

.hotoutList dd > a { display: block }

.hotoutList dd div { height: 50px; line-height: 50px; overflow: hidden }

.hotoutList dd div:nth-child(2) { font-size: 16px; color: #0c0d0e; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.hotoutList dd div:nth-child(3) { font-size: 15px; color: #ff5757; font-weight: 600 }

.fldowcon { position: absolute; top: 50%; left: 50%; width: 240px; height: 267px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #fff; border-radius: 5px }

.fldowcon .close { width: 14px; height: 14px; background: url(/images_m/close_ts.png?a=8) no-repeat; background-size: 14px; position: absolute; top: 12px; right: 12px }

.fldowcon .tpic { width: 113px; height: 86px; background: url(/images_m/fang25.png?a=8) no-repeat; background-size: 113px; position: absolute; top: -44px; left: 69px }

.fldowcon .tit { text-align: center; margin-top: 75px }

.fldowcon .tit img { width: 125px }

.fldowcon p.p1 { font-size: 13px; color: #3c3f46; line-height: 18px; text-align: center; margin-top: 20px }

.fldowcon .btn { width: 164px; height: 40px; line-height: 40px; text-align: center; font-size: 15px; color: #fff; background: #d64242; border-radius: 18px; margin: 30px auto 0; display: block }

.nav-icons .ny1 i { background-image: url(/images_m/home_newyear2.png?a=8); background-position: 0 0; background-color: transparent !important }

.nav-icons .ny2 i { background-image: url(/images_m/home_newyear2.png?a=8); background-position: -2.5rem 0; background-color: transparent !important }

.nav-icons .ny3 i { background-image: url(/images_m/home_newyear2.png?a=8); background-position: -5rem 0; background-color: transparent !important }

.nav-icons .ny4 i { background-image: url(/images_m/home_newyear2.png?a=8); background-position: -7.5rem 0; background-color: transparent !important }

.nav-icons .ny5 i { background-image: url(/images_m/home_newyear2.png?v=6); background-position: -10rem 0; background-color: transparent !important }

.nav-icons .ny6 i { background-image: url(/images_m/home_newyear2.png?a=8); background-position: 0 -2.5rem; background-color: transparent !important }

.nav-icons .ny7 i { background-image: url(/images_m/home_newyear2.png?a=8); background-position: -2.5rem -2.5rem; background-color: transparent !important }

.nav-icons .ny8 i { background-image: url(/images_m/home_newyear2.png?a=8); background-position: -5rem -2.5rem; background-color: transparent !important }

.nav-icons .ny9 i { background-image: url(/images_m/home_newyear2.png?a=8); background-position: -7.5rem -2.5rem; background-color: transparent !important }

.nav-icons .ny10 i { background-image: url(/images_m/home_newyear2.png?a=8); background-position: -10rem -2.5rem; background-color: transparent !important }

.nav-icons .ny11 i { background-image: url(/images_m/home_newyear2.png?a=8); background-position: 0 -5rem; background-color: transparent !important }

.nav-icons .ny12 i { background-image: url(/images_m/home_newyear2.png?a=8); background-position: -2.5rem -5rem; background-color: transparent !important }

.zu-out { position: fixed; width: 100%; top: 0; bottom: 0; left: 0; background: rgba(0,0,0,.6); z-index: 9999 }

.zu-out > div { position: fixed; width: 78%; left: 11%; top: 16%; padding-bottom: 102%; background: url(/images_m/home_zu_out2.png?a=8) no-repeat; background-size: 100% }

.zu-out .con { position: absolute; width: 100%; left: 0; top: 0; bottom: 1% }

.zu-out .btn { position: absolute; display: block; left: 12px; right: 12px; bottom: 5%; height: 44px; line-height: 44px; font-size: 16px; color: #fff !important; text-align: center; background: #2d8368; border-radius: 3px }

.zu-out .close { position: absolute; width: 29px; height: 29px; left: 50%; margin-left: -15px; bottom: -16%; background: url(/images_m/home_zu_close.png?a=8) no-repeat; background-size: 100% }

.zu-out > div.p5 { background: url(/images_m/home_zu_out2.png?a=8) no-repeat; background-size: 100% }

.downloadAPP-tjf { position: fixed; width: 100%; left: 0; top: 0; bottom: 0; background: rgba(0,0,0,.6); z-index: 9999 }

.downloadAPP-tjf > div { position: absolute; left: 10%; right: 10%; top: 50%; -webkit-transform: translateY(-55%); transform: translateY(-55%); background: #fff }

.downloadAPP-tjf > div > a { display: block }

.downloadAPP-tjf .img { width: 100%; max-height: 53.5vw; overflow: hidden }

.downloadAPP-tjf .img img { width: 100% }

.downloadAPP-tjf .txt { overflow: hidden; padding: 0 15px }

.downloadAPP-tjf .pricebox { border-bottom: 1px solid #f8f8f8; padding: 12px 0 14px }

.downloadAPP-tjf .price { color: #d54a4e; font-size: 16px; font-weight: 600 }

.downloadAPP-tjf .price strong { font-size: 23px; vertical-align: -1px }

.downloadAPP-tjf .price i { font-size: 14px; font-weight: normal; margin-right: 3px }

.downloadAPP-tjf .tag { display: inline-block; height: 15px; color: #ff5350; background: #ffeaea; border-radius: 8px }

.downloadAPP-tjf .tag i { display: block; font-size: 11px; line-height: 15px; white-space: nowrap; padding: 0 7px }

.downloadAPP-tjf .price-old { font-size: 12px; color: #b3b6be; padding-left: 2px; margin-top: 4px; line-height: 1 }

.downloadAPP-tjf .price-old i { text-decoration: line-through }

.downloadAPP-tjf h3 { font-size: 16px; color: #0c0d0e; font-weight: 600; line-height: 29px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.downloadAPP-tjf .intro { padding: 9px 0 14px 0 }

.downloadAPP-tjf .intro p { font-size: 12px; color: #3c3f46; line-height: 22px }

.downloadAPP-tjf .intro p span { margin-right: 10%; display: inline-block }

.downloadAPP-tjf .intro p span:last-child { margin-right: 0 }

.downloadAPP-tjf .btn { display: block; height: 44px; line-height: 44px; color: #fff !important; font-size: 17px; text-align: center; background: #df3031 }

.downloadAPP-tjf .close { position: absolute; width: 36px; height: 36px; left: 50%; bottom: -12%; margin-left: -18px; border: 1px solid #fff; border-radius: 50%; background: url(/images_m/close_20x20.png?a=8) center center no-repeat; background-size: 10px }

.zu-out > div.no2 { position: fixed; width: 78%; left: 11%; top: 12%; padding-bottom: 102%; background: url(/images_m/050701.png?a=8) no-repeat; background-size: 100% }

.zu-out > div.no2 .btn { background: #d90000 }

.zu-out > div.no3 { position: fixed; width: 78%; left: 11%; top: 12%; padding-bottom: 102%; background: url(/images_m/050702.png?a=8) no-repeat; background-size: 100% }

.zu-out > div.no3 .btn { background: #ba0038 }

.zu-out > div.no4 { position: fixed; width: 78%; left: 11%; top: 12%; padding-bottom: 102%; background: url(/images_m/052402.png?a=8) no-repeat; background-size: 100% }

.zu-out > div.no4 .btn { left: 20px; right: 20px; bottom: 20px; height: 40px; line-height: 40px; font-size: 16px; color: #3681eb !important; text-align: center; background: #fff; border-radius: 19px; box-shadow: 1px 1px 3px #6285db }

.zu-out > div.no5 { position: fixed; width: 78%; left: 11%; top: 12%; padding-bottom: 102%; background: url(/images_m/0612.jpg?a=8) no-repeat; background-size: 100% }

.zu-out > div.no5 .btn01 { position: absolute; left: 50%; bottom: 65px; width: 170px; height: 30px; background: url(/images_m/061201.png?a=8) no-repeat; background-size: 170px auto; margin-left: -85px }

.zu-out > div.no5 .btn02 { position: absolute; left: 50%; bottom: 20px; width: 170px; height: 30px; background: url(/images_m/061202.png?a=8) no-repeat; background-size: 170px auto; margin-left: -85px }

.outall { position: fixed; width: 100%; top: 0; bottom: 0; left: 0; background: rgba(0,0,0,.6); z-index: 9999 }

.outall > div { position: fixed; width: 78%; left: 11%; top: 12%; padding-bottom: 102%; background: url(/images_m/0619.png?a=8) no-repeat; background-size: 100% }

.outall .con { position: absolute; width: 100%; left: 0; top: 0; bottom: 1% }

.outall > div .btn { position: absolute; display: block; left: 12px; right: 12px; bottom: 5%; height: 44px; line-height: 44px; font-size: 16px; color: #fff !important; text-align: center; border-radius: 3px }

.outall .close { position: absolute; width: 29px; height: 29px; left: 50%; margin-left: -15px; bottom: -12%; background: url(/images_m/home_zu_close.png?a=8) no-repeat; background-size: 100% }

.outall .closeT { position: absolute; width: 20px; height: 20px; right: 3%; margin-left: -15px; top: 2%; background: url(/images_m/jj-cancelSelect.png?a=8) no-repeat; background-size: 100% }
