@CHARSET "UTF-8";
*{margin: 0; padding: 0;}
body{ font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;}
.clear:after{clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}
.out_pannel{padding-bottom: 80px;}
.container{padding: 10px; background-color: #fff; }

.header{padding: 5px 0 5px 0;}
.header p.tit{font-weight:400; font-size: 22px; padding-bottom:10px;}
.author .date{color: #8c8c8c; font-size:16px; font-style:normal; display: block; float: left;}
.author .name{color: #607fa6; font-size:16px; font-style:normal; display: none; float:left; margin-left: 10px;}
.content{padding: 20px 0 20px 0; overflow:hidden;}
.content img{ width: 100%; height: auto;line-height:inherit;}
.footer{padding: 20px 0 20px 0; color:#8c8c8c;}
.footer .readNum{display: block; float: left;}
.footer .zan{display: block; text-align: center; font-size: 24px;}
.footer .zan i{ color:#607fa6 ;}
.zanCount{padding-left: 10px;}


.downDiv{ height:70px; width: 100%; background-color: #f2f2f2; position: fixed; bottom: 0px; z-index: 999}
.downImg{width:100px;height: 100px;}
.downImg img{height: 80px;width: 80px;display: block;margin: 0 auto;border-radius:5px;border: 1px solid #fff;position: relative;top:-20px;}
.downTxt{padding: 5px 10px 0 0;font-size: 12px;color: #777575;}
.downBtn{padding: 20px 10px;}
.downBtn a{font-size: 12px;}

.reply_content{border-top: 1px solid #F2F2F2; padding: 10px; padding-top: 20px; background-color: #FbFbFb;}
.field-title{margin:10px 0 10px 0;border:none;border-top:1px solid #e2e2e2;}
.field-title legend{margin:20px auto;padding:0 10px;font-size:16px;font-weight:300;}
.edit_select p{float:right; color:#607fa6 }

.reply_list{padding-bottom:30px}
.reply_list_top {}
.reply_list_top .l,.reply_list_top .l img{ width: 40px; height:40px; float:left; border-radius: 3px;}
.reply_list_top .r{ float:left; margin-left: 10px; color:#888;}
.reply_list_top .nick,.reply_list_top .reply_date{line-height: 18px;}

.reply_list_con{ padding-left: 50px; font-size: 14px; color: #333;}
.author_div{ padding-top: 10px;}
.author_div .author_tips{border-left: 3px solid green; font-weight: 700; padding-left: 10px; line-height: 15px; margin-bottom: 10px;}

.reply_alert_pannel{z-index:999; background-color: #fff; padding: 10px; position:fixed; top:0; height: 100%; width: calc(100% - 20px);display: none;}
.reply_alert_pannel textarea{-webkit-appearance: none;font-size:14px; color:#666; min-height:100px;padding:6px 10px;border:1px solid #e6e6e6; width: calc(100% - 20px); display: block;border-radius:2px;}
.reply_btn_group{padding-top: 20px;}
.reply_btn_group a.colse{display:inline-block; height:36px; width:calc(50% - 10px); text-align:center; line-height:36px; border-radius:3px;  background-color:#FbFbFb; color:#666; border:1px solid #F0F0F0;}
.reply_btn_group a.submit{display:inline-block; float:right; height:36px; width:calc(50% - 10px); text-align:center; line-height:36px; border-radius:3px;  background-color:#76C1E2; color:#fff; border:1px solid #F0F0F0;}


.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.fa-thumbs-o-up:before {content: "\f087";}
.fa-share-square-o:before{content:"\f045";}
.fa-edit:before{content: "\f044";}
.fa-users:before{content:"\f0c0"}

.replyDiv{height: 45px; width: 100%; position: fixed; bottom: 0px; background-color: #F4F5F7; border-top:1px solid #EBECEE; color: #909090;}
.reply-input{ margin-left:10px; float:left; height: 32px; margin-top: 6px; border: 1px solid #EBECEE; background-color: #fff; line-height: 32px; border-radius:20px; padding-left:12px;width: calc(100% - 140px);}
.reply-zan{float: left; margin-left: 25px; height: 45px; line-height: 50px; position: relative; }
.reply-zan .fa-thumbs-o-up{font-size: 20px;}
.share-icon{float: right; margin-right: 25px; height: 45px; line-height: 50px;}
.share-icon .fa-share-square-o{font-size: 20px;}
.tag-solid { font-size: 8px;line-height: 1.5;display: inline-block; padding: 0 .5em;border-radius: 5px; background-color: red; position: absolute; top:8px; left:13px;}
.tag-solid::first-line {color: #fff;}
*{
  -webkit-touch-callout:none; /*系统默认菜单被禁用*/
  -webkit-user-select:none; /*webkit浏览器*/
  -khtml-user-select:none; /*早期浏览器*/
  -moz-user-select:none;/*火狐*/
  -ms-user-select:none; /*IE10*/
  user-select:none;
}
input,textarea {
  -webkit-user-select:auto; /*webkit浏览器*/
  margin: 0px;
  padding: 0px;
  outline: none;
}

.activity_end{
	background-color: #FFCA11;
	font-size:18px;
	text-align: center;
	color:#FFF;
	padding-top: 30px;
	padding-bottom: 30px;
}


/** 活动参与 **/
.canyuhuodong{
	width: 100%; position: fixed; bottom: 0px; 
}
.canyuhuodong .canyu_con{
	margin-left:10px;
	margin-right:10px;
	background-color: #FFB04F;
	border-top-left-radius:40px;
	border-top-right-radius:40px;
}
.canyuNum{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 7px;
	color: #fff;
	font-size: 14px;
}
.canyuDiv{
	display: flex;
	justify-content: space-around;
  	align-items: center;
  	padding-top: 15px;
  	padding-bottom: 15px;
}
.canyuBtn,.yaoqingBtn{
	color: #fff;
	border: 1px solid #fff;
	padding: 5px 20px;
	border-radius:30px;
}