﻿/*Update:2017-11-08
Author:szruru*/
@charset "utf-8";
html{font-size: 62.5%;}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin: 0;padding: 0;word-break:break-all; word-wrap:break-word;}
body{font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none;overflow-x: hidden;}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
em,i{ font-style: normal }
label, input, select,img, button{ vertical-align: middle }
img,input,button,textarea{border:0; }
ol,ul { list-style: none}
button{ cursor:pointer;}
input,button,textarea,select{background: transparent;-webkit-appearance: none;-webkit-box-sizing: border-box;box-sizing: border-box; outline: 0;}
a, li, input, button, section, span, div {-webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0);}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#737785;}
a{text-decoration: none; display:block; color:#383838 }
:focus{ outline:0}
/*reset*/
/*icon-font*/
@font-face {
   font-family: 'jzicon';
  src:  url('fonts/jzicon.eot?2mqq9c');
  src:  url('fonts/jzicon.eot?2mqq9c#iefix') format('embedded-opentype'),
    url('fonts/jzicon.ttf?2mqq9c') format('truetype'),
    url('fonts/jzicon.woff?2mqq9c') format('woff'),
    url('fonts/jzicon.svg?2mqq9c#jzicon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'jzicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-25:before { content: "\e918";}
.icon-24:before {content: "\e912";}
.icon-23:before {content: "\e913";}
.icon-22:before { content: "\e914";}
.icon-21:before { content: "\e915";}
.icon-20:before {content: "\e916";}
.icon-19:before { content: "\e917";}
.icon-18:before {content: "\e90a";}
.icon-17:before {content: "\e90f";}
.icon-16:before {content: "\e910";}
.icon-15:before {content: "\e911";}
.icon-14:before {content: "\e909";}
.icon-05:before {content: "\e908";}
.icon-13:before {content: "\e900";}
.icon-12:before {content: "\e901";}
.icon-11:before { content: "\e902";}
.icon-10:before { content: "\e903";}
.icon-09:before {content: "\e904";}
.icon-08:before {content: "\e905";}
.icon-07:before { content: "\e906";}
.icon-06:before {content: "\e907";}
.icon-04:before {content: "\e90b";}
.icon-03:before {content: "\e90c";}
.icon-02:before {content: "\e90d";}
.icon-01:before {content: "\e90e";}
/*spri*/
.publicbox i,.tjbox h5:before,a.top,.danrenBtn .text em,.pen,.icon-26,.qunList .userCont .username i:after,.qunList .userCont .other:before
,.del-icon,.articlelink:before,.publicbottom i,.icon-27,.icon-28,.writeWin .writeBtnBase em,.icon-29,.icon-30
{background:url(../images/icon-spri.png) no-repeat; background-size:48px auto; display:inline-block; position:relative;}
.pen{width:20px;height:18px;background-position:-30px -54px;position:relative;top:3px;}
.icon-26{width:16px;height:14px;background-position:-30px -31px;}
.wen-icon{ display:inline-block; width:16px; height:16px; text-align:center; line-height:16px; font-size:.9rem; color:#fff; margin-right:5px; border-radius:2px; position:relative;top:-3px;}/*问图标*/
.jing-icon{ display:inline-block; background:url(../images/jing-icon.png) no-repeat; background-size:16px auto; width:16px; height:16px;  line-height:16px;  margin-right:5px;  position:relative;top:-3px; color:#fff; font-size:0.9rem; padding-left:2px;}/*精图标*/
.del-icon{width:14px;height:15px;background-position:0 -154px;}
.icon-27{width:16px;height:17px;background-position:-32px -212px;}
.icon-28{width:39px;height:32px;background-position:0 -243px;}
.icon-29{width:15px;height:11px;background-position:-22px -282px;top:1px;}
.icon-30{width:17px;height:19px;background-position:-17px -153px;top:2px;}
/*--*/
.lazy{ background:url(../images/loading.jpg) no-repeat; background-size:100px auto; width: 100px; height: 80px;}
body{ color:#383838;}
/*before after*/
a.sectionSele:after,a.moreSelc:before,a.moreSelc:after,.tjbox h5:before,.tjbox a.Item:after,.kan a h6 div:before,.articlelink:before,.danrenBtn .text:after,
.writeWin .flexbox:before{ display:inline-block; content:"";}
/*箭头*/
.arrow,.tjbox a.Item:after,.danrenBtn .text:after,.pictips:before{ width: 7px; height: 7px; border-width:1.5px 1.5px 0 0;border-color: #ccc;}
.arrow,.tjbox a.Item:after,.danrenBtn .text:after,.pictips:before{border-style: solid;display: inline-block;}
.arrow-l{-webkit-transform: rotate(-135deg);}
.arrow-r,.tjbox a:after,.danrenBtn .text:after{-webkit-transform: rotate(45deg);}
/***/
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt36{ margin-top:36px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb30{ margin-bottom:30px}
.mb60{ margin-bottom:60px}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
/*--*/
.ta-c{ text-align:center;}
/*font*/
.f9{ font-size:0.9rem;}
.f10{ font-size:1rem;}
.f11{ font-size:1.1rem;}
.f12{ font-size:1.2rem;}
.f13{ font-size:1.3rem;}
.f14{ font-size:1.4rem;}
.f15,.houseSele a{ font-size:1.5rem;}
.f16{ font-size:1.6rem;}
.f17{ font-size:1.7rem;}
.f18{ font-size:1.8rem;}
/**/
.imgstyle{ width:100%; height:auto;}
/**butbase*/
.butbase{ line-height:28px; border-radius:6px; text-align:center; color:#fff; font-size:1.4rem;}
/*border*/
.b-t.listwrap,.sectionListwrap,.quotelink a,.floor .floorCont blockquote,.kan a,.selebox,.messagebox,.publicbottom,.addtime,.ztList,
.tc-formFoot
{border-top:1px solid #e7e7e7;}
.b-b,.listwrap,.sectionListwrap,.listItem,.sectionlist,.sectionsupMenu .flexbox,.publicbox a,.floor,.tab,.menuUp a,.ww-Mainfloor-a hgroup,.selebox
,.sele,.lablebox,.messagebox,.messagebox a,.publicbottom,.publicTitle,.ww-publicCont,.sele-areaList,.sele-areaList .flexbox,.houseSele a,
.formbox
{border-bottom: 1px solid #e7e7e7;}
.tjbox,.tjmorealink,.wwfooterBar a,.pages a,.pages label,.leve1 a,.articlelink,
.bd{border:1px solid #e7e7e7;}
/*--*/
.footBar,.topBar,.mainNav,.moreNav,.swipe,.sectionCont,.tjbox,.tjmorealink,.tab,.bg-ff,.seachList,.pages a,.pages label,.selebox,.gradeList .Item,.messagebox,.listwrap,.houseItem
{background: #fff;}
.bg-f8,.publicbottom{background:#f8f8f8;}
.bg-ee,.anTitle,.articlelink{background:#eee;}
.bg-orange{ background:#f8b551;}
.bg-f2{ background:#f2f2f2;}
.bg-c7{ background:#c7c7c7;}
.bg-redf0{ background:#f06762;}
.bg-blue5b{ background:#5bc3de}
/*color*/
.gray-73,.floorBottom .comment,.userCont,.recommenLIst .text,.pages a,.pages label,.lablebox,.anTitle h2,.ww-textarea span,.ww-publicTitle span{color:#737785;}
.red-fd{ color:#fd5856}
.gray-95{ color:#959595}
.gray-70{ color:#707070}
.white{ color:#fff;}
/**流布局*/
.flexbox,.footBar,.topBar{display: -webkit-box;}
.flex1,.footBar a{ -webkit-box-flex: 1;}
.flex2{ -webkit-box-flex: 2;}
.flex3{-webkit-box-flex: 3;}
.footBar,.topBar,.tc-ewm,.tcHistory .Item,.anju-b{-webkit-box-align: center; -webkit-box-orient: horizontal;-webkit-box-pack: center;}
/**布局*/
.mainCont{overflow-y:auto; overflow-x:hidden;-webkit-overflow-scrolling:touch;}
/***/
.ps-r,.articlelink{ position:relative;}
.left{ float:left;}
.right{ float:right;}
/*单选按钮图标*/
.radio-icon,.radio-icon:before{display:inline-block; }
.radio-icon{ width:19px; height:19px; border-radius:50px; background:#f12e16; position:relative;top:4px;}
.radio-icon:before{ content:"";width:4px; height: 8px; border-bottom: 2px solid #fff;border-right: 2px solid #fff;-webkit-transform: rotate(41deg); position:absolute;top:3px;left:7px;}
/*--*/
.footBar,.fixedwrap,.tabflexd,.writeWin{position:fixed; left:0;width:100%;z-index: 999;}
.topfixed,.tabflexd{top:0; z-index:99999;}
.tabflexd{ width:90%;}
/**删除按钮*/
.delBtn{ width:18px; height:18px; border:1px solid #fff; background:#999;border-radius:50px; position:relative; }
.delBtn:before,.delBtn:after{ background:#fff; left:8px;top:4px;content:""; display:block;position:absolute; width:2px; height:10px;}
.delBtn:before{-webkit-transform:rotate(45deg);}
.delBtn:after{-webkit-transform:rotate(-45deg);}
/*顶部导航*/
.topBar{ height:43px;border-bottom: 1px solid #eee;z-index:9999; position:relative;}
.logo img{ margin-left:10px; width:65px; height:27px;}
.topBar,.topBar a{color:#565656;}
.topBar a.base{ width:40px; height:43px; font-size:1.9rem; text-align:center;}
.topBar a.base i{ position:relative;top:12px;}
.topBar a.base i.icon-03{ font-size:1.65rem;}
.topBar a.base i.icon-23{ font-size:1.4rem;top:8px;}
.jbBtn{ position:relative; width:43px; height:43px;}
.jz-article-topBar,.public-topBar{ font-size:1.8rem;}
a.back,a.moreSelc{ position:absolute; width:25px; height:100%;top:0;}
a.back{left:0;}
a.back .arrow{ width:11px; height:11px;border-color: #565656; position:relative;top:11px; margin-left:13px;}
a.sectionSele{ display:inline-block;}
a.sectionSele:after{width: 0;height: 0;line-height: 0px;border-width: 5px 0 5px 8px;border-style: dashed dashed dashed solid;border-bottom-color: transparent; border-top-color: transparent; margin-left:5px;}
a.moreSelc{right:6px; text-align:center;}
a.moreSelc i,a.moreSelc:before,a.moreSelc:after{ width:4px; height:4px; background:#565656; border-radius:10px; display:inline-block; margin-right:2px; position:relative;top:6px;}
/**滚动导航*/
.mainNav,.tab a{height:35px; line-height:35px; font-size:1.5rem; width:100%; overflow:hidden; z-index:9999}
.tab a{ text-align:center;}
.tab a span{ padding:0 5px;display: inline-block; }
.mainNav a,.tab a{color:#565656;}
#nav li { float: left; position:relative;}
.mainNav li a {margin: 0 12px; }
.moreselc a.active,.tab li.active a,.mainNav  li.ui-state-active a{ color:#e22f1c;}
.tab li.active span{border-bottom:2px solid #e22f1c; height:33px;}
/*用户头像及信息*/
.userlogo{position:relative; margin-right:6px;}
.userlogo img{ width:30px; height:30px; border-radius:50px;}
.userCont .username{ font-size:1.3rem; }
.userCont .username i{font-size: .9rem;position: relative;top: -2px;margin-left: 6px;}
.userlogo em{ font-size:.8rem; position:absolute;left:4px; bottom:-5px;}
.userCont .username i,.userlogo em{ display: inline-block;box-sizing: border-box;padding: 2px 3px 1px 3px;line-height: 10px;background: #e22f1c;border-radius: 10px;color: #fff;}
.userCont .username span{ float:right; font-size:1.1rem;}
.userCont .username span.rp{border:1px solid #f19149; color:#f19149; box-sizing:border-box; padding:2px 2px 1px 2px; line-height:10px;top:3px; border-radius:2px; font-size:.9rem;}	
.userCont .other{ font-size:1rem;}
.userCont .other i{ float:right; margin-left:10px; display:inline-block;}
.userCont .other i:before{ margin-right:3px;}
/*推荐列表*/
.listwrap{padding:0 10px; margin:10px 0; }
.listItem{position:relative; padding:10px 0; overflow:hidden; }
.listwrap ul li:last-child .listItem{border-bottom:none;}
.listimg{ width:31.666%; position:relative; float:left;}
.listimg:before{ width: 100%; padding-top:75%; display:block; content:""; }
.listimg img,.addpic .upBtn{ display:block; width:100%; height:100%; position:absolute;top:0;left:0;}
.listItemCont{  float:left; width:65.5%; margin-right:2.5%}
.listItem h3{font-size:1.6rem;line-height: 24px;display:-webkit-box;-webkit-box-orient:vertical; text-overflow:ellipsis;overflow:hidden; margin-bottom:5px; }
.listItemCont h3{height:48px;margin-bottom:7%;}
.listItem p{color:#737785;}
.listItem p span{ display:inline-block; font-size:1.1rem;}
.listItem p em{ border-radius:2px; margin-right:8px; padding:1px 1px 0 1px;font-size:.9rem;}
.listItem p em.r{ border:1px solid #e22f1c;color:#e22f1c;}
.listItem p em.g{border:1px solid #1ec7c3; color:#1ec7c3;}
.listItem p em.o{ border:1px solid #f99203;color:#f99203;}
.listItem p em.b{ border:1px solid #59b4f1;color:#59b4f1;}
.listItem p em,.listItem p i{position:relative;top:-1px; box-sizing:border-box;}
.c-3,.c-1{margin-bottom:15px;}
.c-3{overflow:hidden;}
.c-3 .listimg,.c-n .listimg{ margin-right:2.5%;}
.c-n .listimg{margin-bottom:2.5%;}
.c-3 .listimg:last-child,.c-n .listimg:nth-child(3n){ margin-right:0;}
.c-1 .listimg{ width:100%; float:none;}
.c-1 .listimg:before{ padding-top:40%;}
/*版块布局*/
.sectionListwrap{ padding-left:10px;}
.sectionListwrap .sectionlist{ position:relative; cursor:pointer;}
.sectionListwrap .sectionlist:last-child{ border-bottom:0;}
.sectionItem{ padding:15px 15px 15px 0;}
.sectionItem,.sectionItem .Cont{overflow:hidden;}
.sectionItem img{ width:50px; height:50px; margin-right:10px;}
.sectionItem .Cont h2{  margin:8px 0; line-height:17px;}
.sectionsupMenu .flexbox a,.sectionItem .Cont h2{font-size:1.5rem; color:#000;}
.sectionItem .Cont p{ font-size:1.1rem; color:#737785; line-height:14px;}
.sectionItem .Cont p span{ margin-right:12px;}
.sectionItem .Cont p,.sectionItem .Cont h2,.myHeader .bottom,.txtbox .text,.sele-areaList a,.houseHgroup h1
,.houseHgroup h2,.houseHgroup h3,.userWrap p
{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.sectionItem .arrow{ display:inline-block; margin-top:18px;}
/*楼层列表*/
.floor,.anList,.recommenLIst{ padding:10px 15px; overflow:hidden;}
.floorCont{ font-size:1.6rem; line-height:24px; margin:10px 0;}
/*关键字*/
.keywords a,.keywords span{line-height: 22px; display: inline-block; background: #f8f8f8;padding:0 7px;color: #737785;border-radius: 6px;font-size: 1.1rem;}
/*底部导航*/
.footBar{bottom:0;border-top: 1px solid #e9e7e2;height:44px; }
.footBar a{color: #999; text-align:center; position:relative;}
.footBar a i{ font-size:1.8rem;}
.footBar a.active{ color:#e22f1c}
.footBar .writeBut,.writeClose{ position:absolute;background:#e22f1c; width:45px; height:45px;border:5px solid #fff; border-radius:60px;}
.footBar .writeBut{ top:-36px; }
.footBar .writeBut i{ color:#fff; position:relative; top:10px; font-size:2.3rem; margin-left:2px}
/**社区列表*/
.commuHeaderCont,.commuHeader .topBar{ position:absolute; width:94%;}
.commuHeaderCont{top:30%; left:3%; z-index:2}
.commuHeader .topBar{ background:none;border-bottom:none;top:0;left:0; width:100%; z-index:3}
.commuHeader .topBar a.base,.commuHeaderCont,.communityBar a{color:#fff;}
.commuHeader a.back .arrow{border-color: #fff;}
.commuHeaderCont img{ width:50px; height:50px; margin-right:10px;}
.commuHeaderCont .flexbox{ margin-bottom:6%;}
.commuHeaderCont .flex1,.myHeader .bottom{ text-shadow:1px 0 1px #333; overflow:hidden;}
.commuHeaderCont .flex1 h1{ font-size:1.7rem; margin:3px 70px 4px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.commuHeaderCont .flex1 span{ margin-right:15px; display:inline-block; font-size:1.2rem;}
.commuHeaderCont .flex1 em{ font-size:1.5rem; margin-right:5px;}
.danrenBtn{ position:absolute;top:0; right:-11px; width:40px; height:33px; line-height:33px; border-radius:100px 0 0 100px; overflow:hidden; padding-left:30px;}
.danrenBtn i{ background:#000; opacity:0.3; position:absolute; width:100%; height:100%; top:0; left:0;}
.danrenBtn .text{ position:relative; font-size:1.2rem; color:#fff;}
.danrenBtn .text:after{ position:absolute;top:13px;right:9px;border-color: #fff;border-width: 1px 1px 0 0; width:5px; height:5px;}
.danrenBtn .text em{ position: absolute;top:3px; left:-29px;}
.communLlist{ padding:0 15px;}
.communLlist .listItem{ padding:15px 0;}
.communLlist .listItem:last-child{ border-bottom:none;}
.communLlist .listItem p span,.recommenLIst .listItem p span{ margin-right:10px; }
.communLlist .listItem p span:before,.recommenLIst .listItem p span:before,.ww-Mainfloor .userCont span:before,.anList span.icon-18:before,.anList span.icon-20:before
,.ww-Mainfloor-a .userbox span:before{color:#98a2b1; margin-right:4px; font-size:9px; }
.communLlist .userbox,.recommenLIst .userbox{ margin-bottom:8px; height:15px; line-height:15px;}
.communLlist .userlogo img,.recommenLIst .userbox img,.ww-Mainfloor .userbox img{ width: 15px;height: 15px;}
.communLlist .userCont .username,.recommenLIst .userCont .username{ font-size:1.1rem; margin-right:10px;} 
.anList span.ac:before{ color:#e22f1c; display:inline-block;}
.qunList .floor .userCont{ overflow:hidden;}
.qunList .userlogo img{width:50px; height:50px; border-radius:6px;}
.qunList .floor .userCont .username{ font-size:1.5rem; color:#383838; margin:6px 0; height:17px; overflow:hidden;}
.qunList .userCont .other{ font-size:1.2rem; color:#f99203;}
.qunList .userCont .other:before{content:"";width:14px;height:11px;background-position:-28px -79px;}
.qunList .userCont .other em,.qunList .userCont .username i{font-size:.8rem;}
.qunList .userCont .other em{ border:1px solid #f99203; color:#f99203; padding:0 1px; box-sizing:border-box; border-radius:2px; margin-left:5px; position:relative;top:-2px;}
.qunList p{ font-size:1.3rem; margin-top:12px;}
.qunList .userCont .username i{border-radius:1px 0 0 1px; padding:0 1px 0 2px; height:9px; line-height:9px; top:-3px; margin-left:4px}
.qunList .userCont .username i:after{ content:"";width:5px;height:9px;background-position:-45px -84px; position:absolute;top:0;right:-5px; background-size:50px auto;}
.wwpopbox a em,.ture-icon{width:5px; height:10px; border-bottom:2px solid #e22f1c; border-right:2px solid #e22f1c; -webkit-transform:rotate(41deg); }
.wwpopbox a em{ display:none;right:21px;top:17px;position:absolute;}
.qunList .floor{ background:#f8f8f8; margin-bottom:5px;}
.communLlist,.qunList{ margin-bottom:55px;}
/***/
.anTitle h2{ padding:0 15px; line-height:30px; font-size:1.2rem;font-weight:normal; position:relative;}
/*--*/
.iconbase{padding:2px 4px; border-radius:2px; margin-right:5px; color:#fff; position:relative;top:-3px;}
/*达人*/
.danrenList .listItem{ padding:15px;}
.danrenList .other span{ margin-right:15px;}
.danrenList .userCont .username,.anList .userCont .username,.floor .userCont .username { height:15px; margin-bottom:3px}
.danrenList .userCont .other,.anList .userCont .other,.floor .userCont .other{ height:12px;}
.danrenList .userCont .username i{ border-radius:2px;}
.danrenList .userCont .username i.o{ border:1px solid #ffd9a0; color:#f99203; background:#ffe9c7;}
.danrenList .userCont .username i.g{border:1px solid #a1ded9; color:#63d3cf; background:#dcf3f1}
/*搜索*/
.seachBtn{width: 45px;line-height: 28px;text-align: center;font-size: 1.5rem; color:#565656; }
.seachBox { position: relative;padding-left: 40px; background: #f8f8f8;border-radius: 6px; margin-left:10px;}
.seachBox input {width:100%; height: 28px;line-height: 26px;font-size: 1.5rem;color: #000;}
.seachBox i{ position: absolute;left:10px; top: 5px; font-size:1.8rem; color:#c7c7c7;}
.secheaFocus .seachBtn{ background: #e22f1c; color:#fff; border-radius:5px; margin:0 10px 0 5px;}
.secheaFocus .delBtn{ position:absolute;right:10px;top:4px;}
/*级别进度条*/
.gradebar{ position:relative; height:5px; background:#f8f8f8; border-radius:6px;  overflow:hidden;}
.gradebar-satue{ width:100%; height:5px; position:absolute;top:0;left:0;border-radius:6px; background:-webkit-gradient(linear,90% 100%, 44% 0%, from(#FFB748), to(#F96554), color-stop(0.5,#FE8542));}
/*浮层*/
.txtbox,.txtbox i{ position:absolute; left:0; width:100%; height:20px; line-height:20px;}
.txtbox{ bottom:0;}
.txtbox i{top:0;}
.txtbox i{background:#000;filter:alpha(opacity=60);opacity: 0.6;}
.txtbox .text{ position:relative; color:#fff; z-index:10; font-size:1.1rem; text-align:center; display:block; }
/*selct*/
.pages label{text-align:center;}
.pages label,.selebox .sele{ display:block; position:relative; }
.pages label select{line-height:30px;}
.pages label select,.selebox .sele select{ width:100%; opacity: 0; position: absolute; top: 0; left: 0;  z-index: 1;-webkit-user-select: none;-webkit-appearance: none;}
/**家在APP下载广告*/
.appbanner{ min-height:50px;}
.appBtngroup{position:absolute;right:5%;top:22%;}
.appBtngroup a{ display:inline-block; padding:0 7px; line-height:27px;border:2px solid #fff; border-radius:4px;font-size:1.2rem; margin-left:10px; box-shadow:2px 2px 5px #f98662;}
.appBtngroup a.downapp{ background:#fff; color:#ff6854}
.appBtngroup a.openapp{ background:#ffad98; color:#fff;}
a.closeBtn,.closeBtn{ width:15px; height:15px; font-size:1.8rem; color:#fff; display:inline-block; position:absolute;top:0;right:0;-webkit-transform:rotate(-45deg)}
.ddappbanner a.closeBtn{ color:#7e7d7b;}
.ddappbanner .appBtngroup{right:4%;}
.ddappbanner .appBtngroup a{ box-shadow:none; border:2px solid #ce1b17; }
.ddappbanner .appBtngroup a.downapp{ background:#ce1b17; color:#fff;}
.ddappbanner .appBtngroup a.openapp{ background:none;color:#ce1b17;}
/*广告位*/
.listItem p em.app-i{ line-height:20px; padding:0 8px; font-size:1rem; border-radius:20px; height:20px; display:inline-block;}
.listItem p em.gg-i,.sectionbanner  p em.gg-i{ display:inline-block; line-height:14px; border:1px solid #999; height:14px;padding:0 3px; color:#737785; border-radius:2px;}
.h-i{ display:inline-block; background:#cdebff; line-height:14px; font-size:.9rem; padding:0 7px 0 9px; border-radius:0 10px 10px 0; position:relative; margin-left:10px; top:-1px;}
.h-i:before{ position:absolute;left:-5px;top:0; font-size:1.4rem;}
.tz-ba{ padding:38px 10px 10px 10px;}
.b-s-1-e7{border: 1px solid #e7e7e7;}
.tz-ba .listItemCont{margin-left: 2.5%;margin-right:0;}
.tz-ba .listItemCont p,.flexbanner .listItem p,.sectionbanne p{ text-align:right;}
.tz-ba .closeBtn,.com-ba .closeBtn,.listItem .closeBtn{ font-size:2.2rem;color:#ccc;}
.tz-ba .closeBtn{right:10px;top:8px;}
.com-ba .closeBtn{right:4px;top:0;}
.anju-b{ line-height:18px;}
.anju-b img{ width:50px; height:50px;}
.com-ba{ padding-top:15px;}
.flexbanner{position:fixed; left:0;bottom:45px; width:100%; z-index:99999; border-top: 1px solid #e7e7e7;}
.flexbanner img,.sectionbanner img{ width:67px; height:50px;}
.flexbanner .listItem{ border-bottom:0;}
.flexbanner .listItem h3,.sectionbanner .Cont h2{ font-size:1.5rem;max-height: 36px; line-height:18px; margin-bottom:0;}
.sectionbanner .arrow{ display:none;} 
.sectionbanner .Cont h2{ margin:0; white-space:inherit}
/*帖子更多浮动按钮*/
.viewmore{ position:fixed;right:0; bottom:138px; line-height:35px; width:34px; color:#59b4f1; font-size:1.3rem;  border-radius:20px 0 0 20px; background:url(../images/more-icon.png) 13px 10px  #fff no-repeat; background-size:13px auto; padding-left:30px; z-index:999; box-shadow:0 2px 3px #ccc;}

/*发帖弹出窗*/ 
.publicbox,.menuUp{ display:none;background:#fff;  position:absolute; box-shadow: 1px 1px 3px #565656; z-index:999}
.publicbox{top:46px;left:-108px;border-radius:2px;}
.menuUp{ border-radius:6px; left:50%;top:40px; margin-left:-46px;}
.publicbox:before,.wwpopbox:after{ content:""; width:15px; height:15px;border-top:1px solid #eee;border-right:1px solid #eee; background:#fff;  display:inline-block;right:30px;}
.publicbox:before{-webkit-transform:rotate(-45deg); position:absolute;top:-7px;}
.publicbox a{width:150px; line-height:35px; font-size:1.3rem; color:#565656; padding-left:15px;}
.publicbox a:last-child{ border-bottom:none;}
.publicbox i{width:25px;height:22px;top:5px; margin-right:5px;}
.publicbox i.tz-i{background-position:0 -1px;}
.publicbox i.ww-i{background-position:0 -28px;}
.menuUp a{line-height:35px; width:90px; text-align:center; font-size:1.4rem;}
.tab li.active .menuUp a{color:#737785;}
.tab li.active .menuUp a.active{ color:#e22f1c}
.publicbox a:last-child,.menuUp a:last-child{ border-bottom:none;}
.writeWin{ height:100%;top:0; z-index:99999; color:#565656; display:none;}
.writeWin i,.masklay{top:0;left:0;  width:100%;height:100%;}
.masklay{ position:fixed; background:#000; opacity:0.6; z-index:999;}
.writeWin i{opacity:0.97; background:#fff; position:absolute;}
.writeWin .flexbox{position:absolute; top:16%; left:0; width:100%;height:70%;  -webkit-box-align: center; }
.writeWin .flexbox:before{ position:absolute; width:1px; height:100%; background:#e8e9ea;top:0;left:50%;}
.writeWin h1{ font-size:2.6rem; text-align:center; margin-top:10%; -webkit-animation:sacle 2s ease both}
.writeWin dt{ font-size:2.1rem; margin:30px 0 10px 0;}
.writeWin dd{ line-height:20px; color:#737785;}
.writeWin .writeBtnbox{display:inline-block;position:relative;}
.writeWin .writeBtnBase{ width:90px; height:90px; border-radius:100px;position:relative;}
.writeWin .writeBtnbox i{width:121px; height:121px; border-radius:150px; left:-15px;top:-15px; opacity:0.3;-webkit-animation:pulse 1.8s ease infinite both;}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.15)}
100%{-webkit-transform:scale(1)}
}
.writeWin .flex1:nth-of-type(1){-webkit-animation:sacle 1s 0.2s ease both}
.writeWin .flex1:nth-of-type(2){-webkit-animation:sacle 1s 0.5s ease both}
.writeWin .flex1:nth-of-type(1) .writeBtnbox i{ background:#ffb049;}
.writeWin .flex1:nth-of-type(2) .writeBtnbox i{ background:#f06762;}
.writeWin .writeBtnBase em{width:34px;height:47px;top:20px;}
.writeWin .writeBtnBase em.wenwen{background-position:0 -300px;top:22px;}
.writeWin .writeBtnBase em.tz{background-position:0 -353px;}
.writeClose{ bottom:8px; left:50%; margin-left:-25px;}
.writeWin .delBtn:before,.writeWin .delBtn:after {left: 21px;top: 12px; width: 2px;height: 22px;}
@-webkit-keyframes sacle{
0%{-webkit-transform:scale(0)}
50%{-webkit-transform:scale(1.15)}
100%{-webkit-transform:scale(1)}
}
/**返回顶部*/
a.top{ width:42px;height:41px;background-position:0 -106px; position:fixed;right:10px; bottom:60px; z-index:9999;}
a.phone{ background:url(../images/zdl-phone.png) no-repeat; background-size:41px auto; width:42px;height:41px; position:fixed;right:10px; bottom:115px; z-index:9999;}

@media screen and (max-width: 320px)
{
.listItem h3{ line-height:20px; max-height:40px;}
}