@charset "utf-8";
:root { 
--gray-0:#0c0d0e;
--gray-2:#222;
--gray-3:#343538;
--gray-5:#56565c;
--gray-6:#696969;
--gray-8:#83868F;
--gray-8-2:#83868F;
--gray-8-3:#83868F;
--gray-9:#999999;
--gray-a:#A4A7A9;
--gray-b:#B3B6BE;
--gray-b-2:#B3B6BE;
--gray-c:#C5C5C5;
--gray-c-2:#C0C0C0;
--red-white:#F84440;
--white:#fff;
--bg-white:#fff;
--bg-gray:#f8f8f8;
--box-white:#fff;
--box-white-95:rgba(255,255,255,.95);
--box-gray-000:#f5f5f5;
--box-gray-100:#ebebeb;
--box-gray-200:#e3e7ed;
--box-gray-201:#e3e7ed;
--box-gray-300:#f8f8f8;
--box-gray-301:#f8f8f8;
--box-gray-302:#f8f8f8;
--box-gray-303:#f8f8f8;
--box-gray-304:#f8f8f8;
--box-gray-400:#F6F6F6;
--box-gray-500:#f0f0f0;
--box-gray-600:#fafafa;
--box-gray-601:#fafafa;
--box-gray-602:#fafafa;
--box-gray-700:#f2f2f2;
--box-red:#F45549;
--box-red-000:#FFF1F1;
--box-red-001:#FFF1F1;
--box-blue-000:#f8fcfe;
--border-gray-000:#eeeeee;
--border-gray-001:#eeeeee;
--border-gray-002:#eeeeee;
--border-gray-100:#b3b6be;
--border-gray-200:#f5f5f5;
--border-gray-300:#e5e5e5;
--border-gray-400:#D8D8D8;
--border-gray-500:#EBEBEB;
--border-gray-600:#E1E1E1;
--border-gray-700:#e3e7ed;
--border-gray-800:#F3F3F6;
--border-gray-900:#E7E7EB;
--light-50:brightness(100%);
--light-80:brightness(100%);
--light-90:brightness(100%);
--light-100:brightness(100%);
--light-130:brightness(100%);
--light-400:brightness(100%);
--light-600:brightness(100%);
--opacity-50:100%;
--invert-90:invert(0%);
--tag-brown-bg:#FBF5EE;
--tag-brown-border:#F2DBC1;
--tag-blue-bg:#F4F6F9;
--tag-blue-bg-2:#EEF5FE;
--tag-blue:#536D8C;
--tag-red-bg:#FFF2F0;
--tag-red-bg-2:#FEF7F7;
--tag-red-border:#FFE3DF;
--tag-red-border-b:#FFE3DF;
--tag-yellow-bg:#FFF4EA;
--btn-red-bg:transparent;
--btn-red:#F84440;
--gradient-white-90deg:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,1));
--gradient-white-180deg:linear-gradient(180deg, #f7f8fa,#ffffff);
--gradient-white-more:linear-gradient(90deg, rgba(255,255,255,0),rgba(255,255,255,.9) 28%, #fff 49.1%, #fff);
--shadow-white:0px 0px 6px 0px rgba(228,231,240,0.9);
--shadow-white-100:0px 2px 8px 0px rgba(228,231,240,0.75);
}
* {margin:0; padding:0;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none;}
body {font-family:PingFang-SC-Regular,Helvetica,"sans-serif";background: #f8f8f8;background-color:var(--bg-gray);}
body.choose{height: 100%;overflow: hidden;}
form, img, table, td { border:0;}
ul, ol, li { list-style-type:none; display: block;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
input, textarea, img { vertical-align:middle; font-family:Arial, "Microsoft Yahei";}
@media screen and (max-device-width: 320px) {body {-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px) {body {-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {body {-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {body {-webkit-text-size-adjust:none}}
a {color:#3c3f46;text-decoration:none;color:var(--gray-3);}
html,body{ height: 100%;}
em,i{font-style:normal;}
html>img{display: none;}
/* font */
.f9 { font-size:9px;}
.f10 { font-size:10px;}
.f11 { font-size:11px;}
.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f15 { font-size:15px;}
.f16 { font-size:16px;}
.f17 { font-size:17px;}
.f18 { font-size:18px;}
.f19 { font-size:19px;}
.f20 { font-size:20px;}
.f21 { font-size:21px;}
.f22 { font-size:22px;}
.f23 { font-size:23px;}
.ti2 { text-indent:2em;}

/* box */
.pd8{ padding: 8px;}
.pdX8{ padding-left:8px;padding-right:8px;}
.pdY8{ padding-top:8px;padding-bottom:8px;}
.mgX8{ margin-left:8px;margin-right:8px;}
.mgY8{ margin-top:8px;margin-bottom:8px;}
.pd10{ padding: 10px;}
.pdX10{ padding-left:10px;padding-right:10px;}
.pdY10{ padding-top:10px;padding-bottom:10px;}
.mgX10{ margin-left:10px;margin-right:10px;}
.mgY10{ margin-top:10px;margin-bottom:10px;}
.pd14{ padding: 14px;}
.pdX14{ padding-left:14px;padding-right:14px;}
.pdX16{ padding-left:16px;padding-right:16px;}
.pdY14{ padding-top:14px;padding-bottom:14px;}
.pdT14{padding-top:14px;}
.mgX14{ margin-left:14px;margin-right:14px;}
.mgY14{ margin-top:14px;margin-bottom:14px;}
.mgX16{ margin-left:16px;margin-right:16px;}
.pd20{ padding: 20px;}
.pdX20{ padding-left:20px !important;padding-right:20px !important;}
.pdY20{ padding-top:20px;padding-bottom:20px;}
.pdT20{padding-top:20px;}
.mgX20{ margin-left:20px;margin-right:20px;}
.mgY20{ margin-top:20px;margin-bottom:20px;}
.mt5{ margin-top: 5px !important;}
.mt8{ margin-top: 8px !important;}
.mt9{ margin-top: 9px !important;}
.mt10{ margin-top: 10px !important;}
.mt14{ margin-top: 14px !important;}
.mt18{ margin-top: 18px !important;}
.mt20{ margin-top: 20px !important;}
.mt25{ margin-top: 25px !important;}
.mt30{ margin-top: 30px !important;}
.mb8{ margin-bottom: 8px !important;}
.mb9{ margin-bottom: 9px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb14{ margin-bottom:14px !important;}
.mb20{ margin-bottom:20px !important;}
.lh20{ line-height: 20px;}
.lh23{ line-height: 23px;}
.lh24{ line-height: 24px;}
.lh26{ line-height: 26px;}
/* color */
.gray-0{color:#0c0d0e;color:var(--gray-0);}
.gray-3{color:#343538;color:var(--gray-3);}
.gray-5{color:#56565c;color:var(--gray-5);}
.gray-8{color:#83868f;color:var(--gray-8);}
.gray-b{color:#b3b6be;color:var(--gray-b-2);}
.gray-c{color:#cccfd8}
.gray-b2{color:#B2B2BA}
.red-df{color:#df3031;}
.red-d7{color:#d7494a}
.red-d6{color:#d64242}
.red-f6{color:#ff6666;}
.red-f0{color:#ff0000;}
.red-f5{color:#ff5350;}
.red-f6{color:#ff6666;}
.red-f02{color:#F02B2B;}
.green-6{color:#669934;}
.yellow-f9{color:#ff9933;}
.blue-4{color:#4080d1;}
.blue-3{color:#3d74ba;}
.blue-5{color:#819bbb}
/* fn */
.clear { clear: both; height: 0px; font-size: 0px; visibility: hidden; line-height: 0;}
.clearfix:after{ clear: both; content: "\200B"; display: block; height: 0;}
.clearfix{ *zoom: 1;}
.center { text-align: center;}
.none { display: none;}
.flol { float: left;}
.flor { float: right;}
.radius1{-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
.radius2{-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.radius3{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.radius4{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

.main{ position: relative; margin: 0 auto; max-width: 640px; min-height: 100%; overflow: hidden;}
.mBox{margin-bottom: 8px;}
table{ border-collapse:collapse;}
section,.whitebg{ background-color: #fff;background-color:var(--bg-white);}
.bb{ border-bottom: 1px solid #f5f5f5;border-color:var(--border-gray-200);}
.bt{ border-top: 1px solid #f5f5f5;border-color:var(--border-gray-200);}

input,textarea,button{ -webkit-appearance:none;}
input[type="radio"]{ -webkit-appearance:radio;}
input[type="checkbox"]{ -webkit-appearance:checkbox;}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

/* flex */
.flexbox{ display: box; display: -webkit-box; display: -moz-box; display: -ms-box; -webkit-box-orient:horizontal; box-orient:horizontal;}
.flexbox > *{ display: block; box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1;}
body:not(:-moz-handler-blocked) .flexbox { width: 100%;} /*for FF*/
.flexbox-v{ display: box; display: -webkit-box; display: -moz-box; display: -ms-box; -webkit-box-orient:vertical; box-orient:vertical;}
.flexbox-v > *{ display: block; box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1;}

/* header */
.header{ position: relative; height:50px; line-height:50px; background-color:#fff;max-width:640px;margin:0 auto;background-color:var(--bg-white);}
.header i{-webkit-filter:var(--light-400);filter:var(--light-400);}
.header .left{ position: relative; z-index: 5; float: left;overflow:hidden;}
.header .left .fang{float:left;margin-left:22px;}
.header .left .fang + .city{margin-left:18px;}
.header .logo{ float: left; width: 102px; height: 50px; background: url(logo.png) 15px center no-repeat; background-size: 77px auto;}
.header .logo2{ float: left; width: 140px; height: 50px; background: url(logo_bd.png) 16px center no-repeat; background-size: 121px auto;}
.header .city{float:left;height:50px;line-height:50px; position: relative; padding-right: 14px;margin-left:2px;font-size:13px;color:#696969;color:var(--gray-6); }
.header .city:after{ position: absolute; top: 50%; right: 0; content: ''; margin-top: -2px; width: 9px; height: 5px;background:url(header_icons1.png) -96px -32px no-repeat;background-size:128px auto;filter:var(--light-130);}
.header .left > a:only-child[class='city']{margin-left:25px;}
.header .cent{ position: absolute; width: 100%; height: 100%; text-align: center; font-size: 16px; color: #0c0d0e;color:var(--gray-0);}
.header .fang{display:inline-block;height:50px;line-height:0;vertical-align:top;padding-top:11px;}
.header .fang > div{float:left;text-align:left;}
.header .fang > div:first-child{margin-right:4px;width:28px;height:28px;}
.header .fang p:first-child{font-size:14px;color:#333333;line-height:20px;margin-top:-1px;color:var(--gray-3);}
.header .fang p:last-child{font-size:9px;color:#82838B;line-height:13px;margin-top:-4px;padding-left:1px;color:var(--gray-8);}
.header .cent span{ position: absolute; left: 102px; right: 102px; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #0c0d0e;color:var(--gray-0)}
.header .back{ float: left;padding:9px 4px; text-align: center;margin-left:10px;}
.header .back i{ float:left; width: 32px; height: 32px; background: url(header_icons1.png) 0 0 no-repeat; background-size:128px auto;}
.head-icon{ position: relative; z-index: 5; float: right;padding-right:12px;}
.head-icon a{ float: left;text-align: center;font-size:14px;color:#394043;padding:9px 4px;line-height:32px;color:var(--gray-3);}
.head-icon a.word{font-size:15px;padding:9px 9px;}
.head-icon a.word.red{color:#ff6666;}
.head-icon a i{position:relative;float:left;width: 32px; height: 32px; background: url(header_icons1.png) no-repeat; background-size: 128px auto;}
.icon-down i{ background-position: -96px 0 !important;}
.icon-my i{ background-position: -64px 0 !important;}
.icon-nav i{ background-position: -32px -32px !important;}
.icon-sea i{ background-position: -32px 0 !important;}
.icon-fav i{ background-position: 0 -32px !important;}
.icon-fb i{ background-position: -64px  -32px!important;}
.icon-tz i{ background-position: 0  -96px!important;}
.icon-mes i{ background-position: -32px  -96px!important; position:relative;}
.icon-mes i em.num{position:absolute;top:-2px;right:-3px;padding:2px;min-width:15px;height:15px;line-height:12px;font-size:9px;text-align:center;font-style:normal;color:#fff;background:#f66;border-radius:1em;}
.icon-fav.cur i{ background-position: 0 -64px !important;}
.icon-mymf i{ background-position: -96px -64px !important;}
.icon-mai i{ background-position: -64px -64px!important;}
.icon-opt i{ background-position: -64px -96px!important;}
.icon-err i{ background-position: -96px -96px!important;}
.icon-q i{ background-position: 0 -128px!important;}
.icon-share i{ background-position: -64px -128px!important;}
.icon-list i{ background-position: -32px -128px !important;}
.icon-i i{ background-position: -96px -128px !important;}
.icon-qd i{ background-position: 0px -160px !important;}
.sms-num{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%;}
.head-rtxt{position: relative; z-index: 5; float: right;padding-right:10px;font-size:15px;}
.head-rtxt a{color:#0c0d0e}
.red-txt{position: relative; z-index: 5; float: right;padding-right:10px;font-size:15px;}
.red-txt a.red-f6{font-size:15px;color:#ff6666;}
.loadapp-dt-hd{padding-top:3px;}
.loadapp-dt-hd .loadapp-icon {background:#fff!important;}

.header .close{float: left;padding: 9px 0;text-align: center;margin-left: 0;}
.header .close i{float: left;width: 32px;height: 32px;background: url(head_close.png) no-repeat center;background-size: 100%;}

/*平均分布菜单*/
.header .cent span.flexNav{left:54px;}
.flexNav{font-size:14px;font-weight:bold;color:#343538;}
.flexNav a.cur{position:relative;color:#FF5350;}
.flexNav a.cur:after{content:'';display:block;position:absolute;bottom:6px;left:50%;margin-left:-10px;width:20px;height:2px;background:#FF5350;}


/*头部TAB菜单*/
.HlistTab{ position: absolute; width: 100%; height: 100%; text-align: center;}
.HlistTab ul{height:30px;margin:7px auto;border:1px solid #83868f;border-radius:3px;font-size:13px;text-align:center;overflow:hidden;}
.HlistTab ul.item-2{width:145px!important;}
.HlistTab li{width:50px;height:28px;line-height:29px;background:#fff;}
.HlistTab li a{display:block;color:#83868f!important;}
.HlistTab li.cur{background:#83868f;}
.HlistTab li.cur a{color:#ffffff!important;}

/*精选、最新*/
.header .tab2{position:absolute;width: 100%;height:100%; text-align:center;}
.header .tab2 > div{width:122px !important;height:26px;margin:9px auto;border:1px solid #83868f;border-radius:1em;font-size:13px;text-align:center;overflow:hidden;}
.header .tab2 a{box-sizing:border-box;width:61px;font-size:14px;line-height:24px;text-align:center;color:#83868f!important; background:#f2f2f2;}
.header .tab2 a.active{color:#fff !important;background:#83868f;}
.header .tab2 a:visited,.header .tab2 a:active,.header .tab2 a:link{color:#83868f;}
/*下拉菜单*/
.head-drop{ display: none; position: absolute; top:49px; right:4px; background-color: rgba(60,63,70,.9);z-index: 101; border-radius: 5px;box-shadow:1px 1px 4px  rgba(5,0,1,0.3);}
.head-drop li{height:45px;line-height:45px;border-bottom: 1px solid #35383e; text-align: left;font-size:16px;color:#cccfd8;white-space: nowrap;overflow:hidden;}
.head-drop li:last-child{ border-bottom: none;}
.head-drop li i{position:relative;float:left;width:17px;height:17px;margin:14px 13px 14px 0;background:url(head_licon.png) no-repeat;background-size:17px auto;}
.head-drop li i.j_shou{background-position:0 0;}
.head-drop li i.j-sou{background-position:0 -17px;}
.head-drop li i.j-user{background-position:0 -34px;}
.head-drop li i.j-menu{background-position:0 -51px;}
.head-drop li i.j-zhuang{background-position:0 -68px;}
.head-drop li i.j-ask{background-position:0 -85px;}
.head-drop li i.j-bbs{background-position:0 -102px;}
.head-drop li i.j-news{background-position:0 -119px;}
.head-drop li i.j-fang{background-position:0 -136px;}
.head-drop li i.j-newhouse{background-position:0 -153px;}
.head-drop li span.space2{margin-right:2em;}
.head-drop li span.space-h{margin-right:.5em;}
.head-drop > i{position:absolute;top:-5px;right:16px;width:10px;height:5px;overflow:hidden;}
.head-drop > i:before{position:absolute;content:'';width:10px;height:10px;top:2px;left:50%;margin-left:-5px;background-color: rgba(60,63,70,.9);border-radius:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.head-drop li > a{display:block;padding:0 22px 0 18px;color:#cccfd8!important;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.head-drop li > a:active{opacity:0.4;background:rgba(53,56,62,1);}
.head-drop li.active > a{opacity:0.4;background:rgba(53,56,62,1);}
/*有消息时的圆点提示*/
em.ts-mess{ position:absolute; top:0; right:0; display:block; width:8px; height:8px; line-height:0; background:#df3031; border-radius:50%;}
em.ts-mhead{ top:5px; right:3px;}
/* 浮层 - 导航 */
.newNav{position:relative;width:100%;background:#f5f5f5; margin:0 auto;max-width:640px;z-index:999;background-color:var(--bg-gray);}
.newNav-tit{position:relative;height:44px;line-height:44px;text-align:center;background:#f8f8f8;font-size:16px;color:#3c3f46;}
.newNav-tit .close{position:absolute;width:24px;height:24px;top:10px;right:13px;background:url(nav_close.png) center center no-repeat;background-size:14px auto;}
.newNav .nav-icons,.newNav .app-icons{border-top:1px solid #f5f5f5;border-color:var(--border-gray-200);}
.newNav .nav-icons a,.newNav .app-icons a{border-bottom:1px solid #f5f5f5;padding:20px 0;margin-bottom:-1px;border-color:var(--border-gray-200);}
.newNav .mTitle{padding:0 12px 0 12px;}
.nav-icons,.app-icons{text-align:center;overflow:hidden;width:100%;}
.nav-icons:after,.app-icons:after{clear: both; content: "\200B"; display: block; height: 0;}
.nav-icons a,.app-icons a{ position: relative;padding:7px 0; text-align: center; font-size: 12px; color: #3c3f46;width:25%;float:left;margin-bottom:-1px;color:var(--gray-3);}
.nav-icons i,.app-icons i{position:relative; display: block; margin: 0 auto; width: 45px; height: 45px; background: url(item_icons.png) 0 0 no-repeat; background-size: 180px auto;}
.nav-icons p,.app-icons p{line-height:1em;margin-top:9px;}
.nav-icons .hot-icon{position:absolute;width:24px;height:15px;top:2px;right:-18px;background:url(hot_icon.png) no-repeat;background-size:100%;}
.nav-icons .n2 i{ background-position: -45px 0px;}
.nav-icons .n3 i{ background-position: -90px 0px;}
.nav-icons .n4 i{ background-position: -135px 0px;}
.nav-icons .n5 i{ background-position: 0 -45px;}
.nav-icons .n6 i{ background-position: -45px -45px;}
.nav-icons .n7 i{ background-position: -90px -45px;}
.nav-icons .n8 i{ background-position: -135px -45px;}
.nav-icons .n9 i{ background-position: 0px -90px;}
.nav-icons .n10 i{ background-position: -45px -90px;}
.nav-icons .n11 i{ background-position: -90px -90px;}
.nav-icons .n12 i{ background-position: -135px -90px;}
.nav-icons .n13 i{ background-position: 0px -135px;}
.nav-icons .n14 i{ background-position: -45px -135px;}
.nav-icons .n15 i{ background-position: -90px -135px;}
.nav-icons .n16 i{ background-position: -135px -135px;}
.nav-icons .n17 i{ background-position: 0 -180px;}
.nav-icons .n18 i{ background-position: -45px -180px;}
.nav-icons .n19 i{ background-position: -90px -180px;}
.nav-icons .n20 i{ background-position: -135px -180px;}
.nav-icons .n21 i{ background-position: 0 -225px;}
.nav-icons .n22 i{ background-position: -45px -225px;}
.nav-icons .n23 i{ background-position: -90px -225px;}
.nav-icons .n24 i{ background-position: -135px -225px;}
.nav-icons .n25 i{ background-position: 0 -270px;}
.nav-icons .n26 i{ background-position: -45px -270px;}
.nav-icons .n27 i{ background:url(icon_kgh.png) no-repeat;background-size:100%;}

.app-icons i{width: 40px; height: 40px; background: url(app_logo.png) 0 0 no-repeat; background-size: 240px auto;}
.app-icons .n2 i{ background-position: -40px 0px;}
.app-icons .n3 i{ background-position: -80px 0px;}
.app-icons .n4 i{ background-position: -120px 0px;}
.app-icons .n5 i{ background-position: -160px 0px;}
.app-icons .n6 i{ background-position: -200px 0px;}

.lp-icons{margin-bottom:9px;padding:0 16px;width:100%;}
.lp-icons:last-child{margin-bottom:0;}
.lp-icons a{display:block;width:25%;height:26px;text-align:center;color:#83868f;font-size:12px;line-height:1;font-size:12px;padding:6px 7px;border:1px solid #e5e5e5;border-radius:2px;margin:0 4px;overflow:hidden;color:var(--gray-8);border-color:var(--border-gray-300);}
.lp-icons a.active{border:1px solid #ff6666;color:#ff6666}
.lp-icons a:active{border:1px solid #ff6666;color:#ff6666}
.lp-icons span{display:block;width:25%;margin:4px;}

/*新房特殊头部*/
.header2 {background:#f6f6f6;}
.header2 ul:after{ clear: both; content: "\200B"; display: block; height: 0;}
.header2 li{float:left;width:25%;height:35px;text-align:center;border-right:1px solid #eeeeee;}
.header2 li:nth-child(4n){border-right:none;}
.header2 li > a{display:block;color:#565c67;font-size:14px;line-height:32px;border-bottom:1px solid #eeeeee;padding:1px 0;height:35px;}
.header2 li.active a{color:#df2f30;border-bottom:2px solid #df2f30;padding-bottom:0;}
.header2 li a.back{position:relative;color:#df2f30;}
.header2 li a.back:before{content: "\200B";position:absolute;width:20px;height:20px;top:50%;margin-top:-10px;margin-left:-20px;background:url(head-icons2.png) no-repeat; background-size:40px auto;}
.header2 li a.icon-nav{position:relative;}
.header2 li a.icon-nav:before{content: "\200B";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;margin-left:-10px;background:url(head-icons2.png) -20px center no-repeat; background-size:40px auto;}

/*新房网上直销、楼盘详情*/
.header-h{height:50px;}
.header .cent-nav{ position: absolute; width: 100%; height: 100%; text-align: center; font-size: 16px; color: #3c3f46;color:var(--gray-3);}
.header .cent-nav ul{display: box;display: -webkit-box;margin:0 90px;}
.header .cent-nav li{box-flex: 1;-webkit-box-flex: 1;width:66px;text-align:center;white-space:nowrap;}
.header .cent-nav li a{display:inline-block;color:#3c3f46;font-size:16px;line-height:40px;padding:2px 2px 2px;color:var(--gray-3);}
.header .cent-nav li.active a{color:#F84440;border-bottom:2px solid #F84440;padding-bottom:0;}
/*特价列表*/
.header.list .back{margin-left:0;}
.header.list .head-icon a{padding-left:0;padding-right:0;}

/* footer */
.footer{background-color: #fff;min-height:80px;text-align: center;max-width:640px; margin:0 auto;padding-bottom:6px;background-color:var(--bg-white);}
.footer .ver{height:40px;width:100%;}
.footer .ver a{ padding: 13px 0; width: 50px; font-size: 13px; line-height:18px; color: #696969;color:var(--gray-6);}
.footer .ver a span{ display: block; border-right: 1px solid #eeeeee;border-color:var(--border-gray-000);}
.footer .ver a:last-child span{ border-right: none;}
.footer > p{color:#C5C5C5;font-size:10px;line-height:14px;margin:12px 0;color:var(--gray-c);}
.footer > p em{padding:0 12px;font-weight:normal;color:#F3F3F6;}
.footer .company{height:16px;line-height:16px;position:relative;margin-top:7px;}
.footer .company .line{width:100%;height:1px;background:#EEEEEE;position:absolute;top:8px;left:20px;right:20px;z-index:2;-webkit-transform:scaleY(.5);transform:scaleY(.5)}
.footer .company .info{font-size:11px;line-height:15px;color:#999999;position:absolute;top:50%;left:50%;padding:1px 12px 0; background:#fff;white-space:nowrap; z-index:5;margin:0 auto;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

/*版权底部*/
.copy-footer{color:#b2b2ba;font-size:9px;text-align:center;padding:20px 20px 30px;background:#fff;}  
.copy-footer p{line-height:19px;}   
.copy-footer p span{position:relative;display:inline-block;}  
.copy-footer p span:before,.ld-footer p span:after{content:'';position:absolute;width:18%;height:1px;background:#f4f4f4;top:50%;}  
.copy-footer p span:before{left:-20%;}
.copy-footer p span:after{right:-20%;} 
.copy-footer.bj{color:#a0753c;margin-top:-20px;}
.copy-footer.bj p span:before,.ld-footer.bj p span:after{background:#f6da70;}
@media screen and (max-width: 320px){
.copy-footer{font-size:8px;} 
}

/* 浮层 - 立即下载 */
.floatApp{height:44px;}
.floatApp > div{position: fixed; left:0; bottom:0; background:rgba(0,0,0,.7); width:100%; height:44px; overflow: hidden;z-index:5;}
.floatApp .linkbox{ display: block; width:100%;}
.floatApp img{ float: left; margin:6px 9px 6px 20px; width:32px;}
.floatApp .text{ color:#fff;line-height:26px;padding:9px 0;font-size:11px;color:#fff;}
.floatApp .text p{ white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.floatApp .text.item2{line-height:13px;}
.floatApp .btn{ float: right; width:80px; height:44px; line-height:44px; background:#ff9b05; color:#ffffff; font-size: 13px; text-align:center;}
.floatApp .off{ position: absolute; left: -20px; top: -20px; display: block; width: 40px; height: 40px; line-height: 40px; background: #424242; border-radius: 50%; color:#c7c7c7 !important; font-size: 14px; text-align: center; clip: rect(20px,40px,40px,20px);}
.floatApp .off span{ position: relative; left: 8px; top: 7px;}
/* 新浮层 - 立即下载 */
.floatApp2{height:60px;}
.floatApp2 > div{position: fixed; left:0; bottom:0;width:100%; height:60px;background:rgba(255,255,255,.95);box-shadow:0 0 18px rgba(0,0,0,.1);overflow: hidden;z-index:5;background-color:var(--box-white-95);}
.floatApp2 .linkbox{position:relative;display:table;width:100%;padding:10px 14px;}
.floatApp2 .img{display:table-cell;width:40px;height:40px;}
.floatApp2 .img img{width:100%;height:100%;}
.floatApp2 .text{display:table-cell;vertical-align:middle;padding:0 62px 0 10px;}
.floatApp2 .text p{font-size:14px;color:#0c0d0e;line-height:17px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;color:var(--gray-0);}
.floatApp2 .text p:first-of-type{font-weight:600;}
.floatApp2 .text p:last-of-type{font-weight:normal;}
.floatApp2 .text p:nth-of-type(2){font-size:11px;color:#83868f;}
.floatApp2 .btn{position:absolute;right:14px;width:55px;height:25px;line-height:26px;font-size:13px;color:#ffffff;background:#fe9903;border-radius:13px;text-align:center;margin-top:8px;}


/* 跳转箭头 */
.arr-rt{ position: relative; padding-right: 14px;}
.arr-rt:after{ position: absolute; content: '';right:0;top: 50%; margin-top: -7px; width: 14px; height: 14px; background: url(arr_new_r.png) 0 0 no-repeat; background-size:14px auto;}
.arr-rt-n{ position: relative; padding-right:14px;}
.arr-rt-n:after{ position: absolute; content: '';right:0;top: 50%; margin-top: -6px; width: 7px; height: 12px; background: url(arr_new.png) 0 0 no-repeat; background-size:100%;}
.arr-rt-ns{ position: relative; padding-right:10px;}
.arr-rt-ns:after{ position: absolute; content: '';right:0;top: 50%; margin-top: -4px; width: 5px; height: 8px; background: url(arr_new_s.png) 0 0 no-repeat; background-size:100%;}
.arr-rt-nsh{ position: relative; padding-right:10px;}
.arr-rt-nsh:after{ position: absolute; content: '';right:0;top: 50%; margin-top: -4px; width: 5px; height: 8px; background: url(arr_new_sh.png) 0 0 no-repeat; background-size:100%;}

.arr-rt-n0{ position: relative;}
.arr-rt-n0:after{ position: absolute; content: '';right:0;top: 50%; margin-top: -6px; width: 6px; height:12px; background: url(icons_c.png) 0 0 no-repeat;background-size: 20px auto;}

/* 上下更多箭头 */
.arr-down,.arr-up{ position: relative; padding-right: 14px;}
.arr-down:after,.arr-up:after{ position: absolute; content: '';right:0;top: 50%; margin-top: -3px; width: 12px; height: 7px; background: url(icons_c.png) 0 -65px no-repeat; background-size: 20px auto;}
.arr-up:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);}

/*标题*/
.mTitle:after{ clear: both; content: "\200B"; display: block; height: 0;}
.mTitle h2,.mTitle h6{float:left;font-size:15px;color:#83868f;line-height:1;padding:20px 0;margin-left:8px;text-overflow: ellipsis;white-space: nowrap;color:var(--gray-8);}
.mTitle h2.no-b{padding-bottom:0;}
.mTitle h1{float:left;font-size:16px;color:#3c3f46;line-height:1;padding:20px 0;text-overflow: ellipsis;white-space: nowrap;color:var(--gray-3);}
.mTitle h1.no-b{padding-bottom:0;}
.mTitle span{float:right;position:relative;display:block;line-height:56px;margin-right:8px;font-size:13px;overflow:hidden;}
.mTitle 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%;}
.mTitle a{color:#83868f;color:var(--gray-8);}
.mTitle a{display:block;height:55px;}
.mTitle > a.arr-rt:after{right:25px;}
.mTitle.con h2{margin-left:20px;}
.mTitle.con span{margin-right:20px;}
.mTitle.con > a.arr-rt:after{right:20px;}
.mTitle.con16 span{margin-right:10px;font-size:14px;}
.mTitle.newt{border-bottom:1px solid #f8f8f8;}
.mTitle.newt h2{margin-left:20px;font-size:17px;color:#3c3f46;font-weight:600;}
.mTitle.newt a{color:#3c3f46;height:57px;}
.mTitle.newt span{margin-right:20px;}
.mTitle.newt > a.arr-rt:after{right:20px;}
.mTitle.newt.nbb{border-bottom:none;}

/* 红绿上下箭头 */
.jt-dn{ color: #669934 !important;}
.jt-dn:after{ content: '↓'; margin: 0 2px; vertical-align: 1px;}
.jt-up{ color: #ff0000 !important;}
.jt-up:after{ content: '↑'; margin: 0 2px; vertical-align: 1px;}

/*广告*/
.adShow{position: relative;}
.adShow:before{content: "广告";background: rgba(0,0,0,0.2);position: absolute;font-size: 7px;color: #ffffff;right: 0;top: 5px;line-height:1em;z-index: 2;padding: 1px 3px;}
.banShow{position: relative;}
.banShow:before{content: "广告";background: rgba(0,0,0,0.2);position: absolute;font-size: 7px;color: #ffffff;right: 0;top: 5px;line-height:1em;z-index: 2;padding: 1px 3px;}
.banShowbox{background:#fff;}
.banShowbox > div{position: relative;margin:0 22px;border-radius:3px;overflow:hidden;}
.banShowbox > div:before{content: "广告";background:rgba(0,0,0,0.3);position: absolute;font-size: 7px;color: #ffffff;right: 0;top: 5px;line-height:1em;z-index: 2;padding: 2px;}
/*二级导航*/
.secTab{ background:#fafafa;height:36px;background-color:var(--box-gray-602);}
.secTab a{color: #83868f; width: 50px; text-align: center; font-size: 15px;}
.secTab a span{display:inline-block; line-height: 35px;}
.secTab a.active span{ border-bottom: 1px solid #F84440;color: #F84440;}
.secTab.h40{height:40px;}
.secTab .overbox{position:relative;width:100%;height:36px;overflow:hidden;}
.secTab .overbox::-webkit-scrollbar{width:0;height:0;}
.secTab .overboxIn{white-space:nowrap;}
.secTab .overbox a{padding: 0 12px;}
.secTab .overbox a.active{color:#F84440;}
.secTab .overbox span{padding:0;line-height:39px;}
.secTab .overbox em{font-size:12px;vertical-align:1px;}

/*返回顶部*/
.goTop{position:fixed;right:10px;bottom:65px;width:37px;height:37px;z-index:99;background:url(backtop.png) no-repeat;background-size:100%;}
.icon-px{position:fixed;right:10px;bottom:107px;width:37px;height:37px;z-index:99;background:url(icon_paixu.png) no-repeat;background-size:100%;}

 /*tab菜单*/
.tabNav{height:40px;margin:0 14px;}
.tabNav > div{height:40px;}
.tabNav a{width: 50px; text-align: center; font-size: 14px;color:#696969;color:var(--gray-6);}
.tabNav a span{display:inline-block; line-height: 39px; padding: 0 6px;}
.tabNav a.active span{position:relative;font-weight:bold;color:#333333;color:var(--gray-3)}
.tabNav a.active span:before{position:absolute;content:'';width:20px;height:3px;background:#F84440;bottom:0;left:50%;margin-left:-10px;border-radius:2px;}
.tabNav.overbox{position:relative;margin:0 10px 0 0;}
.tabNav.overbox:before{position:absolute;content:'';right:-1px;height:40px;width:10px;background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,1));z-index:2;background-image:var(--gradient-white-90deg);}
.tabNav .overboxIn{position:relative;width:100%;height:40px;overflow-x:auto;padding-left:22px;}
.tabNav .overboxIn::-webkit-scrollbar{width:0;height:0;}
.tabNav .overboxIn > div{height:40px;white-space: nowrap;}
.tabNav.overbox a{display:inline-block;margin-right:14px;width:auto;}
.tabNav.overbox a span{height:40px;padding:0 1px;}
.tabNav ::-webkit-scrollbar {display: none;}

/*标签*/
.stag{ font-size: 11px;color:#696969; overflow: hidden; *zoom:1;margin-top:4px;height:16px;}
.stag span{float: left; margin-right: 4px; line-height:13px; padding:0 3px; border:1px solid #F6F6F6;background:#F6F6F6;overflow:hidden;margin-bottom:1px;}
.stag span:last-child{margin-right:0;}
.stag span.yellowbg{background:#ff9933;border:1px solid #ff9933;color:#fff;}
.stag span.bluebg{background:#7fb6ff;border:1px solid #7fb6ff;color:#fff;}
.stag span.greenbg{background:#91d397;border:1px solid #91d397;color:#fff;}
.stag span.greenbg2{background:#63cd6d;border:1px solid #63cd6d;color:#fff;}
.stag span.pinkbg{background:#ffb7b7;border:1px solid #ffb7b7;color:#fff;}
.stag span.redbg{background:#ff6f6f;border:1px solid #ff6f6f;color:#fff;}
.stag span.graybg{background:#f2f4f8;border:1px solid #f2f4f8;color:#565c67;}
.stag span.yellow-b{color:#ff9933;border:1px solid #fdefe4;background:none!important;}
.stag span.blue-b{color:#5aa0fc;border:1px solid #e5f0ff;background:none!important;}
.stag span.green-b{color:#42b9cb;border:1px solid #ddf5f8;background:none!important;}
.stag span.purple-b{color:#b189d9;border:1px solid #f1e6fb;background:none!important;}
.stag span.greenB-b4e{color:#2daf3c;border:1px solid #b4e7ba;background:none!important;}
.stag span.ora-b{color:#f78b1e;border:1px solid #ffd9bb;background:none!important;}
.stag span.pink-b{color:#F84440;border:1px solid #FFE3DF;border-color:var(--tag-red-border-b);background:none!important;}
.stag span.red-b{color:#ff3333;border:1px solid #ffc8c8;background:none!important;}
.stag span.red-z{color:#ff7270!important;border:1px solid #ffe3e3!important;background:none!important;}
.stag span.ora-f{color:#FF9933;border:1px solid #FFF5E5;background:#FFF5E5!important;}
.stag span.blue-c{color:#5aa0fc;border:1px solid #e5f0ff;background:#e5f0ff!important;}

.stag span.green-c{color:#42B9CB;border:1px solid #ECFCFF;background:#ECFCFF!important;}
.stag span.fff5e5{color:#ff9b05;border:1px solid #fff5e5;background:#fff5e5!important;}
.stag span.edf8ff{color:#56CCE9;border:1px solid #edf8ff;background:#edf8ff!important;}
.stag span.ffefef{color:#FF7373;border:1px solid #ffefef;background:#ffefef!important;}


/* 文字 - 左灰右黑 */
.flextable{ overflow: hidden; width: 100%;}
.flextable li{ float: left;min-width: 50%; font-size: 14px; line-height: 26px; word-wrap: break-word; overflow: hidden;}
.flextable li:nth-child(2n+1){ padding-right: 5px;}
.flextable li span{ float: left; color: #83868f;color:var(--gray-8);}
.flextable li p{ overflow: hidden; color: #0c0d0e;color:var(--gray-0);}
.flextable li p a{color: #0c0d0e;color:var(--gray-0);}
.flextable li.line{ border-top: 1px solid #f4f4f4; margin: 8px 0; padding: 0 !important; line-height: 1;}
.flextable.row li{ width: 100%;padding-right:0; }
.flextable li > a.arr-rt{display:block;}
.flextable li > a.arr-rt p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.flextable li em{display:block;font-style:normal;text-align:right;font-size:13px;padding:6px 0;line-height:14px;}
.flextable li i{font-style:normal;}
.flextable li strong{font-weight:normal;}

/* 简单图片列表 */
.PWlist li{border-bottom: 1px solid #f4f4f4;margin:0 8px;}
.PWlist li > a{display: block; padding: 14px 0; height: 100%;}
.PWlist li:last-child{border-bottom:none;}
.PWlist .lt{float: left; width: 80px; height: 60px; margin-right: 8px;}
.PWlist .lt img{ width: 100%; height: 100%;}
.PWlist .rt{overflow: hidden;}
.PWlist .rt h3{font-size: 15px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height:15px;color:#0c0d0e;padding-top:1px;margin-bottom:8px;}
.PWlist .rt p{ font-size: 12px;color:#8e919a;line-height:20px;height:36px;overflow:hidden;}
 
 
 /* 区间筛选 */
.qjBox{margin:25px 0 8px;}
.qjBox .in-qj{position:relative;width:100%;height:8px;border:1px solid #eeeeee;background:#ffffff;border-radius:4px;}
.qjBox .in-qj span{position:absolute;height:6px;background:#ff6666;border-radius:3px;}
.qjBox .in-qj > div{position:absolute;width:26px;height:26px;background:#ffffff;border:1px solid #e9e9e9;border-radius:50%;box-shadow:2px 1px 3px rgba(160,160,160,0.2);top:50%;margin-top:-13px;margin-left:-1px;margin-right:-1px;}
.qjBox .in-qj > div i{position:absolute;height:14px;line-height:14px;font-style:normal;font-size:12px;text-align:center;color:#cccccc;min-width:26px;top:-18px;white-space:nowrap;}
.qjBox .in-qj > div.active{border:2px solid #ff6666;}
.qjBox .in-qj > div.active i{color:#ff6666;top:-19px;margin-left:-1px;}
.qjBox .in-qj > div.active.hover em{display:block;position:absolute;width:37px;height:42px;font-style:normal;font-size:12px;color:#ffffff;background:url(sx-icon-bg.png) no-repeat;background-size:100%;text-align:center;padding-top:12px;left:50%;margin-left:-18px;top:-48px;}
.qjBox .in-qj > div.active.hover i{display:none;}
.qjBox .in-qj > div em{display:none;}
.qjBox .in-qj > div.active:first-of-type i{margin-left:-6px;}
.qjBox .in-qj > div.active:last-of-type i{margin-left:3px;}

 /*价格区域筛选弹框*/
.checkBoxPri{ position:fixed; top:25%; margin:0 10%; padding:0 20px; width:80%; background:#fff; border-radius:5px; z-index:11;}
.checkBoxPri h3{ padding:16px 0; font-size:14px; line-height:1; color:#666;}
.checkBoxPri h3 a.btn_close{ display:block; float:right; width:13px; height:13px; background:url(close_ts.png) no-repeat; background-size:13px;}
.checkBoxPri .qjBox{ margin:55px 0 30px;}
/*.checkBoxPri .qjBox .in-qj{height:5px;border:0;background:#dad9d9;border-radius:4px;}
.checkBoxPri .qjBox .in-qj span{position:absolute;height:5px;background:#f15655;border-radius:3px;}
.checkBoxPri .qjBox .in-qj > div{ margin-top:-9px;}
.checkBoxPri .qjBox .in-qj > div.active{ width:17px; height:17px; background:url(icon_dot.png) no-repeat; background-size:17px; border:none;}
.checkBoxPri .qjBox h4{ margin-bottom:20px; font-size:14px; color:#333; text-align:center; line-height:1;}
.checkBoxPri .qjBox .priceArea{ margin:20px 0 24px; font-size:14px; color:#333; line-height:1;}*/
.checkBoxPri .submitBtn{ margin:0 -20px; height:40px; font-size:14px; color:#666; line-height:40px; text-align:center; border-top:1px solid #dad9d9;}
 
/* 搜索  */
.searchPage{background:#fff;max-width:640px;min-height:100%;margin:0 auto;padding-bottom:20px;background-color:var(--bg-white);}
.searchPage .search{ padding:16px 20px;}
.searchPage .searbox{ height:46px;border: 1px solid #F3F3F6;box-shadow:0px 2px 8px 0px rgba(228,231,240,0.75);font-size:16px; background-color: #fff;background-color:var(--box-white);box-shadow:var(--shadow-white-100);border-color:var(--border-gray-800);  }
.searchPage .searbox .ipt{position:relative;margin-right:66px;padding-left:30px;}
.searchPage .searbox .ipt:before{content:'';position:absolute;width:14px;height:14px;left:12px;top:50%;margin-top:-7px;background:url(search_btn.png) no-repeat;background-size:100%;filter: var(--light-50);}
.searchPage .searbox .ipt input{height: 28px;font-size:16px;margin:8px 0;border-right:1px solid #E7E7EB;border-radius:0;border-color: var(--border-gray-900);}
.searchPage .searbox .ipt .off{ background-color: #fff;background-color: var(--box-white);}
.searchPage .searbox .btn{position:absolute;width:66px; height:44px; line-height:44px;border-left:none;background:none;}
.searchPage .searbox .btn:after{content:'搜索';position:absolute;width:100%;height:0;left:0;top:0;font-size:17px;color:#343538;text-align:center;color:var(--gray-3);}
.searchPage .searbox .btn i{display:none;}
.searchPage .searbox .sel{height:44px; line-height:44px;padding-left:12px;}
.searchPage .searbox .drop{top:45px;}
.searchPage .searbox .drop > i{left:20px;}
.search{ position: relative; padding:4px 22px;width: 100%;z-index:2;margin:0 auto;max-width:640px;}
.search-2{ position: relative;padding:4px 22px;width: 100%;z-index:2;margin:0 auto;}
.searbox{ position: relative;border-radius: 2px; height:40px;font-size: 14px;background:#F6F6F6;background-color:var(--box-gray-400);}
.searbox .ipt{ position: relative; overflow: hidden; margin-right: 42px;}
.searbox .ipt input{padding: 0 8px; border: none; width: 100%; height: 40px;font-size: 14px;outline: none;-webkit-appearance: none;color:#343538; background: transparent;color:var(--gray-3);}
.searbox .ipt input::-webkit-input-placeholder{color:#696969;color:var(--gray-6);}
.searbox .ipt .off{ position: absolute; top: 50%; margin-top: -12px; right:6px; display: block; width: 24px; height: 24px; background:#F6F6F6 url(search_close.png) center center no-repeat; background-size: 10px auto;background-color:var(--box-gray-400);}
.searbox .ipt .tag-icon{position:absolute;width:30px;height:24px;right:10px;top:50%;margin-top:-12px;background:#fff url(pic_gg.jpg) right center no-repeat;background-size:24px auto;background-color: var(--box-gray-400);}
.searbox .btn{ position: absolute; right: 0; top: 0; width: 42px; height:40px; line-height: 40px; text-align: center;border-radius:0 3px 3px 0;background:#ebebeb;background-color:var(--box-gray-100);}
.searbox .btn i{ margin-top: 12px; display: inline-block; width: 17px; height: 17px; background: url(sea_btn.png) 0 0 no-repeat; background-size: 15px auto;}

.search .mapbtn{ margin-left: 8px; display: block; background-color:#F6F6F6; border-radius:2px; width: 75px; min-width: 75px; max-width: 75px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color:#696969;cursor: pointer;overflow:hidden;}
.searbox .inputbox{ position: relative; overflow: hidden;}
.searbox .inputbox .input{position:relative;display:block;line-height:40px; width: 100%; height: 40px; font-size: 14px;color:#696969;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.searbox .inputbox .input i{display:inline-block;width:14px;height:14px;margin: 13px 6px 0 8px;background:url(search_icons.png) 0 0 no-repeat;background-size:100%;vertical-align:top;}
.searbox .inputbox .input .tag-icon{float:right;width:24px;height:12px;background:url(pic_gg.jpg) no-repeat;background-size:100%;margin:14px 5px 0 5px;}
.searbox .inputbox.mr{margin-right:42px;}

.searbox .sel{ float: left; padding: 0 0 0 8px;height:34px; line-height: 40px; text-align: center;max-width:58px;white-space:nowrap;color:#565c67;margin-right:5px;}
.searbox .sel span{ position: relative; display:inline-block; padding-right: 12px;}
.searbox .sel span:after{ position: absolute; right: 0; top: 50%; margin-top: -2px; display: block; content: ''; width: 0; height: 0; border-width: 4px; border-style: solid; border-color: #cccfd8 transparent transparent transparent;}
.searbox .drop{ display: none; position: absolute; top: 35px; left:-1px; background-color: rgba(60,63,70,.9);z-index: 100; border-radius: 5px;box-shadow:1px 1px 3px  rgba(5,0,1,0.3);}
.searbox .drop li{height:45px;line-height:45px;border-bottom: 1px solid #3c3f46; text-align: left;font-size:16px;color:#ffffff;color:#fff;padding:0 24px 0 20px;white-space: nowrap;overflow:hidden;}
.searbox .drop li:last-child{ border-bottom: none;}
.searbox .drop li.active{opacity:0.5;}

.searbox .drop li i{float:left;width:20px;height:20px;margin:12px 20px 12px 0;background:url(sea_licon.png) no-repeat;background-size:20px auto;}
.searbox .drop li i.j_pic{background-position:0 0;}
.searbox .drop li i.j-ask{background-position:0 -20px;}
.searbox .drop li i.j-deg{background-position:0 -40px;}
.searbox .drop li i.j-site{background-position:0 -60px;}
.searbox .drop > i{position:absolute;top:-6px;left:12px;width:12px;height:6px;overflow:hidden;}
.searbox .drop > i:before{position:absolute;content:'';width:10px;height:10px;top:2px;left:50%;margin-left:-5px;background-color: rgba(60,63,70,.9);border-radius:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

.searList{margin: 0 20px;}
.searList li a{ display: block;color:#343538; font-size: 16px;line-height:20px;padding:12px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--gray-3);}
.searList li a > div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.searList li a > div span{font-size:13px;color:#B2B2BA;color:var(--gray-b-2);}
.searList li .num{float:right;font-size:13px;color:#B2B2BA;color:var(--gray-b-2);}
.searList li .arr-rt-ns{padding-right:12px!important;}
.searList li .sea-v{display:inline-block;width:14px;height:14px;background:url(sea_v.png) no-repeat;background-size:14px;vertical-align:-2px;margin-left:8px;}
.searList li em{color:#5BA0FC;padding-right:1px;}
.searList li p{font-size:11px;color:#B2B2BA;line-height:1;padding:1px 0;margin-top:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--gray-b-2);}
.searList li p em{color:#5BA0FC;}
.searList h3 + ul{margin-top:-12px;}
.clearBtn{ margin-top: 20px; text-align: center;}
.clearBtn a{ display:inline-block;min-width:112px; padding: 0 20px; height:33px; line-height: 33px; border: 1px solid #e3e7ed; border-radius: 2px; font-size: 14px; color: #83868f; background-color:var(--box-white);border-color:var(--border-gray-700);}

.searList h3{position:relative;font-size:20px;color:#343538;font-weight:bold;line-height:28px;padding:16px 0 16px 0;overflow:hidden;color:var(--gray-3);}
.searList h3 span{font-size:13px;color:#B2B2BA;font-weight:normal;color:var(--gray-b-2);}
.searList h3 span.num{float:right;}
.searList h3 span.w{margin-left:8px;}
.searTotal h3{position:relative;font-size:14px;color:#343538;font-weight:bold;line-height:28px;margin:0 20px;padding:16px 0 16px 0;color:var(--gray-3);}
.searTotal h3:before{content:'';position:absolute;left:0;right:0;bottom:0;background:#eee;height:1px;-webkit-transform:scaleY(.5);transform:scaleY(.5);background-color:var(--border-gray-000);}
.searLast h3,.searHistory h3{position:relative;font-size:20px;color:#343538;font-weight:bold;line-height:28px;margin:0 20px;padding:16px 0 16px 0;color:var(--gray-3);}
.searLast h3 a.link,.searHistory h3 a.link{position:absolute;top:16px;right:0;font-size:13px;color:#819BBB!important;line-height:28px;font-weight:normal;}
/*.searLast h3 a.icon,.searHistory h3 a.icon{position:absolute;width:40px;height:49px;top:0;right:-14px;}
.searLast h3 a.icon:before,.searHistory h3 a.icon:before{content:'';position:absolute;width:16px;height:16px;left:50%;margin-left:-8px;top:19px;background:url(search_icons2.png) no-repeat;background-size:100% auto;}
.searLast h3 a.icon:before{background-position:0 0;}
.searHistory h3 a.icon:before{background-position:0 -16px;}
.searLast .change{float:right;color:#83868f;}*/
.s-icon-hot,.s-icon-his,.s-icon-sq,.s-icon-zb{display:inline-block;width:16px;height:16px;vertical-align:top;margin-top:6px;margin-right:4px;}
.s-icon-his{background:url(search_his.png) no-repeat;background-size:100%;}
.s-icon-hot{background:url(search_hot.png) no-repeat;background-size:100%;}
.s-icon-sq{background:url(search_sq.png) no-repeat;background-size:100%;}
.s-icon-zb{background:url(search_zb.png) no-repeat;background-size:100%;}

.searLast .cont{overflow:hidden;padding:0 10px;}
.searLast .cont a{position:relative;float: left;height:30px; margin:0 6px 12px 6px; padding: 8px 12px; font-size: 13px;line-height:15px; color:#343538;background-color:#F8F8FA;border-radius:2px;overflow:hidden;background-color:var(--box-gray-300);color:var(--gray-3);}
.searLast .cont a:last-child{margin-right:8px;}
.searLast .cont > div{width:300%;}
.searLast .cont > div a{margin-bottom:0;}
.searLast .cont.lin3{max-height:126px;overflow:hidden;}
.searLast .cont.lin1{max-height:42px;overflow:hidden;}

.searLast .refresh-cont >div{width:100%;overflow: hidden;}
.searLast .refresh-cont > div a{margin-bottom:8px;}
.searLast .cont a i{position:absolute;width:16px;height:19px;right:0;top:0;background:url(sea_hot.png) no-repeat;background-size:100%;}
.searLast .cont a .tag-icon{font-size:12px;color:#B2B2BA;margin-right:10px;}
.searHistory .searList li a{/*white-space:normal;*/}
.searHistory .tag-icon{float:right;width:30px;height:22px;background:#fff url(pic_gg.jpg) right center no-repeat;background-size:24px auto;background-color: var(--box-gray-400);}

.search-gg{background:#F8F8FA;margin:16px 20px 12px;border-radius:1px;background-color:var(--box-gray-300);}
.search-gg > a{display:block;padding:15px 12px;margin-right:12px;line-height:22px;font-size:16px;color:#343538;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--gray-3);}
.search-gg span{display:inline-block;position:relative;padding-left:24px;}
.search-gg span:before{content:'';position:absolute;width:16px;height:16px;left:0;top:50%;margin-top:-8px;background:url(search_tj.png) no-repeat;background-size:100%;}

/*直播搜索列表*/
.searList.videoList li{overflow:hidden;}
.searList.videoList li a{padding:14px 0;}
.searList li .img{float:left;width:106px;height:60px;overflow:hidden;margin-right:8px;}
.searList li .img img{width:100%;height:100%;}
.searList li .text h2{font-size:15px;color:#0c0d0e;height:40px;line-height:20px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space:normal;}

/* 筛选栏 */
.fixedStyle{position:fixed;left:0;top:0;right:0;z-index:9;}
.lbTab {height:45px; position: relative;}
.lbTab ul{width:100%;height:45px;background:#fff;}
.lbTab li{position:relative;padding: 11px 0;width:25%;}
.lbTab li a{ display: block; height:22px; line-height: 22px; font-size: 14px; text-align: center; color: #333!important;padding:0 6px;}
.lbTab li.active a{ color: #F45549!important;}
.lbTab li span{position:relative;display:inline-block;line-height:21px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:13px;}
.lbTab li span:after{content:'';position:absolute; width: 0; height: 0; border-style: solid; border-width:5px 4px 5px 4px; border-color: #E1E1E1 transparent transparent transparent;right:0; top: 50%;margin-top: -3px;}
.lbTab li.active span:after{border-color:transparent transparent #F45549 transparent;margin-top:-8px;}
.lbTab li.px i{display:block;width:14px;height:14px;margin:3px 0;background:url(sx_pxicon.png) no-repeat;background-size:100%;}
.lbTab li.px{width:13%;}
.lbTab li.px a{padding:0 15px 0 5px;}
.lbTab li .hot{position:absolute;top:3px;left:46%;width:22px;height:11px;background:url(esf_new.png) no-repeat;background-size:22px;}
.lbTab .cont{position: absolute;width: 100%;top: 44px;left: 0;bottom: 0;background-color: #fff;z-index: 6;border-top:1px solid #f8f8f8;}
.lbTab section{height:100%;border-right: 1px solid #f4f4f4; overflow: hidden;}
.lbTab .cont > .flexbox{height:100%;overflow:hidden;}
.lbTab .flexbox section:first-child{width:25%;}
.lbTab .flexbox section:nth-child(2){width:35%;}
.lbTab .flexbox section:nth-child(3){width:40%;border-right: none;}
.lbTab .flexbox section:nth-child(4){width:35%;}
.lbTab .flexbox section:last-child{width:40%;border-right: none;}
.lbTab .flexbox section.column2{width:35%;border-right:1px solid #f4f4f4;}
.lbTab .flexbox section.column3{width:40%;border-right: none;}
.lbTab .flexbox section.price-list{width:70px;max-width:70px;min-width:70px;}
.lbTab .flexbox .cont dl{ height: 100%;}
.lbTab .cont dd{ padding: 0 16px; border-bottom: 1px solid #f4f4f4; height: 44px; line-height: 43px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-color: #fff;color:#3c3f46;}
.lbTab .cont dd .zfbt{width:48px;height:15px;background:url(home_nav_zfbt.png) no-repeat;background-size:100%; display: inline-block;margin-left:20px; vertical-align:middle;margin-top:-3px;}/*0228*/

.lbTab .cont dd.active{position:relative;background-color: #f2f5f8;}
.lbTab .cont dd.active:before{content:'';position:absolute;width:2px;height:16px;background:#ff6666;left:0;top:50%;margin-top:-8px;}
.lbTab .cont dd a{display:block;padding:0 16px;margin:0 -16px;color:#3c3f46!important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.lbTab .cont .btn{height:40px;position:absolute;left:0;width:100%;bottom:0;}
.lbTab .cont .btn a{display:block;width:100%;height:40px;line-height:40px; font-size: 16px; color: #fff; background-color: #df3031; text-align: center;}
.lbTab .cont .btn a.no1{width:40%;border:1px solid #eceff3;background-color:#fff;color:#565c67;border-radius:6px;}
.lbTab .cont .btn a.no2{width:50%;border:1px solid #df3031;border-radius:4px;margin-left:10%}
.lbTab .cont .btn1{height:50px;position:absolute;left:0;width:100%;bottom:0;padding:0 10px; background:#fff;padding-top:7px;}
.lbTab .cont .btn1 a{display:block;width:60%;height:36px;line-height:36px;font-size:15px;color:#fff;background-color:#d64242;border:1px solid #d64242;border-radius:2px;text-align:center;}
.lbTab .cont .btn1 a:first-child{width:40%;border:1px solid #e3e7ed;background-color:#fff;color:#565c67;margin-right:10px}
.lbTab .cont .btnIn{padding:20px 0 30px;text-align:center;}
.lbTab .cont .btnIn a{display:block;line-height:52px;border-top:1px solid #f4f4f4;font-size:14px;color:#565c67;text-align:center;margin:0 10px;}
.lbTab .cont .btnIn2{padding-bottom:30px;text-align:center;}
.lbTab .cont .btnIn2 a{display:inline-block;width:100%;width:130px;height:36px;line-height:36px; font-size: 16px; color: #ffffff; background-color: #ff6666; text-align: center;border-radius:2px;}
.lbTab .flexbox section.column4{width:40%;border-right: none;}
.lbTab .flexbox section.column4 dd{white-space:normal;line-height:24px;height:auto;padding:4px 16px;}
.lbTab .flexbox section.column4 dd a{display:block;white-space:normal;padding:6px 16px;max-height:58px;min-height:38px;overflow:hidden;}
.lbTab .flexbox section.col-split{width:50%;border-right:1px solid #f4f4f4;}


.lbTab .checkBox{padding:20px 30px;}
.moreChoo{overflow:hidden;}
.moreChoo .moretitle{display:block;line-height:1;padding:25px 0 15px 0;margin:0 14px;color:#83868f;font-size:13px;}
.moreChoo .moretitle > a{display:block;}
.chose-item{padding:0 14px; width:100%;}
.chose-item a{position:relative;display:block;width:25%;line-height:15px;color:#0c0d0e;padding:7px 1px 6px;border-radius:2px;border:1px solid #eceff3;margin-right:6px;text-align:center;font-size:11px;}
.chose-item a:last-child{margin-right:0;}
.chose-item a.active{color:#ff5350;border:1px solid #ff6666;}
.chose-item a i{ display:inline-block;margin-left:2px; vertical-align:top;margin-top:-2px;}
.chose-item a .hot{position:absolute;top:-3px;right:-4px;width:22px;height:11px;background:url(esf_new.png) no-repeat;background-size:22px;}
.chose-item .flexbox span{width:25%;}
.chose-item > div{margin-top:8px;width:100%;}
.chose-item > div:first-child{margin-top:0;}
.chose-item a.line2{line-height:32px;}
.chose-item .hb{background:#eb4d35 url(hb_icon.png) center -1px no-repeat;background-size:100% auto;color:#fff;border:none;padding-top:11px;padding-bottom:0;}
.chose-item .flex2{ display: flex;flex-direction:row; flex-wrap:wrap;}
.chose-item .flex2 a{margin-bottom:8px;width:23.5%;margin-right:2%;align-items:center;}
.chose-item .flex2 a:nth-child(4n){margin-right:0;}

.tabSX{ position: fixed; top: 0; width: 100%; height:86%; z-index: 200;max-width:640px;}
.tabSX .lbTab{height:100%;}
.float{ position: fixed; top: 0; bottom: 0;left:0;right:0; width: 100%;  height: 100%; background: rgba(0,0,0,.6); z-index: 50;margin:0 auto;max-width:640px;}

.tabFixed{position: fixed;top: 0;left: 0;z-index: 200;width: 100%;background: #ffffff;}
.tabFixed2{position: fixed;top: 44px;left: 0;z-index: 200;width: 100%;background: #ffffff;}
#allcont dl,#all_contFlexbox dl,#all_div dl{position:absolute;width:100%;left:0;top:0;bottom:40px;overflow:hidden;}
.lbTab .cont > .flexbox.area{position:absolute;width:100%;height:auto;left:0;top:0;bottom:50px;overflow:hidden;}
/*当前位置简单快筛*/
.select-area .float{top:50%;}	
.select-area .tabSX{position:absolute;top:auto;height:60%;}
.select-area .tabSX .lbTab .cont{display:block;}
.select-area .lbTab .cont{border:none;display:none;}
.select-area .lbTab .flexbox section{width:50%;border:none;}
.select-area .lbTab .flexbox section:not(:first-child){background:#FAFAFA;}
.select-area .lbTab .flexbox section dd{background:none;border:none;}
.select-area .lbTab .cont dd.active,.select-area .lbTab .cont dd.active a{color:#F84440!important;}
.select-area .lbTab .cont dd.active:before{display:none;}

/*轮播*/
.adFocus{position:relative;}
.adFocus .pointBox{position:absolute;text-align:right;bottom:5px;right:14px;}
.adFocus .pointBox span{display:inline-block;width:5px;height:5px;background:#ffffff;border-radius:50%;overflow:hidden;margin:0;margin-left:6px;}
.adFocus .pointBox span.cur{background:#ff6666;}

.banFocus{position:relative;overflow:hidden;}
.banFocus li{float:left;}
.banFocus .pointBox{position:absolute;text-align:right;bottom:3px;right:4px;}
.banFocus .pointBox span{display:inline-block;width:5px;height:5px;background:#ffffff;border-radius:50%;overflow:hidden;margin:0;margin-left:6px;}
.banFocus .pointBox span.cur{background:#ff6666;}

/*面包屑*/
.crumbs{margin:0 auto; margin-bottom: -3px; padding:14px 20px; color: #C5C5C5; font-size: 11px;background:#fff;line-height:1;max-width:640px;}
.crumbs a{color:#C5C5C5!important;}

/*加载更多*/ 
.moreList{text-align:center;} 
.moreList a{display:block;height:40px;line-height:40px;text-align:center;font-size:14px;color:#696969;background:#fff;color:var(--gray-6);background-color:var(--bg-white);}
.moreList span{position:relative;color:#cccfd8;font-size:12px;line-height:40px;padding-left:20px;color:var(--gray-c);}
.moreList span i{position:absolute;width:15px;height:15px;top:50%;margin-top:-7px;left:0;background:url(loading.png) no-repeat;background-size:15px auto;margin-right:8px;vertical-align:-2px;z-index:2;-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite;filter:var(--light-50);} 
.moreList span:before{content:'';position:absolute;width:15px;height:15px;top:50%;margin-top:-7px;left:0;background:url(loading_fang.png) no-repeat;background-size:15px auto;z-index:3;}
@-webkit-keyframes loading {100% {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate(360deg);transform: rotate3d(360deg);}}
@keyframes loading {100% {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate(360deg);transform: rotate3d(360deg);}}

/*更多*/
.homeOption{border-top:1px solid #f8f8f8;margin-top: -1px;width:100%;}
.homeOption a{display:block;width:100%;line-height:40px;font-size:13px;text-align:center;}
.homeOption a span{position:relative;display:inline-block;color:#83868f;padding-right:16px;}
.homeOption a span:after{position:absolute;content:'';width:0;height:0;border:4px solid #8d9095;border-color:transparent transparent transparent #8d9095;right:0;top:50%;margin-top:-5px;}

/*免责声明*/
.smBox{padding:4px 14px;line-height:1.5;font-size:9px;color:#83868f;}

/* alert弹窗 */
.floatAlert{ position: fixed; top: 0; left:0;width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 1000;}
.floatAlert .alert{ position: absolute; top: 50%; left: 50%; border-radius: 10px; 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%);background-color:var(--box-white);}
.floatAlert .alert .cont{ padding: 20px 24px;font-size:15px;line-height:24px;color:#56565c;color:var(--gray-5);}
.floatAlert .alert .cont img{margin-right:10px;}
.floatAlert .alert .cont h3{font-size:18px;color:#56565c;font-weight:bold;text-align:center;line-height:32px;margin-bottom:8px;color:var(--gray-5);}
.floatAlert .alert .cont h3.call{margin-bottom:0;}
.floatAlert .alert .cont .txt1{ padding:10px 0; font-size:11px; line-height:18px; color:#ff5350; text-align:center;}
.floatAlert .alert .cont .txt2{ padding:2px 0; font-size:16px; color:#0c0d0e; text-align:center;}
.floatAlert .alert .cont.tel{padding:18px 24px 12px;text-align:center;}
.floatAlert .alert .btns{ border-top: 1px solid #E7E7EB;width:100%;border-color:var(--border-gray-900);}
.floatAlert .alert .btns a{ display: block; border-right: 1px solid #f8f8f8; line-height: 44px; font-size: 15px; text-align: center; color: #E23838;width:50px;}
.floatAlert .alert .btns a:last-child{ border-right: none;}
.floatAlert .alert .btns a:only-child{font-size:16px;width:100%;}
.floatAlert .alert2 .cont{ padding: 20px 15px 0;}
.floatAlert .alert2 .btns a{line-height: 44px;}
.floatAlert .close{position:absolute;width:20px;height:20px;right:12px;top:11px;background:url(close_x.png) center center no-repeat;background-size:14px auto;}
.floatAlert.s2{position:static;width:0;height:0;}
.floatAlert.s2 .alert{position:fixed;z-index:1000;}
.floatAlert .que-list{max-height:210px;overflow:auto;margin-top:20px;}
.floatAlert .que-list li{font-size:16px;color:#222222;line-height:22px;margin-bottom:20px;}
.floatAlert .que-list h4{font-weight:bold;margin-bottom:10px;}
.floatAlert .que-list li:last-child{margin-bottom:0;}
.bounceInDown {margin-top:-70px;-webkit-animation:bounceInDown .8s both;animation:bounceInDown .8s both;}
@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 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);}
  0% {opacity: 0;-webkit-transform: translate3d(-50%, -3000px, 0);transform: translate3d(-50%, -3000px, 0);}
  60% {opacity: 1;-webkit-transform: translate3d(-50%, 25px, 0);transform: translate3d(-50%, 25px, 0);}
  75% {-webkit-transform: translate3d(-50%, -10px, 0);transform: translate3d(-50%, -10px, 0);}
  90% {-webkit-transform: translate3d(-50%, 5px, 0); transform: translate3d(-50%, 5px, 0);}
  100% {-webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 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);}
  0% {opacity: 0; -webkit-transform: translate3d(-50%, -3000px, 0);transform: translate3d(-50%, -3000px, 0);}
  60% {opacity: 1;-webkit-transform: translate3d(-50%, 25px, 0);transform: translate3d(-50%, 25px, 0);}
  75% {-webkit-transform: translate3d(-50%, -10px, 0);transform: translate3d(-50%, -10px, 0);}
  90% {-webkit-transform: translate3d(-50%, 5px, 0); transform: translate3d(-50%, 5px, 0);}
  100% {-webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
}
.bounceOutDown {-webkit-animation: bounceOutDown 1s both;animation: bounceOutDown 1s both;}
@-webkit-keyframes bounceOutDown {
  100% {opacity: 0;-webkit-transform: translate3d(-50%, 2000px, 0);transform: translate3d(-50%, 2000px, 0);}
}
@keyframes bounceOutDown {
  100% {opacity: 0;-webkit-transform: translate3d(-50%, 2000px, 0);transform: translate3d(-50%, 2000px, 0);}
}
.fadeOut {-webkit-animation:fadeOut 1s both;animation:fadeOut 1s both;}
@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

/*带输入框及成功弹窗*/
.tz-box{position:fixed;width:100%;height:100%;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.3);z-index:1000;display:none;}
.tz-box2{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);z-index:9999;}/*20170407*/
.tz-con{position:absolute;top:50%;left:50%;margin-left:-155px;width:310px;background:#ffffff;border-radius:8px;z-index:11;transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);padding:30px 20px;padding-bottom:40px;}
.tz-con .tz-tit{height:31px;line-height:31px;color:#222222;font-size:22px;}
.tz-con .tz-tit2{margin-top:6px;line-height:22px;color:#222222;font-size:16px;}
.tz-con .close{position:absolute;width:20px;height:20px;top:10px;right:10px;background:url(icon_close_out.png) no-repeat;background-size:100%;}
.tz-con .yz-btn{-webkit-box-flex:0;box-flex:0;width:100px;}
.tz-con .yz-pic{-webkit-box-flex:0;box-flex:0;width:80px;margin-right:10px; }
.tz-con .yz-pic img{width:80px;height:26px;margin:8px 0;}
.ipt-list{margin-top:15px;}
.ipt-list li{height:45px;margin:0 0 15px!important;background: #F7F7F7;}
.ipt-list li .yzm{ max-width:75px; min-width:75px; height:40px; max-height:40px; min-height:40px;}
.ipt-list li.tw-yzm{padding:26px 0 14px;height:auto;}
.ipt-list li.tw-yzm .ipt-text{margin-left:10px;font-size:22px;}
.ipt-list li.tw-yzm .ipt-text::-webkit-input-placeholder {font-size:14px;}
.ipt-list .ipt-text{width: 100%;height:45px;font-size: 16px; border:0;overflow:hidden;color:#222;outline:none;background-color:transparent;padding:0 22px 0 12px;}
.ipt-list div.ipt-text{line-height:45px;}
.ipt-list div.ipt-text .placeholder{color:#696969;}
.ipt-list .ipt-btn1{min-width:100px;max-width:100px;height:45px;line-height:45px;color:#F84440;font-size:16px;background-color:transparent;outline:none;overflow:hidden;border:none;}
.ipt-list .ipt-btn1.disabled{ color:#696969;}
.ipt-list ::-webkit-input-placeholder { color:#696969;}
.ipt-list .iptbox{position:relative;}
.ipt-list .iptbox .del{position:absolute;width:20px;height:20px;right:5px;top:50%;margin-top:-10px;background:url(ipt_del.png) no-repeat;background-size:100%;}
.ipt-list .iptbox .select-time{position:relative;padding:0 15px 0 12px;line-height: 45px;font-size: 16px;color: #222;}
.ipt-list .iptbox .select-time .arr-rt{position: absolute;top:0;right:8px;height: 45px;}
.ipt-list .iptbox .select-time .arr-rt:after{margin-top: -6px;width: 8px;height: 12px;background: url(arr_new_r2.png) no-repeat;background-size: 100% 100%;}
/*输入框联想*/
.ipt-list .ipt-lx{position:relative;z-index:2;}
.ipt-list .ipt-lx > div{position:absolute;left:0;right:0;top:1px;background:#F7F7F7;max-height:150px;overflow:auto;}
.ipt-list .ipt-lx a{display:block;padding:0 12px;font-size:16px;color:#222;line-height:32px;}
.tz-word{line-height:1;color:#83868f;font-size:12px;margin-top:20px;}
.tz-word a{color:#0c0d0e;}
.tz-word input{float:left;-webkit-appearance:none;border:none;width:15px;height:15px;background:url(tz_zy_icon.png) 0 -15px no-repeat;background-size:100%;margin-top:-2px;margin-right:5px;outline:none;}
.tz-word input:checked{background-position:0 0;}
.tz-btn{margin-top:20px;}
.tz-btn input{margin-left:18px;height:40px;line-height:40px;background:#F84440;color:#ffffff;font-size:16px;border:none;border-radius:4px;min-width:110px;outline:none;}
.tz-btn input:first-child{margin-left:0;background:#b3b6be;}
.tz-btn input:only-child{background:#F84440;}
.tz-btn.active-all input{background:#F84440!important;}
.tz-con .intro-link{position:absolute;right:20px;top:37px;font-size:12px;line-height:17px;color:#C5C5C5;padding-left:17px;}
.tz-con .intro-link:before{content:'';position:absolute;left:0;top:1px;width:15px;height:15px;background:url(outbox_question.png) no-repeat;background-size:100%;}
.tz-btn a.btn-get{ display:block; width:100%; font-size:14px; color:#fff; text-align:center; line-height:36px; background:#e83b3c; border-radius:3px;}
.tz-con .tz-tit span.hb-tt{display:block;width:100%;height:100%;background:url(hb_title_icon.png) center center no-repeat;background-size:64px auto;}
.tz-ok-box{text-align:center;padding:20px 0;line-height:1;}
.tz-ok-box > img{margin-bottom:20px;}
.tz-ok-box h2{font-size:16px;color:#0c0d0e;margin-bottom:10px;}
.tz-ok-box p{font-size:12px;color:#83868f}
.tz-con .closeBtn{position:absolute;right:12px;top:10px;width:20px;height:20px;background:url(tz_close_icon.png) center center no-repeat;background-size:14px 14px;}
.yzm-sta,.ts-box {position: fixed;width:150px;background-color:rgba(0,0,0,.7); border-radius: 5px; color: #fff; font-size: 14px;line-height:1.4; text-align: center;padding:12px 10px;z-index: 9999;left:50%;margin-left:-75px;top:50%; margin-top:-24px;}

.tz-con .ipt-list li.h65{ height:65px; color:#0c0d0e; margin-top:25px !important;}/*20160905*/
.tz-con .tz-tit span.zu-hb{background:url(zu_hb_tt.png) center center no-repeat;background-size:66px auto;}/*20160905*/
.tz-con .btnRed{margin:18px 4% 0;width:92%;height:36px;line-height:36px;background:#e53d42;color:#ffffff;font-size:14px;border:none;border-radius:2px;outline:none;}/*20160905*/
.ts-box.w240{width:240px;margin-left:-120px;}
.f-xybox{margin-top:15px;font-size:11px;line-height:1.5;color:#83868f;}
.f-xybox a{color:#83868f!important;}
.f-xybox input[type="checkbox"]{position:relative;float:left;width:13px;height:13px;margin-right:6px;margin-top:1px;border:none;-webkit-appearance: none;outline:none;}
.f-xybox input[type="checkbox"]:before{content:'';position:absolute;left:0;top:0;width:13px; height:13px; background:#fff url(radio.png) no-repeat; background-size:13px; background-position:0 0;}
.f-xybox input[type="checkbox"]:checked:before{background-position:0 -13px;}
.f-xybox span{display:block;margin-left:20px;}
.f-xybox.graybg input[type="checkbox"]:before{background-color:#f4f4f4;}
.tz-con .okBox{padding:30px 20px 15px}
.tz-con .okBox h4{text-align:center;font-size:18px;font-weight:bold;color:#3c3f46}
.tz-con .okBox p{font-size:13px;margin-top:15px;color:#565c67}
.tz-con .okBox img{width:24px;margin-right:14px;margin-top:-2px;}
.tz-con .tz-success{font-size:16px;color:#000000;line-height:25px;}
.tz-con .tz-success p{margin-top:20px;}
.tz-con .tz-gz{font-size:14px;color:#000000;line-height:21px;}
.tz-con .tz-gz p{margin-top:12px;}
.tz-con .tz-int{line-height:21px;color:#696969;font-size:15px;margin-top:5px;}
.tz-con .tz-int2{line-height:22px;color:#222222;font-size:16px;margin-top:10px;}
.tz-con .tz-int-bottom{line-height:16px;color:#C5C5C5;font-size:11px;margin-top:15px;}
.tz-con .tz-opt{font-size:16px;line-height:24px;color:#222222;margin-top:16px;font-weight:bold;}
/*开关*/
.tab-dz-n{ position: relative; float: right; padding: 1px; border-radius: 12px;height:24px; width: 40px; background-color: #E3E7ED; overflow: hidden;box-shadow:1px 1px 6px -3px rgba(0,0,0,0.2);}
.tab-dz-n .key{ position: absolute; top: 1px; left: 1px; width: 22px; height: 22px; border-radius: 50%; background-color: #fff;border: 1px solid rgba(0,0,0,0.04);box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.1), 0px 1px 1px 0px rgba(0,0,0,0.16), 0px 2px 6px 0px rgba(0,0,0,0.15); }
.tab-dz-n.cur{ background-color:#F84440;}
.tab-dz-n.cur .key{ left: 17px;}
.tab-dz-n .key{ -webkit-transition: all .3s ease; transition: all .3s ease;}

/*弹框汇总*/
.tz-con .tz-txt{ margin:26px 20px 12px; text-align:center;}/*20160905*/

/*底部弹出菜单,第一个菜单不必加show*/
.sf-maskFixed{position: fixed;width: 100%;height: 100%;left: 0;top:0;background: rgba(0,0,0,0.6);z-index: 998;}
.sf-bdmenu{position: absolute;bottom: 0;left: 0;width: 100%;height: 246px;background-color: #ffffff;line-height: 44px;background-color:var(--bg-white);}
.sf-bdmenu .tt{text-align: center;height: 44px;background-color: #f6f6f6;background-color:var(--box-gray-400);}
.sf-bdmenu ul{width: 100%;}
.sf-bdmenu .info{text-align: center;color: #0c0d0e;font-size: 16px; margin:0 20%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color:var(--gray-0);}
.sf-bdmenu .cancel{top: 0;padding: 0 15px;position: absolute;right: 0;font-size: 17px;color: #F84440;font-weight:bold;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.sf-bdmenu .return{top: 0;padding: 0 15px;position: absolute;left: 0;font-size: 17px;color: #222222;color:var(--gray-2);}
.sf-bdmenu .con{overflow-y: scroll;height: 202px;position: absolute;top: 44px;width: 100%;background-color: #ffffff;-webkit-tap-highlight-color: rgba(0,0,0,0);background-color:var(--bg-white);}
.sf-bdmenu .con::-webkit-scrollbar{-webkit-appearance: none;display: none;}
.sf-bdmenu .con.show{-webkit-animation: movetop 0.4s;-moz-animation: movetop 0.4s;animation: movetop 0.4s;animation-fill-mode: both;-webkit-animation-fill-mode:both;}
.sf-bdmenu .con:nth-child(2){z-index: 10;}
.sf-bdmenu .con:nth-child(3){z-index: 11;}
.sf-bdmenu .con:nth-child(4){z-index: 12;}
.sf-bdmenu .con:nth-child(5){z-index: 13;}
.sf-bdmenu .con:nth-child(6){z-index: 14;}/*备用*/
.sf-bdmenu ul li{position:relative;line-height: 44px;text-align: center;color: #343538;font-size: 15px;height: 45px;-webkit-tap-highlight-color: rgba(0,0,0,0);color:var(--gray-3);}
.sf-bdmenu ul li.active{background-color: #f5f5f5;-webkit-animation: moveright 0.4s;-moz-animation: moveright 0.4s;;animation: moveright 0.4s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;background-color:var(--box-gray-000);}
.sf-bdmenu ul li.activeS{background-color: #f5f5f5;background-color:var(--box-gray-000);}/*单独选项*/
.sf-bdmenu ul li:not(:last-child):before{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#eee;-webkit-transform:scaleY(.5);transform:scaleY(.5);background-color:var(--border-gray-000)}
.sf-bdmenu ul li > a{display:block;color: #222222!important;}
.sf-bdmenu ul li.on > a,.sf-bdmenu ul li.on{color:#F84440!important;}
.sf-bdmenu .flexbox > div{width:100px;height:100%;}
@-webkit-keyframes moveright{
 0%{-webkit-transform: translate(0,0);opacity: 1;}
 100%{-webkit-transform: translate(100%,0);opacity: 0;}
}
@-moz-keyframes moveright{
 0%{-webkit-transform: translate(0,0);opacity: 1;}
 100%{-webkit-transform: translate(100%,0);opacity: 0;}
}
@keyframes moveright{
 0%{transform: translate(0,0);opacity: 1;}
 100%{transform: translate(100%,0);opacity: 0;}
}
@-webkit-keyframes movetop{
 0%{opacity: 0;-webkit-transform: translate(0,100%);}
 100%{opacity: 1;-webkit-transform: translate(0,0);}
}
@-moz-keyframes movetop{
 0%{opacity: 0;-moz-transform: translate(0,100%);}
 100%{opacity: 1;-moz-transform: translate(0,0);}
}
@keyframes movetop{
 0%{opacity: 0;transform: translate(0,100%);}
 100%{opacity: 1;transform: translate(0,0);}
}
/*底部菜单并列3列选项20160901*/
.sf-bdmenu .con.threeList{ margin:0 14%; width:72%; overflow:hidden;}
.sf-bdmenu .con.threeList ul{ width:15%;}
.sf-bdmenu .con.threeList ul.w42{ width:42%;}
.sf-bdmenu .con.threeList ul li{ border:none; white-space:nowrap; color:#83868f !important;}
.sf-bdmenu .con.threeList ul li.cur{ color:#0c0d0e !important;}
.sf-bdmenu .shade{ position:absolute; top:44px; left:0; width:100%; height:78px;background:-webkit-linear-gradient(top,rgba(255,255,255,.8),rgba(255,255,255,0) );background:linear-gradient(to bottom,  rgba(255,255,255,.8),rgba(255,255,255,0)); border-bottom:1px solid #d0d1d6; z-index:11;}
.sf-bdmenu .shade.shade2{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); top:168px;}
/*菜单--性别选择*/
.sex{ bottom:0; height:212px; background:none;}
.sex .con{ bottom:70px;top:0; margin:0 3%; width:94%; height:auto; background:#fff; border-radius:6px;}
.sex .con h3{ font-size:13px; color:#b3b6be; text-align:center; line-height:40px; border-bottom:1px solid #f4f4f4;}
.sex .con ul li{ font-size:18px; color:#4b95f2; height:50px; line-height:50px;}
.sex .btnBox{ position:absolute; left:0; bottom:10px; margin:0 3%; width:94%;}
.sex .btnBox a{ display:block; width:100%; height:50px; font-size:18px; color:#ff5350; line-height:50px; text-align:center; background:#fff; border-radius:6px;}

.default-content{ z-index: 0;width: 100%;padding: 150px 0;min-height: 400px;background-color: #ffffff;color: #b3b6be;font-size: 15px;text-align: center;}
.default-content.pdY62{ padding:62px 0;}
.default-content p{margin-top: 26px;}
.default-content p > span{display:block;margin-bottom:10px;}
.default-content a.back-front {border: 1px solid #b3b6be;display: inline-block;margin-top: 14px;background-color: #ffffff;color: #83868f;border-radius:2px;padding: 0 25px;line-height: 31px;font-size: 14px;}

/*loading-d*/
.loading-d{min-height:360px;background:#fff url(loding.gif) center center no-repeat;background-size:90px auto;}

/*404样式*/
.box404{background:#fff;}
.box404 .main{min-height:0;}
.style404{min-height:260px;background:#fff url(404.png) center center no-repeat;background-size:210px auto;}
.style404-2{min-height:260px;background:#fff url(404_2.png) center center no-repeat;background-size:200px auto;}
a.back404{border: 1px solid #cccfd8;display: inline-block;margin-top: 14px;background-color: #ffffff;color: #83868f!important;border-radius:2px;padding: 0 16px;line-height: 34px;font-size: 14px;min-width:108px;text-align:center;}

/*搜房协议内容*/
.agreementBox{ padding:18px 14px; font-size:14px; color:#83868f; line-height:1.5em;}
.agreementBox h2{ font-size:16px; color:#0c0d0e; text-align:center;}
.agreementBox h3{ padding:14px 0 9px; color:#0c0d0e; font-size:15px;}
.agreementBox p{ padding:9px 0;text-indent:1em;}
/*个人信息保护声明*/
.agreementBox.box2{ font-size:15px; color:#3c3f46;}
.agreementBox.box2 h1{ margin-bottom:8px; font-size:23px;}
.agreementBox.box2 h3{ padding:12px 0 4px; color:#3c3f46; font-size:16px;}
.agreementBox.box2 p{ padding:9px 0;text-indent:0;}

/*分享*/
.share-s1{position:fixed;width:100%;left:0;bottom:0;background:rgba(248,248,248,.95);z-index:9999;}
.share-s1 h2{font-size:16px;color:#83868f;line-height:50px;text-align:center;}
.share-s1 ul{overflow:hidden;margin-bottom:14px;}
.share-s1 ul:last-child{margin-bottom:0;}
.share-s1 li{float:left;width:33.3%;text-align:center; }
.share-s1 li > a{display:block;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.share-s1 li p{font-size:13px;color:#83868f;line-height:26px;margin-top:3px;}
.share-s1 li .zan{width:17px;height:17px;background:url(zan.png) no-repeat;background-size:34px; background-position:-17px 0; position:absolute;top:0px;right:-13px;}
.share-s1 i{display:block;width:54px;height:54px;margin:0 auto;background:url(share_icons.png) no-repeat;background-size:162px auto;position:relative}
.share-s1 i.pyq{background-position:0 0;}
.share-s1 i.wx{background-position:-54px 0;}
.share-s1 i.qq{background-position:-108px 0;}
.share-s1 i.zoom{background-position:0 -54px;}
.share-s1 i.wb{background-position:-54px -54px;}
.share-s1 i.copy{background-position:-108px -54px;}
.share-s1 .shareCon{padding:0 7%;}
.share-s1 .btn{width:100%;height:60px;}
.share-s1 .btn a{display:block;width:100%;line-height:60px;font-size:15px;color:#3c3f46!important;text-align:center;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.share-s1 img{ pointer-events:none;}
.share-s2{position:fixed;width:100%;height:100%;left:0;bottom:0;background:rgba(0,0,0,.7);z-index:9999;}
.share-s2 .share-btn{display:block;width:36%;margin:0 auto;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.share-s2 .share-btn img{width:100%;}
.share-s2 .pic1{padding-top:3%;margin-bottom:12%;}
.share-s2 .pic2{width:64%;margin:0 auto;margin-top:10%;}
.share-s2 .share-b{position:absolute;width:100%;bottom:4%;}
.share-s2.bg2{background:rgba(0,0,0,.9)}
.share-s2 .pic3{margin:5% 0 5%;}
.share-s1 img{ pointer-events:none;}
@media screen and (max-height: 480px){
.share-s2 .pic3{width:94%;margin:5% auto;}
}
.float-mask {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);z-index: 9998;opacity: 0;-webkit-transition-duration: .3s;transition-duration: .3s;visibility: hidden;}
.mask-visible {visibility: visible;opacity: 1;}

/*分享成功*/
.share-s3{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.6); z-index: 1000;}
.share-s3 .share-con{ position: absolute; top: 50%; left: 50%; margin-left: -140px; width: 280px; background: #ffffff; border-radius: 5px; z-index:900; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.share-s3 .share-con h2{ text-align:center; font-size:16px; line-height:16px; padding:14px 0; background-color:#f8f8f8; color:#ff6666; border-top-left-radius:5px; border-top-right-radius:5px;}
.share-s3 .share-con h2 i{ display:inline-block; width:16px; height:16px; margin-right:5px; background:url(icon_ok.png) center no-repeat; background-size:16px auto; vertical-align:-2px;}
.share-s3 .share-con .tuijian{ margin:20px 13px 0; }
.share-s3 .share-con .tuijian h4{ color:#83868f; font-size:14px; line-height:1; margin-bottom:5px;}
.share-s3 .share-con .tuijian li{ border-bottom:1px solid #f4f4f4;}
.share-s3 .share-con .tuijian li a{ display:block; color:#0c0d0e; font-size:14px; line-height:21px; padding:10px 0;}
.share-s3 .share-con .share-mores{ height:36px; line-height:36px; margin:20px 30px; border-radius:2px; background-color:#e83b3c; text-align:center;}
.share-s3 .share-con .share-mores a{ display:block; color:#fff; font-size:14px;}
.share-s3 .share-con .close{ position:absolute; width:32px; height:32px; top:-16px; right:-14px; background:url(fx-colse.png) center no-repeat; background-size:32px auto; z-index:950;}

/*相册*/
.picBox {position:relative;height:100%;max-width:640px;margin:0 auto;}
.picBox .main{position:absolute;top:44px;bottom:0;width:100%;min-height:0;}
.allPics{ position:absolute;top:0px;bottom:0;width:100%;overflow-y:auto;}
.allPics .picbox{ padding: 0 14px;padding-bottom:40px; color: #fff;}
.allPics .picbox h3{font-size:15px;color:#83868f;line-height:38px;padding-top:8px;}
.allPics .picbox ul{ overflow: hidden; margin-right: -2px;}
.allPics .picbox li{position:relative; float: left; margin: 0 2px 2px 0; width: 96px; height: 96px;overflow:hidden;background:#f4f4f4;}
.allPics .picbox li .icon_hp{position:absolute;width:14px;height:14px;left:5px;bottom:5px;background:url(list_img_icon.png) no-repeat; background-size: 42px auto;}
.allPics .picbox li .video{position:absolute;width:14px;height:14px;left:5px;bottom:5px;background:url(vid-p2.png) no-repeat; background-size: 14px auto;}
.allPics .picbox li .video-360{position:absolute;width:14px;height:14px;left:5px;bottom:3px;background:url(list_img_icon.png) -14px 0 no-repeat; background-size: 42px auto;}
.allPics .picbox li .live{position:absolute;width:14px;height:14px;left:5px;bottom:5px;background:url(icon_live_.png) no-repeat; background-size: 14px auto;}
.pic-btns{position:fixed;height:40px;width: 100%;bottom:0;left:0;background:rgba(0,0,0,.9);overflow:hidden;z-index:9;}
.pic-btns .btns-in{width:300%;padding:10px 0;}
.pic-btns  a{line-height:20px; color: #e3e7ed!important;font-size:13px;margin-right:30px;}
.pic-btns  a:first-child{margin-left:20px;}
.pic-btns  a:last-child{margin-right:20px;}
.pic-btns  a.active{font-size:16px; color: #ff6666!important;}

.picBox .loading {position:absolute;width:24px;height:24px;left:50%;top:50%;margin:-12px 0 0 -12px;}
.picBox .loading:before{content:'';position:absolute;width:24px;height:24px;top:0;left:0;background:url(loading_fang_b.png) no-repeat;background-size:24px auto;z-index:3;}
.picBox .loading i{position:absolute;width:24px;height:24px;top:0;left:0;background:url(loading_b.png) no-repeat;background-size:24px auto;z-index:2;-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite;} 

.photoBox{background:#000;height:100%;width:100%;}
.photoBox *{-webkit-tap-highlight-color: rgba(0,0,0,0);}
.photo-opt{position:fixed;width:100%;height:0;left:0;top:0;z-index:9;}
.photo-opt a{display:block;width:32px;height:32px;text-align: center;background-color:rgba(0,0,0,.6);border-radius:50%;}
.photo-opt .back{float:left;margin:6px 0 0 9px;}
.photo-opt .back i{display:block;width: 32px; height: 32px; background: url(xq_icons.png) -1px 0 no-repeat; background-size:128px auto;}
.photo-opt .logo{float:left;width:102px;height:44px;text-align: center;background:none;}
.photo-opt .logo i{display:block;width:102px; height:44px; background: url(logo.png) 9px 15px no-repeat; background-size:77px auto;}
.photo-opt .icon-pic{float:right;margin:6px 9px 0 0;}
.photo-opt .icon-pic i{display:block;width: 32px; height: 32px; background: url(head_pic.png) 0 0 no-repeat; background-size:32px auto;}
.photo-opt .icon-share{float:right;margin:6px 9px 0 0;}
.photo-opt .icon-share i{display:block;width: 32px; height: 32px; background: url(icon_relay.png) no-repeat; background-size:32px auto;background-position:0 0!important;}
.photo-opt .icon-nav{float:right;margin:6px 9px 0 0;}
.photo-opt .icon-nav i{display:block;width: 32px; height: 32px; background: url(head_icon_nav.png) no-repeat; background-size:32px auto;background-position:0 0!important;}
.photo-opt .num{position:absolute;left:50%;top:6px;font-size:13px;line-height:32px;color:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.photo-opt .num i{font-size:17px;}
.photoBox .pic-int{position:fixed;bottom:40px;left:0;width:100%;height:38px;line-height:38px;color:#ffffff;font-size:11px;padding:0 20px;background:rgba(0,0,0,.9);overflow:hidden;}
.photoBox .pic-int2{position:fixed;bottom:16px;right:14px;height:20px;line-height:14px;padding:3px 7px;border-radius:10px;background:rgba(0,0,0,.4);font-size:10px;color:#fff;}
.photoBox .video-icons{float:left;}
.photoBox .video-icons span{position:relative;color:#83868f;font-size:11px;padding-left:15px;margin-right:20px;}
.photoBox .video-icons span:before{content:'';position:absolute;left:0;top:50%;margin-top:-5px;width:10px;height:10px;background:url(video_icon_int.png) no-repeat;background-size:10px;}
.photoBox .video-icons span.num:before{background-position:0 0;}
.photoBox .video-icons span.time:before{background-position:0 -10px;}

.photoBox .vedio-icon{position:absolute;width:60px;height:60px;left:50%;top:50%;margin:-30px 0 0 -30px;background:url(icon_video2.png) no-repeat;background-size:100%;z-index:9;}
.photoBox .vedio-icon:not(:empty){margin-top:-50px;}
.photoBox .icon-360{position:absolute;width:60px;height:60px;left:50%;top:50%;margin:-30px 0 0 -30px;background:url(icon_qj360.png) center center no-repeat;background-size:100% auto;z-index:9;}
.photoBox .icon-360:not(:empty){margin-top:-50px;}
.photoBox .icon-hp{position:absolute;width:60px;height:60px;left:50%;top:50%;margin:-30px 0 0 -30px;background:url(icon_hp.png) center center no-repeat;background-size:100% auto;z-index:9;}
.photoBox .icon-live{position:absolute;width:60px;height:60px;left:50%;top:50%;margin:-30px 0 0 -30px;background:url(icon_live.png) center center no-repeat;background-size:100% auto;z-index:9;}
.photoBox .icon-vr{display:block;width: 60px;height: 60px; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; background: url(icon_vr_b2.png) no-repeat;background-size:100% 100%;z-index:9;}
.photoBox .icon-vr:not(:empty){margin-top:-50px;}
.photoBox .app-ts{position:absolute;bottom:-40px;left:50%;height:28px;line-height:28px;padding:0 8px;font-size:14px;color:#222222;font-weight:bold;white-space:nowrap;background:rgba(255,255,255,.9);border-radius:14px;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.photoBox .app-ts i{color:#F84440;margin-right:4px;}
.photo-point{position:fixed;bottom:18px;left:0;text-align:center;left:50%;-webkit-transform: translate(-50%, 0%);transform: translate(-50%, 0%);white-space:nowrap;z-index:1999;}
.photo-point li{display:inline-block;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3);margin:0 4px;}
.photo-point li.cur{background:#ff6666;}

.photoBox .btn-zx{position:absolute;width:90px;height:31px;line-height:30px;bottom:90px;left:50%;margin-left:-45px;font-size:12px;color:#b3b6be!important;text-align:center;border:1px solid #83868f;background:rgba(32,32,32,.7);border-radius:4px;z-index:1001;}
.photoBox .hxgz-icon{position:fixed;width:99px;height:90px;right:12px;bottom:138px;background:url(icon_hxgz2.png) no-repeat;background-size:100%;}
.photoBox .picBtns{position:absolute;left:0;right:0;bottom:110px;padding:0 10%;}
.photoBox .picBtns a{position:relative;width:130px;height:35px;line-height:34px;font-size:13px;color:#ffffff;text-align:center;margin-right:20px;border-radius:18px;background:rgba(0,0,0,.8)}
.photoBox .picBtns a:before{content:'';position:absolute;width:200%;height:200%;border:1px solid rgba(255,255,255,.8);top: 0;left: 0;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin: left top;transform-origin: left top;border-radius:36px;box-sizing:border-box; }
.photoBox .picBtns a:last-child{margin-right:0;}
.photoBox .picBtns .video-int{max-width:150px;margin:0 auto!important;font-size:14px;}
.photoBox .picBtns .video-int span{position:relative;padding-left:23px;}
.photoBox .picBtns .video-int span:after{content:'';position:absolute;width:20px;height:20px;left:0;top:50%;margin-top:-10px;background:url(icon_video_int.png) no-repeat;background-size:100%;}

.photoBox .pic-company{position:absolute;bottom:55px;left:0;right:0;padding:15px 16px;overflow:hidden;}
.photoBox .pic-company .img{float:left;width:30px;height:30px;border-radius:50%;overflow:hidden;margin-right:10px;}
.photoBox .pic-company .img img{width:100%;height:100%;}
.photoBox .pic-company .txt{font-size:14px;color:#FFFFFF;line-height:30px;}
.photoBox .pic-company2{position:absolute;bottom:45px;left:15px;right:15px;padding:8px 10px 8px 13px;background:rgba(34,34,34,1);border-radius:4px;}
.photoBox .pic-company2 .img{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:5px;box-flex: 0;-webkit-box-flex: 0;-moz-box-flex: 0;}
.photoBox .pic-company2 .img img{width:100%;height:100%;}
.photoBox .pic-company2 .txt{font-size:15px;color:#FFFFFF;line-height:20px;padding:10px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.photoBox .pic-company2 .btns{box-flex: 0;-webkit-box-flex: 0;-moz-box-flex: 0;}
.photoBox .pic-company2 .btns a{float:left;font-size:12px;color:#FFFFFF;padding:0 5px;}
.photoBox .pic-company2 .btns i{display:block;width:20px;height:20px;margin:0 auto;}
.photoBox .pic-company2 .btns i.msg{background:url(icon_msg3.png) no-repeat;background-size:100%;}
.photoBox .pic-company2 .btns i.design{background:url(icon_design3.png) no-repeat;background-size:100%;}
.photoBox .pic-company2 .btns p{font-size:12px;color:#FFFFFF;line-height:17px;margin-top:3px;}
.photoBox .floatBbox{background:none;}
.photoBox .floatBbox:before{display:none;}
.photoBox .floatBbox .info p:first-child{color:#F9F9F9;}
.photoBox .floatBbox .info p:nth-child(2){color:#999D9E;}
.photoBox .pic-con{position:absolute;bottom:110px;left:15px;right:15px;font-size:14px;line-height:20px;color:#FFFFFF;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow:hidden;}
/*20200209 begin*/
.out-photo{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9;}
.photo-opt{height:44px;background:rgba(0,0,0,.6);}
.photo-opt .close{float:right;margin:6px 9px 0 0;background:none;}
.photo-opt .close i{display:block;width:32px; height: 32px; background: url(iconclose.png) no-repeat; background-size:100%;}
.photo-opt .tit{position:absolute;left:60px;right:60px;font-size:17px;font-weight:bold;color:#fff;text-align:center;line-height:32px;border-radius:22px;margin-top:6px;}
.photoBox .btn-bottom{position:absolute;width:128px;height:40px;bottom:30px;left:50%;margin-left:-64px;line-height:39px;font-size:16px;color:#C5C5C5;text-align:center;border-radius:20px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,0.3);}
.photoBox .picbox{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;}
.photoBox .pic{position:absolute;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%)}
/*20200209 end*/
/*用户反馈css*/
.opin .main{ min-height:0;}
.opinion{ padding:14px;}
.opinion .txt{ margin-bottom:15px; font-size:14px; color:#83868f; line-height:22px;}
.opinion .textarea{padding:8px;font-size:14px; line-height:22px; min-height:120px; overflow-y:auto; color:#0c0d0e;width:100%;border:1px solid #f4f4f4; border-radius:2px;outline:none;}
.opinion .textarea.ts{color:#b3b6be;}
.opinion .input-box{ position:relative; padding-right:25px; height:38px; font-size:15px; color:#b3b6be;border:1px solid #f4f4f4; border-radius:2px;}
.opinion .input-box .btn-del{ position:absolute; top:50%; right:3px; margin-top:-10px; width:20px; height:20px; background:url(del.png) no-repeat center center; background-size:14px;}
.opinion .input-box input{ margin-top:10px; padding-left:9px; width:100%;font-size:14px;border:none; color:#0c0d0e; outline:none;}
.opinion .input-box input::-webkit-input-placeholder{color:#b3b6be; background-color:#fff;}
.opinion-btn{display:block;margin:0 14px;font-size:14px;line-height:40px;text-align:center;color:#cccfd8;background-color:#f1f1f2;border-radius:2px;}
.opinion-btn.red_df3{color:#fff;background-color:#df3031;}/*登录可点击状态*/
.opinion-entrust{overflow:hidden}
.opinion-entrust h4{color:#3c3f46;font-size:14px;line-height:16px;padding:12px 0;}
.opinion-entrust h4 .num{float:right;font-size:12px;color:#e5e7ed;}
.opinion-entrust dl{margin:0 auto;}
.opinion-entrust dd{float:left;width:50px;height:50px;border:1px solid #f8f8f8;background:url(pic_add_bg.jpg) center  no-repeat; background-size:50px auto;position:relative;margin-right:12px;z-index:2;}
.opinion-entrust dd img{width:100%;height:100%;}
.opinion-entrust dd .del{width:18px;height:18px;background: url(close_wt2.png) no-repeat; background-size:18px;position: absolute;top:-7px;right:-7px;z-index:8}
.opinion-entrust dd .upload-input{width: 100%;height: 100%;opacity: 0; position:absolute;}

/*新版APP下载头部*/
.topDownload,.tdl{padding:13px 20px;background:#FAFAFA;max-width:640px;margin:0 auto;background-color:var(--box-gray-601);}
.topDownload > a,.tdl > a{display:block;}
.topDownload dl,.tdl dl{background:#ffffff;padding:9px 14px 9px 12px;overflow:hidden;border-radius:7px;box-shadow:0px 2px 6px 0px rgba(86,86,92,0.1);background:var(--box-white);}
.topDownload dt,.tdl dt{float:left;width:38px;height:38px;margin-right:10px;}
.topDownload dt img,.tdl dt img{display:block;width:100%;height:100%;}
.topDownload dd h3,.tdl dd h3{font-size:15px;color:#3C3F46;line-height:21px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--gray-3);}
.topDownload dd p,.tdl dd p{font-size:10px;color:#B3B6BE;line-height:12px;padding:1px 0 1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:1px;color:var(--gray-b);}
.topDownload dd.btn,.tdl dd.btn{float:right;padding:6px 0;}
.topDownload dd.btn .btn-down,.tdl dd.btn .btn-down{display:block;width:75px;height:27px;line-height:27px;font-size:13px;color:#fff;text-align:center;background:#3072f6;border-radius:2px;}
.topDownload.special dl{background:url(topDownload_special.png) no-repeat;background-size:100% 100%;}
.topDownload.special dl h3{font-size:14px;color:#fff;line-height:20px;margin-top:-1px;font-weight:bold;}
.topDownload.special dl p{font-size:14px;color:#FFF2BC;line-height:20px;padding:0;margin-bottom:-1px;font-weight:bold;}
.topDownload.special dd.btn .btn-down{color:#FF202A;font-weight:bold;background:linear-gradient(180deg,rgba(255,241,219,1) 0%,rgba(255,227,175,1) 100%);box-shadow:0px 2px 4px 0px rgba(221,29,95,0.29);border-radius:14px;}
@media screen and (max-width: 360px){
.topDownload.special dl h3{ font-size:13px;}
.topDownload.special dl p{ font-size:13px;}
}
@media screen and (max-width: 320px){
.topDownload.special dl h3{ font-size:12px;}
.topDownload.special dl p{ font-size:12px;}
}
/* 顶部可关闭APP下载*/
.floatApp3 {position: fixed; left:0; top:0;width:100%; height:51px;background:rgba(255,255,255,1);box-shadow:0 0 5px rgba(0,0,0,.1);overflow: hidden;z-index:5;}
.floatApp3 > a{display:block;}
.floatApp3 dl{padding:8px 32px 8px 20px;overflow:hidden;}
.floatApp3 dt{float:left;width:35px;height:35px;margin-right:12px;}
.floatApp3 dt img{width:100%;height:100%;}
.floatApp3 dd h3{font-size:14px;color:#3c3f46;font-weight:600;line-height:35px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;letter-spacing:-.8px}
.floatApp3 dd.btn{float:right;padding:4px 0;}
.floatApp3 dd.btn .btn-down{display:block;width:75px;height:27px;line-height:27px;font-size:13px;color:#fff;text-align:center;background:#ff9b05;border-radius:2px;}
.floatApp3 .close{position:absolute;width:30px;height:28px;right:0;top:0;background:url(p_close_icon.png) center center no-repeat;background-size:8px auto;}

/*详情顶部*/
.top-tg-box{position:relative;background:#1d1d22;}
.top-tg-box > div{width:100%;overflow:hidden;}
.top-tg-box li{float:left;overflow:hidden;}
.top-tg-box li > a{display:block;padding:5px 10px;height:52px;}
.top-tg-box li .img{float:left;width:56px;height:42px;margin-right:10px;}
.top-tg-box li .img img{width:100%;height:100%;}
.top-tg-box li .img.fang{width:38px;height:42px;padding:2px 0;}
.top-tg-box li .txt{height:30px;font-size:12px;color:#fff;line-height:15px;overflow:hidden;}
.top-tg-box li .btn{float:right;width:55px;height:25px;line-height:26px;font-size:13px;color:#ffffff;background:#d7494a;border-radius:2px;text-align:center;margin-top:8px;margin-left:10px;}
.top-tg-box .pointBox{position:absolute;text-align:center;width:100%;bottom:2px;}
.top-tg-box .pointBox span{display:inline-block;width:3px;height:2px;background:#606064;border-radius:2px;overflow:hidden;margin:0;margin:0 1px;}
.top-tg-box .pointBox span.cur{background:#f75757;width:5px;}
/*详情底部*/
.bottom-tg-box{height:60px;}
.bottom-tg{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);box-shadow:0 0 18px rgba(0,0,0,.1);z-index:99;}
.bottom-tg > div{width:100%;overflow:hidden;}
.bottom-tg li{float:left;overflow:hidden;}
.bottom-tg li > a{position:relative;display:block;width:100%;padding:9px 10px;overflow:hidden;}
.bottom-tg li .img{float:left;width:56px;height:42px;}
.bottom-tg li .img img{width:100%;height:100%;}
.bottom-tg li .img.fang{width:44px;height:42px;padding:1px 0 1px 4px;}
.bottom-tg li .txt{font-size:13px;color:#0c0d0e;line-height:17px;padding:0 22% 0 11px;overflow:hidden;}
.bottom-tg li .txt p{max-height:34px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.bottom-tg li .txt h4{font-size:14px;line-height:24px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.bottom-tg li .txt h5{font-size:11px;color:#83868f;line-height:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.bottom-tg li .btn{position:absolute;right:10px;width:55px;height:25px;line-height:26px;font-size:13px;color:#ffffff;background:#fe9903;border-radius:13px;text-align:center;margin-top:8px;}
.bottom-tg .pointBox{position:absolute;text-align:center;width:100%;bottom:5px;}
.bottom-tg .pointBox span{display:inline-block;width:3px;height:2px;background:#cccfd8;border-radius:2px;overflow:hidden;margin:0;margin:0 1px;}
.bottom-tg .pointBox span.cur{background:#fe9903;width:5px;}

/*0116*/
.chose-item ul.inpt{border-bottom:0px solid #f8f8f8;height:auto}
.chose-item ul.inpt li{float:left;width:47%;line-height:15px;color:#b3b6be;margin-right:6%;font-size:11px;overflow:hidden;}
.chose-item ul.inpt li:last-child{margin-right:0;}
.chose-item ul.inpt li input{padding: 0 8px 0 0; border: none; width:100%; height: 30px;font-size: 13px;outline: none;-webkit-appearance: none;color:#0c0d0e;border-bottom:1px solid #eceff3}
.chose-item ul.inpt li input::-webkit-input-placeholder{color:#b3b6be;line-height:16px;}
.chose-item ul.inpt li input::-webkit-search-decoration,.chose-item ul.inpt li input::-webkit-search-cancel-button {display: none;} 
.chose-item ul.inpt li p{position:relative;}
.chose-item ul.inpt li p em{ position:absolute;top:10px;right:0px;color:#0c0d0e}

.hpqjpic{width:260px;height:230px;position:absolute;top:50%;left:50%;margin:-115px 0 0 -130px;background:url(hp01.png);-webkit-transform:scale(.5);transform:scale(.5);animation:hpqh 1s steps(5) infinite ; -webkit-animation:hpqh 1s steps(5) infinite;}

@-webkit-keyframes hpqh {
	from{background-position:0 1150px}
	to{background-position:0 0}
}
@keyframes hpqh {
	from{background-position:0 1150px}
	to{background-position:0 0}
}
.allPics .picbox li .icon_hpN{position:absolute;width:14px;height:14px;left:5px;bottom:5px;background:url(xf_list_hangpai_icon.png) no-repeat; background-size:14px auto;}

/*底部浮层*/
.floatBbox{position:fixed;width:100%;left:0;right:0;bottom:0;height:55px;background:#fff;z-index:9;background-color:var(--box-white);}
.floatBbox:before{content:'';position:absolute;left:0;top:0;right:0;height:1px;background:#eeeeee;-webkit-transform:scaleY(.5);transform:scaleY(.5);background-color:var(--border-gray-000);}
.floatBbox .leftBtn{box-flex:0; -webkit-box-flex:0; -moz-box-flex:0;}
.floatBbox .leftBtn .icon{position:relative;display:block;max-width:64px;min-width:64px;width:64px;height:55px;color:#222;font-size:11px;text-align:center;padding-top:8px;line-height:1;color:var(--gray-2);}
.floatBbox .leftBtn .icon:only-child{max-width:90px;min-width:90px;width:90px;}
.floatBbox .leftBtn i{display:block;width:23px;height:23px;background:url(icon_fav_fb.png) no-repeat;background-size:auto 23px;margin:0 auto 6px;filter:var(--light-600);}
.floatBbox .leftBtn .icon.on i{background-position:-23px center;filter:var(--light-100);}
.floatBbox .leftBtn i.pl{background:url(icon_pl_fb.png) center center no-repeat;background-size:auto 23px;}
.floatBbox .leftBtn i.shop{background:url(icon_shop_fb.png) center center no-repeat;background-size:auto 23px;}
.floatBbox .leftBtn i.msg{background:url(icon_msg_fb.png) center center no-repeat;background-size:auto 23px;}
.floatBbox .leftBtn i.kf{background:url(icon_kf_fb.png) center center no-repeat;background-size:auto 23px;filter:none;}
.floatBbox .leftBtn i.yz{background:url(icon_yz_fb.png) center center no-repeat;background-size:auto 23px;}
.floatBbox .leftBtn i.pg{background:url(icon_pg_fb.png) center center no-repeat;background-size:auto 23px;}
.floatBbox .leftBtn .icons{padding:0 10px;}
.floatBbox .leftBtn .icons .icon{max-width:50px;min-width:50px;width:50px;}
.floatBbox .leftBtn .icons.esf{padding-left:5px;}
.floatBbox .leftBtn .icons.esf .icon{max-width:60px;min-width:60px;width:60px;}
.floatBbox dl{display: table;padding:5px 15px 5px 15px;}
.floatBbox dl > *{display: table-cell; vertical-align: middle;}
.floatBbox .head{width:34px;}
.floatBbox .head img{width:34px;height:45px;}
.floatBbox .head + .info p{max-width:7em;}
.floatBbox .info{font-size:13px;color:#606668;line-height:22px;color:var(--gray-6);}
.floatBbox .info p:first-child{font-size:14px;color:#222222;font-weight:bold;color:var(--gray-2);}
.floatBbox .info p:nth-child(2){margin-top:1px;}
.floatBbox .info p{max-width:10em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.floatBbox .head + .info{padding-left:9px;}
.floatBbox dl + .icon{margin-left:-8px;}
.floatBbox dl + .icon:before{content:'';position:absolute;width:1px;left:0;top:5px;bottom:5px;background:#eeeeee;-webkit-transform:scaleX(.5);transform:scaleX(.5);background-color:var(--border-gray-002);}
.floatBbox .comp{padding-top:8px;padding-bottom:7px;padding-right:10px;}
.floatBbox .comp .head{width:40px;}
.floatBbox .comp .head img{width:40px;height:40px;border-radius:50%;}
.floatBbox .comp .info{width:100px;height:40px;font-size:14px;color:#222222;line-height:20px;overflow:hidden;color:var(--gray-2);}
.floatBbox .comp .info h4{font-weight:bold;max-height:40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.floatBbox .user{padding:4px 10px 4px 10px;margin-left:10px;}
.floatBbox .user:only-child{min-width:90px;margin-left:0;}
.floatBbox .user .user-img{width:29px;height:30px;border-radius:50%;overflow:hidden;margin:0 auto;}
.floatBbox .user .user-img img{width:100%;}
.floatBbox .user + .icon{width:auto;margin-right:10px;}
.floatBbox .user p{font-size:11px;color:#222222;line-height:16px;text-align:center;white-space:nowrap;color:var(--gray-2);}
.floatBbox .rightBtn{padding:5px 15px 5px 0;}
.floatBbox .rightBtn:only-child{padding-left:15px!important;}
.floatBbox .rightBtn a{position:relative;display:block;width:50px;height:45px;line-height:45px;font-size:16px;color:#fff;font-weight:bold;text-align:center;background:#ff743d;margin-right:7px;border-radius:4px;white-space:nowrap;}/*20200203*/
.floatBbox .rightBtn a.call{background:#F84440!important;}
.floatBbox .rightBtn a:first-child{background:#F59149;}
.floatBbox .rightBtn a:last-child{margin-right:0;background:#F84440;}
.floatBbox .rightBtn a.call + a:last-child{background:#E53935;}
.floatBbox .rightBtn a:only-child{background:#F84440!important;}
.floatBbox .rightBtn a.zhihui{background-color:#cbcbd2!important;color:#fff;}
.floatBbox .rightBtn i{display:inline-block;width:16px;height:16px;vertical-align:top;margin-top:14px;margin-right:4px;}
.floatBbox .rightBtn a.call i{background:url(fix_tel.png) no-repeat;background-size:100%;}
.floatBbox .rightBtn a.msg i{background:url(fix_msg.png) no-repeat;background-size:100%;}
.floatBbox .rightBtn a.js i{background:url(fix_js.png) no-repeat;background-size:100%;}
.floatBbox .rightBtn a.design i{background:url(fix_sj.png) no-repeat;background-size:100%;}
.floatBbox .rightBtn a .kzx{position:absolute;width:62px;height:20px;top:-22px;left:50%;margin-left:-12px;background:url(fixed_bottom_kzx.png) no-repeat;background-size:100% 100%;z-index:2;}/*20200203*/
.floatBbox .rightBtn a .kf{position:absolute;width:52px;height:19px;top:-8px;left:50%;margin-left:-5px;background:url(fixed_bottom_kf.png) no-repeat;background-size:100% 100%;z-index:2;}/*20200203*/
.floatBbox.font-s dl{padding-right:7px;}
.floatBbox.font-s .rightBtn a{font-size:15px;}
.floatBbox .rightBtn a p:first-of-type{font-size:15px;line-height:22px;margin-top:4px;}
.floatBbox .rightBtn a p:last-of-type{font-size:10px;line-height:10px;margin-top:2px;font-weight:normal;}
.floatBbox .rightBtn a:only-child p:last-of-type{font-size:12px;line-height:12px;margin-top:0;}
.floatBbox .rightBtn a p i{display:inline-block;width:17px;height:17px;vertical-align:top;margin-top:2px;margin-right:2px;}
.floatBbox .rightBtn a p i.icon-call{background:url(fixed_icon_tel.png) no-repeat;background-size:100%;}
.floatBbox .rightBtn a p i.icon-msg{background:url(fixed_icon_msg.png) no-repeat;background-size:100%;}
@media screen and (max-width: 360px){
.floatBbox.font-s .rightBtn a{font-size:14px;}
}
@media screen and (max-width: 320px){
.floatBbox .info{font-size:11px;}
.floatBbox .info p:first-child{font-size:12px;}
.floatBbox .rightBtn a{font-size:15px;}
.floatBbox.font-s .rightBtn a{font-size:13px;}
.floatBbox .comp .info{width:80px;}
}
.float-ts{position:fixed;height:45px;bottom:65px;left:20px;right:20px;background:rgba(0,0,0,.8);border-radius:2px;}
.float-ts .close{position:absolute;width:22px;height:22px;right:0;top:0;background:url(close_20x20_2.png) center center no-repeat;background-size:10px auto;}
.float-ts p{font-size:15px;color:#fff;text-align:center;line-height:25px;padding:10px;}
.float-ts p i{display:inline-block;width:25px;height:25px;background:url(float_ts.gif) no-repeat;background-size:100%;vertical-align:top;margin-left:14px;}
@media screen and (max-width: 320px){
.float-ts p{font-size:14px;}
.float-ts p i{margin-left:10px;}
}
.iphonex-bar{margin-bottom:33px;}
.iphonex-bar:after{content:'';position:fixed;height:33px;left:0;right:0;bottom:0;background:#fff;z-index:2;background-color:var(--box-white);}
.iphonex-bar .floatBbox{bottom:33px;}
/*0622相册*/
.albumTab{height:46px;line-height:46px;border-bottom:1px solid #f8f8f8;overflow: hidden; position:relative}
.albumTab .jbl{ position:absolute;left:0px;top:0px;width:20px;height:46px;  background-image: -webkit-linear-gradient(right, rgba(255,255, 255, 0.4) 0%, rgba(255,255, 255, 0.9) 100%);
background-image: -moz-linear-gradient(right, rgba(255,255, 255, 0.4) 0%, rgba(255,255, 255, 0.9) 100%);
background-image: linear-gradient(right, rgba(255,255, 255, 0.4) 0%, rgba(255,255, 255, 0.9) 100%);}
.albumTab .jbr{ position:absolute;right:0px;top:0px;width:20px;height:46px;  background-image: -webkit-linear-gradient(right, rgba(255,255, 255, 0.9) 0%, rgba(255,255, 255, 0.4) 100%);
background-image: -moz-linear-gradient(right, rgba(255,255, 255, 0.9) 0%, rgba(255,255, 255, 0.4) 100%);
background-image: linear-gradient(right, rgba(255,255, 255, 0.9) 0%, rgba(255,255, 255, 0.4) 100%);}
.albumTab .conbk {overflow: hidden;overflow-x: scroll;white-space: nowrap;padding:0 20px;}
.albumTab .conbk a{ display:inline-block;margin-right:30px;color:#565c67}
.albumTab .conbk a.cur{line-height:40px;border-bottom:2px solid #ff5757;color:#0c0d0e}

.albumlist {color: #0c0d0e;}
.albumlist a { width: 50%;margin-bottom:12px;position: relative;display: inline-block; float:left;}
.albumlist a div{position: relative;}
.albumlist 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);}
.albumlist a img{width: 100%;}
.albumlist a:link,.albumlist a:active,.albumlist a:visited { color: #0c0d0e;}
.albumlist a:nth-child(2n-1){  padding-right:8px;}
.albumlist a:nth-child(2n){  padding-left:8px;}
.albumlist a p{text-align: center;font-size: 14px;line-height: 28px;color:#3c3f46;box-sizing: border-box; width: 100%; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;margin-top:3px;}
.albumlist 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/icon-j.png") no-repeat; background-size: 53px;}

.albuminfobt{position:fixed;bottom:25px;left:0;width:100%;overflow:hidden;padding:0 20px;color:#fff;background:-webkit-linear-gradient(rgba(32,32,32,.9),rgba(32,32,32,0));background:linear-gradient(rgba(32,32,32,.9),rgba(32,32,32,0));}
.albuminfobt h3{line-height:30px;font-size:15px;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.albuminfobt .num{float:right; background:#131313;border-radius:10px;padding:0 10px;margin-top:16px;font-size:10px;line-height:20px;}
.albuminfobt .num span{font-size:14px;}

.photo-opt .icon-pic i.flnav{display:block;width: 32px; height: 32px; background: url(head_pica.png) 0 0 no-repeat; background-size:64px auto;}
.photo-opt .icon-pic i.sh{display:block;width: 32px; height: 32px; background: url(head_pica.png) 0 0 no-repeat; background-size:64px auto; background-position:-32px 0}

.photoList{height:auto;min-height:100%;padding-top:44px;}
.photoList .listTit{font-size:15px;color:#fff;text-align:center;line-height:20px;margin:0 20px 14px;padding:15px 0;overflow:hidden;}
.photoList .listTit span{position:relative;display:inline-block;}
.photoList .listTit span:before,.photoList .listTit span:after{content:'';position:absolute;top:50%;width:200px;height:1px;background:#565c67;}
.photoList .listTit span:before{left:-220px;}
.photoList .listTit span:after{margin-left:20px;}
.photoList .listTit i{display:inline-block;}

/*列表下载入口*/
.li-dw-p{position:relative;padding-top:0!important;padding-bottom:0!important;height:auto!important;}
.li-dw-p > a{padding-top:0!important;}
.li-dw-p > a:before{display:none!important;}
.li-dw-p h3{margin:0 0 10px 0!important;padding-top:16px;line-height:24px;height:auto!important;white-space:normal!important;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color:var(--gray-3);}
.li-dw-p h3 i{display:inline-block;height:16px;line-height:16px;font-size:12px;color:#fff;font-weight:normal;padding:0 2px;background:#F34646;border-radius:1px;vertical-align:top;margin-right:8px;margin-top:3px;}
.li-dw-p dd{position:relative;width:50px;height:21.5vw;max-height:146px;margin-right:4px;overflow:hidden;border-radius: 3px;}
.li-dw-p dd > img{width:100%;min-height:100%;}
.li-dw-p dd:last-child{margin-right:0;}
.li-dw-p .tag-icon{position:absolute;left:auto;right:6px;top:3px;font-size:9px;height:13px;line-height:13px;text-shadow:0px 0px 2px rgba(0,0,0,0.4);color:rgba(255,255,255,0.8);}
.li-dw-p .opt-box{padding:12px 0 18px;overflow:hidden;}
.li-dw-p .opt-box .fang{height:16px;float:left;font-size:11px;color:#696969;line-height:15px;background:#F6F6F6;padding:1px 5px 0;border-radius:2px;background-color:var(--box-gray-400);color:var(--gray-6);}
.li-dw-p .opt-box .down{height:16px;float:right;font-size:11px;color:#F84440;line-height:15px;background:#FFF1F1;padding:1px 5px 0;border-radius:2px;background-color:var(--box-red-001);}

/*红包弹层*/
.fix-hb-icon{position:fixed;right:10px;bottom:20%;z-index:100;}
.fix-hb-icon a{display:block;width:90px;height:90px;}
.fix-hb-icon a.New{display:block;width:138px;height:115px;}
.fix-hb-icon a img{width:100%;}
.fix-hb-icon .close{position:absolute;right:2px;top:-6px;width:13px;height:13px;background:url(fix_hb_close.png) no-repeat;background-size:100%;}
.fix-hb-icon .closeN{position:absolute;right:2px;top:-8px;width:14px;height:14px;background:url(fix_hb_close.png) no-repeat;background-size:100%;}
.fix-hbbox{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.6);z-index:101;}
.fix-hbbox .hbbox{position:absolute;left:0;top:50%;width:100%;padding-bottom:120%;-webkit-transform:translateY(-50%);transform:translateY(-50%);/*background:url(fix_hbbg.png) no-repeat;background-size:100%;*/}
.fix-hbbox .hb{position:absolute;left:12%;right:12%;top:2%;}
.fix-hbbox .hb .m{position:absolute;width:35.8%;left:34.1%;top:50%;padding-bottom:20%;background:url(fix_hb_888.png) no-repeat;background-size:100%;-webkit-animation:hb-pulse 1s both infinite;animation:hb-pulse 1s both infinite}
.fix-hbbox .hbbox img{width:100%;}
.fix-hbbox .close{position:absolute;right:9%;top:0;width:30px;height:30px;background:url(fix_hb_close2.png) center center no-repeat;background-size:16px;}
.fix-hbbox .closeN{position:absolute;right:15%;top:0;width:20px;height:20px;background:url(Nhb_close.png) center center no-repeat;background-size:20px;}
.fix-hbbox .hbboxN{position:absolute;left:0;top:50%;width:100%;padding-bottom:120%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}

/* pulse */
@-webkit-keyframes hb-pulse {
  0% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
  50% {-webkit-transform: scale3d(1.15, 1.15, 1.15);transform: scale3d(1.15, 1.15, 1.15);}
  100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes hb-pulse {
  0% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
  50% {-webkit-transform: scale3d(1.15, 1.15, 1.15);transform: scale3d(1.15, 1.15, 1.15);}
  100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}

/*app下载抽奖为满足条件*/
.apphb_close{width:26px;height:26px;background:url(close2601.png) no-repeat;background-size:26px; position:absolute;top:12px;right:12px;}
.apphb_con{width:286px;height:295px;background:url(hb2601.jpg) no-repeat;background-size:286px; margin:125px auto 0;}
.apphb_con_P1{font-size:31px;color:#e43d24; text-align:center;margin-top:20px;}
.apphb_con_P1 em{font-size:22px;margin-top:12px;font-style:normal}
.apphb_con_P2{font-size:12px;color:#999; text-align:center;margin-top:20px;}

/*8.2抖房视频详情*/
.dfVBox{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.dfVBox.tra{background:#202020}
.dfVBox img{width:100%}
.dfVBox .play{position:absolute;width:45px;height:45px;left:50%;top:50%;margin:-22px 0 0 -22px;background:url(dyicon01.png) no-repeat;background-size:45px;}
.dfVBox .zan{position:absolute;left:50%;bottom:7.5rem;width:62px;height:62px;margin:0 0 0 -31px;background:url(dfvpicz.png) no-repeat;background-size:62px;}
.dfVBox .topback{position:absolute;width:100%;height:32px;left:7px;top:7px;z-index:10;}
.dfVBox .topback .back{display:block;width:32px;height:32px;background: url(xq_icons.png) -1px 0 no-repeat; background-size:128px auto;background-color: rgba(12,13,14,.5);border-radius: 50%;}
.dfVBox .topback .rnum{float:right;width:57px;height:26px;line-height:26px;background-color: rgba(12,13,14,.5);border-radius:13px;color:#DCE1E8; text-align:center;font-size:13px;margin:3px 13px 0 0}
.dfVBox .optionbox{position:fixed;width:40px;right:15px;bottom:40px;z-index:20;}
.dfVBox .optionbox .user{width:40px;height:40px;border-radius:50%;overflow:hidden;margin:0 auto;border:1px solid #fff}
.dfVBox .optionbox .user img{width:40px;height:40px; vertical-align: top}
.dfVBox .optionbox > div{margin-bottom:27px;}
.dfVBox .optionbox > div:last-child{margin-bottom:0;}
.dfVBox .optionbox p{font-size:13px;color:#ffffff;font-weight:600;line-height:1;text-align:center;text-shadow:1px 1px 1px rgba(2,2,2,.5);margin-top:5px;}
.dfVBox .optionbox  i{width:30px;height:30px;background: url(dfvpic.png) no-repeat; background-size:30px auto;display:block; margin:0 auto;}
.dfVBox .optionbox a.cur  i{background-position:0 -30px;background-size:30px auto;display:block;}
.dfVBox .optionbox  i.tel{background-position:0 -60px;background-size:30px auto;}
.dfVBox .optionbox  i.mes{background-position:0 -90px;background-size:30px auto;}
.dfVBox .optionbox  i.sha{background-position:0 -120px;background-size:30px auto;}
.dfVBox .optionbox2{position:fixed;width:36px;right:17px;bottom:145px;z-index:20;}
.dfVBox .optionbox2.bot{bottom:36px;}
.dfVBox .optionbox2 .user{width:36px;height:36px;border-radius:50%;overflow:hidden;margin:0 auto;border:1px solid #fff}
.dfVBox .optionbox2 .user img{width:36px;height:36px; vertical-align:top}
.dfVBox .optionbox2 > div{margin-bottom:27px;}
.dfVBox .optionbox2 > div:last-child{margin-bottom:0;}
.dfVBox .optionbox2 p{font-size:13px;color:#ffffff;font-weight:600;line-height:1;text-align:center;text-shadow:1px 1px 1px rgba(2,2,2,.5);margin-top:5px;}
.dfVBox .optionbox2  i{width:30px;height:30px;background: url(dfvpic.png) no-repeat; background-size:30px auto;display:block; margin:0 auto;}
.dfVBox .optionbox2 a.cur  i{background-position:0 -30px;background-size:30px auto;display:block;}
.dfVBox .optionbox2  i.tel{background-position:0 -60px;background-size:30px auto;}
.dfVBox .optionbox2  i.mes{background-position:0 -90px;background-size:30px auto;}
.dfVBox .optionbox2  i.sha{background-position:0 -120px;background-size:30px auto;}
.dfVBox .bottxt{position:fixed;bottom:65px;left:20px;width:5.7rem;color:#fff;z-index:19;}
.dfVBox .bottxt a{color:#fff!important}
.dfVBox .bottxt.no2{width:6.7rem;}
.dfVBox .bottxt h3{height:24px;font-size:15px;margin-bottom:12px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
.dfVBox .bottxt .info{max-height:74px;line-height:28px;font-size:15px;text-overflow:ellipsis; overflow-y:auto;overflow-x:hidden; position:relative;word-break: break-all;text-align:justify; text-justify:inter-ideograph}
.dfVBox .bottxt .other{height:24px;line-height:24px;font-size:13px;overflow:hidden;margin-top:12px;}
.dfVBox .bottxt .other span{float:right;}
.dfVBox .trandiv{position:fixed;bottom:0;left:0;width:100%;height:294px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,1));opacity:0.4;z-index:2;}

/*资讯--积分商城浮层*/
.fix-jf-icon{position:fixed;right:10px;bottom:12%;z-index:100;}
.fix-jf-icon a{display:block;width:68px;height:68px;}
.fix-jf-icon a img{width:100%;}

/*筛选--家居报价*/
.lbTab .cont.jjCon dd{height:auto;line-height:20px;}
.lbTab .cont.jjCon dd a{padding:11px 16px 12px;white-space:normal;}

/*二手房vr_免责声明*/
.disclaimer{width:100%;position: fixed;bottom: 100px;left: 0;}
.disclaimer p{margin:0 20px;padding:20px 0;border-bottom:1px solid #2a2b2c;}
.disclaimer a{display:block;color:#CBCBD2;font-size:10px;line-height:14px;}
.disclaimer a i{float:right;background:url(icon_mzsm.png) no-repeat;width:6px;height:10px;background-size:100% 100%;margin-top:2px;}
.disclaimer_list{padding:0 20px;}
.floatAlert .alert-mz{display:inline-block;position:absolute;top:0;left:0;right:0;bottom:0;padding-top:80px;height:100%;background:rgba(255,255,255,.98);overflow-y:auto;}
.floatAlert .alert-mz .close{position:fixed;right:10px;top:11px;background-size:10px auto;z-index:3;}
.floatAlert .alert-mz .cont{font-size:16px;line-height:24px;color:#343538;}
.floatAlert .alert-mz .cont h3{position:fixed;top:0;left:0;right:0;padding:30px 0 10px;line-height:30px;font-size:22px;font-weight:bold;text-align:center;background:#fafafa;z-index:2;}
.floatAlert .alert-mz .cont p{margin-bottom:20px;}
.floatAlert .alert-mz .cont p span{font-size:14px;display: block;}
.floatAlert .alert-mz .cont p:last-child{margin-bottom:0;}
.floatAlert .alert-mz .btns{position:relative;height:110px;z-index:2;}
.floatAlert .alert-mz .btns:before{content:'';display:block;position:fixed;bottom:55px;left:0;right:0;height:100px;background-image:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.9));background-image:-webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.9));background-image:-webkit-gradient(linear, top left, bottom left, color-stop(0, rgba(255,255,255,0)), color-stop(1, rgba(255,255,255,.9)));pointer-events:none;}
.floatAlert .alert-mz .btns a{position:fixed;bottom:0;left:0;right:0;height:55px;line-height:55px;font-size:16px;color:#E23838;text-align:center;background:#fff;border-top:1px solid #e7e7eb;}


.putliclogin{ position: absolute; top: 50%; left: 50%; border-radius: 10px; display:inline-block; width:295px;height:304px;background: #fff; color: #3c3f46; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.putliclogin .close {position:absolute;width:10px;height:10px;right:20px;top:15px;background:url(icon_close_wt.png) no-repeat;background-size: 100%;text-indent:-9999px; cursor:pointer}
.putliclogin .cont{width:215px;margin:40px auto 0;}
.putliclogin .cont h3{font-size:16px;color:#343538;line-height:24px; text-align:center}
.putliclogin .cont .btn01,.putliclogin .cont .btn02{width:215px;height:44px;line-height:44px;border-radius:19px;background:#E23838;text-align:center;font-size:17px;color:#fff;margin-top:35px; display:block}
.putliclogin .cont .btn02{background:#fff;color:#78A9F8;margin-top:35px;border:1px solid #78A9F8;margin-top:20px;}
.putliclogin .cont .btn02 span{position:relative;}
.putliclogin .cont .btn02 span:before{content:"\200B";position:absolute;width:16px;height:16px;top:50%;left:-14px;margin-top:-9px;margin-left:-8px;background:url(icon_dlqq.png) no-repeat;background-size:16px auto;}
.putliclogin .cont p{font-size:13px;color:#56565C;line-height:18px;margin-top:24px; text-align:center}
.putliclogin .cont p a{color:#56565C;}
.putliclogin .cont p span{position:relative;}
.putliclogin .cont p span:after{content: "\200B";position:absolute;width:6px;height:10px;top:50%;right:-13px;margin-top:-4px;background:url(icon_dljt.png) no-repeat; background-size:6px auto;}

/*黑色透明提示弹框*/
.floatAlert .alert.black{background:rgba(12,13,14,.9);}
.floatAlert .alert.black .cont{color:#fff;}
.floatAlert .alert.black .ts-cg{display:inline-block;margin:0 13px 0 0;width:24px;height:24px;background:url(icon_ts_zb.png) no-repeat;background-size:100%;vertical-align:top;}

/*收藏通知*/
.favtip{position:fixed;left:20px;right:20px;bottom:65px;background:rgba(0,0,0,.8);font-size:14px;color:#fff;line-height:20px;padding:12px 80px 12px 10px;border-radius:3px;z-index:99;}
.favtip a{color:#fff;}
.favtip .close{position:absolute;width:20px;height:20px;left:-1px;top:-1px;background:url(close_16x16.png) center center no-repeat;background-size:8px;}
.favtip .btn{position:absolute;top:50%;margin-top:-12px;right:10px;width:65px;height:24px;line-height:26px;text-align:center;font-size:12px;color:#fff;}
.favtip .btn:before{content:'';position:absolute;width:200%;height:200%;border:1px solid #fff;top: 0;left: 0;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin: left top;transform-origin: left top;border-radius:50px; }
@media screen and (max-width: 360px){
.favtip{font-size:13px;}
}
@media screen and (max-width: 320px){
.favtip{font-size:12px;padding:12px 75px 12px 10px;}
.favtip .btn{width:60px;}
}
/*app内打开*/
.app-open{position:fixed;padding:11px 5px 11px 2px;line-height:22px;left:50%;bottom:30px;text-align:center;font-size:15px;color:#fff;background:rgba(255,155,5,.98);box-shadow:0px 0px 12px 0px rgba(255,159,46,0.6);border-radius:22px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:100;}
.app-open p{padding:0 16px;white-space:nowrap;}
.app-open span{position:relative;white-space:nowrap;padding:0 13px;}
.app-open span:before{content:'';position:absolute;width:1px;height:20px;background:#fff;left:0;top:50%;margin-top:-10px;opacity:.3;}
@media screen and (max-width: 360px){
.app-open{font-size:14px;line-height:20px}
}
@media screen and (max-width: 320px){
.app-open{font-size:12px;line-height:18px}
}


/*圆形进度条*/
.circleProBox{position:fixed;bottom:168px;right:5px;height:100px;z-index:100;}
.circleProBox .circlePro{position:absolute;right:10px;top:10px;width:80px;height:80px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:50%;overflow:hidden;z-index:102;}        
.circlePro section{position:relative;margin:5px;width:70px;height:70px;}
.circlePro .wrap,.circlePro .circle,.circlePro .percent{position:absolute;width:70px;height:70px;border-radius:50%;}
.circlePro .wrap{top:0;left:0;background-color:#ffdddc;}
.circlePro .circle{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;border:1px solid #ffdddc;clip:rect(0,70px,70px,35px);}
.circlePro .clip-auto{clip:rect(auto, auto, auto, auto);}
.circlePro .percent{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;top:-1px;left:-1px;}
.circlePro .left{border:3px solid #f83854;clip:rect(0,35px,70px,0);}
.circlePro .right{border:3px solid #f83854;clip:rect(0,70px,70px,35px);}
.circlePro .wth0{width:0;}
.circlePro .num{position:absolute;left:3px;top:3px;width:64px;height:64px;line-height:64px;text-align:center;color:#f83854;background:#fff;border-radius:50%;overflow:hidden;z-index:1;}
.circlePro .num .img{display:block;height:100%;background:url(img_hb_xq.png) no-repeat;background-size:100%;}
.circlePro .num span{display:block;width:100%;height:100%;font-size:15px;letter-spacing:2px;background:#fff;border-radius:50%;overflow:hidden;}
.circlePro .num span em{display:inline-block;font-size:14px;}
.circlePro .num span i{font-size:24px;}
.circleProBox .xqhb_tsk{position:absolute;top:50%;right:94px;margin-top:-20px;padding:0 17px;height:40px;line-height:40px;font-size:15px;color:#fff;background:rgba(0,0,0,.8);border-radius:4px;white-space:nowrap;z-index:101;}
.circleProBox .xqhb_tsk:after{content:'';display:block;position:absolute;right:-8px;top:50%;margin-top:-3px;width:0;height:0;border:4px solid rgba(0,0,0,.8);border-color:transparent transparent transparent rgba(0,0,0,.8);}
.fade{-webkit-animation:fade .5s linear both;animation:fade .5s linear both;-moz-animation:fade .5s linear both;}
.fadeOut{-webkit-animation:fadeOut .5s linear both 3s;animation:fadeOut .5s linear both;-moz-animation:fadeOut .5s linear both 3s;}
/* fade */
@-webkit-keyframes fade {
  0% {opacity:0;width:0;}
  100% {opacity:1;width:184px;}
}
@keyframes fade {
  0% {opacity:0;width:0;}
  100% {opacity:1;width:184px;}
}
/* fadeOut */
@-webkit-keyframes fadeOut {
  0% {opacity:1;}
  100% {opacity:0;display:none;}
}
@keyframes fadeOut {
  0% {opacity:1;}
  100% {opacity:0;display:none;}
}
.delay3000 {
	-webkit-animation-delay:3s;
	animation-delay:3s;
}
.tiaodong{-webkit-animation: tiaodong 1.5s linear both infinite .2s;animation: tiaodong 1.5s linear both infinite .2s;}
@-webkit-keyframes tiaodong {
  0% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
  10% {-webkit-transform: scale3d(1.1, 0.9, 1);transform: scale3d(1.1, 0.9, 1);}
  20% {-webkit-transform: scale3d(0.9, 1.1, 1);transform: scale3d(0.9, 1.1, 1);}
  30% {-webkit-transform: scale3d(1.05, 0.94, 1);transform: scale3d(1.05, 0.94, 1);}
  45% {-webkit-transform: scale3d(.98, 1.02, 1);transform: scale3d(.98, 1.02, 1);}
  55% {-webkit-transform: scale3d(1.02, .98, 1);transform: scale3d(1.02, .98, 1);}
  60% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
  100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes tiaodong {
  0% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
  10% {-webkit-transform: scale3d(1.1, 0.9, 1);transform: scale3d(1.1, 0.9, 1);}
  20% {-webkit-transform: scale3d(0.9, 1.1, 1);transform: scale3d(0.9, 1.1, 1);}
  30% {-webkit-transform: scale3d(1.05, 0.94, 1);transform: scale3d(1.05, 0.94, 1);}
  45% {-webkit-transform: scale3d(.98, 1.02, 1);transform: scale3d(.98, 1.02, 1);}
  55% {-webkit-transform: scale3d(1.02, .98, 1);transform: scale3d(1.02, .98, 1);}
  60% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
  100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
/*家居优惠券弹层*/
.zx-yuyue-page .zx-yuyue-but{position:relative;border-radius:0;}
.zx-yuyue-but{ position: absolute; bottom: 0; left: 0; width: 100%; padding:8% 24px; background-color: #ffffff;border-radius:10px 10px 0px 0px;}
.zx-yuyue-but .tit{font-size:22px;line-height:30px;color:#333333;font-weight:bold;text-align:center;margin-bottom:8%;}
.zx-yuyue-but .hui-box{clear: both;overflow:hidden;margin-bottom:8%;}
.zx-yuyue-but .hui-box > div{position:relative;max-width:100%;overflow:hidden;padding-left:32px;font-size:0;}
.zx-yuyue-but .hui-box em{position:absolute;left:0;top:2px;font-size:14px;color:#ffffff;width:24px;height:24px;line-height:24px;font-weight:bold;padding:0 2px;text-align:center;background:#E53935;border-radius:2px;}
.zx-yuyue-but .hui-box span.quan{display:inline-block;position:relative;color:#E53935;font-size:16px;font-weight:bold;height:28px;line-height:29px;vertical-align:top;padding:0 12px;background:url(jj_quan_c.png) repeat-x;background-size:auto 28px;}
.zx-yuyue-but .hui-box span.quan i{display:block;position:relative;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow:hidden;}
.zx-yuyue-but .hui-box span.quan:before,.zx-yuyue-but .hui-box span.quan:after{content:'';position:absolute;width:6px;height:28px;}
.zx-yuyue-but .hui-box span.quan:before{left:0;top:0;background:url(jj_quan_l.png) no-repeat;background-size:auto 28px;background-color:#fff;}
.zx-yuyue-but .hui-box span.quan:after{right:0;top:0;background:url(jj_quan_r.png) no-repeat;background-size:auto 28px;background-color:#fff;}
.zx-yuyue-but .hui-box .time{font-size:14px;color:#696969;line-height:20px;margin-top:8px;}
.zx-yuyue-but .hui-box2{font-size:14px;color:#F84440;line-height:20px;padding:10px;background:#FEF4F4;margin-bottom:16px;}
.zx-yuyue-but .top-c i{ display:block; font-size:12px; line-height:17px; color:#999999;padding-bottom:7px;white-space:nowrap;}
.zx-yuyue-but .top-c p{ font-size:15px; line-height:20px; color:#3c3f46; margin-bottom:15px;}
.zx-yuyue-but .top-c p:last-of-type{margin-bottom:8%;}
.zx-yuyue-but .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;}
.zx-yuyue-but .jj-formList{border-bottom:1px solid #f8f8f8!important;}
.zx-yuyue-but .jj-formList li{height:53px;padding-left:0; padding-right:0px;border-top:1px solid #f8f8f8!important;}
.zx-yuyue-but .jj-formList .con{ margin-left:0;}
.zx-yuyue-but .jj-formList input{display:block;font-size:16px;height:52px;}
.zx-yuyue-but .jj-formList .jj-checkCode1{ float:right;border:none;padding:15px 0; line-height:22px;font-size:16px;}
.zx-yuyue-but .jj-formList .jj-checkCode1.active{color:#D32F2F;}
.zx-yuyue-but .jj-formList .jj-checkCode1+.con{margin-right:100px;}
.zx-yuyue-but .jj-formList .content input{-webkit-appearance: none;border: none;outline: none;font-size: 14px;color: #0c0d0e;line-height: normal;}
.zx-yuyue-but .jj-formList .content input[type="tel"],.jj-formList .content input[type="text"],.jj-formList .content input[type="number"]{width: 100%;}
.zx-yuyue-but .jj-formList .content input::-webkit-input-placeholder{color:#C5C5C5;line-height:1em;}
.zx-yuyue-but .jj-submitBtn {margin-top:8%;margin-bottom:20px;}
.zx-yuyue-but .jj-submitBtn a{ display: block;height:48px; line-height:48px;background:rgba(229,57,53,0.9);border-radius:2px;font-size:17px;text-align: center;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.zx-yuyue-but .jj-submitBtn.active a{background-color: #d64242; color:#fff !important;}
.zx-yuyue-but .jj-submitBtn.dis a{background-color: #f3d0d1; color:#fff !important;}
.zx-yuyue-but .tswz2{position:relative;padding-left:20px; font-size:12px; color:#696969; line-height:19px;}
.zx-yuyue-but .tswz2 > a{color:#7E8BA4;}
.zx-yuyue-but .tswz2 .ipt-radio{position:absolute;left:0;top:3px;width:16px;height:16px;background:url(i_radio_icon2.png) no-repeat;background-size:16px auto;}
.zx-yuyue-but .tswz2 .ipt-radio.on{background-position:0 -16px;}	
@media screen and (max-width: 320px){
.zx-yuyue-but .top-c i{font-size:11px;}
}
/*输入提示*/
.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;}

/*弹窗登录*/
.outLogin{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.2);z-index:999;}
.outLogin > div{position:fixed;left:0;right:0;bottom:0;background:#fff;padding:37px 0 20px;min-height:300px;}
.outLogin h4{font-size:16px;color:#222222;line-height:18px;text-align:center;margin-bottom:15px;}
.outLogin .close{position:absolute;width:24px;height:24px;right:10px;top:10px;background:url(login_outclose.png) no-repeat;background-size:24px;}
.outLogin .back{position:absolute;width:24px;height:24px;left:10px;top:10px;background:url(login_outback.png) no-repeat;background-size:24px;}
.outLogin .login{margin:0 20px;}
.outLogin .login li{ position:relative; overflow:hidden;padding-top:12px;}
.outLogin .login li:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#eee;-webkit-transform:scaleY(.5);transform:scaleY(.5)}
.outLogin .login li.last:after{height:0px;}/*1223*/
.outLogin .login li > div{-webkit-box-flex:0;box-flex:0}
.outLogin .login li .inputbox{-webkit-box-flex:1;box-flex:1}
.outLogin .login .tit{font-size:17px; color:#222222; line-height:42px;padding-right:14px;}
.outLogin .login .tit i{ padding-left:1em;}
.outLogin .inputbox{ position:relative;padding-right:20px; height:42px; font-size:17px; color:#C6C8CF;}
.outLogin .inputbox .btn-del{ position:absolute; top:50%; right:0; margin-top:-10px; width:20px; height:20px; background:url(input_close.jpg) no-repeat center center; background-size:12px;}
.outLogin .inputbox input{width:100%; height:42px;font-size:17px; line-height:inherit;border:0; color:#222222;margin-top:0;}
.outLogin .inputbox input::-webkit-input-placeholder{color:#999999;line-height:20px;}
.outLogin .inputbox .tel{display:block; height:49px;font-size:15px; padding-top:16px; color:#17223A; overflow:hidden;}
.outLogin .codebtn a{display:block;line-height:42px;font-size:17px;color:#222222;text-align:right;margin-left:10px;}
.outLogin .codebtn a.noClick{color:#999999;}
.outLogin .other{position:relative;bottom:auto;max-width: 100%;}
.outLogin .other > div{width:160px;margin:0 auto 30px;}
.outLogin .other > div a{display:block;width:50%;text-align:center;margin-top:32px;}
.outLogin .other > div > a:last-child{margin-right:0;}
.outLogin .other > div span{display:block;font-size:14px;line-height:18px;margin-top:12px;color:#333333;}
.outLogin .other div > a i{ display:inline-block; width:40px; height:40px;vertical-align: top;}
.outLogin .other div > a i.qq{background:url(login_qq.png) no-repeat;background-size:100%;}
.outLogin .other div > a i.mm{background:url(login_mm.png) no-repeat;background-size:100%;}
.outLogin .other p{font-size:12px;line-height:18px;color:#999999;text-align:center;margin-top:0px;}
.outLogin .other p a{color:#7D9CB2;}
.outLogin .yzm-option{margin:42px auto;text-align:center;}
.outLogin .yzm-option i{display:inline-block;width:50px;height:50px;vertical-align:top;background:url(login_yzm.png) no-repeat;background-size:100%;}
.outLogin .yzm-option i.dis{background:url(login_yzm_dis.png) no-repeat;background-size:100%;}
.outLogin .yzm-option i.loading{background:url(login_yzm_loading.png) no-repeat;background-size:100%;-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite;}