@charset "UTF-8";

.dt-new li:before, .xfOption a:after { content: '' }

.dt-int2, .dt-more a, .dt-n-tab a, .float-box dd a, .l-list li .img p, .xfOption a { text-align: center }

.citydt-top .tag-icon, .lp-intro .tag-icon, .xygw-record li .img .tag-icon { text-shadow: 0 0 2px rgba(120,120,120,.6) }

.PWlist2 .txt p, .comment-out .opc .tit p, .dt-xglist li > a, .l-list li h3, .l-list li p, .ldBox .loudong .ld-icon em, .lp-intro .lp-txt h1, .lp-intro .lp-txt p, .n-dt-text h3, .t-house-list li h3, .thfy-list .txt h2, .thfy-list .txt p, .xygw-record li h3, .xygw-record li p, .zygw-dt h3, .zygw-hotlist li p { text-overflow: ellipsis; white-space: nowrap }

.photoBox *, .trend-white > a, .zygw-reviews .comment-list-c ul, .zygw-reviews .comment-list-c ul * { -webkit-tap-highlight-color: transparent }

.card-data h4, .comment-img dd, .comment-out .opc .tit p, .comment-sum, .dt-xglist li > a, .header-out li a, .l-list li .img p span, .l-list li h3, .l-list li p, .ldBox .loudong .ld-icon em, .lp-intro .lp-txt h1, .lp-intro .lp-txt p, .n-dt-img dd, .n-dt-sum, .n-dt-text h3, .nav-top-list, .nav-top-list a, .photo-point, .secTab .overboxIn, .t-house-list li h3, .thfy-list .txt h2, .thfy-list .txt p, .xygw-record li h3, .xygw-record li p, .zygw-dt .grade-imgs dd, .zygw-dt h3, .zygw-dtlist .imgs dd, .zygw-hotlist li h3, .zygw-hotlist li p { white-space: nowrap }

.comment-list-c li, .dq-card p, .dq-flist .txt2, .m_204 p { word-wrap: break-word }

.box { border-top: 1px solid #ebedf0; border-bottom: 1px solid #ebedf0; margin-bottom: 8px }

.main { min-height: 0 }

.head-icon a.word { font-size: 16px; padding: 6px 9px }

.header.fixed { position: fixed; width: 100%; max-width: 640px; top: 0; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); z-index: 9 }

