@charset "utf-8";
body{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select: none;}
strong{font-weight: bold;}

textarea{border:none;-webkit-appearance:none;}
ins{text-decoration: none;}
.main{width: 100%;}
/*大标题*/
.title{position: relative;padding: 0 4%; }
.title h1{  font-size: 1.4em;font-weight:bold;line-height: 1.4;padding: 20px 0 12px 0;;word-break: break-all;}
.title .from{margin-left: 10px;}

/*时间、出处、评论个数*/
.extra{  color:#777;padding-bottom: 15px;line-height: 1.5;font-size: .75em;}
.extra span{padding-bottom: 15px;line-height: 1.5;font-size: .85em;}
.title .comment_num{color: #fff;position: absolute;bottom:0px;right: 16px;line-height: 20px;width:40%;text-align: right;padding-top: 30px}
.title .comment_num a{display: inline-block;line-height:1;text-align: center;font-size: 0.7em;border:1px solid #e93030; background: #e93030; padding: 4px 8px;border-radius: 11px;}

/*正文内容*/
.article_text{  font-size: 1em;padding: 10px 3%;}


/*广告1*/
.newAd{ width:88%; margin:0 auto; overflow:hidden; border:1px solid #c5c5c5;padding: 8px 0;}
.newAd a{display: block;}
.newAd img{ width:100%;}
.newAd span{font-size: 1em;display:inline-block;width:94%;line-height:1.3;color: #323232;padding-left: 10px;padding: 6px 3%;float: left;}
.newAd i{ background-color:#4D86C6;color:#FFFAF4;display: inline-block;padding: 2px 2%;float: left;line-height: 1;margin-right: 10px;}
.newAd .color{color: #4D86C6;}


/*热门跟贴*/
.hotComment{border-bottom:1px solid  #e6e6e6;z-index:3;background: #f5f5f5;margin: 0% 4%;padding: 0;}
.hot{margin-bottom: 5px;width: 100%;height: 25px;background: #f5f5f5;}
.tit{   
   display: inline-block;
    font-size: 0.96em;
    padding-left: 0.4em;
    margin-left: 4%;
    line-height: 0.96em;
    border-left: 0.2em solid #e93030;
    color: #333;}

.logo img{ width:100%;}
#hotCommentList{margin-top: 20px;width: 100%;}
#hotCommentList .tit{top:-10px;}
.hotCommentList{ position:relative;background: #f5f5f5;}
.hotComment .cont_l{ /*width:35px;*/padding-right:10px; }
.hotComment .cont_r { width:84%;position: relative;margin: 5px 0px; }
.hotComment .logo{ margin-top:5px;}
.hotComment .logo img{border-radius: 23px;width:33px; height:33px;}

.ct_all{width: 100%;position: relative;margin-bottom: 4%;}
.head{position: relative;}

.hotComment .tit1{ display:inline-block; line-height: 18px;margin-top: 4px;width: 65%;}
.hotComment .tit1 .name{ color: #323232; font-size:0.85em;}
.hotComment .tit1 .time{ color:#bcbcbc; font-size:0.7em; }
.hotComment .hotComentZan{color: #646464;padding-top:1px; font-size:0.9em;position: absolute;top: 2px;right:4%;text-align: right;width: 20%;}
.hotComment .hotComentZan font{color:#8e8e8e;position:absolute;top:2px;right:8px;width: 130px;}
.hotComment .hasZan font{color: #e93030;}
.hotComment .hotComentZan i{display:inline-block; width:20px; height:21px; background:url(//s.thsi.cn/css/m/zixun/images/greenzan.png) no-repeat; background-size:100% 100%;/*margin-left: 40px;*/right: -26%;
    position: absolute;}

.hotComment .hasZan{ color:#e93030}/*赞过*/
.hotCommentList .hotComment .hasZan i{ background:url(//s.thsi.cn/css/m/zixun/images/redzan.png) no-repeat; background-size:100% 100%;}

.hotComment p{ color:#323232; font-size:0.96em;width: 97%; padding-right:3%;margin-top:5px;float: left;overflow: hidden;}

.hotCommentList .moreCommentBtn{ text-align:center; margin:10px 0 0; color:#4691ee; font-size:1em;margin-top: -1px;background: #f5f5f5;padding: 10px 0;}

.commentInput{padding:10px 4% 0;font-size: 1em;}
.textareaborder{ margin-top: 10px;/*width: 100%;*/position: relative;}
.textareaborder i{display: block;position: absolute;top: -5px;left: 25px;background: #fff;border-left:#c5c5c5 1px solid;border-top:#c5c5c5 1px solid;width: 10px;height:10px;-webkit-transform:rotate(45deg);}
.commentInput textarea{height:40px;border: #c5c5c5 1px solid;background: #fff;width:99%;height:40px;padding:10px 0 0 1%; color: #323232;}
.commentInput a{font-size: 1em;line-height: 2;display: inline-block;border-radius: 8px;color: #fff;width: 25%;text-align: center;margin: 10px 10%;}
.commentInput a:first-child{background: #b2b2b2;}
.commentInput a:last-child{background: #e93030;float: right;z-index: 3;}

/*评论页*/
.curtain{width: 100%;height: 100%;position: fixed;top:0;left: 0px;z-index:10; background-color:rgba(0,0,0,0.7);}
#bg{position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; z-index:11;}
.canvas{width: 94%;padding: 10px 3%;background: #e1e1e1;position: relative;z-index: 12;position: absolute;top:0;}
.canvas_title{width:100%;text-align: center;}
.canvas_title a{font-size: 1em;width: 24%;display: inline-block;text-align: center;line-height: 2;}
.canvas_title span{font-size: 1.1em;width: 45%;display: inline-block;text-align: center;}
.canvas textarea{border:none;width:100%;font-size: 1em;height:100px;}
.paste{position: absolute;top:0px;left:3%;width: 18%;}
.paste span{display:inline-block;border-radius:6px; background:  rgba(0,0,0,0.7);color: #fff;width:100%;position: relative;font-size: 0.8em;line-height:2;text-align: center;}
.paste span:after{content:'';border:6px solid;border-color:rgba(0,0,0,0.7) transparent transparent transparent;position: absolute;top:26px;left:50%;margin-left: -7px;}
.success,.appriated,.reported{ position:fixed;top: 50%; color: #fff;width:100%;text-align: center;z-index: 6;}
.success a,.appriated a,.reported a{background: rgba(0,0,0,0.7);display: inline-block;width: 50%;border-radius: 8px;line-height: 4;font-size: 1em;}


.hotComment .borderall{border:1px solid #c5c5c5;padding:0 2%;width: 95%;margin: 2% auto ;padding-bottom: 6px;background: #fff;}
.hotComment .floatR{right: 3%;}

.reply{width: 140px; position: absolute;top:-23px;right:0px;margin-right:30%;border-radius: 6px;}
.reply:after{content:'';border:6px solid;border-color:rgba(0,0,0,0.7) transparent transparent transparent;position: absolute;bottom:-12px; left:50%;margin-left: -7px;}
.reply li{float: left;width:33%;text-align: center;color: #fff;font-size: 0.9em;line-height: 18px;background: rgba(0,0,0,0.7); padding:8px 0; }
.reply li:first-child{border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.reply li:last-child{border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.reply li a{display: inline-block;width: 96%;}
.reply li:first-child a{border-right:1px solid #fff;}
.reply li:last-child a{border-left:1px solid #fff;}
.reply li:hover{background: rgba(0,0,0,0.6);}

.expend{color: #3399FF;}

.comspan{display: inline-block;width: 100%;}


.blank{height:30px;}


.nodata{width: 100%;text-align: center;margin: 10% 0 0;}
.nodata img{width: 80px;height: 63px;display: block;margin: 0 auto;}
.nodata span{display: block;width: 100%;text-align: center;padding-top: 10px;color: #8e8e8e}
.nodataimg{width: 100%;margin-left: -10px;}
.nodata .moreCommentBtn{margin-top: 10px;margin-left: -10px;color:#4691ee;}
.none,.hotComentZan .none{display: none;}



.downLoading{width:100%;line-height: 26px;position: fixed;bottom: 20px;left: 0;text-align: center;z-index: 9999;}
.downLoading span{display: block; width: 80%;margin: 0 auto;background: rgba(0,0,0,0.6);color: #fff;}
#zxfb{margin-top: -1px;}



/*点赞动态图*/
.imgUrl{  display: inline-block;width: 20px;height: 21px;background: url(//s.thsi.cn/css/m/zixun/images/redzan.png) no-repeat;background-size: 100% 100%;margin-left: 5px;position: absolute;top: 12px;right:0px;}

.anim-bigger {
    -webkit-animation: pulse 1s ease 0s 1;
            animation: pulse 1s ease 0s 1;
}

 @-webkit-keyframes pulse {
 0% {
 -webkit-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 transform: scale(1, 1);
 }

 50% {
 -webkit-transform: scale(1.50, 1.50);
 -ms-transform: scale(1.50, 1.50);
 transform: scale(1.50, 1.50);
 }

 100% {
 -webkit-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 transform: scale(1, 1);
 }
 }

 @keyframes pulse {
 0% {
 -webkit-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 transform: scale(1, 1);
 }

 50% {
 -webkit-transform: scale(1.50, 1.50);
 -ms-transform: scale(1.50, 1.50);
 transform: scale(1.50, 1.50);
 }

 100% {
 -webkit-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 transform: scale(1, 1);
 }
 }
 
 .cmtSend{background: #f5f5f5;border-top: none;}
 .cmtSend .textareaborder{margin:2px 0px;} 

/*举报*/
.report{z-index:10;width: 100%;position: fixed;bottom: 0px;left: 0px;text-align: center;height: 100%;}
.reportBg{position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color:rgba(255,255,255,0.5); z-index:11;}
.report .ctner{position: absolute;top:30%;width:100%;z-index: 20;border-radius: 6px;}
.ctnerin{width: 80%;margin: 0 auto;border:1px solid #c5c5c5;border-radius: 6px;overflow: hidden;padding: 10px 0 20px;background: #f5f5f5;}
.ctner h4{font-size:1em;padding: 10px 0 25px;width: 100%;}
.ctner a{width:30%;font-size: 1em;padding: 5px 0;display: inline-block;background: #e93030;color: #fff;border-radius: 6px;margin:0 4%;}
.ctnerin a:last-child{background: #b2b2b2;}

#body{background: #f5f5f5;color: #323232;}
.platform_default #extra{color:#a6a6a6;}

/**头像的大小设置*/
.platform_iphone .author_pic img{width:25px;height:25px;border-radius: 25px;}
.platform_gphone .author_pic img{width:25px;height:25px;border-radius: 25px;}

/**名家简介*/
 .introduce_author{height:100px;border-top:1px solid #ededed;border-bottom:1px solid #ededed; margin-top:10%;margin-bottom: 24px;}
 .introduce_author ul{display: -webkit-box;height:100%;}
 .introduce_author ul li:first-child{width:20%;line-height: 100px;}
 .introduce_author ul li:first-child img{width:60px;height:60px;border-radius:60px;}
 .introduce_author ul li:nth-child(2){width:70%;margin-right: 5%;line-height: 1.5;margin-top: 30px;}
 .introduce_author ul li:nth-child(2) div{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color:#7a7a7a;font-size: 0.96em;}
 .introduce_author ul li:nth-child(2) div:nth-child(1){color:#333;font-size: 1.2em;}
 .introduce_author ul li:nth-child(3){width:0%;line-height: 100px;}

 .album-onlyfollow .follow-btn { 
    border: 1px solid #D25441;
    color: #D25441;
    border-radius: 4px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 56px; 
}
 .album-onlyfollow .already-follow {
    border: 1px solid #7D7D7D;
    color: #999;
}
 .rela_read{
    margin-bottom: 10%;
}

.rela_title span{
    display: inline-block;
    font-size: 0.96em;
    padding-left: 0.4em;
    margin-left: 4%;
    line-height: 1em;
    border-left: 0.2em solid #e93030;
    color: #333;
}
.rela_article{
    margin-left: 4%;
    padding: 12px 0px;
    color:#333;
    border-bottom:1px solid #ededed;
    width: 92%;  
}
.rela_content_title{
   font-size: 1.06em;  
}
.rela_content_title a{
    color:#333;
}
.rela_author{
    font-size: 0.8em;
    color: #bcbcbc;   
}

#ad_position_1{width: 100%;}
#ad_position_1 img{width: 100%;}
.hc{
    margin: 0 4%;
    font-size: 1.08em;
}
.loading{-webkit-animation: loading infinite linear .5s;-webkit-transition: all .5s;}
@-webkit-keyframes loading {
  0% {-webkit-transform:rotate(0);}
100% {-webkit-transform:rotate(360deg);}}


.platform_iphone_msgcen #content p {
    margin: .5em 0;
    line-height:1.5 !important;
}

.platform_gphone_msgcen .article_text p{
      margin: .5em 0;
    line-height:1.5 !important;
}

.platform_iphone_msgcen .msg_content .extra,.platform_gphone_msgcen .msg_content .extra{
	text-align:left;border-bottom:0;padding-bottom:15px;
}
.platform_iphone_msgcen .msg_content .extra span,.platform_gphone_msgcen .msg_content .extra span{margin:0;}
.platform_iphone_msgcen .title,.platform_gphone_msgcen .title{border-bottom: 1px dashed #d2d2d2;}
.platform_iphone_msgcen .msg_content h1,.platform_gphone_msgcen .msg_content h1{margin:0;font-size:1.4em;}
.black.platform_iphone_msgcen .title,.black.platform_gphone_msgcen .title{border-bottom-color:#444;}
.newreadadd{padding:20px 0 0;}
.newreadadd a{padding-left:28px;color:#333}
.newreadadd h3{text-align:right;padding-bottom:20px;}
.newreadadd h3 span{color:#6a9ad1;text-decoration:underline;font-weight:bold;}
.black .newreadadd p a{color:#9a9a9a !important;}
.black .newreadadd h3 span{color:#6a9ad1 !important;}
.blackIphone .newreadadd p a{color:#d2d2d3 !important;}