* { padding:0; margin:0;-webkit-tap-highlight-color: rgba(255,255,255,0);outline: none;}
body { font:normal 14px/140% "微软雅黑", helvetica, arial; background-color:#f4f5f7;color: #666666;}
a {  overflow: hidden; color:#333333; text-decoration:none;}
a:active {outline:none;}
a:focus { outline:none;}
ul li a:active{ background:#e7e5e6;}
ul,ol,li { list-style:none;}
.clear { clear:both;}
.clear:after { content:" "; clear:both; display:block; height:0; visibility:hidden; font-size:0; line-height:0;}
.hide { display:none;}
.fix:after{content:"."; display:block; clear:both; visibility:hidden; height:0;}
.fix{ zoom:1;}

.pt50 { padding:40px 0 50px 0;}

.header { position:fixed; height:40px; width:100%; top:0; z-index:999}
.navbar { height:40px; line-height:40px; max-width:640px;margin:0 auto; background:#e04136;display: -webkit-flex;display: flex; flex: 0 0 auto;flex-wrap:nowrap; }
.navbar h2 { text-align:center; color:#ffffff; font-size:1.2em; white-space:nowrap;    display: block;   flex: 0 0 50%;-webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;}
.navbar h2 a { color:#ffffff;display: inline-block;width: 100%;}
.navbar-left { padding-top:6px; padding-left:5px; -webkit-box-ordinal-group: 2;order: 1;webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;display: block;}
.navbar-left .user img{ width:32px; height:32px; border-radius:16px; margin-left:15px; -webkit-border-radius:16px; -ms-border-radius:16px;}
.navbar-right {-webkit-box-ordinal-group: 4;order: 3;-webkit-box-flex: 0;flex: 0 0 24%;-ms-flex: 0 0 24%; display: block;text-align: right;}
.navbar-right a { padding-right:7px;display: inline-block;padding-top:6px;line-height: 34px;}
.navbar-right a img { width:auto; height:20px;}
.navbar-right a i.lnr{font-size: 20px;color: white;}


.footer { position:fixed; height:40px; width:100%; bottom:0;z-index:99;box-shadow: 0 -3px 80px rgba(0,0,0,0.14);}
.navfoot { height:40px; line-height:40px; background:#ffffff; max-width:640px;margin:0 auto;  border-top:1px solid #dbdbdb; overflow:hidden;}
.navfoot ul{ display:flex; display:--webkit-flex;flex-wrap:nowrap;}
.navfoot ul li { text-align:center; flex-grow:1;}
.navfoot ul li a { width:100%; height:100%; display:block; text-indent:20px;}
.navfoot ul li.on { background-color:#dbdbdb}
.navfoot ul li:nth-of-type(1) a{ border-right:1px solid #dbdbdb; background: no-repeat 26% center;background-size:23px;}
.navfoot ul li:nth-of-type(2) a{ border-right:1px solid #dbdbdb; background: no-repeat 26% center;background-size:23px;}
.navfoot ul li:nth-of-type(3) a{ border-right:1px solid #dbdbdb; background: no-repeat 26% center;background-size:23px;}
.navfoot ul li:nth-of-type(4) a{ background: no-repeat 26% center;background-size:23px;}

.navfoot2 { height:40px; line-height:40px; background:#ffffff; max-width:640px;margin:0 auto;  border-top:1px solid #dbdbdb; overflow:hidden;}
.navfoot2 ul{ display:flex; display:--webkit-flex;flex-wrap:nowrap;}
.navfoot2 ul li { text-align:center; flex-grow:1;font-size: .9em;}
.navfoot2 ul li:not(:last-child) {border-right: thin solid #f1f2f4;}
.navfoot2 ul li a { width:100%; height:100%; display:block;}
.navfoot2 ul li a span { vertical-align:middle;position:relative;  left:-2px; width:20px; height:20px;font-size: 1.2em;top: -2px;color: #aaaaaa;}
.navfoot2 ul li a span.lnr-graduation-hat{font-size: 1.5em;}
/*以下已被替换为字体图标，可删除*/
.navfoot2 ul li a span.hui{  background: no-repeat; background-size:cover; }
.navfoot2 ul li a span.home{ background: no-repeat; background-size:cover;}
.navfoot2 ul li a span.xuexiao{ background: no-repeat; background-size:cover; }
.navfoot2 ul li a span.mine{ background: no-repeat; background-size:cover; }
.navfoot2 ul li a span.edit{ background: no-repeat; background-size:cover; }
.navfoot2 ul li a span.huifu{ background: no-repeat; background-size:cover; }
.navfoot2 ul li a span.fzz{ background: no-repeat; background-size:cover; }
.navfoot2 ul li a span.phone{ background: no-repeat; background-size:cover; }
.navfoot2 ul li a span.duihua{ background: no-repeat; background-size:cover; }


.wrap { max-width:640px; margin:0 auto; background:white;}
.cats { background:#ffffff; padding:10px 5px 0;}
.cats ul li{ width:20%; text-align:center; float:left;}
.cats ul li a{ width:100%; display:block; font-size:12px; padding-bottom:10px; line-height:16px; padding-top:8px;}
.cats ul li a p img { width:80%;}
 
.panel {  margin-bottom:.5em; background:#ffffff;} 
.panel h4{ padding: .5em 3%; font-size:16px;background-color: #f1f2f4;font-weight: normal;}
.panel-title { padding:.4em 3%; font-size:16px; font-weight:400;background-color:#f1f2f4;}
.panel-body {padding:5px 0;}
.panel-body ul.news li a{ display:block;padding:5px 8px;}
.panel-body ul.news li a .leftimg { float:left; margin-right:8px; }
.panel-body ul.news li a .leftimg img { display:block;border-radius: 4px;}
.panel-body ul.news li a .title { line-height:22px; overflow:hidden;}
.panel-body ul.news li a .title .icon { color:#999999; text-align:right;font-size: .8em;}
.panel-body ul.news li a .title .icon .dianping { display:inline-block; text-indent:18px; background: no-repeat left center; background-size:15px 15px;}
.panel-body ul.news li span img{ vertical-align:middle; margin-top:-2px}
.pancel-more { text-align:center;}
.pancel-more a { display:inline-block; background:#f4f5f7; padding:.5em; margin-bottom:5px; border-radius:5px;width: 50%;color: #444;}

.copy { text-align:center; padding:15px;color: gray;font-size: 12px;}

.comments { padding:0 3%;}
.comments li { padding:.5em 0;}
.comments li:not(:last-child){border-bottom:1px solid #e7e5e6;}
.comments li .updiv, .dpneir .updiv { padding-bottom:3px;}
.comments li .userimg, .dpneir .userimg { float:left; margin-right:3px;}
.comments li .userimg img,.dpneir .userimg img, .docomment .user .userimg img { width:40px; height:40px; display:block; border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px;}
.comments li .username, .dpneir .username {  overflow:hidden; padding:0px 5px 5px 5px; line-height:22px;}
.comments li .username p, .dpneir .username p { line-height:1.2em;  }
.comments li .username p:first-child, .dpneir .username p:first-child { color:#1b5eb9;}
.comments li .username p .group, .dpneir .username p .group { padding:0 2px; color:#ffffff; background:#ff7900; border-radius:2px; font-size:12px;}
.comments li .username p span{ font-size:12px;}
.comments li .username p:nth-of-type(2), .dpneir .username p:nth-of-type(2) { color:#999999}
.comments li .username p:nth-of-type(2) a, .dpneir .username p:nth-of-type(2) a { color:#e04136}
.comments li .downdiv a.newimg, .dpneir .downdiv a.newimg{ line-height:22px;color:#33b6cb; text-indent:25px; background: no-repeat; display:inline-block; background-position:left center; background-size:15px; white-space:nowrap;}
.comments li .downdiv .imgs, .dpneir .downdiv .imgs { padding:10px 0;}
.comments li .downdiv .imgs a, .dpneir .downdiv .imgs a{ width:30%; margin-right:3%; display:block; float:left;}
.comments li .downdiv .imgs a img, .dpneir .downdiv .imgs a img { max-width:100%;}
.bottom-tip { padding-top:5px; text-align:right;}
.bottom-tip  a { height:25px; line-height:25px; display:inline-block; color:#999999;padding-left: .5em;}

.tab { position:relative; display:flex;}
.tab .tab-item { flex:1;position:relative; background:#f1f1f1;border-bottom:1px solid #cccccc;text-align:center;-webkit-tap-highlight-color: transparent;padding:7px 0;}
.tab .tab-item:last-child{border-right: none;}
.tab .tab-item.on { background:#ffffff;border-bottom-color: #ee7777;}
.tab .tab-item a { display:block;line-height: 1.6;}
.tab .tab-item.on a{color:#ee7777;}

.dpzw{font-size: 15px;line-height: 140%;}
.comlist { background:#ffffff;}
.remen { text-align:center; padding:15px 0;}
.remen a { background:#f2f2f2; padding:3px 13px; height:25px; border-radius:14px; font-size:15px;}
.remen a.on { background:#e04136; color:#ffffff;}
.rptip{text-align:center; padding: 1.5em 0;color: gray;font-size: 12px;}
  a.rptipbtn{padding: .4em .8em;border-radius: 3px; background-color:#ee7777;color: white;}

.pager{ text-align:center; padding:15px 3%; background-color: #f4f5f7;}
.pager a  {font-size:14px; margin-left:1em;}


/*楼盘详细头部焦点图*/
.slidebox { position:relative; overflow:hidden; width:100%;/* 设置焦点图最大宽度 */ }
.slidebox .hd { position:absolute; width:100px; left:50%; bottom:0; margin-left:-50px; text-align:center; z-index:1; }
.slidebox .hd li { display:inline-block; width:9px; height:9px;  border-radius:20px; background:rgba(250,250,250,0.5); text-indent:-9999px; overflow:hidden; margin:0 3px; }
.slidebox .hd li.on { background:#fff; width:12px;}
.slidebox .bd { position:relative; z-index:0; }
.slidebox .bd li { position:relative; text-align:center; }
.slidebox .bd li img { background: center center no-repeat; vertical-align:top; width:100%;height: 240px; }
.slidebox .bd li a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }  /* 去掉链接触摸高亮 */
.slidebox .bd li .tit { display:block; width:100%; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background: repeat-x; color:#fff; text-align:left; }
 
.qqface { background:#fff; max-width:640px; width:100%; }
.qqface .qqfacecon { overflow:hidden; text-align:center; }
.qqface .qqfacecon span { overflow:hidden; width:11.11%; padding:2px 0; text-align:center; display:inline-block; float:left; }
.qqface .qqfacecon span img{ width:60%; max-width:24px;}

.docomment { padding:15px 10px; background:#ffffff;}
.docomment .user {padding:5px;}
.docomment .user .userimg { float:left; margin-right:8px;}
.docomment .user .username { overflow:hidden;}
.docomment .user .username p a { font-weight:bold; color:#e04136}

a.linkbtn{padding:.2em .5em;color: white; background-color: #e04136; margin-left: .2em;border-radius: 3px;}

.remark,.btns { padding:5px 5px 0 5px;}
.remark .title {width:96%; padding:2%;  border:1px solid #c8c8c8; border-radius:4px; margin-bottom:8px; height:22px;}
.remark .dbcont { width:96%; padding:2%; height:250px; border:1px solid #c8c8c8; border-radius:4px;}
.btns {display: -webkit-flex;display: flex;flex-wrap:nowrap;justify-content:space-between;}
.btns .imgbtn { width:20px; margin-right:10px; height:20px; background: no-repeat; background-size:cover; display:inline-block; position:relative; top:3px;}
.btns .imgbtn input { opacity:0;}
.btns .emotion { width:20px;margin-right:10px; height:20px; background: no-repeat; background-size:cover; display:inline-block; position:relative; top:3px;}
.btns .submit { flex-grow:1; padding-left:10px;}
.btns .submit .dosubmit{ width:100%; position:relative; top:-2px; height:25px; background:#ff7200; border:none; border-radius:4px; color:#ffffff;}
#facebox { max-width:360px;}

.huati {background:#ffffff;}
.huatiul{background-color: #f1f2f4;}
.huatiul li{padding:5px 3%; margin-bottom: .5em;background-color: white;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e0e0e0;}
.huatiul li:last-child{margin-bottom:0;}
.huatiul li:first-child{border-top:none;}
.huatiul li .h3 { font-weight:500; font-size:16px; padding: 10px 0;display:block;font-weight: bold;}
.huatiul li .imgs { padding-top:10px;}
.huatiul li .imgs a{ width:30%; margin-right:3%; display:block; float:left;}
.huatiul li .imgs a img { max-width:100%;}
.htcontent { padding:10px 3%; position: relative;}
.htcontent h4 {font-size:16px;margin: .7em 0;border-left: 3px solid #ee7777;padding-left: 7px;}
.htcontent .imgs,ul.reply li .imgs { padding-top:10px;}
.htcontent  .imgs a,ul.reply li .imgs a{ width:30%; margin:0 1.5%; display:block; float:left;}
.htcontent  .imgs a img,ul.reply li .imgs a img { max-width:100%;}
.htcontent .user { line-height:40px; color:#7a7a7a;font-size:12px;}
.htcontent .user img { width:40px; height:40px; vertical-align:middle; border-radius:20px; -webkit-border-radius:20px;}
.htcontent .cont{ padding-top:8px;}

ul.reply li { padding:10px 3%;}
ul.reply li:not(:last-child) { border-bottom:1px solid #e9e9e9}
ul.reply li .user, .huatiul li .user { line-height:30px; color:#7a7a7a; font-size:12px;}
.group{padding: 0 4px;}
.htcontent .user a, ul.reply li .user a, .huatiul li .user a{ color:#e04136; font-size:14px;}
.huatiul li .user img, ul.reply li .user img { width:30px; height:30px; vertical-align:middle; border-radius:15px; -webkit-border-radius:15px;}
ul.reply li p { line-height:1.5; padding-top:8px;}
ul.reply li .huifu {  margin:1em; padding:0.35em; font-size:13px;background:#f4f5f7}
ul.reply li .huifu dl dd { padding:5px;}
ul.reply li .huifu dl dd a { color:#e04136; padding-right:4px;}
ul.reply li .huifu dl dd .imgs { padding-top:6px}
ul.reply li .huifu dl dd .imgs a{ width:30%;  margin:0 1.5%; float:left;}
ul.reply li .huifu dl dd .imgs a img { max-width:100%; display:block}

.maptip { position:absolute; bottom:30px; left:50%; margin-left:-110px; z-index:2;}
.maptip a { padding:8px 10px; font-size:13px; background:#ffffff; border:1px solid #575757; border-right:0;}
.maptip a:first-child { border-top-left-radius:5px; border-bottom-left-radius:5px;}
.maptip a:last-child { border-top-right-radius:5px; border-bottom-right-radius:5px; border-right:1px solid #575757;}
.maptip a span.back{ display:inline-block;width:15px; height:15px; vertical-align:middle; background: left center no-repeat; background-size:cover; }

.jumbotron { padding:20px 10px; background:#ff3131; color:#ffffff;}
.jumbotron p { text-align:center;}
.jumbotron p a img { width:80px; height:80px; border-radius:40px; -webkit-border-radius:40px; -ms-border-radius:40px; border:1px solid  #eeeeee;}
.jumbotron .userinfo,.jumbotron .jifen { text-align:center; line-height:25px;}
.jumbotron .userinfo .group{ color:#ffff83;}
.jumbotron .userinfo .kfs { border:1px solid #ffffff; color:#ffffff; padding:3px 6px; border-radius:3px; font-size:12px;}


.mydp { background:#ffffff;}
.mydianping li  { padding:10px 15px;}
.mydianping li:not(:last-child) { border-bottom:1px solid #e9e9e9}
.mydianping li .user { color:#737373}
.mydianping li .user a { padding-right:5px; color:#09c01a}
.mydianping li .user a img { width:40px; height:40px; border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; vertical-align:middle}
.mydianping .cont { line-height:1.5; color:#484848; margin-top:8px;}
.mydianping .imgs { padding-top:10px;}
.mydianping  .imgs a{ width:30%; margin:0 1.5%; display:block; float:left;}
.mydianping  .imgs a img { max-width:100%;}



.myfensi { padding-top:10px; background:#ffffff;}
.myfensi ul li { padding:10px 15px 5px 10px;}
.myfensi ul li:not(:last-child) { border-bottom:1px solid #e9e9e9;}
.myfensi ul li .leftuser { float:left; width:70%;}
.myfensi ul li:after { content:' '; clear:both; display:block;}
.myfensi ul li .leftuser img { width:56px; height:56px; margin-right:10px; border-radius:28px; vertical-align:middle; float:left; -webkit-border-radius:28px; -ms-border-radius:28px;}
.myfensi ul li .leftuser p { overflow:hidden;}
.myfensi ul li .leftuser p  b { color:#0037ac}
.myfensi ul li .rightbtn { float:right;}
.myfensi ul li .rightbtn a{ display:inline-block; padding-top:35px; line-height:20px;}
.myfensi ul li .rightbtn a.jia { color:#ff8800; background: top center no-repeat; background-size:80%;}
.myfensi ul li .rightbtn a.jia2 { color:#004ab3; background: top center no-repeat; background-size:65%;}
.myfensi ul li .rightbtn a.ygz { color:#767676; background: top center no-repeat; background-size:80%;}


.myloupan li{ padding:10px 50px 10px 15px; position:relative;}
.myloupan li:after {content:' '; clear:both; display:block;}
.myloupan li:not(:last-child){ border-bottom:1px solid #e9e9e9;}
.myloupan li a.lpimg{ float:left; padding-right:12px; }
.myloupan li a.lpimg img { width:100px; height:75px; vertical-align:middle;}
.myloupan li .louinfo { overflow:hidden; line-height:1.3; font-size:12px;}
.myloupan li .louinfo a { font-size:16px;}
.myloupan li .louinfo .huifu{ display:inline-block; width:15px; height:15px; background: top center no-repeat; background-size:contain; vertical-align:middle; padding:0 7px;}
.myloupan li .louinfo p { padding:3px 0;}
.myloupan li .louinfo .tag { padding:1px 5px; border:1px solid #ffd4a9; border-radius:3px; -webkit-border-radius:3px;}
.myloupan li .louinfo .address { color:#a9a9a9}
.myloupan li .actbtn { position:absolute; right:10px; top:20px; line-height:22px;}
.myloupan li .actbtn a { display:inline-block; padding-top:25px; font-size:12px; background: top center no-repeat; background-size:60%;}


.search { padding:15px 3%;}
.search-head {}
.search-head ul { display:block;padding-left: 4px;}
.search-head ul li { float:left; margin-right:3px; overflow:hidden; background:#ffffff; height:30px;border:1px solid #7f7f7f; border-bottom:0; border-top-left-radius:8px; border-top-right-radius:8px;}
.search-head ul li.on { background:#7f7f7f; }
.search-head ul li.on a {  color:#ffffff;}
.search-head  ul li a{ display:block;height:30px; line-height:30px;padding:0 20px;}
.inputgroup { height:35px; width:100%; display: table; position:relative; box-sizing: border-box; border-collapse: separate;}
.inputgroup .searchtext {-webkit-appearance: none; height:25px; padding:6px 0; border:1px solid #7f7f7f;width:78%;font-size: 1em;padding-left: .5em;}
.inputgroup .subbtn{-webkit-appearance: none; background:#868686; color:#ffffff; border:0; height:39px; position:relative; width:18%; top:-1px;text-align:center;padding:6px 12px;vertical-align: middle; border-top-right-radius:5px; border-bottom-right-radius:5px;margin-left: 2px;}
.search-tags { padding:10px 0;}
.search-tags .h4 { line-height:25px; font-weight:bold}
 
.xxlist li{ padding:.7em 3%; position:relative;}
.xxlist li:after {content:' '; clear:both; display:block;}
.xxlist li:nth-child(even){ background-color: #f4f5f7;}
.xxlist li a.lpimg{ float:left; padding-right:12px; }
.xxlist li a.lpimg img { width:100px; height:75px; vertical-align:middle;border-radius: 4px;}
.xxlist li .louinfo { overflow:hidden; line-height:1.3;}
.xxlist li .louinfo a { font-size:16px;}
.xxlist li .louinfo .huifu{ display:inline-block; width:15px; height:15px; background: top center no-repeat; background-size:contain; vertical-align:middle; padding:0 7px;}
.xxlist li .louinfo p { padding:3px 0;color: #555555;}
 
.zxbody { padding:10px;background:#ffffff;} 
.zxlist { padding-top:10px; }
.zxlist li { padding:.7em 0; position:relative}
.zxlist li:after {content:' '; clear:both; display:block;}
.zxlist li:not(:last-child){ border-bottom:1px solid #e9e9e9;}
.zxlist li a img { width:100px; height:80px; float:left; margin-right:10px; border-radius:5px; box-shadow:1px 1px 5px rgba(0,0,0,.3);}
.zxlist li a { display:block;}
.zxlist li .time { position:absolute; bottom:.7em; right:0; color:#676767; font-size:12px}
.zxlist li .time span.comms{ display:inline-block; vertical-align:middle; background: no-repeat; width:15px; height:15px; background-size:contain;}

.dpneir{ padding:15px 3%;}
.secondary{font-size: 12px;padding-top: .2em;}


.replylist li{ padding:8px 3% 18px; width:94%; overflow:hidden; background:#fff;}
.replylist li:not(:last-child){ border-bottom:1px solid #eee;}
.replylist li h3{ font-size:16px; padding:5px 0; border-bottom:1px solid #d1d1d1;}
.replylist li .box{ width:100%; margin-top:5px;}
.replylist li .box .photo{ float:left; width:45px;}
.replylist li .box .photo img{ width:40px; height:40px; display:block; border-radius:20px;}
.replylist li .box .info{ padding-left:45px; line-height:18px; position:relative;}
.replylist li .box .info span.time{  color:#999; font-size:12px;}
.replylist li .box .info p{ line-height:160%; color:#666; overflow:hidden;}
.replylist li .box .info h4 a{ font-size:14px; color:#333333; font-weight:100}
.replylist li .box .info h4 em{ font-size:10px;}
.replylist li .rebox { width: 98%; border-left:3px solid #cccccc; background:#f7f7f7; border-bottom:1px solid #e6e6e6;}
.replylist li .rebox.hiden { display: none;}
.replylist li .rebox .chead{ padding:3px 5px; font-size:12px; color:#b8b8b8}
.replylist li .rebox .chead .uimg { float:left; padding-right:6px;}
.replylist li .rebox .chead a{ font-size:12px; color:#faa103}
.replylist li .rebox .chead .uimg img { width: 25px; height:25px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.reusername{color: #ff6d00;}

.artlist { padding-top:5px;}
.artlist li{  line-height:22px; position:relative;}
.artlist li:not(:last-child) { border-bottom:1px solid #eeeeee}
.artlist li a { display:block;padding:8px 15px 20px 15px;}
.artlist li .time { position:absolute; right:15px; bottom:0; color:#999999}

.page { background:#ffffff; padding:10px 8px;}
.page h3 { text-align:left; padding:10px; font-weight:600;} 
.page .info { font-size:12px; text-align:center; color:#7f7f7f; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;} 
.page .content { padding:15px 5px;} 
.page .content p { text-indent:0 !important;}
.page .content img { max-width:100%; height:auto !important}
.ditu { padding:8px; display:block;}
.ditu img { width:100%;  }
 
.xxiao { padding-left:10px; padding-top:8px; display:block;} 
.xxiao:after { content:' '; display:block; clear:both;}
.xxiao li { width:33.3%; float:left;  }
.xxiao li a { margin-right:10px;  display:inline-block; position:relative;}
.xxiao li a img { width:100%; height:auto;}
.xxiao li a .txt{ position:absolute; bottom:3px; width:100%; line-height:20px; background:rgba(0,0,0,.4); font-size:12px; text-align:center; color:#ffffff; z-index:3}
.xxiao li a .txt .shade {position:absolute;bottom:3px; z-index:1; background:rgba(0,0,0,.4); width:100%; display:block; height:100px;}
 
.zixun { padding:0 3%;}
.zixun  li{ padding:.4em 0;}
.zixun  li a .time{ font-size:12px; color:#999999; padding-left:8px; white-space:nowrap; display:inline-block}

.kf-head { padding:15px; background:#ffffff; border-bottom:1px solid #eaeaea}
.kf-head .headimg { float:left; margin-right:10px; width:55px; height:50px;}
.kf-head .headimg img { width:50px; height:50px; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -o-border-radius:25px; }
.kf-head .headtxt { line-height:25px;}

.kf-form { background:#ffffff; padding:5px 12px;}
.kf-form dl dd { padding:5px;}
.kf-form dl dd .red { color:red; vertical-align:middle}
.kf-form dl dd p { line-height:22px;}
.kf-form dl dd .myinput { width:100%; display:block; height:34px; color:#555; background:#fff; border:1px solid #ccc; border-radius:4px; -webkit-border-radius:4px;box-shadow: inset 0 1px 3px rgba(0,0,0,.075); font-size:13px; padding:6px 12px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kf-form dl dd .btns { display:flex; }
.kf-form dl dd .btns a.upimg {flex:1; position:relative; margin-right:10px; background:#e8e8e8; border:1px solid #dcdcdc;font-size:14px; text-align:center; height:40px; line-height:40px; border-radius:6px;}
.kf-form dl dd .btns a.upimg:active { background:#dcdcdc;}
.kf-form dl dd .btns a.upimg input { position:absolute; opacity:0; top:0; left:0; width:100%; height:100%;}
.kf-form dl dd .btns .subbtn { flex:1; margin-left:10px; border:0; border-radius:6px; color:#ffffff;font-size:14px; background:#ff3131;}
.kf-form dl dd .btns .subbtn:active { background:#e50000}
 
.xname {position: absolute;bottom: 1em;left: 1em;color: white;background-color: #33b6cb;z-index: 9;border-radius: 3px;padding: 3px 5px;} 
.xxinfo { padding:10px 3%;}
.xxinfo dl dd, .baseinfo td {line-height:1.2em; padding:0.3em 0;vertical-align: top;} 
.xxinfo dl dd a.withlink, .baseinfo td a.withlink{color: #e04136;}
.xxinfo dl dd span, .baseinfo .ttitle { color:#999999}
.xxinfo dl dd .dianping { width:16px; height:16px;vertical-align:middle; display:inline-block; margin-left:1em;}
.xxinfo dl dd .dituspan, .baseinfo td .dituspan { width:16px; height:16px; vertical-align:middle; display:inline-block;}
.xxinfo dl dd .tag, .xxinfo dl dd a.linklp, .xxlist li .louinfo .tag, .search-tags  a, .huatitags a, .baseinfo .tag { padding:1px 5px; border:1px solid #ffa2a2; border-radius:3px; font-size:12px;margin-right:.2em;color: #e04136;margin-bottom: .15em; background-color: white;display: inline-block;}

.tagblock{padding-left: 5em;}
.tagblock a{float: left;}
.blockt{float: left;}
.xxinfo dl dd .tag:last-child, .xxinfo dl dd a.linklp:last-child {margin-right: 0;}
.xxinfo dl dd a.linktel, .baseinfo td a.linktel{font-size: 1.2em;color: #e04136;}
.xxinfo dl dd a.linktel i.lnr{font-size: .9em;}
.xxinfo .xxbtn { width:100%; display:flex; margin-top:4px; background:#e04136; border-radius:3px;}
.xxinfo .xxbtn a { flex:1; -webkit-flex:1; -webkit-box-flex:1; text-align:center; color:#ffffff; padding:5px; } 
.xxinfo .xxbtn a .btn1{height:18px; width:18px; background: no-repeat; display:inline-block; vertical-align:middle; background-size:1.2em;}
.xxinfo .xxbtn a .btn3{height:18px; width:18px; background: no-repeat; display:inline-block; vertical-align:middle; background-size:1.2em;}
 
.xiangqing { padding:.5em 3%;}
.xiangqing p{margin-bottom:1em }
.xiangqing li { padding:2px 0;}
.xiangqing li span { color:#114f8e}
.xiangqing .mscon{height:3.8em;overflow:hidden;}
.coursewrapper .mscon{height:10.5em;overflow:hidden;}
.mson .mscon{height:auto;}
.expand, .expandcourse{ text-align: center; }
.expand span, .expandcourse span{display:inline-block; }
.expand i, .expandcourse i{display:none;}
.mon span{display:none;} 
.mon i{ display:inline-block;}
.mbox { padding:.5em 3%; border-top:1px solid #f1f1f1}
.mbox .mhead { position:relative; font-size:15px; font-weight:600;}
.mbox .mhead a{ font-weight:100; font-size:12px; position:absolute; top:0; right:0;color: gray;}
.mbox .mbody ul li a{ display:block;padding:.1em;}

.mphoto { padding-left:2%;}
.mphoto li{ float:left; width:46%; padding-right:3%; overflow:hidden; text-align:center; padding-bottom:1.6%;}
.mphoto li a { display:block; }
.mphoto li a img { width:180px; height:120px;}
.mphoto li a p{  text-align:center;  line-height:1.2em;font-size: .9em;text-overflow: ellipsis;white-space: nowrap;}


.mloupan { padding-left:3%;}
.mloupan li{ float:left; width:48%; padding-right:2%; padding-bottom:4%;}
.mloupan li a { display:block; }
.mloupan li a img { width:100%;}
.mloupan li a p{  text-align:center;  line-height:1.2em}


i { font-style:normal;}

.lpfilter{ position:relative; max-width:640px; z-index:3; margin:0 auto; z-index:998; padding:40px 0 46px; width:100%;}
.lpfilter .topre{ position:fixed; top:40px; width:100%; z-index:3;}
.lpfilter .topre ul{ max-width:640px; height:45px; background:#f5f5f5; border-bottom:1px solid #d1d1d1;}
.lpfilter .topre ul li{ width:24%; float:left; text-align:center; cursor:pointer; padding:10px 1% 10px 0; position:relative; font-size:13px;}
.lpfilter .topre ul li i{ position:relative;}
.lpfilter .topre ul li i:after{ content: ' '; position: absolute;z-index:1; top:50%; margin-top:-3px; right:-8px; width:3px; height:3px; border: #aaa solid; -webkit-transform: rotate(135deg); -webkit-transition:all ease-out 0.3s; transition:all ease-out 0.3s;  border-width:1px 1px 0 0; }
.lpfilter .topre ul li.active i:after{ -webkit-transform: rotate(-45deg); margin-top:-1px; border-color:#14ae67;}
.lpfilter .topre ul li.active{ color:#14ae67;}
.lpfilter .topre ul li span{height:25px; line-height:25px; display:block; font-style:normal; border-right:1px solid #eee;}
.lpfilter .topre ul li:last-child span{ border:none;}
#dialog { display: none; z-index: 1; position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-box-pack: center; -webkit-box-align: center; background: rgba(0, 0, 0, 0.3); overflow:hidden;}
.optionlist{ position:fixed; max-width:640px; margin:0 auto; box-shadow:0 0 20px rgba(0,0,0,0.6); z-index:2; top:85px; background:#fff; max-height:285px; width:100%;}
.rsswitchinfo,.priceinfo{ position:relative; width:100%;}
.rsswitchinfo ul,.priceinfo ul{ padding:0 15px; max-height:250px; overflow:auto;}
.rsswitchinfo ul li a{ height:35px; line-height:35px; font-size:14px; border-bottom:1px solid #eee; display:block;}
.priceinfo ul li a{ height:35px; line-height:35px; font-size:14px; border-bottom:1px solid #eee; display:block;}
.dbd{ padding:0; max-height:249px; overflow:auto; position:relative; background:#eee; border-bottom:1px solid #ddd;}
.dbd .tabs{ width:80px; float:left; position:fixed; top:102px; left:0;}
.dbd .tabs li{ height:39px; line-height:39px;  text-align:center; width:80px; font-size:14px;}
.thistab{ background:#fff;}
.dbd .tab_conbox{ background:#fff; margin-left:80px; min-height:249px;}
.tab_con a{ height:35px; line-height:35px; font-size:14px; border-bottom:1px solid #eee; display:block; padding-left:15px;}
.bdhide{ overflow:hidden; height:100%; width:100%;}
.close{ width:100%; height:35px; line-height:35px; background:#eee; text-align:center;}


/*话题完善*/
.huatitags{padding-top:.6em;padding-left: .5em;    background-color: #f4f5f7;}
.huatitags a{margin-bottom: .3em;margin-right: .4em;}
.huatitags a.current{border-color: gray;color: gray;}

/*培训机构*/
.baseinfo .ttitle{width: 5em;}
.courses{font-size: 12px;}
.courses .name{width: 62%;padding-left: .8em;}
.courses .tcontent{width:24%;}
.courses .courseprice{color:#33b6cb;width:14%;}
.courses .ttitle{font-size:11px;}
.leftback{padding-top: 0;}
.leftback a.lnr{color:white;padding-left: .4em;}
.dpevery a{ display: inline-block;white-space:nowrap;margin-left: 1em;}
.dpevery a:first-child {margin-left: 0;}