.nav-top-box { position: relative; height: 36px; background: #fbfbfb }

.nav-top { overflow: hidden; overflow-x: scroll; height: 36px }

.nav-top::-webkit-scrollbar { width: 0; height: 0 }

.nav-top-list a { display: inline-block; height: 36px; line-height: 35px; margin: 0 14px; color: #565c67 !important; font-size: 14px }

.nav-top-list a.active { color: #df3031 !important; font-size: 15px; border-bottom: 1px solid #df3031 }

.nav-top-list2 { display: none; height: 36px; line-height: 35px; padding: 0 10px; font-size: 14px; color: #3c3f46 }

.secTab { height: 36px }

.secTab .overbox { position: relative; width: 100%; height: 36px; overflow-x: scroll }

.secTab .overbox::-webkit-scrollbar { width: 0; height: 0 }

.secTab .overbox a { padding: 0 14px; color: #565c67 !important }

.secTab .overbox a.active span { color: #df3031 !important; font-size: 15px !important }

.secTab .overbox span { padding: 0; line-height: 35px }

.secTab .overbox em { font-size: 12px; vertical-align: 1px }

.thiTab { background: #fbfbfb; height: 37px; border-top: 1px solid #fff }

.dongtai, .xfOption { border-top: 1px solid #f4f4f4 }

.thiTab a { display: inline-block; font-size: 13px; color: #83868f; line-height: 36px; padding: 0 12px }

.thiTab a.active { font-size: 14px; color: #df3031 }

.xfOption { margin-top: -1px }

.xfOption a { line-height: 40px; font-size: 14px; color: #565c67; position: relative; width: 50% }

.xfOption a:after { position: absolute; width: 0; height: 20px; border-right: 1px solid #f4f4f4; right: 0; top: 50%; margin-top: -10px }

.xfOption a:last-child:after { display: none }

.dongtai { padding: 20px 14px }

.dongtai:first-of-type { border-top: none }

.dongtai h1 { font-size: 23px; color: #0c0d0e; line-height: 34px; font-weight: 700 }

.dongtai .dtCon { margin-top: 8px }

.dongtai .dtCon p { font-size: 14px; line-height: 23px; color: #565c67 }

.dongtai img { max-width: 100%; margin: 15px 0 }

.dongtai .dt-int { font-size: 11px; color: #83868f; margin-top: 8px; margin-bottom: 14px }

.dongtai .dt-int .btn { float: right; font-size: 12px; color: #f4585b !important; line-height: 19px; padding: 0 4px; border: 1px solid #fecdcd; border-radius: 2px }

.dongtai .dt-int .btn.gray { color: #83868f !important; border: 1px solid #83868f }

.dt-int2 { padding-bottom: 20px }

.dt-int2 span { display: inline-block; height: 21px; line-height: 20px; border: 1px dashed #f4f4f4; font-size: 10px; color: #b3b6be; overflow: hidden; padding: 0 26px }

.dt-more { margin-left: 14px; margin-right: 14px; padding: 0 0 20px }

.dt-more a { display: block; width: 100%; height: 36px; line-height: 37px; color: #565c67 !important; font-size: 13px; background: #f2f4f8; border-radius: 2px }

.dt-more a:nth-child(2) { margin-left: 10px }

.dt-more a.dis { color: #cccfd8 !important }

.dt-xglist { margin: 0 14px }

.dt-xglist li { height: 45px; border-bottom: 1px solid #f4f4f4; font-size: 15px; color: #0c0d0e; line-height: 44px }

.dongtaiList li, .dt-n-tab > div { border-bottom: 1px solid #f8f8f8 }

.dt-xglist li > a { display: block; color: #0c0d0e; overflow: hidden }

.dt-xglist li span { float: right; font-size: 12px; color: #83868f }

.dongtaiList { min-height: 400px; margin: 0 20px }

.dongtaiList li { position: relative }

.dongtaiList li > a { display: block; padding: 18px 0 }

.dongtaiList .dtCon p, .dongtaiList h1 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical }

.dongtaiList h1 { font-size: 16px; color: #3c3f46; line-height: 22px; max-height: 44px; font-weight: 700 }

.dongtaiList .dtCon { margin-top: 8px }

.dongtaiList .dtCon p { font-size: 15px; line-height: 26px; color: #83868f; max-height: 52px; word-wrap: break-word }

.dongtaiList .dtCon.all { max-height: none }

.dongtaiList .dt-int { font-size: 11px; color: #83868f; margin-bottom: 12px }

.dongtaiList .dt-time { font-size: 12px; color: #b3b6be; margin-top: 14px }

.dongtaiList .dt-new { position: absolute; right: 14px; top: 17px; width: 30px; height: 15px; background: url(/images_m/dt_new.png) no-repeat; background-size: 100% auto }

.dt-n-tab { height: 69px }

.dt-n-tab > div { padding: 14px 20px; background: #fff; overflow: hidden }

.dt-n-tab > div.fixed { position: fixed; width: 100%; top: 0; z-index: 99 }

.dt-n-tab a { display: block; height: 28px; line-height: 26px; margin: 6px 8px 6px 0; font-size: 13px; color: #83868f; border: 1px solid #b3b6be; border-radius: 14px; background: #fff }

.dt-n-tab a:last-child { margin-right: 0 }

.dt-n-tab a.cur { border: 1px solid #ff5757; color: #f75757; background: #fff2f2 }

.dt-new { overflow: hidden; padding: 20px }

.dt-new li { position: relative; border-left: 1px solid #fc6363; margin-left: 3px; padding-left: 16px; padding-bottom: 20px; padding-top: 4px }

.dt-new li:last-child { border-left: 1px solid #fff; padding-bottom: 0 }

.dt-new li:before { position: absolute; left: -5px; top: 0; width: 10px; height: 10px; background: #fff }

.arr-rt-s:after, .dt-new li:after { height: 6px; content: '' }

.dt-new li:after { position: absolute; left: -3px; top: 2px; width: 6px; background: #fc6363; border-radius: 50% }

.dt-new li .time { font-size: 13px; line-height: 16px; color: #83868f; margin-top: -7px }

.dt-new li .time span { display: inline-block; font-size: 10px; line-height: 12px; padding: 1px 3px; border: 1px solid #ccc; border-radius: 1px; margin-left: 8px }

.dt-new li .time span.i1 { border: 1px solid #bbd3f8; color: #4080d1 }

.dt-new li .time span.i2 { border: 1px solid #ffd792; color: #ffa200 }

.dt-new li .time span.i3 { border: 1px solid #ffcfcf; color: #f66 }

.dt-new li .time span.i4 { border: 1px solid #add1ad; color: #58a657 }

.dt-new li .rtxt { font-size: 15px; color: #3c3f46; margin-top: 6px }

.dt-new li .rtxt h4 { font-size: 15px; color: #3c3f46; line-height: 27px }

.dt-new li .rtxt p { font-size: 14px; color: #999d9e; line-height: 22px; margin-top: 2px; max-height: 44px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }

.arr-rt-s { position: relative }

.arr-rt-s:after { position: absolute; right: 0; top: 50%; margin-top: -3px; width: 4px; background: url(/images_m/arr_w_s2.png) no-repeat; background-size: 4px auto }

.l-list li .img, .l-list li > a { position: relative; overflow: hidden }

.l-list li { margin: 0 14px }

.l-list li:last-child { border-bottom: none }

.l-list li > a { display: block; padding: 20px 0 }

.l-list li .img { float: left; width: 112px; height: 84px; margin-right: 16px }

.l-list li .img img { width: 100%; height: 100% }

.l-list li .txt { overflow: hidden; min-height: 84px }

.l-list li h3 { font-size: 16px; overflow: hidden; line-height: 19px; color: #3c3f46; margin-top: -1px; margin-bottom: 7px }

.l-list li p { color: #83868f; font-size: 11px; overflow: hidden; height: 15px; line-height: 15px; margin-top: 7px }

.l-list li p.new { font-size: 11px; color: #d64242 }

.l-list li p.new i { font-size: 14px; font-weight: 700 }

.l-list li p.score { color: #3c3f46 }

.l-list li .img p { position: absolute; width: 100%; height: 16px; line-height: 16px; color: #fff; font-size: 9px; left: 0; bottom: 0; background: rgba(12,13,14,.6) }

.l-list li .img p span { display: inline-block }

.l-list li .img p span.arr-rt-s { padding-right: 8px }

.l-list li .img .hp-icon { position: absolute; width: 20px; height: 20px; left: 50%; top: 50%; margin: -16px 0 0 -10px; background: url(/images_m/n_dt_hp.png) no-repeat; background-size: 100% auto }

.float-box, .float-box dl { width: 100%; height: 44px }

.float-box dl { position: fixed; bottom: 0; left: 0; background: #f4f4f4; display: table; z-index: 2 }

.float-box dd, .float-box dt { display: table-cell; vertical-align: middle }

.float-box dt { padding-left: 14px; font-size: 12px; color: #3c3f46 }

.float-box dd { overflow: hidden; width: 64px; background: #fff }

.float-box dd a { display: block; height: 44px; background: #df3031; color: #fff; font-size: 14px; line-height: 44px; margin-right: 1px }

.header-out, .header-out > i:before { position: absolute; background-color: rgba(60,63,70,.9) }

.float-box dd:last-child a { margin-right: 0 }

.float-box dd:only-of-type { width: 80px }

.header-out { top: 46px; right: 1px; z-index: 100; border-radius: 5px; box-shadow: -1px 1px 3px rgba(5,0,1,.3) }

.header-out li { height: 45px; line-height: 45px; border-bottom: 1px solid #35383e; text-align: left; font-size: 16px; color: #fff }

.header-out li:last-child { border-bottom: none }

.header-out li a { display: block; color: #fff; padding: 0 26px; overflow: hidden; min-width: 100px; text-align: center }

.header-out > i { position: absolute; top: -6px; right: 14px; width: 12px; height: 6px; overflow: hidden }

.header-out > i:before { content: ''; width: 10px; height: 10px; top: 2px; left: 50%; margin-left: -5px; border-radius: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg) }

.header-out > div { max-height: 340px; overflow: auto }

.comment-all > dl, .comment-comm, .comment-head, .comment-head dd, .comment-head dt, .comment-img, .comment-list-c li, .comment-out .opc .tit p, .comment-tab-c a, .comment-text, .comment-xb dt, .dp-buy, .dp-buy p, .ldBox, .ldBox .loudong, .ldBox .loudong .ld-icon em, .loudongCon, .loudongTab ul, .lp-intro .lp-txt h1, .lp-intro .lp-txt p { overflow: hidden }

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

.loudong > a { display: block }

.ldBox .loudong .loudong-in { position: absolute }

.ldBox .loudong .mark-box { position: absolute; width: 100%; height: 100%; left: 0; top: 0 }

.ldBox .loudong .ld-icon { position: absolute; height: 21px; line-height: 21px; background: #f93; font-size: 12px; color: #fff; border-radius: 3px }

.ldBox .loudong .ld-icon em { display: block; max-width: 75px; height: 21px; padding: 0 6px 0 5px; border-radius: 3px }

.ldBox .loudong .ld-icon i { display: none }

.ldBox .loudong .ld-icon:after { position: absolute; content: ''; width: 0; height: 0; border: 4px solid #f93; border-color: #f93 transparent transparent; bottom: -8px; left: 50%; margin-left: -4px }

.ldBox .loudong .ld-icon.z-sale { background: #f93 }

.ldBox .loudong .ld-icon.z-sale:after { border-color: #f93 transparent transparent }

.ldBox .loudong .ld-icon.d-sale { background: #7fb6ff }

.ldBox .loudong .ld-icon.d-sale:after { border-color: #7fb6ff transparent transparent }

.ldBox .loudong .ld-icon.w-sale { background: #b3b6be }

.ldBox .loudong .ld-icon.w-sale:after { border-color: #b3b6be transparent transparent }

.ldBox .loudong .ld-icon.cur { background: #f66 }

.ldBox .loudong .ld-icon.cur:after { border-color: #f66 transparent transparent }

.loudongTab { position: absolute; width: 100%; height: 26px; left: 0; bottom: 20px; padding: 0 8px; z-index: 10 }

.loudongTab ul { height: 26px; background: rgba(255,255,255,.9); border-radius: 13px; padding-left: 7% }

.loudongTab li { float: left; width: 32%; font-size: 14px; color: #83868f; line-height: 14px; padding: 6px 0 }

.loudongTab li:last-child { width: 29% }

.loudongTab li span { display: inline-block; margin-left: 5px; width: 10px; height: 10px; background: 0 0; -webkit-appearance: none !important; appearance: none !important; border: 0; outline: 0; border-radius: none }

.loudongTab > div, .loudongTab > div:before { width: 36px; height: 36px; border-radius: 50%; position: absolute }

.loudongTab li span.zs { background-color: #f93 }

.loudongTab li span.ds { background-color: #7fb6ff }

.loudongTab li span.sw { background-color: #b3b6be }

.loudongTab li.cur { color: #0c0d0e }

.loudongTab li.cur span { background-image: url(/images_m/check_on.png); background-size: 10px; background-repeat: no-repeat }

.loudongTab > div { right: 8px; bottom: -5px; background: #fff }

.loudongTab > div:before { content: '收起'; line-height: 36px; font-size: 13px; color: #565c67; text-align: center }

.loudongTab > div.cur { background: #ff7575 }

.loudongTab > div.cur:before { content: '筛选'; color: #fff }

.comment-list li.jing-icon:after, .comment-sum .opt a:before, .comment-xb dd span:after, .loudong .ld-icon.edit i:after { content: '' }

.loudong .ld-icon.edit { height: 26px; line-height: 26px; max-width: inherit; background: #fff !important; padding-right: 55px }

.loudong .ld-icon.edit:after { display: none }

.loudong .ld-icon.edit em { max-width: inherit; height: 26px; line-height: 20px; padding: 3px 8px; color: #0c0d0e }

.loudong .ld-icon.edit i { display: block; position: absolute; right: 0; top: 0; width: 55px; border-left: 1px solid #f4f4f4; text-align: left; padding-left: 8px; color: #0c0d0e }

.loudong .ld-icon.edit i:after { position: absolute; width: 0; height: 0; border: 4px solid #8d9095; border-color: #8d9095 transparent transparent; top: 50%; margin-top: -2px; right: 8px }

.loudongCon { position: fixed; width: 100%; bottom: 0; height: 145px; background: #f4f4f4 }

.loudongCon .ldList { position: relative }

.loudongCon dd { float: left; height: 145px; background: #fff }

.loudongCon dd > a { display: block; height: 100%; margin: 0 11px }

.loudongCon h2 { font-size: 18px; color: #0c0d0e; line-height: 46px }

.loudongCon .times { color: #83868f; font-size: 12px; border-bottom: 1px solid #f4f4f4; line-height: 26px; margin-top: -7px }

.loudongCon .times span { font-size: 11px }

.loudongCon .int-list { font-size: 13px; line-height: 19px; padding: 13px 0 }

.loudongCon .int-list li { float: left; width: 50%; color: #83868f }

.loudongCon .int-list li span { color: #0c0d0e }

.loudong-out { position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; z-index: 11 }

.loudong-out .text-area textarea { width: 100%; height: 105px; border: none; padding: 14px; color: #0c0d0e; font-size: 14px }

.loudong-out .text-area textarea.ts { color: #b3b6be }

.loudong-out .out-btn { height: 40px; border-top: 1px solid #f4f4f4 }

.loudong-out .out-btn a { font-size: 15px; line-height: 40px; text-align: center; width: 50%; border-right: 1px solid #f4f4f4 }

.loudong-out .out-btn a:first-child { color: #0c0d0e }

.loudong-out .out-btn a:last-child { color: #f66; border-right: none }

.ico-star i { display: inline-block; width: 13px; height: 13px; border-radius: 2px; margin-right: 3px; background: url(/images_m/icon-star.png) center 2px no-repeat #e3e7ed; background-size: 9px auto }

.ico-star i.active { background-color: #ff5350 }

.ico-star i.active.half { background-image: url(/images_m/icon-star2.png) }

.ico-star i:last-child { margin-right: 0 }

.lp-intro { position: relative; min-height: 100px }

.lp-intro .lp-txt { position: absolute; width: 100%; height: 74px; bottom: 0; left: 0; background: rgba(0,0,0,.7); padding: 8px 14px }

.floatBtn, .floatBtn a { height: 44px }

.lp-intro .lp-txt h1 { font-size: 15px; line-height: 18px; color: #fff; padding-top: 1px; font-weight: 700 }

.lp-intro .lp-txt .price { float: right; font-size: 12px; color: #df3031; font-weight: 700 }

.lp-intro .lp-txt .price i { font-size: 15px }

.lp-intro .lp-txt p { font-size: 10px; line-height: 12px; color: #e3e7ed; margin-top: 6px }

.lp-intro .lp-txt p span { margin-right: 8px }

.lp-intro .lp-txt p span:last-child { margin-right: 0 }

.lp-intro .tag-icon { position: absolute; left: 10px; top: 10px; font-size: 10px; color: rgba(255,255,255,.5); line-height: 1 }

.dp-buy { padding: 20px 0 10px; width: 100% }

.dp-buy > span { float: left; margin-right: 12px; font-size: 16px; color: #83868f }

.dp-buy p { color: #0c0d0e }

.dp-buy p span { display: block; float: left; margin-right: 6px; margin-bottom: 10px; padding: 0 10px; font-size: 13px; color: #0c0d0e; line-height: 24px; border: 1px solid #e3e7ed; border-radius: 2px }

.dp-buy p span.cur { color: #ff5350; border: 1px solid #ff5350 }

.floatBtn a { position: fixed; width: 100%; line-height: 44px; left: 0; bottom: 0; text-align: center; background: #df3031; color: #fff; font-size: 15px; z-index: 9 }

.comment-all { padding: 14px }

.comment-all > dl { color: #83868f; padding: 10px 0; line-height: 26px }

.comment-all dt { float: left; font-size: 16px }

.comment-all dd { float: left; font-size: 14px }

.comment-all dd strong { float: left; font-size: 23px; font-weight: 400; color: #ff5350; margin: 0 5px }

.comment-all .ico-star { margin: 6px 0 0 22px; line-height: 0 }

.comment-all .num { line-height: 22px; color: #83868f; font-size: 12px }

.comment-all .num span { margin-right: 12px }

.comment-tab { padding: 17px 12px }

.comment-tab-c { overflow: hidden; max-height: 64px }

.comment-tab-c.all { max-height: none }

.comment-tab-c a { float: left; padding: 0 5px; min-width: 70px; height: 26px; line-height: 25px; border: 1px solid #e3e7ed; background: #fff; text-align: center; border-radius: 2px; font-size: 12px; color: #83868f; margin: 3px 2px }

.comment-tab-c a.active { background-color: #ffe7e7; color: #f66; border: 1px solid #ff9e9e }

.comment-tab .comment-more { margin: -5px 0 -15px }

.comment-xb { padding: 20px 14px 18px }

.comment-xb dl { margin-bottom: 18px }

.comment-xb dt h3 { float: left; font-size: 14px; font-weight: 700; color: #565c67; line-height: 18px; margin-right: 15px }

.comment-xb dt .ico-star { float: left }

.comment-xb dt .num { float: left; color: #ff5350; font-size: 12px; font-weight: 700; margin-left: 10px }

.comment-xb dd { font-size: 11px; color: #83868f; margin-top: 6px }

.comment-xb dd span { position: relative; padding: 1px 4px 0 3px; line-height: 12px }

.comment-xb dd span:after { position: absolute; right: 0; top: 50%; margin-top: -3px; height: 8px; width: 1px; background: #e3e7ed }

.comment-xb dd span:first-child { padding-left: 0 }

.comment-xb dd span:last-child { padding-right: 1 }

.comment-xb dd span:last-child:after { display: none }

.comment-xb .comment-more { height: 40px; margin: -5px 0 -14px }

.comment-list { background: 0 0 }

.comment-list > ul > li { padding: 20px 14px 0; background: #fff; margin-bottom: 8px }

.comment-list > ul > li:last-child { margin-bottom: 0 }

.comment-list li.jing-icon { position: relative }

.comment-list li.jing-icon:after { position: absolute; top: 34px; right: 14px; width: 33px; height: 33px; background: url(/images_m/jing_new.png) no-repeat; background-size: 33px }

.comment-head { margin-bottom: 8px }

.comment-head dt { float: left; margin-right: 6px; width: 31px; height: 31px; border-radius: 50% }

.comment-head dt img { width: 100%; height: 100% }

.comment-head dd { height: 32px }

.comment-head dd h3 { font-size: 12px; color: #83868f; line-height: 14px; padding-top: 1px }

.comment-head dd h3 .icon-v { display: inline-block; width: 13px; height: 13px; margin-left: 6px; background: url(/images_m/v_icon_n.png) no-repeat; background-size: 100%; vertical-align: -2px }

.comment-head dd .ico-star { margin-top: 2px }

.comment-text { line-height: 24px; font-size: 15px; color: #3c3f46 }

.comment-text a { color: #7fb5ff }

.comment-more { height: 40px; margin: -5px 0 -10px }

.comment-more a { display: block; width: 100%; height: 100%; background: url(/images_m/center_more.png) center center no-repeat; background-size: 15px auto }

.comment-more.up a { -webkit-transform: rotate(180deg); transform: rotate(180deg) }

.comment-img { margin-top: 8px; margin-right: -2px }

.comment-img dd { float: left; margin-right: 2px; margin-top: 2px; width: 96px; height: 96px }

.comment-img dd img { width: 100%; height: 100% }

.comment-img dd:only-child { width: 100%; height: auto }

.comment-sum { height: 44px; font-size: 11px; color: #b3b6be; line-height: 24px; padding: 10px 0 }

.comment-sum span.come { padding-right: 12px; background: url(/images_m/app_p.png) right center no-repeat; background-size: 7px auto; margin-left: 8px }

.comment-sum .opt { float: right }

.comment-sum .opt a { position: relative; float: left; margin-left: 18px; padding-left: 20px; color: #b3b6be }

.comment-sum .opt a:before { position: absolute; top: 3px; left: 0; width: 16px; height: 16px; background: url(/images_m/comm_icon.png) no-repeat; background-size: 32px auto }

.comment-sum .opt a.t:before { background-position: -16px 0 }

.comment-sum .opt a.cur { color: #f66 }

.comment-sum .opt a.cur:before { background-position: 0 -16px }

.comment-sum .opt a.t.cur:before { background-position: -16px -16px }

.comment-sum .opt i { position: absolute; left: 2px; -webkit-transform: translateY(-130%); transform: translateY(-130%); opacity: 0; font-style: normal }

.comment-sum .opt a.cur i { -webkit-animation: addone 1s linear; animation: addone 1s linear }

.comment-sum .opt a:first-child { margin-left: 0 }

.comment-sum .opt a.z:before { background: url(/images_m/icon_shc.png) no-repeat; background-size: 16px }

.comment-sum .opt a.z.cur:before { background-position: 0 -16px }

.comment-list-c { position: relative; background: #f8f8f8; padding: 14px 9px 20px }

.comment-list-c:after, .comment-list-c:before { position: absolute; content: '' }

.comment-list-c:before { width: 7px; height: 7px; background: #f8f8f8; right: 8px; top: -4px; -webkit-transform: rotate(45deg); transform: rotate(45deg) }

.comment-list-c:after { bottom: 0; left: 0; width: 100%; height: 20px; background: #fff }

.comment-list-c .ipt-comm { padding: 4px 8px; width: 100%; border: 1px solid #e3e7ed; border-radius: 2px; background-color: #fff; line-height: 21px; font-size: 13px; color: #0c0d0e }

.comment-list-c .ipt-comm::-webkit-input-placeholder { color: #b3b6be }

.comment-list-c .ipt-comm.ts { color: #b3b6be }

.comment-list-c .btn-comm { width: 42px; min-width: 42px; max-width: 42px; height: 29px; line-height: 29px; margin-top: 1px; margin-left: 4px; background: #df3031; color: #fff; font-size: 13px; border-radius: 2px 3px 3px 2px; text-align: center }

.comment-list-c .btn-comm.disabled { background: #e3e7ed }

.comment-list-c ul { padding: 14px 0 }

.comment-list-c li { padding: 4px 0; font-size: 14px; color: #565c67; line-height: 21px }

.comment-list-c li a { color: #4080d1 }

.comment-out { position: fixed; width: 100%; height: 100%; left: 0; bottom: 0; top: 0; z-index: 999; background: rgba(0,0,0,.4) }

.comment-out > div { background: #fff; position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 20px }

.comment-addpic dd, .comment-out.n-f, .comment-out.n-f > div { position: relative }

.comment-out .opc { height: 44px }

.comment-out .opc a { display: block; line-height: 44px; padding: 0 14px; font-size: 16px }

.comment-out .opc a:first-of-type { float: left; color: #83868f !important }

.comment-out .opc a:last-of-type { float: right; color: #b3b6be !important }

.comment-out .opc a.active { color: #ff5350 !important }

.comment-out .opc .tit { margin: 0 auto; text-align: center; padding: 5px 60px }

.comment-out .opc .tit h3 { font-size: 14px; line-height: 16px; color: #3c3f46; margin-bottom: 4px }

.comment-out .opc .tit p { font-size: 11px; line-height: 12px; color: #b3b6be }

.comment-out .ipt-txt { margin: 0 14px; line-height: 24px; font-size: 16px; color: #0c0d0e; padding: 4px 0 }

.comment-out .ipt-txt.ts { position: relative; color: #cccfd8 }

.comment-out .comment-h .ipt-txt { min-height: 140px }

.comment-out .txt-num { text-align: right; padding: 0 14px; font-size: 11px; color: #b3b6be; line-height: 12px; margin: 5px 0 -8px }

.comment-out.n-f { background: #f8f8f8 }

.comment-out.n-f .opc { background: #f6f6f6 }

.comment-out.n-f .comment-h .ipt-txt { margin-top: 10px }

.comment-item { padding: 0 14px }

.comment-item .comment-con { padding: 20px 0 }

.comment-item dl { padding: 8px 0; display: table; width: 100% }

.comment-item dt { display: table-cell; vertical-align: middle; font-size: 14px; color: #565c67; width: 70px }

.comment-item dt i { margin-right: 26px }

.comment-item dd { display: block; vertical-align: middle; font-size: 0; height: 24px }

.comment-item dd .fen { display: inline-block; font-size: 14px; line-height: 24px; color: #ff5350; vertical-align: middle }

.comment-item dd .face { width: 24px; height: 24px; background: url(/images_m/face.png) no-repeat; background-size: 24px auto; vertical-align: middle; display: none }

.comment-item dd .face.face1 { background-position: 0 0; display: inline-block }

.comment-item dd .face.face2 { background-position: 0 -24px; display: inline-block }

.comment-item dd .face.face3 { background-position: 0 -48px; display: inline-block }

.comment-item dd .face.face4 { background-position: 0 -72px; display: inline-block }

.comment-item dd .face.face5 { background-position: 0 -96px; display: inline-block }

.comment-item .star-other { float: left; margin-right: 20px }

.comment-item .ico-star { float: left }

.comment-item .ico-star i { width: 24px; height: 24px; border-radius: 3px; margin-right: 19px; background: url(/images_m/icon-star.png) center 4px no-repeat #e3e7ed; background-size: 14px auto }

.comment-item .ico-star i.active { background-color: #df3031 }

.comment-item .num-box { font-size: 16px; color: #83868f; line-height: 60px }

.comment-item .num-box span { font-size: 23px; color: #ff5350 }

.comment-comm { padding: 10px 14px 14px }

.comment-comm .textarea { padding: 5px 0; font-size: 14px; line-height: 24px; min-height: 120px; overflow-y: auto; color: #0c0d0e; width: 100%; border: none; outline: 0 }

.comment-comm .textarea.ts { color: #b3b6be }

.comment-comm .txtnum { text-align: right; font-size: 11px; color: #b3b6be }

.comment-addpic { overflow: hidden; padding: 14px 5px 5px }

.comment-addpic dd { float: left; width: 62px; height: 62px; margin-left: 9px; margin-bottom: 9px; background: #f4f4f4 }

.comment-addpic dd img { width: 100%; height: 100% }

.comment-addpic dd:last-child { margin-right: 0 }

.comment-addpic dd .del { position: absolute; width: 16px; height: 16px; right: 0; top: 0; background: url(/images_m/close_wt.png) no-repeat; background-size: 16px auto }

.comment-addpic .add { width: 62px; height: 62px; background: url(/images_m/dp_add.jpg) top left no-repeat; cursor: pointer; overflow: hidden; background-size: 62px 62px }

.comment-addpic .imgClass { margin: 0; width: 62px; height: 62px }

.comment-addpic .upload-input { width: 100%; height: 100%; position: relative; opacity: 0; text-indent: -999px }

.comment-noname { height: 44px; line-height: 32px; padding: 6px 14px; color: #b3b6be; font-size: 16px }

.comment-noname .tab-change { float: right }

.tab-change { position: relative; border-radius: 20px; height: 32px; width: 60px; background: #fff; border: 1px solid #e3e3e3; overflow: hidden }

.tab-change .key { position: absolute; top: 0; left: 0; width: 30px; height: 30px; border-radius: 50%; background-color: #fff; box-shadow: 1px 0 3px #ccc }

.tab-change.on { background: #f36363; border: 1px solid #f36363 }

.tab-change.on .key { left: 28px; border: 1px solid #f36363; box-shadow: 1px 0 3px #f36363 }

.tab-change, .tab-change .key { -webkit-transition: all .3s ease; transition: all .3s ease }

.comment-btn { margin: 20px 14px 29px }

.comment-btn a { display: block; height: 36px; line-height: 36px; font-size: 15px; color: #fff; background: #df3031; text-align: center; border-radius: 2px }

.comment-tit input, .comment-tit p { width: 100%; height: 44px; font-size: 14px; padding: 0 14px }

.comment-tit input { border: 1px solid transparent; overflow: hidden; color: #0c0d0e; outline: 0 }

.comment-tit input::-webkit-input-placeholder { color: #b3b6be }

.comment-tit p { line-height: 44px; color: #b3b6be }

.comment-ta-head { overflow: hidden; padding: 20px 14px }

.comment-ta-head dt { float: left; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; margin-right: 14px }

.comment-ta-head dt img { width: 100% }

.comment-ta-head dd h3 { font-size: 16px; color: #0c0d0e; line-height: 30px }

.comment-ta-head dd h3 .icon-v { display: inline-block; width: 13px; height: 13px; margin-left: 6px; background: url(/images_m/v_icon_n.png) no-repeat; background-size: 100%; vertical-align: -1px }

.comment-ta-head dd .lv { display: inline-block; min-width: 30px; height: 13px; line-height: 13px; font-size: 11px; color: #fff; font-weight: 600; text-align: center; background: url(/images_m/icon_lv.png) no-repeat #ff5350; background-size: 100%; border-radius: 1px; vertical-align: middle }

.comment-ta-head dd .icon-q { display: inline-block; width: 14px; height: 14px; background: url(/images_m/icon_q.png) no-repeat; background-size: 100%; vertical-align: middle; margin-left: 20px }

.comment-ta { background: 0 0 }

.comment-ta-tab { border-bottom: 1px solid #f4f4f4; height: 45px; padding: 5px 14px 0; background: #fff }

.comment-ta-tab li { line-height: 39px; text-align: center; font-size: 15px; color: #565c67; width: 50% }

.comment-ta-tab li i { font-sizes: 12px; color: #83868f }

.comment-ta-tab li.cur { border-bottom: 1px solid #df3031; color: #df3031 }

.comment-ta-tab li.cur i { color: #df3031 }

.comment-head.ta dd { height: auto }

.comment-head.ta dd h4 { font-size: 14px; color: #565c67; line-height: 16px; margin-bottom: 4px }

.comment-head.ta dd h4 span { font-size: 12px; color: #83868f }

.comment-ta .comment-list li.jing-icon:after { top: 42px }

.floatAlert.com-ta .alert { width: 88% }

.floatAlert.com-ta ul { padding: 5px 25px; font-size: 16px; color: #0c0d0e; line-height: 31px }

.floatAlert.com-ta li span { color: #df3031; padding-right: 10px }

.floatAlert.com-ta .alert .btns a { line-height: 44px; font-size: 16px }

@-webkit-keyframes addone {
    0% { opacity: 1; -webkit-transform: translateY(-40%) }

    100% { opacity: .3; -webkit-transform: translateY(-130%) }
}

@keyframes addone {
    0% { opacity: 1; transform: translateY(-40%) }

    100% { opacity: .3; transform: translateY(-130%) }
}

.small-pic .comment-img dd:only-child { width: 96px; height: 96px }

.comment-gf-word { margin: 0 0 29px; line-height: 1; color: #83868f; font-size: 13px; text-align: center }

.comment-gf-word a { color: #83868f }

.comment-ok { padding: 32px 0 25px; text-align: center }

.comment-ok i { display: inline-block; width: 50px; height: 50px; background: url(/images_m/o-ok-icon2.png) no-repeat; background-size: 100% auto }

.comment-ok p { font-size: 15px; color: #3c3f46; margin-top: 10px }

.comment-ok a.com-btn { display: block; width: 176px; background: #df3031; height: 31px; line-height: 31px; margin: 30px auto 0; border-radius: 3px }

.comment-ok a.com-btn span { display: inline-block; font-size: 14px; color: #fff; padding-left: 20px; background: url(/images_m/btn_icon.png?123) left center no-repeat; background-size: 13px auto }

.comment-ohter .tit { font-size: 12px; color: #565c67; height: 30px; line-height: 30px; background: #f4f4f4; padding: 0 14px }

.comment-ohter ul { margin: 0 14px }

.comment-ohter li { border-bottom: 1px solid #f8f8f8; padding: 16px 0; display: table; width: 100% }

.comment-ohter li:last-child { border-bottom: none }

.comment-ohter li > div { display: table-cell; vertical-align: middle }

.comment-ohter li > div:first-child a { display: inline-block }

.comment-ohter li h2 { font-size: 15px; line-height: 21px; color: #0c0d0e }

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

.comment-ohter .btn { text-align: right; padding-top: 7px }

.comment-ohter .btn a { display: inline-block; font-size: 12px; color: #ff5350; width: 56px; height: 24px; line-height: 23px; text-align: center; border: 1px solid #ff5350; border-radius: 2px; overflow: hidden }

.comment-xbhf { position: relative; background: #f8f8f8; margin-top: 14px; padding: 10px }

.comment-xbhf:before { content: ''; position: absolute; width: 0; height: 0; border: 5px solid #f8f8f8; border-color: transparent transparent #f8f8f8; top: -10px; left: 8px }

.comment-xbhf h4 { font-size: 13px; color: #83868f; margin-bottom: 6px; line-height: 24px }

.comment-xbhf-text { overflow: hidden; font-size: 13px; color: #565c67; line-height: 21px }

.PWlist2 li { border-bottom: 1px solid #f8f8f8; margin: 0 20px; overflow: hidden }

.PWlist2 li > a { display: block; padding: 19px 0; height: 100% }

.PWlist2 .img { float: right; width: 88px; height: 66px; margin-left: 26px }

.PWlist2 .img img { width: 100%; height: 100% }

.PWlist2 .txt { overflow: hidden }

.PWlist2 .txt h3 { height: 44px; font-size: 16px; line-height: 22px; color: #3c3f46; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }

.PWlist2 .txt p { color: #b3b6be; font-size: 11px; overflow: hidden; line-height: 12px }

.PWlist2 .txt p span { margin-right: 12px }

.PWlist2 .txt p span:last-child { margin-right: 0 }

.PWlist2 .txt p.tag-icon { position: relative; padding-right: 30px }

.PWlist2 .txt p.tag-icon:after { content: ''; position: absolute; right: 0; width: 24px; height: 12px; background: url(/images_m/pic_gg.jpg) no-repeat; background-size: 100% }

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

.allPics, .picBox .main { position: absolute; bottom: 0; width: 100% }

.picBox .main { top: 80px; min-height: 0 }

.allPics { top: 0; overflow-y: auto }

.allPics .picbox li, .allPics .picbox ul, .float-zygw dd, .float-zygw dd a, .imgFixbox, .photoBox .pic-int, .pic-btns, .xygw-record li .txt, .xygw-record li h3, .xygw-record li p, .zygw-comm, .zygw-comp .tel, .zygw-dp-stag, .zygw-dt .grade-imgs, .zygw-dt .grade-text, .zygw-dt h3, .zygw-dtlist .imgs, .zygw-hotlist li .txt, .zygw-hotlist li h3, .zygw-hotlist li > a, .zygw-int, .zygw-intro, .zygw-rate dd, .zygw-rate dl, .zygw-rate dt { overflow: hidden }

.allPics .picbox { padding: 0 14px 40px; color: #fff }

.allPics .picbox h3 { font-size: 15px; color: #83868f; line-height: 38px; padding-top: 8px }

.allPics .picbox ul { margin-right: -2px }

.allPics .picbox li { position: relative; float: left; margin: 0 2px 2px 0; width: 96px; height: 96px; background: #f4f4f4 }

.allPics .picbox li .video, .allPics .picbox li .video-360, .allPics .picbox li .video-hp { position: absolute; width: 16px; height: 16px; left: 5px; bottom: 5px }

.allPics .picbox li .video { background: url(/images_m/list_img_icon.png) -32px 0 no-repeat; background-size: 48px auto }

.allPics .picbox li .video-360 { background: url(/images_m/list_img_icon.png) -16px 0 no-repeat; background-size: 48px auto }

.allPics .picbox li .video-hp { background: url(/images_m/list_img_icon.png) no-repeat; background-size: 48px auto }

.pic-btns { position: fixed; height: 40px; width: 100%; bottom: 0; left: 0; background: rgba(32,32,32,1); z-index: 9 }

.pic-btns .btns-in { width: 300%; padding: 10px 0 }

.loading, .loading i, .loading:before { width: 24px; height: 24px; position: absolute }

.pic-btns a { line-height: 20px; color: #e3e7ed !important; font-size: 13px; margin-right: 30px }

.pic-btns a:first-child { margin-left: 14px }

.pic-btns a:last-child { margin-right: 14px }

.pic-btns a.active { font-size: 16px; color: #f66 !important }

.loading { left: 50%; top: 50%; margin: -12px 0 0 -12px }

.loading:before { content: ''; top: 0; left: 0; background: url(/images_m/loading_fang_b.png) no-repeat; background-size: 24px auto; z-index: 3 }

.loading i { top: 0; left: 0; background: url(/images_m/loading_b.png) no-repeat; background-size: 24px auto; z-index: 2; -webkit-animation: loading 1s linear infinite; animation: loading 1s linear infinite }

.photoBox { background: #202020; height: 100%; width: 100% }

.photo-opt { position: fixed; width: 100%; hegiht: 0; left: 0; top: 0; z-index: 9 }

.photo-opt .back i, .photo-opt a { width: 32px; height: 32px; display: block }

.photo-opt a { text-align: center; background-color: rgba(0,0,0,.6); border-radius: 50% }

.photo-opt .back { float: left; margin: 6px 0 0 9px }

.photo-opt .back i { background: url(/images_m/xq_icons.png) -1px 0 no-repeat; background-size: 128px auto }

.photo-opt .logo { float: left; width: 102px; height: 44px; text-align: center; background: 0 0 }

.photo-opt .logo i { display: block; width: 102px; height: 44px; background: url(/images_m/logo.png) 9px 15px no-repeat; background-size: 77px auto }

.photo-opt .icon-pic { float: right; margin: 6px 9px 0 0 }

.photo-opt .icon-pic i { display: block; width: 32px; height: 32px; background: url(/images_m/head_pic.png) no-repeat; background-size: 32px auto }

.photoBox .pic-int { position: fixed; bottom: 40px; left: 0; width: 100%; height: 38px; line-height: 38px; color: #fff; font-size: 11px; padding: 0 14px; background: rgba(32,32,32,.9) }

.photoBox .video-icons { float: left }

.photoBox .video-icons span { position: relative; color: #83868f; font-size: 11px; padding-left: 15px; margin-right: 20px }

.photoBox .video-icons span:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -5px; width: 10px; height: 10px; background: url(/images_m/video_icon_int.png) no-repeat; background-size: 10px }

.photoBox .icon-360, .photoBox .icon-hp, .photoBox .vedio-icon { position: absolute; width: 60px; height: 60px; top: 50%; margin: -30px 0 0 -30px; z-index: 9; left: 50% }

.photoBox .video-icons span.num:before { background-position: 0 0 }

.photoBox .video-icons span.time:before { background-position: 0 -10px }

.photoBox .vedio-icon { background: url(/images_m/vidwo_play.png) no-repeat; background-size: 100% }

.photoBox .icon-360 { background: url(/images_m/icon_qj360.png) center center no-repeat; background-size: 100% auto }

.photoBox .icon-hp { background: url(/images_m/icon_hp.png) center center no-repeat; background-size: 100% auto }

.photo-point { position: fixed; bottom: 18px; text-align: center; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); z-index: 1999 }

.photo-point li { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.3); margin: 0 4px }

.photo-point li.cur { background: #f66 }

.imgFixbox { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #202020; z-index: 99 }

.imgFixbox .close { position: absolute; width: 32px; height: 32px; background: url(/images_m/live_close2.png) center center no-repeat rgba(0,0,0,.6); background-size: 14px auto; border-radius: 50%; right: 9px; top: 6px }

.photoBox .live-icon { position: absolute; width: 61px; height: 20px; right: 14px; top: 10px; background: url(/images_m/live_icon.png) no-repeat; background-size: 100% auto; z-index: 9 }

.star-other i { display: inline-block; width: 21px; height: 21px; margin-right: 15px; background: url(/images_m/star_dp.png) 0 -21px no-repeat; background-size: 21px auto }

.star-other i.active { background-position: 0 0 }

.star-other i:last-child { margin-right: 0 }

.mTitle a.red-btn { float: right; height: 24px; line-height: 23px; font-size: 13px; color: #f66; border: 1px solid #f66; padding: 0 8px; margin: 14px; border-radius: 2px }

.zygw-int { padding: 20px 14px }

.zygw-int dt { position: relative; float: left; width: 50px; height: 50px; border-radius: 50%; margin-right: 10px }

.zygw-int dt img { width: 100%; height: 100%; border-radius: 50% }

.zygw-int dt .icon-f { position: absolute; bottom: 1px; right: 0; width: 16px; height: 16px; background: url(/images_m/icon-f.png) no-repeat; background-size: 16px }

.zygw-int dd h2 { line-height: 20px; font-size: 16px; color: #0c0d0e; margin-bottom: 4px }

.zygw-int dd .tag { display: inline-block; height: 15px; line-height: 14px; font-size: 10px; color: #83e0bc; border: 1px solid #83e0bc; padding: 0 5px; margin-left: 30px; vertical-align: 2px }

.zygw-pj em, .zygw-pj span, .zygw-rate > div h3 span, .zygw-rate > div > a { display: block }

.zygw-int .flextable { width: auto }

.zygw-int .flextable li { font-size: 12px; line-height: 18px }

.zygw-ta { font-size: 11px; color: #b3b6be; line-height: 16px; padding: 10px 14px; margin-top: -10px }

.zygw-rate { padding: 14px 0 }

.zygw-rate > div { height: 40px; text-align: center; border-left: 1px solid #f4f4f4; margin: 13px 0 }

.zygw-rate > div:first-child { width: 175px; height: auto; border-left: none; text-align: left; margin: 0 }

.zygw-rate > div h3 { float: left; width: 45px; max-width: 45px; height: 45px; border-radius: 50%; background: #46b77d; color: #fff; font-size: 10px; text-align: center; margin: 10px 10px 0 14px; padding-top: 10px }

.zygw-rate dd, .zygw-rate dd span { height: 6px; border-radius: 4px; float: left }

.zygw-rate > div em { font-size: 15px; color: #df3031 }

.zygw-rate > div p { font-size: 12px; color: #83868f }

.zygw-rate dl { font-size: 11px; color: #3c3f46 }

.zygw-rate dt { float: left; width: 68px; line-height: 22px }

.zygw-rate dt span { color: #83868f }

.zygw-rate dd { width: 44px; background: #e0e0e0; margin-top: 8px }

.zygw-rate dd span { background: #ff8000 }

.zygw-rate dl:first-child dd span { background: #44b87e }

.zygw-rate dl:last-child dd span { background: #b5b5b5 }

.zygw-pj { padding: 10px 0; border: 1px solid #f8f8f8; margin: 4px 14px }

.zygw-pj li { border-left: 1px solid #f4f4f4; text-align: center }

.zygw-pj li:first-child { border-left: none }

.zygw-pj em { color: #565c67; font-size: 14px }

.zygw-pj span { color: #83868f; font-size: 12px }

.zygw-reviews .comment-list > ul > li { padding: 20px 0 16px; border-bottom: 1px solid #f8f8f8; margin: 0 14px }

.zygw-reviews .comment-head dd h3 { line-height: 16px; color: #565c67; margin-bottom: 3px }

.zygw-reviews .comment-head dd p { line-height: 12px; color: #b3b6be; font-size: 10px }

.zygw-reviews .comment-head dd .ico-star { margin-top: 8px }

.zygw-reviews .comment-list-c ul { padding-top: 0; padding-bottom: 0 }

.zygw-reviews .comment-list-c:after { display: none }

.zygw-reviews .comment-list-c .a-more { text-align: right; font-size: 13px; margin-top: 6px }

.content-No, .float-tz > div, .float-zygw dd a, .float-zygw dt a, .zygw-dp-txt, .zygw-xing { text-align: center }

.zygw-reviews .comment-list-c .a-more a { position: relative; display: inline-block; color: #4080d1 !important; padding-right: 14px }

.zygw-reviews .comment-list-c .a-more a:after { content: ''; position: absolute; width: 0; height: 0; border: 3px solid; border-color: transparent transparent transparent #4080d1; right: 0; top: 50%; margin-top: -2px }

.zygw-reviews .comment-sum { margin-top: -4px; margin-bottom: -16px }

.zygw-reviews .comment-list-c { margin-top: 10px }

.zygw-reviews .comment-list-c li.cur { background: rgba(0,0,0,.15); border-radius: 2px }

.zygw-hotlist li { border-bottom: 1px solid #f4f4f4; margin: 0 14px }

.zygw-hotlist li > a { position: relative; display: block; padding: 14px; margin: 0 -14px }

.zygw-hotlist li:last-child { border-bottom: none }

.zygw-hotlist li .img { position: relative; float: left; margin-right: 8px; width: 80px; height: 60px; border: 1px solid #f4f4f4 }

.zygw-hotlist li .img img { width: 100%; height: 100% }

.zygw-hotlist li .img span { position: absolute; top: 0; left: 0; height: 15px; line-height: 15px; color: #fff; font-size: 10px; padding: 0 3px; background: rgba(223,48,49,.9) }

.zygw-hotlist li h3 { font-size: 15px; text-overflow: ellipsis; line-height: 18px; color: #0c0d0e; margin-top: -1px; margin-bottom: 3px }

.zygw-hotlist li p { color: #83868f; font-size: 12px; overflow: hidden; line-height: 20px }

.zygw-hotlist.con li:first-child > a { padding-top: 0 }

.zygw-dt { padding: 0 14px 20px }

.zygw-dt h3 { line-height: 30px; color: #0c0d0e; font-size: 15px }

.zygw-dt .grade-text { margin-top: 2px; max-height: 46px }

.zygw-dt .grade-text p { line-height: 23px; color: #83868f; font-size: 14px }

.zygw-dt .grade-sum { font-size: 10px; color: #b3b6be; line-height: 1; margin-top: 12px }

.zygw-dt .grade-imgs { margin: 12px 0 }

.zygw-dt .grade-imgs dl { margin-right: -2px }

.zygw-dt .grade-imgs dd { float: left; margin-right: 2px; margin-bottom: 2px; width: 96px; height: 96px }

.zygw-dt .grade-imgs dd img { width: 100%; height: 100% }

.zygw-dt .grade-imgs dd:last-child { margin-right: 0 }

.zygw-dtlist li { padding: 20px 14px; margin-bottom: 8px; background: #fff }

.zygw-dtlist .txt, .zygw-dtlist h3 { margin-bottom: 14px }

.zygw-dtlist h3 { font-size: 15px; color: #83868f }

.zygw-dtlist .txt p { font-size: 14px; color: #0c0d0e; line-height: 26px }

.zygw-dtlist .sum { font-size: 11px; color: #b3b6be }

.zygw-dtlist .imgs { margin-bottom: 12px }

.zygw-dtlist .imgs dl { margin-right: -2px }

.zygw-dtlist .imgs dd { float: left; margin-right: 2px; margin-bottom: 2px; width: 96px; height: 96px }

.zygw-dtlist .imgs dd img { width: 100%; height: 100% }

.zygw-dtlist .imgs dd:last-child { margin-right: 0 }

.zygw-comp .ipt-list { margin: 0 10px }

.zygw-comp .ipt-list .rela { position: relative }

.zygw-comp .ipt-list .close { position: absolute; width: 14px; height: 14px; right: 24px; top: 15px; background: url(/images_m/search_off.png) no-repeat; background-size: 100% }

{ width: 14px; height: 14px; background: url(/images_m/search_off.png) no-repeat; background-size: 100% }

.zygw-comp .tel { font-size: 13px; color: #b3b6be; line-height: 26px; padding: 0 14px 20px; margin-top: -9px }

.zygw-comp .tel a { float: right; width: 33px; height: 26px; border: 1px solid #f66; border-radius: 2px; margin-right: 8px }

.zygw-comp .tel a.mt7 { margin-top: 7px }

.zygw-comp .tel a:last-child { margin-right: 0 }

.zygw-comp .tel a i { display: block; width: 20px; height: 20px; margin: 2px auto; background: url(/images_m/tel_icons2.png) no-repeat; background-size: 40px }

.zygw-comp .tel a.call i { background-position: 0 0 }

.float-zygw { height: 44px }

.float-zygw > div { position: fixed; width: 100%; height: 44px; bottom: 0; left: 0; background: #f4f4f4 }

.float-zygw dt { width: 30%; border-left: 1px solid #e0e0e0 }

.float-zygw dt a { display: block; height: 44px; font-size: 11px; color: #83868f; line-height: 1; padding-top: 5px }

.float-zygw dt a i { display: block; width: 21px; height: 21px; background: url(/images_m/zygw_icon.png) no-repeat; background-size: 42px auto; margin: 0 auto 5px }

.float-zygw dt a.ts i { background-position: 0 0 }

.float-zygw dt a.mes i { background-position: -21px 0 }

.float-zygw dt:first-child { border: none }

.float-zygw dd { width: 40%; border-left: 1px solid #fff }

.float-zygw dd a { display: block; height: 44px; line-height: 45px; background: #df3031; color: #fff; font-size: 15px }

.float-zygw dd a i { display: inline-block; width: 20px; height: 20px; margin-right: 6px; background: url(/images_m/tel_icons.png) no-repeat; background-size: 60px auto; vertical-align: -5px }

.float-tz { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.6); z-index: 1000 }

.float-tz > div { position: absolute; top: 50%; left: 50%; margin-left: -140px; width: 280px; background: #fff; border-radius: 5px; z-index: 11; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); padding: 25px 0 }

.float-tz h3 { font-size: 16px; color: #83868f; margin-bottom: 14px }

.float-tz h3 i { display: block; width: 51px; height: 51px; margin: 0 auto 10px; background: url(/images_m/icon-ts.png) no-repeat; background-size: 100% }

.float-tz p { font-size: 13px; color: #b3b6be; line-height: 21px }

.float-tz .btn { display: block; width: 110px; height: 36px; line-height: 36px; color: #fff; margin: 20px auto 0; border-radius: 3px; background: #df3031 }

.float-tz .close { position: absolute; width: 14px; height: 14px; top: 10px; right: 14px; background: url(/images_m/close_ts.png) no-repeat; background-size: 100% }

.content-No { padding: 90px 8px }

.xygw-record li { border-bottom: 1px solid #f8f8f8; padding: 16px 14px }

.xygw-record li:last-child { border-bottom: none }

.xygw-record li .img { position: relative; float: left; width: 106px; height: 80px; margin-right: 8px }

.xygw-record li .img img { width: 100%; height: 100% }

.xygw-record li .img .tag-icon { position: absolute; left: 5px; top: 5px; font-size: 9px; color: rgba(255,255,255,.5); line-height: 1 }

.xygw-record li h3 { font-size: 15px; line-height: 18px; color: #3c3f46; margin-top: -1px }

.xygw-record li p { color: #83868f; font-size: 11px; height: 16px; line-height: 16px; margin-top: 5px }

.xygw-record li p.price { color: #3c3f46 }

.xygw-record li .new { color: #df3031; font-weight: 700 }

.zygw-table { color: #3c3f46; font-size: 14px }

.zygw-table li { display: table; height: 60px; line-height: 20px; padding: 20px 0; width: 100%; border-bottom: 1px solid #f8f8f8 }

.zygw-table li > div { display: table-cell; text-align: center; vertical-align: middle }

.zygw-table li > div:nth-child(1), .zygw-table li > div:nth-child(2) { width: 30% }

.zygw-table li > div:last-child { width: 40%; padding-right: 10px }

.zygw-table li.table-th { color: #3c3f46; font-size: 13px; background: #f4f4f4; line-height: 20px; height: 36px; padding: 8px 0 }

.kf-call a { float: left; width: 33px; height: 26px; border: 1px solid #f66; border-radius: 2px; margin-right: 8px }

.kf-call a:last-child { margin-right: 0 }

.kf-call a i { display: block; width: 20px; height: 20px; margin: 2px auto; background: url(/images_m/tel_icons2.png) no-repeat; background-size: 40px }

.kf-call a.call i { background-position: 0 0 }

.kf-call a.mes i { background-position: -20px 0 }

.kf-call a.call.disabled, .kf-call a.mes.disabled { border: 1px solid #cccfd8 }

.kf-call a.call.disabled i { background-position: 0 -20px }

.kf-call a.mes.disabled i { background-position: -20px -20px }

.wkf-call a { float: left; width: 33px; height: 26px; border: 1px solid #fff; border-radius: 2px; margin-right: 8px }

.wkf-call a:last-child { margin-right: 0 }

.wkf-call a i { display: block; width: 20px; height: 20px; margin: 2px auto; background: url(/images_m/tel_icons2a.png) no-repeat; background-size: 40px }

.wkf-call a.call i { background-position: 0 0 }

.wkf-call a.mes i { background-position: -20px 0 }

.wkf-call a.call.disabled, .wkf-call a.mes.disabled { border: 1px solid #cccfd8 }

.wkf-call a.call.disabled i { background-position: 0 -20px }

.wkf-call a.mes.disabled i { background-position: -20px -20px }

.zygw-intro { padding: 20px 14px; border-bottom: 1px solid #f8f8f8 }

.zygw-intro dl { display: table; width: 100% }

.zygw-intro dd, .zygw-intro dt { display: table-cell; vertical-align: top }

.zygw-intro dt { float: left; width: 50px; height: 50px; border-radius: 50%; margin-right: 10px }

.zygw-intro dt img { width: 100%; height: 100%; border-radius: 50% }

.zygw-intro dd h3 { line-height: 21px; font-size: 16px; color: #3c3f46; margin-bottom: 2px }

.zygw-intro dd p { font-size: 11px; color: #83868f; line-height: 17px }

.zygw-intro dd.txt { width: 80%; vertical-align: middle }

.zygw-intro dd.kf-call { float: right; width: 74px; height: 50px; padding-top: 12px }

.zygw-xing { width: 230px; margin: 0 auto; padding: 35px 0 22px }

.zygw-xing h3 { height: 1px; font-size: 13px; color: #b3b6be; border-top: 1px solid #f8f8f8; margin-bottom: 30px }

.zygw-xing h3 span { display: block; width: 100px; line-height: 13px; margin: -7px auto 0; background: #fff }

.zygw-xing .star-other i { display: inline-block; width: 25px; height: 25px; margin-right: 23px; background: url(/images_m/star_dp.png) 0 -25px no-repeat; background-size: 25px auto }

.zygw-xing .star-other i.active { background-position: 0 0 }

.zygw-xing .star-other i:last-child { margin-right: 0 }

.zygw-dp-txt { font-size: 14px; line-height: 1; color: #ff5350 }

.zygw-dp-stag { width: 230px; margin: 21px auto 0 }

.zygw-dp-stag a { float: left; font-size: 11px; color: #83868f !important; line-height: 12px; padding: 6px 10px 4px; border: 1px solid #e3e7ed; border-radius: 12px; margin: 5px 4px }

.zygw-comm, .zygw-dpbtn { margin: 20px 14px }

.zygw-dp-stag a.cur { color: #ff5350 !important; border: 1px solid #ffc3c3 }

.zygw-comm { border: 1px solid #f8f8f8 }

.zygw-comm .textarea { padding: 8px 12px 0; font-size: 13px; line-height: 24px; min-height: 100px; overflow-y: auto; color: #0c0d0e; width: 100%; border: none; outline: 0 }

.zygw-comm .textarea.ts { color: #b3b6be }

.zygw-comm .txtnum { text-align: right; font-size: 11px; color: #b3b6be; padding: 5px 10px }

.zygw-dpbtn a { display: block; height: 36px; line-height: 36px; font-size: 15px; color: #fff; background: #df3031; text-align: center; border-radius: 2px }

.fb-ok, .n-dt-tab a { background: #fff; text-align: center }

.fb-ok { position: fixed; width: 100px; line-height: 30px; left: 50%; top: 50%; margin: -15px 0 0 -50px; font-size: 14px; color: #83868f; z-index: 50; border-radius: 3px }

.n-dt-tab { padding: 14px; overflow: hidden }

.n-dt-tab a { float: left; height: 28px; line-height: 27px; width: 23%; margin: 7px 2% 7px 1px; font-size: 12px; color: #565c67; border: 1px solid #e3e7ed; border-radius: 2px }

.n-dt-tab a:nth-child(4n) { margin-right: 0 }

.n-dt-tab a.cur { border: 1px solid #ff9e9e; color: #f66; background: #ffe7e7 }

.n-dt-list { background: 0 0 }

.n-dt-list > ul > li { position: relative; padding: 20px 14px 0; background: #fff; margin-bottom: 8px }

.n-dt-list > ul > li:last-child { margin-bottom: 0 }

.n-dt-list .dt_icon { position: absolute; right: 0; top: 22px; width: 71px; height: 18px; line-height: 12px; font-size: 11px; padding: 3px 0 3px 10px; overflow: hidden; background: url(/images_m/dt_ibg.png) no-repeat; background-size: 100%; color: #f66 }

.n-dt-head { margin-bottom: 8px; overflow: hidden }

.n-dt-head dt { float: left; margin-right: 6px; width: 31px; height: 31px; border-radius: 50%; overflow: hidden }

.n-dt-head dt img { width: 100%; height: 100% }

.n-dt-head dd { overflow: hidden }

.n-dt-head dd h3 { font-size: 12px; color: #565c67; line-height: 20px }

.n-dt-head dd p { font-size: 10px; color: #b3b6be; line-height: 1 }

.n-dt-text { overflow: hidden }

.n-dt-text h3 { line-height: 30px; overflow: hidden; color: #0c0d0e; font-size: 15px }

.n-dt-text p { max-height: 46px; line-height: 23px; color: #83868f; font-size: 14px; overflow: hidden }

.n-dt-text a { color: #7fb5ff }

.n-dt-img { overflow: hidden; margin-top: 8px }

.n-dt-img dl { margin-right: -2px }

.n-dt-img dd { float: left; margin-right: 2px; margin-top: 2px; width: 96px; height: 96px }

.n-dt-img dd img { width: 100%; height: 100% }

.n-dt-img dd:last-child { margin-right: 0 }

.n-dt-sum { height: 44px; font-size: 11px; color: #b3b6be; line-height: 24px; padding: 10px 0 }

.n-dt-sum .opt { float: right }

.n-dt-sum .opt a { position: relative; float: left; margin-left: 15px; padding-left: 20px; color: #b3b6be }

.n-dt-sum .opt a:before { position: absolute; top: 3px; left: 0; content: ''; width: 16px; height: 16px; background: url(/images_m/dt_icons.png) no-repeat; background-size: 48px auto }

.n-dt-sum .opt a.e:before { background-position: -16px 0 }

.n-dt-sum .opt a.t:before { background-position: -32px 0 }

.n-dt-sum .opt a.cur:before { background-position: 0 -16px }

.n-dt-sum .opt a.e.cur:before { background-position: -16px -16px }

.n-dt-sum .opt a.t.cur:before { background-position: -32px -16px }

.n-dt-sum .opt i { position: absolute; left: 2px; color: #f66; -webkit-transform: translateY(-130%); transform: translateY(-130%); opacity: 0; font-style: normal }

.n-dt-sum .opt a.cur i { -webkit-animation: addone 1s linear; animation: addone 1s linear }

.n-dt-sum .opt a:first-child { margin-left: 0 }

.n-dt-more { height: 40px; margin-top: -14px; padding-bottom: 5px }

.n-dt-more a { display: block; width: 100%; height: 100%; background: url(/images_m/center_more.png) center center no-repeat; background-size: 15px auto }

.floatBtn .edit_icon { display: inline-block; width: 16px; height: 16px; background: url(/images_m/edit_icon.png) no-repeat; background-size: 100%; margin-right: 8px; vertical-align: -1px }

.h-option { position: relative; height: 44px; background: #ff5350; max-width: 640px; margin: 0 auto }

.h-option .back { position: absolute; margin: 6px 4px 0 9px; width: 32px; height: 32px; top: 0 }

.h-option .back i { display: block; width: 32px; height: 32px; background: url(/images_m/header_icons_w.png) no-repeat; background-size: 64px auto }

.h-option .icon-nav { position: absolute; margin: 6px 4px; padding: 0; width: 32px; height: 32px; right: 5px; top: 0 }

.h-option .icon-nav i { display: block; width: 32px; height: 32px; background: url(/images_m/header_icons_w.png) no-repeat; background-size: 64px auto; background-position: -32px 0 !important }

.trend-t { height: 104px; background: -webkit-linear-gradient(top,#ff5350 0,#df3031 100%); background: linear-gradient(to bottom,#ff5350 0,#df3031 100%) }

.trend-tm { text-align: center; color: #fff }

.trend-tm p { font-size: 13px; line-height: 16px }

.trend-tm h3 { font-size: 16px; line-height: 32px; margin: 7px 0 5px }

.trend-tm h3 span { font-size: 31px; vertical-align: -4px }

.trend-tm .jt-dn, .trend-tm .jt-up { color: #fff !important }

.trend-price { padding: 24px 0 30px }

.trend-price ul { height: 55px }

.trend-price li { width: 50%; text-align: center; border-right: 1px solid #f4f4f4 }

.trend-price li:last-child { border-right: none }

.trend-price li > p { color: #b3b6be; font-size: 11px; margin-top: -5px }

.trend-price li > strong { display: block; color: #ff5350; font-size: 18px; margin: 10px 0 1px }

.trend-price li > span { display: block; color: #83868f; font-size: 12px }

.trend-int { margin: 0 14px; border-top: 1px dotted #f4f4f4; font-size: 12px; color: #83868f; line-height: 18px; padding: 10px 0 }

.trend-pic { padding-bottom: 20px }

.trend-pic .trend-dw { position: relative }

.trend-pic .trend-dw span { position: absolute; line-height: 12px; top: -32px; font-size: 11px; color: #b3b6be; right: 14px }

.zstName { text-align: center; margin-top: 14px }

.zstName span { display: inline-block; line-height: 1; font-size: 12px; margin: 0 11px }

.zstName span i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 6px; vertical-align: 1px }

.zstName span:first-child { color: #f66 }

.zstName span:first-child i { background-color: #f66 }

.zstName span:nth-child(2) { color: #f90 }

.zstName span:nth-child(2) i { background-color: #f90 }

.zstName span:last-child { color: #a6b5ee }

.zstName span:last-child i { background-color: #a6b5ee }

.trend-out { position: absolute; background: rgba(60,63,70,.9); min-width: 130px; min-height: 72px; border-radius: 5px; padding: 6px 10px; z-index: 100 }

.trend-out p { color: #b3b6be; font-size: 12px; line-height: 20px }

.trend-out p span { color: #fff }

.trend-his .flextable { border-bottom: 1px solid #f4f4f4; padding: 9px 14px }

.trend-his .flextable:first-child { padding-top: 4px }

.trend-his .flextable:last-child { border-bottom: none }

.trend-his .flextable li:first-child { min-width: 55% }

.trend-his .flextable li:last-child { min-width: 45% }

.t-house-list { margin: 0 14px; padding-top: 8px }

.t-house-list li { border-bottom: 1px solid #f4f4f4; height: 45px }

.t-house-list li:last-child { border-bottom: none }

.t-house-list li h3 { float: left; width: 32%; font-size: 14px; color: #3c3f46; overflow: hidden; line-height: 44px; margin-right: 1% }

.t-house-list li > div { float: left; width: 49% }

.t-house-list li > div span { display: inline-block; line-height: 19px; height: 19px; background: #fff4f4; color: #ff5350; font-size: 10px; padding: 0 10px; min-width: 70px; margin-top: 13px }

.t-house-list li > div i { font-size: 12px; position: absolute }

.t-house-list li > span { float: left; width: 18%; text-align: right; padding-top: 11px }

.t-house-list li .jt-dn { color: #669934 !important; font-size: 13px }

.t-house-list li .jt-up { color: #ff5350 !important; font-size: 13px }

.FangPiao, .hd-message, .hd-other { height: 44px; padding: 0 14px; overflow: hidden }

.FangPiao > a, .hd-message > a, .hd-other > a { display: block; width: 100%; height: 100% }

.FangPiao i, .hd-message i, .hd-other i { float: left; width: 18px; height: 18px; line-height: 19px; font-size: 13px; color: #fff; text-align: center; background: #f66; margin-top: 13px; margin-right: 10px; border-radius: 1px; overflow: hidden }

.FangPiao span, .hd-message span, .hd-other span { display: block; height: 100%; line-height: 44px; font-size: 14px; color: #0c0d0e }

.hd-message .message-icon { background-image: url(/images_m/message_icon2.png); background-size: 100% }

.hd-other .red-s-btn { width: 60px; height: 21px; line-height: 20px; font-size: 12px; color: #f66; border: 1px solid #f66; text-align: center; border-radius: 2px; overflow: hidden; margin-top: 12px }

.his-list { margin: 0 14px }

.his-list li { padding: 12px 0; border-bottom: 1px solid #f4f4f4 }

.his-list li:last-child { border-bottom: none }

.his-list h3 { font-size: 15px; color: #0c0d0e; line-height: 20px; margin-bottom: 4px }

.his-list p { font-size: 12px; color: #83868f; line-height: 20px }

.his-list strong { font-weight: 400 }

.hb-tip { background: #ffde00 }

.hb-tip p { position: relative; line-height: 26px; font-size: 12px; padding: 0 10px }

.hb-tip p i { position: absolute; content: ''; top: 50%; right: 12px; width: 7px; height: 7px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg) }

.hb-tip p > a { display: block; color: #000 !important }

.hb-tip p.right i { border-right: 1px solid #333; border-bottom: 1px solid #333; margin-top: -4px }

.hb-tip p img { margin-right: 5px; vertical-align: -2px }

.floatMsg { position: fixed; top: 45%; left: 50%; padding: 12px 10px; -webkit-transform: translateX(-50%); border-radius: 5px; background: rgba(0,0,0,.7); max-width: 80%; font-size: 16px; line-height: 1.4; color: #fff }

.floatTel-xf { height: 49px; width: 100% }

.floatTel-xf dl { position: fixed; bottom: 0; left: 0; width: 100%; display: table; z-index: 100 }

.floatTel-xf dd { display: table-cell; vertical-align: middle; overflow: hidden; width: 64px; background: #fff }

.floatTel-xf dd a { display: block; height: 49px; line-height: 50px; background: #df3031; color: #fff; text-align: center; font-size: 14px; margin-right: 1px; overflow: hidden }

.floatTel-xf dd a i { display: inline-block; width: 20px; height: 20px; margin-right: 6px; background: url(/images_m/tel_icons.png) no-repeat; background-size: 60px auto; vertical-align: -5px }

.floatTel-xf dd a.tj-mes i { background-position: -20px 0 }

.floatTel-xf dd a.tj-yh i { background: url(/images_m/tel_icon2.png) no-repeat; background-size: 20px auto }

.floatTel-xf dd a.tj-kf i { background-position: -40px 0 }

.floatTel-xf dd:last-child a { margin-right: 0 }

.th-body .main { padding-bottom: 80px; min-height: 100% }

.th-body .footer { position: absolute; bottom: 44px; left: 50%; width: 100%; max-width: 640px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%) }

.searchNo { padding: 70px 8px; text-align: center }

.top-intro { padding: 5px 14px; color: #cccfd8; font-size: 10px; line-height: 16px }

.thfy-list ul { margin: 0 14px }

.thfy-list li { border-bottom: 1px solid #f8f8f8; overflow: hidden }

.thfy-list li > a { display: block; padding: 15px 0 }

.thfy-list li:last-child { border-bottom: none }

.thfy-list .img { position: relative; float: left; width: 80px; height: 60px; border: 1px solid #f8f8f8; margin-right: 10px }

.thfy-list .img img { width: 100%; height: 100% }

.thfy-list .img span { position: absolute; left: 0; top: 0; font-size: 11px; color: #fff; line-height: 12px; padding: 1px 2px }

.thfy-list .img span.ms { background-color: #2cbfbe }

.thfy-list .img span.bt { background-color: #ff8001 }

.thfy-list .img span.tj { background-color: #ff7f77 }

.thfy-list .img span.zc { background-color: #fdb966 }

.thfy-list .img span.jp { background-color: #de69de }

.thfy-list .img span.kg { background-color: #de002a }

.thfy-list .txt del { margin-right: 6px }

.thfy-list .txt h2 { font-size: 15px; color: #3c3f46; line-height: 17px; padding-top: 1px; overflow: hidden }

.thfy-list .txt p { font-size: 11px; color: #83868f; line-height: 15px; overflow: hidden; margin: 6px 0 }

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

.thfy-list .stag span { line-height: 12px; padding: 2px 5px 1px; border: none; background: #f2f4f8; overflow: hidden; margin-bottom: 1px }

.thfy-out { height: 44px }

.thfy-out > div { position: fixed; height: 44px; width: 100%; left: 0; bottom: 0; background: rgba(0,0,0,.7); text-align: center; font-size: 14px; color: #fff; line-height: 44px }

.thfy-out > div a { padding: 0 6px }

.trend-white { position: relative; color: #fff; min-height: 120px; background: -webkit-linear-gradient(top,#ff5350 0,#df3031 100%); background: linear-gradient(to bottom,#ff5350 0,#df3031 100%) }

.trend-white ul:after { clear: both; content: ""; display: block; height: 0 }

.trend-white .jt-dn:after, .trend-white .jt-up:after { display: none }

.trend-white li { float: left; text-align: left; height: 44px; color: #fff }

.app-down .btn-down, .bigImg .pricebox .date, .bigImg .zj, .card-data li, .citydt-list .address, .citydt-list h2, .citydt-top .icon-time, .citydt-top .imgbox > div, .cityyg-btn a, .ck_more_dp, .dpqx_sure .fsbtn, .dq-flist li.app-down .btn-down, .dq-flist2 .txt, .dq-more, .dq-sxbox .img .txt, .dq-sxbox .opt .btn, .dq-tit, .dq-tit h3, .dq-tjfbox .btn a, .dq-tjfbox .tit h3, .dq-tjfbox .txt, .dq-tjflist .yh-tag, .dq-wqbox .txt, .dq-xzbox .bm .btn, .dq-zdbox li .txt .btn, .dqTopBox .icon-time, .dqTopBox > div, .fix-btn > a, .form-btn, .form-list li > div .btn, .fs_suc, .lp-hz-index .word a, .lp-hz-list li, .openFangMore a, .trend-btn a, .trend-more-list, .trend-table2 li div:nth-child(1) span, .trend-time li, .typeList a, .typeListB .pointBox, .xf-tjf-ht, .zckf_tc h2, .zckf_tc.black_, .zdgCon .btnBox a, .zdgCon .house-intro li, .zdgCon + .numBox { text-align: center }

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

.trend-white li:last-child { padding-left: 24px; border-left: 1px solid rgba(255,255,255,.3); width: 52% }

.trend-white li p { font-size: 11px; line-height: 12px; margin-top: -6px }

.trend-white li h3 { font-size: 12px; line-height: 20px; margin-top: 16px }

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

.trend-white .jt-dn, .trend-white .jt-up { color: #fff !important; font-size: 11px; margin-left: 6px }

.trend-white .jt-dn:before { content: '↓'; margin: 0 2px 0 0; vertical-align: 1px }

.trend-white .jt-up:before { content: '↑'; margin: 0 2px 0 0; vertical-align: 1px }

.dq-tit h3:after, .dq-tit h3:before, .hb-down:before, .hb-up:before, .trend-tit:before, .trendTopBox .screen-city:after { content: '' }

.trend-white .trend-txt { clear: both; font-size: 11px; padding-top: 18px; color: #fff }

.trend-white > a { display: block; padding: 40px 14px 20px }

.icon-prompt { position: absolute; width: 20px; height: 20px; right: 4px; top: 10px; background: url(/images_m/icon_prompt2.png) center center no-repeat; background-size: 14px auto; padding: 0 !important }

.trend-tit { position: relative; height: 60px; line-height: 59px; border-bottom: 1px solid #f8f8f8; padding: 0 20px 0 45px; font-size: 16px; font-weight: 600; color: #3c3f46; overflow: hidden }

.trend-tit:before { position: absolute; width: 16px; height: 16px; left: 20px; top: 50%; margin-top: -8px }

.trend-zs .trend-tit:before { background: url(/images_m/icon_turnover.png) no-repeat; background-size: 100% }

.trendBox-b .trend-tit:before { background: url(/images_m/icon_closing.png) no-repeat; background-size: 100% }

.house-trend .trend-tit:before { background: url(/images_m/icon_jl.png) no-repeat; background-size: 100% }

.trend-time { float: right; background: #fff; height: 28px; line-height: 28px; color: #3c3f46; font-size: 12px; border-radius: 14px }

.trend-time li { width: 36px; height: 28px }

.trend-time li.on { color: #fff; background: #df3031; border-radius: 14px }

.trendTopBox { position: relative }

.trendTopBox > img { width: 100% }

.trendTopBox .screen { width: 100%; position: absolute; top: 19%; left: 0; padding: 0 20px }

.trendTopBox .screen-city { position: relative; float: left; font-size: 12px; color: #3c3f46; line-height: 17px; padding: 6px 24px 5px 11px; background: #fff; border-radius: 14px }

.trendTopBox .screen-city:after { position: absolute; width: 0; height: 0; right: 12px; top: 50%; margin-top: -2px; border: 3px solid #3c3f46; border-color: #3c3f46 transparent transparent }

.card-data, .dq-card > div { box-shadow: 0 4px 10px rgba(131,134,143,.2); border-radius: 4px }

.trendTopBox .screen-city.off { padding: 6px 12px 5px 11px }

.trendTopBox .screen-city.off:after { display: none }

.cardbox { background: #fff; padding-bottom: 14px }

.card-data { position: relative; margin: -19% 20px 0; padding-right: 2%; color: #b3b6be; background: #fff }

.card-data li { width: 50%; padding-top: 22px; padding-bottom: 19px; font-size: 13px }

.trendBox-b, .zs-box { padding-bottom: 20px }

.card-data li:first-child { width: 50% }

.card-data h3 { margin-bottom: 3px; line-height: 18px }

.card-data h3 span { background: url(/images_m/n_trend_icon.png) right center no-repeat; background-size: 15px 15px; padding-right: 21px }

.card-data h4 { font-size: 15px; color: #3c3f46; font-weight: 600; line-height: 40px; height: 40px }

.card-data h4 em { font-size: 28px; margin-right: 3px; vertical-align: -2px }

.card-data p { line-height: 18px; color: #83868f; margin-top: 4px }

.trend-table2 li, .trend-table2 li p { line-height: 21px }

.card-data li:first-child em { color: #df3031 }

.card-data li:last-child em { color: #ff7800 }

.hb-down, .hb-up { position: relative; padding-left: 17px }

.hb-down:before, .hb-up:before { position: absolute; left: 2px; top: 50%; margin-top: -7px; width: 13px; height: 13px }

.hb-up:before { background: url(/images_m/hb_up_icon.png) no-repeat; background-size: 100% }

.hb-down:before { background: url(/images_m/hb_down_icon.png) no-repeat; background-size: 100% }

.trend-zs { border-bottom: 1px solid #ebedf0; margin-bottom: 8px }

.zs-box { margin-top: 20px; margin-left: 20px }

.trend-table2 { color: #3c3f46; font-size: 15px; margin: 0 20px }

.trend-table2 li { display: table; width: 100%; padding: 20px 0; border-bottom: 1px solid #f8f8f8 }

.trend-table2 li > a { display: table; width: 100%; background: url(/images_m/arr_new.png) right center no-repeat; background-size: 7px }

.trend-table2 li div { display: table-cell; vertical-align: middle }

.trend-table2 li div:nth-child(1) { width: 14% }

.trend-table2 li div:nth-child(2) { width: 18% }

.trend-table2 li div:nth-child(3) { width: 33% }

.trend-table2 li div:nth-child(4) { width: 35% }

.trend-table2 li div:nth-child(1) span { display: inline-block; width: 21px; height: 21px; line-height: 21px; font-size: 15px; border-radius: 11px }

.trend-table2 li:nth-child(2) div:nth-child(1) span { background: #df3031; color: #fff }

.trend-table2 li:nth-child(3) div:nth-child(1) span { background: #ff7800; color: #fff }

.trend-table2 li:nth-child(4) div:nth-child(1) span { background: #b3b6be; color: #fff }

.trend-table2 li p:nth-child(2) { line-height: 17px; margin-top: 3px; font-size: 12px }

.trend-table2 li.table-th { color: #83868f; font-size: 14px; line-height: 20px; padding: 21px 0 14px }

.trend-table2 .hb-down, .trend-table2 .hb-up { padding-left: 13px }

.trend-table2 .hb-down:before, .trend-table2 .hb-up:before { width: 11px; height: 11px; margin-top: -5px }

.house-trend li, .trend-btn { margin: 0 20px }

.trend-table2 .hb-up { color: #df3031 !important }

.trend-table2 .hb-down { color: #37ae5c !important }

.trend-more { height: 50px }

.trend-more a { display: block; width: 100%; height: 100%; background: url(/images_m/center_more.png) center center no-repeat; background-size: 15px auto }

.trend-more.up a { -webkit-transform: rotate(180deg); transform: rotate(180deg) }

.trend-btn a { display: block; width: 100%; height: 44px; line-height: 42px; border: 1px solid #ff5757; color: #ff5757; font-size: 15px; border-radius: 3px }

.house-trend li, .tjf-top-intro, .trend-table li, .xf-tjf-list li { border-bottom: 1px solid #f8f8f8 }

.trend-more-list { line-height: 44px; padding: 20px }

.trend-more-list a { display: block; font-size: 15px; color: #819bbb !important; background: #f8f8f8 }

.house-trend li h3, .house-trend li p { color: #3c3f46; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.house-trend li > a { position: relative; display: block; padding: 22px 20px 0; margin: 0 -20px; overflow: hidden }

.house-trend li .img { position: relative; float: left; width: 112px; height: 84px; margin-right: 15px; margin-bottom: 22px }

.house-trend li .img img { width: 100%; height: 100% }

.table-th-box, .table-th-box .fixed { height: 44px; padding: 8px 20px; background: #f4f4f4 }

.house-trend li h3 { font-size: 16px; line-height: 22px; margin-top: -2px }

.house-trend li p { font-size: 11px; line-height: 17px; margin-top: 5px }

.house-trend li p.fc { font-size: 12px; margin-top: 6px }

.house-trend li p.fc span { margin-right: 6px }

.house-trend li p.fc span:last-child { margin-right: 0 }

.house-trend li .new { float: right; color: #df3031 }

.house-trend li .new em { font-size: 14px; font-weight: 700 }

.table-th-box, .trend-table { color: #3c3f46; font-size: 15px }

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

.table-th-box { position: relative; line-height: 28px }

.trend-table li, .trend-table li p { line-height: 21px }

.table-th-box .fixed { position: fixed; left: 0; right: 0; top: 0; z-index: 9 }

.trend-table li { display: table; padding: 20px 0; width: 100% }

.trend-table li div { display: table-cell; vertical-align: middle }

.trend-table li div:nth-child(1) { padding-left: 20px; width: 20% }

.trend-table li div:last-child, .trend-table li div:nth-child(2) { width: 40% }

.trend-table li p:nth-child(2) { line-height: 17px; margin-top: 3px; font-size: 12px }

.trend-table .hb-down, .trend-table .hb-up { padding-left: 13px }

.trend-table .hb-down:before, .trend-table .hb-up:before { width: 11px; height: 11px; margin-top: -5px }

.trend-table .hb-up { color: #df3031 !important }

.trend-table .hb-down { color: #37ae5c !important }

.tjf-top-intro { font-size: 9px; color: #cccfd8; line-height: 12px; padding: 9px 14px 7px }

.xf-tjf-list .txt h3, .xf-tjf-list .txt p { line-height: 19px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }

.xf-tjf-list li { overflow: hidden; margin: 0 14px }

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

.xf-tjf-list li:last-child { border-bottom: none }

.xf-tjf-list .img { float: left; width: 62px; height: 46px; border: 1px solid #f4f4f4; margin-right: 8px }

.xf-tjf-list .img img { width: 100%; height: 100% }

.xf-tjf-list .txt h3 { font-size: 14px; color: #3c3f46; margin-bottom: 8px }

.xf-tjf-list .txt p { font-size: 12px; color: #83868f }

.xf-tjf-list .txt p .price { color: #df3031; font-weight: 700; margin-right: 12px }

.xf-tjf-ht { height: 42px; background: #f8f8f8; padding: 10px 0 }

.xf-tjf-ht span { position: relative; display: inline-block; line-height: 22px; font-size: 14px; color: #3c3f46 }

.xf-tjf-ht span:after, .xf-tjf-ht span:before { content: ''; position: absolute; width: 62px; height: 1px; background: #e0e0e0; top: 50%; -webkit-transform: scaleY(.5); transform: scaleY(.5) }

.typeListB, .zckf_ { position: relative }

.xf-tjf-ht span:before { left: -72px }

.xf-tjf-ht span:after { right: -72px }

.xf-tjf-list-h .txt h3 { color: #83868f }

.tabNav.xq { margin: 0 14px }

.tabNav.xq span { font-size: 13px; color: #83868f; line-height: 39px }

.typeList { padding: 6px 7px 20px; overflow: hidden }

.typeList li { float: left; margin-top: 14px; width: 50%; padding: 0 7px }

.typeList a { display: block; height: 26px; line-height: 24px; font-size: 12px; color: #3c3f46; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 5px; border: 1px solid #e5e7ed; border-radius: 2px }

.typeList.item3 { padding: 6px 7px 20px 9px }

.typeList.item3 li { width: 33% }

.typeListB { overflow: hidden }

.typeListB-in { width: 200%; overflow: hidden }

.typeListB-in > div { float: left }

.typeListB .pointBox { width: 100%; padding-bottom: 10px; margin-top: -14px }

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

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

.lp-hz-index h3 { font-size: 13px; color: #3c3f46; padding: 10px 14px; line-height: 20px }

.lp-hz-index .word { padding-left: 10px; overflow: hidden; padding-bottom: 10px }

.lp-hz-index .word a { float: left; width: 16%; font-size: 14px; color: #3c3f46 !important; line-height: 25px }

.lp-hz-index .word a.cur { color: #ff5350 !important; font-weight: 700 }

.lp-hz-list { overflow: hidden; width: 100% }

.lp-hz-list li { float: left; width: 50%; border-bottom: 1px solid #f4f4f4; line-height: 24px; margin-bottom: -1px }

.lp-hz-list li > a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 13px; color: #565c67 !important; padding: 10px 5px }

.lp-hz-list li:nth-child(odd) { border-right: 1px solid #f4f4f4 }

.max_w_175 { max-width: 175px }

.ddBox { padding-bottom: 30px; padding-top: 5px }

.form-list li { width: 100%; font-size: 15px; color: #3c3f46; border-bottom: 1px solid #f8f8f8; overflow: hidden; padding-right: 20px }

.form-list li > div { display: table-cell; width: 100% }

.form-list li > div:first-child { width: 100px; min-width: 100px; max-width: 120px; line-height: 50px; padding: 0 5px 0 20px; font-size: 15px; color: #3c3f46; white-space: nowrap }

.form-list li > div:first-child i { margin: 0 1em }

.form-list li > div:first-child em { margin-right: .5em }

.form-list li > div .btn { width: 76px; height: 50px; line-height: 51px; font-size: 13px; color: #ff5350 !important; -moz-box-flex: 0; -webkit-box-flex: 0; box-flex: 0 }

.form-btn input, .form-list .ipt-text { display: block; width: 100%; border: none; outline: 0 }

.form-list li > div .btn.disabled { color: #cccfd8 !important }

.form-list .ipt-text { height: 50px; font-size: 15px; background: 0 0; overflow: hidden; color: #3c3f46 }

.form-list ::-webkit-input-placeholder { color: #b3b6be; line-height: 16px }

.form-list .ipt-text:disabled { color: #3c3f46 }

.form-btn { margin: 0 16px }

.form-btn input { height: 44px; line-height: 45px; background: #e15455; color: #fff; font-size: 16px; border-radius: 1px }

.form-btn > input:nth-child(2) { color: #e15455; border: 1px solid #e15455; background: #fff; line-height: 43px; margin-top: 15px }

.city-z-list li, .zygw-list li { border-bottom: 1px solid #f8f8f8 }

.form-xy { padding: 20px 16px 25px; color: #3c3f46; font-size: 13px; line-height: 16px }

.form-xy a { color: #819bbb !important }

.form-xy .ipt-cb { float: left; width: 16px; height: 16px; background: url(/images_m/icon-ipta.png) no-repeat; background-size: 32px auto; margin-right: 10px }

.form-xy .ipt-cb.on { background-position: -16px 0 }

.zckf_inpt2 { text-overflow: ellipsis; white-space: nowrap }

.gray_p13 { padding: 15px 16px 0; font-size: 13px; color: #d9dbe2; line-height: 18px }

.zc_lc { padding: 0 16px; font-size: 14px; background: #fff6df; height: 45px; line-height: 45px; color: #9c7052 }

.bdrds2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }

.zckf_ { padding: 16px }

.fix-btn, .mask_50, .zckf_tc { position: fixed }

.zckf_ img { margin-right: 11px; float: left; width: 80px; height: 60px }

.zckf_ .zk_info { overflow: hidden }

.zckf_p15 { font-size: 15px }

.zckf_p12 { margin-top: 24px; font-size: 12px; color: #83868f }

.bg_f8f8f8 { width: 100%; background: #f8f8f8; height: 8px }

.mask_50 { z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5 }

.zckf_tc { padding: 0 20px; top: 50%; left: 50%; margin: -167px 0 0 -140px; z-index: 10; width: 280px; height: 335px; background: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: none }

.zckf_tc h2 { padding-top: 15px; height: 45px; line-height: 45px; font-size: 18px; font-weight: 700 }

.zckf_tc_p { font-size: 15px; line-height: 24px }

.zckf_tc_p em { color: #7fb6ff }

.m_204 { padding: 10px 0; max-height: 204px; overflow: auto }

.pt17pb8 { padding: 17px 0 8px }

.ti_30 p { text-indent: 30px }

.pt17 { padding-top: 17px }

.pb8 { padding-bottom: 8px }

.zckf_tc .form-btn { margin: 17px 0 0 }

.zckf_tc .form-btn input { height: 36px; line-height: 36px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px }

.zckf_tc .close_btn { width: 14px; height: 14px; position: absolute; right: 15px; top: 15px }

.zckf_tc.black_ { margin-top: -50px; background: #000; height: auto; padding: 25px 0 }

.zckf_tc.black_ p { color: #fff }

.zckf_tc.lmted h2 { font-weight: 400 }

.zckf_tc.lmted { padding: 0 7px; height: 192px; margin-top: -96px }

.zckf_tc.lmted p { padding-top: 15px; color: #3c3f46; font-size: 14px; line-height: 21px }

.zckf_tc.lmted p span { color: #dd3237 }

.zckf_tc.lmted .form-btn { margin: 0 13px }

.zckf_tc_p span { display: block }

.zckf_tc_p .span1 { float: left }

.zckf_tc_p .span2 { overflow: hidden }

.zygw-list ul { margin: 0 30px }

.zygw-list li { padding: 20px 0; overflow: hidden; display: table; width: 100% }

.zygw-list li > div { display: table-cell; vertical-align: middle }

.zygw-list .img { position: relative; float: left; margin-right: 10px; width: 40px; height: 40px; border-radius: 50% }

.cityys-list .txt .new, .zygw-list .kf-call > a:only-child { float: right }

.zygw-list .img img { width: 100%; height: 100%; border-radius: 50% }

.zygw-list .img .icon-f { position: absolute; bottom: 1px; right: 0; width: 16px; height: 16px; background: url(/images_m/icon-f.png) no-repeat; background-size: 16px }

.zygw-list .txt { color: #0c0d0e; font-size: 14px; line-height: 21px; width: 80% }

.zygw-list .kf-call { height: 40px; padding-top: 12px; width: 74px }

.citydt-top, .citydt-top .imgbox { position: relative }

.citydt-top .imgbox > img { width: 100% }

.citydt-top .imgbox > div { position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff }

.citydt-top .imgbox .b-bg { position: absolute; width: 100%; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.4); -webkit-transform: translateY(0); transform: translateY(0) }

.citydt-top .tag-icon { position: absolute; left: 5px; top: 5px; font-size: 9px; color: rgba(255,255,255,.5); line-height: 1 }

.citydt-top .num, .citydt-top .time, .citydt-top h3 { text-shadow: 1px 1px 0 rgba(0,0,0,.75) }

.citydt-top .time { font-size: 14px; margin-bottom: 6px }

.citydt-top .num { font-size: 14px; margin-top: 6px }

.citydt-top h3 { font-size: 18px; font-weight: 600 }

.citydt-top .icon-time { position: absolute; width: 79px; height: 29px; right: 5px; top: 0; background: url(/images_m/n_time_kp.png) no-repeat; background-size: 100% auto; padding-top: 3px }

.citydt-list .tag-icon, .cityys-list .tag-icon { left: 5px; top: 5px; text-shadow: 0 0 2px rgba(120,120,120,.6) }

.citydt-top .icon-time i { display: block; font-size: 12px; color: #fff; -webkit-transform: scale(.7); transform: scale(.7); white-space: nowrap; margin: 0 -18.5% }

.citydt-top > p { font-size: 14px; color: #3c3f46; line-height: 20px; padding: 18px 20px }

.citydt-list { background: 0 0 }

.citydt-list li { margin-bottom: 8px; background: #fff }

.citydt-list li > a { display: block; padding: 20px }

.citydt-list h2 { font-size: 16px; color: #3c3f46; line-height: 18px; padding: 4px 0 }

.citydt-list .address { font-size: 14px; color: #83868f; line-height: 16px; padding: 4px 0; margin-bottom: 16px }

.citydt-list .img { position: relative; max-height: 223px; overflow: hidden }

.citydt-list .tag-icon { position: absolute; font-size: 9px; color: rgba(255,255,255,.5); line-height: 1 }

.citydt-list .img img { width: 100%; max-height: 223px }

.citydt-list .intro { font-size: 14px; color: #3c3f46; line-height: 20px; max-height: 60px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 12px }

.cityys-list { background: 0 0 }

.cityys-list li { margin-bottom: 8px; background: #fff }

.cityys-list li > a { display: block; padding: 20px }

.cityys-list .img { position: relative; max-height: 223px; overflow: hidden }

.cityys-list .img img { width: 100%; max-height: 223px }

.cityys-list .tag-icon { position: absolute; font-size: 9px; color: rgba(255,255,255,.5); line-height: 1 }

.cityys-list .hp { position: absolute; width: 43px; height: 43px; left: 50%; top: 50%; margin: -21px 0 0 -21px; background: url(/images_m/n_dt_hp2.png) no-repeat; background-size: 100% }

.cityys-list .txt { position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(0,0,0,.4); color: #fff; padding: 5px 9px 6px }

.cityys-list .txt h2 { font-size: 16px; line-height: 22px }

.cityys-list .txt p { font-size: 13px; line-height: 17px }

.cityys-list .txt2 { margin-top: 14px }

.cityys-list .txt2 h3 { font-size: 16px; color: #3c3f46 }

.cityys-list .txt2 p { font-size: 14px; color: #83868f; margin-top: 4px; word-break: break-all }

.cityyg-btn { padding: 20px }

.cityyg-btn a { display: block; height: 40px; line-height: 40px; font-size: 16px; color: #6f7f9e !important; background: #e5eaf1; border-radius: 2px }

.city-z-list li { margin: 0 20px }

.city-z-list li:last-child { border-bottom: none }

.dq-flist li, .dq-tit { border-bottom: 1px solid #f8f8f8 }

.city-z-list li > a { position: relative; display: block; padding: 20px; margin: 0 -20px; overflow: hidden }

.city-z-list li .img { position: relative; float: left; width: 112px; height: 84px; margin-right: 16px; overflow: hidden }

.city-z-list li .img img { width: 100%; height: 100% }

.city-z-list li .tag-icon { position: absolute; left: 5px; top: 5px; font-size: 9px; color: rgba(255,255,255,.5); text-shadow: 0 0 2px rgba(120,120,120,.6); line-height: 1 }

.city-z-list li .img .time { position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,.6); font-size: 9px; color: #fff; line-height: 15px; padding: 0 4px }

.city-z-list li .txt { overflow: hidden; min-height: 84px }

.city-z-list li h3 { font-size: 17px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 21px; color: #3c3f46; margin-top: -1px; margin-bottom: 4px }

.city-z-list li .txt div, .city-z-list li p { font-size: 13px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }

.city-z-list li p { color: #83868f; line-height: 21px; margin-bottom: 4px; max-height: 41px }

.city-z-list li p span { color: #ff8282 }

.city-z-list li .txt div { color: #83868f; line-height: 19px; max-height: 38px; word-break: break-all }

.dq-tit { padding: 20px 0 }

.dq-tit h3 { position: relative; display: inline-block; min-width: 200px; height: 32px; line-height: 32px; padding: 0 24px; font-size: 17px; font-weight: 600; color: #f66; background: #ffd8d8; margin: 0 auto; -webkit-transform: skew(-30deg); transform: skew(-30deg) }

.dq-tit h3 span { display: block; -webkit-transform: skew(30deg); transform: skew(30deg) }

.dq-tit h3:after, .dq-tit h3:before { position: absolute; width: 3px; height: 32px; background: #fff; top: 0 }

.dqTopBox .bg, .dqTopBox > div { width: 100%; left: 0; position: absolute }

.dq-tit h3:after { left: 8px }

.dq-tit h3:before { right: 8px }

.dqTopBox { position: relative }

.dqTopBox > img { width: 100% }

.dqTopBox > div { top: 20%; color: #fff }

.dqTopBox .bg { height: 100%; top: 0; bottom: 0; background: rgba(0,0,0,.4) }

.dqTopBox h1 { font-size: 22px; font-weight: 600; line-height: 30px }

.dqTopBox p { font-size: 14px; line-height: 20px; margin-top: 6px }

.dqTopBox .icon-time { position: absolute; width: 79px; height: 29px; right: 5px; top: 0; background: url(/images_m/n_time_kp.png) no-repeat; background-size: 100% auto; padding-top: 3px }

.dq-card, .dq-card3, .dq-card3 > div, .dq-card > div { background: #fff }

.dqTopBox .icon-time i { display: block; font-size: 12px; color: #fff; -webkit-transform: scale(.7); transform: scale(.7); white-space: nowrap; margin: 0 -18.5% }

.dqTopBox.min > div { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }

.dq-flist .txt p span:after, .dq-flist2 .txt p span:after { -webkit-transform: skew(-18deg); content: '' }

.dqTopBox.min h1 { font-size: 20px }

@media screen and (max-width:320px) {
    .dqTopBox.min h1 { font-size: 17px }
}

.dq-card { padding-bottom: 10px }

.dq-card > div { position: relative; margin: -12% 20px 0; padding: 15px 20px }

.dq-card p { font-size: 15px; color: #2e3036; line-height: 25px; word-break: break-all }

.dq-card p span { color: #ff3c41; margin-right: 8px }

.dq-card + .box { border-top: none }

.dq-flist { margin: 0 20px }

.dq-flist li:last-child { border-bottom: none }

.dq-flist li > a { display: block; padding: 22px 0 0; overflow: hidden }

.dq-flist .img { position: relative; float: left; width: 112px; height: 84px; margin-right: 15px; margin-bottom: 22px }

.dq-flist .img img { width: 100%; height: 100% }

.dq-flist .img i { position: absolute; left: 0; top: 0; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 14px; color: #fff; background: #ff5350 }

.dq-flist .img .tag-icon { position: absolute; right: 5px; top: 5px; font-size: 9px; color: rgba(255,255,255,.5); text-shadow: 0 0 2px rgba(120,120,120,.6); line-height: 1 }

.dq-flist .img .tag-icon.left { left: 5px; right: auto }

.dq-flist .txt h2 { font-size: 16px; color: #3c3f46; line-height: 22px; margin-top: -4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.dq-flist .txt p { color: #565c67; font-size: 11px; line-height: 16px; margin-top: 4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.dq-flist .txt p span { position: relative; padding-right: 10px }

.dq-flist .txt p span:after { position: absolute; width: 1px; height: 12px; right: 5px; top: 50%; margin-top: -6px; background: #565c67; transform: skew(-18deg) }

.dq-flist .txt p span:last-child { padding-right: 0 }

.dq-flist .txt p span:last-child:after { display: none }

.dq-flist .txt .tag { margin-top: 5px; height: 15px; overflow: hidden }

.dq-flist .txt .tag span { float: left; font-size: 10px; line-height: 14px; padding: 0 6px 1px; margin-right: 6px }

.dq-flist .txt .tag span.yellow { color: #f93; background: #fff5e5 }

.dq-flist .txt .tag span.blue { color: #5aa0fc; background: #edf8ff }

.dq-flist .txt .tag span.green { color: #42b9cb; background: #ecfcff }
.dq-flist .txt .tag span.yahei { color: #a0a4a5; background: #f7f8f9; }

.dq-flist .txt .tag span:last-child { margin-right: 0 }

.dq-flist .txt .tag.t10 { margin-top: 10px }

.dq-flist .txt .price { font-size: 14px; color: #ff5350; line-height: 20px; margin-top: 5px; font-weight: 600 }

.dq-flist .txt2, .dq-flist .txt2 p { color: #a0a4a5; word-break: break-all }

.dq-flist .txt2 { clear: both; padding-top: 0; padding-bottom: 10px; font-size: 12px; line-height: 8px; }

.dq-flist .txt2 .homePos { border-bottom: 0; height: 12px; line-height: 12px; padding-left: 15px; }
.dq-flist .txt2 .homePos a:last-child{margin-left: 8px; color:#83868f; }
.dq-flist .txt2 .homePos:after { left: 0; }
.dq-flist .txt2 p { font-size: 14px; line-height: 20px; margin-bottom: 6px; max-height: 40px; overflow: hidden; white-space: inherit; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }

.dq-flist .txt2 p:last-child, .dq-flist.s2 .img { margin-bottom: 0 }

.dq-flist .txt2 > span { font-weight: 700; margin-right: 6px }

.dq-flist .txt2 > span.red { color: #ff5757 }

.dq-flist.s2 li > a { padding-bottom: 12px; }

.dq-more { border-top: 1px solid #f8f8f8; margin: 0 20px }

.dq-more > a { display: block; padding: 20px 0 }

.dq-flist .txt2.line2, .dq-flist .txt2.line3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden }

.dq-more span { font-size: 15px; color: #83868f; line-height: 21px }

.dq-flist .txt2.line2 { max-height: 60px; -webkit-line-clamp: 2 }

.dq-flist .txt2.line3 { max-height: 84px; -webkit-line-clamp: 3 }

.dq-flist .tit { font-size: 16px; color: #3c3f46; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 20px }

.dq-flist li.topitem .txt p, .dq-flist li.topitem h2 { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }

.dq-flist .tit .price { float: right; font-size: 14px; color: #ff5350; font-weight: 600 }

.dq-flist li.topimg > a { padding-bottom: 18px; padding-top: 15px }

.imglist { margin-bottom: 8px }

.imglist dd { margin-right: 6px; width: 100px; height: 21.5vw; max-height: 147px; overflow: hidden }

.dq-flist li.topitem .img2 img, .imglist dd img { width: 100% }

.imglist dd:last-child { margin-right: 0 }

.dq-flist li.topitem { border-bottom: 8px solid #f8f8f8; margin: 0 -20px; padding: 0 20px }

.dq-flist li.topitem .txt { position: relative; height: 84px; margin-left: 127px }

.dq-flist li.topitem .txt p { position: absolute; bottom: -2px; left: 0; right: 0; max-height: 32px }

.dq-flist li.topitem h2 { position: relative; margin-top: -2px; max-height: 44px; overflow: hidden }

.dq-flist li.topitem .img2 { margin-bottom: 22px }

.dq-flist.s2 li.topitem .img2 { margin-bottom: 0 }

.dq-flist.s2 li.topitem:first-of-type { border-top: 8px solid #f8f8f8; margin-top: -1px }

.dq-flist li.app-down { position: relative }

.dq-flist li.app-down .txt { height: 84px; padding-top: 20px; padding-right: 60px }

.dq-flist li.app-down h2 { margin-bottom: 12px }

.dq-flist li.app-down .btn-down { position: absolute; display: block; height: 22px; line-height: 12px; font-size: 11px; color: #f66; padding: 5px 5px 0; border: 1px solid #f66; border-radius: 2px; right: 0; top: 50%; margin-top: -11px; background: #fff }
.dq-flist li .img p.icon-new { position: absolute; display: block; height: 14px; width: 100%; bottom: 4px; left: 0; }
.dq-flist li .img p.icon-new span { float: left; width: 14px; height: 14px; margin-left: 5px; background: url(/images_m/list_img_icon.png) no-repeat; background-size: 42px auto; }
.dq-flist li .img p.icon-new span.video2 { background-position: -28px 0; }
.dq-flist li .img p.icon-new span.hp { background-position: 0 0; }
.dq-flist li .img p.icon-new span.qj360 { background-position: -14px 0; }
.dq-card2 { padding: 0 20px }

.dq-card2 > div { padding: 20px 0; border-bottom: 1px solid #f8f8f8 }

.dq-card2 p { font-size: 15px; color: #2e3036; line-height: 25px }

.dq-card2 p span { color: #ff3c41; margin-right: 8px }

.dq-card2 + .box { border-top: none }

.dq-card3 { padding: 6px 20px 10px }

.dq-card3 > div { position: relative; padding: 15px 15px 18px; box-shadow: 0 4px 10px rgba(131,134,143,.1); border-radius: 4px }

.dq-sxbox li, .dq-tjfbox, .dq-wqbox li, .dq-xzbox, .dq-zdbox li > a { box-shadow: 0 0 6px 0 rgba(228,231,240,.9) }

.dq-card3 > div span { position: absolute; height: 20px; line-height: 20px; background: #f66; color: #fff; font-size: 14px; white-space: nowrap; left: -4px; top: 18px }

.dq-card3 > div span:before { content: ''; position: absolute; bottom: -4px; left: -4px; width: 0; height: 0; border: 4px solid; border-color: transparent #d64242 transparent transparent; z-index: 1 }

.dq-flist2 li:last-child, .dq-flist3 li:last-child { border-bottom: none }

.dq-card3 > div span i { position: relative; display: block; padding: 0 6px 0 8px; background: #f66; z-index: 2 }

.dq-card3 p { font-size: 15px; color: #2e3036; line-height: 25px; text-indent: 2em; word-break: break-all }

.dq-card3 + .box { border-top: none }

.dq-flist2 { background: #f8f8f8 }

.dq-flist2 li { background: #fff; margin-bottom: 8px; padding: 0 20px }

.dq-flist2 li > a { display: block; padding: 20px 0 18px; overflow: hidden }

.dq-flist2 .img { position: relative; margin-top: 10px }

.dq-flist2 .img img { width: 100% }

.dq-flist2 .img .tag-icon { position: absolute; right: 5px; top: 5px; font-size: 9px; color: rgba(255,255,255,.5); text-shadow: 0 0 2px rgba(120,120,120,.6); line-height: 1 }

.dq-flist2 .txt h2 { font-size: 20px; color: #0c0d0e; line-height: 28px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.dq-flist2 .txt p { color: #565c67; font-size: 12px; line-height: 17px; margin-top: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.dq-flist2 .txt p span { position: relative; padding-right: 10px }

.dq-flist2 .txt p span:after { position: absolute; width: 1px; height: 12px; right: 5px; top: 50%; margin-top: -6px; background: #565c67; transform: skew(-18deg) }

.dq-flist2 .txt p span:last-child { padding-right: 0 }

.dq-flist2 .txt p span:last-child:after { display: none }

.dq-flist2 .txt .tag { margin-top: 7px; height: 17px; overflow: hidden }

.dq-flist2 .txt .tag span { display: inline-block; font-size: 10px; line-height: 14px; padding: 0 6px 1px; margin-right: 6px; vertical-align: middle }

.dq-flist2 .txt .tag span.yellow { color: #f93; background: #fff5e5 }

.dq-flist2 .txt .tag span.blue { color: #5aa0fc; background: #edf8ff }

.dq-flist2 .txt .tag span.green { color: #42b9cb; background: #ecfcff }

.dq-flist2 .txt .tag span:last-child { margin-right: 0 }

.dq-flist2 .txt .price { font-size: 17px; color: #fc393f; line-height: 24px; margin-top: 9px; font-weight: 600 }

.dq-flist2 .txt2 { margin-top: 15px; font-size: 15px; color: #2e3036; line-height: 24px }

.dq-flist2 .txt2 > span { font-weight: 700; margin-right: 6px; color: #ff3c41 }

.dq-flist3 { background: #f8f8f8 }

.dq-flist3 li { background: #fff; margin-bottom: 8px; padding: 0 20px }

.dq-flist3 li > a { display: block; padding: 21px 0 0; overflow: hidden }

.dq-flist3 .img { position: relative }

.dq-flist3 .img img { width: 100% }

.dq-flist3 .img .tag-icon { position: absolute; right: 5px; top: 5px; font-size: 9px; color: rgba(255,255,255,.5); text-shadow: 0 0 2px rgba(120,120,120,.6); line-height: 1 }

.dq-flist3 .txt { padding-bottom: 20px; border-bottom: 1px solid #f8f8f8 }

.dq-flist3 .txt h2 { font-size: 17px; color: #3c3f46; font-weight: 600; line-height: 24px; padding: 12px 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.dq-flist3 .txt h2 span { float: right; color: #83868f; font-size: 12px; font-weight: 400 }

.dq-flist3 .txt p { color: #3c3f46; font-size: 15px; line-height: 24px; word-break: break-all }

.dq-flist3 .txt2 { font-size: 15px; color: #2e3036; line-height: 21px; padding: 12px 0 }

.dq-flist3 .txt2 > a { display: block }

.dq-flist3 .txt2 span { display: inline-block; color: #699ed4; margin-right: 10px }

.dq-flist3 .txt2 i { float: right; font-size: 13px; color: #565c67 }

.dq-other .tit { font-size: 17px; line-height: 24px; font-weight: 600; margin-bottom: 0 }

.dq-other .tit > a { display: block; color: #0c0d0e !important; padding: 20px 0 }

.dq-other .con { margin: 0 -20px; overflow: hidden }

.dq-other dl { overflow: hidden; padding: 0 20px }

.dq-other dd { float: left; width: 280px; overflow: hidden; margin-right: 20px }

.dq-other dd:last-child { margin-right: 0 }

.dq-other dd > a { display: block; padding-bottom: 20px }

.dq-other .pic { width: 100%; height: 120px; overflow: hidden; margin-bottom: 14px }

.dq-other .pic img { width: 100% }

.dq-other h2 { font-size: 16px; color: #3c3f46; line-height: 22px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.dq-other p { font-size: 15px; color: #565c67; line-height: 24px; margin-top: 10px; max-height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }

.dq-other .more { width: 45px; height: 230px; background: #e3e7ed }

.dq-other .more > a { padding: 42px 15px 0; height: 100% }

.dq-other .more span { display: inline-block; font-size: 16px; color: #565c67; line-height: 20px }

.dq-other .more i { display: inline-block; width: 13px; height: 13px; margin-top: 14px; margin-left: 2px; background: url(/images_m/dq_more_icon.png) no-repeat; background-size: 100% }

.dq-tjflist.dq-zt { padding: 15px 0 20px; margin: 0; background: #fff }

.dq-zt .dq-titbox { padding: 23px 20px; background: #f4f4f4; margin-top: -1px }

.dq-zt .dq-titbox span { padding-top: 0 }

.dq-zt .dq-tjfbox { margin: 20px 20px 0 }

.dq-card2 + .dq-tjflist.dq-zt { margin-top: -16px }

.dq-titbox { position: relative; padding: 33px 0 23px }

.dq-titbox .line { position: relative; height: 24px }

.dq-titbox .line:before { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: currentColor }

.dq-titbox span { position: absolute; display: inline-block; line-height: 24px; font-size: 21px; font-weight: 600; left: 50%; top: 50%; background: #f4f4f4; padding: 10px 28px 0; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); white-space: nowrap }

.dq-titbox span:after, .dq-titbox span:before { content: ''; position: absolute; width: 6px; height: 6px; border: 1px solid currentColor; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #f4f4f4; top: 50%; margin-top: 2px }

.dq-titbox span:before { left: 0 }

.dq-titbox span:after { right: 0 }

.dq-titbox.c1 { color: #F83A30 }

.dq-titbox.c2 { color: #9726DA }

.dq-titbox.c3 { color: #556FF7 }

.dq-titbox.c4 { color: #14DCEF }

.dq-titbox.c5 { color: #FF8C00 }

.dq-titbox img { width: 100% }

.dq-tjflist .yh-tag { display: block; position: absolute; top: 0; right: 0; width: 50px; height: 53px; padding-top: 10px; color: #fff; line-height: 12px; background: url(/images_m/xf_dq_tag.png) no-repeat; background-size: 100% }

.dq-tjfbox, .dq-tjfbox .img { position: relative; overflow: hidden }

.dq-tjflist .yh-tag i { display: block; font-size: 10px }

.dq-tjflist .yh-tag em { display: block; font-size: 12px; font-weight: 600; margin-top: 6px }

.dq-tjflist { background: 0 0; margin: 0 20px 8px }

.dq-tjflist img { width: 100%; min-height: 100% }

.dq-tjfbox { padding: 10px; background: #fff }

.dq-tjfbox .img { float: left; width: 54%; height: 48vw }

.dq-tjfbox .txt { float: left; width: 46%; padding-left: 10px }

.dq-tjfbox .tit { padding: 3% 0 9%; border-bottom: 1px dashed rgba(60,63,70,.5) }

.dq-tjfbox .tit h3 { margin: 0 auto 3%; color: #0B0C0C; font-size: 26px; line-height: 1.4; font-weight: bolder; white-space: nowrap }

.dq-tjfbox .tit h3 span { color: #D41926 }

.dq-tjfbox .pricebox p, .dq-tjfbox .tit p { font-size: 11px; color: #83868F; line-height: 12px; white-space: nowrap }

.dq-tjfbox .tit p { text-overflow: ellipsis; overflow: hidden }

.dq-tjfbox .pricebox { padding: 9% 0 }

.dq-tjfbox .pricebox p { margin-top: 7% }

.dq-tjfbox .price { display: block; color: #FC393F; font-size: 12px }

.dq-tjfbox .price i { font-size: 20px; font-weight: 600 }

.dq-tjfbox .btn { position: absolute; left: 54%; right: 10px; bottom: 10px; padding-left: 10px }

.dq-tjfbox .btn a { display: block; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background: #DF3031; border-radius: 2px }

.dq-zdbox ul { overflow: hidden; margin: 0 -10px }

.dq-zdbox li { float: left; width: 50%; padding: 0 10px }

.dq-zdbox li > a { display: block; background: #fff }

.dq-zdbox li .img { position: relative; overflow: hidden }

.dq-zdbox li .tit { position: absolute; left: 0; right: 0; bottom: 0; height: 43px; padding: 18px 10px 5px; background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7)) }

.dq-zdbox li .tit h2 { line-height: 20px; font-size: 14px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.dq-zdbox li .txt { padding: 10px 10px 20px }

.dq-zdbox li .txt p { line-height: 14px; margin-bottom: 5px; color: #83868F; font-size: 10px; white-space: nowrap }

.dq-zdbox li .txt .price { font-size: 11px; color: #FC393F; line-height: 21px }

.dq-zdbox li .txt .price i { margin-left: 6px }

.dq-zdbox li .txt .price strong { font-weight: 600; font-size: 14px }

.dq-zdbox li .txt .btn { display: block; width: 60px; height: 20px; line-height: 19px; font-size: 10px; color: #DF3031; margin-top: 10px; border-radius: 10px; border: 1px solid #DF3031 }

.dq-sxbox li { background: #fff; margin-bottom: 20px }

.dq-sxbox li:last-child { margin-bottom: 0 }

.dq-sxbox .img { position: relative }

.dq-sxbox .img .txt { position: absolute; width: 173px; height: 119px; left: 10px; top: 50%; margin-top: -60px; padding: 4px 19px; background: url(/images_m/xf_dq_bg.png) no-repeat; background-size: 100% }

.dq-sxbox .img .txt > div:first-child { padding: 12px 0 7px; border-bottom: 1px dashed rgba(60,63,70,.5) }

.dq-sxbox .img .txt h2 { font-size: 10px; color: #3C3F46; line-height: 14px; margin-bottom: 4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.dq-sxbox .img .txt h2 + p { font-size: 16px; font-weight: 600; color: #DF3031; line-height: 22px }

.dq-sxbox .img .txt > div:last-child { padding: 7px 0 12px; font-size: 10px; color: #000; line-height: 16px }

.dq-sxbox .img .txt p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.dq-sxbox .opt { position: relative; height: 63px; padding: 10px 130px 10px 10px }

.dq-sxbox .opt .price { line-height: 27px; font-size: 14px; color: #FC393F; font-weight: 600 }

.dq-sxbox .opt .price i { font-size: 12px; margin-left: 6px; white-space: nowrap }

.dq-sxbox .opt .price strong { font-size: 20px; vertical-align: -2px }

.dq-sxbox .opt .price-old { font-size: 10px; color: #83868F; line-height: 14px; margin-top: 4px; margin-left: 4px }

.dq-sxbox .opt .btn { position: absolute; right: 10px; top: 13px; width: 120px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background: #DF3031; border-radius: 2px }

.dq-xzbox { background: #fff }

.dq-xzbox li { position: relative; padding: 20px; overflow: hidden }

.dq-xzbox li:after { content: ''; position: absolute; left: 20px; right: 20px; bottom: 0; height: 1px; background: #f8f8f8; -webkit-transform: scaleY(.5); transform: scaleY(.5) }

.dq-xzbox li:last-child:after { display: none }

.dq-xzbox .img { float: left; width: 112px; height: 84px; margin-right: 15px }

.dq-xzbox .txt h2 { font-size: 16px; color: #3c3f46; line-height: 22px; margin-top: -2px; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.dq-xzbox .txt p { height: 16px; line-height: 16px; color: #83868F; font-size: 11px; margin-top: 6px; overflow: hidden }

.dq-xzbox .txt p:nth-child(3) { font-size: 10px }

.dq-xzbox .txt p span { margin-right: 6px; display: inline-block }

.dq-xzbox .txt p span:last-child { margin-right: 0 }

.dq-xzbox .txt .price { line-height: 17px; font-size: 11px; color: #FC393F; font-weight: 600; margin-top: 3px; white-space: nowrap }

.dq-xzbox .txt .price i { margin-left: 4px }

.dq-xzbox .txt .price strong { font-size: 15px }

.dq-xzbox .time { clear: both; line-height: 20px; font-size: 14px; color: #3C3F46; margin-top: 10px }

.dq-xzbox .bm { overflow: hidden; margin-top: 8px }

.dq-xzbox .bm .num { font-size: 14px; color: #2E3036 }

.dq-xzbox .bm .num i { color: #FF3C41 }

.dq-xzbox .bm .btn { float: right; width: 60px; height: 20px; line-height: 19px; font-size: 10px; color: #DF3031; border-radius: 10px; border: 1px solid #DF3031 }

.favList li, .zdgCon .house-intro, .zdgCon .house-yh, .zdgCon .house-yh li.adr, .zdgCon .house-zj, .zdgCon h3 { border-bottom: 1px solid #f8f8f8 }

.dq-wqbox { margin-top: -15px }

.dq-wqbox h3 { position: relative; line-height: 22px; font-size: 16px; font-weight: 600; color: #3C3F46; padding: 15px 0 15px 9px }

.dq-wqbox h3:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 4px; height: 16px; background: #FE2654 }

.bigImg, .bigImg .banner, .bigImg .focus { position: relative }

.dq-wqbox > div { overflow: hidden; margin-bottom: 10px }

.dq-wqbox ul { overflow: hidden }

.dq-wqbox li { float: left; width: 137px; margin-right: 20px; background: #fff }

.dq-wqbox .txt { font-size: 14px; line-height: 20px; padding: 10px }

.dq-wqbox .txt h2 { color: #3C3F46; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.dq-wqbox .txt p { color: #FF5350; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 5px }

@media screen and (max-width:360px) {
    .dq-tjfbox .btn a { height: 36px; line-height: 36px }

    .dq-tjfbox .tit h3 { font-size: 25px }

    .dq-titbox span { font-size: 20px }
}

@media screen and (max-width:320px) {
    .dq-tjfbox .btn a { height: 32px; line-height: 32px }

    .dq-tjfbox .tit { padding: 1% 0 8% }

    .dq-tjfbox .tit h3 { font-size: 23px }

    .dq-tjfbox .pricebox { padding: 6% 0 9% }

    .dq-titbox span { font-size: 18px }
}

.bigImg img { width: 100% }

.bigImg .zj { position: absolute; display: block; width: 103px; height: 82px; top: 16px; right: 10px; font-size: 15px; color: #F8E71C; line-height: 21px; padding: 18px 14px 0 38px; font-weight: 600; white-space: nowrap; background: url(/images_m/xf_dq_zj.png) no-repeat; background-size: 100% }

.bigImg .zj i { display: block; font-size: 20px; line-height: 28px }

.bigImg .pricebox { position: absolute; left: 0; right: 0; bottom: 0; height: 60px; color: #fff; padding-left: 10px; background: #FE2654; overflow: hidden }

.bigImg .pricebox .price { float: left; height: 50px; line-height: 50px; margin-top: 3px; font-size: 18px; font-weight: 600 }

.bigImg .pricebox .price i { font-size: 18px; margin-right: 5px }

.bigImg .pricebox .price em { font-size: 36px; vertical-align: -2px }

.bigImg .pricebox .price-o { float: left; position: relative; font-size: 10px; color: #E3E7ED; line-height: 14px; padding: 24px 10px 0 }

.bigImg .pricebox .date { position: absolute; right: 0; bottom: 0; width: 127px; height: 60px; padding: 12px 8px 6px 17px; background: url(/images_m/xf_dq_price.png) no-repeat; background-size: 100% }

.favList li .img p, .favList li .img p.icon-new { bottom: 4px; left: 0; position: absolute; width: 100% }

.bigImg .pricebox .date p { font-size: 12px; color: #FE2654; line-height: 17px; margin-bottom: 4px; white-space: nowrap }

.zdgCon { padding: 0 20px }

.zdgCon h3 { color: #3C3F46; font-size: 20px; font-weight: 600; line-height: 58px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.zdgCon h3 a { display: block; color: #3C3F46 !important }

.zdgCon .house-intro { padding: 17px 0 15px }

.zdgCon .house-intro li { width: 50px; border-right: 1px solid #f8f8f8; line-height: 20px; color: #83868F; font-size: 14px }

.zdgCon .house-intro li:last-child { border-right: none }

.zdgCon .house-intro p { white-space: nowrap }

.zdgCon .house-intro p:nth-child(1) { margin-top: -2px }

.zdgCon .house-intro p:nth-child(2) { font-size: 15px; color: #FF5350; font-weight: 600; margin-top: 8px }

.zdgCon .house-yh { padding-bottom: 20px }

.zdgCon .house-yh li { position: relative; line-height: 22px; font-size: 16px; color: #3C3F46; padding-left: 35px; margin-bottom: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.zdgCon .house-yh li:last-child { margin-bottom: 0 }

.zdgCon .house-yh li span { position: absolute; left: 0; top: 50%; margin-top: -11px; width: 21px; height: 21px; background: url(/images_m/xf_dq_icons.png) no-repeat; background-size: 100% auto }

.zdgCon .house-yh li span.house { background-position: 0 0 }

.zdgCon .house-yh li span.time { background-position: 0 -21px }

.zdgCon .house-yh li span.yh { background-position: 0 -42px }

.zdgCon .house-yh li span.num { background-position: 0 -63px }

.zdgCon .house-yh li.adr a { display: block; color: #819BBB !important; padding-top: 16px; padding-bottom: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.zdgCon .house-zj { font-size: 16px; color: #3C3F46; line-height: 22px; padding: 16px 0; white-space: nowrap }

.zdgCon .btnBox { padding: 20px 0 }

.zdgCon .btnBox a { display: block; height: 44px; line-height: 44px; font-size: 16px; color: #fff; background: #DF3031; border-radius: 2px }

.zdgCon .btnBox a.hsbg { color: #CCCFD8; background: #E3E7ED }

.zdgCon + .numBox { padding: 24px 20px; line-height: 22px; font-size: 16px; color: #83868F }

.zdgCon + .numBox > div { position: relative; display: inline-block }

.zdgCon + .numBox > div:after, .zdgCon + .numBox > div:before { content: ''; position: absolute; width: 25px; height: 1px; background: #83868F; top: 50% }

.zdgCon + .numBox > div:before { margin-left: -35px }

.zdgCon + .numBox > div:after { right: -35px }

.zdgItem { padding: 0 20px 20px }

.zdgItem .tit { padding: 20px 0; font-aize: 17px; color: #3C3F46; font-weight: 600 }

.zdgItem .itemCon { font-size: 15px; color: #3C3F46; line-height: 24px; margin-bottom: 20px; overflow: hidden }

.zdgItem .moreword { position: relative; display: block; height: 50px; margin-bottom: -20px; margin-top: -20px }

.zdgItem .moreword span { position: absolute; display: block; width: 20px; height: 10px; left: 50%; top: 50%; margin: -5px 0 0 -10px; background: url(/images_m/arr_more_big.png) center center no-repeat; background-size: 20px auto }

.favList li .img, .favList li > a { position: relative; overflow: hidden }

.zdgItem .moreword.up span { -webkit-transform: rotate(180deg); transform: rotate(180deg) }

.zdgLink { padding: 0 20px }

.zdgLink a { display: block; font-size: 17px; color: #3C3F46 !important; line-height: 24px; padding-top: 15px; padding-bottom: 15px }

.openFangMore { padding: 20px }

.openFangMore a { display: block; height: 44px; line-height: 44px; color: #819BBB !important; font-size: 15px; background: #F8F8F8 }

.favList li { margin: 0 14px }

.favList li:last-child { border-bottom: none }

.favList li > a { display: block; padding: 14px; margin: 0 -14px }

.favList li .img { float: left; width: 112px; height: 84px; margin-right: 16px }

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

.favList li .img p { display: block; height: 10px; overflow: hidden }

.favList li .img p.icon-new { display: block; height: 14px }

.favList li .img p.icon-new span { float: left; width: 14px; height: 14px; margin-left: 5px; background: url(/images_m/list_img_icon.png) no-repeat; background-size: 42px auto }

.favList li .img p.icon-new span.video2 { background-position: -28px 0 }

.favList li .img p.icon-new span.hp { background-position: 0 0 }

.favList li .img p.icon-new span.qj360 { background-position: -14px 0 }

.favList li .tag-icon { position: absolute; left: 5px; top: 5px; font-size: 9px; color: rgba(255,255,255,.5); text-shadow: 0 0 2px rgba(120,120,120,.6); line-height: 1 }

.favList li .img > div .tag-icon:nth-of-type(2) { left: 30px }

.favList li .txt { overflow: hidden; min-height: 84px }

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

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

.favList li p .space { padding: 0 2px }

.favList li .new { float: right; font-size: 13px; color: #df3031 }

.favList li .new i { font-size: 14px; font-weight: 700 }

.favList li .num { color: #3c3f46; margin-right: 4px }

.favList li .fc span { margin-right: .5em }

.favList li .fc span:last-child { margin-right: 0 }

.favList li .fc-red { color: #f66; font-size: 10px; line-height: 12px; height: 12px; margin-top: 8px }

.favList li .stag { font-size: 10px; height: 16px }

.favList li .stag span { padding-top: 1px; border-radius: 1px }

.favList li .stag span.bg { background: #f2f4f8 }

.mTitle + .favList { padding: 6px 0 }

.mTitle.newt + .favList { padding: 0 }

.mTitle.newt + .favList li { margin: 0 20px }

.mTitle.newt + .favList li > a { padding: 16px 20px; margin: 0 -20px }

.comment-detail > ul > li { padding: 23px 0 0; background: #fff; margin-bottom: 8px }

.comment-detail .comment-head dt { float: left; margin-right: 12px; width: 40px; height: 40px; border-radius: 50%; overflow: hidden }

.comment-detail .comment-head dd { overflow: hidden; height: 40px; position: relative }

.comment-detail .comment-head dd h3.dp_detail { font-size: 15px; color: #565C67; padding-top: 0; line-height: 21px }

.comment-detail .ico-star { margin-top: 3px }

.comment-detail .ico-star i { display: inline-block; width: 13px; height: 13px; border-radius: 0; margin-right: 4px; background: url(/images_m/icon_dp_star1.png) no-repeat; background-size: 13px 13px }

.comment-detail .ico-star i.active { background: url(/images_m/icon_dp_star.png) no-repeat; background-size: 13px 13px }

.comment-detail .ico-star i.half { background: url(/images_m/icon_dp_star2.png) no-repeat; background-size: 13px 13px }

.comment-detail .comment-head { margin-bottom: 13px }

.comment-detail .comment-detail-time { font-size: 12px; color: rgba(179,182,190,1); position: absolute; bottom: 0; right: 0 }

.comment-detail li.jing-icon-dp dd.comment-detail-dd:after { content: ''; position: absolute; bottom: 8px; right: 0; width: 33px; height: 33px; background: url(/images_m/jing_new.png) no-repeat; background-size: 33px }

.comment-detail li.jing-icon:after { display: none }

.comment-detail .comment-text { line-height: 27px; font-size: 17px; color: #0C0D0E }

.comment-dp-huxing { font-size: 15px; color: #83868F; line-height: 21px; margin-top: 10px; overflow: hidden }

.comment-dp-huxing .hx_like { margin-top: 6px; margin-right: 6px }

.comment-dp-huxing p { line-height: 30px }

.comment-dp-img { overflow: hidden; margin-top: 2px }

.comment-dp-img dd { position: relative; float: left; width: 33%; padding-bottom: 33%; overflow: hidden }

.comment-dp-img dd img { position: absolute; width: 100%; left: 4px; right: 0; top: 4px; bottom: 0 }

.comment-dp-img dd:only-child { width: 100%; padding-bottom: 100% }

.comment-dp-img dd:only-child img { left: 0; top: 0 }

.comment-dp-xfother .img { float: left; margin-right: 10px; width: 112px; height: 82px; display: inline; position: relative }

.comment-dp-xfother { margin-top: 20px; background: #F8F8F8; padding: 10px; height: 82px; box-sizing: content-box }

.comment-dp-xfother .img img { width: 100%; height: 100% }

.comment-dp-xfother .txt { overflow: hidden }

.comment-dp-xfother h3 { font-size: 16px; height: 22px; overflow: hidden; line-height: 26px; color: #3c3f46; margin-bottom: 4px; white-space: nowrap; margin-top: -3px; text-overflow: ellipsis }

.comment-dp-xfother p { color: #B3B6BE; font-size: 11px; overflow: hidden; line-height: 20px; height: 20px }

.comment-dp-xfother .new { float: right; font-size: 11px; color: #CA2C33; font-weight: 700 }

.comment-dp-xfother .new em { font-size: 14px }

.comment-dp-xfother .score { color: #3c3f46; margin-right: 8px; font-size: 12px }

.comment-dp-xfother .detail_dpta { line-height: 16px }

.comment-dp-xfother .detail_dpta a { color: #699ED4; font-size: 11px }

.liulan_detail_dp { margin: 20px 0 }

.liulan_detail_dp .num_ll { color: #B3B6BE; height: 18px; font-size: 13px; line-height: 18px }

.liulan_detail_dp .opt_dp a { position: relative; float: left; margin-left: 12px; padding-left: 20px; color: #b3b6be; font-size: 13px; line-height: 14px }

.liulan_detail_dp .opt_dp a.z1:before { background: url(/images_m/ic_heart_fill.png) no-repeat; background-size: 14px }

.liulan_detail_dp .opt_dp a.z:before { background: url(/images_m/ic_heart_emp.png) no-repeat; background-size: 14px }

.liulan_detail_dp .opt_dp a:before { position: absolute; top: 0; left: 0; content: ''; width: 14px; height: 14px; background-size: 14px 14px }

.liulan_detail_dp .opt_dp i { position: absolute; left: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 1; color: #F66 }

.liulan_detail_dp .opt_dp a.t:before { background: url(/images_m/ic_mes_dp.png) no-repeat; background-size: 14px }

ol.dp_reply_list { border-top: 1px solid #F8F8F8 }

ol.dp_reply_list li:first-child { border-top: none }

ol.dp_reply_list li { border-top: 1px solid #F8F8F8; padding: 16px 0; overflow: hidden; margin: 0 20px }

ol.dp_reply_list li .dp_reply_ren { width: 40px; height: 40px; overflow: hidden; border-radius: 50% }

ol.dp_reply_list li .dp_reply_ren img { width: 100%; height: 100% }

ol.dp_reply_list li .dp_reply_right { margin-left: 52px }

ol.dp_reply_list li .dp_reply_top { color: #B3B6BE; height: 21px; font-size: 15px; line-height: 21px; margin-bottom: 7px }

ol.dp_reply_list li .dp_reply_name { float: left; width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }

ol.dp_reply_list li .dp_reply_date { font-size: 11px; float: right }

ol.dp_reply_list li .dp_reply_cont { font-size: 17px; color: #0C0D0E; line-height: 27px }

ol.dp_reply_list li .dp_reply_cont .dp_reply_dbl { color: #558ACC }

.ck_more_dp { height: 22px; font-size: 16px; color: #565C67; line-height: 22px; border-top: 1px solid #F8F8F8; padding: 20px 0 38px }

.write_dp_tail { margin: 6px 20px }

.write_dp_tail .write_dp_con { width: 100%; overflow: hidden; height: 32px }

.write_dp_tail .write_dp_arr { background: url(/images_m/dp_tail_back.png) center no-repeat; width: 10px; height: 32px; background-size: 10px 18px }

.write_dp_tail .write_dp_input { background-color: #fff; border: none; width: 100%; height: 32px; line-height: 32px; border-radius: 16px; text-indent: 20px; font-size: 16px }

.dpqx_sure .fsbtn, .dpqx_sure a { width: 50px; height: 26px }

.dpdetail_tan { padding: 15px 20px }

.dpqx_sure .fsbtn { line-height: 26px; background: #E3E7ED; border-radius: 3px; color: #fff; font-size: 16px }

.dpqx_sure .fsbtn.active { background: #FF5350 }

.dpqx_aera textarea { width: 335px; height: 158px; display: block; background-color: #fff; padding: 15px; margin-top: 16px; font-size: 16px; color: #0C0D0E; line-height: 27px; border: none; resize: none }

.fs_suc { width: 130px; height: 120px; background: rgba(12,13,14,.9); border-radius: 10px; position: absolute; top: 50%; left: 50%; margin: -60px 0 0 -65px }

.fs_suc i { width: 31px; height: 32px; background: url(/images_m/dp_fssuc.png) no-repeat; background-size: 31px 32px; display: block; margin: 28px auto 10px; animation: scale .5s linear }

.fs_suc p { height: 22px; font-size: 16px; color: #fff; line-height: 22px; text-indent: 11px }

@keyframes scale {
    0% { transform: scale(1.2) }

    50% { transform: scale(.2) }

    100%,70% { transform: scale(1) }

    90% { transform: scale(.7) }
}

.comment-dp-xfother .tag-icon { position: absolute; left: 5px; top: 5px; font-size: 9px; color: rgba(255,255,255,.5); line-height: 1 }

.comment-list > ul > li.app-down { padding: 16px 14px }

.app-down .img { position: relative; float: left; margin-right: 15px; width: 106px; height: 80px }

.app-down .img img { display: block; width: 100%; height: 100% }

.app-down h3 { margin-bottom: 18px; font-size: 16px; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #3c3f46 }

.app-down .btn-down, .app-down p { line-height: 14px; font-size: 13px }

.app-down p { margin-top: 45px; height: 14px; color: #83868f }

.app-down .btn-down { float: right; display: block; height: 24px; color: #d7494a; padding: 5px 5px 3px; border: 1px solid #d7494a; border-radius: 2px; margin-top: 29px }

.fix-bottom { padding-bottom: 44px; height: auto; min-height: 100% }

.top-tig { font-size: 12px; color: #b3b6be; line-height: 16px; padding: 12px 20px; background: #f8f8f8 }

.xdjlist .ipt-cb { float: left; width: 16px; height: 16px; background: url(/images_m/i_radio_icon2.png) no-repeat; background-size: 16px auto; margin-top: 12px; margin-right: 20px }

.xdjlist .ipt-cb.on { background-position: 0 -16px }

.xdjlist { line-height: 40px; margin: 0 20px; padding: 10px 0 }

.xdjlist .q { display: inline-block; width: 14px; height: 14px; background: url(/images_m/n_q_icon.png) no-repeat; background-size: 100%; margin-left: 10px; vertical-align: middle; margin-top: -1px }

.xdjlist .chooseAll { border-top: 1px solid #f8f8f8; margin-bottom: -10px; padding: 4px 0; margin-top: 6px; color: #d64242 }

.fix-btn { left: 0; right: 0; bottom: 0 }

.fix-btn > a { display: block; height: 44px; line-height: 44px; background: #d64242; font-size: 16px; color: #fff }

.xdjgw { margin: 0 20px }

.xdjgw li { position: relative; width: 100%; padding: 16px 0; border-bottom: 1px solid #f8f8f8; overflow: hidden }

.xdjgw .img { position: relative; float: left; margin-right: 15px; width: 53px; height: 53px; border-radius: 50% }

.xdjgw .img img { width: 100%; height: 100%; border-radius: 50% }

.xdjgw .txt { color: #3c3f46; line-height: 21px }

.xdjgw h3 { font-size: 16px; color: #3c3f46; line-height: 27px; font-weight: 600 }

.xdjgw .stag { margin-top: 8px }

.xdjgw .stag span { color: #ff7270; border: 1px solid #ffe3e3; font-size: 10px; line-height: 12px; padding-top: 1px; border-radius: 1px }

.xdjgw .callbox { position: absolute; right: 0; top: 50%; margin-top: -18px }

.xdjgw .callbox > a { float: right; display: block; width: 36px; height: 36px; background: url(/images_m/n_call.png) no-repeat; background-size: 72px auto; margin-left: 12px }

.xdjgw .callbox > a.call { background-position: -36px 0 }

.xdjgw .callbox > a.mes { background-position: 0 0 }

#fCheckCodeBox { overflow: visible }

.douflist, .douflist .comimg, .douflist .comimg li { overflow: hidden }

#fCheckCodeBox > div:first-child { width: 100% !important; min-width: auto; max-width: none; padding: 0 }

.douflist { padding-top: 16px; padding-bottom: 11px }

.douflist .user { height: 45px }

.douflist .user > a { position: relative; display: block }

.douflist .user .pic { float: left; width: 45px; height: 45px; position: relative; margin-right: 15px }

.douflist .user .pic img { width: 45px; height: 45px; border-radius: 50%; overflow: hidden }

.douflist .user .txt { line-height: 26px; font-size: 15px; color: #3c3f46; padding-top: 10px }

.douflist .infotr { line-height: 20px; font-size: 15px; color: #3c3f46; margin: 15px 0 0 }

.douflist .comimg ul { margin: 2px -6px 0 }

.douflist .comimg li { width: 33%; position: relative; float: left }

.douflist .comimg li img { width: 100%; padding: 10px 6px 0 }

.douflist .times { line-height: 20px; font-size: 12px; color: #83868f; margin-top: 10px }

.douflist .comimg .vpic { width: 190px; height: 115px; position: relative; margin-top: 12px }

.douflist .comimg .vpic img { width: 100% }

.douflist .comimg .vpic a.v { width: 43px; height: 43px; background: url(/images_m/dyicon01.png) no-repeat; background-size: 43px auto; position: absolute; left: 50%; top: 50%; margin: -21px 0 0 -21px }

.photoBox .infotr, .photoBox .user { position: fixed; left: 0; padding: 0 20px; width: 100%; overflow: hidden }

.gray-c4 { color: #c4c9ca }

.photoBox .infotr { bottom: 81px }

.photoBox .user { top: 72px; height: 45px; color: #fff }

.photoBox .user .pic { float: left; width: 45px; height: 45px; position: relative; margin-right: 15px }

.photoBox .user .pic img { width: 45px; height: 45px; border-radius: 50%; overflow: hidden }

.photoBox .user .txt { line-height: 26px; font-size: 15px; color: #fff; padding-top: 10px }

.photoBox .infotr { line-height: 20px; font-size: 15px; color: #fff; margin: 15px 0 0 }