@charset "utf8";
/* 锟斤拷锟斤拷css */
* { margin: 0; padding: 0 }
body { font: 12px "锟斤拷锟斤拷", Arial, Helvetica, sans-serif; /*background: #f5f5f5;*/background: #f8f9fa;}
img { border: 0; display: block }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a { outline: none; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
.clear { clear: both; }
.blank { height: 5px; overflow: hidden; width: 100%; margin: auto; clear: both }
/* 头锟斤拷锟斤拷息 */
.ibody { margin: auto; box-shadow: -2px -1px 5px #666; }
header { position: relative; background: url(../images/ibodybg.png) top right no-repeat }
header h1 { padding: 15px 0 0 80px; font-size: 22px; font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; }
header h2 { margin: 20px 80px; color: #8e8d8d }
/* logo */
.logo { background: url(../images/logo.png) no-repeat #000 center; width: 145px; height: 145px; border-radius: 50%; position: absolute; left: -72px; top: 40px; box-shadow: 0px 2px 2px #414141; }
.logo:hover { background: url(../images/home.png) no-repeat #000 center; }
.logo a { width: 100%; height: 100%; display: block }
/* 锟斤拷锟斤拷 */
nav { background: rgba(0,0,0,0.8); height: 48px; line-height: 48px; padding-left: 80px; filter: progid:DXImageTransform.Microsoft.gradient(gradientType = 0, startColorstr = #3333333, endColorstr = #3333333);
}/* 锟斤拷锟斤拷IE6 透锟斤拷 */
nav a { display: inline-block; font-size: 18px; font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; color: #FFF; padding: 0 20px; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
nav a:hover { background: #e41635; }
#topnav_current { background: #e41635 }/* 锟斤拷锟斤拷选锟斤拷锟斤拷色 */
article { width: 96%;float:left;margin-left:2%;background: url(../images/ibodybg.png) 560px -147px no-repeat; }/* 锟斤拷锟斤拷锟� */
aside { width: 27%; background: url(../images/ibodybg.png) -170px -147px no-repeat #000; float: right; }/* 锟揭诧拷锟斤拷 */
/* 锟斤拷权锟斤拷息 */
.copyright { background: #0d0d0d; border-radius: 50%; text-align: center; color: #d8d8d8; padding: 20px; margin: 60px 20px 0 20px; border: #1b1a1a 1px solid; }
.copyright p { line-height: 26px; text-shadow: #000 1px 1px 1px }
.copyright p a { color: #d8d8d8; }

#search{
    background-color: #3e3d40;
    width: 80px;height: 35px;
    color: #fff;
    -moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */
}
#searchinput{
    height: 30px;width: 180px;
    -moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */
}
#searchinput:hover{
    height: 30px;width: 180px;
    -moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */
}

.comment{
    width: 98%;
    height: 100px;
	padding:1%;
}
.name1{
    width: 100%;
    height: 30px;position:absolute;left:-999999px;
}
.index{
    width: 100%;
    height: 30px;position:absolute;left:-999999px;
}

.pl{
    background: rgba(210, 210, 210, 0.61);
    line-height: 30px;
    border:1px solid rgba(141, 33, 0, 0.06);
    width: 100%;
    height: 30px;
    text-align: center;
}
.submit,.submit-btn{
    height: 35px;
    width: 80px;
    text-align: center;
	float:right;
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
    background-color: #FFF;
}
.input-group{
    margin-bottom: 5px;
    margin-top: 5px;
}
.commentList div{
    line-height: 40px;
	margin-bottom:10px;
	position:relative;
}
.content img{
    display: inline;

}
.content{
    width: 100%;word-break: break-all;word-wrap: break-word;
	margin-top:-15px;
	margin-left:8px;
}
.solidline{
    width: 100%;margin:0 auto;
}
.dottedline{
    border:1px dotted #eaf4eb;width: 100%;margin:0 auto;
}
.hftime{
  float:left;padding-left:0px; color:#ccc;
	font-size:12px;margin-bottom:6px;margin-top:0px;margin-left:5px;position:relative;
}
.hftime em{
	margin-right:10px;
}
.hf{
    color:#c0c0c0;
    font-size: 13px;
	position:absolute;top:12px;
	right:0;
}
.user{
    color:#6d757a;
	font-size:15px;
}



.emotion{color:blue;}
.com_zan{display:inline-block; position:absolute; top:1px; left:120px;
            transition: All 0.8s ease-in-out;
            -webkit-transition: All 0.8s ease-in-out;
            -moz-transition: All 0.8s ease-in-out;
            -o-transition: All 0.8s ease-in-out;}
.font{display:inline-block; position:absolute; top:2px; left:138px;width:150px;}
#com_head{width:36px; heigth:36px; border-radius:36px;clear:both;display:inline-block;position:relative;top:12px;}
/*移动端样式 - Mobile terminal style*/
@media screen and (max-width: 830px) {  
	.ibody {width:100%;clear:both;margin-top:100px;}
    #facebox{
		width:95%;
		overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
    	background:#fff;
    	margin-left:-3px;
    	margin-top:20px;
    }
	#facebox img{padding:16px;}
    .pl{
    	font-size:12px;
    }
    .content{font-size:16px;margin-left:40px;width:86%;}
    .ibody .content img{width:80px;position:relative;top:6px;left:2px;}
}
/*pc端样式 */
@media screen and (min-width: 830px) {  
    .ibody {width:1166px;clear:both;margin-top:60px;}
	#facebox{
		width:1118px;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
    	background:#fff;
    	margin-left:0px;
    	margin-top:21px;
    }
	#facebox img{padding:21px;float:left;}
    .content{font-size:16px;margin-left:40px;width:92%;}
    .ibody .content img{width:80px;position:relative;top:9px;left:2px;}
}
.content{margin-top:5px;}
.ibody .input-group img{width:32px;position:relative;top:5px;}

.ibody{font-size:14px;}
/*pre换行*/
pre{
    white-space:pre-wrap; 
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    overflow: auto;
	color:#000;
	line-height:26px;
}

/*隐藏滚动条*/
::-webkit-scrollbar{
  display:none;
}

#louzhu{color:#80a7e1;padding:1px;font-size:12px;margin-right:1px;position:relative;top:-1px;margin-left:2px;}
.com_top, .com_top_de{font-size:12px;margin-right:10px;}