@charset "utf-8";
* { -webkit-tap-highlight-color: transparent; }
.block { display: block; }
.inlBlock { display: inline-block; }
.maxWid { max-width: 100%; }
.lineThr { text-decoration: line-through; }
.ellips { /*overflow:hidden;white-space: nowrap;text-overflow: ellipsis;*/ }
.ellips2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.ellips3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; }
.ellips15 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 15; -webkit-box-orient: vertical; word-break: break-all; }
.relat { position: relative; pointer-events: none; }
.moreList { background: #f4f4f4; }
.bt8 { border-bottom: 8px solid #f4f4f4; }
.mr0 { margin-right: 0 !important; }
.mt-1 { margin-top: -1px !important; }
.mt2 { margin-top: 2px !important; }
.mt10 { margin-top: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mr20 { margin-right: 20px !important; }
.mrD16 { margin-right: -16px !important; }
.bb { border-bottom: 1px solid #f8f8f8; }
.bt { border-top: 1px solid #f8f8f8; }
.searHistory { margin: 10px 10px 0 10px; }
.searHistory h3 { font-size: 14px; color: #999999; padding: 10px 0; }
.searHistory > div { background: #fff; border: 1px solid #f4f4f4; }
.searHistory .searList { margin: 0; }
.searHistory .searList li a { border-bottom: 1px solid #f4f4f4; line-height: 1; padding: 15px 8px; }
.searHistory .clearBtn2 a { display: block; padding: 15px 0; line-height: 1; text-align: center; color: #999999; font-size: 14px; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.mtD5 { margin-top: -5px !important; }
.mtD8 { margin-top: -8px !important; }
.mtD20 { margin-top: -20px !important; }
.mtD14 { margin-top: -14px !important; }
.pdB49 { padding-bottom: 49px !important; }
.pdB8 { padding-bottom: 8px !important; }
.pdB10 { padding-bottom: 10px !important; }
.pdB25 { padding-bottom: 25px !important; }
.pd { padding: 14px 14px 6px !important; }
.pdB14 { padding-bottom: 14px !important; }
.pdt8 { padding-top: 8px !important; }
.pdt10 { padding-top: 10px !important; }
.pdt20 { padding-top: 20px !important; }
.pdX14 { padding-left: 14px !important; padding-right: 14px !important; }
.pd0 { padding: 0 !important; }
.pd16 { padding: 16px !important; }
.pdB44 { padding-bottom: 44px; }
.bb8 { border-bottom: 8px solid #f4f4f4; }
.blue_7fb { color: #7fb6ff; }
.red-ff5 { color: #ff5350; }
.red-f6 { color: #ff6666 !important; }
.footer.fixed { position: fixed; bottom: 0; left: 0; width: 100%; }
.footer.abs { position: absolute; bottom: 0; left: 0; width: 100%; }
.lbTab.f13 li a { font-size: 13px }
/*筛选的字大小*/
.main { min-height: 0; }
.header.head2 { position: fixed; z-index: 2; width: 100%; opacity: 0; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, select { -webkit-appearance: none !important; margin: 0; }
input { outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
input:disabled { background-color: transparent; opacity: 1; }
.over-X { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*20170427*/
.homeOption a { line-height: 44px; }

/*搜索计算器*/
.search .jsqbtn { margin-left: 5px; display: block; background-color: #ffffff; border-radius: 3px; width: 86px; max-width: 86px; min-width: 86px; height: 36px; line-height: 35px; font-size: 13px; color: #ff6666; border: 1px solid #f4f4f4; padding: 0 5px; cursor: pointer; overflow: hidden; }
.search .jsqbtn i { float: left; width: 15px; height: 17px; background: url(/images_m/search_jsq.png) no-repeat; background-size: 100%; margin-top: 9px; margin-right: 4px; }

/*头部下载APP*/
.dt-hd-nav { float: left; margin-top: 12px; margin-right: 6px; }
.dt-hd-nav a { padding: 0; margin: 0; }
.loadapp-dt-hd { position: relative; z-index: 10; width: 60px; height: 20px; }
.loadapp-dt-hd .loadapp-text { position: absolute; z-index: 2; width: 60px; height: 20px; -webkit-animation: nav-txt-flash 1s ease-in-out .5s both; animation: nav-txt-flash 1s ease-in-out .5s both; }
.loadapp-dt-hd .loadapp-text p { font-size: 12px; line-height: 13px; color: #565c67; margin-top: -2px; text-align: center; -webkit-transform: scale(.78); transform: scale(.78) }
.loadapp-dt-hd .loadapp-icon { position: relative; float: right; background-color: #f6f6f6; z-index: 3; width: 60px; height: 30px; -webkit-animation: nav-icon-flash 1s ease-in-out .5s both; animation: nav-icon-flash 1s ease-in-out .5s both; }
.loadapp-dt-hd .loadapp-icon em { display: block; width: 15px; height: 19px; background: url(/images_m/nav_app_icon.png) no-repeat; background-size: 15px auto; }

@-webkit-keyframes nav-txt-flash {
    0% { left: 0; }
    100% { left: -8px; }
}

@keyframes nav-txt-flash {
    0% { left: 0; }
    100% { left: -8px; }
}

@-webkit-keyframes nav-icon-flash {
    0% { width: 60px; }
    100% { width: 15px; }
}

@keyframes nav-icon-flash {
    0% { width: 60px; }
    100% { width: 15px; }
}
/*底部菜单--多选*/
.multiSelect { height: 269px; }
.multiSelect .con { height: 225px; }
.multiSelect ul li { padding: 0 14px; text-align: left; }
.multiSelect li span { display: inline-block; width: 40px; font-size: 15px; color: #0c0d0e; text-align: left; }
.multiSelect li a { display: inline-block !important; margin-right: 6px; width: 45px; height: 44px; font-size: 14px; color: #565c67; text-align: center; }
/*20170428*/
.multiSelect li a:last-of-type { margin-right: 0; }
.multiSelect li a.active { color: #fff; background: #ff6666; }

/*头部发帖*/
.header .submit { float: right; color: #cccfd8; position: relative; z-index: 3; padding: 0 20px; font-size: 16px; }
.header .submit.active { color: #ff6666; }
.header .submit.nor { color: #3c3f46; }

.ico-star13 { line-height: 0; }
.ico-star13 i { display: inline-block; width: 13px; height: 13px; background-size: 9px auto; border-radius: 2px; margin-right: 4px; background: url("/images_m/icon-star.png") center 2px no-repeat; }
.ico-star13 i.active { background-size: 9px auto; background-color: #df3031; }
.ico-star13 i { background-size: 9px auto; background-color: #cccccc; }
.ico-star13 i.active.half { background-image: url("/images_m/icon-star2.png"); }
.ico-star13 i:last-child { margin-right: 0; }
/*点赞 评论*/
.support, .pingl-num { display: inline-block; position: relative; margin-left: 14px; font-size: 11px; color: #b3b6be; line-height: inherit; }
.support:after, .pingl-num:after { float: left; content: ""; width: 21px; height: 44px; background: url("/images_m/sf-jj-suphandG.png") 1px 13px no-repeat; background-size: 16px auto; }
.support.active, .support.play, .pingl-num.active, .pingl-num.play { color: #ff6666; }
.support.active:after, .support.play:after, .pingl-num.active:after, .pingl-num.play:after { float: left; content: ""; width: 21px; height: 44px; background: url("/images_m/sf-jj-suphandR.png") 1px 13px no-repeat; background-size: 16px auto; }
.support i, .pingl-num i { display: none; color: #ff6666; font-size: 10px; position: absolute; left: 0; top: 0; -webkit-animation: riseUp 1s both; -moz-animation: riseUp 1s both; animation: riseUp 1s both; }
.support.play i, .pingl-num.play i { display: block; }
.pingl-num:after { margin-top: 13px; margin-right: 4px; width: 16px; height: 16px; background: url(/images_m/dt_icons.png) no-repeat; background-size: 48px auto; background-position: -32px 0; }
.pingl-num.active:after, .pingl-num.play:after { background-position: -32px -16px; }

@-webkit-keyframes riseUp {
    0% { -webkit-transform: translate(0,-5); transform: translate(0,-5); opacity: 1; }
    100% { -webkit-transform: translate(0,-20px); transform: translate(0,-20px); opacity: 0; }
}

@-moz-keyframes riseUp {
    0% { -moz-transform: translate(0,-5); transform: translate(0,-5); opacity: 1; }
    100% { -moz-transform: translate(0,-20px); transform: translate(0,-20px); opacity: 0; }
}

@keyframes riseUp {
    0% { -webkit-transform: translate(0,-5); -moz-transform: translate(0,-5); -o-transform: translate(0,-5); transform: translate(0,-5px); opacity: 1; }
    100% { -webkit-transform: translate(0,-20px); -moz-transform: translate(0,-20px); -o-transform: translate(0,-20px); transform: translate(0,-20px); opacity: 0; }
}


/*清除输入框内容*/
.clearInp { position: relative; }
.clearInp .off { z-index: 2; position: absolute; top: 50%; margin-top: -12px; right: 6px; display: block; width: 24px; height: 24px; background: #fff url(/images_m/search_off.png) center no-repeat; background-size: 14px auto; }
/*输入提示*/
.alertInfo { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); z-index: 999; }
.alertInfo div { position: absolute; top: 45%; text-align: center; width: 100%; }
.alertInfo div span { display: inline-block; padding: 10px 14px; background-color: rgba(0,0,0,0.6); border-radius: 3px; color: #ffffff; font-size: 15px; max-width: 160px; text-align: center; }
/*首页*/
/*焦点begin*/
.topban { position: relative; }
.topban .off { position: absolute; right: 8px; top: 8px; width: 16px; height: 16px; background: url(/images_m/h_close.png) no-repeat; background-size: 100%; }
.swipe { overflow: hidden; visibility: hidden; position: relative }
.swipe-wrap { overflow: hidden; position: relative; }
.swipe-wrap > li { float: left; width: 100%; position: relative; overflow: hidden; }
.swipe-wrap > li img, .swipe-wrap > a img { width: 100%; height: 100%; }
.swipe-btm { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; font-size: 14px; color: #fff; }
.swipe-txt { height: 30px; line-height: 30px; /* background: rgba(0,0,0,.6);*/ }
.swipe-txt li { padding: 0 50px 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: none; }
.swipe-txt li i { padding: 0 3px; margin: 0 5px; font-size: 10px; line-height: 12px; border: 1px solid #fff; border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; vertical-align: 2px; }
.swipe-txt li.cur { display: block; }
.swipe-point { position: absolute; bottom: 10px; right: 5px; }
.swipe-point li { float: left; margin: 0 2px; width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,0.5); }
.swipe-point li.cur { width: 5px; height: 5px; margin: 0 3px; margin-top: -1px; background-color: #fff; -webkit-transform: scale(1.3); transform: scale(1.3); }
/*导航*/
.bigNav { text-align: center; padding: 13px 0; }
.nav-icons.jiaju-nav.item5 a { width: 20%; }
.nav-icons.jiaju-nav i { background-image: url(/images_m/jj-big-icons.png); background-size: 180px auto; border-radius: 50%; }
.nav-icons.jiaju-nav .n1 i { background-color: #49bbfd; background-position: 0 0; }
.nav-icons.jiaju-nav .n2 i { background-color: #fdc834; background-position: -45px 0px; }
.nav-icons.jiaju-nav .n3 i { background-color: #96a8fc; background-position: -90px 0px; }
.nav-icons.jiaju-nav .n4 i { background-color: #82d171; background-position: -135px 0px; }
.nav-icons.jiaju-nav .n5 i { background-color: #ff7383; background-position: 0 -45px; }
.nav-icons.jiaju-nav .n6 i { background-color: #2fd8a6; background-position: -45px -45px; }
.nav-icons.jiaju-nav .n7 i { background-color: #fd8d55; background-position: -90px -45px; }
.nav-icons.jiaju-nav .n8 i { background-color: #f884c2; background-position: -135px -45px; }
.nav-icons.jiaju-nav .n9 i { background-color: #bf89f1; background-position: 0 -90px; }
.nav-icons.jiaju-nav .n10 i { background-color: #fa7191; background-position: -45px -90px; }
.nav-icons.jiaju-nav .n11 i { background-color: #8ece75; background-position: -90px -90px; }
.nav-icons.jiaju-nav .n12 i { background-color: #fa9688; background-position: -135px -90px; }
.nav-icons.jiaju-nav .n13 i { background-color: #65c4f5; background-position: 0 -135px; }
/*粉红色箭头拓展*/
.arr-rt.jj-subtt:after { background-position: -10px 0; margin-top: -5px; }
.arr-rt.jj-subtt { color: #ff6666; font-size: 12px; }
/*家居工具*/
.sf-jj-Tool a { position: relative; width: 50px; text-align: center; line-height: 50px; color: #3c3f46 !important; border-right: 1px solid #f8f8f8; }
.sf-jj-Tool a:last-child { border-right: none; }
.sf-jj-Tool i { display: inline-block; margin-right: 10px; width: 16px; height: 16px; background: url(/images_m/jj-samll-icons.png) no-repeat; background-size: auto 16px; vertical-align: -3px; }
.sf-jj-Tool i.j1 { background-position: 0 0; }
.sf-jj-Tool i.j2 { background-position: -16px 0; }
.sf-jj-Tool i.j3 { background-position: -32px 0; }
.sf-jj-Tool i.j4 { background-position: -48px 0; }
.sf-jj-Tool i.j5 { background-position: -64px 0; }
.sf-jj-Tool i.j6 { background-position: -80px 0; }
.sf-jj-Tool i.j7 { background-position: -96px 0; }
/*.sf-jj-Tool a.new:after{content: "";position: absolute;top: 0;right: 0;width: 22px;height: 22px;background: transparent url("/images_m/sf-jj-newTool.png") right top no-repeat;background-size: 22px auto;}*/
.sf-jj-Tool em { display: inline-block; width: 6px; height: 6px; }
/*帮你找装修*/
.mTitle span.f12 { font-size: 12px; }
.mTitle span em.red-f6 { color: #ff6666; }
.jj-mess { padding-right: 8px; font-size: 12px; color: #0c0d0e; line-height: 40px; border-bottom: 1px solid #f4f4f4; }
.jj-mess i { display: block; float: left; margin-top: 12px; margin-left: 8px; width: 15px; height: 15px; background: url(/images_m/jj-mess.png) no-repeat; background-size: 15px auto; }
/*首页灵感和每日*/
.sf-jj-mLg .tt h3 { line-height: 48px; font-size: 16px; color: #3c3f46; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sf-jj-mLg .tt img { width: 100%; }
.sf-jj-mLg .pic { float: right; color: #83868f; font-size: 14px; margin-left: 5px; /*padding-left:20px; background:url(/images_m/sf-jj-micon-pic.png) left 16px no-repeat; background-size:14px auto;*/ }
/*更多*/
.more_text { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; }
a.more_text, a.more_text:link, a.more_text:active, a.more_text:visited { color: #83868f; font-size: 13px; }
.more_text span { position: relative; padding-right: 18px; color: #83868f; font-size: 13px; }
/*列表*/
.sf-jj-news li { margin: 0 8px; font-size: 15px; color: #0c0d0e; }
.sf-jj-news li:not(:last-child) { border-bottom: 1px solid #f4f4f4; }
.sf-jj-news li:last-child { border-bottom: 0; }
.sf-jj-news a { display: block; color: #0c0d0e; height: 100%; }
.sf-jj-news li .bord { padding-top: 14px; padding-bottom: 14px; *zoom: 1; line-height: 1.5; }
.sf-jj-news li:first-child .bord { padding-top: 0; }
.sf-jj-news li .bord:after { clear: both; content: "\200B"; display: block; height: 0; }
.sf-jj-news .lt { float: left; margin-right: 10px; width: 80px; height: 60px; }
.sf-jj-news .lt img { width: 100%; height: 100%; }
.sf-jj-news .rt { overflow: hidden; }
.sf-jj-news .rt h3 { font-size: 15px; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sf-jj-news .rt p { font-size: 12px; color: #83868f; height: 3em; overflow: hidden; }
.sf-jj-news .rt .tag { position: absolute; right: 10px; margin-top: 42px; }
.sf-jj-news .rt p.gd { line-height: 18px; height: auto; }
.sf-jj-news.ft-pT14 li:first-child { padding-top: 14px; }

/*顶、精、图20170321*/
.settop:before { float: left; content: "顶"; border-radius: 2px; margin: 14px 8px 0 0; height: 14px; width: 14px; line-height: 14px; font-size: 10px; border: 1px solid #ff6666; text-align: center; color: #ff6666; }
.pic-ico:before { float: left; content: "图"; border-radius: 2px; margin: 14px 8px 0 0; height: 14px; width: 14px; line-height: 14px; font-size: 10px; border: 1px solid #97d09d; text-align: center; color: #97d09d; }
.elict:before { float: left; content: "精"; border-radius: 2px; margin: 14px 8px 0 0; height: 14px; width: 14px; line-height: 14px; font-size: 10px; border: 1px solid #ff972e; text-align: center; color: #ff972e; }
.sf-bbsList .settop:before, .sf-bbsList .pic-ico:before, .sf-bbsList .elict:before { margin-top: 2px; }
/*回复和查看*/
.reply, .seer { margin-left: 10px; float: right; color: #b3b6be; position: relative; font-size: 11px; padding-left: 17px; }
.reply:before { content: ""; position: absolute; width: 12px; height: 12px; top: 0; left: 0; background: transparent url("/images_m/sf-jj-replyer.png") center center no-repeat; background-size: 12px auto; }
.seer:before { content: ""; position: absolute; width: 12px; height: 12px; top: 0; left: 0; background: transparent url("/images_m/sf-jj-watcher.png") center center no-repeat; background-size: 12px auto; }
/*热帖*/
.sf-jj-post { font-size: 16px }
.sf-jj-post li { line-height: 50px; padding: 0 20px; }
.sf-jj-post li a { display: block; color: #3c3f46 !important; white-space: nowrap; text-overflow: ellipsis; clear: both; overflow: hidden; }
.sf-jj-post li:not(:last-child) { border-bottom: 1px solid #f8f8f8; }
.sf-jj-post .reply, .sf-jj-post .watcher { margin-left: 10px; min-width: 25px; height: 50px; float: right; color: #b3b6be; position: relative; font-size: 12px; padding-left: 18px; }
.sf-jj-post .reply:before { content: ""; position: absolute; width: 12px; height: 12px; left: 0; top: 50%; margin-top: -6px; background: transparent url("/images_m/sf-jj-replyer.png") center center no-repeat; background-size: 12px auto; }
.sf-jj-post .watcher:before { content: ""; position: absolute; width: 12px; height: 12px; left: 0; top: 50%; margin-top: -6px; background: transparent url("/images_m/sf-jj-watcher.png") center center no-repeat; background-size: 12px auto; }
.sf-jj-post .settop:before { float: left; content: "顶"; border-radius: 2px; margin: 17px 10px 0 0; height: 16px; width: 16px; line-height: 16px; font-size: 11px; border: 1px solid #f75757; text-align: center; color: #f75757; }
.sf-jj-post .pic-ico:before { float: left; content: "图"; border-radius: 2px; margin: 17px 10px 0 0; height: 16px; width: 16px; line-height: 16px; font-size: 11px; border: 1px solid #42b9cb; text-align: center; color: #42b9cb; }
.sf-jj-post .elict:before { float: left; content: "精"; border-radius: 2px; margin: 17px 10px 0 0; height: 16px; width: 16px; line-height: 16px; font-size: 11px; border: 1px solid #ff9933; text-align: center; color: #ff9933; }
.sf-jj-post .sf-bbsList .settop:before, .sf-bbsList .pic-ico:before, .sf-bbsList .elict:before { margin-top: 2px; }

/*首页装修效果图--空间、布局、风格，页签切换*/
.mTitle .jj-tab { float: right; }
.mTitle .jj-tab a { display: inline-block; padding: 0 8px; height: auto; line-height: 55px; font-size: 13px; color: #83868f; }
.mTitle .jj-tab a.active { color: #ff6666; }
.mTitle .jj-tab em { display: inline-block; margin: 0 6px; width: 1px; height: 24px; background: #f4f4f4; vertical-align: -8px; transform: rotate(25deg); -webkit-transform: rotate(25deg); }
/*首页美图列表*/
.mPicList { text-align: center; }
.mPicList .mp-box { margin: 0 -1px; text-align: left; font-size: 0; padding-bottom: 20px; }
.mPicList a { position: relative; display: inline-block; width: 50%; padding: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.mPicList a.j-con:before { content: ''; position: absolute; width: 53px; height: 53px; background: red; left: 0; top: 0; margin-left: 1px; margin-top: 1px; background: url(images_m/icon-j.html) no-repeat; background-size: 53px; }
.mPicList img { width: 100%; }
.mPicList a span { position: absolute; bottom: 20px; left: 20px; font-size: 12px; color: #fff; }
/*标题扩展将左边距改成8*/
.mTitle h2.no-b.mgL8 { margin-left: 8px; }
/*轮播小点*/
#position { position: absolute; left: 0; right: 0; bottom: 2px; z-index: 100 }
#position li { display: inline-block; width: 8px; height: 8px; border-radius: 10px; background: #fff; margin: 0 1px }
#position li.on { background-color: #1293dc }
/*列表工长*/
.sf-jj-glist { }
.sf-jj-glist li { padding: 14px 8px; height: 93px; }
.sf-jj-glist li:not(:last-child) { border-bottom: 1px solid #f4f4f4; }
.sf-jj-glist li .pic { float: left; width: 64px; height: 64px; border-radius: 50%; overflow: hidden; margin-right: 8px; }
.sf-jj-glist li .pic img { width: 100%; }
.sf-jj-glist li .txt h3 { line-height: 20px; color: #0c0d0e; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sf-jj-glist li .txt { line-height: 20px; font-size: 12px; color: #83868f; }
.sf-jj-glist li .txt .mt2 { margin-top: 2px; }
.sf-jj-glist li .txt p { position: relative; }
.sf-jj-glist li .fir1 { position: absolute; left: 72px; top: 0; }
.sf-jj-glist li .fir2 { margin-left: 120px; }
.sf-jj-glist li .lin25 { line-height: 25px; }
/*星星*/
.ico-star i { display: inline-block; width: 13px; height: 13px; border-radius: 2px; margin-right: 2px; background: url(/images_m/icon-star.png) center 2px no-repeat; background-size: 9px auto; background-color: #e3e7ed; }
.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; }
.ico-star.l9 i { float: left; width: 9px; height: 9px; background-size: 7px auto; background-position: center 1px; border-radius: 1px; margin-top: 2px; }
.ico-star.l9 .pf { float: left; font-size: 11px; color: #ff5350; margin-left: 8px; line-height: 13px; }
.ico-star.s11 i { width: 9px; height: 9px; background-size: 7px auto; background-position: center 1px; border-radius: 1px; vertical-align: -1px; }
/*评论*/
.ico-star.s12 i { width: 12px; height: 12px; background-size: 8px auto; background-position: center 2px; border-radius: 2px; vertical-align: -1px; }
/*工地详情--服务团队*/
.gd_star i { display: inline-block; margin-right: 1px; width: 9px; height: 9px; background: url(/images_m/gd_star.png) no-repeat; background-position: 0 -9px; background-size: 9px auto; }
.gd_star i.active { background-position: 0 0; }
/*工长、设计师等的识别*/
.sf-jj-PRecognize i { display: inline-block; width: 24px; height: 14px; background: transparent url("/images_m/sf-jj-PRecognize.png") -2px -5px no-repeat; background-size: 66px auto; -webkit-transform: translate(0,2px); -moz-transform: translate(0,2px); transform: translate(0,2px) }
.sf-jj-PRecognize .rec { background-position: -2px -5px; }
.sf-jj-PRecognize .rec.un { background-position: -2px -24px; }
.sf-jj-PRecognize .per { background-position: -27px -2px; width: 18px; height: 18px; -webkit-transform: translate(0,3px); -moz-transform: translate(0,3px); transform: translate(0,3px) }
.sf-jj-PRecognize .per.un { background-position: -27px -23px; width: 18px; height: 18px; -webkit-transform: translate(0,3px); -moz-transform: translate(0,3px); transform: translate(0,3px) }
.sf-jj-PRecognize .prize { background-position: -48px -2px; width: 18px; height: 20px; -webkit-transform: translate(0,5px); -moz-transform: translate(0,5px); transform: translate(0,5px) }
.sf-jj-PRecognize .prize.un { background-position: -48px -23px; width: 18px; height: 20px; -webkit-transform: translate(0,5px); -moz-transform: translate(0,5px); transform: translate(0,5px) }

/*主材列表*/
.houseList ul { margin: 0; }
.houseList li { border-bottom: 1px solid #f8f8f8; margin: 0 8px; }
.houseList li:last-child { border-bottom: none; }
.houseList li > a { position: relative; display: block; padding: 14px 8px; overflow: hidden; *zoom: 1; margin: 0 -8px; }
.houseList li .jj-img { float: left; margin-right: 8px; width: 106px; height: 80px; border: 1px solid #f4f4f4; }
.houseList li .jj-img div { position: relative; width: 104px; height: 78px; }
.houseList li .jj-img img { width: 100%; height: 100%; }
.houseList li .jj-img span.online { position: absolute; display: inline-block; height: 13px; width: 100%; bottom: 0; left: 0; overflow: hidden; background: url("/images_m/sf-jj-online.png") left top no-repeat; background-size: 34px auto; }
.houseList li .txt { overflow: hidden; *zoom: 1; }
.houseList li h3 { font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 18px; color: #0c0d0e; margin-top: -1px; margin-bottom: 4px; }
.houseList li h3.jj { line-height: normal; height: 40px; white-space: normal; overflow: hidden; }
.houseList li h3.row { margin-top: 0; margin-bottom: 3px; }
.houseList li p { color: #83868f; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 20px; }
.houseList li .basePrice { color: #cccfd8; font-size: 12px; text-decoration: line-through; }
.houseList.buyList { margin-bottom: 8px !important; }
.houseList.buyList li { margin: 0 14px; }
/*.houseList.buyList li > a{ padding-bottom:11px;}*/
.houseList.buyList li h3.jj { line-height: 19px; }
.houseList li h3.jj-jcjh { margin-top: 4px; margin-bottom: 15px; line-height: 20px; height: 40px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
/*单图套图标题*/
.header .tab { font-size: 15px; line-height: 24px; position: absolute; width: 100%; height: 100%; text-align: center; color: #3c3f46 !important; }
.header .tab a { display: inline-block; box-sizing: border-box; margin: 10px 10px 0; padding: 0 2px 7px; font-weight: normal; }
.header .tab a.active { color: #d64242 !important; border-bottom: 2px solid #d64242; }
.header .tab a:visited, .header .tab a:active, .header .tab a:link { color: #3c3f46; }

/*美图列表*/
.sf-jj-mt { color: #0c0d0e; }
.sf-jj-mt a { width: 50%; margin-bottom: 6px; position: relative; display: inline-block; float: left; }
.sf-jj-mt a div { position: relative; }
.sf-jj-mt a div .tag-icon { position: absolute; left: 6px; top: 4px; font-size: 10px; line-height: 12px; color: rgba(256,256,256,.5); text-shadow: 0px 0px 3px rgba(0,0,0,.5); }
.sf-jj-mt a img { width: 100%; }
.sf-jj-mt a:link, .sf-jj-mt a:active, .sf-jj-mt a:visited { color: #0c0d0e; }
.sf-jj-mt a:nth-child(2n-1) { padding-right: 2px; }
.sf-jj-mt a:nth-child(2n) { padding-left: 2px; }
.sf-jj-mt a p { text-align: center; font-size: 12px; line-height: 28px; color: #0c0d0e; background-color: #ffffff; box-sizing: border-box; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sf-jj-mt a.j-con:before { content: ''; position: absolute; width: 53px; height: 53px; background: red; left: 0; top: 0; margin-left: 1px; margin-top: 1px; background: url("images_m/icon-j.html") no-repeat; background-size: 53px; }
.sf-jj-mt a:nth-child(2n).j-con:before { margin-left: 3px; }
/*美图列表APP下载样式*/
.p-app-bg { position: absolute !important; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.5); text-align: center; }
.p-app-bg > div { position: absolute !important; width: 100%; left: 0; top: 50%; margin-top: -30px; }
.p-app-bg h4 { color: #f8f8f8; font-size: 17px; font-weight: 600; margin-bottom: 10px; white-space: nowrap; }
.p-app-bg .btn { display: inline-block; color: #f8f8f8; font-size: 13px; line-height: 24px; padding: 0 6px; border: 1px solid #f8f8f8; border-radius: 2px; }
.p-app-bg.big h4 { font-size: 23px; margin-bottom: 14px; }
.p-app-bg.big .btn { font-size: 14px; line-height: 28px; padding: 0 8px; }

/*套图数量*/
.triangle-br { position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-bottom: 28px solid rgba(0,0,0,0.5); border-left: 28px solid transparent; font-size: 10px; }
.triangle-br i { position: absolute; right: 1px; bottom: -27px; font-size: 12px; color: #eeeeee; font-style: normal; line-height: 1em; }
/*定位图像*/
.gpsdirection { position: relative; }
.gpsdirection:before { display: block; float: left; content: ""; width: 14px; height: 14px; margin: 0 4px 0 0; background: transparent url(/images_m/gpsdirection.png) center center no-repeat; background-size: 11px auto; }
/*选项*/
.searbox .tagList { height: 29px; }
.searbox .sdv::-webkit-scrollbar { width: 0; height: 0; }
.searbox .tagList .close { position: absolute; right: 0; top: 0; width: 35px; height: 100%; background: rgba(255,255,255,0.9) url("/images_m/hs-off.png") center center no-repeat; background-size: 16px auto; z-index: 3; }
.searbox .sdv { position: absolute; margin-right: 40px; overflow: hidden; width: 100%; height: 100%; overflow-x: scroll; }
.searbox .selected { position: absolute; left: 0; top: 0; z-index: 2; padding: 1px; white-space: nowrap; }
.searbox .selected span { display: inline-block; margin-right: 5px; padding: 0 18px 0 5px; font-size: 13px; line-height: 25px; background-color: #b2b4be; position: relative; color: #ffffff; border-radius: 2px; }
.searbox .selected span:after { position: absolute; content: ""; width: 18px; height: 100%; top: 0; right: 0; background: url("/images_m/jj-cancelSelect.png") center center no-repeat; background-size: 8px auto; }
/*菜单补充*/
.lbTab.sf-submenu section { height: 332px; overflow-y: scroll; }
.lbTab.sf-submenu .cont { background-color: rgba(0,0,0,0.8); }
.lbTab.sf-submenu section::-webkit-scrollbar { display: none; -webkit-appearance: none; }
.sf-jjdefault { padding: 40% 0 40% 0; }
/*脚部包含容器*/
.feet { height: 80px; }
/*纪录片*/
.jj-record.pdB14 { padding-bottom: 14px; }
.jj-record li { padding-bottom: 14px; }
.jj-record li:not(:first-child) { padding-top: 6px; }
.jj-record li .head { line-height: 0; position: absolute; left: 50%; top: -22px; margin-left: -22px; width: 45px; height: 45px; padding: 2px; border-radius: 50%; background-color: #ffffff; }
.jj-record li .head img { width: 41px; height: 41px; border-radius: 50%; overflow: hidden; }
.jj-record li .img { position: relative; }
.jj-record li .img img { width: 100%; }
.jj-record li .txt { padding-top: 22px; position: relative; }
.jj-record li .txt h3 { line-height: 24px; color: #0c0d0e; text-align: center; font-size: 16px; margin: 0 auto; margin-top: 3px; width: 64%; padding: 10px 0; }
.jj-record li .rela { font-size: 12px; margin-top: 12px; }
.jj-record li .rela i { margin-left: 13px; }
.jj-record li .img .wCount { position: absolute; right: 8px; bottom: 8px; padding: 0 5px 0 20px; font-size: 11px; background: rgba(0,0,0,0.6) url("/images_m/sf-jj-jlp-watcher.png") 5px center no-repeat; background-size: 12px auto; line-height: 14px; border-radius: 7px; color: #ffffff; }
.jj-record .re_start span { padding: 0 10px; line-height: 12px; display: inline-block; background-color: #ffffff; color: #b3b6be; font-size: 11px; position: relative; bottom: -9px; }

.jj-zxrj.pdB14 { padding-bottom: 14px; }

.jj-zxrj li:not(:first-child) { padding-top: 6px; }
.jj-zxrj li .jj-headBox { position: absolute; right: 10px; top: -30px; width: 60px; text-align: center; overflow: hidden; }
.jj-zxrj li .head { margin: 0 auto; padding: 3px; width: 60px; height: 60px; line-height: 0; border-radius: 50%; background-color: #ffffff; }
.jj-zxrj li .head img { width: 54px; height: 54px; border-radius: 50%; overflow: hidden; }
.jj-zxrj li .jj-headBox p { padding-top: 8px; }
.jj-zxrj li .img { position: relative; }
.jj-zxrj li .img img { width: 100%; }
.jj-zxrj li .txt { position: relative; /*padding-right:60px;*/ }
.jj-zxrj li .txt h3 { padding: 10px 0 4px; font-size: 16px; line-height: 24px; color: #3c3f46; }
.jj-zxrj li .rela { margin-top: 12px; font-size: 12px; }
.jj-zxrj li .rela i { margin-left: 13px; }
.jj-zxrj li .img .wCount { position: absolute; left: 5px; bottom: 5px; padding: 0 5px 0 20px; font-size: 11px; line-height: 18px; background: rgba(0,0,0,0.6) url("/images_m/sf-jj-jlp-watcher.png") 5px center no-repeat; background-size: 12px auto; border-radius: 9px; color: #ffffff; }
.jj-zxrj .re_start span { position: relative; bottom: -9px; display: inline-block; padding: 0 10px; font-size: 11px; color: #b3b6be; line-height: 12px; background-color: #ffffff; }


.jj-recSteps h2 { color: #0c0d0e; font-size: 18px; font-weight: 500; line-height: 15px; padding: 20px 14px 14px 14px; }
.jj-recSteps .ttl.fixed { height: 49px; }
.jj-recSteps .ttl.fixed h2 { position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(255,255,255,0.9); padding: 20px 14px 14px 14px; z-index: 10; }
.jj-recSteps .rela { color: #83868f; font-size: 11px; line-height: 13px; }
.jj-recSteps .rela i { margin-left: 13px; }
.jj-recSteps p { color: #0c0d0e; font-size: 14px; line-height: 23px; text-align: justify; word-break: break-all; word-wrap: break-word; }
.jj-recSteps .asi { line-height: 44px; color: #b3b6be; font-size: 11px; }
.jj-recSteps .asi .time { margin-left: 10px; }
.jj-recSteps .pic { margin-top: 15px; }
.jj-recSteps .pic div img { width: 100%; }
.jj-recSteps .pic > div { position: relative }
.jj-recSteps .pic > div .count { position: absolute; right: 8px; bottom: 8px; background-color: rgba(0,0,0,0.8); color: #ffffff; font-size: 10px; line-height: 1.4em; height: 1.4em; border-radius: 7px; padding: 0 7px; }
.jj-recSteps .pic div { position: relative; }
.jj-recSteps .pic ul { margin-top: 2px; padding-left: 1px; }
.jj-recSteps .pic li { padding-right: 2px; overflow: hidden; width: 33.33%; }
.jj-recSteps .pic li:first-child { margin-left: -1px; }
.jj-recSteps .pic li:last-child { margin-right: -2px; }
.jj-recSteps .pic li img { width: 100%; }
.jj-recSteps .step { padding: 20px 0 0 0; margin: 0 14px; }
.jj-recSteps .step:nth-child(2) { margin-top: -20px; }
.jj-recSteps .step:not(:last-child) { border-bottom: 1px solid #f4f4f4; }
.tagBox { font-size: 10px; color: #565c67; overflow: hidden; *zoom: 1; margin-top: 4px; }
.tagBox span { display: inline-block; margin-right: 4px; line-height: 13px; padding: 0 3px; border: 1px solid #e3e7ed; background: #fff; overflow: hidden; }
.tagBox span:last-child { margin-right: 0; }
/*.tagBox span:not(:first-child){margin-left: 9px;}
.tagBox > a:not(:first-child){margin-left: 9px;}*/
/*纪录片进度*/
.jj-process { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 9999; display: none; }
.jj-process > div { width: 215px; background-color: #ffffff; height: 100%; padding-top: 53px; }
.jj-process ul li { padding: 12px 0; }
.jj-process ul li.active { background-color: #f2f5f8; }
.jj-process ul li.disable, .jj-process ul li.disable p span { color: #cccccc; }
.jj-process ul li p { line-height: 20px; border-left: 2px solid #ffffff; padding-left: 42px; font-size: 14px; }
.jj-process ul li.active p { border-left: 2px solid #ff6666; }
.jj-process ul li p span { font-size: 11px; color: #b3b6bf; margin-left: 14px; }
/*发帖*/
.menu-cont { position: fixed; bottom: 120px; left: 16px; width: 36px; height: 36px; background: rgba(241,97,94,.9) url(/images_m/jj_rec_menu.png) center center no-repeat; background-size: 17px auto; border-radius: 50%; }
.menu-cont a { position: relative; margin-bottom: 20px; }
/*装修灵感*/
.sf-jj-llist li { padding: 0 20px 4px 20px; }
.sf-jj-llist li:first-child { padding-top: 16px; }
.sf-jj-llist li .pic { position: relative; }
.sf-jj-llist li .pic img { width: 100%; }
.sf-jj-llist li .pic .qj { position: absolute; display: block; width: 55px; height: 60px; left: 50%; top: 50%; margin: -30px 0 0 -27px; background: url(/images_m/icon_qj360.png) center center no-repeat; background-size: 100%; }
.sf-jj-llist li h3 { line-height: 46px; color: #3c3f46; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sf-jj-llist li .city { float: right; line-height: 45px; padding-left: 12px; font-size: 12px; color: #b3b6be; background: url(/images_m/jj_city_icon.png) left center no-repeat; background-size: 10px auto; }
.sf-jj-llist .bc { font-size: 10px; color: #cccfd8; line-height: 1em; padding: 8px 8px 0 8px; }
.sf-jj-llist .bc a { color: #cccfd8; }
.sf-jj-llist .bc a { white-space: nowrap; }
.sf-jj-llist .bc + ul li:first-child { padding-top: 10px; }
/*全景列表*/
.qjList .sf-jj-llist .pic { height: 59vw; max-height: 300px; overflow: hidden; }
.qjList .sf-jj-llist .pic > img { min-height: 59vw; max-height: 300px; }
/*买家具四城市*/
.sf-LList { position: absolute; left: 0; top: 0; width: 63px; margin-right: 8px; height: 100%; background: #f3f4f6; z-index: 1; }
.sf-LList li { border-right: 1px solid #e5e7ed; line-height: 44px; text-align: center; font-size: 13px; color: #3c3f46; }
.sf-LList li.active { border-top: 1px solid #ffffff;; border-right: 1px solid #ffffff; background: #ffffff; }
.sf-LList li:last-child { border-bottom: 1px solid #e5e7ed; }
.sf-LList li:not(:first-child) { border-top: 1px solid #e5e7ed; }
.sf-RList { margin-left: 63px; clear: both; }
.sf-RList > h3 { line-height: 38px; font-size: 11px; color: #83868f; }
.sf-RList li { line-height: 1em; }
.sf-RList li h2 { font-size: 15px; }
.sf-RList li:after { clear: both; content: "\200B"; display: block; height: 0; }
.sf-RList li:not(:first-child) { margin-top: 20px; }
.sf-RList li .img { float: left; margin-right: 8px; border: 1px solid #f4f4f4; }
.sf-RList li .img.wh68 { width: 68px; height: 68px; overflow: hidden; }
.sf-RList li p { margin-top: 10px; }
.sf-RList li .stag { margin-top: 11px; }
.jj-fourCity { position: relative; }
.jj-fourCity .sf-LList li.active { color: #ff6666; }
.jj-fourCity .sf-LList li { line-height: 52px; }
.jj-fourCity .sf-LList { width: 86px; overflow-y: scroll; }
.jj-fourCity .sf-LList::-webkit-scrollbar { display: none; -webkit-appearance: none; }
.jj-fourCity .sf-RList dd img { width: 100%; }
.jj-fourCity .sf-RList { margin-left: 94px; }
.jj-fourCity .sf-RList:last-child { padding-bottom: 20px; }
.jj-fourCity .sf-RList:after { clear: both; content: "\200B"; display: block; height: 0; }
.jj-fourCity .sf-RList > h3 { padding-top: 20px; line-height: 1em; }
.jj-fourCity .sf-RList dl { padding-top: 12px; }
.jj-fourCity .sf-RList dd { float: left; width: 33.3%; text-align: center; padding-right: 8px; margin-top: 8px; }
.jj-fourCity .sf-RList dd .center div { margin: 8px; }
.jj-fourCity .sf-RList dd:nth-child(3n+1) { clear: both; }
.jj-fourCity .sf-RList dd p { font-size: 12px; color: #3c3f46; }
/*设计师*/
.sf-jj-sevInfo ul li { font-size: 14px; clear: both; line-height: 24px; }
.sf-jj-sevInfo ul li:not(:last-child) { border-bottom: 1px solid #f4f4f4; }
.sf-jj-sevInfo ul li .title { float: left; font-size: 14px; color: #83868f; line-height: 44px; }
.sf-jj-sevInfo ul li .content { margin-left: 77px; padding: 10px 0; word-break: break-all; word-wrap: break-word; }
.sf-jj-deScore { padding: 8px 10px; line-height: 18px; }
.sf-jj-deScore .more { float: right; font-size: 11px; line-height: 40px; }
.sf-jj-deScore .score { line-height: 40px; color: #df3031; font-size: 16px; }
.sf-jj-deScore .scoreList { font-size: 13px; line-height: 30px; color: #565c67; }
.scoreList span { margin-right: 18px; }
.sf-jj-deScore .ico-star13 { display: inline-block; margin-right: 8px; margin-top: -5px; }
.jj-fixedBtn { position: fixed; left: 0; bottom: 0; width: 100%; background-color: #df3031; text-align: center; color: #ffffff; font-size: 14px; line-height: 44px; z-index: 10; }
.jj-fixedBtn span.desig { position: relative; padding-left: 23px; height: 16px; }
.jj-fixedBtn span.desig:before { position: absolute; left: 0; top: 0; content: ""; width: 16px; height: 16px; background: url("/images_m/jj_zxlg_icon.png") 0 0 no-repeat; background-size: 80px auto; }
.jj-fixedBtn span.desig:before { background-position: -62px -2px; }
.jj-coneDe { position: absolute; font-size: 12px; right: 0; top: 0; padding: 10px; line-height: 14px }
.jj-coneDe:before { float: left; content: ""; width: 14px; height: 14px; margin-right: 6px; background: url("/images_m/tel_icons.png") 0 0 no-repeat; background-size: 42px auto; }
/*更多*/
.more_xq.unfold { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); }
/*.more_xq{display:block;width:100%;height:40px;line-height:47px;background:url(/images_m/center_more.png) center center no-repeat;background-size:15px auto;}20170428*/

.sf-deBlock { padding: 0 10px 10px 10px; background: transparent url("/images_m/bbs_uc_bg.jpg") 0 0 no-repeat; background-size: 100% auto; color: #ffffff; position: relative; }
.sf-deBlock .img { text-align: center; font-size: 14px; line-height: 0; }
.sf-deBlock .img .designer img { width: 100%; border-radius: 50%; }
.sf-deBlock .txt { margin-top: 10px; overflow: hidden; line-height: 0; font-size: 14px; }
.sf-deBlock .txt h3 { font-size: 16px; }
.sf-deBlock .txt .level { display: inline-block; padding: 0 9px; font-size: 12px; line-height: 26px; border-radius: 13px; border: 1px solid rgba(255,255,255,0.2); background-color: rgba(255,255,255,0.1); }
.sf-deBlock .img .designer { display: inline-block; border-radius: 50%; overflow: hidden; border: 2px solid #ffffff; width: 50px; height: 50px; margin-top: 20px; line-height: 0; }
.sf-deInfos { font-size: 14px; line-height: 1.65em; }
.sf-deInfos h2 { font-size: 14px; }
.sf-deInfos .con { max-height: 3em; overflow: hidden; word-break: break-all; padding: 0 14px; line-height: 1.65em; font-size: 14px; }
.jj-btnContainer { height: 0; padding-top: 44px; }
/*设计师详情*/
/*设计师评论*/
.sf-Dsign { line-height: 1.3em; font-size: 10px; display: inline-block; vertical-align: middle; color: #ff8d8d; border: 1px solid #ff8d8d; padding-top: 1px; border-radius: 0.65em; padding-left: 5px; padding-right: 5px; margin-left: 8px; }
.sf-Dappraise li { padding: 0 14px; }
.sf-Dappraise li .ico-star13 { margin-top: 6px; }
.sf-Dappraise li { padding: 20px 0 0 0; margin: 0 14px; }
.sf-Dappraise.pdb20 li { padding: 20px 0; }
.sf-Dappraise li:not(:last-child) { border-bottom: 1px solid #f4f4f4; }
.sf-Dappraise li .img { display: inline-block; width: 25px; height: 25px; float: left; border-radius: 50%; overflow: hidden; margin-right: 8px; line-height: 0; }
.sf-Dappraise li .img img { width: 100%; }
.sf-Dappraise li h4 { line-height: 25px; }
.sf-Dappraise li .relate { line-height: 38px; font-size: 11px; color: #b3b6be; }
.sf-Dappraise li .relate .right { float: right; line-height: 38px; position: relative; }
.sf-Dappraise li .relate .right.active i { background-position: -26px 0; }
.sf-Dappraise li .relate .right.active { color: #ff6666; }
.sf-Dappraise li p { line-height: 23px; font-size: 14px; clear: both; text-align: justify; }
.sf-Dappraise li .pic { margin-left: -5px; margin-right: 0; position: relative; left: 5px; }
.sf-Dappraise li .pic:after { clear: both; content: "\200B"; display: block; height: 0; }
.sf-Dappraise li .pic a { display: inline-block; width: 33.33%; margin-top: 5px; padding-right: 5px; float: left; }
.sf-Dappraise li .pic a { padding-right: 5px; }
.sf-Dappraise li .pic a img { width: 100%; }
.sf-Dappraise .support:after { height: 38px; }
/*设计师作品*/
.sf-jj-imglist > ul { margin: 0 8px; }
.sf-jj-imglist li { padding-bottom: 6px; }
.sf-jj-imglist li:first-child { padding-top: 14px; }
.sf-jj-imglist li img { width: 100%; }
.sf-jj-imglist li p { line-height: 42px; font-size: 13px; color: #565c67; height: 42px; }
/*帖子列表*/
.sf-bbsList li { margin: 0 8px; clear: both; position: relative; padding-top: 14px; }
.sf-bbsList li:after { clear: both; content: "\200B"; display: block; height: 0; }
.sf-bbsList li:first-child { padding-bottom: 14px; }
.sf-bbsList li:not(:first-child) { padding: 14px 0; }
.sf-bbsList li:not(:last-child) { border-bottom: 1px solid #f4f4f4; }
.sf-bbsList li h3 { font-size: 15px; color: #3c3f46; line-height: 22px; text-align: justify; }
.sf-bbsList li.surpic { padding: 0; line-height: 0; margin: 0; position: relative; }
.sf-bbsList li.surpic img { width: 100%; }
.sf-bbsList li.surpic span { position: absolute; }
/*发帖按钮*/
.write-cont { position: fixed; bottom: 80px; left: 10px; width: 36px; height: 36px; background: rgba(241,97,94,.9) url(/images_m/btn-iconx.png) center center no-repeat; background-size: 22px auto;; border-radius: 50%; }
.write-cont a { position: relative; margin-bottom: 20px; }
.option-box a { display: block; width: 36px; height: 36px; line-height: 36px; color: #ffffff !important; text-align: center; font-size: 12px; border-radius: 50%; background: rgba(241,97,94,.9); }
/*设计师浮层*/
.jj-desBtn { height: 49px; color: #83868f; font-size: 12px; position: fixed; bottom: 0; left: 0; width: 100%; background-color: #f4f4f4; }
.jj-desBtn .img { float: left; width: 40px; height: 44px; line-height: 0; overflow: hidden; padding-top: 4px; margin: 0 8px 0 8px; }
.jj-desBtn .img img { width: 100%; }
.jj-desBtn h3 { padding-top: 4px; }
.jj-desBtn h3, .jj-desBtn p { line-height: 19px; }
.jj-desBtn a h3, .jj-desBtn a p { color: #83868f }
.jj-desBtn a h3.gray-0 { color: #0c0d0e }
.jj-desBtn .btn { float: right; width: 81px; height: 100%; background-color: #df3031; color: #ffffff; line-height: 49px; text-align: center; font-size: 13px; position: relative; z-index: 2; }
.jj-desBtn .jj_baojia { margin-top: 4px; width: 41px; height: 41px; text-align: center; background: #fff; }
.jj-desBtn .jj_baojia img { width: 25px; margin: 0 auto; margin-top: 5px; }
.jj-desBtn a h3.zxgs { padding-top: 6px; padding-right: 4px; font-size: 14px; color: #0c0d0e; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.jj-desBtn a p.red-ff6 { font-size: 11px; color: #ff6666; }
/*品牌装修馆浮层*/
.jj-desBtn .yuan { margin-top: 4px; padding-top: 0; width: 41px; height: 41px; text-align: center; background: #fff; border-radius: 50%; overflow: hidden; }
.jj-desBtn .yuan img { width: 100%; height: 100%; margin: 0 auto; }
.jj-desBtn .oneline { margin-left: 7px; font-size: 14px; color: #3c3f46; line-height: 49px; }
.jj-desBtn .oneline span { margin-left: 3px; margin-right: 3px; color: #dd3237; }
.jj-desBtn .twoline { margin-left: 7px; padding-top: 6px; font-size: 12px; color: #3c3f46; }
/*灵感详情*/
.sf-jj-flot { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9000; }
.sf-jj-flot .intro { padding: 10px 0 10px 14px; background-color: rgba(32,32,32,0.9); color: #ffffff; height: 62px; }
.sf-jj-flot .intro p { margin-right: 62px; line-height: 23px; height: 46px; overflow: scroll; }
.sf-jj-flot .intro span { float: right; width: 62px; height: 100%; color: #ffffff; line-height: 23px; font-size: 11px; }
.sf-jj-flot .intro span i { font-size: 15px; }
.sf-jj-flot .intro2 { padding: 0 0 10px 14px; background-color: rgba(32,32,32,0.9); color: #ffffff; height: 40px; }
.sf-jj-flot .intro2 p { line-height: 40px; height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sf-jj-flot .intro3 { padding: 11px 14px 0 14px; background-color: rgba(32,32,32,0.7); color: #ffffff; }
.sf-jj-flot .intro3 > h3 { position: relative; padding-right: 50px; margin-bottom: 10px; }
.sf-jj-flot .intro3 > h3 > span { position: absolute; top: 0; right: 0; width: 50px; height: 100%; font-size: 11px; color: #ffffff; line-height: 23px; text-align: right; }
.sf-jj-flot .intro3 > h3 > span i { font-size: 15px; }
.sf-jj-flot .intro3 > p { max-height: 50px; line-height: 20px; overflow: hidden; }
.sf-jj-flot .control { height: 44px; background-color: #202020; color: #ffffff; font-size: 12px; line-height: 0; }
.sf-jj-flot .control.sin { }
.sf-jj-flot .control.sin li.design { text-align: center; }
.sf-jj-flot .control.sin li.design a { display: block; }
.sf-jj-flot .control ul li { width: 25%; }
.sf-jj-flot .control ul li.up { text-align: center; }
.sf-jj-flot .control ul li span { position: relative; padding-left: 23px; height: 16px; }
.sf-jj-flot .control ul li span:before { position: absolute; left: 0; top: 14px; content: ""; width: 16px; height: 16px; background: url("/images_m/jj_zxlg_icon.png") 0 0 no-repeat; background-size: 80px auto; }
.sf-jj-flot .control ul li.up span:before { background-position: -2px -2px; }
.sf-jj-flot .control ul li.chat span:before { background-position: -22px -2px; }
.sf-jj-flot .control ul li.chat { padding-left: 17px; }
.sf-jj-flot .control ul li.star span:before { background-position: -42px -2px; }
.sf-jj-flot .control ul li.star { padding-left: 20px; }
.sf-jj-flot .control ul li.design { text-align: left; }
.sf-jj-flot .control ul li.design span:before { background-position: -62px -2px; }
.sf-jj-flot .control ul li a:link, .sf-jj-flot .control ul li a:visited, .sf-jj-flot .control ul li a:active { color: #ffffff; }
.sf-jj-flot .control ul li span { display: inline-block; height: 44px; line-height: 44px; }
.sf-jj-flot .control ul li.up span i { color: #ff6666; display: none; position: absolute; left: 0; -webkit-animation: riseUp 1s both; -moz-animation: riseUp 1s both; animation: riseUp 1s both; }
.sf-jj-flot .control ul li.up.play span i { display: block; }
.sf-jj-flot .control ul li.up.play span, .sf-jj-flot .control ul li.up.active span { color: #ff6666; }
.sf-jj-flot .control ul li.up.play span:before, .sf-jj-flot .control ul li.up.active span:before { background-position: -2px -22px; }
.sf-jj-flot .control ul li.star.active span:before { background-position: -42px -22px; }
/*定制返回按钮*/
.jj-zxmt-back { position: fixed; margin: 6px 4px 0 9px; width: 32px; height: 32px; top: 0; text-align: center; background-color: rgba(0,0,0,.6); border-radius: 50%; z-index: 9999; }
.jj-zxmt-back i { display: block; width: 32px; height: 32px; background: url(/images_m/xq_icons.png) -1px 0 no-repeat; background-size: 128px auto; }
/*滑动插件结束*/
/*统一报名*/
.jj-formList { line-height: 44px; font-size: 14px; color: #83868f; }
.jj-formList li { padding-left: 16px; padding-right: 16px; clear: both; height: 45px; }
/*0608*/
.jj-formList .mgX14 li { padding: 0; }
.jj-formList .jj-home-form li { padding-left: 0; padding-right: 0; }
.jj-formList .content input { -webkit-appearance: none; border: none; outline: none; /*background-color: #ffffff;*/ font-size: 14px; color: #0c0d0e; line-height: normal; }
.jj-formList .content input[type="tel"], .jj-formList .content input[type="text"], .jj-formList .content input[type="number"] { width: 100%; /*height: 44px;*/ }
.jj-formList .content input::-webkit-input-placeholder { color: #b3b6be; line-height: 1em; font-size: 14px; }
.jj-formList .content li:not(:first-child) { border-top: 1px solid #f4f4f4; }
.jj-formList .al { padding: 16px 14px; line-height: 1.5em; }
.jj-formList p.rel { padding: 0 8px 36px 8px; line-height: 1.5em; font-size: 10px; color: #cccfd8; }
.jj-formList .jj-home-rel { position: relative; padding: 0 0 14px 20px; line-height: 1.5em; font-size: 10px; color: #cccfd8; }
.jj-formList .jj-home-rel:before { content: ""; position: absolute; top: 2px; left: 0; width: 12px; height: 12px; background: url(/images_m/jj-important.png) no-repeat; background-size: 12px auto; }
.jj-formList .tt { float: left; color: #83868f; }
.jj-formList .tt.f3d { letter-spacing: 0.5em; }
.jj-formList .con { margin-left: 84px; /*height: 44px;line-height: 44px;*/ color: #cccfd8; }
.jj-formList .con.xuan_jg { color: #0c0d0e; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.jj-formList .con.clearInp { line-height: 0; padding-top: 15px; }
.jj-formList .clearInp .off { margin-top: -6px; }
.jj-formList .sele .con, .jj-formList .sele .finish, .jj-formList .con input:focus, .jj-formList .sele .con input { color: #0c0d0e; }
/*已选中效果*/
.jj-formList label { line-height: 44px; }
.jj-formList input { width: 100%; }
.jj-formList .content { position: relative; }
.jj-formList .content .loader { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(255,255,255,0.1); }
.jj-formList .content .loader:after { position: absolute; content: "提交申请中"; left: 50%; z-index: 999; top: 50%; width: 80px; height: 30px; margin-left: -40px; margin-top: -15px; border-radius: 3px; background-color: rgba(0,0,0,0.6); color: #ffffff; line-height: 30px; text-align: center; }
.jj-formList .jj-checkCode1 + .con { margin-right: 85px; }
.jj-formList > h3.biaoti { padding: 0 14px; font-size: 15px; color: #83868f; line-height: 20px; padding-top: 10px; }
/*提交/验证码*/
.jj-submitBtn a { display: block; line-height: 40px; height: 40px; font-size: 15px; background-color: #e3e7ed; color: #cccfd8 !important; border-radius: 2px; text-align: center; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.jj-submitBtn.active a { background-color: #d64242; color: #fff !important; }
.jj-submitBtn.dis a { background-color: #f3d0d1; color: #fff !important; }
.jj-submitBtn .btnBm { display: block; line-height: 36px; height: 36px; font-size: 14px; background-color: #fff; color: #ff6666; border-radius: 2px; text-align: center; -webkit-tap-highlight-color: rgba(0,0,0,0); border: 1px solid #ff6666; margin-bottom: 6px; }
.jj-submitBtn a.bgfff { color: #cccfd8; background-color: #fff; border: 1px solid #e3e7ed; }
.jj-checkCode1 { padding: 0 5px; color: #b3b6be; border: 1px solid #e3e7ed; border-radius: 3px; line-height: 22px; font-size: 12px; }
.jj-checkCode1.active { color: #ff6666; border: 1px solid #ff6666; border-radius: 3px; }
/*active激活状态*/
.jj-checkCode1.w72 { padding: 0; width: 72px; text-align: center; color: #b3b6be; border: 1px solid #e3e7ed; border-radius: 3px; line-height: 22px; font-size: 12px; }
.jj-checkCode1.w72.active { padding: 0; width: 72px; color: #ff6666; border: 1px solid #ff6666; border-radius: 3px; }
/*active激活状态*/
/*点击即视为同意个人信息保护声明*/
.tswz { font-size: 12px; color: #cccfd8; line-height: 20px; text-align: center; }
.tswz > a { display: inline-block; color: #83868f; }
.tswz2 { font-size: 12px; color: #83868f; line-height: 20px; text-align: center; padding-bottom: 20px; }
.tswz2 > a { display: inline-block; color: #819bbb; }
/*计算器首页*/
.jj-calculator-menu .login { background-color: #fffaf3; font-size: 12px; color: #565c67; padding: 9px 14px; height: 46px; border-bottom: 1px solid #f4f4f4; line-height: 15px; }
.jj-calculator-menu .login span { float: right; width: 64px; color: #83868f; background-color: #ffffff; border-radius: 2px; text-align: center; margin: 0 0 0 20px; line-height: 24px; border: 1px solid #e3e7ed; }
.jj-calculator-menu li { float: left; width: 33.33%; position: relative; }
.jj-calculator-menu li a { display: block; padding-top: 10px; text-align: center; line-height: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.jj-calculator-menu li a span { display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; }
.jj-calculator-menu li a span i { display: inline-block; width: 25px; height: 25px; margin-top: 12.5px; background-image: url("/images_m/jj-calculator-icon.png"); background-position: -5px -5px; background-repeat: no-repeat; background-size: 105px auto; }
.jj-calculator-menu li a p { line-height: 21px; text-align: center; font-size: 13px; color: #565c67; margin-top: 5px; }
.jj-calculator-menu ul:first-child li:nth-child(1) a span { background-color: #97cbff; }
.jj-calculator-menu ul:first-child li:nth-child(1) a span i { background-position: -5px -5px; }
.jj-calculator-menu ul:first-child li:nth-child(2) a span { background: #9bdda0; }
.jj-calculator-menu ul:first-child li:nth-child(2) a span i { background-position: -40px -5px; }
.jj-calculator-menu ul:first-child li:nth-child(3) a span { background: #ffce5a; }
.jj-calculator-menu ul:first-child li:nth-child(3) a span i { background-position: -75px -5px; }
.jj-calculator-menu ul:last-child li:nth-child(1) a span { background: #ffab76; }
.jj-calculator-menu ul:last-child li:nth-child(1) a span i { background-position: -5px -40px; }
.jj-calculator-menu ul:last-child li:nth-child(2) a span { background: #f7a1c9; }
.jj-calculator-menu ul:last-child li:nth-child(2) a span i { background-position: -40px -40px; }
.jj-calculator-menu ul:last-child li:nth-child(3) a span { background: #babaf6; }
.jj-calculator-menu ul:last-child li:nth-child(3) a span i { background-position: -75px -40px; }
.jj-calculator-menu ul:last-child { padding-bottom: 16px; }
.jj-calculator-menu .ap { font-size: 14px; line-height: 44px; padding: 0 14px; }
.jj-calculator-menu .ap a { display: block; }
/*装修预算*/
.jj-budgetDF { position: relative; width: 100%; height: 85%; background: url(/images_m/jj-default.png) center center no-repeat; background-size: 100% auto; }
.jj-cclList ul li span { float: left; }
.jj-cclList ul li { height: 61px; position: relative; padding: 0 0 0 0; font-size: 14px; line-height: 1.21em; }
.jj-cclList ul li:not(:last-child) { border-bottom: 1px solid #f4f4f4; }
.jj-cclList ul li .sele { width: 45px; height: 100%; float: left }
.jj-cclList ul li p, .jj-cclList ul li time { line-height: 20px; }
.jj-cclList ul li p { font-size: 13px; }
.jj-cclList ul li .con { padding: 10px 0; }
.jj-cclList .tt { color: #83868f; font-size: 15px; line-height: 0; height: 45px; border-bottom: 1px solid #f4f4f4; }
.jj-cclList .tt .del { line-height: 44px; text-align: center; color: #ff6666; font-size: 14px; position: relative; }
.jj-cclList .tt .del:before { content: ""; position: absolute; left: -1px; border-left: 1px solid #f4f4f4; height: 20px; top: 12px; }
.jj-cclList .del { width: 55px; float: right; }
.jj-cclList li .del { height: 60px; background-color: #ff6666; color: #ffffff; line-height: 60px; text-align: center; }
.jj-cclList li .sele:before { top: 20px; }
.jj-cclList .tt .sele { height: 100%; width: 45px; position: relative; float: left; }
.jj-cclList .tt .sele:before, .jj-budgeta .sele:before { position: absolute; content: ''; background: url("/images_m/jj-yusuan-ico.png") 0 -48px no-repeat; top: 14px; height: 16px; width: 16px; background-size: 16px auto; left: 14px; }

.jj-cclList .tt .active:before, .jj-budgeta .active:before, .jj-cclList input[type="checkbox"]:checked { background-position: 0 -24px; }
/*项目组已选*/
.jj-cclList time { text-align: right; color: #b3b6be; padding-right: 15px; font-size: 11px; }
.jj-cclList .edi { position: relative; padding-right: 14px; text-align: right; line-height: 44px; width: 60px; height: 44px; }
.jj-cclList .del { display: none; }
.jj-cclList.edit .del { display: block; }
.main section.jj-cclList:not(:last-child) { border-bottom: 8px solid #f4f4f4; }
.main + .btn-cont { height: 49px; }
.alcontainer { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0,0,0,0.4); }
.alcontainer div { position: relative; top: 50%; margin-top: -60px; width: 280px; height: 120px; text-align: center; background-color: #ffffff; left: 50%; margin-left: -140px; border-radius: 5px; }
.alcontainer h3 { color: #0c0d0e; text-align: center; vertical-align: middle; height: 86px; line-height: 86px; }
.alcontainer span { display: inline-block; width: 50%; line-height: 32px; border-top: 1px solid #f4f4f4; color: #565c67; }
.alcontainer span:not(:last-child) { border-right: 1px solid #f4f4f4; }
.alcontainer .ok { color: #df3031; }
.jj-cclList input[type="checkbox"] { -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; border: none; font-size: 0; -webkit-appearance: none; position: absolute; background: url("/images_m/jj-yusuan-ico.png") 0 -48px no-repeat; top: 20px; height: 16px; width: 16px; background-size: 16px auto; left: 14px; }
/*装修预算标题类型图标*/
.jj-cclList .tt-ico { position: relative; padding-left: 24px; height: 100%; font-size: 15px; display: inline-block; line-height: 44px; }
.jj-cclList .tt-ico:before { position: absolute; content: ''; left: 0; top: 14px; width: 16px; height: 16px; background: url("/images_m/jj-calculator-icon-colorful.png") -12px -12px no-repeat; background-size: 96px auto; }
.jj-cclList .tt-ico.qz:before { background-position: -12px -12px; }
.jj-cclList .tt-ico.dz:before { background-position: -40px -12px; }
.jj-cclList .tt-ico.db:before { background-position: -68px -12px; }
.jj-cclList .tt-ico.bz:before { background-position: -12px -40px; }
.jj-cclList .tt-ico.tl:before { background-position: -40px -40px; }
.jj-cclList .tt-ico.cl:before { background-position: -68px -40px; }
/*装修预算底部浮层*/
.jj-budgeta { font-size: 14px; }
.jj-budgeta .sele:before { top: 16px; }
.jj-budgeta span { line-height: 49px; height: 49px; text-align: right; }
.jj-budgeta span.sele { padding-left: 49px; line-height: 49px; float: left; color: #0c0d0e; }
.jj-budgeta { position: fixed; font-size: 14px; bottom: 0; left: 0; width: 100%; height: 49px; color: #ff6666; background-color: #f4f4f4; text-align: right; line-height: 49px; z-index: 10; }
.jj-budgeta .add { display: block; width: 81px; font-size: 13px; margin-left: 14px; color: #ffffff; background-color: #ff6666; line-height: 49px; text-align: center; }
/*装修计算器,基于统一报名的扩展*/
.jj-formList .mTitle h2 { margin-left: 14px; color: #565c67; }
.jj-formList li.bz8 { height: auto; }
.jj-formList li.bz8 .con { margin-left: 133px; height: auto; }
.jj-formList li.bz6 .con { margin-left: 110px; }
.jj-formList li.bz8 .con p { color: #b3b6be; font-size: 12px; margin-right: -60px; border-top: 1px solid #f4f4f4; }
.jj-formList li.bz9 .con { margin-left: 155px; }
.jj-counterControl { padding: 20px 14px; }
.jj-counterControl ul li { width: 50%; }
.jj-counterControl ul li:first-child { padding: 0 22px 0 13px; }
.jj-counterControl ul li:last-child { padding: 0 13px 0 22px; }
.jj-counterControl ul li a { display: block; width: 100%; background-color: #e3e7ed; border-radius: 2px; text-align: center; font-size: 14px; line-height: 36px; color: #ffffff; }
.jj-counterControl ul li a.active { background-color: #df3031; }
/*增加单位*/
.jj-rd { position: relative; padding-right: 19px; }
.jj-rd:after { position: absolute; content: ''; right: 0; top: 0; color: #83868f; font-size: 14px; }
.jj-rd.m:after { content: '米'; }
.jj-rd.s:after { content: '扇'; }
.jj-rd.y:after { content: '元'; }
.jj-rd.k:after { content: '块'; }
.jj-rd.j:after { content: '卷'; }
.jj-rd.l:after { content: '升'; }
.jj-rd.mm { padding-right: 33px; }
.jj-rd.mm:after { content: '毫米'; }
.jj-rd.yk:after { content: '元/块'; }
.jj-rd.ym:after { content: '元/米'; }
.jj-rd.yl:after { content: '元/升'; }
.jj-rd.yj:after { content: '元/卷'; }
.jj-rd.yl, .jj-rd.yk, .jj-rd.ym, .jj-rd.yj { padding-right: 37px; }
.jj-rd.mj, .jj-rd.ml { padding-right: 51px; }
.jj-rd.mj:after { content: '平米/卷'; }
.jj-rd.ml:after { content: '平米/升'; }
.jj-rd .ipt { position: relative; overflow: hidden; /* margin-right: 41px;*/ }
.jj-rd .ipt input { padding: 0 8px; border: none; width: 100%; height: 31px; font-size: 14px; outline: none; -webkit-appearance: none; color: #0c0d0e; }
.jj-rd .ipt input::-webkit-input-placeholder { color: #cccfd8; line-height: 18px; }
.jj-rd .ipt .off { position: absolute; top: 50%; margin-top: -12px; right: 6px; display: block; width: 24px; height: 24px; background: #fff url(/images_m/search_off.png) center no-repeat; background-size: 14px auto; }
/*装修美图推荐*/
.jj-mtRecommend { font-size: 12px; background-color: #ffffff; }
.jj-mtRecommend ul li { float: left; width: 25%; position: relative; }
.jj-mtRecommend ul li a { display: block; color: #cccfd8; line-height: 0; text-align: center }
.jj-mtRecommend ul li a span { display: inline-block; width: 4em; overflow: hidden; line-height: 39px; white-space: nowrap; }
/**/
/*帖子*/
.sf-bbs-detail h2 { font-size: 18px; color: #0c0d0e; line-height: 24px; padding-top: 8px; font-weight: 600; }
.sf-bbs-detail .telite { float: right; margin-top: 9px; width: 71px; }
.sf-bbs-detail .breadCrumb { color: #cccfd8; font-size: 10px; padding-top: 6px; }
.sf-bbs-detail .breadCrumb a { color: #cccfd8; }
.sf-bbs-detail .relInfo { color: #7fb5ff; font-size: 11px; padding-bottom: 14px; }
.sf-bbs-detail .relInfo a, .sf-bbs-detail .relInfo a:link, .sf-bbs-detail .relInfo a:active, .sf-bbs-detail .relInfo a:visited { color: #7fb5ff; }
.sf-bbs-detail .relInfo .tagBox > a { display: inline-block; color: #565c67; margin-right: 4px; }
.sf-bbs-detail .author { vertical-align: bottom; padding-top: 20px; line-height: 16px; }
.sf-bbs-detail .rec { display: inline-block; margin-right: 4px; padding: 0 3px; font-size: 11px; color: #fff; line-height: 13px; background-color: #ff9933; border: 1px solid #ff9933; border-radius: 1px; overflow: hidden; *zoom: 1; }
.sf-bbs-detail .author .img { float: left; width: 31px; height: 31px; line-height: 0; border-radius: 50%; overflow: hidden; margin-right: 8px; }
.sf-bbs-detail .author .img img { width: 100%; height: 100%; }
.sf-bbs-detail .author .tim { font-size: 10px; color: #83868f; }
.sf-bbs-detail .author .tim2 { font-size: 10px; color: #83868f; line-height: 31px; }
.sf-bbs-detail .author .name { color: #0c0d0e; font-size: 12px; display: inline-block; max-width: 10.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.sf-bbs-detail .author .name1 { line-height: 16px; font-size: 12px; color: #565c67; }
.sf-bbs-detail .author .name2 { line-height: 31px; font-size: 12px; color: #565c67; }
.sf-bbs-detail .author .reco { position: relative; width: 5.5em; height: 27px; }
.sf-bbs-detail .author ul { font-size: 13px; line-height: 20px; position: absolute; bottom: 8px; }
.sf-bbs-detail .author ul li img { float: left; margin-right: 3px; margin-top: 2px; }
.sf-bbs-detail .author ul li.r1 { color: #7fb5ff; }
.sf-bbs-detail .author ul li.r2 { color: #97d092; }
.sf-bbs-detail .content { padding: 6px 0 20px 0; clear: both; color: #0c0d0e; font-size: 14px; line-height: 24px; position: relative; text-align: justify; word-wrap: break-word; }
/*20170428*/
/*.sf-bbs-detail .content img:first-child{margin-top: 8px;}
.sf-bbs-detail .content img{margin-bottom: 8px;}*/
.sf-bbs-detail .content p { margin: 8px 0; }
.sf-bbs-detail .content p:first-of-type { margin-top: 0; }
.sf-bbs-detail .content p:last-child { margin-bottom: 0; }
.sf-bbs-detail > ul > li:not(:last-child) { border-bottom: 1px solid #f4f4f4; }
.sf-bbs-detail > ul > li { position: relative; clear: both; }
.sf-bbs-detail .repL { line-height: 20px; background-color: #f6f6f6; font-size: 13px; padding: 17px 0 14px 0; position: relative; }
.sf-bbs-detail .repL:before { content: ""; position: absolute; width: 0; height: 0; right: 2px; top: -5px; border-top: 9px solid #f6f6f6; border-right: 9px solid transparent; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.sf-bbs-detail .repL dd { padding: 5px 10px; text-align: justify; word-break: break-all; word-wrap: break-word; }
.sf-bbs-detail .repL dd a { color: #7fb5ff; }
.sf-bbs-detail .repL dd i { color: #83868f; font-size: 10px; }
.sf-bbs-detail .repL .loadm { text-align: center; margin-top: 10px; }
.sf-bbs-detail .repL .loadm a { display: inline-block; position: relative; padding-right: 18px; font-size: 11px; }
.sf-bbs-detail .repL .loadm a:after { position: absolute; content: ""; width: 15px; height: 13px; right: 0; top: 2px; opacity: 0.8; background: url(/images_m/ldmore.png) center center no-repeat; background-size: 10px auto; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.sf-bbs-detail .repL .loadm a.up:after { background: url(/images_m/ldmore2.png) center center no-repeat; background-size: 10px auto; }
.loadm a, .loadm a:link, .loadm a:active, .loadm a:visited, .loadm a:hover { color: #565c67; }
.sf-bbs-detail .subName p.tt { line-height: 16px; font-size: 12px; color: #83868f; }
.sf-bbs-detail .subName p.tt span { margin-left: 5px; position: relative; padding-right: 10px; }
.sf-bbs-detail .subName p.tt span:after { position: absolute; content: ""; right: 0; top: 0; height: 100%; width: 10px; background: transparent url("/images_m/bbs_loginfrom.png") right center no-repeat; background-size: auto 10px; }
.sf-bbs-detail .reply2 { position: absolute; z-index: 2; width: 33px; height: 33px; right: -10px; bottom: 0; background: url("/images_m/sf-replyer2.png") center center no-repeat; background-size: 14px auto; }
.sf-bbs-detail .content2 { clear: both; font-size: 14px; padding-top: 8px; line-height: 24px; }
.sf-bbs-detail .reply { margin-right: 0; }
.sf-bbs-detail .contentH { font-size: 15px; padding-top: 8px; }
.sf-bbs-detail .contentH > div { clear: both; margin-top: 8px; }
.sf-bbs-detail .contentH dd { width: 70px; height: 70px; overflow: hidden; float: left; margin-right: 6px; }
.sf-bbs-detail .contentH dd img { width: 100%; height: 100%; }
.sf-bbs-detail .contentH .surp3 { margin-right: 20px; }
.sf-bbs-detail .contentH .rel { clear: both; font-size: 11px; padding: 10px 0; color: #b3b6be; line-height: 16px; }
.sf-bbs-detail .contentH .support { margin-right: 20px; }
.reply3 { position: relative; float: right; line-height: 16px; }
.reply3:after { content: ""; float: left; width: 16px; height: 16px; background: transparent url("/images_m/comm_icon.png") right top no-repeat; background-size: 32px 32px; margin-right: 5px; }
/*无帖子缺省*/
.bbs-default { padding-top: 20%; padding-bottom: 20%; background-color: #ffffff; }
.bbs-default a { display: inline-block; position: relative; font-size: 13px; line-height: 21px; padding: 0 5px 0 25px; color: #83868f; border: 1px solid #e0e0e0; border-radius: 4px; }
.bbs-default a:before { position: absolute; content: ""; left: 3px; top: 3px;; width: 16px; height: 16px; background: transparent url("/images_m/bbs-ico-btn-house.png") center center no-repeat; background-size: 16px auto; }
.bbs-default a, .bbs-default a:link, .bbs-default a:active, .bbs-default a:visited { color: #83868f; }
/*SEO美图SEO标签*/
.jj-mtseo { padding: 14px 14px 0 14px; position: fixed; bottom: 44px; width: 100%; background-color: #202020; color: #565c67; z-index: 1500; }
.jj-mtseo a { display: inline-block; white-space: nowrap; line-height: 14px; padding: 0 0.5em; max-width: 11em; font-size: 9px; border: 1px solid #565c67; margin: 0 5px 8px 0; text-overflow: clip; overflow: hidden; border-radius: 7px; -webkit-tap-highlight-color: rgba(255,0,0,0); }
/*论坛*/
/*表情包*/
/*发表新帖*/
.re-box { position: relative; font-size: 14px; line-height: 1.4; color: #cccfd8; background-color: #fff; }
.re-box .tittle { outline: none; padding: 10px; border: 1px solid #f4f4f4; min-height: 41px; height: 40px; white-space: nowrap; overflow-x: scroll; }
.re-box .tittle::-webkit-scrollbar { -webkit-appearance: none; display: none; }
.re-box .textarea { outline: none; padding: 10px; min-height: 210px; overflow-y: auto; }
.re-box.pdb30 { padding-bottom: 30px; }
.re-box .textarea:focus, .re-box .tittle:focus { color: #0c0d0e; }
.re-box .textarea2 { outline: none; padding: 0 14px; margin-top: 10px; width: 100%; min-height: 140px; border: 0; }
.re-box .numBq { display: inline-block; position: absolute; bottom: 5px; right: 10px; }
.add-box { height: 50px; background: #f4f4f4; overflow: hidden; zoom: 1; padding: 0 14px; }
.add-box .add-face { float: left; width: 35px; height: 25px; background: url(/images_m/bbs_add_face.png) left center no-repeat; background-size: 25px; margin-top: 12px; }
.add-box .add-pic { float: left; width: 34px; height: 22px; background: url(/images_m/bbs_add_pic.png) right center no-repeat; background-size: 24px 22px; margin-top: 14px; position: relative; }
.add-box .add-pic span { position: absolute; width: 18px; height: 18px; line-height: 18px; right: -6px; top: -6px; background: #df3031; border-radius: 50%; color: #ffffff; font-size: 12px; text-align: center; }
.add-box .add-save { float: right; margin-top: 14px; width: 38px; height: 22px; padding: 0 0 0 14px; background: url("/images_m/bbs_add_save.png") right center no-repeat; background-size: 24px auto; }
.add-box input[type='text'] { height: 30px; border: 1px solid #cccccc; background: #ffffff; border-radius: 4px; width: 70px; margin-top: 9px; margin-left: 5px; padding: 0 5px; color: #999999; font-size: 14px; }
.add-box input[type='button'] { height: 30px; border: 1px solid #cccccc; background: #ffffff; border-radius: 4px; width: 55px; margin-top: 9px; margin-left: 5px; color: #999999; font-size: 14px; }
.add-box .submit { float: right; }
.bbs-addpic { padding-top: 10px; position: relative; min-height: 161px; }
.bbs-addpic dd { position: relative; float: left; width: 62px; height: 62px; line-height: 0; margin-left: 15px; margin-top: 15px; background: url("/images_m/bbs_add_base.png") center center no-repeat; background-size: 100% auto; }
.bbs-addpic dd.load:after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: transparent url("/images_m/bbs_img_loading.gif") center center no-repeat; background-size: 20px auto; z-index: 0; }
.bbs-addpic dd img { width: 100%; height: 100%; border-radius: 4px; }
.bbs-addpic dd:last-child { margin-right: 0; }
.bbs-addpic dd .del { position: absolute; width: 18px; height: 18px; right: -3px; top: -6px; background: url(/images_m/close_wt.png) no-repeat; background-size: 18px auto; }
.upload-input { width: 100%; height: 100%; position: relative; opacity: 0; text-indent: -999px; }
.bbs-addpic dd.add { border: none; width: 62px; height: 62px; background: url(/images_m/bbs_add.png) top left no-repeat; cursor: pointer; overflow: hidden; background-size: 100% 100%; }
.bbs-addpic .imgClass { margin: 0; width: 100%; height: 100%; }
.bbs-addpic .imgClass img { position: relative; z-index: 2; }
.bbs-addpic p { clear: both; padding: 8px 0 0 14px; font-size: 14px; color: #83868f; }
.expressionBag { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; overflow: visible; }
.expressionBag > div { margin: 10px 10px 0 10px; padding: 5px 5px; background-color: #ffffff; position: relative; }
.expressionBag .arr { background: url("/images_m/bbs_arrowx.png") center center no-repeat; background-size: auto 10px; position: absolute; top: -10px; left: 5px; width: 20px; height: 10px; }
.expressionBag ul { clear: both; height: 47px; }
.expressionBag ul:last-child li { border-bottom: none; }
.expressionBag li { text-align: center; height: 47px; padding-top: 11px; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
.expressionBag li:last-child { border-color: #ffffff; }
.expressionBag li img { width: 25px; height: 25px; }
/*秒杀、投票、大转盘*/
/*热帖*/
.sf-bbs-post { font-size: 14px }
.sf-bbs-post li { line-height: 40px; color: #0c0d0e; }
.sf-bbs-post li a { display: block; white-space: nowrap; text-overflow: ellipsis; clear: both; overflow: hidden; }
.sf-bbs-post li:not(:last-child) { border-bottom: 1px solid #f4f4f4; }
/*投票*/
.xqvote { border: 1px solid #e3e7ed; border-radius: 2px; margin: 0 auto; font-size: 15px; }
.xqvote .votetit { border-bottom: 1px solid #e3e7ed; padding: 0 10px 6px 10px; }
.xqvote .votetit h1 span { color: #b3b6be; font-size: 12px; font-weight: normal; }
.xqvote .votetit p { color: #b3b6be; font-size: 12px; line-height: 12px; }
.xqvote .votetit h1 { line-height: 31px; font-size: 15px; color: #0c0d0e; font-weight: bold; }
.xqvote .votetit h1 i { font-style: normal; font-size: 12px; color: #b3b6be; margin-left: 5px; }
.xqvote ul { padding: 0 10px; font-size: 14px; }
.xqvote ul li { line-height: 18px; position: relative; padding: 11px 0; }
.xqvote.single ul li, .xqvote.multiple ul li { padding-left: 25px; }
.xqvote ul li input { display: none; }
.xqvote ul li label { display: block; }
.xqvote.single ul li input, .xqvote.multiple ul li input { display: block; position: absolute; left: 0; height: 18px; top: 11px; -webkit-appearance: none; width: 18px; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; -webkit-appearance: none !important; appearance: none !important; border: 0px; }
.xqvote.single ul li input { background: url(/images_m/bbs_sSele.png) 0 -20px no-repeat; background-size: 18px auto; }
.xqvote.single ul li input:checked { background-position: 0 0; }
.xqvote.multiple ul li input { border: 1px solid #e3e7ed; background: url("/images_m/bbs_sSele.png") 0 -60px no-repeat; background-size: 18px auto; }
.xqvote.multiple ul li input:checked { border-color: #df3031; background-position: 0 -40px; }
.xqvote.selected ul li div { display: block; }
.xqvote ul li .aim { display: inline-block; border-radius: 2px; border: 1px solid #df3031; color: #df3031; font-size: 11px; line-height: 12px; height: 14px; margin-left: 5px; white-space: nowrap; }
.xqvote ul li .info { display: block; float: right; height: 100%; margin-left: 5px; }
.xqvote ul .co1 .info { color: #ff6666; }
.xqvote ul .co2 .info { color: #ff9933; }
.xqvote ul .co3 .info { color: #ffcc00; }
.xqvote ul .co4 .info { color: #94d291; }
.xqvote ul .co5 .info { color: #7fb6ff; }
.xqvote ul .info { color: #cccfd8; }
.xqvote ul li div { display: none; height: 2px; line-height: 0; background-color: #e3e7ed; margin-top: 9px; }
.xqvote ul li div i { display: block; height: 2px; line-height: 0; background-color: #cccfd8; }
.xqvote ul .co1 div i { background-color: #ff6666; }
.xqvote ul .co2 div i { background-color: #ff9933; }
.xqvote ul .co3 div i { background-color: #ffcc00; }
.xqvote ul .co4 div i { background-color: #94d291; }
.xqvote ul .co5 div i { background-color: #7fb6ff; }
.xqvote .submit { line-height: 38px; text-align: center; border-top: 1px solid #e3e7ed; font-size: 15px; color: #0c0d0e; }
.xqvote .submit a { color: #0c0d0e }
.xqvote .submit.disabled a, .xqvote .submit.disabled { color: #83868f }
.xqvote ul li em { line-height: 12px; font-size: 10px; padding: 1px 2px; border: 1px solid #df3031; background: #fff; color: #df3031; text-align: center; border-radius: 2px; margin: 0px 0px 0 10px; font-style: normal; display: inline-block }
.xqvote .submit a.cur { color: #fd8181 }
/*大转盘*/
body:not(:-moz-handler-blocked) .flexbox { width: 100%; }
.dzppage { padding-bottom: 20px; }
.toppic { margin: 0 auto }
.gamecon { min-height: 16rem; position: relative; overflow: hidden }
.gamecon img { width: 100%; }
.ruletr { width: 100%; height: 1.8rem; line-height: 1.8rem; padding: 0 10px; font-size: 0.6rem; color: #915319; text-align: center; margin-top: 16.55rem; overflow: hidden }
.ruletr a { width: 30%; text-align: center; }
.w30 { width: 30%; text-align: center; }
.fangzi { height: 2.45rem; width: 5.225rem; position: absolute; left: 50%; top: 0.35rem; margin-left: -2.4rem; z-index: 20; }
.pan { width: 14.45rem; height: 14.45rem; position: absolute; left: 50%; margin-left: -7.225rem; top: 1rem; z-index: 2; }
.needle { width: 5.875rem; height: 9.4rem; position: absolute; left: 50%; margin-left: -2.9375rem; top: 2.5rem; z-index: 5; }
.needle1 { width: 12.925rem; height: 12.925rem; position: absolute; left: 50%; margin-left: -6.4625rem; top: 1.7rem; z-index: 5; }
.start { width: 4.55rem; height: 4.55rem; position: absolute; left: 50%; top: 50%; margin: -2.11rem 0 0 -2.275rem; z-index: 5; }
.ntegral, .ntegral1, .ntegral2, .ntegral3, .ntegral4, .ntegral5, .ntegral6, .ntegral7 { width: 3rem; height: 2.8rem; font-size: 0.55rem; color: #f9472b; text-align: center; position: absolute; left: 50%; margin-left: -3.2rem; top: 1.6rem; z-index: 3; overflow: hidden }
.ntegral p, .ntegral1 p, .ntegral2 p, .ntegral3 p, .ntegral4 p, .ntegral5 p, .ntegral6 p, .ntegral7 p { width: 3rem; height: 1.35rem; overflow: hidden }

.ntegral p.lineh, .ntegral1 p.lineh, .ntegral2 p.lineh, .ntegral3 p.lineh, .ntegral4 p.lineh, .ntegral5 p.lineh, .ntegral6 p.lineh, .ntegral7 p.lineh { padding-top: 0.4rem }
.ntegral em, .ntegral1 em, .ntegral2 em, .ntegral3 em, .ntegral4 em, .ntegral5 em, .ntegral6 em, .ntegral7 em { font-size: 0.6rem; color: #f9472b; font-style: normal; }

.ntegral .pic, .ntegral1 .pic, .ntegral2 .pic, .ntegral7 .pic, .ntegral3 .pic, .ntegral4 .pic, .ntegral5 .pic, .ntegral6 .pic { width: 1.55rem; height: 1.45rem; }
.ntegral1 { left: 50%; margin-left: 0.2rem; }
/*1215*/
.ntegral2 { left: 50%; margin-left: 2.6rem; top: 3.9rem; }
.ntegral3 { left: 50%; margin-left: 2.7rem; top: 7.8rem; }
/*1215*/
.ntegral4 { left: 50%; margin-left: 0rem; top: 10.1rem; }
.ntegral5 { left: 50%; margin-left: -3.2rem; top: 10.1rem; }
.ntegral6 { left: 50%; margin-left: -5.7rem; top: 7.5rem; }
.ntegral7 { left: 50%; margin-left: -5.8rem; top: 4.1rem; }
.d20f { -moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); }
.d20 { -moz-transform: rotate(20deg); -webkit-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); }
.d70 { -moz-transform: rotate(70deg); -webkit-transform: rotate(70deg); -o-transform: rotate(70deg); transform: rotate(70deg); }
.d70f { -moz-transform: rotate(-70deg); -webkit-transform: rotate(-70deg); -o-transform: rotate(-70deg); transform: rotate(-70deg); }
.d180 { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.namelista { width: 100%; padding: 0 10px; }
.namelistabox { height: 110px; width: 100%; position: relative }
.namelista .title { height: 1.325rem; line-height: 1.2rem; width: 100%; font-size: 0.8rem; color: #7b3e0d; text-align: center; top: 0.35rem; left: 0; background: url(/images_m/title01.png) no-repeat; background-size: 100%; position: absolute; z-index: 3 }
.namelista .cont { height: 110px; width: 95%; top: 0; left: 0.375rem; border: 1px solid #fcb34e; position: absolute; z-index: 2; overflow: hidden }
.namelista ul { color: #7b3e0d; margin-top: 1.7rem; height: 60px; overflow: hidden; }
.namelista ul li { height: 21px; line-height: 21px; font-size: 0.55rem }
.namelista ul li span { float: left; text-align: center; }
.namelista ul li .w20 { width: 20%; overflow: hidden }
.namelista ul li .w40 { width: 40%; overflow: hidden }
.namelista ul li .w30 { width: 30%; overflow: hidden }
.namelista ul li .w25 { width: 25%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.namelista ul li .w15 { width: 15%; overflow: hidden }
.zpRule { padding: 15px 14px; color: #83868f }
.zpRule h1 { font-size: 14px; text-align: center }
.zpRule p { font-size: 11px; line-height: 22px; }
.zpRule p.bj { font-size: 12px; background: url(/images_m/icon001.png) no-repeat 0 4px; background-size: 7px auto; padding-left: 14px; margin-top: 8px; }
/*大转盘报名*/
.hdbbs { background: #fff; }
.hdbbs .hd-img { display: inline-block; text-align: center; position: relative; }
.hdbbs .hd-img img { max-width: 100%; margin: 0; }
.hdbbs .hd-img i { position: absolute; left: 0; top: 0; width: 70px; height: 70px; background: url(/images_m/hd-jb.png) no-repeat; background-size: 70px 70px; }
.hdbbs .hd-con { padding: 10px 10px 0 10px; color: #565c67; }
.hdbbs .hd-con h3 { line-height: 24px; color: #0c0d0e; }
.hdbbs .hd-con ul { margin-top: 5px; }
.hdbbs .hd-con ul li { padding-left: 20px; line-height: 26px; }
.hdbbs .hd-btn { display: block; max-width: 300px; margin: 5px auto 0 auto; text-align: center; border-radius: 3px; height: 38px; line-height: 38px; color: #fff; background-image: linear-gradient(#fdab2a, #fdab2a); background-image: -moz-linear-gradient(top, #fdab2a, #ff8603); background-image: -webkit-linear-gradient(top, #fdab2a, #ff8603); background-image: -o-linear-gradient(top, #fdab2a, #ff8603); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdab2a), color-stop(1, #ff8603)); }
.hdbbs .hd-btn:hover { color: #fff; }
.hdbbs .hd-btn-none { background: #cccfd8; color: #83868f }
.hdbbs .hd-btn-none:hover, .hd-btn-none:visited { color: #83868f !important; }
.hdbbs .hd-btn span { font-size: 14px; }
.hdbbs .hd-btn span i { color: #f00; font-style: normal; }
.hdbbs .icon-time { background: url(/images_m/icon_time.png) 0 6px no-repeat; background-size: 15px 15px; }
.hdbbs .icon-pos { background: url(/images_m/icon_pos.png) 0 6px no-repeat; background-size: 15px 15px; }
.hdbbs .icon-num { background: url(/images_m/icon_num.png) 0 6px no-repeat; background-size: 15px 15px; }
.hdbbs .icon-love { background: url(/images_m/icon_love.png) 0 6px no-repeat; background-size: 15px 15px; }
.hdbbs .icon-card { background: url(/images_m/icon_card.png) 0 6px no-repeat; background-size: 15px 15px; }
.hdbbs .icon-pay { background: url(/images_m/icon_pay.png) 0 6px no-repeat; background-size: 15px 15px; }
.hdbbs .shadow { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 90; }
.hdbbs .hd-pop { display: none; position: fixed; padding: 10px 10px 15px 10px; border-radius: 10px; top: 10%; width: 280px; left: 50%; margin-left: -140px; background: #fff; text-align: center; z-index: 100; }
.hdbbs .hd-pop .tit { color: #0c0d0e; font-weight: bold; font-size: 16px; }
.hdbbs .hd-pop .listitem { width: 260px; text-align: left; margin-top: 10px; padding: 8px 5px; border-radius: 5px; border: 1px solid #d6d6d6; background: #f2f2f2; outline: none; color: #999; font-size: 14px; box-shadow: inset 0 3px 5px #dbdbdb; }
.hdbbs .listitem input, .hdbbs .listitem textarea { border: none; background: #f2f2f2; color: #999999; font-size: 14px; }
.hdbbs .listitem textarea { resize: none; width: 214px; vertical-align: top; }
.hdbbs .hd-pop p { padding: 0 5px; font-size: 12px; text-align: left; color: #b3b6be; }
.hdbbs .hd-pop .pop-btn { display: block; font-size: 16px; border: none; width: 96%; margin: 5px auto 0 auto; text-align: center; border-radius: 5px; height: 38px; line-height: 38px; color: #fff; background-image: linear-gradient(#5288cf, #5288cf); background-image: -moz-linear-gradient(top, #5288cf, #6698d9); background-image: -webkit-linear-gradient(top, #5288cf, #6698d9); background-image: -o-linear-gradient(top, #5288cf, #6698d9); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5288cf), color-stop(1, #6698d9)); }
.hdbbs .hd-pop .close { position: absolute; top: -7px; right: -7px; border-radius: 50px; background: #fff; border: 2px solid #999; padding: 4px 8px; font-size: 14px; color: #999; }
.cpResultbox { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.75); z-index: 998; }
.cpResult { position: relative; width: 260px; height: 180px; top: 50%; margin: -90px auto 0; }
.cptr01 { position: absolute; top: 0px; left: 0px; width: 124px; height: 55px; }
.cptr02 { position: absolute; top: 51px; left: 0px; width: 240px; background: #fdc652; border-radius: 7px; padding: 15px 10px; color: #7f4611 }
.cptr03 { position: absolute; top: 51px; left: 0px; width: 240px; background: #fdc652; border-radius: 7px; padding: 15px 10px; color: #7f4611 }
.cptr03 p { line-height: 24px; font-size: 15px; text-align: center; padding: 10px 20px }
.cptr03 td { height: 90px; text-align: center; line-height: 24px; font-size: 14px; }
.cptr03 a { display: block; width: 80px; height: 30px; margin: 0 auto; }
.cpResult .close { position: absolute; width: 13px; height: 13px; right: 10px; background: url(/images_m/bbs_close.png) no-repeat; background-size: 100%; }
/*秒杀*/
.bbs .g-head { overflow: hidden; }
.bbs .g-head dt { float: left; margin-right: 5px; width: 45px; height: 45px; overflow: hidden; border-radius: 50%; background: url(/images_m/default-head.jpg) no-repeat; background-size: 100%; }
.bbs .g-head dt img { width: 100%; height: 100%; }
.bbs .g-head dd { float: left; color: #999999; overflow: hidden; line-height: 14px; margin-top: 8px; }
.bbs .g-head dd h3 { font-size: 14px; }
.bbs .g-head dd p { font-size: 10px; margin-top: 5px; }
.bbs .g-head dd p span { font-size: 10px; margin-left: 15px; }
.bbs .g-head dd p span img { vertical-align: -1px; }
.bbs-box { background: #ffffff; line-height: 1.5; position: relative; color: #333; padding: 15px 10px; border-bottom: 1px solid #f4f4f4; }
.bbs-box:last-chlid { border-bottom: none; }
.bbs-box .l-num { float: right; font-size: 12px; color: #999999; margin-top: 10px; }
.bbs-box .r-time { float: right; font-size: 12px; color: #999999; line-height: 30px; }
.bbs-q-box { margin-top: 8px; font-size: 15px; }
.bbs-q-box img { max-width: 100%; }
.bbs-q-box p { margin-bottom: 5px; }
.bbs-q-box .img-box { margin-bottom: 5px; }
.bbs-q-box .img-box img { display: block; margin: 0 auto; background: url(/images_m/bgdefault.html) #d7d7d7 no-repeat center center; background-size: auto auto; position: relative; overflow: hidden; max-width: 100%; }
.bbs-q-box p span.img-box { display: block }
.bbs-q-box .videoBox img { display: block; margin: 0 auto; background: url(/images_m/bgdefault.html) #d7d7d7 no-repeat center center; background-size: auto auto; position: relative; overflow: hidden; max-width: 100%; }
.lz-box { padding: 15px 10px; margin-bottom: 10px; }
.lz-box h1 { font-size: 18px; font-weight: bold; color: #333; line-height: 1.3; }
.lz-box .bbs-box { margin-bottom: 0; padding: 0; border-bottom: none; }
.lz-box .g-head dt { width: 30px; height: 30px; margin-right: 10px; }
.lz-box .g-head h3 a { display: inline-block; line-height: 16px; }
/*20151112*/
.lz-box .g-head .lz-icon { display: inline-block; height: 14px; border: 1px solid #df3031; color: #df3031; font-size: 10px; line-height: 12px; padding: 0 3px; border-radius: 2px; margin-left: 6px; vertical-align: top; }
/*150617*/
.hdbbs .hd-btn.disable { color: #fff; background-image: linear-gradient(#c7c7c7, #b2b2b2); background-image: -moz-linear-gradient(top, #c7c7c7, #b2b2b2); background-image: -webkit-linear-gradient(top, #c7c7c7, #b2b2b2); background-image: -o-linear-gradient(top, #c7c7c7, #b2b2b2); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c7c7c7), color-stop(1, #b2b2b2)); }
/*151223*/
.hdbbs .hd-con2 { padding: 0 4px; }
.hdbbs .hd-con2 ul.hd-ul { margin-top: 16px; }
.hdbbs .hd-con2 ul.hd-ul li { line-height: 24px; font-size: 14px; color: #0c0d0e; }
.hdbbs .hd-con2 dl { color: #83868f; margin-top: 20px; }
.hdbbs .hd-con2 dt { font-size: 14px; line-height: 26px; }
.hdbbs .hd-con2 dd { font-size: 12px; line-height: 24px; }
.hdbbs .btn-box { margin-top: 20px; }
.hdbbs .btn-box a { display: block; width: 50%; height: 36px; line-height: 36px; background: #df3031; font-size: 14px; color: #fff; text-align: center; margin-right: 40px; border-radius: 3px; }
.hdbbs .btn-box a:last-child { margin-right: 0; }
.hdbbs .btn-box a.disable { background: #e3e7ed; color: #cccfd8; }
.hdbbs .btn-box a.visit { background: #e3e7ed; color: #83868f; }
.hdbbs .hd-bm-num { color: #83868f; font-size: 15px; }
.hdbbs .ms-list { margin: 20px 6px 0 6px; border: 1px solid #feb442; }
.hdbbs .ms-list .tit { position: relative; height: 30px; line-height: 30px; background: #feb442; font-size: 14px; color: #ffffff; margin: 8px -7px; text-align: center; }
.hdbbs .ms-list .tit:before { content: ''; position: absolute; left: 2px; top: 26px; width: 0; height: 0; border: 4px solid #b46f00; border-color: #b46f00 transparent transparent transparent; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.hdbbs .ms-list .tit:after { content: ''; position: absolute; right: 2px; top: 26px; width: 0; height: 0; border: 4px solid #b46f00; border-color: #b46f00 transparent transparent transparent; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.hdbbs .ms-list .con { font-size: 11px; color: #83868f; height: 64px; overflow: hidden; }
.hdbbs .ms-list .con ul { height: 64px; overflow: hidden; }
.hdbbs .ms-list .no-con { line-height: 60px; text-align: center; font-size: 14px; }
.hdbbs .ms-list li { line-height: 20px; padding: 0 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.hdbbs .ms-list li span { margin-right: 10px; display: inline-block; width: 5.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; }
/*电商报名*/
a.a_baoming { background: #df3031; color: #FFFFFF; display: block; max-width: 300px; margin: 5px auto 5px auto; text-align: center; border-radius: 3px; height: 38px; line-height: 38px; }
/*以下水平滑动插件*/
/* pswp = photoswipe */
.pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; }
.pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.pswp img { max-width: none; }
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity { opacity: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
/* for open/close transition */
.pswp--open { display: block; }
.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
/* autoprefixer: off */
.pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; }
/* autoprefixer: off */
.pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; }
/* autoprefixer: off */
/*Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.*/
.pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #202020 !important; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; }
.pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
/* Prevent selection and tap highlights */
.pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; }
.pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
/* for open/close transition */
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; }
.pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; will-change: transform; }
.pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }
.pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; }
/*stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap*/
.pswp__img--placeholder { -webkit-backface-visibility: hidden; }
/*div element that matches size of large image
	large image loads on top of it*/
.pswp__img--placeholder--blank { background: #222; }
.pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; }
/*Error message appears when image is not loaded
(JS option errorMsg controls markup)*/
.pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; }
.pswp__error-msg a { color: #CCC; text-decoration: underline; }
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*Contents:
	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)*/
/*1. Buttons*/
/* <button> css reset */
.pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: 0.75; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-box-shadow: none; box-shadow: none; }
.pswp__button:focus, .pswp__button:hover { opacity: 1; }
.pswp__button:active { outline: none; opacity: 0.9; }
.pswp__button::-moz-focus-inner { padding: 0; border: 0; }
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close { opacity: 1; }
.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(/images_m/default-skin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
    /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
    .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: url(http://static.soufunimg.com/common_m/m_public/201511/images_m/default-skin.svg); }
    .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none; }
}

.pswp__button--close { background-position: 0 -44px; }
.pswp__button--share { background-position: -44px -44px; }
.pswp__button--fs { display: none; }
.pswp--supports-fs .pswp__button--fs { display: block; }
.pswp--fs .pswp__button--fs { background-position: -44px 0; }
.pswp__button--zoom { display: none; background-position: -88px 0; }
.pswp--zoom-allowed .pswp__button--zoom { display: block; }
.pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; }
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; }
/*Arrow buttons hit area(icon is added to :before pseudo-element)*/
.pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; }
.pswp__button--arrow--left { left: 0; }
.pswp__button--arrow--right { right: 0; }
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0, 0, 0, 0.3); height: 30px; width: 32px; position: absolute; }
.pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; }
.pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; }
/*2. Share modal/popup and links*/
.pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pswp__share-modal { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; }
.pswp__share-modal--hidden { display: none; }
.pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform; }
.pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px; }
.pswp__share-tooltip a:hover { text-decoration: none; color: #000; }
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0; }
/* round corners on the first/last list item */
.pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; }
.pswp__share-modal--fade-in { opacity: 1; }
.pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a { padding: 16px 12px; }
a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid rgba(0, 0, 0, 0); border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; }
a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF; }
a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A; }
a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF; }
a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; }
a.pswp__share--download:hover { background: #DDD; }
/*3. Index indicator ("1 of X" counter)*/
.pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: 0.75; padding: 0 10px; }
/*4. Caption*/
.pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; }
.pswp__caption small { font-size: 11px; color: #BBB; }
.pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC; }
.pswp__caption--empty { display: none; }
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake { visibility: hidden; }
/*5. Loading indicator (preloader)
	You can play with it here - //codepen.io/dimsemenov/pen/yyBWoR*/
.pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity; }
.pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; }
.pswp__preloader--active { opacity: 1; }
.pswp__preloader--active .pswp__preloader__icn { background: url(/images_m/preloader.gif) 0 0 no-repeat; }
/* We use .gif in browsers that don't support CSS animation */
.pswp--css_animation .pswp__preloader--active { opacity: 1; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
.pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; }
.pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden; }
/*The idea of animating inner circle is based on Polymer ("material") loading indicator
   by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html*/
.pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0; }

@media screen and (max-width: 1024px) {
    .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; }
}

@-webkit-keyframes clockwise {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes clockwise {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes donut-rotate {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); }
    100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}

@keyframes donut-rotate {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); }
    100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
/*6. Additional styles*/
/* root element of UI */
.pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; }
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; }
.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; }
.pswp__top-bar, .pswp__caption { background-color: rgba(0, 0, 0, 0.5); }
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); }
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar { opacity: 0; }
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; }
/*pswp__ui--hidden class is added when controls are hidden
e.g. when user taps to toggle visibility of controls*/
.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001; }
/* Force paint & create composition layer for controls. */
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; }
.pswp__element--disabled { display: none !important; }
.pswp--minimal--dark .pswp__top-bar { background: none; }
/*滑动插件结束*/
/*编辑浮层*/
.option-box { position: fixed; left: 16px; bottom: 60px; z-index: 9; width: 36px; }
.option-box a { display: block; width: 36px; height: 36px; line-height: 36px; color: #ffffff !important; text-align: center; font-size: 12px; border-radius: 50%; background: rgba(241,97,94,.9); }
.option-cont a { position: relative; }
.option-cont a:before { content: ''; position: absolute; width: 36px; height: 36px; left: 0; top: 0; background: url(/images_m/btn-icon.png) center center no-repeat; background-size: 19px auto; }
.option-more { position: absolute; bottom: -300px; opacity: 0; }
.option-more a { margin-bottom: 12px; }
.option-panel-animate { transition: bottom 100ms ease, opacity 100ms ease; -webkit-transition: bottom 100ms ease, opacity 100ms ease }
.option_plus_animate { -webkit-transition: -webkit-transform 400ms ease; transition: transform 400ms ease; }
.option-plus-active a { -webkit-transform: rotate(225deg) }
.option-panel-active { bottom: 84px; opacity: 1; }
.option-cont-hf { margin-bottom: 12px; }
/*投票*/
.xqvote { border: 1px solid #e3e7ed; border-radius: 2px; margin: 0 auto; font-size: 15px; }
.xqvote .votetit { border-bottom: 1px solid #e3e7ed; padding: 0 10px 6px 10px; }
.xqvote .votetit h1 span { color: #b3b6be; font-size: 12px; font-weight: normal; }
.xqvote .votetit p { color: #b3b6be; font-size: 12px; line-height: 12px; }
.xqvote .votetit h1 { line-height: 31px; font-size: 15px; color: #0c0d0e; font-weight: bold; }
.xqvote .votetit h1 i { font-style: normal; font-size: 12px; color: #b3b6be; margin-left: 5px; }
.xqvote ul { padding: 0 10px; font-size: 14px; }
.xqvote ul li { line-height: 18px; position: relative; padding: 11px 0; }
.xqvote.single ul li, .xqvote.multiple ul li { padding-left: 25px; }
.xqvote ul li input { display: none; }
.xqvote ul li label { display: block; }
.xqvote.single ul li input, .xqvote.multiple ul li input { display: block; position: absolute; left: 0; height: 18px; top: 11px; -webkit-appearance: none; width: 18px; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; }
.xqvote.single ul li input { background: url("/images_m/bbs_sSele.png") 0 -20px no-repeat; background-size: 18px auto; }
.xqvote.single ul li input:checked { background-position: 0 0; }
.xqvote.multiple ul li input { border: 1px solid #e3e7ed; background: url("/images_m/bbs_sSele.png") 0 -60px no-repeat; background-size: 18px auto; }
.xqvote.multiple ul li input:checked { border-color: #df3031; background-position: 0 -40px; }
.xqvote.selected ul li div { display: block; }
.xqvote ul li .aim { display: inline-block; border-radius: 2px; border: 1px solid #df3031; color: #df3031; font-size: 11px; line-height: 12px; height: 14px; margin-left: 5px; white-space: nowrap; }
.xqvote ul li .info { display: block; float: right; height: 100%; margin-left: 5px; }
.xqvote ul .co1 .info { color: #ff6666; }
.xqvote ul .co2 .info { color: #ff9933; }
.xqvote ul .co3 .info { color: #ffcc00; }
.xqvote ul .co4 .info { color: #94d291; }
.xqvote ul .co5 .info { color: #7fb6ff; }
.xqvote ul .info { color: #cccfd8; }
.xqvote ul li div { display: none; height: 2px; line-height: 0; background-color: #e3e7ed; margin-top: 9px; }
.xqvote ul li div i { display: block; height: 2px; line-height: 0; background-color: #cccfd8; }
.xqvote ul .co1 div i { background-color: #ff6666; }
.xqvote ul .co2 div i { background-color: #ff9933; }
.xqvote ul .co3 div i { background-color: #ffcc00; }
.xqvote ul .co4 div i { background-color: #94d291; }
.xqvote ul .co5 div i { background-color: #7fb6ff; }
.xqvote .submit { line-height: 38px; text-align: center; border-top: 1px solid #e3e7ed; font-size: 15px; color: #0c0d0e; }
.xqvote .submit a { color: #0c0d0e }
.xqvote .submit.disabled a, .xqvote .submit.disabled { color: #83868f }
.xqvote ul li em { line-height: 12px; font-size: 10px; padding: 1px 2px; border: 1px solid #df3031; background: #fff; color: #df3031; text-align: center; border-radius: 2px; margin: 0px 0px 0 10px; font-style: normal; display: inline-block }
.xqvote .submit a.cur { color: #fd8181 }
.hid10 li:nth-child(6), .hid10 li:nth-child(7), .hid10 li:nth-child(8), .hid10 li:nth-child(9), .hid10 li:nth-child(10) { display: none; }
/*统一容错页面*/
.sf-refreshBtn { display: inline-block; padding: 0 23px; line-height: 24px; border: 1px solid #cccfd8; color: #83868f; font-size: 13px; border-radius: 2px; }
a.sf-refreshBtn:link, a.sf-refreshBtn:active, a.sf-refreshBtn:visited { color: #83868f; }
.sliderRe { -webkit-animation: float1 1.5s infinite linear 0.6s; -moz-animation: float1 1.5s infinite linear 0.6s; animation: float1 1.5s infinite linear 0.6s; }

@-webkit-keyframes float1 { /*浮动动画*/
    0% { -webkit-transform: translateY(0) }
    25% { -webkit-transform: translateY(3px) }
    50% { -webkit-transform: translateY(0px) }
    75% { -webkit-transform: translateY(-3px) }
    100% { -webkit-transform: translateY(0) }
}

.scaler { -webkit-animation: scale2 1.5s infinite linear 0.6s; -moz-animation: scale2 1.5s infinite linear 0.6s; animation: scale2 1.5s infinite linear 0.6s; }

@-webkit-keyframes scale2 { /*与浮动同步的底部缩放动画*/
    0% { -webkit-transform: scale(1) }
    25% { -webkit-transform: scale(1.1) }
    50% { -webkit-transform: scale(1) }
    75% { -webkit-transform: scale(0.9) }
    100% { -webkit-transform: scale(1) }
}

.fc-cccfd8 { color: #cccfd8; }
.lh22 { line-height: 22px; }
.mt15 { margin-top: 15px !important; }
.f999 { color: #999999; }

.coverDiv { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.imgTxt { position: absolute; bottom: 0; right: 0; text-align: right; }
.imgTxt span { display: inline-block; padding: 3px 5px; margin-bottom: 5px; font-size: 11px; line-height: 12px; color: #fff; background: rgba(0,0,0,.7); }
/*工长详情--更多和收起*/
.btn-more { position: relative; display: inline-block; padding: 5px 16px 5px 0; font-size: 13px; line-height: 1; color: #0c0d0e !important; }
.btn-more:after { position: absolute; content: ''; top: 50%; right: 0; margin-top: -3px; width: 9px; height: 5px; background: url(/images_m/link_more.png) 0 0 no-repeat; background-size: 9px auto; }
.btn-more.up:after { -webkit-transform: rotate(-180deg); }
/*工长详情--信息*/
.xqIn p { line-height: 23px; font-size: 14px; color: #0c0d0e; text-align: left; }
/*惠图标*/
.mTitle.hui { position: relative; }
.mTitle.hui span.icon-hui { display: inline-block; position: absolute; top: 0; right: -14px; width: 25px; height: 25px; background: url(/images_m/hui.png) no-repeat; background-size: 25px auto; }
/*施工工地*/
.xqScroll { position: relative; overflow: hidden; padding-bottom: 15px; }
.xqScroll ul { width: 800%; overflow: hidden; *zoom: 1; }
.xqScroll li { float: left; width: 115px; margin-left: 14px; }
.xqScroll li .hx-pic { position: relative; width: 100%; width: 115px; height: 115px; overflow: hidden; border: 1px solid #efefef; }
/*20151229*/
.xqScroll li .hx-int { line-height: 19px; margin-top: 8px; text-align: center; }
.xqScroll li .hx-int span.f13 { font-size: 13px; }
.xqScroll li .hx-int span { display: block; font-size: 12px; color: #3c3f46; }
.xqScroll li .hx-int span:last-child { color: #83868f; }
.xqScroll li .jnxhx { width: 26px; height: 115px; background: #ffad5c; font-size: 12px; color: #fff; text-align: center; line-height: 16px; overflow: hidden; padding-top: 16px; }
/*资质认证*/
.zzrz { padding: 14px; }
.zzrz li { font-size: 13px; line-height: 28px; color: #ff5350; }
.zzrz li i { display: inline-block; margin-right: 6px; width: 21px; height: 20px; background: url(/images_m/icon-zzrz.png) no-repeat; background-size: 63px auto; vertical-align: -5px; }
.zzrz li i.rec { background-position: 0 0; }
.zzrz li i.per { background-position: -21px 0; }
.zzrz li i.prize { background-position: -42px 0; }
.zzrz li.un { color: #cccfd8; }
.zzrz li.un i.rec { background-position: 0 -20px; }
.zzrz li.un i.per { background-position: -21px -20px; }
.zzrz li.un i.prize { background-position: -42px -20px; }
/*评论*/
.dpList li { padding-top: 20px; border-bottom: 1px solid #f8f8f8; }
.dpList li:first-child { padding-top: 0; }
.headImg { vertical-align: bottom; line-height: 16px; }
.headImg .img { float: left; width: 31px; height: 31px; line-height: 0; border-radius: 50%; overflow: hidden; margin-right: 8px; }
.headImg .img img { width: 100%; height: 100%; }
.headImg .name { color: #0c0d0e; font-size: 12px; display: inline-block; max-width: 10.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.headImg .name1 { line-height: 16px; font-size: 12px; color: #565c67; }

.xqIntroBox { margin: 0 20px; padding-bottom: 2px; }
.xqIntro { margin: 12px 0; max-height: 92px; overflow: hidden; }
.xqIntro.all { max-height: none; }
.xqIntro h3 { margin-bottom: 14px; }
.xqIntro p { line-height: 22px; font-size: 14px; color: #0c0d0e; }
.xqIntro p.pj-no { color: #83868f; text-align: center }
.imgDiv { overflow: hidden; margin-right: -2px; }
.imgDiv img { float: left; margin: 1px 2px 1px 0; width: 96px; height: 96px; }
.more_xq { display: block; width: 100%; height: 40px; line-height: 47px; background: url(/images_m/center_more.png) center center no-repeat; background-size: 15px auto; margin-top: 0; }
.more_xq.up { -webkit-transform: rotate(180deg); transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); }
.xqIntroBox .time { padding: 16px 0; font-size: 11px; color: #b3b6be; line-height: 18px; }
.xqIntroBox .time em { display: inline-block; width: 14px; height: 10px; }
.xqIntroBox .time a { position: relative; display: inline-block; float: right; padding: 3px 0px 4px 30px; font-size: 11px; line-height: 12px; color: #b3b6be; text-align: center; }
.xqIntroBox .time a:before { position: absolute; top: 0; left: 10px; content: ''; width: 16px; height: 16px; background: url(/images_m/icon_shc.png) no-repeat; background-size: auto 32px; }
.xqIntroBox .time a.cur { color: #f66; }
.xqIntroBox .time a.cur:before { background-position: 0 -16px; background-size: auto 32px; }
.xqIntroBox .time i { position: absolute; left: 11px; color: #f66; -webkit-transform: translateY(-130%); transform: translateY(-130%); opacity: 0; font-style: normal; }
.xqIntroBox .time a.cur i { -webkit-animation: addone 1s linear; animation: addone 1s linear; }

@-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%); }
}
/*工长详情回复*/
.dpList .repL { line-height: 20px; background-color: #f6f6f6; font-size: 13px; padding: 17px 0 14px 0; position: relative; }
.dpList .repL:before { content: ""; position: absolute; width: 0; height: 0; left: 10px; top: -4px; border-top: 9px solid #f6f6f6; border-right: 9px solid transparent; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.dpList .repL dd { padding: 5px 10px; text-align: justify; word-break: break-all; word-wrap: break-word; }
.dpList .repL dd a { color: #7fb5ff; }
.dpList .repL dd i { color: #83868f; font-size: 10px; }
.dpList .repL .loadm { text-align: center; margin-top: 10px; }
.dpList .repL .loadm a { display: inline-block; position: relative; padding-right: 18px; font-size: 11px; }
.dpList .repL .loadm a:after { position: absolute; content: ""; width: 15px; height: 13px; right: 0; top: 2px; opacity: 0.8; background: url(/images_m/ldmore.png) center center no-repeat; background-size: 10px auto; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.dpList .repL .loadm a.up:after { background: url(/images_m/ldmore2.png) center center no-repeat; background-size: 10px auto; }
/* 浮层 */
.floatTel { height: 49px; width: 100%; }
.floatTel dl { position: fixed; bottom: 0; left: 0; width: 100%; background: #f4f4f4; display: table; z-index: 2; }
.floatTel dt, .floatTel dd { display: table-cell; vertical-align: middle; }
.floatTel dt { padding-left: 8px; font-size: 12px; }
.floatTel .head { width: 48px; }
.floatTel .head img { width: 40px; height: 40px; }
.floatTel .info p { line-height: 1; }
.floatTel .info p:first-child { color: #83868f; }
.floatTel .info p:last-child { color: #3c3f46; margin-top: 5px; }
.floatTel dd { overflow: hidden; width: 64px; background: #fff; }
.floatTel dd a { display: block; height: 49px; background: #df3031; color: #ffffff; text-align: center; font-size: 11px; margin-right: 1px; padding-top: 6px; line-height: 1; }
.floatTel dd a i { display: block; width: 20px; height: 20px; margin: 0 auto 6px; background: url(/images_m/tel_icons.png) no-repeat; background-size: 60px auto; }
.floatTel dd a.tj-mes i { background-position: -20px 0; }
.floatTel dd a.tj-yy i { background-position: -40px 0; }
.floatTel dd:last-child a { margin-right: 0; }
.floatTel dd:only-of-type { width: 128px; }
.floatTel dd a.tj-yuyue i { display: block; width: 20px; height: 20px; margin: 0 auto 6px; background: url(/images_m/yuyue.png) no-repeat; background-size: 20px auto; }
/*已经到底部了*/
.bottBox { width: 100%; height: 44px; line-height: 44px; font-size: 14px; color: #cccfd8; text-align: center; background: #fff; }
/*工地详情*/
.houseList ul { margin: 0; }
.houseList .gongdi li { padding: 14px 0; margin: 0 14px; border-bottom: 1px solid #f4f4f4; overflow: hidden; *zoom: 1; }
.houseList .gongdi li .jj-img { position: relative; float: left; margin-right: 8px; padding: 0; width: 106px; height: 80px; border: 0; }
.houseList .gongdi li h3.jj { line-height: normal; white-space: normal; }
.houseList .gongdi li .txt { position: relative; height: 80px; }
.houseList .gongdi li p { line-height: 18px; margin-top: 1px; margin-right: 76px; }
.houseList .gongdi li .txt span em { display: inline-block; width: 6px; height: 10px; }
.houseList .gongdi li .txt .btn-yy { position: absolute; top: 46px; right: 0; padding: 0 6px; font-size: 12px; line-height: 24px; color: #f66; border: 1px solid #f66; border-radius: 2px; background: #fff; }

.gdxqBox { padding: 14px; }
.gdxqBox li span, .gdxqBox li em { display: inline-block; }
.space28 { width: 28px; height: 10px; }
.space5 { width: 0.5em; height: 10px; }

.imgGs { width: 80px; height: 60px; }
.imgGs { width: 48px; height: 48px; border: 1px solid #f4f4f4; }
.imgWz { margin-left: 5px; font-size: 15px; color: #0c0d0e; }
/*我的服务团队*/
.servTim { padding-top: 6px; }
.servTim li { float: left; width: 50%; }
.servTim li .headImg { position: relative; border-bottom: 1px solid #f4f4f4; margin: 0 14px; padding: 14px 0; }
.servTim li .headImg p { line-height: 12px; padding-top: 3px; }
.servTim li .headImg .name1 { position: relative; padding-right: 50px; font-size: 12px; color: #0c0d0e; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.servTim li .headImg .name1 span { position: absolute; top: 0; right: 0; font-size: 10px; color: #83868f; line-height: 17px; }
.servTim li .headImg:after { content: ''; position: absolute; width: 1px; height: 32px; background: #f4f4f4; right: -14px; top: 14px; }
.servTim li:nth-child(even) .headImg:after { display: none; }
.timeBox { padding: 14px 0; margin: 0 14px; margin-top: -1px; font-size: 12px; color: #83868f; border-top: 1px solid #f4f4f4; }
/*装修美图下载-单图*/
.header.head_2 { position: fixed; width: 100%; max-width: 100%; hegiht: 38px; left: 0; top: 0; background: none; border: 0; }
.header.head_2 .head-icon { padding-right: 0; }
.header.head_2 a { display: block; width: 32px; height: 32px; text-align: center; background-color: rgba(0,0,0,.6); border-radius: 50%; padding: 0; }
.header.head_2 .back { float: left; margin: 6px 0 0 9px; padding: 0; }
.header.head_2 .back i { display: block; width: 32px; height: 32px; background: url(/images_m/xq_icons.png) -1px 0 no-repeat; background-size: 128px auto; }
.header.head_2 .logo { float: left; width: 102px; height: 44px; text-align: center; background: none; }
.header.head_2 .logo i { display: block; width: 102px; height: 44px; background: url(/images_m/logo.png) 9px 15px no-repeat; background-size: 77px auto; }
.header.head_2 .icon-nav2, .header.head_2 .icon-share { float: right; margin: 6px 9px 0 0; }
.header.head_2 .icon-nav2 i, .header.head_2 .icon-share i { display: block; width: 32px; height: 32px; background: url(/images_m/xq_icons.png) no-repeat; background-size: 128px auto; background-position: -64px 0 !important; }
.header.head_2 .icon-share i { background: url(/images_m/icon_hshare.png) no-repeat; background-size: 19px auto; background-position: center !important; }
.header.head_2 .icon-down { margin: 6px 9px 0 0; }
.header.head_2 .icon-down i { display: block; width: 32px; height: 32px; background: url(/images_m/icon-down.png) no-repeat; background-size: 20px auto; background-position: center center !important; }
.header.head_2 .icon-nav2 { float: right; margin: 6px 9px 0 0; }
.header.head_2 .icon-nav2 i { display: block; width: 32px; height: 32px; background: url(/images_m/xq_icons.png) no-repeat; background-size: 128px auto; background-position: -64px 0 !important; }
.header.head_2 .icon-fav { margin: 6px 4px; padding: 0; width: 32px; height: 32px; text-align: center; background-color: rgba(0,0,0,.6); border-radius: 50%; }
.header.head_2 .icon-fav i { display: block; width: 32px; height: 32px; background: url(/images_m/xq_icons.png) no-repeat; background-size: 128px auto; }
.header.head_2 .icon-fav i { background-position: -32px 0 !important; }
.header.head_2 .icon-fav.cur i { background-position: -96px 0 !important; }

.floatAlert { z-index: 10000; }
.channel { z-index: 10001; float: right; margin-right: 50px; margin-top: 7px; width: 72px; height: 117px; background: url(/images_m/channelArr.png) no-repeat; background-size: 72px auto; }
.floatAlert .txtInfor { margin-top: 140px; width: 100%; height: 100%; background-image: url(/images_m/channelTxt.png); background-position: center top; background-repeat: no-repeat; background-size: 70% auto; }

/*咨询详情页内容*/
.swipe { width: 100%; overflow: hidden; }
.swipe img { width: 100%; }
.conTitle { border-bottom: 1px dashed #cecece; text-align: left; padding: 8px 0; margin: 0 14px; }
.conTitle h1 { font-size: 21px; font-weight: 600; line-height: 28px; padding: 8px 0; color: #0c0d0e; }
.conTitle p { font-size: 12px; color: #83868f; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.conTitle .time { font-family: Arial; margin-right: 5px; }
.conTitle { border: none; }
.conWord { font-size: 17px; color: #3c3f46; line-height: 26px; padding: 10px 14px; word-wrap: break-word; text-align: justify; }
.conWord p { padding: 0 0 10px 0; }
.conWord a { color: blue; }
.otherlist { margin: 0; }
.otherlist .title { height: 38px; padding: 16px 14px 0; font-size: 15px; color: #83868f; }
.conWord .ck_more a { color: #000; }
.conWord img { width: 100%; }
.new_list li { overflow: hidden; zoom: 1; margin: 0 14px; height: 44px; font-size: 15px; color: #0c0d0e; line-height: 44px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.new_list a li { border-bottom: 1px solid #f4f4f4; }
.new_list.flexbox { padding: 14px; }
.new_list.flexbox > a { margin-right: 7px; }
.new_list.flexbox > a:last-child { margin-right: 0; }
.new_list.flexbox a li { white-space: normal; padding: 0; height: auto; border: 0; }
.new_list.flexbox a li img { width: 100%; margin-bottom: 12px; }
.new_list.flexbox a li p { text-align: center; font-size: 15px; color: #3c3f46; line-height: 18px; }
.picBox img { width: 100%; }
.picBox p { padding: 14px 0; }

/* 买主材焦点图 */
.esf-style { position: fixed; top: 0; z-index: 999; width: 100%; opacity: 0; display: block; margin-left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }
.xqfocus { position: relative; }
.xqfocus .back { position: absolute; margin: 6px 4px 0 9px; width: 32px; height: 32px; top: 0; text-align: center; background-color: rgba(0,0,0,.6); border-radius: 50%; }
.xqfocus .back i { display: block; width: 32px; height: 32px; background: url(/images_m/xq_icons.png) -1px 0 no-repeat; background-size: 128px auto; }
.xqfocus .logo { position: absolute; left: 0; top: 0; width: 102px; height: 44px; text-align: center; }
.xqfocus .logo i { display: block; width: 102px; height: 44px; background: url(/images_m/logo.png) 9px 15px no-repeat; background-size: 77px auto; }
.xqfocus .icon-nav, .xqfocus .icon-fav, .xqfocus .icon-share { position: absolute; margin: 6px 4px; padding: 0; width: 32px; height: 32px; text-align: center; background-color: rgba(0,0,0,.6); border-radius: 50%; }
.xqfocus .icon-nav i, .xqfocus .icon-fav i { display: block; width: 32px; height: 32px; background: url(/images_m/xq_icons.png) no-repeat; background-size: 128px auto; }
.xqfocus .icon-nav { right: 5px; top: 0; }
.xqfocus .icon-fav { right: 45px; top: 0; }
.xqfocus .icon-nav i { background-position: -64px 0 !important; }
.xqfocus .icon-fav i { background-position: -32px 0 !important; }
.xqfocus .icon-fav.cur i { background-position: -96px 0 !important; }
.xqfocus .icon-share i { display: block; width: 32px; height: 32px; background: url(/images_m/xq_nav.png) no-repeat; background-size: auto 64px; background-position: -32px 0 !important; }
.xqfocus .icon-share { right: 85px; top: 0; }
.xqfocus .sms-num { top: 5px; right: -1px; }
.xqfocus .num { position: absolute; right: 9px; bottom: 14px; padding: 2px 8px; background: rgba(0,0,0,.7); border-radius: 9px; color: #fff; font-size: 12px; line-height: 12px; z-index: 5; }
.xqfocus .video-icon { position: absolute; left: 9px; bottom: 14px; width: 28px; height: 16px; background: url(/images_m/video_icon.png) no-repeat; background-size: 100%; }
.xqfocus .v { position: absolute; width: 43px; height: 43px; left: 50%; top: 50%; margin: -22px 0 0 -22px; background: url(/images_m/x_v_icon2.png) no-repeat; background-size: 100%; }
.focus-opt { height: 0; width: 100%; position: fixed; max-width: 640px; top: 0; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); z-index: 2; }
/*取消收藏样式*/
.favorite { position: fixed; width: 130px; background-color: rgba(0,0,0,.7); border-radius: 5px; color: #fff; font-size: 16px; line-height: 1; text-align: center; padding: 16px 0; z-index: 9999; left: 50%; margin-left: -65px; top: 130px; }
.favorite i { display: block; width: 27px; height: 25px; margin: 0 auto 16px; background: url(/images_m/favorite.png) no-repeat; background-size: 100% auto; }
.favorite.reset i { background-position: 0 -25px; }
.xqCaption { padding: 14px 14px 20px; }
.xqCaption h1 { font-size: 18px; color: #0c0d0e; line-height: 22px; min-height: 44px; }
.xqCaption h1.minheight { min-height: 0; }
/*20160701*/
.xqCaption p { line-height: 15px; overflow: hidden; margin-top: 13px; }
.xqCaption .stag { width: 100%; margin-top: 13px; padding-right: 100px; margin-bottom: -4px; }
.xqCaption .stag span { margin-bottom: 4px; }
.xqCaption .introText { line-height: 23px; font-size: 14px; color: #0c0d0e; }
.xqCaption .introText p { color: #0c0d0e; }
.xqCaption .btn, .zybtn { display: block; width: 100%; height: 36px; line-height: 35px; text-align: center; font-size: 14px; color: #ff6666; border: 1px solid #ff6666; border-radius: 3px; margin-top: 13px; overflow: hidden; }
.xqCaption .btn.disabled { color: #b3b6be; border: 1px solid #e3e7ed; }
.share-box { float: right; height: 44px; border-left: 1px solid #eeeeee; padding-left: 14px; margin-left: 8px; }
.share-box a { display: block; width: 28px; height: 28px; border: 1px solid #cccccc; border-radius: 50%; margin: 8px auto; overflow: hidden; }
.share-box a i { display: block; width: 12px; height: 12px; background: url(/images_m/share_icon.png) no-repeat; background-size: 12px auto; margin: 7px; }
.imgInBox img { width: 100%; margin: 8px 0; }
.xqCaption .price-box p { overflow: visible; }
/*品牌介绍*/
.shopBox { padding: 20px 14px 14px; }
.shopBox .imgGs { margin-right: 8px; }
.shopBox .txt { height: 48px; overflow: hidden; }
.shopBox .txt h3 { margin-top: 3px; margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.conBox { padding: 20px 14px 0; font-size: 14px; line-height: 23px; color: #0c0d0e; border-bottom: 1px solid #f4f4f4; }
.conBox h3 { font-size: 15px; color: #83868f; }
.conBox p { padding-top: 11px; padding-bottom: 11px; word-wrap: break-word; }
.conBox:last-of-type { border-bottom: 0; }
.conBox .max_he { max-height: 80px; padding-bottom: 0; overflow: hidden; }
/*买主材评论*/
.titBox { padding: 14px; font-size: 18px; line-height: 23px; color: #0c0d0e; }
.rate { float: left; padding-top: 23px; font-size: 14px; color: #83868f; }
/*好评，中评，差评*/
.vote { background: #fff; }
.vote li { text-align: center; padding: 20px 0; font-size: 12px; }
.vote li .smilies { display: inline-block; width: 28px; height: 28px; background: url(/images_m/face2.png) no-repeat; background-size: 84px auto; overflow: hidden; }
.vote li a { display: inline-block; color: #b3b6be; }
.vote li a .s1 { background-position: 0 0; }
.vote li a .s2 { background-position: -28px 0; }
.vote li a .s3 { background-position: -56px 0; }
.vote li a.cur .s1 { background-position: 0 -28px; }
.vote li a.cur .s2 { background-position: -28px -28px; }
.vote li a.cur .s3 { background-position: -56px -28px; }
.vote li p { padding: 2px 0; }
.vote li p:first-child { padding-top: 0; }
.vote li p:last-child { padding-bottom: 0; }

/*无评论*/
.defau_2 { padding-top: 40px !important; padding-bottom: 40px !important; min-height: 190px; }
/*装修下载--图片加载失败*/
.defaultPic { width: 100%; padding: 150px 0; min-height: 400px; color: #b3b6be; font-size: 15px; text-align: center; }
.defaultPic p { margin-top: 14px; }
/*买主材大图*/
.textBox { position: fixed; bottom: 0px; left: 0; padding: 5px 10px; width: 100%; background: rgba(0,0,0,0.6); color: #fff; }
.textBox h3 { position: relative; padding-right: 70px; font-size: 15px; line-height: 23px; }
.textBox h3 span { position: absolute; top: 0; right: 0; font-size: 11px; }
.textBox h3 span i { font-size: 15px; }
.textBox p { font-size: 14px; line-height: 23px; padding-top: 10px; padding-bottom: 2px; }
.textBox p .red { font-size: 16px; font-weight: bold; color: #df3031; }
.textBox p s { margin-left: 15px; font-size: 12px; color: #3c3f46; }
.textBox.b48 { bottom: 48px; }
/*装修公司列表*/
.houseList li .jjzx-img { float: left; margin-right: 8px; width: 70px; height: 70px; border: 1px solid #f4f4f4; }
.houseList li .jjzx-img div { position: relative; width: 68px; height: 68px; }
.houseList li .jjzx-img img { width: 100%; height: 100%; }
.houseList li .txt.jjzxg-comp h3 { margin-top: 2px; margin-bottom: 5px; }
.houseList li .txt.jjzxg-comp p { padding-top: 2px; font-size: 11px; }
.stag_zxb { position: relative; display: inline-block; width: 15px; height: 15px; background: #ff6600; overflow: hidden; }
.stag_zxb:before { content: "保"; display: inline-block; position: absolute; top: 0; left: 0; padding-top: 2px; width: 15px; height: 15px; font-size: 12px; text-align: center; color: #fff; line-height: 12px; }
.stag_zxb_img { position: relative; display: inline-block; width: 13px; height: 15px; overflow: hidden; }
.stag_zxb_img:before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; padding-top: 2px; width: 13px; height: 15px; font-size: 12px; text-align: center; color: #fff; line-height: 12px; background: url(/images_m/jj_zxb.png) no-repeat; background-size: 13px 15px; }
/*公司入驻悬浮按钮*/
.comp-icon { position: fixed; bottom: 124px; right: 8px; width: 37px; height: 37px; }
.comp-icon a { display: block; padding: 7px 4px; width: 37px; height: 37px; font-size: 10px; line-height: 12px; color: #ffffff; text-align: center; border-radius: 50%; background: rgba(237,98,99,.9); }

/*地图悬浮按钮*/
.map-icon { position: fixed; width: 36px; height: 36px; bottom: 104px; right: 8px; background: url(/images_m/jj_map_icon.png) no-repeat; background-size: 100%; z-index: 10; }
/*装修日记列表*/
.diaryList li { position: relative; padding: 20px 0 0 0; border-bottom: 8px solid #f4f4f4; }
/* 20160907 */
.diaryList li.bt1 { border-bottom: 1px solid #f8f8f8; }
.diaryList li:last-child { border-bottom: 0; }
.diaryList .headImg { vertical-align: bottom; line-height: 16px; }
.diaryList .headImg .img { float: left; width: 31px; height: 31px; line-height: 0; border-radius: 50%; overflow: hidden; margin-right: 8px; }
.diaryList .headImg .img img { width: 100%; height: 100%; }
.diaryList .headImg .txt { margin-left: 39px; }
.diaryList .headImg .txt .newHouse { display: inline-block; padding: 0 2px; padding-top: 1px; font-size: 10px; color: #ff6666; line-height: 13px; background: #fff; border: 1px solid #ff6666; border-radius: 2px; }
.diaryList .headImg p { color: #83868f; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.diaryList .headImg .name2 { margin-bottom: 2px; }
.diaryList .headImg .name2 a { display: inline-block; color: #0c0d0e; font-size: 14px; vertical-align: middle; white-space: normal; }
.diaryList li .describe { padding: 14px 14px 6px 14px; font-size: 14px; color: #3c3f46; }
.diaryList li .describe p { line-height: 22px; word-break: break-all; }
.diaryList li .describe .max_he { max-height: 66px; overflow: hidden; }
.diaryList li .describe.thre_ellips p { max-height: 66px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.imgDiv2 { overflow: hidden; margin-right: -5px; }
.imgDiv2 img { float: left; margin: 0 5px 5px 0; width: 94px; height: 94px; }
.imgDiv2 img:only-child { width: 100%; height: auto; padding-right: 5px; }
.diaryList li .describe .time { font-size: 11px; color: #b3b6be; line-height: 24px; }
.diaryList li .describe .time > div a { position: relative; float: left; margin-right: 18px; padding-left: 17px; color: #b3b6be; }
.diaryList li .describe .time > div a:before { position: absolute; top: 6px; left: 0; content: ''; width: 12px; height: 12px; background: url(/images_m/sf-jj-replyer.png) no-repeat; background-size: 12px auto; }
.diaryList li .describe .time > div a.l:before { background: url(/images_m/sf-jj-watcher.png) no-repeat; background-size: 12px auto; }
/*公司详情*/
.houseList.buyList li h3.txt_ellips { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.houseList.buyList li h3.list_stag_zxb { position: relative; padding-right: 20px; }
.list_stag_zxb:before { content: "保"; display: inline-block; position: absolute; top: 0; right: 0; padding-top: 2px; background: #ff6600; overflow: hidden; width: 15px; height: 13px; font-size: 12px; text-align: center; color: #fff; line-height: 12px; }
.dizhi { padding: 9px 14px; background: #fff; }
.dizhi .flextable li > a.arr-rt p { padding-top: 4px; line-height: 20px; white-space: normal; }
.dizhi .flextable li.noCon > a.arr-rt p { color: #cccfd8; padding-bottom: 0; text-align: left; }
.noCon a.arr-rt:after { background: none; }
.nohref a.arr-rt:after { background: none; }
.company { padding: 0 14px; }
.company p { font-size: 14px; line-height: 22px; color: #0c0d0e; }
.company p.max_he { max-height: 66px; overflow: hidden; }
.company p.txt_ellips { height: 66px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.noCon .company p { color: #cccfd8; }
.noCon p { font-size: 14px; color: #cccfd8; padding-bottom: 25px; text-align: center; }
.noCon p.pdB35 { padding-bottom: 35px; }
/* 公司简介*/
.conBox .flextable li p { padding: 0; }
.conBox .flextable li.noCon p { color: #cccfd8; text-align: left; }
/* 公司证书*/
.jj-zs-pic a { margin-bottom: 14px; }
.jj-zs-pic a:last-child { margin-bottom: 0; }
.jj-zs-pic img { width: 100%; }
/*公司证书大图*/
.jj-picInfor { position: fixed; bottom: 14px; width: 100%; z-index: 9000; }
.picNum { margin-right: 9px; padding: 5px 10px; font-size: 11px; color: #fff; background: rgba(0,0,0,.8); border-radius: 2em; }
.picNum .f15 { font-size: 15px; }
/*地图*/
/*标点*/
.map-wz { position: absolute; width: 24px; height: 24px; }
.map-wz span { position: absolute; width: 24px; height: 24px; left: 0; top: 0; background: rgba(51,204,255,.4); border-radius: 50%; -webkit-animation: pulse 1.5s ease-out infinite; animation: pulse 1.5s ease-out infinite; }
.map-wz i { position: absolute; width: 14px; height: 14px; border-radius: 50%; top: 50%; left: 50%; margin: -7px 0 0 -7px; overflow: hidden; background: #33ccff; border: 2px solid #ffffff; }
/* pulse */
@-webkit-keyframes pulse {
    0% { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opcity: 0; }
    50% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opcity: 1; }
    80% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opcity: 1; }
    100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opcity: 1; }
}

@keyframes pulse {
    0% { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opcity: 0; }
    50% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opcity: 1; }
    80% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opcity: 1; }
    100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opcity: 1; }
}

.dw-icon { position: fixed; width: 35px; height: 35px; background: #ffffff; border-radius: 50%; text-align: center; overflow: hidden; box-shadow: 2px 3px 5px rgba(90,90,90,0.2); z-index: 9; left: 15px; bottom: 25px; }
.dw-icon i { display: block; background: url(/images_m/map-icon.png) no-repeat; background-size: 60px auto; width: 23px; height: 23px; background-position: 0 0; margin: 6px; }
.map-Box { position: absolute; }
.m-zx { position: absolute; width: 24px; height: 34px; background: url(/images_m/jj-map-zx1.png) no-repeat; background-size: 24px 34px; }
.m-zx.active { background: url(/images_m/jj-map-zx2.png) no-repeat; background-size: 24px 34px; }
.map-compName { position: absolute; bottom: 6px; left: -118px; z-index: 999; }
.map-compName a.arr-rt { display: inline-block; width: 262px; height: 60px }
.map-compName a.arr-rt:after { right: 14px; height: 15px; background: url(/images_m/icon-arr.png) no-repeat; background-size: 30px auto; background-position: -19px 0; }
.map-compTxt { padding: 14px 32px 14px 14px; width: 262px; height: 60px; color: #fff; background: rgba(60,63,70,.9); border-radius: 4px; }
.map-compTxt:after { content: ''; position: absolute; width: 12px; height: 5px; left: 50%; margin-left: -6px; bottom: -5px; background: url(/images_m/map_dd.png) no-repeat; background-size: 100%; }
.map-compTxt .name { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.map-compName2 { position: absolute; bottom: 6px; left: -118px; z-index: 999; }
.map-compName2 .map-compTxt { padding: 14px; }
.map-compName2 .map-compTxt .name { position: relative; display: inline-block; padding-right: 20px; margin-top: -3px; font-size: 14px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.map-compName2 .map-compTxt .name .stag_zxb_img { position: absolute; right: 0; top: 3px; }

.map-compName3 { position: absolute; bottom: 6px; left: -134px; z-index: 999; }
.map-compName3 a { display: block; width: 292px; }
.map-compName3 .map-compTxt { position: relative; padding: 10px 78px 10px 8px; width: 292px; height: auto; }
.map-compName3 .map-compTxt .wzxx { padding-right: 8px; border-right: 1px solid #b8b9bc; }
.map-compName3 .map-compTxt .name { position: relative; display: inline-block; width: 100%; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.map-compName3 .map-compTxt .name .stag_zxb_img { position: absolute; right: 0; top: 3px; }
.map-compName3 .map-compTxt .name .range { margin-top: 3px; font-size: 11px; }
.map-compName3 .map-compTxt p { font-size: 11px; }
.map-compName3 .map-btn { position: absolute; right: 0; top: 50%; margin-top: -28px; width: 78px; }
.map-compName3 .map-btn span { display: block; margin: 15px 8px; width: 62px; height: 26px; font-size: 13px; line-height: 26px; text-align: center; color: #fff; background: #ff6666; border-radius: 2px; }

/*完善资料*/
.jj-formList li .arr-rt.m2:after { position: absolute; content: '㎡'; right: 0; top: 0; margin-top: 0px; width: 14px; height: 44px; color: #b3b6be; background: none; }
.qd-con { padding: 0 10%; }
.qd-ok { font-size: 16px; color: #83868f; text-align: center; margin: 20px 8% 15px; }
.qd-ok i { display: block; width: 50px; height: 50px; background: url(/images_m/o-ok-icon2.png) no-repeat; background-size: 100%; margin: 0 auto 12px auto; }
.qd-ok span { font-size: 14px; color: #b3b6be; text-align: left; display: block; line-height: 21px; }
/*服务页*/
.img_div { margin: 0; padding: 0; font-size: 16px; }
.img_div img { vertical-align: top; width: 100%; }
.jj-floatApp { position: fixed; left: 0; bottom: 0; width: 100%; text-align: center; overflow: hidden; height: 48px; background: rgba(255,153,0,0.9); }
.jj-floatApp a { display: inline-block; width: 100%; line-height: 48px; color: #fff; }
.designer1 { background: #394261; padding: 2px 2px 2px 12px; }
.designer1 .designerheader { float: left; position: absolute; width: 74px; height: 74px; background: url(/images_m/default-head.jpg) no-repeat; background-size: 74px; border-radius: 50%; border: solid 2px #dbdfee; margin-top: 8px; }
.designer1 a:first-child .designerheader { margin-top: 28px; }
.designer1 img { width: 100%; border-radius: 50%; }
.designerinfo { margin: 20px 20px 20px 40px; border: dashed 1px #dbdfee; border-radius: 4px; }
.designerinfo ul { list-style: none; margin: 0; padding: 6px 0 0 60px; display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }
.designerinfo ul li { float: left; width: 50%; font-size: 14px; color: #bac0d5; padding: 6px 0; display: block; height: 16px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }
.designerinfo sup { font-size: 8px; }
.moredeisgner { padding: 20px 0 30px 0; text-align: center; background: #394261 }
.moredeisgner img { width: 45% }
.jj_fwlist ul, .jj_fwlist2 ul { padding: 0; margin: 0; list-style: none; max-width: 640px; width: 100% }
.jj_fwlist ul li { position: relative; margin: 0; padding: 0; float: left; line-height: 0; max-width: 640px; width: 100%; text-align: left; }
.jj_fwlist ul li span { padding: 10px 0 60px 10px; line-height: 40px; width: 100%; text-indent: 5% }
.jj_fwlist ul li a { color: #444; text-decoration: none; }
.jj_fwlist ul li img { max-width: 640px; width: 100%; }
.jj_fwlist2 ul li { position: relative; margin: 10px 0 0 0; padding: 0; float: left; line-height: 0; max-width: 620px; width: 100%; text-align: center; }
.jj_fwlist2 ul li span { position: absolute; background: rgba(0,0,0,0.8); padding: 10px 0; line-height: 16px; bottom: 0; left: 3%; z-index: 100; width: 94%; border-radius: 0 0 6px 6px; }
.jj_fwlist2 ul li a { color: #fff; text-decoration: none; }
.jj_fwlist2 ul li img { border-radius: 6px; width: 94%; border: 0; }
.no_huodong img { width: 100%; max-width: 640px; }
/*建材聚合详情20160701*/
.jStag { padding: 20px 14px; }
.jStag a { display: block; float: left; margin-right: 14px; }
.jStag a:last-child { margin-right: 0; }
.jStag span { display: block; float: left; padding: 4px; font-size: 12px; line-height: 12px; color: #83868f; border-radius: 2px; border: 1px solid #e3e7ed; }
/*在线报价*/
.jj-bj-top { position: relative; }
.jj-bj-top .topImg { position: relative; width: 100%; height: 475px; background: url(/images_m/jj-bj.jpg); background-size: 3px; }
.jj-bj-top .topImg img { position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; }
.jj-bj-top .topImg p { position: absolute; top: 78px; left: 0; width: 100%; font-size: 11px; text-align: center; color: #fff; }
.jj-bj-top .topImg span { margin: 0 5px; color: #ff7700; }
/*.jj-bj-top > div .all-num{ position:absolute; top:17%; left:0; width:100%; font-size:36px; text-align:center; color:#fff;}
.jj-bj-top > div > em{ position:absolute; top:26%; left:50%; margin-left:-30px; width:60px; height:2px; background:#ffcb3e;}
.jj-bj-top > div .ljbj{position:absolute; top:29%; left:0; width:100%; font-size:12px; text-align:center; color:#fff;}*/
.bj-form { position: absolute; top: 25%; left: 0; padding: 0 8px; width: 100%; }
.bj-form ul { padding: 0; width: 100%; }
.bj-form ul li { float: left; width: 50%; padding: 0 4px 14px 4px; }
.bj-form ul li.row { width: 100%; }
.bj-form .ipt { position: relative; padding-top: 9px; padding-left: 8px; padding-right: 26px; height: 40px; background: #ffffff; border-radius: 2px; }
.bj-form .ipt span { position: absolute; top: 0; right: 8px; line-height: 40px; font-size: 15px; color: #b3b6be; }
.bj-form .ipt span.xl { top: 50%; margin-top: -2px; border-width: 4px; border-style: solid; border-color: #b3b6be transparent transparent transparent; }
.bj-form .ipt input { width: 100%; font-size: 14px; border: 0; }
.bj-form .ipt input::-webkit-input-placeholder { color: #b3b6be; line-height: 16px; }
.bj-form .tel .ipt { padding-right: 96px; }
.bj-form .tel .ipt a { position: absolute; top: 5px; right: 0px; display: block; width: 85px; height: 30px; font-size: 12px; line-height: 30px; text-align: center; color: #ff7700; border-left: 1px solid #f4f4f4; }
.bj-form .tel .ipt a.noClick { color: #b3b6be; }
.bj-form .pt6 { padding-top: 6px; }
.btn-gs { display: block; width: 100%; height: 36px; font-size: 14px; line-height: 36px; text-align: center; color: #cccfd8; background: #e3e7ed; border-radius: 2px; }
.btn-gs.active { color: #fff; background: #ff7700; }
.btn-gs.kong { line-height: 34px; color: #b3b6be; background: #ffffff; border: 1px solid #e3e7ed; }
.pgHistory { width: 100%; text-align: right; }
.pgHistory a { margin-right: 11px; font-size: 13px; color: #fff; }
.tsTxt { font-size: 12px; color: #87a0c9; text-align: center; line-height: 15px; }
/*固底箭头导引*/
.arrBox { position: fixed; bottom: 0; left: 0; width: 100%; height: 36px; text-align: center; }
.arrBox a { display: inline-block; margin: 0 auto; width: 35px; height: 30px; text-align: center; -webkit-animation: drop-up 1.5s ease infinite both; animation: drop-up 1.5s ease infinite both }
.arrBox .arrUp { display: block; margin: 11px auto 0; width: 16px; height: 7px; background: url(/images_m/arr_up_fff.png) no-repeat; background-size: auto 7px; }
/* drop-up */
@-webkit-keyframes drop-up {
    0% { opacity: 0; -webkit-transform: translate3d(0,8px,0); transform: translate3d(0,8px,0) }
    50% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    100% { opacity: 0; -webkit-transform: translate3d(0,-8px,0); transform: translate3d(0,-8px,0) }
}

@keyframes drop-up {
    0% { opacity: 0; -webkit-transform: translate3d(0,8px,0); transform: translate3d(0,8px,0) }
    50% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    100% { opacity: 0; -webkit-transform: translate3d(0,-8px,0); transform: translate3d(0,-8px,0) }
}
/*适应屏幕*/
@media screen and (min-width: 321px) and (max-width: 340px) {
    .jj-bj-top .topImg { height: 470px; }
    .jj-bj-top .topImg p { top: 82px; }
    .bj-form { top: 25.5%; }
}

@media screen and (min-width: 341px) and (max-width: 360px) {
    .jj-bj-top .topImg { height: 480px; }
    .jj-bj-top .topImg p { top: 88px; }
    .bj-form { top: 26%; }
}

@media screen and (min-width: 361px) and (max-width: 400px) {
    .jj-bj-top .topImg { height: 490px; }
    .jj-bj-top .topImg p { top: 94px; }
    .bj-form { top: 27%; }
}

@media screen and (min-width: 401px) and (max-width: 460px) {
    .jj-bj-top .topImg { height: 518px; }
    .jj-bj-top .topImg p { top: 106px; }
    .bj-form { top: 30%; }
}

@media screen and (min-width: 461px) and (max-width: 520px) {
    .jj-bj-top .topImg { height: 540px; }
    .jj-bj-top .topImg p { top: 118px; }
    .bj-form { top: 31%; }
}

@media screen and (min-width: 521px) {
    .jj-bj-top .topImg { height: 580px; }
    .jj-bj-top .topImg p { top: 145px; }
    .bj-form { top: 36%; }
}
/*在线报价图文展示*/
.jjbj-imgs img { width: 100%; pointer-events: none; }
/*在线报价底部--我们承诺20170321*/
.jj-chn { padding: 14px; font-size: 10px; color: #83868f; line-height: 18px; }
.jj-chn span { color: #0c0d0e; }
/*在线报价弹出框*/
.jjbj-floatBox { position: relative; margin: 45px 6% 0; background: #fff; border-radius: 6px; }
.jjbj-floatBox .tit { padding: 26px 14px 17px; text-align: center; background: #ffcb3e; border-radius: 6px 6px 0 0; }
.jjbj-floatBox .tit > h3 { margin-bottom: 2px; font-size: 20px; }
.jjbj-floatBox .tit > p { font-size: 14px; }
.jjbj-floatBox .con { position: inherit; padding: 18px 14px 7px; font-size: 12px; text-align: center; color: #b3b6be; }
.jjbj-floatBox .con p { line-height: 18px; }
.jjbj-floatBox .con .ipt { padding-top: 12px; background: #f4f4f4; }
.jjbj-floatBox .con .ipt input { background: #f4f4f4; }
.jjbj-floatBox .con .ipt a.noClick { color: #cccfd8; border: 1px solid #e5e6ec; }
.jjbj-close { position: absolute; bottom: -48px; left: 50%; margin-left: -16px; display: block; width: 31px; height: 31px; background: url(/images_m/btnClose.png) no-repeat; background-size: 31px; }
.jjbj-floatBox .bj-txt { font-size: 13px; color: #83868f; text-align: left; }
.jjbj-floatBox .bj-txt p { position: relative; padding-left: 10px; padding-bottom: 22px; line-height: 23px; }
.jjbj-floatBox .bj-txt p:before { content: "*"; position: absolute; top: 2px; left: 0; font-size: 15px; color: #ff6666; }
/*简装精装豪装*/
.jj-jjhBox { width: 100%; height: 240px; background: url(/images_m/jj-bj-bg.jpg) no-repeat center; background-size: 100% 100%; }
/*简精豪菜单*/
.jjh-nav { padding-top: 6px; height: 36px; background: rgba(0,0,0,.9); }
.jjh-nav li { width: 33%; height: 24px; line-height: 24px; text-align: center; border-right: 1px solid rgba(160,160,160,.2); }
.jjh-nav li:last-child { border-right: 0px; }
.jjh-nav li > a { display: block; padding-bottom: 6px; margin: 0 auto; width: 40px; height: 30px; font-size: 15px; color: #b3b6be; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jjh-nav li.cur { }
.jjh-nav li.cur > a { font-size: 16px; color: #ff7700; border-bottom: 2px solid #ff7700; }
/*菜单浮动样式*/
.fixedNav { padding-top: 37px; }
.fixedNav .jjh-nav { width: 100%; position: fixed; top: 0; left: 0; z-index: 99; }
/*预算信息*/
.jjbj-infor { position: relative; width: 100%; height: 42px; }
.jjbj-infor a { position: absolute; top: 13px; right: 15px; display: block; width: 16px; height: 16px; background: url(/images_m/jj-infor.png) no-repeat; background-size: 16px; }
.jj-budgetBox { padding: 0 0 15px 0; }
.budget { float: left; padding-left: 50px; width: 50%; text-align: left; color: #fff; border-left: 1px solid #f4f4f4; }
.jj-budgetBox .budget:first-child { border-left: none; }
.jj-budgetBox .budget p { padding-left: 2px; font-size: 13px; color: #cccfde; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jj-budgetBox .budget h3 { margin: 16px 0 2px; font-size: 30px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.houseInfor { padding: 0 14px; text-align: center; }
.houseInfor span { position: relative; padding-left: 15px; font-size: 10px; line-height: 25px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.houseInfor span i { position: absolute; top: 0; left: 0; display: block; width: 11px; height: 11px; background: url(/images_m/jj-address.png) no-repeat; background-size: 11px; }
.houseInfor span.house i { background: url(/images_m/jj-house.png) no-repeat; background-size: 11px; }
/*简装精装豪装--估算结果*/
.jj-result h3 { padding: 0 14px; width: 100%; font-size: 13px; line-height: 40px; color: #fff; background: #ff7700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jj-result li { width: 100%; font-size: 15px; color: #565c67; line-height: 44px; border-bottom: 1px solid #e3e7ed; }
.jj-result li.cur, .jj-result li:last-child { border-bottom: none; }
.jj-result li a { position: relative; display: block; padding: 0 28px 0 14px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jj-result li a.arr-down:after, .jj-result li a.arr-up:after { right: 14px; width: 16px; height: 7px; background: url(/images_m/icon_zk.png) no-repeat; background-size: 16px auto; }
.jj-result li a span { float: right; margin-right: 10px; color: #df3031; }
.jj-result dl { background: #f4f4f4; border-top: 1px solid #e3e7ed; }
.jj-result dt { padding: 10px 14px; line-height: 20px; }
.jj-result dd { padding: 8px 14px; color: #83868f; line-height: 20px; }
.jj-result dd:nth-child(even) { background: #fafafa; }
.jj-result dl span { display: inline-block; font-size: 11px; vertical-align: text-top; }
.jj-result dl .w31 { width: 31%; }
.jj-result dl .w23 { width: 23%; text-align: center; }
.jj-resultBtn { height: 40px; font-size: 14px; line-height: 40px; text-align: center; color: #565c67; background: #f4f4f4; border-top: 1px solid #e3e7ed; }
.jj-resultBtn a { position: relative; padding-right: 25px; }
.jj-resultBtn a.arr-up:after, .jj-resultBtn a.arr-down:after { margin-top: -7px; width: 25px; height: 15px; background: url(/images_m/arr.png) no-repeat; background-size: 25px auto; background-position: 0px -5px; }
/*简装精装豪装--列表默认收起状态*/
.listSq { position: relative; max-height: 178px; overflow: hidden; }
.listSq .coverDiv { display: none; position: absolute; top: 44px; left: 0; width: 100%; height: 134px; background: -webkit-linear-gradient(top,rgba(246,246,246,0), rgba(246,246,246,1)); background: linear-gradient(to bottom, rgba(246,246,246,0), rgba(246,246,246,1)); z-index: 98; }
/*简装精装豪装--底部按钮背景*/
.jjbj-btnBox { padding: 20px 14px 0; width: 100%; height: 95px; text-align: center; }
/*完善信息--表单*/
.jj-formList .tt.f2d { letter-spacing: 2em; }
.jj-formList .jjbj-ch .con.clearInp { padding-right: 25px; }
.jjbj-ch .clearInp .off { right: -6px; }
/*报价历史*/
.jj-historyBox { margin: 14px; background: #fff; border-radius: 6px; }
.jj-historyBox .houseInfor { width: 100%; line-height: 36px; color: #fff; background: #b3b6be; border-radius: 6px 6px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jj-historyBox .jj-budgetBox { padding: 28px 0 14px 0; }
.jj-historyBox .budget { padding-left: 33px; border-left: 1px dashed #cccccc; }
.jj-historyBox .budget p { color: #565c67; }
.jj-historyBox .budget h3 { margin-bottom: 4px; font-size: 28px; color: #df3031; }
.jj-historyBox .budget h3 span { font-size: 13px; }
.jj-historyBox .time { padding: 10px 12px 10px 0; width: 100%; text-align: right; font-size: 11px; color: #cccfde; }
/*首页--装修头条*/
.jj-ttBox > div { height: 50px; overflow: hidden; }
.jj-ttBox > div .zxttImg { float: left; height: 50px; width: 102px; border-right: 1px solid #f8f8f8; background: url(/images_m/jj-news-n.png) 20px center no-repeat; background-size: auto 15px; }
.jj-ttBox > div .zxttTxt { margin-left: 102px; height: 50px; position: relative; }
.jj-ttBox > div .zxttTxt .turnBox { position: absolute; top: 0; left: 0; width: 100%; }
.jj-ttBox > div a { display: block; line-height: 50px; padding: 0 8px; font-size: 13px; color: #0c0d0e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jj-ttBox > div span { padding: 0 6px; }
/*栏目列表*/
.jj-lmList ul { margin: 0; }
.jj-lmList li { border-bottom: 1px solid #f4f4f4; margin: 0 14px; }
.jj-lmList li:last-child { border-bottom: none; }
.jj-lmList li > a { position: relative; display: block; padding: 14px 0; overflow: hidden; *zoom: 1; }
.jj-lmList li .img { float: right; width: 88px; height: 66px; }
.jj-lmList li .img img { width: 100%; height: 100%; }
.jj-lmList li .txt h3 { margin-right: 92px; font-size: 16px; line-height: 20px; color: #0c0d0e; }
/*我的订单详情*/
.ddList { padding: 0px; }
.ddList dl { padding: 7px 0; display: table; width: 100%; line-height: 30px; border-top: 1px solid #f4f4f4; }
.ddList dl.not { border-top: 0px; }
.ddList dt { display: table-cell; vertical-align: top; width: 84px; font-size: 14px; color: #83868f }
.ddList dt em { width: 28px; background: #ccc; display: inline-block }
.ddList dt i { width: 7px; background: #ccc; display: inline-block }
.ddList dd { position: relative; display: table-cell; text-align: left; font-size: 14px; }
.ddList dl span { display: block; padding-left: 4px; font-size: 14px; line-height: 20px; margin-top: 6px; word-wrap: break-word; word-break: break-all; }
.ddList dd span.xuan { color: #b3b6be; }
.ddList dd span.xuan2 { color: #0c0d0e; }
/* 服务团队 */
/*向下小箭头*/
.arro-dn, .arro-up { position: relative; padding-right: 18px; }
.arro-dn:after, .arro-up:after { position: absolute; content: ''; right: 0; top: 50%; margin-top: -6px; width: 12px; height: 12px; background: url(/images_m/arr.png) -7px -6px no-repeat; background-size: 25px auto; }
.arro-up:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); }
.kf-call a { float: left; width: 33px; height: 26px; border: 1px solid #ff6666; 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; }
.jj-SerTeam { overflow: hidden; }
.jj-SerTeam .list { margin: 0 14px; margin-top: -14px; }
.jj-SerTeam .list li { padding: 14px 0; overflow: hidden; border-bottom: 1px solid #f4f4f4; }
.jj-SerTeam .list .img { position: relative; float: left; margin-right: 10px; width: 50px; height: 50px; border-radius: 50%; }
.jj-SerTeam .list .img img { width: 100%; height: 100%; border-radius: 50%; }
.jj-SerTeam .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; }
.jj-SerTeam .list .txt { color: #333333; line-height: 22px; padding-top: 4px; }
.jj-SerTeam .list .txt h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jj-SerTeam .kf-call { margin-top: 12px; }
/*装修进展列表*/
.myddxq-list > ul > li { position: relative; padding: 20px 0 0; margin: 0 14px; background: #fff; border-bottom: 1px solid #f4f4f4; }
.myddxq-list > ul > li:last-child { border-bottom: none; }
.myddxq-list .stag_icon { position: absolute; right: 0; top: 22px; line-height: 12px; font-size: 11px; padding: 3px; color: #ff6666; border: 1px solid #ff6666; border-radius: 2px; }
.myddxq-head { margin-bottom: 8px; overflow: hidden; }
.myddxq-head dt { float: left; margin-right: 6px; width: 31px; height: 31px; border-radius: 50%; overflow: hidden; }
.myddxq-head dt img { width: 100%; height: 100%; }
.myddxq-head dd { overflow: hidden; }
.myddxq-head dd h3 { font-size: 14px; color: #0c0d0e; line-height: 20px; }
.myddxq-head dd p { font-size: 11px; color: #83868f; line-height: 1; }
.myddxq-text { overflow: hidden; }
.myddxq-text p { line-height: 23px; color: #3c3f46; font-size: 14px; overflow: hidden; }
.myddxq-img { overflow: hidden; margin-top: 8px; }
.myddxq-img dl { margin-right: -2px; }
.myddxq-img dd { float: left; margin-right: 2px; margin-top: 2px; width: 96px; height: 96px; white-space: nowrap; }
.myddxq-img dd:only-child { width: 100%; height: auto; }
.myddxq-img dd img { width: 100%; height: 100%; }
.myddxq-img dd:last-child { margin-right: 0; }
.myddxq-sum { height: 44px; font-size: 11px; color: #b3b6be; line-height: 24px; padding: 10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.myddxq-sum .dizhi { position: relative; padding: 0 0 0 20px; background: none; }
.myddxq-sum .dizhi:before { position: absolute; top: 0; left: 0; content: ""; width: 14px; height: 14px; margin: -1px 4px 0 0; background: url(/images_m/gpsdirection.png) center center no-repeat; background-size: 11px auto; }
/*商品列表*/
.goodsList li p { font-size: 11px; }
.lineThrough { text-decoration: line-through; color: #b3b6be; }
/*提交订单*/
.jj-order { line-height: 44px; font-size: 14px; color: #0c0d0e; }
.jj-order li { padding: 0 14px; border-bottom: 1px solid #f4f4f4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.jj-order li:last-child { border-bottom: none; }
.jsNum { margin-top: 7px; line-height: 26px; border: 1px solid #cccfd8; border-radius: 3px; }
.jsNum > a, .jsNum > span { position: relative; display: block; float: left; padding: 0 7px; }
.jsNum > span { padding: 1px 8px; border-left: 1px solid #cccfd8; border-right: 1px solid #cccfd8; }
.jsNum > span input { width: 26px; text-align: center; border: 0; }
.jsNum > a { width: 27px; height: 28px; }
.jsNum > a .jian { position: absolute; top: 13px; left: 7px; display: block; width: 12px; height: 1px; line-height: 0; background: #b3b6be; }
.jsNum > a .jiaH { position: absolute; top: 13px; left: 7px; display: block; width: 13px; height: 1px; line-height: 0; background: #b3b6be; }
.jsNum > a .jiaS { position: absolute; top: 7px; left: 13px; display: block; width: 1px; height: 13px; line-height: 0; background: #b3b6be; }
.jsNum > a.active .jian { background: #ff6666; }
.jsNum > a.active .jiaH { background: #ff6666; }
.jsNum > a.active .jiaS { background: #ff6666; }
.jj-formList li.shdz { height: 60px; }
.jj-formList li.shdz .tt { margin-top: -12px; }
.jj-formList li.shdz .shdz-box { position: relative; margin: 10px 0; line-height: 1.4; background-color: #fff; }
.jj-formList li.shdz .shdz-box .textarea { outline: none; width: 100%; height: 40px; font-size: 14px; overflow-y: auto; overflow-x: hidden; border: 0; }
.jj-formList li.shdz .shdz-box .textarea::-webkit-input-placeholder { color: #cccfd8; font-size: 14px; }
/*支付结果*/
.zf-con { margin: 0 8%; }
.zf-ok, .zf-fail { width: 100%; padding: 40px 0 18px; font-size: 16px; color: #ff6666; text-align: center; }
.zf-ok i, .zf-fail i { display: block; margin: 0 auto 12px auto; width: 50px; height: 50px; background: url(/images_m/o-ok-icon2.png) no-repeat; background-size: 100%; }
.zf-fail i { background: url(/images_m/icon-fail.png) no-repeat; background-size: 100%; }
.zf-ok span, .zf-fail span { display: block; padding-top: 20px; font-size: 15px; color: #83868f; }
.btnCss { display: block; width: 96%; height: 36px; margin: 12px auto 0; line-height: 36px; font-size: 15px; text-align: center; color: #fff; background-color: #df3031; border: none; border-radius: 2px; }
.btnMore { display: block; width: 100%; line-height: 34px; font-size: 14px; text-align: center; color: #565c67; background-color: #fff; border: 1px solid #e5e7ed; border-radius: 2px; }
/*代金券列表*/
.dq-weizhi { padding: 0 0 0 8px; font-size: 14px; line-height: 44px; color: #565c67; background: #fff6de; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dq-weizhi .gpsdirection:before { margin-top: 14px; background: url(/images_m/city_icon1.png) no-repeat center 0; background-size: 11px auto; }
.dq-weizhi .F5 { display: block; width: 44px; height: 44px; background: url(/images_m/f5.png) no-repeat center; background-size: 18px; }
.dq-weizhi .F5.donghua { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: rotateOutNewspaper .6s linear both infinite; animation: rotateOutNewspaper .6s linear both infinite; }

@-webkit-keyframes rotateOutNewspaper {
    0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
    100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}

@keyframes rotateOutNewspaper {
    0% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
    100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
}

.cashList li { margin: 0; padding: 0 8px; border-bottom: 8px solid #f4f4f4; }
.cashList li p { font-size: 11px; }
.lineThrough { text-decoration: line-through; color: #b3b6be; }
.cashList li .cashTop p { font-size: 12px; line-height: 18px; }
.cashList li .cashTop h3 { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 18px; color: #565c67; margin-top: -1px; margin-bottom: 4px; }
.cashList li .cashTop .gpsdirection:before { margin-top: 1px; }
.bg-shadow { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 40%; background: -webkit-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,.6)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.6)); z-index: 5; }
.shadow-txt { position: absolute; bottom: 8px; left: 0; width: 100%; color: #fff; z-index: 6; }
.shadow-txt h3 { padding: 0 14px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.shadow-txt p { padding: 5px 14px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.shadow-txt .stag { margin-top: 2px; padding: 3px 8px; height: 18px; font-size: 12px; line-height: 12px; color: #fff; border: 1px solid #fff; border-radius: 1em; background: none; }

/*装修馆--*/
/*搜索*/
.search .compbtn { margin-left: 5px; display: block; background-color: #ffffff; border-radius: 3px; width: 66px; min-width: 66px; max-width: 66px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #ff6666; border: 1px solid #e3e7ed; cursor: pointer; overflow: hidden; }
.search .compbtn i { display: inline-block; width: 13px; height: 13px; background: url(/images_m/comp_icons.png) no-repeat; background-size: 13px auto; margin-right: 2px; vertical-align: -1px; }
/*列表*/
.jjzxg-comp .gpsdirection:before { margin-top: 2px; }
/*详情*/
.jjzxg-comp { position: relative; }
.jjzxg-comp img { width: 100%; }
.jjzxg-comp .coverbg { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); }
.jjzxg-comp li { position: absolute; bottom: 0; left: 0; margin: 0 !important; width: 100%; color: #fff; }
.jjzxg-comp li > a { padding: 0; margin: 0; }
.jjzxg-comp li .jjzx-img { border: none; }
.jjzxg-comp li .jjzx-img img { width: 100%; }
.jjzxg-comp li .txt h3 { color: #fff; }
.jjzxg-comp li .txt h3.arr-rt { position: relative; padding-right: 15px; }
.jjzxg-comp li .txt h3.arr-rt:after { content: ""; position: absolute; top: 0; right: 0; margin-top: 2px; width: 15px; height: 15px; background: url(/images_m/icon-arr.png) no-repeat; background-size: 30px auto; background-position: -15px center; }
.jjzxg-comp li .txt p { color: #fff; line-height: 1; }
.jjzxg-comp .collect { padding: 6px 9px; width: 65px; font-size: 11px; line-height: 12px; color: #fff; background: #df3031; border-radius: 3px; border: 1px solid #df3031; }
.jjzxg-comp .collect i { display: block; float: left; margin-right: 5px; width: 15px; height: 12px; background: url(/images_m/icon_collect.png) no-repeat; background-size: 15px auto; }
.jjzxg-comp .collect.active { padding: 6px 2px; color: #83868f; background: #fff; border: 1px solid #fff; }
.jjzxg-comp .collect.active i { margin: 0 3px 0 1px; background-position: 0 -12px; }
.jjzxg-comp li .txt .ico-star { margin-left: 0px; vertical-align: -3px; }
.jjzxg-dizhi { padding: 0 14px; line-height: 44px; }
.jjzxg-dizhi p { font-size: 14px; color: #83868f; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.jjzxg-dizhi .gpsdirection:before { margin-top: 15px; }
.jjzxg-dizhi.noCon a { display: none; }
.jjzxg-dizhi.noCon p { padding: 0; text-align: left; }
.red-bd-btn { padding: 4px 7px; font-size: 12px; line-height: 12px; color: #ff6666; background: #fff; border-radius: 3px; border: 1px solid #ff6666; }
.jjsj-anli { position: relative; }
.jjsj-anli img { width: 100%; }

/*详情-业主装修日记*/
.pdr57 { padding-right: 57px !important; }
.dt_icon { position: absolute; right: 0; top: 30px; 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: #ff6666; }
.n-dt-sum { height: 44px; font-size: 11px; color: #b3b6be; line-height: 24px; padding: 10px 0; white-space: nowrap; }
.n-dt-sum .opt { float: right; }
.n-dt-sum .opt span, .n-dt-sum .opt a { position: relative; float: left; margin-left: 15px; padding-left: 20px; color: #565c67; }
.n-dt-sum .opt a { color: #b3b6be; }
.n-dt-sum .opt span:before, .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 .e:before { background-position: -16px 0; }
.n-dt-sum .opt .t:before { background-position: -32px 0; }
.n-dt-sum .opt .cur:before { background-position: 0 -16px; }
.n-dt-sum .opt .e.cur:before { background-position: -16px -16px; }
.n-dt-sum .opt .t.cur:before { background-position: -32px -16px; }
.n-dt-sum .opt i { position: absolute; left: 2px; color: #ff6666; -webkit-transform: translateY(-130%); transform: translateY(-130%); opacity: 0; font-style: normal; }
.n-dt-sum .opt .cur { color: #ff6666; }
.n-dt-sum .opt i.on { -webkit-animation: addone 1s linear; animation: addone 1s linear; color: #ff6666; }
.n-dt-sum .opt span:first-child, .n-dt-sum .opt a:first-child { margin-left: 0; }
.n-dt-sum .opt .shc:before { position: absolute; top: 3px; left: 0; content: ''; width: 16px; height: 16px; background: url(/images_m/icon_shc.png) no-repeat; background-size: auto 32px; }
.n-dt-sum .opt .shc.cur:before { background-position: 0 -16px; }
.n-dt-sum .opt2 span { height: 19px; }
.lh31 { line-height: 31px !important; }
.headImg .name1 .stag { margin: 8px 0 0 4px; padding: 1px 2px; height: 14px; font-size: 11px; line-height: 12px; color: #fff; background: #ff8900; border-radius: 2px; }
/*固定底部按钮*/
.float-zygw dl { position: fixed; width: 100%; height: 44px; bottom: 0; left: 0; background: #f4f4f4; }
.float-zygw > div { position: fixed; width: 100%; height: 44px; bottom: 0; left: 0; background: #f4f4f4; }
.float-zygw dd { width: 40%; overflow: hidden; border-left: 1px solid #ffffff; }
.float-zygw dd.noBor { border-left: none; }
.float-zygw dd a { display: block; height: 44px; line-height: 45px; background: #df3031; color: #ffffff; text-align: center; font-size: 15px; overflow: hidden; }
.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-zygw dd a i.Im { background-position: -20px 0; }
.float-zygw dd a.tj-yy { background: #ff9933; }
.float-zygw dd a i.tj-yy { background-position: -40px 0; }
/*装修馆--业主点评列表*/
.dp-new li { padding-top: 20px; border-bottom: 1px solid #f8f8f8; }
.dp-new li:last-child { border-bottom: none; }
.dp-new .headImg { vertical-align: bottom; line-height: 16px; margin: 0 20px; }
.dp-new .headImg .img { float: left; width: 31px; height: 31px; line-height: 0; border-radius: 50%; overflow: hidden; margin-right: 8px; }
.dp-new .headImg .img img { width: 100%; height: 100%; }
.dp-new .headImg .txt { margin-left: 39px; }
.dp-new .headImg .txt .newHouse { display: inline-block; padding: 0 2px; padding-top: 1px; font-size: 10px; color: #ff6666; line-height: 13px; background: #fff; border: 1px solid #ff6666; border-radius: 2px; }
.dp-new .headImg p { color: #83868f; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dp-new .headImg .name2 { margin-bottom: 2px; }
.dp-new .headImg .name2 a { display: inline-block; color: #0c0d0e; font-size: 14px; vertical-align: middle; white-space: normal; }

.comment-all { padding: 20px 20px; }
.comment-all > dl { color: #83868f; overflow: hidden; line-height: 26px; margin-bottom: 10px; }
.comment-all dt { float: left; font-size: 16px; }
.comment-all dd { float: left; font-size: 14px; margin-right: 10px; }
.comment-all dd strong { float: left; font-size: 23px; font-weight: normal; color: #ff5350; margin-right: 5px; }
.comment-all dd:last-child { margin-right: 0; }
.comment-all .ico-star { margin: 6px 0 0 0; line-height: 0; }
.comment-all .num { line-height: 22px; color: #83868f; font-size: 12px; }
.comment-all .num span { margin-right: 12px; }
.comment-all .num span:last-child { margin-right: 0; }
.comment-tab { padding: 15px 15px; }
.comment-tab a { display: block; width: 100px; padding: 0 5px; height: 26px; line-height: 25px; border: 1px solid #e3e7ed; background: #ffffff; text-align: center; border-radius: 2px; font-size: 12px; color: #83868f; margin: 5px 4px; overflow: hidden; }
.comment-tab a.active { background-color: #ffe7e7; color: #ff6666; border: 1px solid #ff9e9e; }
.comment-tab span { display: inline-block; padding: 0 8px; height: 26px; line-height: 25px; background: #f2f4f8; text-align: center; border-radius: 2px; font-size: 12px; color: #565c67; margin: 5px 4px; overflow: hidden; }
.comment-cons { overflow: hidden; margin-top: 14px; }
.comment-cons p { font-size: 15px; line-height: 26px; color: #3c3f46; }
.comment-more { height: 40px; margin: -5px 0 -10px 0; }
.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.u a { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.comment-img { overflow: hidden; margin-top: 8px; }
.comment-img dd { position: relative; float: left; width: 33%; padding-bottom: 33%; overflow: hidden; }
.comment-img dd img { position: absolute; width: 100%; left: 3px; right: 0; top: 3px; bottom: 0; }
.comment-img dd:only-child { width: 100%; padding-bottom: 100%; }
.comment-img dd:only-child img { left: 0; top: 0; }
.comment-list-c { position: relative; background: #f8f8f8; padding: 0 9px; padding-bottom: 20px; }
.comment-list-c:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: #fff; }
.comment-list-c ul { padding: 10px 0; }
.comment-list-c li { padding: 4px 0; font-size: 13px; color: #0c0d0e; word-wrap: break-word; overflow: hidden; line-height: 21px; }
.comment-list-c li span { color: #81b6fc; }


/*回复*/
.diaryList .repL { width: 100%; line-height: 20px; background-color: #f6f6f6; font-size: 13px; padding: 17px 0 10px 0; position: relative; }
.diaryList .repL:before { content: ""; position: absolute; width: 0; height: 0; right: 8px; top: -4px; border-top: 9px solid #f6f6f6; border-right: 9px solid transparent; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.diaryList .repL dd { padding: 5px 10px; text-align: justify; word-break: break-all; word-wrap: break-word; }
.diaryList .repL dd a { color: #7fb5ff; }
.diaryList .repL dd i { color: #83868f; font-size: 10px; }
.diaryList .repL .loadm { text-align: center; margin-top: 10px; }
.diaryList .repL .loadm a { display: inline-block; position: relative; padding-right: 18px; height: 20px; font-size: 11px; }
.diaryList .repL .loadm a:after { position: absolute; content: ""; width: 15px; height: 13px; right: 0; top: 3px; opacity: 0.8; background: url(/images_m/ldmore.png) center center no-repeat; background-size: 10px auto; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.diaryList .repL .loadm a.up:after { background: url(/images_m/ldmore2.png) center center no-repeat; background-size: 10px auto; }
/*资质详情*/
.dNameBox { padding: 1px 14px 20px; }
.dNameBox .imgLogo { margin: 14px auto; padding: 1px; width: 60px; height: 60px; border: 1px solid #f4f4f4; }
.dNameBox .imgLogo img { width: 100%; height: 100%; }
.dNameBox .dName { margin: 0 8%; font-size: 16px; color: #0c0d0e; line-height: 1.5; text-align: center; }
.dNameBox .dName span { position: relative; display: inline-block; padding-right: 25px; padding-left: 25px; }
.dNameBox .dName .stag_zxb_img { position: absolute; right: 0; top: 4px; }
.certifi { padding: 0 9px 10px 14px; }
.certifi a { display: block; float: left; margin: 0 5px 5px 0; width: 94px; height: 94px; }
.certifi a img { width: 100%; height: 100%; }
.conBox h4 { margin-top: 8px; }
/*筛选--切换城市*/
.xuanCity { padding: 0 14px; font-size: 14px; line-height: 44px; color: #83868f; background: #fff; border-bottom: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; overflow: hidden; }
.xuanCity a, .xuanCity span { color: #3c3f46; }
/*筛选--品牌*/
.lbTab.fenleiTab .mTitle h2 { padding: 14px 0; }
.lbTab.fenleiTab .mTitle .fenlei a.close { margin-top: 6px; background: url(/images_m/close_ts.png) no-repeat center; background-size: 14px; }
.lbTab.fenleiTab .cont dd.active { position: relative; background-color: #fff; }
.lbTab.fenleiTab .cont dd.active a { color: #ff6666 !important; }
.lbTab.fenleiTab .cont .check dd.active:before { content: ""; position: absolute; left: auto; right: 13px; top: 50%; margin-top: -5px; width: 13px; height: 10px; background: url(/images_m/ture.png) no-repeat; background-size: 13px 10px; }
.lbTab.fenleiTab .flexbox li { padding: 0; width: 50%; }
.lbTab.fenleiTab .btnBox { font-size: 15px; background: #fff; overflow: hidden; }
.lbTab.fenleiTab .btnBox a { display: block; padding: 0; height: 44px; color: #0c0d0e !important; line-height: 44px; text-align: center; border: 1px solid #f4f4f4; }
.lbTab.fenleiTab .btnBox .btnReset { background: #fff; }
.lbTab.fenleiTab .btnBox .btnReset.noClick { color: #cccfd8 !important; }
.lbTab.fenleiTab .btnBox .btnSubmit { color: #fff !important; background: #df3031; border: 1px solid #df3031; }
.lbTab.fenleiTab .btnBox .btnSubmit.noClick { color: #cccfd8 !important; background: #e3e7ed; border: 1px solid #e3e7ed; }
/*店铺列表和详情*/
.shopList li { margin: 0; padding: 0 8px; }
.shopList li h3 { margin: 6px auto 8px; }
.shopList li .max_wid { display: block; float: left; max-width: 74px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.shopList li .stag { padding: 1px 4px; margin-left: 5px; font-size: 11px; color: #565c67; background: #f2f4f8; border: none; border-radius: 2px; }
.activity { position: relative; margin-top: 10px; padding-left: 18px; font-size: 12px; line-height: 15px; color: #565c67; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.activity:before { content: "券"; display: block; position: absolute; top: 0; left: 0; width: 14px; height: 13px; font-size: 11px; line-height: 14px; text-align: center; color: #fff; background: #ff6600; border-radius: 2px; }
.dizhiBox { display: table; width: 100%; }
.dizhiBox > div { display: table-cell; vertical-align: middle; font-size: 12px; color: #83868f; }
.dizhiBox .tel-box { width: 42px; height: 34px; text-align: center; border-left: 1px solid #f4f4f4; }
.tel-icon { display: block; margin-left: 18px; width: 20px; height: 20px; border-radius: 2px; background: url(/images_m/icon-tel1.png) no-repeat center center; background-size: auto 20px; }
.stagBox span { padding: 1px 4px; margin-right: 8px; margin-bottom: 14px; font-size: 12px; color: #565c67 !important; background: #f2f4f8; border: none; border-radius: 2px; }
/*代金券详情--商家信息*/
.shopxxBox { padding: 0 14px 14px; }
.shopxxBox h3 { font-size: 14px; color: #0c0d0e; }
.shopxxBox h3 .gpsdirection { float: right; margin-top: 3px; margin-left: 5px; font-size: 12px; color: #b3b6be; }
.shopxxBox h3 .gpsdirection:before { margin-right: 2px; }
.shopxxBox .dizhiBox { margin-top: 12px; }
/*爆款超值购*/
.jjjh-imgBox img { width: 100%; }
.jjjh-imgBox .flexbox { margin: 0 -1px; padding: 2px 0 0 0; }
.jjjh-imgBox .flexbox li { padding: 0 1px; }
.houseList .firstNoPd li:first-child > a { padding-top: 0; }
.fenlei a { position: relative; display: block; padding-right: 15px; padding-left: 5px; font-size: 13px; color: #565c67; }
.fenlei a i { position: absolute; right: 0; top: 50%; margin-top: -8px; width: 13px; height: 13px; background: url(/images_m/jj_fenlei.png) no-repeat; background-size: 13px; }
.houseList .default-content { padding: 60px 0 80px; min-height: inherit; }

.jj-tjList .tit_ts { padding: 8px 14px; width: 100%; height: 36px; font-size: 12px; line-height: 20px; color: #9d704f; background: #fff6de; }
.jj-tjList li { margin: 0; padding-right: 14px; border-bottom: 8px solid #f4f4f4; }
.jj-tjList li > a { padding: 14px 8px; margin: 0; }
.jj-tjList li .txt { margin-top: 21px; }
.jj-tjList li .btnBox { margin-right: -14px; padding: 9px 0; height: 40px; border-top: 1px solid #f4f4f4; }
.jj-tjList li .btnBox > a { display: block; float: left; width: 33%; font-size: 12px; color: #0c0d0e; line-height: 22px; text-align: center; border-right: 1px solid #f4f4f4; }
.jj-tjList li .btnBox > a:last-child { border: none; }
.jj-tjList li .btnBox > span { float: right; margin-right: 14px; font-size: 12px; color: #b3b6be; }
/*爆款列表*/
.bkList li .jj-img { width: 120px; height: 90px; }
.bkList li .jj-img div { width: 116px; height: 86px; }
.bkList li h3.jj-jcjh { margin-bottom: 4px; }
.bkList li p { color: #b3b6be; line-height: 14px; }
.bkList li p:last-child { margin-top: 12px; }


/*浮层--表单*/
.float-form { position: absolute; top: 50%; left: 0; padding-bottom: 20px; width: 100%; z-index: 11; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
.float-form .closeBox { position: relative; }
.float-form a.closeBtn { display: block; position: absolute; top: -16px; right: 7px; width: 32px; height: 32px; background: url(/images_m/fx-colse.png) no-repeat; background-size: 100%; }
.float-form ul { margin: 0 20px; background: #fff; border-radius: 4px; overflow: hidden; }
.float-form li { padding: 0 14px; width: 100%; border-bottom: 1px solid #f4f4f4; }
.float-form li:last-child { border-bottom: none; }
.float-form li h3 { margin: 0 -14px; font-size: 16px; text-align: center; color: #ff6666; line-height: 44px; background: #f8f8f8; }
.float-form li span { display: block; float: left; font-size: 14px; color: #83868f; line-height: 44px; }
.float-form li .star { position: relative; }
.float-form li .star b { position: absolute; top: -2px; left: -8px; font-size: 14px; color: #ff6666; }
.float-form li span i { margin-right: 0.5em; }
.float-form li span em { margin-right: 2em; }
.float-form li .bigBtn { display: block; margin: 25px 15px; height: 36px; line-height: 36px; font-size: 14px; text-align: center; color: #fff; background: #e83b3c; border-radius: 2px; }
.float-form li .bigBtn.noClick { background: #e3e7ed; color: #cccfd8; }
/*表单输入框样式*/
.ipt-box { position: relative; margin-left: 74px; height: 44px; }
.ipt-box .btnBox { margin-top: 7px; margin-right: -10px; max-width: 79px; min-width: 79px; height: 30px; border-left: 1px solid #f4f4f4; }
.ipt-box .btnBox a { display: block; float: right; width: 79px; height: 30px; line-height: 30px; font-size: 12px; text-align: center; color: #ff6666; }
.ipt-box .btnBox a.disable { color: #b3b6be; }
.ipt-box .telNum { font-size: 14px; line-height: 44px; color: #0c0d0e; }
.ipt-box input { margin-top: 15px; width: 100%; height: 16px; font-size: 14px; border: none; outline: none; }
.ipt-box input::-webkit-input-placeholder { font-size: 14px; color: #cccfd8; line-height: 16px; background-color: #fff; }
.bj-form .ipt { padding-top: 9px; padding-left: 8px; padding-right: 26px; height: 40px; background: #ffffff; }
.ipt-box span, .ipt-box i { position: absolute; top: 0; right: 0; line-height: 44px; font-size: 14px; color: #83868f; }
.ipt-box span.xl { top: 50%; margin-top: -2px; border-width: 4px; border-style: solid; border-color: #8d9095 transparent transparent transparent; }
/*提示信息*/
.jj-tsxx { position: fixed; left: 50%; margin-left: -100px; top: 50%; padding: 12px 10px; width: 200px; background: rgba(0,0,0,.7); border-radius: 5px; color: #fff; font-size: 14px; line-height: 1.4; text-align: center; z-index: 9999; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }

/*装修馆案例列表*/
.mTitle h2.pdb6 { padding-bottom: 6px; }
.anliList { padding: 7px 8px; }
.anliList li { position: relative; padding: 7px 0; }
.anliList li img { width: 100%; }
.anliList li .bg-shadow { bottom: 7px; }
.anliList li .shadow-txt h3 { padding: 0 8px; font-size: 14px; }
.anliList li .shadow-txt p { padding: 3px 8px; font-size: 10px; }
/*装修馆案例详情*/
.xqAnli { max-height: 120px; overflow: hidden; }
.xqAnli li { padding: 0 14px; font-size: 14px; color: #0c0d0e; }
.xqAnli li > h3 { padding: 16px 0 10px; font-size: 16px; }
.xqAnli li > span { display: block; float: left; padding: 3px 0; line-height: 20px; color: #83868f; }
.xqAnli li > span i { margin-right: 0.5em; }
.xqAnli li > span em { margin-right: 2em; }
.xqAnli li > p { margin-left: 74px; padding: 3px 0; line-height: 20px; }
.xqAnli li.infor { }
.xqAnli li.infor h4 { padding: 16px 0 10px; font-size: 15px; color: #83868f; }
.xqAnli li.infor > p { margin-left: 0; }
/*折叠按钮--展开收起*/
.btnFold { }
.btnFold a { display: block; padding: 18px 14px 20px; font-size: 12px; line-height: 12px; color: #565c67; }
.btnFold a span { position: relative; padding-right: 14px; }
.btnFold a span:after { content: ""; position: absolute; right: 0; top: 50%; margin-top: -6px; border-width: 4px; border-style: solid; border-color: transparent transparent #b3b6be transparent; }
.btnFold a.more span:after { margin-top: -2px; border-color: #b3b6be transparent transparent transparent; }

/*继续选择装修公司*/
.jj-topInfor { position: relative; padding: 12px 14px; line-height: 20px; text-align: center; background: #f8f8f8; }
.jj-topInfor h3 { font-size: 13px; color: #ff6666; }
.jj-topInfor h3 span { position: relative; padding-left: 20px; }
.jj-topInfor h3 span:after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 14px; height: 14px; background: url(/images_m/jj_success.png) no-repeat; background-size: 14px; }
.jj-topInfor p { font-size: 11px; color: #83868f; }
.jj-topInfor .btnPass { position: absolute; bottom: 12px; right: 14px; display: block; padding: 0 4px; font-size: 11px; color: #b3b6be; }
.jj-range { padding: 0 14px; font-size: 14px; line-height: 44px; background: #fff; border-bottom: 1px solid #f4f4f4; }
.jj-range a { display: block; color: #83868f; }
.jj-range span { display: block; float: left; margin-right: 30px; }
.jj-range p.cur { color: #0c0d0e; }
/*列表*/
.editBox { padding-top: 152px; }
.editBox li { position: relative; margin: 0; padding: 0 14px 0 44px; }
.editBox .sele { position: absolute; top: 50%; left: 14px; margin-top: -10px; display: block; width: 20px; height: 20px; }
.editBox .sele input[type="checkbox"] { width: 16px; height: 16px; font-size: 0; background: url(/images_m/jj-yusuan-ico.png) 0 -48px no-repeat; background-size: 16px auto; outline: none; border: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-appearance: none; }
.editBox .sele input[type="checkbox"]:checked { background-position: 0 -24px; }
/*漂浮底部按钮*/
.jj-fixedBtn2 { position: fixed; left: 0; bottom: 0; width: 100%; font-size: 15px; line-height: 40px; text-align: center; color: #ffffff; background-color: #df3031; z-index: 4; }
.jj-fixedBtn2.noClick { background-color: #e3e7ed; color: #cccfd8; }
/**/
.fixedBox { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; }

/*面包屑导航*/
.newsCrumbs { margin-bottom: -8px; padding: 0 14px; height: 31px; font-size: 9px; color: #b3b6be; line-height: 31px; max-width: 640px; }
.newsCrumbs a { color: #b3b6be !important; }
.newsCrumbs i { margin: 0 5px; font-size: 10px; }

/*顶部面包屑导航*/
.topCrumbs { font-size: 10px; padding-top: 8px; color: #cccfd8; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.topCrumbs a { color: #cccfd8; }

/*帖子内部筛选*/
.Tabswitch { background: #fff; padding-top: 10px; height: 46px; border-bottom: 1px solid #f4f4f4; margin: 0 8px; }
.Tabswitch a { color: #83868f; width: 50px; text-align: center; font-size: 13px; }
.Tabswitch a span { display: inline-block; line-height: 35px; }
/*20170227*/
.Tabswitch a.active span { border-bottom: 1px solid #df3031; font-size: 14px; color: #3c3f46; }

/*固底报价申请*/
.floatbjsq > div { position: fixed; left: 0; bottom: 0; background: #f4f4f4;; width: 100%; height: 50px; overflow: hidden; z-index: 5; }
.floatbjsq .linkbox { display: block; width: 100%; }
.floatbjsq img { float: left; width: 40px; height: 40px; background-color: #fff; margin: 5px 8px; }
.floatbjsq .text { color: #00003W3; line-height: 15px; padding: 10px 0; font-size: 13px; }
.floatbjsq .text p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.floatbjsq .btn { float: right; width: 80px; height: 50px; line-height: 50px; background: #de3031; color: #fff; font-size: 13px; text-align: center; }

/*看视频 学装修*/
.zx { position: relative; overflow: hidden; }
.zx a { position: relative; display: block; }
.zx span { position: absolute; height: 100%; top: 0; left: 0; right: 0; background: rgba(0,0,0,.3)url(/images_m/vidwo_play.png) center no-repeat; background-size: 50px 50px; }
.zx img { width: 100%; }
.space14 { width: 100%; height: 14px; }

.otherlist .xgwz { width: 200%; height: 42px; padding-top: 14px; border-bottom: 1px solid #f4f4f4; }
.otherlist .xgwz a { color: #83868f; text-align: center; font-size: 13px; }
.otherlist .xgwz a span { display: inline-block; line-height: 27px; margin: 0 14px; }
.otherlist .xgwz a.active span { border-bottom: 1px solid #df3031; }

/*装修论坛 帖子列表*/
.zong:before { float: left; width: 14px; height: 14px; line-height: 14px; margin-right: 8px; content: "总"; border: 1px solid #51a34d; border-radius: 2px; font-size: 10px; text-align: center; color: #51a34d; margin-top: 3px; }
.ding { position: relative; }

.say { margin-left: 10px; float: right; color: #b3b6be; position: relative; font-size: 11px; padding-left: 17px; }
.say:before { content: ""; position: absolute; width: 12px; height: 12px; top: 0; left: 0; background: transparent url("/images_m/sf-jj-say.png") center center no-repeat; background-size: 12px auto; }
.bgcf4 { background-color: #f4f4f4 !important; }

/*装修报价2*/
.topH { width: 100%; height: 105px; margin: 0 auto; text-align: center; }
.topH h1 { font-size: 21px; color: #3c3f46; line-height: 32px; font-weight: bold; padding-top: 22px; }
.topH p { font-size: 14px; color: #83868f; line-height: 20px; margin-top: 8px; }
.topH p span { color: #ff6666; }

.zx-form { width: 100%; overflow: hidden; background-color: #fff; }
.zx-form ul { margin: 0 14px; border: 1px solid #fff2f2; }
.zx-form li { width: 100%; height: 44px; border-bottom: 1px solid #f4f4f4; font-size: 15px; }
.zx-form li:last-child { border-bottom: none; }
.zx-form li .input-box { position: relative; height: 30px; padding: 12px 8px 0; }
.zx-form li .input-box .arr-right { float: right; width: 6px; height: 11px; margin-top: 4px; background: url(/images_m/icon-12x22.png) center no-repeat; background-size: 100% auto; }
.zx-form li .input-box .resent { position: absolute; top: 12px; right: 0; display: block; width: 77px; height: 20px; font-size: 12px; line-height: 20px; text-align: center; color: #ff6666; border-left: 1px solid #f4f4f4; }
.zx-form input { width: 88%; height: 20px; outline: none; border: none; -webkit-appearance: none; background: rgba(0,0,0,0); color: #0c0d0e; font-size: 15px; }
.zx-form input::-webkit-input-placeholder { color: #b3b6be; }
.btn-baojia { width: 100%; padding: 20px 10px 0; }
.btn-baojia a { display: block; height: 36px; line-height: 36px; background-color: #df3031; color: #fff; font-size: 14px; text-align: center; border-radius: 2px; }
.btn-baojia a.active { color: #fff; background-color: #e3e7ed; }
.btn-baojia a.recount { background-color: #fff; border: 1px solid #ff7700; color: #ff7700; }

.jjzx-imgs { margin: 6px 25px 0; }
.jjzx-imgs img { width: 100%; margin-bottom: 25px; }
.zxbj-cont h3 { font-size: 15px; color: #ff6666; line-height: 30px; text-align: center; }
.zxbj-cont h3 b { font-size: 24px; font-weight: normal; }
.zxbj-cont p { margin: 0 28px; font-size: 11px; line-height: 20px; color: #565c67; }
.jj-chn { background-color: #f8f8f8; }

/*在线报价浮层*/
.fix-pop { position: fixed; width: 100%; max-width: 640px; height: 44px; left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); background: rgba(0, 0, 0, 0.6); z-index: 999; }
.fix-pop .top-f { width: 100%; height: 44px; }
.fix-pop .top-f a { display: block; height: 44px; }
.fix-pop .zx-fang { float: right; width: 50px; height: 66px; margin-top: -22px; margin-right: 10px; }
.fix-pop .zx-text { float: left; width: 200px; height: 35px; margin-left: 15px; margin-top: 4px; }
/*20170329*/
.fix-pop .btn-logo { float: right; width: 20px; height: 30px; background: url(/images_m/zx-btn3.png) center no-repeat; background-size: 100%; margin-top: 7px; margin-right: 14px; }

/*建材点评券*/
.bulidList li h3 { font-size: 16px; color: #3c3f46; line-height: 19px; }
.bulidList li h3 .ts { margin-top: 2px; font-size: 10px; line-height: 15px; color: #83868f; background-color: #f2f4f8; padding: 0 4px; border-radius: 2px; }
.bulidList li { margin: 0 20px; }
.houseList li p { font-size: 11px; }
.bulidList li .jj-img { width: 112px; height: 84px; border: none; margin-right: 12px; }
.bulidList li .jj-img div { width: 112px; height: 84px; }
.b-stage { margin-top: 3px; margin-bottom: 8px; overflow: hidden; white-space: nowrap !important; overflow: hidden; height: 16px; }
.b-stage i { float: left; font-size: 10px; line-height: 13px; padding: 1px 5px 0; margin-right: 5px; border-radius: 1px; }
/*20170427*/
.b-stage i:last-child { margin-right: 0; }
.b-stage i.i1 { border: 1px solid #fdefe4; color: #ff9933; }
.b-stage i.i2 { border: 1px solid #e5f0ff; color: #5aa0fc; }
.b-stage i.i3 { border: 1px solid #ddf5f8; color: #42b9cb; }
.activity.cu:before { content: "促"; background: #af80f2; }
.activity.jian:before { content: "减"; background: #ff514a; }
.activity.zhe:before { content: "折"; background: #5aa0fc; }
.activity.tuan:before { content: "团"; background: #42b9cb; }
.bulidList .activity { margin-top: 5px; margin-bottom: 7px; font-size: 11px; color: #83868f; }
.bulidList .activity:before { border-radius: 1px; }
.bulidList .activity:only-of-type { margin-bottom: 0; }
.bulidList .activity:nth-of-type(2) { padding-top: 10px; margin-bottom: -2px; border-top: 1px solid #f8f8f8; }
.bulidList .activity:nth-of-type(2):before { top: 10px; }
.bulidList li.list-pic { margin-top: -17px; margin-bottom: -16px; border: none; }
.bulidList.fdlist li p { margin-top: 15px; margin-bottom: 0 !important; }
/*列表下载APP样式*/
.bulidList li.app-down { position: relative; }
.bulidList li.app-down > a { display: block; overflow: hidden; }
.bulidList li.app-down h3 { font-size: 16px; margin-bottom: 20px; color: #3c3f46; }
.bulidList li.app-down p { margin-top: 18px; font-size: 13px; line-height: 14px; height: 14px; }
.bulidList li.app-down .btn-down { position: absolute; display: block; height: 26px; line-height: 12px; font-size: 13px; color: #d54a4e; padding: 6px 7px 0; font-weight: 600; text-align: center; border: 1px solid #d54a4e; border-radius: 2px; right: 0; margin-top: 32px; background: #fff; }

/*建材店铺详情*/
.but-stage { position: absolute; width: 57px; height: 15px; right: 0; bottom: 0; padding-left: 5px; background: rgb(131, 134, 143); background-size: 100% auto; text-align: center; z-index: 5; }
.but-stage span { display: block; color: #fff; font-size: 10px; line-height: 16px; transform: scale(0.83,0.83); -webkit-transform: scale(0.83,0.83); }
.dpxqPart { position: relative; padding: 17px 20px; }
.dpxqPart h1 { font-size: 21px; line-height: 26px; color: #000; font-weight: bold; max-height: 52px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.dpxqPart p { font-size: 12px; color: #83868f; line-height: 20px; margin-top: 10px; margin-right: 50px; }
.dpxqPart .dp-call a { display: block; position: absolute; width: 35px; height: 30px; top: 50%; margin-top: -15px; right: 16px; text-align: center; border: 1px solid #fc6769; border-radius: 2px; background: url(/images_m/tel_icons3.png) center no-repeat; background-size: 20px; }
.dpxqPart .dp-call a:before { position: absolute; content: ''; width: 1px; height: 45px; background-color: #f8f8f8; top: -7px; left: -15px; }
.dpxqPart .jj-zan { position: absolute; right: 16px; bottom: 20px; }
.h-Title { height: 56px; line-height: 56px; font-size: 16px; color: #3c3f46; font-weight: bold; }
.h-Title h1 { float: left; font-size: 16px; color: #3c3f46; font-weight: bold; line-height: 1; padding: 20px 0; text-overflow: ellipsis; white-space: nowrap; }
.h-Title h1.no-b { padding-bottom: 0; }
.h-Title h3 { color: #3c3f46; }
.h-Title span { float: right; position: relative; display: block; line-height: 56px; margin-right: 16px; font-size: 13px; font-weight: normal; overflow: hidden; }
.h-Title span i { position: absolute; top: 12px; right: 8px; width: 13px; height: 13px; line-height: 13px; background: #ff6666; overflow: hidden; color: #ffffff; font-size: 11px; text-align: center; font-style: normal; border-radius: 50%; }
.h-Title a { display: block; margin: 0 -16px; padding-left: 16px; height: 56px; color: #83868f; }
.h-Title > a.arr-rt:after { right: 16px; }
.h-Title > a.gray-3 { color: #3c3f46 !important; }

.pinpai { padding-bottom: 20px; overflow: hidden; }
/*20170419*/
.pinpai .flol { width: 70px; height: 52px; background-color: #f4f4f4; margin-right: 15px; overflow: hidden; }
.pinpai .flol img { width: 100%; height: 100%; }
.pinpai p { font-size: 15px; color: #3c3f46; line-height: 26px; overflow: hidden; }
.pinpai a.arr-rt { display: block; }

.pinpai .listBox { padding: 16px 0; border-bottom: 1px solid #f8f8f8; }
.pinpai .listBox a { height: 52px; }
.pinpai .h-Title + .listBox { padding-top: 0; }
.pinpai .listBox:last-of-type { padding-bottom: 0; border-bottom: none; }
.pinpai .homeOption { margin-bottom: -20px; }
/*主营品牌文字描述7行截字*/
.pinpai .jj-txtms { overflow: hidden; }
.pinpai .jj-txtms .flol { margin-top: 10px; }
.pinpai .more_xq.unfold { margin-top: 0; }

/*商家信息*/
.shopInfor { padding-bottom: 20px; overflow: hidden; }
.shopInfor .img { float: left; width: 112px; height: 84px; }
.shopInfor .img img { width: 100%; height: 100%; }
.shopInfor .txt { margin-left: 127px; }
.shopInfor .txt h3 { font-size: 16px; color: #3c3f46; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.shopInfor .txt h3.yh { position: relative; height: 22px; padding-right: 36px; }
.shopInfor .txt h3.yh i { position: absolute; width: 14px; height: 14px; font-size: 11px; line-height: 12px; padding: 1px; text-align: center; color: #fff; border-radius: 1px; margin-top: 5px; right: 0; }
.shopInfor .txt h3.yh i.icon1 { background: #fc5350; }
.shopInfor .txt h3.yh i.icon2 { background: #ff6600; }
.shopInfor .txt h3.yh i.icon3 { background: #af80f2; }
.shopInfor .txt h3.yh i.icon4 { background: #5aa0fc; }
.shopInfor .txt h3.yh i.icon5 { background: #42b9cb; }
.shopInfor .txt h3.yh i:nth-child(1) { right: 20px; }
.shopInfor .txt p { margin-top: 15px; font-size: 11px; color: #83868f; line-height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.goods-list li { width: 120px; margin-left: 0; margin-right: 15px; }
.goods-list li .xq-pic { position: relative; width: 120px; height: 90px; margin-bottom: 12px; overflow: hidden; }
.goods-list li .xq-pic img { width: 100%; height: 100%; }
.goods-list li .xq-pic .pag { position: absolute; width: 57px; height: 15px; line-height: 15px; right: 0; bottom: 0; padding-left: 5px; background: url(/images_m/stag_but.png) center no-repeat; background-size: 100% auto; color: #fff; font-size: 10px; text-align: center; z-index: 5; }
.goods-list .xq-int span { display: block; text-align: center; padding-bottom: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.dg-video { padding: 0 5px 15px; }
.dg-video li { width: 160px; margin-left: 15px; }
.dg-video li:last-child { margin-right: 15px }
/*20170503测试*/
.dg-video .xq-video { position: relative; width: 160px; height: 92px; padding-top: 2px; margin-bottom: 12px; overflow: hidden; }
.dg-video .xq-video img { width: 100%; background-color: #394043; }
.dg-video .xq-video .pag { position: absolute; width: 66px; height: 16px; line-height: 16px; left: 48px; top: 0px; background: url(/images_m/dg_redt.png) center no-repeat; background-size: 100% auto; color: #fff; font-size: 10px; text-align: center; z-index: 5; }
.dg-video .xq-video i { position: absolute; width: 27px; height: 27px; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background: url(/images_m/video_27.png) center no-repeat; background-size: 100% auto; }

.dp-ticket li { position: relative; width: 100%; margin-top: 16px; border-radius: 5px; background-color: #fff; overflow: hidden; }
.dp-ticket li h3 { font-size: 18px; line-height: 20px; padding-top: 15px; color: #3c3f46; border-top: 5px solid #ff5a5a; padding-left: 12px; }
.dp-ticket li .dp-xj { padding: 0 12px; color: #ff5a5a; margin-top: 10px; }
.dp-ticket li .dp-xj p { font-size: 12px; }
.dp-ticket li .dp-xj p b { font-size: 24px; font-weight: normal; }
.dp-ticket li .dp-xj p span { display: inline-block; height: 30px; font-size: 10px; line-height: 15px; margin-top: 2px; overflow: hidden; }
/*0516*/
.dp-ticket li .gmxf { height: 26px; line-height: 26px; font-size: 12px; color: #fff; padding: 0 7px; background: #ff5a5a; border-radius: 2px; margin-top: 8px; }
.dp-ticket li .line { position: relative; width: 100%; height: 8px; border-bottom: 1px dashed #f8f8f8; }
.dp-ticket li .line:before { position: absolute; content: ''; width: 16px; height: 16px; left: -8px; top: 0; background-color: #f8f8f8; border-radius: 50%; }
.dp-ticket li .line:after { position: absolute; content: ''; width: 16px; height: 16px; right: -8px; top: 0; background-color: #f8f8f8; border-radius: 50%; }
.dp-ticket li .quan { position: absolute; width: 17px; height: 17px; right: 7px; top: 9px; background: url(/images_m/icon_quan.png) center no-repeat; background-size: 100% auto; }
.col-ff5 { color: #ff5a5a; }
.more-dptic { margin: 16px 20px; }
.more-dptic a { display: block; height: 44px; line-height: 44px; text-align: center; font-size: 14px; color: #83868f; background-color: #fff; }

.xxdpNav { height: 56px; border-bottom: 1px solid #f4f4f4; }
.xxdpNav > div { height: 56px; }
.xxdpNav a { color: #3c3f46; width: 50px; text-align: center; font-size: 16px; font-weight: bold; }
.xxdpNav a span { display: inline-block; line-height: 55px; padding: 0 10px; }
.xxdpNav a.active span { border-bottom: 1px solid #e15455; font-size: 16px; color: #e15455; }

.sjxx { padding: 16px 20px; }
.sjxx li { margin-bottom: 16px; }
.sjxx li:last-child { margin-bottom: 0; }
.sjxx li span:first-child { font-size: 15px; color: #83868f; float: left; }
.sjxx li p { font-size: 15px; color: #3c3f46; line-height: 20px; overflow: hidden; }
.sjxx li p i { display: inline-block; width: 12px; height: 12px; background: url(/images_m/list_star_icon2.png) 0 0 no-repeat; background-size: 36px 12px;; margin-right: 3px; vertical-align: -1px; }
.sjxx li p i.half { background: url(/images_m/list_star_icon2.png) -12px 0 no-repeat; background-size: 36px 12px; }
.sjxx li p i.no { background: url(/images_m/list_star_icon2.png) -24px 0 no-repeat; background-size: 36px 12px; }
.sjxx li p.red-fc5 { color: #fc5555; }
.sjxx li p em { display: inline-block; height: 26px; line-height: 26px; font-size: 12px; color: #565c67; padding: 0 6px; background-color: #f2f4f8; margin-right: 8px; margin-bottom: 8px; }
.sjxx li p em:last-child { margin-right: 0; }
.sjxx li .more { display: block; height: 40px; background: url(/images_m/center_more.png) center center no-repeat; background-size: 15px auto; margin-left: 75px; margin-bottom: -10px; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.sjxx li .more.s2 { -webkit-transform: rotate(180deg); transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); }


.sf-bbs-detail .pingfen { line-height: 18px; margin-top: 10px; }
/*20170427*/
.sf-bbs-detail .pingfen span { font-size: 11px; color: #83868f; line-height: 12px; margin-right: 15px; }
/*20170427*/
.sf-bbs-detail .pingfen span:last-child { margin-right: 0; }
.sf-bbs-detail .author .name2 .hot-p { line-height: 13px; font-size: 10px; display: inline-block; color: #fc5555; border: 1px solid #fc5555; padding-top: 1px; padding-left: 3px; padding-right: 3px; margin-left: 10px; }

.xdTitle { position: relative; width: 100%; height: 50px; line-height: 50px; text-align: center; background-color: #f8f8f8; }
.xdTitle span { position: relative; display: inline-block; background-color: #f8f8f8; padding: 0 20px; z-index: 5; font-weight: bold; font-size: 16px; color: #3c3f46; }
.xdTitle i { position: absolute; width: 225px; height: 1px; background-color: #e0e0e0; top: 24px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 1; }
.jcmd-list { padding: 0 20px; line-height: 20px; }
.jcmd-list li { padding: 14px 0 10px; border-bottom: 1px solid #f8f8f8; }
.jcmd-list h3 { font-size: 16px; color: #3c3f46; }
.jcmd-list p { font-size: 11px; color: #83868f; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.jcmd-list p a { color: #819bbb; }

/*商户服务*/
.dg-service { padding: 36px 0 24px; }
.dg-service li { width: 100px; text-align: center; border-right: 1px solid #f8f8f8; }
.dg-service i { display: block; width: 30px; height: 30px; background: url(/images_m/jj_dp_service.png) no-repeat; background-size: 30px auto; margin: -6px auto 10px; }
.dg-service i.icon1 { background-position: 0 0; }
.dg-service i.icon2 { background-position: 0 -30px; }
.dg-service h3 { font-size: 15px; color: #ff5350; line-height: 1; margin-bottom: 18px; }
.dg-service .btn { display: inline-block; font-size: 13px; color: #fff !important; line-height: 24px; padding: 0 9px; background: #ff6666; border-radius: 2px; margin-bottom: -4px; }

/**/
.dg-quan { padding: 0 10px 16px; overflow: hidden; }
.dg-quan li { position: relative; float: left; height: 104px; min-width: 260px; overflow: hidden; padding: 5px 10px 15px; margin-right: 10px; }
.dg-quan li:last-child { margin-right: 0; }
.dg-quan li.q1 { background: url(/images_m/jj_q1.png) no-repeat; background-size: 100% 100%; }
.dg-quan li.q2 { background: url(/images_m/jj_q2.png) no-repeat; background-size: 100% 100%; }
.dg-quan li > a { position: relative; display: block; min-height: 84px; color: #fff !important; padding: 15px 58px 0 15px; overflow: hidden; }
.dg-quan li .price { float: left; font-size: 40px; line-height: 40px; font-weight: 600; margin-right: 10px; margin-top: -2px; white-space: nowrap; }
.dg-quan li .price i { font-size: 17px; vertical-align: 2px; }
.dg-quan li .name { float: left; }
.dg-quan li .name p { font-size: 13px; line-height: 13px; margin-top: 6px; white-space: nowrap; max-width: 6rem; overflow: hidden; text-overflow: ellipsis; }
.dg-quan li .name p:first-child { font-size: 10px; margin-top: 0; }
.dg-quan li .time { clear: both; font-size: 10px; line-height: 12px; white-space: nowrap; }
.dg-quan li .lq { position: absolute; width: 48px; height: 84px; right: 0; top: 0; padding: 20px 16px; }
.dg-quan li.q1 .lq { border-left: 1px dotted #ff8000; }
.dg-quan li.q2 .lq { border-left: 1px dotted #f43d45; }

.dg-quan2 { margin: 0 20px; padding-bottom: 20px; }
.dg-quan2 li { position: relative; height: 70px; box-shadow: 0 0 6px rgba(0,0,0,.1); margin-bottom: 16px; margin-left: 10px; }
.dg-quan2 li:last-child { margin-bottom: 0; }
.dg-quan2 li a { display: block; }
.dg-quan2 .t { position: absolute; width: 99px; height: 70px; color: #fff; padding: 15px 18px; margin-left: -10px; background: url(/images_m/jj_q_bg.png) no-repeat; background-size: 100%; }
.dg-quan2 .t .intro { white-space: nowrap; }
.dg-quan2 .price { font-size: 20px; line-height: 22px; font-weight: 600; }
.dg-quan2 .price i { font-size: 10px; vertical-align: 2px; font-weight: normal; margin-left: -3px; margin-right: -2px; }
.dg-quan2 .price span { position: relative; margin-left: -5px; }
.dg-quan2 .price span em { position: absolute; width: 9px; font-size: 12px; line-height: 12px; font-weight: normal; margin: -2px 0 0 2px; -webkit-transform: scale(.8); transform: scale(.8) }
.dg-quan2 .t .intro { font-size: 10px; }
.dg-quan2 .t.center .intro { margin-top: 2px; }
.dg-quan2 .c { height: 70px; line-height: 14px; padding: 0 10px 0 99px; display: table-cell; vertical-align: middle; }
.dg-quan2 .c p { font-size: 12px; color: #3c3f46; margin-right: 56px; }
.dg-quan2 .c .time { display: block; font-size: 11px; color: #83868f; margin-top: 8px; }
.dg-quan2 .btn { position: absolute; font-size: 9px; color: #fff; width: 60px; height: 22px; line-height: 22px; text-align: center; background: #f8686a; border-radius: 11px; right: 10px; top: 50%; margin-top: -11px; }
.dg-quan2 .btn.dis { background: #fdd1d2; }

@media screen and (max-width: 320px) {
    .dg-quan2 .c p { max-height: 42px; overflow: hidden; }
    .dg-quan2 .c .time { margin-top: 6px; }
    .dg-quan2 .btn { top: 14px; margin-top: 0; }
}

/**/
.dg-hdBox { overflow: hidden; }
.dg-hdBox li { height: 51px; padding: 0 20px; overflow: hidden; border-bottom: 1px solid #f8f8f8; }
.dg-hdBox li > a { display: block; width: 100%; height: 100%; }
.dg-hdBox li i { float: left; width: 14px; height: 14px; line-height: 12px; font-size: 11px; color: #fff; text-align: center; padding: 1px; background: #fc5350; margin-top: 18px; margin-right: 6px; border-radius: 1px; overflow: hidden; }
.dg-hdBox li i.icon2 { background: #ff6600; }
.dg-hdBox li i.icon3 { background: #af80f2; }
.dg-hdBox li i.icon4 { background: #5aa0fc; }
.dg-hdBox li i.icon5 { background: #42b9cb; }
.dg-hdBox li span { display: block; height: 100%; line-height: 50px; font-size: 15px; color: #3c3f46; }


/*使用说明*/
.sysm { padding: 18px 16px 16px; }
.sysm h3 { font-size: 16px; color: #3c3f46; margin-bottom: 10px; }
.sysm .sylc { height: 50px; padding-top: 30px; padding-left: 10px; margin: 0 14px; background: url(/images_m/pic_liuc10.png) 0 18px no-repeat; background-size: 100% 5px; text-align: center; font-size: 14px; line-height: 20px; color: #83868f; }
.sysm p { font-size: 15px; color: #3c3f46; line-height: 26px; }

.hei100 { background-color: #fff; height: 100% !important; }
.pdT40 { padding-top: 40px; }
.ddxx { margin: 20px 35px 0; border-top: 1px solid #f8f8f8; line-height: 20px; }
.ddxx p:nth-of-type(1) { font-size: 24px; font-weight: bold; margin-top: 36px; }
.ddxx p:nth-of-type(2) { font-size: 13px; color: #3c3f46; margin-top: 6px; }
.ddxx p:nth-of-type(3) { font-size: 12px; color: #b3b6be; margin-top: 50px; }
.ddxx a { display: block; width: 100%; height: 36px; line-height: 36px; font-size: 15px; border: 1px solid #df3031; border-radius: 2px; margin-top: 30px; }
.ddxx a.a1 { background-color: #df3031; color: #fff; }
.ddxx a.a2 { background-color: #fff; color: #df3031; }

.tj-top { height: 45px; line-height: 45px; font-size: 14px; color: #9c7052; background-color: #fff6df; }
.jj-formList .tt i { margin-right: 2em; }
.jj-formList .con.mr1 { margin-right: 1em; }
.jj-checkCode2 { float: right; width: 72px; font-size: 13px; color: #fc5555; text-align: center; }
.jj-formList .jj-checkCode2 + .con { margin-right: 85px; }
.jj-formList .f15 li { height: 50px; line-height: 50px; }
.jj-formList .f15 .tt { font-size: 15px; color: #3c3f46; }

/*主营商品页*/
.dpxqPart .xczr { display: block; height: 21px; line-height: 21px; padding: 0 6px; font-size: 10px; border: 1px solid #ff5a5a; color: #ff5a5a; border-radius: 1px; }
.mgX16 { margin-left: -16px; margin-right: -16px; }

/*评论&评分*/
.jcBox { position: relative; padding: 16px; overflow: hidden; }
.jcBox .flol { width: 70%; }
.jcBox .flol p { font-size: 16px; line-height: 20px; color: #0c0d0e; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.jcBox .flol i { display: block; font-size: 11px; color: #83868f; margin-top: 6px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.jcBox span.red-df { display: block; font-size: 10px; line-height: 20px; margin-top: 13px; }
.jcBox span.red-df b { font-size: 16px; }
.comment-item { padding: 0 16px; }
.comment-item .comment-con { padding-top: 22px; }
.comment-item dl { display: table; width: 100%; margin-bottom: 27px; }
.comment-item dt { display: table-cell; vertical-align: middle; font-size: 16px; color: #83868f; width: 9em; text-align: right; }
/*20170427*/
.comment-item dt i { margin-right: 1em; }
.comment-item dd { display: block; vertical-align: middle; font-size: 0; height: 24px; }
.star-other i { display: inline-block; width: 25px; height: 25px; margin-right: 15px; background: url(/images_m/star_pl.png) 0 -25px no-repeat; background-size: 25px auto; }
.star-other i.active { background-position: 0 0; }
.star-other i:last-child { margin-right: 0; }

.comment-comm { padding: 16px; overflow: hidden; }
.comment-comm .textarea { font-size: 16px; line-height: 24px; min-height: 120px; overflow-y: auto; color: #0c0d0e; width: 100%; border: none; outline: none; }
.comment-comm .textarea.ts { color: #b3b6be; }
.comment-comm .txtnum { text-align: right; font-size: 11px; color: #b3b6be; }

.fbpl a { display: block; height: 40px; line-height: 40px; font-size: 15px; border-radius: 2px; margin: 20px 16px; text-align: center; background-color: #df3031; color: #fff; }

/*加载*/
.jcload { padding-top: 75px; }
.a-jump { display: block; width: 105px; height: 32px; margin: 20px auto 0; border: 1px solid #e3e7ed; text-align: center; line-height: 32px; font-size: 14px; color: #83868f; }

.jj-formList .f15 .ts { position: relative; line-height: 16px; font-size: 10px; padding: 5px 14px; color: #fd9840; background-color: #fff4ea; }
.jj-formList .f15 .ts:before { position: absolute; content: ''; width: 0px; height: 0px; border: 5px solid #fff4ea; left: 2em; top: -5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.jj-formList .f15 .ts + li { border-top: none; }

/*装修2017-1*/
.bg-f8 { background-color: #f8f8f8; }
.bb0 { border-bottom: none !important; }
.ad-shanghu { width: 100%; line-height: 34px; padding: 0 20px; background-color: #fff6df; font-size: 11px; color: #efa76e; overflow: hidden; }
/*20170427*/
.ad-shanghu.a2 { background-color: #f8f8f8; color: #b3b6be; }
/*商户列表*/
.shangList ul { margin: 0; }
.shangList li { border-bottom: 1px solid #f8f8f8; }
.shangList li:last-child { border-bottom: none; }
.shangList li > a { position: relative; display: block; padding: 16px 20px 0; overflow: hidden; *zoom: 1; }
.shangList li .shang-img { float: left; margin-right: 8px; width: 112px; height: 84px; margin-bottom: 16px; }
.shangList li .shang-img div { position: relative; width: 112px; height: 84px; }
.shangList li .shang-img img { width: 100%; height: 100%; }
.shangList li .shang-img div .hot { position: absolute; display: block; width: 26px; height: 23px; top: 0; left: 0; background: url(/images_m/icon-hot52.png) center no-repeat; background-size: 100% auto; }
.shangList li .txt { font-size: 11px; color: #83868f; overflow: hidden; *zoom: 1; line-height: 18px; }
.shangList .txt h3 { margin-bottom: 5px; }
.shangList .txt h3 em { position: relative; display: inline-block; max-width: 100%; font-size: 16px; color: #3c3f46; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.shangList .txt h3 em.tuan { padding-right: 18px; }
.shangList .txt h3 em.tuan:after { content: '团'; display: block; position: absolute; right: 0px; top: 50%; margin-top: -7px; padding: 1px 0; width: 14px; height: 14px; font-size: 10px; color: #fff; line-height: 14px; text-align: center; background: #ff5350; border-radius: 1px; }
/*.shangList .txt h3 span{ float:right; display:block; max-width:30%; font-size:10px; text-align:right; color:#83868f; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}*/
.shangList .txt .t1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.shangList .txt .t1 div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.shangList .txt .t1 div > span { display: block; float: left; margin-right: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.shangList .txt .t1 div .stag span { margin-right: 4px; }
.shangList .txt .stag { margin: 0px; font-size: 10px; height: 16px; }
.shangList .txt .stag span.yellowbg { background: #fff; border: 1px solid #fdefe5; color: #fd9940; }
.shangList .txt .stag span.bluebg { background: #fff; border: 1px solid #e5f0fe; color: #5ea2f9; }
.shangList .txt .stag span.greenbg { background: #fff; border: 1px solid #def5f8; color: #49b9ca; }
.shangList .txt .stag span.pinkbg { background: #fff; border: 1px solid #fee1e1; color: #fc6769; }
.shangList .txt .stag span.greenbg2 { background: #fff; border: 1px solid #dff0d1; color: #7eb449; }
.shangList .txt p { line-height: 12px; padding: 1px; margin-top: 7px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.shangList .txt p span { margin-right: 14px; }
.shangList .txt p:first-of-type { margin-top: 5px; }
/*.shangList .txt p:only-of-type{margin-top:15px;}*/
.shangList .txt .li { position: relative; padding-left: 17px; line-height: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.shangList .txt .li:before { position: absolute; content: '礼'; width: 14px; height: 14px; line-height: 14px; left: 0; top: 50%; margin-top: -7px; text-align: center; font-size: 9px; border-radius: 1px; color: #fff; background: #ff8330; }
.shangList .txt .li:nth-child(5), .shangList .txt .li:nth-child(6), .shangList .txt .li:nth-child(7), .shangList .txt .li:nth-child(8) { margin-top: 0; padding-top: 9px; padding-bottom: 9px; }
.shangList .txt .li:nth-child(5) { margin-top: 9px; border-top: 1px solid #f8f8f8; }
.shangList .txt .li:nth-child(6), .shangList .txt .li:nth-child(7), .shangList .txt .li:nth-child(8) { margin-top: -9px; }
.shangList .txt .li.ding:before { content: '订'; background: #af80f2; }
.shangList .threeLine .txt .t1 { margin: 12px 0 13px; }
.shangList .dpbox { overflow: hidden; margin-bottom: 6px; }

/*列表下载APP样式*/
.shangList li.app-down { position: relative; }
.shangList li.app-down > a { display: block; overflow: hidden; }
.shangList li.app-down .cont { width: auto; max-width: none; }
.shangList li.app-down h3 { font-size: 16px; margin-bottom: 20px; color: #3c3f46; }
.shangList li.app-down p { margin-top: 18px; font-size: 13px; line-height: 14px; height: 14px; }
.shangList li.app-down .btn-down { position: absolute; display: block; height: 26px; line-height: 12px; font-size: 13px; color: #d54a4e; padding: 6px 7px 0; font-weight: 600; text-align: center; border: 1px solid #d54a4e; border-radius: 2px; right: 20px; margin-top: 32px; background: #fff; }

.lp-hd-box li { position: relative; border-bottom: 1px solid #f8f8f8; padding: 0 20px; }
.lp-hd-box li:last-child { border-bottom: none; }
.lp-hd-box li a:first-child { position: relative; display: block; padding-top: 14px; padding-bottom: 14px; padding-left: 27px; overflow: hidden; }
.lp-hd-box li h4 { font-size: 15px; line-height: 22px; border-left: 1px solid #f8f8f8; padding-left: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.lp-hd-box li h4 span { font-size: 13px; color: #83868f; }
.lp-hd-box li a:before { position: absolute; content: ''; width: 16px; height: 16px; left: 0; top: 16px; background-image: url(/images_m/jj-dp-icon.png); background-repeat: no-repeat; background-size: 16px auto; }
.lp-hd-box li.tuangou a:before { width: 16px; height: 18px; background-size: 16px auto; background-position: 0 -48px; }
.lp-hd-box li.address a:before { background-position: 0 -0px; }
.lp-hd-box li.tese a:before { background-position: 0 -16px; }
.lp-hd-box li.VIP a:before { background-position: 0 -32px; }
.lp-hd-box li.VIP h4 { color: #ff8330; }
.lp-hd-box li.tuangou h4 { color: #ff5350; }
.lp-hd-box li.address .arr-rt:after { display: none; }
.lp-hd-box li.address a.arr-rt { margin-right: 35px; }
.lp-call { position: absolute; display: block; width: 35px; height: 30px; right: 20px; top: 10px; text-align: center; border: 1px solid #fc6769; border-radius: 2px; background: url(/images_m/tel_icons3.png) center no-repeat; background-size: 20px; z-index: 99; }
.lp-call:before { display: none; }
.lp-call.cur { border-color: #cccfd8; background: url(/images_m/tel_icons32.png) center no-repeat; background-size: 20px; }
.lp-hd-more { height: 44px; line-height: 44px; border-top: 1px solid #f8f8f8; margin-top: -1px; }
.lp-hd-more a { display: block; font-size: 14px; color: #565c67 !important; text-align: center; }
.lp-hd-more .more { display: block; width: 100%; height: 44px; background: url(/images_m/center_more.png) center center no-repeat; background-size: 15px auto; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.lp-hd-more .more.s2 { -webkit-transform: rotate(180deg); transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); }


/*商户案例*/
.h-Title a { display: block; }
.shanliList { position: relative; overflow: hidden; }
.shanliList li { width: 48%; float: left; margin-right: 4%; margin-bottom: 12px; }
.shanliList li:nth-of-type(even) { margin-right: 0; }
.shanliList li .img { position: relative; width: 100%; margin-bottom: 10px; }
.shanliList li .img img { width: 100%; height: 109px; }
/*0509*/
.shanliList li p { height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.shanliList li p.f12 { transform: scale(0.92,0.92); -webkit-transform: scale(0.92,0.92); margin-left: -6px; margin-right: -6px; }
/*0510*/
.shanliList.w100 li p.f12 { transform: none; margin-left: 0; margin-right: 0; }
.shanliList li p span { margin-left: 10px; }
/*20170502*/
.shanliList li p span i { margin: 0 3px; }
.shanliList.w100 li { width: 100%; margin-right: 0; }
.shanliList.w100 li .img img { height: 227px !important; }

.shanliListN { position: relative; overflow: hidden; }
/*0828*/
.shanliListN li { margin-bottom: 16px; }
/*0828*/
.shanliListN li:nth-of-type(even) { margin-right: 0; }
/*0828*/
.shanliListN li .img { position: relative; width: 100%; margin-bottom: 10px; max-height: 250px; max-height: 67vw; overflow: hidden; }
/*0828*/
.shanliListN li .img img { width: 100%; }
/*0828*/
.shanliListN li p { height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*0828*/


.mr30 { margin-right: 30px; }


.jiage-gq li { border-top: 1px solid #f8f8f8; padding: 0 20px; }
.jiage-gq li > a { position: relative; display: block; padding: 10px 0; overflow: hidden; }
.jiage-gq li p { font-size: 15px; color: #df3031; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.jiage-gq li p span.flol { margin-right: 30px; }

.nav-shanghu { width: 100%; position: relative; text-align: center; overflow: hidden; }
.nav-shanghu div { position: relative; width: 33.3%; float: left; font-size: 12px; color: #3c3f46; line-height: 20px; padding: 18px 8px 20px; }
/*0510*/
.nav-shanghu div:after { position: absolute; content: ''; width: 1px; height: 85px; background-color: #f8f8f8; top: 50%; right: 0; margin-top: -42px; }
.nav-shanghu div:last-child:after { display: none; }
.nav-shanghu div i { display: block; width: 31px; height: 31px; margin: 0 auto 8px; }
.nav-shanghu div.n1 i { background: url(/images_m/zxb-jj-icon.png) 0 0 no-repeat; background-size: 93px auto; }
.nav-shanghu div.n2 i { background: url(/images_m/zxb-jj-icon.png) -31px 0 no-repeat; background-size: 93px auto; }
.nav-shanghu div.n3 i { background: url(/images_m/zxb-jj-icon.png) -62px 0 no-repeat; background-size: 93px auto; }
.nav-shanghu div img { width: 49px; height: 40px; margin: 0 auto 8px; }
.nav-shanghu div span { display: block; margin: 0 auto; }
.nav-shanghu div .ljsq { display: block; width: 68px; height: 24px; margin: 0 auto; line-height: 24px; text-align: center; background-color: #ff6666; color: #fff !important; font-size: 13px; border-radius: 2px; margin-top: 10px; }
.nav-shanghu div .djjr { display: block; width: 75px; height: 26px; margin: 0 auto; line-height: 24px; text-align: center; background-color: #fff; color: #ff6666 !important; font-size: 13px; border-radius: 2px; border: 1px solid #ff6666; margin-top: 15px; }

/**/
.anli-intro { padding: 16px 20px 20px; }
.anli-intro .flextable li span { float: none; font-size: 13px; }
.anli-intro .intro { clear: both; margin-top: 10px; overflow: hidden; line-height: 21px; color: #3c3f46; }
.anli-intro .intro p { line-height: 21px; color: #3c3f46; overflow: auto; }
.anli-intro .more { display: block; width: 100%; height: 40px; background: url(/images_m/center_more.png) center center no-repeat; background-size: 15px auto; margin-bottom: -16px; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.anli-intro .more.s2 { -webkit-transform: rotate(180deg); transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); }


/*商户详情底部浮层 N新房-户型详情*/
.floatBtns2 { position: fixed; display: table; left: 0; bottom: 0; width: 100%; height: 49px; background: #f8f8f8; text-align: center; z-index: 100; }
.floatBtns2 > div:only-of-type { width: 100%; }
.floatBtns2 > div { display: table-cell; vertical-align: top; }
.floatBtns2 .left-btn { width: 34% }
.floatBtns2 .left-btn a { display: block; width: 56px; height: 48px; color: #83868f !important; font-size: 9px; border-right: 1px solid #ebebeb; border-top: 1px solid #f1f1f1; padding-top: 7px; }
.floatBtns2 .left-btn a:last-child { border-right: 0; }
.floatBtns2 .left-btn i { display: block; width: 20px; height: 20px; background: url(/images_m/tel_icons_x.png) no-repeat; background-size: 80px auto; margin: 0 auto 4px; }
.floatBtns2 .left-btn .icon1 i { background-position: -20px -20px; }
.floatBtns2 .left-btn .icon2 i { background-position: -40px -20px; }
.floatBtns2 .left-btn .icon2.on i { background-position: -60px -20px; }
.floatBtns2 .left-btn .icon3 i { background-position: -0px -40px; }
.floatBtns2 .left-btn .icon3.on i { background-position: -20px -40px; }
.floatBtns2 .left-btn .icon4 i { background-position: 0 -20px; }
.floatBtns2 .left-btn .icon5 i { background: url(/images_m/icon_fx.png) no-repeat; background-size: 20px auto; }
.floatBtns2 .right-btn a { display: block; width: 50px; height: 49px; line-height: 50px; color: #fff !important; font-size: 15px; }
.floatBtns2 .right-btn a:first-child { background: #ff9933; }
.floatBtns2 .right-btn a:last-child { background: #df2f30; }

.fa-but { /* position:fixed;*/ padding: 20px 20px; width: 100%; background: #fff; }
.arr-fan { display: block; width: 100%; line-height: 40px; height: 40px; font-size: 15px; background-color: #dd3237; color: #fff; border-radius: 2px; text-align: center; -webkit-tap-highlight-color: rgba(255,0,0,0); }
.goods-list .mb5 li .xq-pic { margin-bottom: 5px; }
.pdT15 { padding-top: 15px; }
.but-stage.w40 { width: 40px; background: url(/images_m/stag_but.png) left center no-repeat; background-size: 40px 15px; }

/*20170427适应屏幕*/
@media screen and (min-width: 320px) and (max-width: 374px) {
    .comment-item dt { font-size: 14px; }
    .star-other i { width: 20px; height: 20px; background: url(/images_m/star_pl.png) 0 -20px no-repeat; background-size: 20px auto; }
    .shanliList.w100 li .img img { max-height: 194px !important; }
}
/*商铺详情*/
.xqimg { position: relative; padding-bottom: 50px; }
/*0510*/
.xqimg .bigImg { width: 100%; }
.xqimg .bigImg img { width: 100%; height: 120px; }
.xqimg .litImg { position: absolute; width: 84px; height: 64px; border-radius: 3px; border: rgba(255,255,255,0.5) 2px solid; top: 88px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 10; }
.xqimg .litImg img { width: 100%; height: 100%; }

.xqjs-box .max-he { overflow: hidden; }
.xqjs-box p { font-size: 15px; line-height: 26px; color: #3c3f46; }
.prove-img li { width: 100%; margin-bottom: 20px; }
.prove-img li img { width: 100%; }

.zx-yuyue-but { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 16px; background-color: #ffffff; }
.top-c p { font-size: 15px; line-height: 20px; color: #3c3f46; margin-bottom: 15px; }
.top-c p .s1 { display: inline-block; margin-right: 10px; font-size: 12px; color: #fd9940; border: 1px solid #fdefe5; border-radius: 2px; line-height: 18px; padding: 0 6px; }
.top-c i { display: inline-block; font-size: 12px; line-height: 20px; color: #cccfd8; }

.jj-formList .yy li { padding-left: 0; padding-right: 0px; }
.jj-formList .yy .con { margin-left: 0; }
.jj-formList .yy .jj-checkCode1 { border: none; border-left: 1px solid #f8f8f8; padding: 0 10px; line-height: 24px; }
.jj-formList .content .yy input { font-size: 15px; }
.jj-submitBtn a.h40 { height: 44px; line-height: 44px; }

.pdr40 { padding-right: 50px; }
/*20170502*/
/*商家活动报名成功*/
.jc-hd-ok { text-align: center; padding: 30px 20px; line-height: 1; }
.jc-hd-ok h3 { font-size: 18px; color: #fc5555; font-weight: 600; margin-top: 26px; }
.jc-hd-ok p { font-size: 13px; color: #83868f; margin-top: 20px; }
.jc-hd-ok a { display: block; width: 80%; height: 44px; line-height: 43px; font-size: 16px; font-weight: 600; color: #fff; background: #df5558; border-radius: 2px; margin: 20px auto 0; }
.jc-hd-ok.err h3 { color: #3c3f46; }

/**/
.jiaju .moreChoo .moretitle { padding: 20px 0 15px 0; }
/*装修公司筛选栏0503*/
.lbTab .cont .sx2 { position: absolute; top: 0; left: 0; width: 100%; height: 44px; border-bottom: 1px solid #f8f8f8; display: block; box-flex: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -ms-box-flex: 0; }
.lbTab .lb2 dd { width: 50%; float: left; padding: 11px 0; }
.lbTab .lb2 dd a { border-right: 1px solid #f8f8f8; height: 22px; line-height: 22px; font-size: 14px; text-align: center; color: #565c67 !important; padding: 0 6px; }
.lbTab .lb2 dd:last-child a { border-right: none; }
.lbTab .lb2 dd.active { background-color: #fff; }
.lbTab .lb2 dd.active a { color: #ff6666 !important; }
.lbTab .lb2 dd span { position: relative; display: inline-block; line-height: 21px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 13px; }
.lbTab .lb2 dd span:after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 4px; border-color: #cccfd8 transparent transparent transparent; right: 0; top: 50%; margin-top: -2px; }
.lbTab .lb2 dd.active span:after { border-color: transparent transparent #f66 transparent; margin-top: -6px; }
.lbTab .lb2 dd.active:before { display: none; }
.lbTab .cont dd a.active { color: #ff6666 !important; }

.swiper-controlh .swiper-slide { height: 250px }
.swiper-controlh .swiper-slide img { width: 100%; height: 250px; }

@media screen and (min-width: 376px) {
    .swiper-controlh .swiper-slide { height: 280px }
    .swiper-controlh .swiper-slide img { width: 100%; height: 280px; }
}

.moreChoo .d { padding-bottom: 50px; }
.textBox p.ellips_three { max-height: 104px !important; overflow: auto; }

/*设计师*/
.nav-design { width: 100%; position: relative; text-align: center; padding: 20px 0; overflow: hidden; }
.nav-design li { width: 25%; float: left; }
.nav-design .w3 li { width: 33.3%; }
.nav-design li > a { display: block; }
.nav-design li img { display: block; margin: 0 auto; width: 65px; height: 65px; border-radius: 50%; }
.nav-design li span:nth-of-type(1) { display: block; margin-top: 10px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 6px; }
.nav-design li span:nth-of-type(2) { display: block; margin-top: 6px; line-height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 6px; }

.designer li .jj-img { width: 70px; height: 70px; border-radius: 50%; border: none; overflow: hidden; }
.designer li > a { padding: 20px 8px; }
.designer li h3 { margin-bottom: 6px; }
.designer li p { font-size: 12px; line-height: 23px; }

.designList li { position: relative; padding: 16px; overflow: hidden; border-bottom: 1px solid #f8f8f8; }
.designList li .img { position: relative; float: left; width: 38%; max-width: 143px; height: 95px; margin-right: 10px; }
.designList li .img img { width: 100%; height: 100%; }
.designList li .img i { position: absolute; width: 26px; height: 23px; top: 0; left: 0; background: url(/images_m/icon-hot52.png) center no-repeat; background-size: 100% auto; z-index: 10; }
.designList li .img .anli { position: absolute; width: 100%; height: 15px; line-height: 14px; bottom: 0; left: 0; text-align: center; background: rgba(0,0,0,.6); color: #fff; z-index: 10; }
.designList li .img .anli span { display: inline-block; font-size: 12px; transform: scale(0.83,0.83); -webkit-transform: scale(0.83,0.83); }
.designList li .cont { float: left; width: 36%; max-width: 130px; line-height: 20px; }
.designList li .cont h3 { height: 20px; font-size: 15px; color: #3c3f46; margin-top: -2px; overflow: hidden; margin-right: -30px; }
.designList li .cont h3 i { max-width: 4em; height: 20px; overflow: hidden; }
/*0724*/
.designList li .cont h3 img { height: 13px; margin-left: 5px; vertical-align: -2px; }
/*0724*/
.designList li .cont p { font-size: 11px; color: #83868f; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.designList li .er { position: absolute; top: 16px; right: 16px; width: 56px; z-index: 10; }
.designList li .er img { width: 40px; height: 40px; border-radius: 50%; margin-bottom: 10px; margin-left: 8px; overflow: hidden; }
.designList li .er .ztsj { display: block; width: 56px; height: 22px; line-height: 20px; text-align: center; background-color: #fff; color: #ff6666 !important; font-size: 11px; border-radius: 2px; border: 1px solid #ff6666; }
.designList li .er + a { display: block; height: 95px; }

/*列表下载APP样式*/
.designList li.app-down { position: relative; }
.designList li.app-down > a { display: block; overflow: hidden; }
.designList li.app-down .cont { width: auto; max-width: none; }
.designList li.app-down h3 { font-size: 16px; margin-bottom: 20px; margin-top: 4px; }
.designList li.app-down p { margin-top: 18px; font-size: 13px; line-height: 14px; height: 14px; }
.designList li.app-down .btn-down { position: absolute; display: block; height: 26px; line-height: 12px; font-size: 13px; color: #d54a4e; padding: 6px 7px 0; font-weight: 600; text-align: center; border: 1px solid #d54a4e; border-radius: 2px; right: 16px; margin-top: 37px; background: #fff; }

/*设计大咖列表*/
.designDK ul { overflow: hidden; }
.designDK li { float: left; width: 50%; overflow: hidden; }
.designDK li:nth-child(odd) { padding-right: 3px; }
.designDK li:nth-child(even) { padding-left: 3px; }
.designDK li > a { display: block; background: #fff; }
.designDK .img { position: relative; width: 100%; padding-bottom: 100%; overflow: hidden; }
.designDK .img img { position: absolute; left: 0; top: 0; width: 100%; }
.designDK .txt { padding: 10px; }
.designDK .txt h2 { font-size: 14px; color: #3c3f46; line-height: 20px; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.designDK .txt p { color: #b3b6be; font-size: 12px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.designDK .txt p.intro { font-size: 10px; }
/*设计师详情*/
.sjsxq { position: relative; }
.sjsxq .bgImg { width: 100%; height: 130px; overflow: hidden; }
.sjsxq .bgImg img { width: 100%; height: 130px; }
.sjsxq .sjs { position: absolute; width: 100%; padding: 0 16px; height: 60px; top: 50%; margin-top: -30px; left: 0; }
.sjsxq .sjs .img { float: left; width: 60px; height: 60px; margin-right: 10px; }
.sjsxq .sjs .img img { width: 60px; height: 60px; border-radius: 50%; border: 2px solid; border-color: rgba(255,255,255,0.5); }
.sjsxq .sjs .txt { line-height: 20px; color: #fff; overflow: hidden; }
.sjsxq .sjs .txt h3 { font-size: 15px; margin-top: 10px; font-weight: bold; }
.sjsxq .sjs .txt p { font-size: 13px; margin-top: 4px; }
.sjs-intro { padding: 16px 16px 20px; }
.sjs-intro .flextable li span { float: none; }
.sjs-intro .intro { clear: both; margin-top: 10px; overflow: hidden; line-height: 21px; }
.sjs-intro .more { display: block; width: 100%; height: 40px; background: url(/images_m/center_more.png) center center no-repeat; background-size: 15px auto; margin-bottom: -16px; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.sjs-intro .more.up { -webkit-transform: rotate(180deg); transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); }
.jj-formList .sjs .jj-checkCode1 { border: none; line-height: 28px; }
.sjs-item a, .jj-w-item a { display: block; line-height: 50px; font-size: 15px; color: #3c3f46 !important; }


/*商家列表*/
.ipt-rd { margin-top: -5px; width: 16px; height: 16px; background: url(/images_m/icon-iptr.png) 0 0px no-repeat; background-size: 32px auto; -webkit-appearance: none !important; appearance: none !important; border: 0px; -moz-border: none; outline: none; -moz-outline: none; }
.ipt-rd:checked { background-position: -16px 0px; }
.message { padding: 0 0 0 15px; width: 100%; height: 40px; font-size: 12px; line-height: 40px; color: #efa76e; background: #fff6df; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jj-sellerList li { position: relative; padding: 15px 15px 15px 45px; border-bottom: 1px solid #f8f8f8; }
.jj-sellerList li .stag { margin-bottom: 8px; font-size: 10px; height: 16px; }
.jj-sellerList li .stag span.yellowbg { background: #fff; border: 1px solid #fdefe5; color: #fd9940; }
.jj-sellerList li .stag span.bluebg { background: #fff; border: 1px solid #e5f0fe; color: #5ea2f9; }
.jj-sellerList li .stag span.greenbg { background: #fff; border: 1px solid #def5f8; color: #49b9ca; }
.jj-sellerList li .stag span.pinkbg { background: #fff; border: 1px solid #fee1e1; color: #fc6769; }
.jj-sellerList li .stag span.greenbg2 { background: #fff; border: 1px solid #dff0d1; color: #7eb449; }
.jj-sellerList li .iptBox { position: absolute; left: 15px; top: 50%; margin-top: -8px; width: 16px; height: 16px; }
.jj-sellerList li .iptBox a { display: block; margin-top: 0; }
.jj-sellerList li .iptBox a.active { background-position: -16px 0px; }
.jj-sellerList .imgBox { float: left; margin-right: 10px; width: 92px; height: 70px; border: 1px solid #f8f8f8; border-radius: 1px; overflow: hidden; }
.jj-sellerList .imgBox img { width: 100%; height: 100%; }
.jj-sellerList .txt { min-height: 70px; overflow: hidden; }
.jj-sellerList .txt h3 { margin-top: 3px; margin-bottom: 8px; font-size: 16px; line-height: 19px; color: #3c3f46; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.jj-sellerList .txt p { height: 16px; color: #83868f; font-size: 11px; line-height: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/*团购详情*/
.dpxqPart .msdiv { font-size: 14px; }
.dpxqPart .price-box { padding: 15px 0 3px; height: 51px; font-size: 21px; color: #df3031; line-height: 33px; overflow: hidden; }
.dpxqPart .price-box i { font-size: 13px; }
.dpxqPart .price-box a { display: block; float: right; padding: 0 16px; height: 33px; font-size: 15px; line-height: 33px; color: #fff; background: #fc6769; border-radius: 1px; }
.tuanTime { padding: 0 20px; font-size: 14px; color: #819bbb; line-height: 55px; background: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tuanTime > span { float: right; color: #3c3f46; }
.tuanTime > span > i { margin-left: 5px; color: #fc6769; }
.tuanTitle { padding: 0 12px 0 20px; }
.tuanTitle:after { clear: both; content: "\200B"; display: block; height: 0; }
.tuanTitle h2 { float: left; font-size: 15px; color: #83868f; line-height: 1; padding: 20px 0; margin-left: 8px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.tuanTitle h1 { float: left; font-size: 16px; color: #3c3f46; line-height: 1; padding: 20px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.tuanTitle span { float: right; position: relative; display: block; line-height: 56px; margin-right: 8px; font-size: 13px; overflow: hidden; }
.tuanTitle a { color: #83868f; }
.tuanTitle a { display: block; height: 55px; }
.tuanTitle > a.arr-rt:after { right: 8px; }
.tuanCon > h2 { padding: 16px 0 14px; font-size: 15px; color: #83868f; }
.tuanCon table { width: 100%; }
.tuanCon table td { font-size: 14px; line-height: 32px; color: #3c3f46; }
.tuanCon table td:nth-child(1) { width: 62%; }
.tuanCon table td:nth-child(2) { width: 18%; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.tuanCon table td:nth-child(3) { width: 20%; text-align: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.tuanCon table td:only-of-type { width: 100%; text-align: right; }
.tuanCon table td span { display: block; line-height: 18px; }
.tuanCon table td span.price { display: inline-block; font-size: 21px; color: #df3031; }
.tuanCon table td span.price i { font-size: 13px; }
.tuanCon > div { padding-bottom: 5px; }
.tuanCon > div > h3 { font-size: 15px; color: #83868f; line-height: 29px; }
.tuanCon > div > p { position: relative; padding-left: 7px; font-size: 15px; color: #3c3f46; line-height: 29px; word-break: break-all; }
.tuanCon > div > p:before { content: ''; display: block; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background: #83868f; border-radius: 50%; transform: scale(0.85,0.85); -webkit-transform: scale(0.85,0.85); }
.tuanTW { padding: 20px; }
.tuanTW p { font-size: 15px; color: #3c3f46; line-height: 23px; padding: 7px 0; }
.tuanTW img { width: 100%; }
.tuanTW *:last-child { padding-bottom: 0; }

/*详情底部浮层*/
.floatBtns2 { position: fixed; display: table; left: 0; bottom: 0; width: 100%; height: 49px; background: #f8f8f8; text-align: center; z-index: 100; }
.floatBtns2 > div:only-of-type { width: 100%; }
.floatBtns2 > div { display: table-cell; vertical-align: top; }
.floatBtns2 .left-btn { width: 34% }
.floatBtns2 .left-btn a { display: block; width: 56px; height: 48px; color: #83868f !important; font-size: 9px; border-right: 1px solid #ebebeb; border-top: 1px solid #f1f1f1; padding-top: 7px; }
.floatBtns2 .left-btn a:last-child { border-right: 0; }
.floatBtns2 .left-btn i { display: block; width: 20px; height: 20px; background: url(/images_m/tel_icons_x.png) no-repeat; background-size: 80px auto; margin: 0 auto 4px; }
.floatBtns2 .left-btn .icon1 i { background-position: -20px -20px; }
.floatBtns2 .left-btn .icon2 i { background-position: -40px -20px; }
.floatBtns2 .left-btn .icon2.on i { background-position: -60px -20px; }
.floatBtns2 .left-btn .icon3 i { background-position: -0px -40px; }
.floatBtns2 .left-btn .icon3.on i { background-position: -20px -40px; }
.floatBtns2 .left-btn .icon4 i { background-position: 0 -20px; }
.floatBtns2 .left-btn .icon5 i { background: url(/images_m/icon_fx.png) no-repeat; background-size: 20px auto; }
.floatBtns2 .right-btn a { display: block; width: 50px; height: 49px; line-height: 50px; color: #ffffff; font-size: 15px; }
.floatBtns2 .right-btn a:first-child { background: #ff9933; }
.floatBtns2 .right-btn a:last-child { background: #df2f30; }

/*建材店铺列表搜索*/
.search { background: #fff; padding: 10px 20px; }
/*0828*/
.search .cityChoo { box-flex: 0; -webkit-box-flex: 0; -moz-box-flex: 0; padding: 0 11px 0 16px; margin-left: 5px; height: 36px; font-size: 15px; line-height: 34px; border: 1px solid #f2f2f2; }
.search .cityChoo span { position: relative; padding-right: 11px; color: #3c3f46; }
.search .cityChoo span:before { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 4px; border-color: #cccfd8 transparent transparent transparent; right: 0; top: 50%; margin-top: -2px; }

/*家居建材大方块导航*/
.jjjc-nav li { float: left; width: 33%; height: 97px; border-bottom: 1px solid #f8f8f8; border-left: 1px solid #f8f8f8; }
.jjjc-nav li a { display: block; width: 100%; height: 100%; }
.jjjc-nav li a h2 { padding: 14px 0 0 12px; font-size: 14px; color: #3c3f46; line-height: 1; }
.jjjc-nav li a.noOpen h2 { color: #b3b6be !important; }
.jjjc-nav li:first-child { width: 34%; height: 194px; border-left: none; }
.jjjc-nav li:first-child a { background: url(/images_m/jjjc_pplt.png) no-repeat bottom right; background-size: 115px auto; }
.jjjc-nav li:first-child a h2 { font-size: 15px; font-weight: bold; color: #9c6be2; }
.jjjc-nav li:nth-of-type(6) { width: 34%; border-left: none; }
.jjjc-nav li a.ywbd { background: url(/images_m/jjjc_ywbd.png) no-repeat bottom right; background-size: 80px auto; }
.jjjc-nav li a.jxyp { background: url(/images_m/jjjc_jxyp.png) no-repeat bottom right; background-size: 80px auto; }
.jjjc-nav li a.yhhd { background: url(/images_m/jjjc_yhhd.png) no-repeat bottom right; background-size: 80px auto; }
.jjjc-nav li a.sppc { background: url(/images_m/jjjc_sppc.png) no-repeat bottom right; background-size: 80px auto; }
.jjjc-nav li a.tpk { background: url(/images_m/jjjc_tpk.png) no-repeat bottom right; background-size: 115px auto; }
.jjjc-nav li a.yhlt { background: url(/images_m/jjjc_yhlt.png) no-repeat bottom right; background-size: 80px auto; }
.jjjc-nav li a.wxbybj { background: url(/images_m/jjjc_wxbybj.png) no-repeat bottom right; background-size: 80px auto; }
.jjjc-nav li:first-child a.noOpen { background: url(/images_m/jjjc_pplt2.png) no-repeat bottom right; background-size: 115px auto; }
.jjjc-nav li a.tpk.noOpen { background: url(/images_m/jjjc_tpk2.png) no-repeat bottom right; background-size: 115px auto; }
.jjjc-nav li a.yhlt.noOpen { background: url(/images_m/jjjc_yhlt2.png) no-repeat bottom right; background-size: 80px auto; }
.jjjc-nav li a.wxbybj.noOpen { background: url(/images_m/jjjc_wxbybj2.png) no-repeat bottom right; background-size: 80px auto; }

/*建材商家活动详情*/
.activCon { padding-top: 15px; font-size: 15px; color: #3c3f46; line-height: 26px; overflow: hidden; }
.activCon * { max-width: 100% !important; }
.actList { line-height: 50px; font-size: 15px; color: #3c3f46; }
.actList li { padding: 0 20px; height: 50px; border-bottom: 1px solid #f8f8f8; clear: both; }
.actList li span { float: left; }
.actList .f3d { letter-spacing: 0.5em; }
.actList .content input { -webkit-appearance: none; border: none; outline: none; font-size: 14px; color: #0c0d0e; line-height: normal; }
.actList .content input[type="tel"], .actList .content input[type="text"], .actList .content input[type="number"] { width: 100%; }
.actList .content input::-webkit-input-placeholder { color: #cccfd8; line-height: 1em; font-size: 14px; }
.actList .con { margin-left: 84px; color: #cccfd8; }
.actList .jj-checkCode1 + .con { margin-right: 85px; }
.actList .jj-checkCode1 { padding: 0; color: #b3b6be; border: none; line-height: 50px; font-size: 13px; }
.actList .jj-checkCode1.active { color: #fc5555; }
/*active激活状态*/

/*建材产品详情*/
.xqBox { position: relative; padding: 17px 20px 9px; }
.xqBox h1 { font-size: 21px; line-height: 24px; color: #000; font-weight: bold; }
.xqBox .price-box { padding: 5px 0 0 0; font-size: 21px; color: #df3031; line-height: 33px; overflow: hidden; }
.xqBox .price-box i { font-size: 13px; }
.detailBox .flextable li { padding: 3px 0; font-size: 15px; color: #3c3f46; line-height: 24px; }
.detailBox .flextable li span { margin-right: 40px; color: #b3b6be; }
.detailBox .flextable li i { margin-right: 2em; }
.detailBox p { font-size: 15px; color: #3c3f46; line-height: 24px; }
.detailBox .detImg img { width: 100%; margin-bottom: 15px; }
/* 浮层-并列三个按钮 */
.floatTel-san { height: 45px; width: 100%; }
.floatTel-san dl { position: fixed; bottom: 0; left: 0; width: 100%; display: table; z-index: 100; }
.floatTel-san dd { display: table-cell; vertical-align: middle; }
.floatTel-san dd { overflow: hidden; width: 64px; background: #f35f60; }
.floatTel-san dd a { display: block; height: 45px; line-height: 46px; background: #df2f30; color: #ffffff !important; text-align: center; font-size: 14px; margin-right: 1px; overflow: hidden; }
.floatTel-san dd a i { display: inline-block; width: 20px; height: 20px; margin-right: 6px; background: url(/images_m/tel_icons_x.png) no-repeat; background-size: 80px auto; vertical-align: -5px; }
.floatTel-san dd a.tj-mes i { background-position: -20px 0; }
.floatTel-san dd a.tj-fav i { background-position: -40px 0; }
.floatTel-san dd a.tj-fav.on i { background-position: -60px 0; }
.floatTel-san dd a.tj-yh i { background: url(/images_m/tel_icon2.png) no-repeat; background-size: 20px auto; }
.floatTel-san dd a.tj-kf i { background: url(/images_m/tel_icons.png) no-repeat; background-size: 60px auto; background-position: -40px 0; }
.floatTel-san dd a.tj-time i { background-position: -60px -40px; }
.floatTel-san dd:last-child a { margin-right: 0; }
/*滑动出现的悬浮导航*/
.secTab.tabH44 { height: 45px; background: #fbfbfb !important; border-bottom: 1px solid #f8f8f8; }
.secTab.tabH44 a { color: #3c3f46; }
.secTab.tabH44 a span { line-height: 43px; }
.secTab.tabH44 a.active span { color: #df3031; border-bottom: 2px solid #df3031; }

/*产品测评*/
.tabNav.tabH44 { margin: 0; padding: 0 20px; }
.evalList li { border-bottom: 1px solid #f8f8f8; margin: 0 20px; }
.evalList li:last-child { border-bottom: none; }
.evalList li > a { position: relative; display: block; padding: 16px 0; overflow: hidden; *zoom: 1; }
.evalList li .img { position: relative; float: right; margin-left: 15px; width: 112px; height: 84px; }
.evalList li .img img { width: 100%; height: 100%; }
.evalList li .img.flol { float: left; margin-right: 15px; margin-left: 0; }
.evalList li .txt h3 { margin-top: 2px; margin-bottom: 24px; font-size: 16px; color: #3c3f46; }
.evalList li .txt p { font-size: 12px; line-height: 18px; color: #83868f; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/*产品列表*/
.prodList li { position: relative; margin: 0 20px; }
.houseList li > a { margin: 0; padding: 16px 0; }
.prodList li .img { position: relative; float: left; margin-right: 15px; width: 112px; height: 84px; }
.prodList li .img img { width: 100%; height: 100%; }
.prodList li .img .but-stage { }
.prodList li h3 { height: 36px; color: #3c3f46; margin-top: 0; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.prodList li p { margin-top: 5px; font-size: 12px; line-height: 18px; }
.prodList li p:only-of-type { margin-top: 28px; }
.prodList .addre { position: absolute; left: 127px; top: 57px; right: 0; color: #83868f; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 20px; }
.prodList .addre a { color: #83868f !important; }

/*列表下载APP样式*/
.prodList li.app-down { position: relative; }
.prodList li.app-down > a { display: block; overflow: hidden; }
.prodList li.app-down h3 { font-size: 15px; margin-bottom: 20px; color: #3c3f46; height: auto; }
.prodList li.app-down p { margin-top: 18px; font-size: 13px; line-height: 14px; height: 14px; }
.prodList li.app-down .btn-down { position: absolute; display: block; height: 26px; line-height: 12px; font-size: 13px; color: #d54a4e; padding: 6px 7px 0; font-weight: 600; text-align: center; border: 1px solid #d54a4e; border-radius: 2px; right: 0; margin-top: 32px; background: #fff; }


/* 最近更新、价格降序 */
.zyTab { height: 40px; position: relative; }
.zyTab ul { width: 100%; height: 40px; border-bottom: 1px solid #f8f8f8; }
.zyTab li { padding: 12px 0; width: 50%; }
.zyTab li a { display: block; border-right: 1px solid #f8f8f8; height: 16px; line-height: 16px; font-size: 14px; text-align: center; color: #565c67 !important; padding: 0 6px; }
.zyTab li:last-child a { border-right: none; }
.zyTab li.active a { color: #ff6666 !important; }

/*单图顶部增加计算广告*/
.top-tg-box li .btn { width: 60px; font-size: 12px; }
.top-tg-box li .img { margin-top: 4px; width: 45px; height: 35px; border-radius: 2px; overflow: hidden; }
.top-tg-box li .txt { height: 42px; }
.top-tg-box li .txt h3 { margin-top: 5px; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.top-tg-box li .txt p { margin-top: 4px; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.top-tg-box li .txt p span { margin-right: 5px; color: #ffc601; }

/*建材询底价漏斗*/
.jjPage { margin: 0 auto; max-width: 640px; background: #005aab; }
.jjPage img { pointer-events: none; }
.jjPage header { width: 100%; border-bottom: 3px solid #fedc32; }
.jjPage header img { width: 100%; }
.jjPage .topFree { position: relative; margin-top: 29px; width: 100%; height: 32px; color: #fff; line-height: 24px; border: 2px solid #fff; }
.jjPage .topFree h3 { position: absolute; top: -14px; left: 50%; margin-left: -111px; width: 222px; font-size: 18px; text-align: center; background: #005aab; text-shadow: 2px 2px 3px rgba(17,36,103,1); }
.jjPage .topFree h3 span { color: #fedd32; }
.jjPage .topFree p { position: absolute; bottom: -10px; left: 50%; margin-left: -87px; width: 174px; height: 24px; font-size: 12px; text-align: center; background: #005aab; }
.jjPage .topFree p span { font-size: 20px; color: #fedd32; }
.jjPage .topFree p i { position: relative; display: inline-block; width: 14px; height: 14px; }
.jjPage .topFree p i:after { content: ''; position: absolute; right: 0; top: 6px; width: 0; height: 0; border-style: solid; border-width: 5px; border-color: #fff transparent transparent transparent; }
.jjPage .jTitle { position: relative; margin-top: 33px; width: 100%; height: 1px; background: #fedc32; }
.jjPage .jTitle h3 { position: absolute; top: -10px; left: 50%; margin-left: -54px; width: 109px; font-size: 14px; text-align: center; color: #fbdb33; background: #005aab; }

.jjPage .btnDiv { position: relative; margin: 13px auto 28px; }
.jjPage .btnDiv a.btnSubmit { display: block; margin: 0 auto; width: 48%; height: 30px; font-size: 12px; color: #fff; text-align: center; line-height: 28px; border: 1px solid rgba(255,255,255,.6); border-radius: 2em; }
.jjPage .btnDiv a.btnCancel { position: absolute; top: 0; right: 0; font-size: 10px; color: #fff; line-height: 30px; }

.jjPage .imgbox img { width: 100%; }
.jjPage .imgbox .bottDiv { position: relative; }
.jjPage .imgbox .bottDiv > div { position: absolute; top: 0; left: 0; width: 100%; }
.jjPage .imgbox .bottDiv .imgtxt { margin: 0 auto; margin-top: 62px; display: table; width: 100%; }
.jjPage .imgbox .bottDiv .img { display: table-cell; width: 22%; text-align: right; }
.jjPage .imgbox .bottDiv .img img { margin-right: 5px; width: 60px; height: 60px; }
.jjPage .imgbox .bottDiv .txt { display: table-cell; padding-top: 5px; width: 78%; vertical-align: top; }
.jjPage .imgbox .bottDiv p { font-size: 13px; color: #fff; line-height: 25px; }
.jjPage .imgbox .bottDiv .chn { clear: both; margin-top: 14px; font-size: 12px; color: #9ecdf6; text-align: center; }

@media screen and (max-width: 330px) {
    .jjPage .imgbox .bottDiv .imgtxt { margin-top: 50px; }
    .jjPage .imgbox .bottDiv .chn { margin-top: 0px; }
}

@media screen and (max-width: 429px) and (min-width: 331px) {
    .jjPage .imgbox .bottDiv .imgtxt { margin-top: 70px; }
    .jjPage .imgbox .bottDiv .chn { margin-top: 6px; }
}

@media screen and (min-width: 430px) {
    .jjPage .imgbox .bottDiv .imgtxt { margin-top: 90px; }
    .jjPage .imgbox .bottDiv .img { width: 25%; }
    .jjPage .imgbox .bottDiv .txt { width: 75%; }
}

.jjPage .btnOrder { position: fixed; right: 30px; bottom: 20%; padding: 4px; width: 75px; height: 75px; background: rgba(255,255,255,.2); border-radius: 50%; box-shadow: 0px 0px 5px rgba(0,0,0,.2); }
.jjPage .btnOrder a { display: block; width: 67px; height: 67px; font-size: 14px; color: #fff; text-align: center; line-height: 67px; background: #40cce1; border-radius: 50%; }
.jjPage .btnOrder .finger { position: absolute; bottom: -30px; right: -16px; width: 60px; height: 60px; background: url(/images_m/jjld_shou.png) no-repeat; background-size: 60px; }
/*动画*/
.up { -webkit-animation: up 1.5s ease infinite; -o-animation: up 1.5s ease infinite; animation: up 1.5s ease infinite; }

@-webkit-keyframes up {
    0% { opacity: 1; -webkit-transform: translate3d(0,5px,0); }
    50% { opacity: 1; -webkit-transform: translate3d(0,0,0); }
    100% { opacity: 1; -webkit-transform: translate3d(0,5px,0); }
}

@keyframes up {
    0% { opacity: 1; transform: translate3d(0,5px,0); }
    50% { opacity: 1; transform: translate3d(0,0,0) }
    100% { opacity: 1; transform: translate3d(0,5px,0) }
}
/*可选品类菜单*/
.jjNav { margin: 0 -20px; margin-top: 23px; }
.jjNav a { float: left; padding: 7px 0; width: 20%; font-size: 12px; color: #fff; }
.jjNav a i { position: relative; display: block; margin: 0 auto; width: 49px; height: 49px; border: 2px solid rgba(255,255,255,.2); border-radius: 50%; }
.jjNav a em { display: block; margin: 0 auto; width: 45px; height: 45px; border-radius: 50%; }
.jjNav a.n1 em { background: url(/images_m/jj_jiaju.jpg) no-repeat center; background-size: 45px; }
.jjNav a.n2 em { background: url(/images_m/jj_chuwei.jpg) no-repeat center; background-size: 45px; }
.jjNav a.n3 em { background: url(/images_m/jj_diban.jpg) no-repeat center; background-size: 45px; }
.jjNav a.n4 em { background: url(/images_m/jj_chugui.jpg) no-repeat center; background-size: 45px; }
.jjNav a.n5 em { background: url(/images_m/jj_cizhuan.jpg) no-repeat center; background-size: 45px; }
.jjNav a.n6 em { background: url(/images_m/jj_kaiguan.jpg) no-repeat center; background-size: 45px; }
.jjNav a.n7 em { background: url(/images_m/jj_youqi.jpg) no-repeat center; background-size: 45px; }
.jjNav a.n8 em { background: url(/images_m/jj_qiangzhi.jpg) no-repeat center; background-size: 45px; }
.jjNav a.n9 em { background: url(/images_m/jj_menchuang.jpg) no-repeat center; background-size: 45px; }
.jjNav a.n10 em { background: url(/images_m/jj_jiadian.jpg) no-repeat center; background-size: 45px; }
.jjNav a span { position: absolute; display: block; top: 2px; right: -4px; width: 14px; height: 14px; background: url(/images_m/ipt_jjld.png) no-repeat; background-size: 14px; background-position: 0 -14px; }
.jjNav a.cur span { background-position: 0 0; }
.jjNav a p { padding-top: 8px; text-align: center; line-height: 1; }
.ld-form { width: 100%; }
.ld-form ul { padding: 0; width: 100%; }
.ld-form ul li { float: left; margin-bottom: 15px; width: 100%; }
.ld-form .ipt { position: relative; padding: 15px 15px 0; height: 50px; background: #fff; border-radius: 2px; }
.ld-form .ipt input { width: 100%; font-size: 15px; border: 0; }
.ld-form .ipt input::-webkit-input-placeholder { color: #b3b6be; line-height: 16px; }
.ld-form .tel .ipt { padding-right: 100px; }
.ld-form .tel .ipt a { position: absolute; top: 10px; right: 0px; display: block; width: 99px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; color: #df3031; border-left: 1px solid #f4f4f4; }
.ld-form .tel .ipt a.noClick { color: #b3b6be; }
.ld-form .btn { display: block; width: 100%; height: 40px; font-size: 17px; color: #0c0d0e; text-align: center; line-height: 40px; background: #fedc32; border-radius: 2px; }
.ld-form .btn.noClick { color: #cccfd8; background: #e3e7ed; }
.ld-form .remark { margin: 8px auto 22px; font-size: 12px; color: #fff; text-align: center; }
.ld-form .remark a { display: inline-block; color: #fedc32; }

/*0823*/
.ldbj_bj01 { background: #64388a }
.ldbj_bj02 { background: #30afc2 }
.ldbj_bj03 { background: #46c2d4; padding-top: 75px; height: 100% }
.ldbj_top { overflow: hidden }
.ldbj_top .bjbt { width: 253px; margin: 52px auto 32px; }
.ldbj_top p { font-size: 14px; color: #c78cfa; text-align: center }
.ldbj_top p span { color: #fff; margin: 0 8px; }
.ldbjcon { background: #fff; border-radius: 5px; margin: 34px 18px 0; overflow: hidden; }
.ldbjList li { width: 100%; border-bottom: 1px solid #eee; padding: 0 18px; font-size: 16px; }
.ldbjList li:last-child { border-bottom: none; }
.ldbjList li { display: box; display: -webkit-box; display: -moz-box; display: -ms-box; -webkit-box-orient: horizontal; box-orient: horizontal; }
.ldbjList li > * { display: block; box-flex: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -ms-box-flex: 0; }
.ldbjList li > div { box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; }
.ldbjList li > span { display: block; color: #3c3f46; line-height: 55px; }
.ldbjList li > i { line-height: 55px; text-align: right; margin-left: 10px; }
.ldbjList li .ipt { position: relative; text-align: right; }
.ldbjList li .ipt input { width: 100%; height: 55px; font-size: 16px; border: 0; color: #3c3f46; outline: none; text-align: right; }
.ldbjList li .ipt input::-webkit-input-placeholder { color: #aaa; line-height: 18px; }
.ldbjList li .ipt > div { line-height: 55px; color: #aaa }
.ldbjList li .ipt > div.cur { color: #3c3f46; }
.ldbjList li .ipt:only-child input { text-align: left; }
.ldbjList li.tel .ipt a { position: absolute; display: block; width: 90px; height: 29px; line-height: 28px; top: 12px; right: 0; font-size: 14px; text-align: center; color: #83868f !important; border: 1px solid #cccfd8; border-radius: 2px; }
.ldbjList li.tel .ipt a.noClick { color: #b3b6be; }
.ldbjList li.tel .ipt { padding-right: 100px; }
.ldbjList .btn01 { background: #ff7700; height: 50px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; border-radius: 0px 0px 5px 5px; display: block }
.ldbjList .btn01.noClick { color: #cccfd8; background: #e3e7ed; }
.ldbjinfo { font-size: 12px; color: #c78cfa; text-align: center; margin: 35px auto; }
.ldbjinfo a { display: inline-block; color: #fff }
.ldbjout { position: fixed; width: 100%; left: 0; top: 0; bottom: 0; background: rgba(0,0,0,.6); z-index: 99; }
.ldbjlinr { position: absolute; left: 18px; right: 18px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #fff; }
.ldbjlinr h3 { font-size: 14px; color: #565c67; text-align: center; line-height: 1; padding: 26px 0 24px 0; }
.ldbjlinr > div { padding: 0 14px; }
.ldbjlinr .btn { display: block; width: 100%; font-size: 16px; color: #ff7700 !important; line-height: 55px; text-align: center; border-top: 1px solid #dddddd; }
.ldbjfix { position: fixed; width: 100%; left: 0; top: 0; bottom: 0; background: rgba(0,0,0,.6); z-index: 9; }
.ldbjoutLp { position: absolute; height: 275px; left: 18px; right: 18px; margin-top: -56px; background: #fff; z-index: 99; border-radius: 0 0 4px 4px; overflow: hidden; }
.ldSearch { height: 55px; padding: 10px; background: #f2f2f2; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; -webkit-box-orient: horizontal; box-orient: horizontal; }
.ldSearch > * { display: block; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; }
.ldSearch .s-ipt { position: relative; overflow: hidden; margin-right: 10px; }
.ldSearch .s-ipt input { padding: 0 10px; border: none; width: 100%; height: 35px; font-size: 15px; outline: none; -webkit-appearance: none; color: #3c3f46; border-radius: 3px; }
.ldSearch .s-ipt input::-webkit-input-placeholder { color: #b3b6be; line-height: 16px; }
.ldSearch .s-ipt .off { position: absolute; top: 50%; margin-top: -12px; right: 6px; display: block; width: 24px; height: 24px; background: #fff url(/images_m/search_off.png) center no-repeat; background-size: 14px auto; }
.ldSearch .s-btn { min-width: 60px; height: 35px; line-height: 35px; text-align: center; font-size: 15px; color: #ff7700 !important; box-flex: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -ms-box-flex: 0; }
.ldsearchList { border-top: 1px solid #eeeeee }
.ldsearchList ul { padding: 0 !important; }
.ldsearchList li { margin-bottom: 0 !important; border-bottom: 1px solid #eee; padding: 0 18px; }
.ldsearchList li:last-child { border-bottom: 1px solid #eeeeee; }
.ldsearchList li a { display: block; line-height: 55px; font-size: 16px; color: #3c3f46 !important; }
.ldbjoutLp.s2 { left: 6%; right: 6%; margin-top: -17px; height: auto; }
.ldbjoutLp.s2 .ldsearchList li a { line-height: 45px; }
.ulbjnr { width: 55px; margin: 4px; }
.ulbjnr li { height: 34px; line-height: 34px; margin-bottom: 21px; font-size: 16px; color: #565c67; border-radius: 4px; text-align: center; }
.ulbjnr li.cur { background: #ff9d2a; color: #fff }
.ulbjnra { padding: 6px 14px; }
.ulbjnra li { width: 33%; height: 34px; line-height: 34px; margin: 0 4px 21px 4px; font-size: 16px; color: #565c67; border-radius: 4px; text-align: center; }
.ulbjnra li.cur { background: #ff9d2a; color: #fff }

.ldbjtab { height: 49px; background: #fff }
.ldbjtab li { width: 33%; text-align: center; font-size: 18px; color: #64388a }
.ldbjtab li span { height: 30px; line-height: 30px; border-bottom: 4px solid #fff; padding: 0 8px 3px 8px; display: inline-block; margin-top: 9px; }
.ldbjtab li.cur span { border-bottom: 4px solid #64388a; color: #64388a }
.ldbjtab li a { height: 100%; width: 100%; display: block; }
.ldbjgtop { position: relative; }
.ldbjgtop .bjg { padding-top: 60px; margin-bottom: 25px; }
.ldbjgtop .bjg .td { width: 34%; color: #fff; font-size: 16px; padding: 0 8%; }
.ldbjgtop .bjg .td span { height: 30px; display: block }
.ldbjgtop .bjg .td em { font-size: 26px; margin-right: 10px; }
.ldbjgtop .bjg .td:first-child { border-right: 1px solid #8360a1 }
.ldbjgtop .sjg { height: 26px; text-align: center; font-size: 12px; color: #fff; }
.ldbjgtop .sjg i { width: 11px; height: 11px; display: inline-block; margin-right: 5px; background: url(/images_m/icon_ld01.png) no-repeat; background-size: 22px; }
.ldbjgtop .sjg i.no2 { background-size: 22px; background-position: -11px 0 }
.ldbjgnr { width: 94%; background: #fff; margin: 0 auto; margin: 25px 3% 0; overflow: hidden; min-height: 200px; position: relative }
.ldbjgnr:before { content: ""; height: 100%; width: 4px; background: url(/images_m/bjjgbjl.png) repeat-y; background-size: 4px; position: absolute; top: 0px; left: 0px; }
.ldbjgnr:after { content: ""; height: 100%; width: 4px; background: url(/images_m/bjjgbj2.png) repeat-y; background-size: 4px; position: absolute; top: 0px; right: 0px; }
.ldbjgnr h3 { height: 38px; line-height: 38px; background: #ff9d2a; color: #fff; font-size: 14px; padding-left: 16px; }
.ldbjgnr li { height: 50px; line-height: 50px; font-size: 16px; color: #444; padding: 0 16px; }
.ldbjgnr li .rspan { float: right; color: #ff5500; padding-right: 20px }
.ldbjgnr li a { display: block }
.bjaarr-rt { position: relative; }
.bjaarr-rt:after { position: absolute; content: ''; right: 16px; top: 50%; margin-top: -6px; width: 12px; height: 7px; background: url(/images_m/center_more2.png) no-repeat; background-size: 12px auto; }
.bjaarr-rt.cur:after { transform: rotateX(180deg); }
.ldbjgtr { background: #f8f8f8; box-shadow: inset 0 -6px 10px #d5d2d2; box-shadow: inset 0 -6px 10px #d5d2d2; }
.ldbjgtr ul { box-shadow: inset 0 6px 10px #d5d2d2; }
.ldbjgtr ul li { height: 40px; line-height: 40px; font-size: 14px; color: #999; padding: 0 16px; }
.ldbjgtr ul li span { width: 25%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ldbjgtr ul li span.no1 { width: 35% }
.ldbjgtr ul li span.no2 { width: 30% }
. ul li span:last-child { text-align: right }
.ldbjgnr .bmore { height: 40px; line-height: 40px; font-size: 14px; color: #444; text-align: center; }
.ldbjgnr .bmore i { width: 12px; height: 7px; background: url(/images_m/center_more2.png) no-repeat; background-size: 12px auto; display: inline-block; margin-left: 8px; margin-top: -3px; vertical-align: middle }
.ldbjgnr .bmore a { display: block }
.ldbjgnr .bmore a.cur i { transform: rotateX(180deg); }
.ldbjws { position: relative; background: #30afc2; padding: 22px 0; }
.ldbjws:after { content: ''; position: absolute; width: 0px; height: 0px; border: 14px solid; border-color: #30afc2 transparent transparent; bottom: -24px; left: 50%; margin-left: -14px; z-index: 99 }
.ldbjws h1 { font-size: 21px; color: #fff; height: 34px; text-align: center }
.ldbjws p { font-size: 14px; color: #fff; text-align: center }
.ldbjwsinfo { padding: 0px 0px 30px 0; }
.ldbjwsinfo .areano1 { position: relative; padding: 26px 16px 6px 16px; background: #fff; }
.ldbjwsinfo .areano1:nth-child(even) { background: #f2f2f2; }
.ldbjwsinfo .areano1 h3 { font-size: 16px; color: #444; }
.ldbjwsinfo .areano1 h2 { font-size: 12px; color: #444; padding-left: 22px; margin-top: 6px; }
.ldbjwsinfo .areano1:after { content: ''; position: absolute; width: 0px; height: 0px; bottom: -24px; left: 50%; margin-left: -14px; z-index: 99; border: 14px solid; border-color: #fff transparent transparent; }
.ldbjwsinfo .areano1:nth-child(even):after { border-color: #f2f2f2 transparent transparent; }
.ldbjwsinfo .areano1:last-of-type:after { display: none; }
.ldbjwsinfo ul { margin-top: 24px; overflow: hidden }
.ldbjwsinfo li { width: 120px; color: #444; font-size: 14px; }
.ldbjwsinfo li.w90 { width: 90px; margin: 0 5px; }
.ldbjwsinfo li.w50 { float: left; width: 40%; margin: 0 0 0 4%; height: 38px; }
.ldbjwsinfo li.w100 { width: 100%; height: 41px; }
.ldbjwsinfo li .img { margin: 0 auto; width: 120px; height: 60px; overflow: hidden; }
.ldbjwsinfo li .img img { width: 100% }
.ldbjwsinfo li.w90 .img { width: 90px }
.ldbjwsinfo li span { margin-left: 20px; font-size: 12px; color: #999 }
.ldbjwsinfo li .txt { margin: 10px auto 20px; text-align: center; font-size: 14px; color: #444; }
.ldbjwsinfo .inputstyle { position: relative; height: 50px; border: 1px solid #888888; border-radius: 4px; margin: 20px 6%; }
.ldbjwsinfo .inputstyle input { width: 100%; height: 48px; padding: 0 14px; font-size: 14px; border: 0; color: #3c3f46; outline: none; }
.ldbjwsinfo .inputstyle input::-webkit-input-placeholder { color: #999; line-height: 18px; }
.ldbjwsinfo .inputstyle.arr-rt { padding-right: 0; }
.ldbjwsinfo .inputstyle.arr-rt:after { right: 14px; }
.ldbjwsinfo .inputarea { border: 1px solid #888888; border-radius: 4px; margin: 20px 6%; padding: 10px 14px; }
.ldbjwsinfo .inputarea textarea { height: 80px; line-height: 20px; width: 100%; border: none; font-size: 14px; border: 0; color: #3c3f46; outline: none; }
.ldbjwsinfo .inputarea textarea::-webkit-input-placeholder { color: #999; }
.ldbjwsinfo li input { display: inline-block; height: 18px; -webkit-appearance: none; width: 18px; border: 0px; background: url(/images_m/bbs_sSele.png) 0 -20px no-repeat; background-size: 18px auto; margin-right: 8px; }
.ldbjwsinfo li input:checked { background-position: 0 0; }
.ldbjwsinfo .btnstyle { padding: 0 16px; }
.ldbjwsinfo .btnstyle a { display: block; margin: 6px 6%; line-height: 50px; text-align: center; font-size: 15px; color: #ffffff !important; font-weight: 600; background: #f14040; border-radius: 3px; }
.ldbjwsinfo .btnstyle a.noClick { color: #cccfd8; background: #e3e7ed; }

.ldyy { background: #f1405d; padding: 58px 0 36px 0; }
.ldyy .success { width: 74px; height: 74px; margin: 0 auto 25px; background: url(/images_m/jj_ok.png) no-repeat; background-size: 74px; display: block }
.ldyy .sucinfo { text-align: center; color: #fff }
.ldyy .sucinfo h1 { font-size: 27px; }
.floatAlert .fangse { position: absolute; top: 50%; left: 50%; border-radius: 5px; display: inline-block; width: 280px; background: #fff; color: #3c3f46; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.floatAlert .fangse.w300 { width: 300px; }
.floatAlert .fangse .success { width: 55px; height: 55px; margin: 0 auto 25px; background: url(/images_m/jj_oka.png) no-repeat; background-size: 55px; display: block }
.floatAlert .fangse .cont { padding: 25px 0; }
.floatAlert .fangse .cont h2 { font-size: 21px; color: #f14040; text-align: center }
.floatAlert .fangse .cont p.pdxb10 { padding-bottom: 10px; }

.ldwkt { width: 93px; height: 94px; margin: 0 auto 30px; background: url(/images_m/jj_wkt.png) no-repeat; background-size: 93px; display: block }
.ldwktp { color: #fff; text-align: center }
.ldwktp.mt46 { margin-top: 46px; }

/*漏斗页面*/
.ld-outBox { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.6); z-index: 9; display: none; }
.ld-outBox > div { position: absolute; width: 100%; max-width: 640px; left: 50%; top: 50%; -webkit-transform: translate(-50%,-60%); transform: translate(-50%,-60%); }
.ld-outBox i { display: block; width: 62%; margin: 0 auto 6%; }
.ld-outBox i img { width: 100%; }
.ld-outBox i img.w1 { width: 120%; margin-left: -10%; }
.ld-outBox .ld-btn { margin: 0 11%; }
.ld-outBox .ld-btn a { display: block; width: 100px; height: 45px; line-height: 46px; font-size: 18px; text-align: center; margin-right: 6px; border-radius: 4px; }
.ld-outBox .ld-btn a:first-child { background: #ffffff; color: #83868f !important; }
.ld-outBox .ld-btn a:last-child { background: #f14040; color: #ffffff !important; margin-right: 0; }
.ld-message { position: fixed; width: 100%; height: 30px; left: 0; top: 78px; z-index: 2; }
.ld-message > div { position: absolute; left: 10px; height: 30px; line-height: 24px; padding: 3px 12px 3px 3px; font-size: 12px; color: #ffffff; background: rgba(0,0,0,.6); border-radius: 15px; overflow: hidden; }
.ld-message .img { float: left; width: 24px; height: 24px; border-radius: 50%; margin-right: 6px; overflow: hidden; line-height: 0; }
.ld-message .img img { width: 100%; height: 100%; border-radius: 50%; }
.ld-message > div span { margin-left: 7px; }
.ld-main { }
.ld-main img { width: 100%; }
.ld-main .numBox { position: relative; }
.ld-main .numBox p { position: absolute; width: 100%; left: 0; top: 12%; font-size: 19px; color: #ffffff; text-align: center; }
.ld-main .num { position: absolute; width: 25%; height: 27%; top: 51%; left: 37%; color: #fff; }
.ld-main .num span { float: left; width: 31%; height: 100%; margin-right: 3.4%; text-align: center; font-weight: bold; font-size: 30px; font-size: 8vw; padding-top: 3%; }
.ld-main .num span:last-child { margin-right: 0; }

@media screen and (min-width: 641px) {
    .ld-main .num span { font-size: 50px; }
}

.ld-main .formBox { padding-bottom: 30px; }
.ld-main .formList { width: 100%; margin-top: -53%; }
.ld-main .formList > p:first-child { text-align: center; font-size: 14px; color: #83868f; margin-bottom: 16px; }
.ld-main .formList > p:first-child span { font-size: 16px; color: #fff; padding: 0 4px; }
.ld-main .formList ul { padding: 0 6%; width: 100%; }
.ld-main .formList ul li { position: relative; margin-bottom: 15px; width: 100%; }
.ld-main .formList ul li i { position: absolute; right: 15px; line-height: 45px; top: 0; color: #3c3f46; font-size: 17px; }
.ld-main .formList .ipt { position: relative; height: 45px; padding: 0 18px; background: #fff; border-radius: 4px; color: #3c3f46; }
.ld-main .formList .ipt input { width: 100%; height: 45px; font-size: 16px; border: 0; color: #3c3f46; }
.ld-main .formList .ipt input::-webkit-input-placeholder { color: #83868f; line-height: 18px; }
.ld-main .formList .tel .ipt { padding-right: 100px; }
.ld-main .formList .tel .ipt a { position: absolute; display: block; width: 90px; height: 29px; line-height: 28px; top: 8px; right: 8px; font-size: 14px; text-align: center; color: #83868f; border: 1px solid #cccfd8; border-radius: 2px; }
.ld-main .formList .tel .ipt a.noClick { color: #b3b6be; }
.ld-main .formList .lp { position: relative; }
.ld-main .formList .lp .ipt { /*padding-right:60px;*/ }
.ld-main .formList .lp .ipt:only-child { padding-right: 18px; }
.ld-main .formList .lp a { /*position:absolute;*/ width: 48px; height: 29px; line-height: 28px; font-size: 14px; text-align: center; color: #da2b32; border: 1px solid #da2b32; border-radius: 2px; margin-top: 8px; margin-right: -10px; margin-left: 10px; box-flex: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -ms-box-flex: 0; }
.ld-main .formList .lp a.noClick { color: #83868f; border: 1px solid #cccfd8; }
.ld-main .formList .lp span { line-height: 45px; font-size: 14px; color: #ff7700; padding-left: 10px; margin-right: -10px; box-flex: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -ms-box-flex: 0; }
.ld-main .formList .ipt > div { line-height: 45px; height: 45px; overflow: hidden; }
.ld-main .formList .btn { display: inline-block; width: 100%; height: 45px; line-height: 45px; font-size: 18px; color: #ffffff; text-align: center; background: #da2b32; border-radius: 4px; }
.ld-main .formList .btn.noClick { color: #cccfd8; background: #e3e7ed; }
.ld-main .formList .remark { margin: 8px auto 0; font-size: 12px; color: #83868f; text-align: center; }
.ld-main .formList .remark a { display: inline-block; color: #fff !important; }
.ld-main .fj-intro { padding-bottom: 10%; background: #06113f url(/images_m/jj_lf14.jpg) left bottom no-repeat; background-size: 100% auto; }
.ld-main .fj-intro ul { position: relative; margin: 0 8%; }
.ld-main .fj-intro li { float: left; width: 50%; padding: 0 2%; opacity: 0 }
.ld-main .fj-intro li:nth-child(2) { -webkit-animation-delay: .2s; animation-delay: .2s }
.ld-main .fj-intro li:nth-child(3) { margin: -8% 0; margin-left: 25%; opacity: 1; }
.ld-main .fj-intro li:nth-child(4) { -webkit-animation-delay: .4s; animation-delay: .4s }
.ld-main .fj-intro li:nth-child(5) { -webkit-animation-delay: .6s; animation-delay: .6s }
.ld-main .q-intro { position: relative; }
.ld-main .q-intro > div { position: absolute; color: #fff; font-size: 17px; font-size: 4.5vw; text-align: center; border-radius: 50%; border: 2px solid #00f6ff; line-height: 1.2; }
.ld-main .q-intro .q1 { width: 128px; height: 128px; width: 34vw; height: 34vw; max-width: 218px; max-height: 218px; top: 18%; left: 33.3%; font-size: 22px; font-size: 5.8vw; padding-top: 9.5%; }
.ld-main .q-intro .q2 { width: 88px; height: 88px; width: 24vw; height: 24vw; max-width: 154px; max-height: 154px; top: -1%; right: 16%; padding-top: 9.5%; -webkit-animation-delay: .2s; animation-delay: .2s }
.ld-main .q-intro .q3 { width: 80px; height: 80px; width: 21vw; height: 21vw; max-width: 134px; max-height: 134px; top: 54%; left: 8%; padding-top: 7.5%; -webkit-animation-delay: .4s; animation-delay: .4s }
.ld-main .q-intro .q4 { width: 72px; height: 72px; width: 19vw; height: 19vw; max-width: 122px; max-height: 122px; top: 16%; left: 17.6%; padding-top: 6.5%; -webkit-animation-delay: .6s; animation-delay: .6s }
.ld-main .q-intro .q5 { width: 67px; height: 67px; width: 17.8vw; height: 17.8vw; max-width: 114px; max-height: 114px; top: 33%; right: 5.3%; padding-top: 6%; -webkit-animation-delay: .8s; animation-delay: .8s }
.ld-main .q-intro .q6, .ld-main .q-intro .q7 { width: 55px; height: 55px; width: 14.6vw; height: 14.6vw; max-width: 94px; max-height: 94px; top: 69%; right: 22%; padding-top: 4.5%; -webkit-animation-delay: 1s; animation-delay: 1s }
.ld-main .q-intro .q7 { right: 54.6%; top: 66%; padding-top: 3.5%; -webkit-animation-delay: 1.2s; animation-delay: 1.2s }
.ld-main.s2 .q-intro .q1 { color: #00f6ff; padding-top: 6%; }
.ld-main.s3 .q-intro .q2 { padding-top: 6.5%; }
.ld-main.s3 .q-intro .q3 { padding-top: 5%; }
.ld-main.s3 .q-intro .q5 { padding-top: 3.5%; }
.ld-main.s3 .q-intro > div { border: 2px solid #00f6ff; }
.ld-main.s4 .ld-qbox { background: #30afc2; padding-bottom: 6%; }
.ld-main.s4 .q-intro { margin-top: 3%; }
.ld-main.s1 .num span { color: #24b7d6; }
.ld-main.s1 .formBox { background: #05424f }
.ld-main.s2 .num span { color: #da2b32; }
.ld-main.s2 .formBox { background: #122243 }
.ld-main.s3 .num span { color: #ff971c; }
.ld-main.s3 .formBox { background: #200e02 }
.ld-main.s4 .num span { color: #8f4ab6; }
.ld-main.s4 .formBox { background: #2b1338 }
.ld-main.s4 .numBox p { top: -1%; }
.ld-main.s4 .num { top: 38%; }

@media screen and (min-width: 641px) {
    .ld-main .q-intro > div { font-size: 29px; }
    .ld-main .q-intro .q1 { font-size: 37px; }
}

.ld-main .ld-upBoxH { height: 60px; }
.ld-main .ld-upBox { background: #bc131a; position: fixed; width: 100%; height: 60px; bottom: 0px; left: 0px; }
.ld-main .ld-upBox a { display: block; padding: 10px 18px; }
.ld-main .ld-upBox .upcon { position: relative; height: 40px; line-height: 40px; font-size: 19px; color: #da2b32; font-weight: bold; text-align: center; padding-right: 30px; background: #fff; border-radius: 20px; }
.ld-main .ld-upBox i { position: absolute; width: 27px; height: 27px; right: 10px; top: 6px; background: url(/images_m/ld_up_icon.png) no-repeat; background-size: 100%; }

@media screen and (max-width: 320px) {
    .ld-main .ld-upBox .upcon { font-size: 17px; }
}
/* fadeInUp */
@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    40% { opacity: 1; -webkit-transform: none; transform: none; }
    70% { opacity: 1; -webkit-transform: none; transform: none; }
    100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}

@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    40% { opacity: 1; -webkit-transform: none; transform: none; }
    70% { opacity: 1; -webkit-transform: none; transform: none; }
    100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}

.fadeInUp { -webkit-animation: fadeInUp 5s both; animation: fadeInUp 5s both; }
/* pulse */
@-webkit-keyframes pulse2 {
    0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    50% { -webkit-transform: scale3d(1.4, 1.4, 1.4); transform: scale3d(1.4, 1.4, 1.4); }
    100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@keyframes pulse2 {
    0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    50% { -webkit-transform: scale3d(1.4, 1.4, 1.4); transform: scale3d(1.4, 1.4, 1.4); }
    100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

.pulse2 { -webkit-animation: pulse2 1s both infinite; animation: pulse2 1s both infinite; }
/* fadeInLeft */
@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInLeft { -webkit-animation: fadeInLeft .5s both; animation: fadeInLeft .5s both; }
/* fadeInRight */
@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInRight { -webkit-animation: fadeInRight .5s both; animation: fadeInRight .5s both; }

/* dong */
.dong { -webkit-animation: dong 10s linear both infinite; animation: dong 10s linear both infinite; -moz-animation: dong 10s linear both infinite; -o-animation: dong 10s linear both infinite; }

@-webkit-keyframes dong {
    0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
    20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes dong {
    0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
    20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.dong { -webkit-animation: dong 10s linear both infinite; animation: dong 10s linear both infinite; }
/* bounce */
@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
    70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
    90% { -webkit-transform: translate3d(0,-1px,0); transform: translate3d(0,-1px,0); }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
    70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
    90% { -webkit-transform: translate3d(0,-1px,0); transform: translate3d(0,-1px,0); }
}

.bounce { -webkit-animation: bounce 1s both infinite; animation: bounce 1s both infinite; }
/*0828*/
.icon_jjli { width: 14px; height: 14px; line-height: 14px; font-size: 9px; color: #fff; text-align: center; display: inline-block; margin-left: 5px; background: #ff8330; border-radius: 1px; margin-top: 4px; vertical-align: top }
.icon_jjtuan { width: 14px; height: 14px; line-height: 14px; font-size: 9px; color: #fff; text-align: center; display: inline-block; margin-left: 5px; background: #ff5350; border-radius: 1px; margin-top: 4px; vertical-align: top }
.sjsnodata { line-height: 53px; text-align: center; font-size: 13px; color: #83868f; }

/*0830*/
.ldplan { width: 100%; height: 5.3rem; background: url(/images_m/jj_lf11.jpg) no-repeat; background-size: 100% auto; position: relative; }
.ldplan.sj { height: 6.56rem; background: url(/images_m/jj_sj8.jpg) no-repeat; background-size: 100% auto; }
.ldplan .circle { width: 1.41rem; height: 1.41rem; position: absolute; top: 0.25rem; left: 3.1rem; }
.ldplan .circle.no2 { top: 3.63rem; left: 0.62rem; }
.ldplan .circle.no3 { top: 3.63rem; left: 5.53rem; }

.ldplan .circle.no4 { top: 0.27rem; left: 3.07rem; }
.ldplan .circle.no5 { top: 3.64rem; left: 0.6rem; }
.ldplan .circle.no6 { top: 3.64rem; left: 5.51rem; }


@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.655, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.655, 1.000); }

    0% { opacity: 0; -webkit-transform: translate3d(150px, -90px, 0); transform: translate3d(150px, -90px, 0); }

    60% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }

    75% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }

    90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }

    100% { -webkit-transform: none; transform: none; }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.655, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.655, 1.000); }

    0% { opacity: 0; -webkit-transform: translate3d(150px, -90px, 0); transform: translate3d(150px, -90px, 0); }

    60% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }

    75% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }

    90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }

    100% { -webkit-transform: none; transform: none; }
}

@-webkit-keyframes bounceInLeft1 {
    0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.655, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.655, 1.000); }

    0% { opacity: 0; -webkit-transform: translate3d(-150px, -90px, 0); transform: translate3d(-150px, -90px, 0); }

    60% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }

    75% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }

    90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }

    100% { -webkit-transform: none; transform: none; }
}

@keyframes bounceInLeft1 {
    0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.655, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.655, 1.000); }

    0% { opacity: 0; -webkit-transform: translate3d(-150px, -90px, 0); transform: translate3d(-150px, -90px, 0); }

    60% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }

    75% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }

    90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }

    100% { -webkit-transform: none; transform: none; }
}

@-webkit-keyframes bounceInLeft2 {
    0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.655, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.655, 1.000); }

    0% { opacity: 0; -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); }

    60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }

    75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }

    90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }

    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes bounceInLeft2 {
    0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.655, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.655, 1.000); }

    0% { opacity: 0; -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); }

    60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }

    75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }

    90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }

    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.bounceInLeft { -webkit-animation: bounceInLeft 1s both; animation: bounceInLeft 1s both; }
.bounceInLeft1 { -webkit-animation: bounceInLeft1 1s both; animation: bounceInLeft1 1s both; }
.bounceInLeft2 { -webkit-animation: bounceInLeft2 1s both; animation: bounceInLeft2 1s both; }
/*****建材首页****/
.j-box { padding: 10px 10px; }
/*标题*/
.j-tit { padding: 0 20px; overflow: hidden; line-height: 57px; }
.j-tit > a { display: block; overflow: hidden; }
.j-tit h2 { font-size: 17px; color: #3c3f46; font-weight: 600; }
.j-tit .more { float: right; font-size: 12px; color: #83868f !important; }
/*icon*/
.jc-nav-icons { text-align: center; overflow: hidden; width: 100%; padding: 10px 0 14px; }
.jc-nav-icons a { position: relative; padding: 15px 0; text-align: center; width: 25%; float: left; margin-bottom: -1px; }
.jc-nav-icons i { position: relative; display: block; margin: 0 auto; width: 32px; height: 32px; background: url(/images_m/jj_jc_iconsc4ca.png?1) 0 0 no-repeat; background-size: 128px auto; }
.jc-nav-icons p { font-size: 12px; color: #565c67; line-height: 1em; margin-top: 6px; }
.jc-nav-icons .n1 i { background-position: 0 0; }
.jc-nav-icons .n2 i { background-position: -32px 0; }
.jc-nav-icons .n3 i { background-position: -64px 0; }
.jc-nav-icons .n4 i { background-position: -96px 0; }
.jc-nav-icons .n5 i { background-position: 0 -32px; }
.jc-nav-icons .n6 i { background-position: -32px -32px; }
.jc-nav-icons .n7 i { background-position: -64px -32px; }
.jc-nav-icons .n8 i { background-position: -96px -32px; }
.jc-nav-icons .n9 i { background-position: 0 -64px; }
.jc-nav-icons .n10 i { background-position: -32px -64px; }
.jc-nav-icons .n11 i { background-position: -64px -64px; }
.jc-nav-icons .n12 i { background-position: -96px -64px; }
/*.jc-nav-icons .n13 i{ background-position: 0 -96px;}*/
.jc-nav-icons .n13 i { background-position: -32px -96px; }
.jc-nav-icons .n14 i { background-position: -64px -96px; }
.jc-nav-icons .n15 i { background-position: -96px -96px; }
.jc-nav-icons .n16 i { background-position: 0 -128px; }
.jc-nav-icons .n17 i { background-position: -32px -128px; }
.jc-nav-icons .n18 i { background-position: -64px -128px; }
.jc-nav-icons .n19 i { background-position: -96px -128px; }
.llList ul li:last-child { border-bottom: 1px solid #f8f8f8; }
.llList ul:last-of-type li:last-child { border-bottom: none; }
/*知识列表*/
.zsList li { border-bottom: 1px solid #f8f8f8; margin: 0 20px; }
.zsList li:last-child { border-bottom: none; }
.zsList li > a { position: relative; display: block; padding: 16px 0; overflow: hidden; *zoom: 1; }
.zsList li .img { position: relative; float: left; margin-right: 15px; width: 112px; height: 84px; }
.zsList li .img img { width: 100%; height: 100%; }
.zsList li .txt h3 { margin-top: 2px; margin-bottom: 24px; font-size: 16px; color: #3c3f46; }
.zsList li .txt p { height: 18px; line-height: 18px; font-size: 12px; color: #83868f; overflow: hidden; }
.zsList li .txt p span { display: inline-block; margin-right: 12px; }
.zsList li .zan { position: relative; float: right; padding-left: 20px; }
.zsList li .zan:before { position: absolute; content: ''; width: 16px; height: 16px; left: 0; top: 50%; margin-top: -9px; background: url(/images_m/comm_icon.png) no-repeat; background-size: 32px auto; }
/*****新首页****/
.home-tm { padding-bottom: 20px; }
/*icon*/
.home-icons { text-align: center; overflow: hidden; width: 100%; padding: 10px 0 12px; }
.home-icons a { position: relative; padding: 15px 0; text-align: center; width: 20%; float: left; margin-bottom: -1px; }
.home-icons i { position: relative; display: block; margin: 0 auto; width: 32px; height: 32px; background: url(/images_m/jj_home_icons.png) 0 0 no-repeat; background-size: 128px auto; }
.home-icons p { font-size: 12px; color: #565c67; line-height: 1em; margin-top: 6px; }
.home-icons .n1 i { background-position: 0 0; }
.home-icons .n2 i { background-position: -32px 0; }
.home-icons .n3 i { background-position: -64px 0; }
.home-icons .n4 i { background-position: -96px 0; }
.home-icons .n5 i { background-position: 0 -32px; }
.home-icons .n6 i { background-position: -32px -32px; }
.home-icons .n7 i { background-position: -64px -32px; }
.home-icons .n8 i { background-position: -96px -32px; }
/**/
.home-gbox { margin: 0 20px; }
.home-gbox ul { overflow: hidden; }
.home-gbox li { float: left; width: 50%; padding-left: 3px; }
.home-gbox li a { display: block; }
.home-gbox li img { width: 100%; }
.home-gbox li:last-child { margin-top: 6px; }
.home-gbox li:first-child { padding-left: 0; padding-right: 3px; }
.home-gbox2 { position: relative; margin: 20px 20px 0; }
.home-gbox2 img { width: 100%; }
.home-gbox2 > div { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }
.home-gbox2 a { float: left; display: block; height: 100%; width: 25%; }
/*首页资讯列表*/
.home-newList li { border-bottom: 1px solid #f8f8f8; padding: 0 20px; }
.home-newList li:last-child { border-bottom: none; }
.home-newList li > a { position: relative; display: block; padding: 16px 0; overflow: hidden; *zoom: 1; }
.home-newList li .img { position: relative; float: right; margin-left: 15px; width: 112px; height: 84px; }
.home-newList li .img img { width: 100%; height: 100%; }
.home-newList li .img.flol { float: left; margin-right: 15px; margin-left: 0; }
.home-newList li .txt { position: relative; height: 84px; }
.home-newList li .txt h3 { margin-top: 2px; font-size: 16px; color: #3c3f46; }
.home-newList li .txt p { position: absolute; bottom: 0; left: 127px; right: 0; font-size: 12px; line-height: 18px; color: #83868f; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/*全景详情*/
.jj-qjcon .main { position: static; }
.jj-qjbox { position: absolute; width: 100%; top: 44px; bottom: 55px; left: 0; right: 0; }
.jj-qjbox iframe { width: 100%; height: 100%; overflow: hidden; padding: 0; margin: 0; border: none; }
.jj-qj-nav { position: fixed; left: 0; right: 0; bottom: 0; height: 55px; background: #f8f8f8; }
.jj-qj-nav ul { width: 100%; }
.jj-qj-nav li { width: 100px; text-align: center; }
.jj-qj-nav li a { display: block; padding-top: 5px; }
.jj-qj-nav li p { font-size: 11px; color: #3c3f46; line-height: 12px; margin-top: 6px; }
.jj-qj-nav li i { display: block; width: 26px; height: 26px; margin: 0 auto; background: url(/images_m/jj_qj_nav.png) no-repeat; background-size: auto 26px; }
.jj-qj-nav li i.icon2 { background-position: -26px 0; }
.jj-qj-nav li i.icon3 { background-position: -52px 0; }

/*点赞样式*/
.jj-zan { position: relative; padding-left: 18px; color: #83868f; font-size: 14px; height: 16px; line-height: 16px; }
.jj-zan:before { content: ''; position: absolute; width: 16px; height: 16px; top: 50%; left: 0; margin-top: -9px; background: url(/images_m/jj_zan_icon.png) no-repeat; background-size: 16px auto; }
.jj-zan.cur { color: #ff6666; }
.jj-zan.cur:before { background-position: 0 -16px; }
.jj-zan i { position: absolute; left: 50%; width: 20px; height: 20px; line-height: 20px; margin-left: -10px; color: #ff6666; text-align: center; -webkit-transform: translateY(-130%); transform: translateY(-130%); opacity: 0; font-style: normal; }
.jj-zan i.on { -webkit-animation: addone 1s linear; animation: addone 1s linear; }
/*大图点赞*/
.jj-photo-nav { position: fixed; width: 100%; height: 48px; bottom: 0; left: 0; background: #f8f8f8; z-index: 9999; }
.jj-photo-nav a { display: block; }
.jj-photo-nav dl { text-align: center; }
.jj-photo-nav dt a { padding-top: 8px; }
.jj-photo-nav dt span { display: inline-block; margin: 0 auto; }
/*.jj-photo-nav dt span.cur + p{color:#ff6666;}*/
.jj-photo-nav dt p { font-size: 9px; color: #83868f; }
.jj-photo-nav dt { width: 65px; max-width: 65px; min-weight: 65px; }
.jj-photo-nav dd { line-height: 48px; }
.jj-photo-nav dd > a { background: #dd3236; font-size: 15px; color: #ffffff; text-align: center; }

/*家居圈列表*/
.jjqList li { border-bottom: 1px solid #f8f8f8; margin: 0 20px; }
.jjqList li:last-child { border-bottom: none; }
.jjqList li > a { position: relative; display: block; padding: 20px 0; overflow: hidden; *zoom: 1; }
.jjqList li .img { position: relative; float: right; width: 112px; height: 84px; margin-left: 16px; }
.jjqList li .img img { width: 100%; height: 100%; }
.jjqList li .img .tag-icon { position: absolute; left: 5px; top: 5px; font-size: 9px; line-height: 12px; color: rgba(255,255,255,.5); text-shadow: 0px 0px 2px rgba(120,120,120,.6); line-height: 1 }
.jjqList li .txt { overflow: hidden; *zoom: 1; }
.jjqList li .txt > ul { margin-bottom: 10px; }
.jjqList li .txt > ul > li { margin: 0 8px 0 0; height: 21.4vw; border: 0; }
.jjqList li .txt > ul > li:last-child { margin-right: 0; }
.jjqList li .txt > ul img { width: 100%; height: 100%; }
.jjqList li .txt .picBox { margin-bottom: 10px; overflow: hidden; height: 50vw; max-height: 320px; }
.jjqList li .txt .picBox img { width: 100%; min-height: 100%; }
.jjqList li h3 { margin-bottom: 29px; height: 42px; font-size: 17px; line-height: 21px; color: #0c0d0e; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.jjqList li h3.tag-icon { position: relative; padding-right: 30px; height: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.jjqList li h3.tag-icon:after { content: ''; position: absolute; bottom: 4px; right: 0; width: 24px; height: 12px; background: url(/images_m/pic_gg.jpg) no-repeat; background-size: 100%; }
.jjqList li > a > div:only-of-type h3 { max-height: 40px; height: auto; margin-bottom: 14px; }
.jjqList li .fc span { display: inline-block; vertical-align: middle; }
.jjqList li .fc span:first-child { max-width: 35vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-right: 8px; }
.jjqList li > a > div:only-of-type .fc span:first-child { max-width: 45vw; }
.jjqList li .fc span:last-child { margin-right: 0; }
.jjqList li .fc span.num { float: right; display: inline-block; background: url(/images_m/jjq_num.png) no-repeat; background-size: 13px auto; padding-left: 20px; }
.jjqList li p { color: #b3b6be; font-size: 11px; line-height: 13px; height: 13px; overflow: hidden; }

@media screen and (max-width: 360px) {
    .jjqList li .fc span:first-child { max-width: 32vw; }
}

@media screen and (max-width: 320px) {
    .jjqList li .fc span:first-child { max-width: 25vw; }
}
/*0327灵感详情*/
.lgtoppic { height: 175px; overflow: hidden; position: relative; }
.lgtoppic img { width: 100%; height: 100% }
.lgtoppic .pic { position: absolute; top: 0px; bottom: 0; left: 0px; z-index: 88 }
.lgtoppic .bg { position: absolute; top: 0px; bottom: 0; left: 0px; z-index: 89 }
.lgtoppic .bg img { height: 100%; }
.lgtoppic h2 { position: absolute; top: 50px; left: 50%; transform: translateX(-50%); text-align: center; font-size: 22px; color: #fff; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; z-index: 90 }
.lgtoppic h3 { position: absolute; top: 89px; left: 50%; transform: translateX(-50%); text-align: center; font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; z-index: 90 }
.lgtoppic h3 span { margin-left: 30px; }

.lgsjtit { height: 20px; margin: 25px 0; position: relative; }
.lgsjtit .line { width: 100%; height: 1px; background: #e4e4e4; position: absolute; top: 9px; left: 0px; z-index: 2; }
.lgsjtit .info { font-size: 16px; line-height: 20px; color: #83868f; position: absolute; top: 50%; left: 50%; padding: 0 8px; background: #fff; white-space: nowrap; z-index: 5; margin: 0 auto; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }


.flextable li.h38 { float: left; min-width: 50%; max-width: 100%; font-size: 16px; height: 38px; line-height: 38px; word-wrap: break-word; overflow: hidden; }
.flextable li.h38 p { white-space: nowrap; text-overflow: ellipsis; color: #394043 }
.flextable li.h38 i { width: 8px; display: inline-block }
.flextable li.h38:nth-child(2n) { padding-left: 20px; }
.flextable li.h38a { float: left; width: 100%; font-size: 16px; height: 38px; line-height: 38px; word-wrap: break-word; overflow: hidden; }
.flextable li.line { float: left; width: 100%; font-size: 16px; height: 6px; border-top: 1px solid #f4f4f4; margin-top: 12px; }
.lgpiclist li { margin-top: 20px; }
.lgpiclist li a { display: block; }
.lgpiclist li img { width: 100%; display: block; border-radius: 3px }
.lgpiclist li .txt { font-size: 16px; color: #565c67; line-height: 24px; margin-top: 14px; }
.k-option { padding: 0 20px; margin-top: 25px; }
.k-option ul { width: 100%; }
.k-option li { text-align: center; width: 100px; height: 42px; border: 1px solid #e3e7ed; border-radius: 21px; }
.k-option li:first-child { margin-right: 24px; }
.k-option li a { display: block; }
.k-option li i { display: inline-block; width: 20px; height: 20px; background: url(/images_m/lgzan.png) no-repeat; background-size: auto 40px; vertical-align: middle; position: relative; }
.k-option li span { display: inline-block; line-height: 40px; vertical-align: middle; color: #3c3f46; font-size: 13px; margin-left: 5px; }
.k-option li.pl i { background-position: 0 0; }
.k-option li.zan i { background-position: 0px -20px; }
.k-option li.zan.cur i { background-position: -20px -20px; }
.k-option li.zan.cur em { position: absolute; right: -2px; font-style: normal; opacity: 0; -webkit-transform: translateY(-13660%); transform: translateY(-16630%); color: #f75757; }

.k-option li.zan.cur em { -webkit-animation: addone 1s linear; animation: addone 1s linear; }
.jjlg-btnContainer { height: 0; padding-top: 44px; }
/*设计师详情*/
.jjlg-fixedBtn { position: fixed; left: 0; bottom: 0; width: 100%; text-align: center; color: #ffffff; font-size: 16px; line-height: 44px; z-index: 10; }
.jjlg-fixedBtn a { width: 100%; background-color: #df3031; text-align: center; color: #ffffff; font-size: 16px; line-height: 44px; z-index: 10; display: block;; }
.jjlg-fixedBtn a.w50 { width: 50%; }
.jjlg-fixedBtn a.w50:first-child { background-color: #ff9b05; }

/*首页报价等弹层*/
.float-bj { position: fixed; width: 100%; left: 0; top: 0; bottom: 0; background: rgba(0,0,0,.8); z-index: 99; }
.float-bj img { width: 100%; }
.float-bj > div { position: absolute; width: 85%; left: 7.5%; top: 20%; padding-bottom: 85%; background: url(/images_m/jj_out_bg.png) no-repeat; background-size: 100%; }
.float-bj .btn { position: absolute; width: 62%; left: 18%; bottom: 2%; }
.float-bj .close { position: absolute; right: 10%; top: 0; width: 20px; height: 20px; background: url(/images_m/jj_out_close.png) center center no-repeat; background-size: 10px; }
.float-bj .con { position: absolute; width: 78.1%; left: 11%; top: 13%; }

/*家居服务协议*/
.agreementTxt { padding: 18px 0px; font-size: 15px; color: #3c3f46; line-height: 24px; }
.agreementTxt h2 { padding: 14px 0 9px; color: #0c0d0e; font-size: 23px; text-align: center; }
.agreementTxt h3 { padding: 17px 0 9px; color: #3c3f46; font-size: 16px; font-weight: bold; }
.agreementTxt p { padding: 2px 0; }
.agreementTxt .divtxt { border-bottom: 8px solid #f8f8f8; padding-bottom: 10px; padding: 0px 20px 10px; }

/*活动详情*/
.fix-b { padding-bottom: 44px; height: auto; min-height: 100%; }
.jjhd-tit h1 { padding: 14px 20px; font-size: 20px; line-height: 26px; font-weight: 600; color: #000000; }
.jjhd-tit h1 span { color: #ff5757 }
.jjhd-tit .time { border-top: 1px solid #f8f8f8; font-size: 14px; color: #819bbb; line-height: 24px; padding: 11px 20px; }
.jjhd-tit .time .btn { float: right; min-width: 65px; font-size: 12px; color: #ff5757; line-height: 22px; text-align: center; border: 1px solid #ff5757; padding: 0 8px; border-radius: 1px; }
.jjhd-tit .time .btn.dis { color: #b3b6be; border: 1px solid #e3e7ed; }
.jjhd-con { padding: 24px 20px; font-size: 15px; color: #3c3f46; line-height: 26px; }
.jjhd-con img { width: 100%; }
.jjhd-con p { margin-bottom: 12px; }
.jjhd-con p:last-child { margin-bottom: 0; }
.jjhd-btn { position: fixed; width: 100%; left: 0; bottom: 0; }
.jjhd-btn a { display: block; line-height: 44px; height: 44px; font-size: 16px; background-color: #df3031; color: #fff !important; text-align: center; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.jjhd-btn a.dis { background-color: #e3e7ed; color: #b3b6be !important; }

/*家居百科*/
.jjtabNav { height: 45px; border-bottom: 1px solid #f8f8f8; }
.jjtabNav a { position: relative; display: inline-block; padding-bottom: 1px; line-height: 43px; color: #565c67; text-align: center; font-size: 15px; margin-right: 26px; }
.jjtabNav a.active { color: #0c0d0e; }
.jjtabNav a.active:after { content: ''; position: absolute; width: 26px; height: 2px; bottom: 0; left: 50%; margin-left: -13px; background: #ff5757; border-radius: 1px; }
.jjtabNav a:last-child { margin-right: 20px; }
.jjtabNav.overbox { position: relative; }
.jjtabNav.overbox:before { position: absolute; content: ''; right: 0; height: 45px; width: 20px; background-image: -webkit-linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0.5)); background-image: linear-gradient(to left,rgba(255,255,255,1), rgba(255,255,255,0)); z-index: 2; }
.jjtabNav .overboxIn { position: relative; width: 100%; overflow: hidden; }
.jjtabNav .overboxIn::-webkit-scrollbar { width: 0; height: 0; }
.jjtabNav .overboxIn > div { white-space: nowrap; padding-left: 20px; }

.jj-bklist { padding: 0 0 24px 0; }
.jj-bklist h2 { font-size: 17px; color: #3c3f46; font-weight: 600; line-height: 1; padding: 24px 20px 21px; }
.jj-bklist .bkCon { max-height: 128px; overflow: hidden; }
.jj-bklist .bkCon.all { max-height: none; }
.jj-bklist ul { overflow: hidden; padding: 0 15px; margin-top: -5px; }
.jj-bklist li { float: left; width: 33.3%; padding: 5px; }
.jj-bklist li a { display: block; height: 36px; line-height: 36px; font-size: 13px; color: #565c67 !important; text-align: center; padding: 0 5px; background: #f8f8f8; border-radius: 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.jj-bklist .morebtn { position: relative; display: block; height: 57px; margin-top: -5px; margin-bottom: -24px; }
.jj-bklist .morebtn i { position: absolute; width: 12px; height: 7px; left: 50%; top: 50%; margin: -3px 0 0 -6px; background: url(/images_m/arr_more.png) no-repeat; background-size: 100%; }
.jj-bklist .morebtn.open i { -webkit-transform: rotate(180deg); }
.jj-bklist .tit { height: 45px; line-height: 45px; text-align: center; background: #fbfbfb; }
.jj-bklist .tit span { position: relative; display: inline-block; font-size: 14px; color: #83868f; }
.jj-bklist .tit span:before, .jj-bklist .bk-item span:after { content: ''; position: absolute; width: 60px; height: 1px; top: 50%; background: #e3e7ed; -webkit-transform: scaleY(.5); transform: scaleY(.5); }
.jj-bklist .tit span:before { left: -72px; }
.jj-bklist .tit span:after { right: -72px; }
.jj-bklist .bk-item { padding-bottom: 24px; }
.jj-bklist .bk-item:last-of-type { padding-bottom: 0; }
.jj-bklist .bk-item h2 { color: #565c67; }

.jj-bkImg { position: relative; z-index: 0; }
.jj-bkImg img { width: 100%; }
.jj-bkImg h2 { position: absolute; left: 0; right: 0; top: 31%; font-size: 24px; color: #fff; font-weight: 600; padding: 0 20px; text-align: center; }
.jj-bkImg:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.3); }
.jj-bkImg:after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 25%; background-image: -webkit-linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,.7) 40%, rgba(255,255,255,0)); background-image: linear-gradient(to top,rgba(255,255,255,1), rgba(255,255,255,.7) 40%, rgba(255,255,255,0)); }
.jj-bkCon { font-size: 17px; color: #3c3f46; line-height: 29px; padding-bottom: 26px; }
.jj-bkCon .bkIntro { position: relative; margin-top: -12%; padding: 25px 20px; text-align: justify; background: rgba(255,255,255,.7); border-radius: 10px 10px 0 0; }
.jj-bkCon .bkIntro span { color: #ff5552; }
.jj-bkCon .bkml { padding: 0 20px 5px; line-height: 28px; }
.jj-bkCon .bkml dt { text-align: center; font-weight: 600; margin-bottom: 6px; padding: 5px 0; }
.jj-bkCon .bkml dd { position: relative; padding: 5px 0; padding-left: 16px; }
.jj-bkCon .bkml dd:before { content: ''; position: absolute; width: 5px; height: 5px; left: 3px; top: 17px; background: #3c3f46; border-radius: 50%; }
.jj-bkCon .bkItem { padding: 0 20px; }
.jj-bkCon .bkItem h3 { text-align: center; font-weight: 600; line-height: 26px; padding: 20px 0; }
.jj-bkCon .bkWork { padding-bottom: 10px; text-align: justify; }
.jj-bkCon .bkWork img { width: 100%; }
.jj-bkCon .bkWork p { margin-bottom: 12px; }
.jj-bkCon .bkWork p:last-child { margin-bottom: 0; }
.jj-bkCon .bkWork p img { margin-bottom: 12px; }
.jj-bkCon .bkWork p img:last-child { margin-bottom: 0; }
.jj-bkCon .bkWork h4 { font-weight: 600; line-height: 29px; margin-bottom: 8px; }
.jj-bkCon .bkWork .info_title { margin-bottom: 10px; }
.jj-bkCon .bkWork .info_title > * { font-weight: 600; }
.jj-bkCon .bkWork ul { margin-bottom: 10px; }
.jj-bkCon .bkTag { padding: 0 20px; margin-top: 14px; }
.jj-bkCon .bkTag a { display: inline-block; height: 30px; line-height: 30px; font-size: 13px; color: #565c67 !important; padding: 0 17px; background: #f5f5f5; border-radius: 15px; margin-right: 15px; }
.jj-bkCon .bkTag a:last-child { margin-right: 0; }

.jj-bkother { padding-bottom: 20px; }
.jj-bkother .bk-tit { font-size: 17px; color: #3c3f46; font-weight: 600; text-align: center; line-height: 46px; }
.jj-bkother .jj-bklist { padding: 13px 0 0 0; }
.jj-bklist2 { margin: 0 20px; }
.jj-bklist2 li { position: relative; line-height: 48px; padding-left: 16px; }
.jj-bklist2 li:before { content: ''; position: absolute; width: 5px; height: 5px; left: 3px; top: 50%; margin-top: -2px; background: #3c3f46; border-radius: 50%; }
.jj-bklist2 li a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.jj-bkother .morebtn { position: relative; display: block; height: 36px; margin: 0 20px; }
.jj-bkother .morebtn i { position: absolute; width: 12px; height: 7px; left: 50%; top: 50%; margin: -3px 0 0 -6px; background: url(/images_m/arr_more.png) no-repeat; background-size: 100%; }
.jj-bkother .morebtn.open i { -webkit-transform: rotate(180deg); }
.jj-bkother .morebtn2 { display: block; height: 44px; line-height: 45px; font-size: 15px; color: #819bbb !important; text-align: center; background: #f8f8f8; border-radius: 2px; margin: 16px 20px 0; }
/*首页百科*/
.homebk .jjtabNav { border-bottom: none; }
.homebk .jjtabNav a { margin-right: 16px; }
.homebk .jj-bklist { padding: 20px 0 15px; }

/*详情页家居模块*/
.x-jj-b1 { padding: 0 8px 20px; }
.x-jj-b1 li { width: 100px; margin-right: 10px; }
.x-jj-b1 li > a { display: block; }
.x-jj-b1 li img { width: 100%; }
.x-jj-b1 li:last-child { margin-right: 0; }
.x-jj-b2 { padding: 0 8px 20px; }
.x-jj-b2 li { width: 100px; margin-right: 12px; border: 1px solid #f8f8f8; border-radius: 4px; text-align: center; }
.x-jj-b2 li > a { display: block; padding-top: 5px; padding-bottom: 10px; }
.x-jj-b2 li i { position: relative; display: block; width: 90%; padding-bottom: 68%; margin: 0 auto; }
.x-jj-b2 li:last-child { margin-right: 0; }
.x-jj-b2 li i > img { position: absolute; width: 100%; left: 0; right: 0; top: 0; bottom: 0; }
.x-jj-b2 li i span { position: absolute; display: block; width: 5px; height: 5px; left: 50%; top: 54%; margin-left: -2px; background: #606668; border-radius: 50%; }
.x-jj-b2 li i span:after, .x-jj-b2 li i span:before { position: absolute; content: ''; width: 5px; height: 5px; background: #606668; border-radius: 50%; }
.x-jj-b2 li i span:before { margin-left: -10px; }
.x-jj-b2 li i span:after { margin-left: 6px; }
.x-jj-b2 li p { font-size: 13px; color: #3c3f46; margin-top: 6px; line-height: 1; }