
.InputBox {
    /*max-width: 495px;*/
   	width: 100%;
   	bottom: 0;
   	border-top: 1px solid #e9e9e9;
	background:#f8f8f8;
    padding: 8px;
	padding-right:0;
}

.InputBox .input {
    width: 100%;
    min-height: 30px;
    /*max-height: 30px;*/
   
    /*border: 1px solid #ccc;*/
    /*transition: border linear .2s, box-shadow linear .5s;*/
    /*-moz-transition: border linear .2s, -moz-box-shadow linear .5s;*/
    /*-webkit-transition: border linear .2s, -webkit-box-shadow linear .5s;*/
    /*-moz-border-radius: 5px;*/
    /*-webkit-border-radius: 5px;*/
    /*border-radius: 5px;*/
    /*background-color: #fff;*/
    overflow: hidden;
    /*-moz-box-shadow: 0 0 5px #ccc;*/
    /*-webkit-box-shadow: 0 0 5px #ccc;*/
    /*box-shadow: 0 0 5px #ccc;*/
}

.InputBox .text {
	-webkit-user-select: auto;
	float: left;
    width: 48%;
    height: 40px;
	margin-bottom:0 !important;
    padding-left:2%;
    overflow-y: auto;
	padding:0 10px !important;
	line-height:38px !important;
    /*padding: 5px;*/
    /*outline: none;
    border: 0px solid #fff;
    resize: none;
    font: 13px "微软雅黑", Arial, Helvetica, sans-serif;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
   
   	border:1px solid #efefef;
    border-radius: 20px;
    background: #efefef;
}
.InputBox .text img{vertical-align:middle;width:20px;height:20px;}

.InputBox .btnGroup {
	float: right;
    width: 50%;
    height: 40px;
    line-height: 40px;
    /*border-top: 1px solid #ccc;*/
    /*background-color: #fff;*/
    /*-moz-border-radius: 0 0 5px 5px;*/
    /*-webkit-border-radius: 0 0 5px 5px;*/
    /*border-radius: 0 0 5px 5px;*/
    /*position: relative;*/
    /*bottom: 0;*/
}
#publish{
	font-size:16px;
	width:100%;
}
.InputBox .btn{
	/*width: 30px;*/
	/*height: 30px;*/
	width: 32%;
	padding: 0;
	margin: 0;
	text-align:center;
	color:#aeaeae;
	font-size:30px;
	display: inline-block;
}
.InputBox .btn img{
	width: 24px;
	vertical-align: middle;
}
.InputBox .com-count{
	position: absolute;
	left: 52%;
	min-width:16px;
    font-style: normal;
    font-size: 10px;
    background: red;
    padding: 2px;
    border-radius: 16px;
    color: #fff;
    white-space: nowrap;
}
.emojiBox {
    width: 100%;
    display: none;
    background-color: #fff;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
	margin-top: 10px;
}

.emojiBox> .emoji_container >section >._img img {
    /*border: 1px solid #ccc;*/
    float: left;
    max-width: 30px;
    max-height: 30px;
    margin-left: 6px;
    margin-top: 6px;
    position: relative;
    cursor: pointer;
}

.emojiBox>img:hover {
    background-color: #efefef;
}

.emojiBox>img:active {
    padding: 4px 3px 2px 3px;
}

.emoji_tab {
    position: relative;
    border-top: 1px solid gray;
    height: 2em;
    line-height: 2em;
    white-space: nowrap;
    overflow-x: auto;
    bottom: 0;
    left: 0;
    right: 0;
}

.emoji_tab a {
    display: inline-block;
    text-decoration: none;
    height: 1em;
    line-height: 1em;
    padding: .2em .5em;
    background-color: gray;
    box-shadow: 1px 1px 3px gray;
    border-radius: 5px;
    margin: 0 .2em;
}

.emoji_container {
    height: 130px;
    padding: .5em;
    overflow: auto;
}

.emoji_container section {
    display: none;
}

._img {
    width:
}

.active {
    background-color: black;
    color: white;
}









/*评论显示区*/

.commentBox{
	
}

.commentBox .li{
	padding: 5px;
	/*position: relative;*/
	 display: -webkit-flex;
	  /*display: table;*/
	border-bottom: 1px solid #f2f4f5;
}

.commentBox .icon{
	display: table-cell; 
	/*position: absolute;*/
	/*left: 0;*/
	/*width: 100px;*/
	width: 60px;
	/*float: left;*/
	/*height: 100%;*/
	
}
.commentBox .icon img{
	margin: 10px;
	width: 30px;
	border-radius: 30px;
	border: 1px solid #BBBBBB;
}

.commentBox .content{
	display: table-cell; 
	width: auto;
	/*position: absolute;*/
	/*float: right;*/
	/*width: 80%;*/
	/*right: 0;*/
	/*top: 0;*/
}

.commentBox .name{
	color: #acb0b3;
	font-family: "微软雅黑";
	font-size: 16px;
	margin-top: 8px;
	
}

.commentBox .time{
	margin-top: 2px;
	font-family: "微软雅黑";
	color: #d6d8da;
	font-size: 10px;
}

.commentBox .text{
	margin-top: 8px;
	margin-bottom: 8px;
	font-family: "微软雅黑";
	color: #656b70;
	
	
}

#get-jd{display:none;}
#look-more{color:#0577be;cursor:pointer;font-size: 14px;}
    	.box{
    		position: fixed;
    		bottom: 0;
    		width: 100%;
    		left: 0;
    	}
    	#display{
    	 margin-bottom: 100px;
    	overflow: auto;
}

/*分享*/
.reset-share{background:#f7f7f7;height:100px;}
.reset-share li{width:25%;float:left;text-align:center;}
.reset-share li img{
	display: block;
    margin:20px auto 10px;
}








