.details-top{ background:#fff; padding:0 3%; overflow:hidden; position:relative}
.n-title{ font-size:18px; color:#333; font-weight:normal; margin:8px 0 5px}
.n-text{ font-size:13px; color:#666; line-height:20px; margin-right:85px}
.btn-bm{ padding:7px 0; background:#008749; font-size:14px; color:#fff; border-radius:15px; overflow:hidden; position: absolute; right:3%;top:30px; width:88px; text-align:center}
.btn-qd{ padding:7px 0; background:#fd9426 url(../images/bg-btn-qd.png) 17px center no-repeat; background-size:16px; font-size:14px; color:#fff; border-radius:15px; overflow:hidden; position: absolute; right:3%;top:30px; width:88px; text-indent:37px}
.tags{ margin-top:5px; position:relative; overflow:hidden; padding-right:30px}
.height-auto{ height:auto}
.height-35{ height:27px}
.tags li{ display:inline-block; padding:0px 11px; font-size:13px; color:#008749; border:1px solid #008749; border-radius:15px; overflow:hidden; margin:0 5px 5px 0; height:25px;line-height:25px;}
.tags span{ position:absolute; width:25px; height:25px; text-align:center; transition:all .2s; line-height:25px; right:0px; bottom:0px; font-size:20px; color:#3d3d3d; display:block}
.tags span.active{ transform:rotate(-180deg); -webkit-transform:rotate(-180deg)}
.details-user{ position:relative;}
.user-text{ border-top:1px solid #c5c5c5; background:#fff; margin:5px 0 0 0; padding:10px 0}
.user-text dt{ width:45px; height:45px; border-radius:50%; overflow:hidden; position: absolute; left:0;top:14px}
.user-text dt img{ width:100%; height:100%;}
.user-text dd{ margin-left:54px; line-height:18px}
.user-text dd h4{ color:#fe9426; font-size:13px;}
.user-text dd p{ color:#919191; font-size:12px}
.user-text dd p{ color:#919191;font-size:12px; height:18px; overflow:hidden;line-height:18px;    white-space: nowrap;
    text-overflow: ellipsis; width:150px}
.user-number{ position:absolute; right:0;bottom:10px}
.user-number p{ text-align:right; font-size:12px; color:#919191; line-height:18px}
.user-number p span,.n-number span{ display:inline-block; padding-left:23px; margin-left:8px}
.user-number p span.see,.n-number span.see{ background:url(../images/bg-ico-a.png) no-repeat left 3px; background-size:18px; }
.user-number p span.zan,.n-number span.zan{ background:url(../images/bg-ico-c.png) no-repeat 4px 2px; background-size:13px; }
.user-number p span.sc,.n-number span.sc{ background:url(../images/bg-ico-d.png) no-repeat 4px 2px; background-size:14px; }
.user-number p span.commenting,.n-number span.commenting{ background:url(../images/bg-ico-b.png) no-repeat 3px 3px; background-size:15px; }
.details-box{ overflow:scroll;-webkit-overflow-scrolling: touch}  
.details-warp{ padding:10px 3%; margin-top:8px; background:#fff;    word-break: break-all;}
.details-warp p{ line-height:22px; font-size:14px; color:#333333}
.details-warp img{ width:100%; display:block; margin:7px auto; height:auto}
.comment{ padding:8px 3% 0; background:#fff; padding-bottom:60px}
.comment-tit{ height:0; border-bottom:1px solid #c5c5c5; position:relative}
.comment-tit h4{ font-size:12px; background:#fff; position:absolute; width:70px; height:14px; line-height:14px; position:absolute; left:50%; margin-left:-35px; text-align:center; color:#919191; font-weight:normal; top:-7px}
.comment-text{ background:#fff;}
.comment-list li{ position:relative; margin-top:15px}
.comment-pic{ width:40px; height:40px; overflow:hidden; border-radius:50%; position:absolute; left:0;top:0}
.comment-pic img{ width:100%; height:100%}
.btn-remove{ position:absolute; right:0; font-size:16px; color:#919191}
.btn-remove img{ width:14px}
.comment-wz{ margin-left:48px;}
.comment-wz h4{ font-size:13px; color:#fe9426; font-weight:normal; margin:10px 0 3px }
.comment-wz span{ font-size:12px; color:#919191; margin:0 0 4px 0; display:block}
.comment-wz h4 span{ color:#666; display:inline-block; font-size:13px; margin:0 1px}
.comment-wz p{ font-size:14px; color:#333; line-height:20px}
.comment-type{ position:fixed; height:52px; width:100%; background:rgba(255,255,255,0.85); bottom:0; left:0;}
.type-box{ overflow:hidden; position:relative}
.comment-input,.comment-btn-input{ height:36px; line-height:36px;border:1px solid #b3b3b3; border-radius:5px; display:block; margin:8px 68px 8px 5%}
.comment-input input,.comment-btn-input input{ width:100%; text-indent:10px}
.comment-btn{ position:absolute; right:0;top:8px; width:65px; height:36px; line-height:36px; text-align:center}
.comment-btn a{ margin:0px; display:inline-block; width:26px; height:35px; text-indent:-9999px;}
.comment-btn a.zan{ background:url(../images/zan-a.png) no-repeat center center; background-size:20px}
.comment-btn a.sc{ background:url(../images/stare-a.png) no-repeat center center; background-size:20px}
.comment-btn a.zan.active{ background-image:url(../images/zan-b.png); }
.comment-btn a.sc.active{ background-image:url(../images/stare-b.png);}
.comment-btn a.zan.cur,.comment-btn a.sc.cur{animation:comment 0.3s ;-webkit-animation:comment 0.5s ;animation-iteration-count:1;
-webkit-animation-iteration-count:1}
@keyframes comment
{
    0%{transform:scale(1)}
    50% {transform:scale(1.2)}
    100% {transform:scale(1)}
}
@-webkit-keyframes comment
{
    0%{-webkit-transform:scale(1)}
    50% {-webkit-transform:scale(1.5)}
    100% {-webkit-transform:scale(1)}
}

.comment-btn button{ background:#fe9426; border-radius:3px; color:#fff; padding:10px 15px;}
.pos-top{height:50px; width:100%; background:#eee; z-index:99}
#weixin-tip{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);filter:alpha(opacity=80);width:100%;height:100%;z-index:100;}
.zz{display:block;position:fixed;left:0;top:0;background:rgba(0,0,0,0.7);filter:alpha(opacity=70);width:100%;height:100%;z-index:100; display:none}
.send-failde,.send-in{ width:240px; position:fixed; left:50%; margin-left:-130px; top:50%; background:#fff; border-radius:5px; height:120px; z-index:999; border:1px solid #cacaca; padding:0 10px; margin-top:-60px; display:none}
.send-in{ height:45px; text-align:center; color:#666; padding:2px 10px}
.send-in img{ width:45px; vertical-align:middle; margin-right:5px}
.send-failde p{ line-height:70px; font-size:15px; color:#333; text-align:center; border-bottom:1px solid #c5c5c5}
.send-btn{ margin-top:10px}
.send-btn a{ display:inline-block; width:50%; text-align:center; line-height:30px; font-size:14px; color:#008749; box-sizing:border-box}
.send-btn a:first-child{ border-right:1px solid #c5c5c5}
.top-box{  position:relative; height:50px; overflow:hidden; top:0; max-width:750px}
.top-box img{ height:40px; width:40px; margin:5px 10px}
.top-logo{ float:left}
.top-wz{ line-height:20px; margin-top:6px}
.top-wz h3{ font-size:14px; color:#313131; font-weight: normal}
.top-wz p{ font-size:12px;color:#919191}
.btn-weixin{ width:75px; height:26px; border-radius:5px; position:absolute; right:28px; top:12px; background:#008749; line-height:26px; text-align:center; font-size:14px; color:#fff}
.close{color:#333;padding:0 5px 5px;font:bold 16px/24px simsun;text-shadow:0 1px 0 #ddd;position:absolute;top:0;right:0px;}
.down-app{ text-align:center; padding:10px 0 20px; background:#fff}
.down-app a{ background:#008749; width:90%; height:30px; color:#fff; border-radius:5px; display:inline-block; line-height:30px}
.update_banner{ width:100%; overflow:hidden; padding-bottom:30px; text-align:center}
.update_banner img{ width:100%;}
.update_banner p{ text-align:center; font-size:13px; color:#808080}
.this_update{ background:#fff; overflow:hidden; border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2; padding-bottom:10px} 
.update_title{ height:44px; border-bottom:1px solid #d9d9d9; margin-left:2%}
.update_title h3{ font-size:15px; color:#373636; line-height:44px; float:left; background:url(../images/icon_update_this.png) no-repeat left center; background-size:25px; padding-left:32px}
.update_title h3.update_h3{ background-image:url(../images/icon_update.png)}
.update_title span{ float:right; color:#e60012; font-size:12px; line-height:44px}
.update_title span.disable{ color:#969696; margin-right:4%}
.update_title a{ float:right; width:70px; height:30px; background:#e60012; font-size:14px; text-align:center; line-height:30px;  border-radius:5px; color:#fff; margin:6px 2% 0 2%}
.this_update p{ line-height:25px; font-size:13px; color:#686868; padding-left:3%; padding-right:3%}
.this_update p span{color:#fd384f}
.loading{ text-align:center; color:#919191; font-size:12px}
.loading img{ width:28px; display:inline-block; vertical-align:middle }
.loading p{ background:#f5f5f5; padding:10px 0; color:#333; font-size:14px}
.foot-btn{ background:#fd384f; height:45px; line-height:45px; position: fixed; bottom:0; width:100%; left:0; text-align:center; font-size:16px; color:#fff}

.app_slist{ overflow:hidden; vertical-align:top; }
.app_slist img{ width:100%}

.app_pl{ padding:20px 3%}
.app_pl textarea{ background:#fff; border-radius:3px; border:1px solid #dbdbdb; width:98%; height:200px; line-height:20px; padding:1%}

.app_pl button{ margin:5px 0 0 0; display:inline-block;  float:right; background:#fe9426; border-radius:3px; color:#fff; padding:10px 15px;}

.fade-in{ position:fixed; width:100%;margin-top:-30px;top:50%;text-align:center;display:none; text-align:center}
.fade-in p{height:60px;line-height:60px;background:rgba(233,233,233,0.7);border-radius:5px;padding:0 30px; display:inline-block;font-size:16px;color:#414141 }