@font-face {font-family: "iconfont";
  src: ; /* ie9*/
  src:  format('embedded-opentype'), /* ie6-ie8 */
   format('woff'), /* chrome, firefox */
   format('truetype'), /* chrome, firefox, opera, safari, android, ios 4.2 */
   format('svg'); /* ios 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
 
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-xinxi:before { content: "\e600"; }
.icon-dianping:before { content: "\e601"; }
.icon-geren:before { content: "\e602"; }
.icon-guanbi:before { content: "\e603"; }
.icon-xiangqu:before { content: "\e604"; }
.icon-zan:before { content: "\e605"; }
.icon-tupian:before { content: "\e606"; }
.icon-shanchu:before { content: "\e607"; }
.icon-sousuo:before { content: "\e608"; }
.icon-tupian1:before { content: "\e609"; }
.icon-xitongfanhui:before { content: "\e60a"; }
.icon-fenxiang:before { content: "\e60b"; }
.icon-radiobutton:before { content: "\e60c"; }
.icon-radiobutton2:before { content: "\e60d"; }
.icon-pinglun:before { content: "\e60e"; }
.icon-bianji:before { content: "\e60f"; }
.icon-geren2:before { content: "\e611"; }
.icon-chaping:before { content: "\e612"; }
.icon-haoping:before { content: "\e613"; }
.icon-shoucangfill:before { content: "\e614"; }
.icon-shouye:before { content: "\e617"; }
.icon-xiangqufill:before { content: "\e615"; }
.icon-zanfill:before { content: "\e610"; }
.icon-zengjia:before { content: "\e618"; }
.icon-zhuyi:before { content: "\e619"; }
.icon-roundclose:before { content: "\e616"; }

* {       box-sizing: border-box;   }
html,body { font-family:"hiragino sans gb",helvetica,sans-serif; background:#f5f5f5;}

a.active{ color:#000;}
a { -webkit-tap-highlight-color: rgba(255,255,255,0);overflow: hidden; color:#333333}
a:active {outline:none;}
a:focus { outline:none;}
ul,ol,li { list-style:none;}
.pull-left { float:left}
.pull-right { float:right}
.clear { clear:both;}
.clear:after { content:" "; clear:both; display:block; height:0; visibility:hidden; font-size:0; line-height:0;}
.hide { display:none;}

.mb4 { height:3.5rem; display:block;}
.bar-nav { background:#fff; color:#666666; padding:0 10px; height:2.5rem; line-height:2.5rem; position:relative; overflow:hidden;}
.bar-nav h1 { font-size:18px; text-align:center;}
.bar-nav a.back { position:absolute; left:10px; font-size:20px; padding:0 8px; color:#333}
.bar-nav a.user { position:absolute; right:10px;font-size:20px; padding:0 8px; color:#333}

ul li:active { background:#f6f5f5}


.footer { position:fixed; bottom:0; left:0; background:#fff; box-shadow:2px 2px 10px rgba(0,0,0,.5); z-index:9999; width:100%; height:3rem; overflow:hidden; border-top:1px solid #f1f1f1; }
.footer ul { padding:.15rem 0;}
.footer ul li { float:left; width:50%; text-align:center;}
.footer ul li:first-child { border-right:1px solid #e5e5e5;}
.footer ul li a { font-size:15px; color:#363636; padding:.5rem 0; display: block}

.tiwen_target { display:block; height:2.5rem; background:#f6f6f6; line-height:2.5rem; color:#bbb; padding-left:1.0125rem; font-size:0.875rem;}
.green { color:green;}

.wrap { max-width:640px; margin:0 auto; background:#f5f5f5;}
.ask-top { padding:0.5rem;}
.ask-top .ask-search { display:block; height:1.875rem;  background:#fff; border-radius:0.5rem; position:relative;}
.ask-top .ask-search .ask-btn { position:absolute; left:.5rem; top:50%; margin-top:-0.625rem; color:#666666; background-size:1.25rem 1.25rem; width:1.25rem; height:1.25rem;}
.ask-top .ask-search input {-webkit-text-fill-color: #aaaaaa; -webkit-opacity: 1;display: inline-block; width:100%; height:100%; border: 0;vertical-align: middle; box-sizing: border-box;font-size: .75rem;color: #aaaaaa;padding-left: 2rem;border-radius: .125rem; background-color: #ffffff;}

.slidebox{position:relative;overflow:hidden;width:100%;}
.slidebox .hd{position:absolute;width:100px;left:50%;bottom:10px;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%;}
.slidebox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0); position:relative; display: inline-block; width:100%; height:100%; overflow:hidden; color:#333; font-size:13px;}
.slidebox .bd li a .ask-tip{ ;position:absolute; left:15px; bottom:30px; text-align:left; background:#fff; padding:5px 8px; border-radius:3px; line-height:22px; opacity:.8;}
 
.zhuiwen { font-size:13px; padding:3px 5px;}
 
.ask-block { margin:0.625rem 0; background:#fff; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
.ask-table-1 { padding-left:0;}
.ask-hd { margin-left:1.25rem; height:3.375rem; line-height:3.375rem; font-size:1rem; border-bottom:1px solid  #e5e5e5;}
.ask-hd .title { display:inline; font-weight:700; box-sizing:border-box;}
.ask-hd .subtitle { display:inline; font-size:.75rem; color:#aaa; margin-left:0.375rem;}
.ask-content { margin-top:1rem; width:100%; overflow:hidden; position:relative; padding-bottom:30px;}
.ask-content .table-layout:after { content:''; clear:both; height:0; display:block;}
.ask-content .table-layout li { width:24%; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;  text-align:center;}
.ask-content .table-layout li a { color:#000; text-align:center; display:block; width:100%;}
.ask-content .table-layout li a p  img { width:2.875rem; height:2.875rem; border-radius:50%;}
.ask-content .table-layout li a p:nth-of-type(2) { color:#333333; font-size:0.8125rem; line-height:2; font-weight:700;}
.ask-content .table-layout li a p:nth-of-type(3) { color:#999999; font-size:0.75rem; transform:scale(0.835); -webkit-transform:scale(0.835); line-height:1; padding:0.125rem 0.375rem; display:inline-block; border:1px solid;border-radius:2rem;}
 
.ask-block-content { text-align:center; padding:1.25rem 1.25rem 0 1.25rem;} 
.ask-block-content ul li { float:left; width:47.5%; margin-bottom:1.25rem;}
.ask-block-content ul li:nth-of-type(odd) { margin-right:5%;}
.ask-block-content ul li a { display:block; width:100%; padding-top:56.25%; height:0; overflow:hidden; position:relative;}
.ask-block-content ul li a img{ width:100%; margin-top:-56.25%; vertical-align:top; border-radius:.25rem;}
.ask-block-content ul li a .ask-box-shadow span { display:block; margin-top:-0.75rem;}

.ask-box-shadow { width:100%; height:100%; position:absolute; color:#ffffff; background-image:; background-size:100% 100%; top:0; left:0; z-index:1; font-weight:bold; text-align:center;}
.ask-box-shadow:before { content:' '; display:block; width:100%; height:50%; visibility:hidden;}

.ask-list { padding-left:1.25rem;}
.ask-list ul li:first-child { border-top-width:0;}
.ask-list ul li { border-top:1px solid #e5e5e5; padding-right:1.25rem; padding-top:1.25rem; padding-bottom:1.375rem;}
.ask-list ul li a { position:relative;}
.ask-list ul li a p:nth-of-type(1) { font-weight:700; color:#333; line-height:1.25rem;}
.ask-list ul li a p:nth-of-type(2) { color:#999; line-height:1.25; font-size:.8125rem; margin-top:0.5rem; margin-bottom:0.5rem;}
.ask-list ul li  p:nth-of-type(1) { font-weight:700; color:#333; font-size:1.125rem; line-height:1.25rem;}
.ask-list ul li  p:nth-of-type(2) { color:#666; line-height:1.25; font-size:.8125rem; margin-top:0.5rem; margin-bottom:0.5rem;}
.ask-list ul li .ask-btns { margin-top:0.5rem; color:#333; line-height:1.25;  min-height:1.3rem; position:relative;}
.ask-list ul li .ask-btns a { font-size:0.75rem; color:#666666; background:#f5f5f5; padding:0.25rem 0.375rem; margin-right:0.5rem;}
.ask-list ul li .ask-btns a:nth-of-type(2) { color:#00ae66; background:#e5f7ef;}
.ask-list ul li .ask-btns a.edit { position:absolute; right:0; top:0;}
.ask-list ul li .ask-btns a.edit2 { position:absolute; top:0; right:30px;}
.ask-list ul li .ask-btns a.ask-comment { float:right; background:0; margin-right:0; position:relative; padding:0.25rem .375rem; padding-right:0; font-size:0.75rem;}

.ask-block .ask-wrap { padding-left:1.25rem;}
.ask-block .like-box { padding-top:0.5rem; padding-bottom:0.6rem; border-top:1px solid #e5e5e5; background-color:transparent; }
.ask-block .like-box div { display:inline-block; color:#666666; font-size:0.75rem; padding-top:0.5rem;}
.ask-block .like-btn { margin-top:0; width:auto; font-size:1rem; text-align:center; line-height:1.2rem; float:right; margin-right:1.25rem; white-space:nowrap; color:#999999; padding:0.3rem 0 0.3rem 1.25rem; border-left:1px solid #e5e5e5;}
.ask-block .like-btn .iconfont { width:1rem; color:#01ae67}
.ask-block .like-btn .payatt { width:3rem; margin-top:-0.01rem; text-align:center; display:block; font-size:0.75rem;}


.ans-list { padding-top:1.25rem; padding-bottom:1.25rem; padding-right:1.25rem; border-bottom:1px solid #e5e5e5;}
.ans-list:last-child { border-bottom-width:0;}
.ans-list>p { position:relative;}
.ans-list>p img { width:2rem; height:2rem; border-radius:50%; vertical-align:middle; border:0;}
.ans-list>p .ans-name { height:1rem; margin-left:.625rem; font-size:0.8rem; margin-right:.375rem; font-weight:bold;}
.ans-list .ans-tag { color:#999; font-size:.75rem; padding:0 .3rem; border:1px solid #dfdfdf; display:inline-block; vertical-align:0.0625rem; line-height:1rem; border-radius:1rem;}
.ans-list .like-top-done { color:#00ae66; background:#e5f7ef; position:absolute; top:0.1rem; right:0; font-size:0.8125rem; padding:0.25rem 0.375rem; line-height:1; margin-top:0.25rem;}
.ans-list .show { padding:1rem 0; color:#333; font-size:1rem; line-height:1.526rem; word-break: break-all;}
.ans-list .show { max-width:100%;}
.ans-list .ask-re { background-color:#f8f8f9; margin:0 -1.25rem 1.25rem -1.25rem; padding:1.25rem; padding-bottom:.25rem; font-size:.95rem; color:#666666}
.ans-list .ask-re p { margin-bottom:1rem; position:relative;}
.ans-list .ask-re p .re-ask-title{ position:absolute; display:inline-block; color:#ff7326;}
.ans-list .ask-re p .re-answer-title { position:absolute; display:inline-block; color:#32bd83}
.ans-list .ask-re p .re-content { display:inline-block; margin-left:2.5rem; word-break:break-all;}
.ans-list .ask-bolck-ext { color:#999999; font-size:.75rem; line-height:1; white-space: nowrap;}
.ans-list .ask-bolck-ext .more-option { float:right; margin-left:2rem; font-size:1rem; color:#999;}
.ans-list .ask-bolck-ext .more-option .iconfont { color:#32bd83;}
.ans-list .ask-bolck-ext .more-option .icon-zanfill {-webkit-animation: bouncein 400ms linear; -moz-animation: bouncein 400ms linear; -o-animation: bouncein 400ms linear;animation: bouncein 400ms linear;}
.icon-xiangqufill {-webkit-animation: bouncein 400ms linear; -moz-animation: bouncein 400ms linear; -o-animation: bouncein 400ms linear;animation: bouncein 400ms linear;}
.askul li:first-child{ border-top-width:0;}
.askul li { word-break:normal; margin-right:0; border-bottom:0; border-top:1px solid #e5e5e5; padding:0.5rem; padding-left:0}
.askul li a { position:relative; color:#333;}
.askul li a .p-line { overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap; padding-left: 0.7rem;font-weight: 400 !important;}
.askul li a p .icon-go-right { position:absolute; right:-4px; top:11px; margin-top:-0.25rem; display:inline-block; width:0.6375rem; height:0.6375rem; border:solid #999999; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);}

.to-ask { position:fixed; width:100%; height:3.125rem; background-color:#00ae66; line-height:3.125rem; color:#ffffff; bottom:0; left:0; text-align:center; z-index:99999; font-size:1rem;}
.to-ask a { font-size:1rem; color:#ffffff; display:block; width:100%; height:3.125rem;}

.ask-card .zj-hd{ display:block; padding:1.25rem 2.5rem; text-align:center;}
.ask-card .zj-hd img { width:3.75rem; height:3.75rem; border:0.25rem solid #ffffff; border-radius:50%; box-shadow:0 0 0.25rem #eeeeee;}
.ask-card .zj-hd p:nth-of-type(2) { font-size:0.9375rem; line-height:2; font-weight:bold;}
.ask-card .zj-hd p.ask-tags span { color:#00ae66; background-color:#e5f7ef; font-size:.75rem; line-height:1; padding:.25rem .375rem; border-radius:2rem; margin-right:0.3125rem; transform: scale(.833); -webkit-transform: scale(.833);}
.ask-card .zj-hd p:nth-of-type(4) { font-size:.75rem; color:#999999; line-height:1.4; margin-top:.5rem; text-align:left}
.ask-card .zj-bt { padding:1rem 0; border-top:1px solid #e5e5e5;}
.ask-card .zj-bt li { width:33.333%; display:inline-block; border-right:1px solid #e5e5e5;}
.ask-card .zj-bt li:last-child { border-right:0;}
.ask-card .zj-bt li span { display:block; line-height:1.2; text-align:center;}
.ask-card .zj-bt li span:first-child { color:#333333; font-size:1.25rem; font-weight:700; margin-bottom:0.375rem;}
.ask-card .zj-bt li span:last-child { color:#999999; font-size:.75rem;}

.search-header { padding-top:0.5rem; padding-bottom:0.5rem;  width:100%; margin-bottom:.6rem; display: table;}
.search-header .table-cell { position:relative; margin-left:2rem; display:table-cell;  height:100%; text-align:center; vertical-align:middle; padding-left:0.5rem; }
.search-header .table-cell:last-child { width:3.25rem;padding-left:0.5rem; margin-left:0; color:#858585; font-size:.8125rem;}
.search-header .table-cell input { width:100%; display:block; height:1.75rem;text-rendering: auto;line-height:1.75rem; padding:0 0.625rem; color:#333; border:0; background:#fff; font-size:.75rem; border-radius:0.125rem; padding-right:1.75rem;}
.search-header .table-cell i { position:absolute; font-style:normal; right:0; width:1.75rem; top:0; bottom:0; text-align:center}
.search-header .table-cell i span { display:block; width:1.25rem; height:1.25rem; line-height:1.25rem; color:#fff; font-size:.75rem; background:#e5e5e5; text-align:center; border-radius:50%; margin:0.25rem auto 0; transform: scale(.75); -webkit-transform: scale(.75);}

.search-key ul { padding:1rem 1.5rem;}
.search-key ul li { float:left; height:1.85rem; padding-left:0.5rem; padding-right:0.5rem; line-height:1.85rem; text-align:center; margin-top:0.625rem; margin-right:0.75rem; background-color:#e5f7ef; color:#00ae66; font-size:0.8125rem;}
.search-key ul li a { height:100%; display:block; color:#00ae66}

.sug-list { margin:0.5rem 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#fff; padding:0.35rem;}
.sug-list ul li { padding:.8rem; border-bottom:1px solid #e5e5e5; line-height:1.25;}
.sug-list ul li a { display:block; color:#333}
.sug-list ul li a p:nth-of-type(1) b{ color:#f1220c; font-weight:400;}
.sug-list ul li a p:nth-of-type(2) { color:#999; font-size:0.8125rem; margin-top:0.5rem; line-height:1;}
.sug-list ul li:last-child { border-bottom:0;}

.loading_box { text-align:center; font-size:13px; display:none;}

.wode { text-align:center;}
.wode .btn { display:inline-block; list-style:none; padding:0; margin:0;zoom:1;   word-break: break-all; word-wrap: break-word;}
.wode .btn a{ padding:0.3rem .8rem; border:1px solid #01ae67; }
.wode .btn a:first-child { border-radius:15px 0 0 15px;border-bottom-left-radius:15px;border-top-left-radius:15px; } 
.wode .btn a:last-child { border-left:0; border-radius:0 15px 15px 0;border-bottom-right-radius:15px;border-top-right-radius:15px;}
.wode .btn a.on { background:#01ae67; color:#ffffff;}

.myask { padding-left:1rem;}
.myask  ul li { border-bottom:1px solid #e5e5e5; padding:1rem 1rem 1rem 0; position:relative;}
.myask  ul li:last-child { border-bottom:0;}
.myask  ul li a p:nth-of-type(1){ font-weight:400;}
.myask  ul li a p:nth-of-type(2) { font-size:0.8125rem; color:#999999;}
.myask  ul li .time { position:absolute; right:1rem; bottom:1rem; font-size:.8125rem; color:#999999;}

@-webkit-keyframes bouncein {  0% {
 opacity: 0;
 -webkit-transform: scale(.6);
}
 50% {
 opacity: 1;
 -webkit-transform: scale(1.15);
}
 70% {
 -webkit-transform: scale(.9);
}
 100% {
 -webkit-transform: scale(1);
}
}
@-moz-keyframes bouncein {  0% {
 opacity: 0;
 -moz-transform: scale(.6);
}
 50% {
 opacity: 1;
 -moz-transform: scale(1.15);
}
 70% {
 -moz-transform: scale(.9);
}
 100% {
 -moz-transform: scale(1);
}
}
@-o-keyframes bouncein {  0% {
 opacity: 0;
 -o-transform: scale(.6);
}
 50% {
 opacity: 1;
 -o-transform: scale(1.15);
}
 70% {
 -o-transform: scale(.9);
}
 100% {
 -o-transform: scale(1);
}
}
@keyframes bouncein {  0% {
 opacity: 0;
 transform: scale(.6);
}
 50% {
 opacity: 1;
 transform: scale(1.15);
}
 70% {
 transform: scale(.9);
}
 100% {
 transform: scale(1);
}
}