@charset "UTF-8";
/* style of public file
 *
 *
 *@author           Sophia
 *@version          0.1
 *@last-time        2015.3
 *
 */
/* 文件载入----------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  /*font-size: 100%;*/
  font: inherit;
  font-family:"Microsoft YaHei", Verdana, Geneva, sans-serif;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
a{ text-decoration: none;}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*  css reset  */
/*苹果默认按钮样式的去除*/
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}

body{}
.index-width{ width: 100%; max-width: 640px; min-width: 320px; height: 60px; text-align: center; margin-left: auto; margin-right: auto;}
/* header */
#sh-top{ position: fixed; z-index: 160; top: 0; width: 100%;}
.sh-top-box{ position: relative; -webkit-box-align: center; -moz-box-align: center; box-align: center; background-color: #2388e6;}
.sh-top-back{ position: absolute; top: 0; left: 0; height: 60px; outline: none; display: block; width: 50px; line-height: 60px; color: #fff; font-size: 16px; background: url(../img/go-back.png) 10px center no-repeat; text-align: left; padding-left: 30px; background-size: 15px;}
.sh-top-box h2{ max-width: 220px; color: #fff; text-align: center; margin-left: auto; margin-right: auto; background-size: 20px; display: block; line-height: 60px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; /*font-size:1.3em;*/}


/*content*/
#main{ padding-top: 60px;}
.main-box{ padding-left: 15px; padding-right: 15px;-webkit-box-sizing: border-box; box-sizing: border-box;}
#main-tt{padding:0.1em;    padding-left: 0;padding-top: 1em;}
#main-tt h3{ font-size: 26px; text-align: left; line-height: 30px;    line-height: 30px;
    color: #000;}

#main-sec{ width: 100%;}
#main-sec, .main-time, .main-ask{ line-height: 30px; display:-moz-box;display:-webkit-box;display:box;}
.main-time{text-align: left;color: #8d8d8d;font-size:14px;margin-right: 15px;}
#main-company{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;text-align:left;color: #616f9e;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:14px;}
.main-ask{ text-align: left; background: url(../images/chat.jpg) left center no-repeat; background-size: 15px; height: 30px; line-height: 30px; padding-left: 20px; font-size:14px;}
.main-ask a{ color: #8394a7; display: block;}

#main-list{     padding-top: 0.5em; text-align:left;word-break: break-all;}
#main-list h2{line-height:30px; font-size:18px; border-bottom:1px #CCC dotted; text-align:left; margin-bottom:10px; font-weight:bold; font-family:sans-serif;}
#main-list li{ margin-top: 10px; margin-bottom: 10px;}
#main-list li img{ width:98%;}

#main-detail{ margin-top: 15px; text-align: left;}
#main-detail li{ width: 100%; color: #333; line-height: 30px; text-align: left; display:-moz-box;display:-webkit-box;display:box;}
.main-detail-tt{ display:-moz-box;display:-webkit-box;display:box;}
.main-detail-con{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}

#main-act{ width: 100%; margin-top: 15px; padding-bottom: 20px; display:-moz-box;display:-webkit-box;display:box; line-height: 30px;}
#main-act-zan{ display:-moz-box;display:-webkit-box;display:box; width: 60px; background: url(../img/zan.png) left 7px no-repeat; background-size: 15px; text-align: left; padding-left: 20px; color: #898989;}

#main-act-zan.active{background: url(../img/zan_ed.png) left 7px no-repeat; background-size: 15px;}

#main-kong{ -moz-box-flex:1;-webkit-box-flex:1;box-flex:1; }

/*精彩评论*/
#pinglun{ border-top: 1px solid #e8e4e4; z-index: -111; background: #f3f3f3; position: relative;min-height:110px;}
#pi-tt{ color: #898989; z-index: 9; background: #f3f3f3; width: 80px; margin-left: auto; margin-right: auto; text-align: center; font-size: 18px; padding-top: 30px; padding-bottom: 30px;}
#pi-tt-line{ position: absolute; z-index: -111; top: 39px; left: 0; width: 100%; border-top: 1px solid #e9e5e5; height: 0;}
#pi-white{ position: absolute; right: 15px; top: 70px; background: url(../img/white.png) right center no-repeat; background-size: 15px; height: 25px; line-height: 25px; padding-right: 20px; color: #8091a5;}

#pi-list{ text-align: left; padding-left: 10px; padding-right: 10px;-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 40px;}
#pi-list li{ -webkit-box-align: start; padding-bottom: 25px; display:-moz-box;display:-webkit-box;display:box;}
.pi-list-img{ display:-moz-box;display:-webkit-box;display:box; width: 54px;}
.pi-list-img img{ width: 54px; height: 54px; webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden;}
.pi-list-con{ color: #333; margin-left: 10px; line-height: 24px; -moz-box-flex:1;-webkit-box-flex:1;box-flex:1; text-align: left; overflow:hidden;}
.pi-list-con h3, .pi-list-con span{white-space:nowrap; color: #707070; overflow:hidden; text-overflow:ellipsis; font-size:11px;}
.pi-list-con div{font-size:16px;}
.pi-list-con span{font-size:10px;}



#tanchu-box-tt{width: 100%; border-bottom: 1px solid #e8e8e8; background: #f3f3f3;-webkit-box-sizing: border-box; box-sizing: border-box; height: 60px; line-height: 60px; text-align: left; padding-left: 15px; font-size: 18px; color: #333;}
#tanchu-box-main{width: 100%; outline: none; font-size: 14px; padding: 10px; height: 120px; line-height: 30px;-webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: none; resize: none;}
#tanchu-btn{width: 100%; position: relative; height: 100px; background: #f3f3f3; border-top: 1px solid #e8e8e8;}
#tanchu-no, #tanchu-yes{ position: absolute; font-size: 18px; height: 40px; line-height: 40px; width: 100px; border-radius: 5px; border: none; margin-top: 30px; margin-bottom: 30px;}
#tanchu-no{ left: 15px; color: #848484; background: #d8d8d8;}
#tanchu-yes{ right: 15px; color: #fff; background: #2388e6;}


.bg {
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.8;
}
.box {
width: 100%;
background: #fff;
}

a:link, a:visited {
color: #575757;
text-decoration: none;
}
a {
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.35);
}
a:link, a:visited {
color: #575757;
text-decoration: none;
}
a {
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.35);
}

.nav4{
  height:45px; line-height: 45px; display: none;
}
#footer{width: 100%; margin: auto; text-align: center; max-width: 640px; min-width: 300px;}
.nav_4{position:fixed;
  z-index:200;
  top: 0; margin: auto; text-align: center;
  width:100%;}
.box{
  -webkit-box-sizing: border-box; /*解决盒子边框溢出*/box-sizing: border-box;
  z-index:200;
  bottom:0; margin: auto; text-align: center;
  max-width: 640px; min-width: 300px;
  width:100%;
}



.nav4 .masklayer_div{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 180;
  background: rgba(255,255,255,1);
}
.nav4 .masklayer_div.on{display: block;}

.nopl{text-align:center; width:100%; padding-top:5px; padding-bottom:25px;}/*没有评论时*/

.new_about{text-align:left; padding-top:10px;}/*底部二维码*/