@charset "utf-8";
@media print{@page {size: portrait}}
body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form { margin:0; padding:0; list-style:none; vertical-align:middle; }
h1, h2, h3, h4, h5, h6, strong, em { font-weight:normal; font-style:normal; }
body { 
	font:normal 14px/1.5 "Hiragino Sans GB","Microsoft YaHei","PingHei","Lucida Grande", "Lucida Sans Unicode", "Helvetica","Arial","Verdana","sans-serif";
	color:#000;
	-webkit-text-size-adjust: none;
	background-color: #F0F0F0;
}
.loading{background:#000;width:100%;height:100%;line-height:400px;position:absolute;top:0;left:0;z-index:999999;color:#ccc;text-align:center; opacity:.4;}

.title{margin: 0; text-align:center;}
.title img{
	display: block;
	width: 100%;
}
.wapselftext img {
	margin:5px 0;
}

.subnav {
   padding: 0px;
}
#live_mod_button {
	float:right;
	font-size:12px;
}
#live_mod_button span a{
	background:#000;
	padding:2px 5px;
	color:#fff;
}
#live_add{
	margin:5px 20px;
}
#live_add a{
	border:1px solid #ddd;
	padding:5px 15px;
	background:#fff;
	font-weight:bold;
	text-decoration: none;
}
#live_add em{
	font-weight:bold;
}
#waplist{
	margin: 20px 15px 20px 15px;
	padding: 0;
}
#waplist li{
	margin:  0 0 20px 0;
	position: relative;
}
#waplist li .wapheader{
	position: absolute;
	top: 0;
	left: 0;
	height: 34px;
	width: 34px;
}
#waplist li .wapheader img {
	width: 100%;
	height: 34px;
	width: 34px;
		border-radius: 17px;
}
#waplist li .con_arrow{
	position: absolute;
	left: 40px;
	top: 10px;
	height: 10px;
	width: 10px;
	background: #ffffff;
	transform: rotate(45deg); 
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
#waplist li .wapcon{
	padding: 10px;
	background-color: #fff;
	margin-left: 45px;
	min-height: 10px;
	border-radius: 3px;
     
/*box-shadow:2px 2px 2px #8c8c8c ;  */
}
#waplist li .wapcon .wapselfbase{
	margin:0;
}
#waplist li .wapcon span{
	margin-right: 10px;
}
#waplist li .wapcon .wapselfname{
	color: #B67A24;
	font-size: 14px;
}
#waplist li .wapcon .wapselfidentity{
	color: #db0606;
	font-size: 11px;
}
#waplist li .wapcon .wapselfisTop{
	padding: 0 8px 0 8px;
	background-color: #DF8024;
	font-size: 13px;
	color: #ffffff;
}
#waplist li .wapcon .wapselftime{
	color: #999999;
	font-size: 11px;
}
#waplist li .wapcon .wapselftext{
	color: #222222;
	font-size: 17px;
	line-height: 25px;
}
#waplist li .wapcon .wapselfimg{
	max-width: 100%;
	margin-top: 10px;
	overflow: hidden;
}
#waplist li .wapcon .wapselfimg img{
	width: 100%;
	display: block;
		border-radius: 5px;
		box-shadow:0px 0px 5px #8c8c8c; 
}

#waplist li .wapcon .replay_con{
	position: relative;
	background-color: #f0f0f0;
	padding-bottom: 10px;
	margin-top: 10px;
}
#waplist li .wapcon .replay_arrow{
	position: absolute;
	left: 10px;
	top: -5px;
	height: 10px;
	width: 10px;
	background: #f0f0f0;
	transform: rotate(45deg); 
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
#waplist li .wapcon .replay_header{
	position: absolute;
	top: 10px;
	left: 7px;
	height: 30px;
	width: 30px;
}
#waplist li .wapcon .replay_header img{
	display: block;
	top: 0;
	left: 0;
	height: 30px;
	width: 30px;
}
#waplist li .wapcon .replay_header_mask{
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	width: 30px;
}
#waplist li .wapcon .replay_base{
	padding-top: 5px;
	margin-left: 44px;
}
#waplist li .wapcon .replay_name{
	color: #7199ce;
	font-size: 13px;
}
#waplist li .wapcon .replay_identity{
	color: #DF8024;
	font-size: 11px;
}
#waplist li .wapcon .replay_isTop{
	color: #DF8024;
}
#waplist li .wapcon .replay_time{
	margin-left: 44px;
	color: #999999;
	font-size: 11px;
}
#waplist li .wapcon .replay_text{
	padding: 0 7px 0 7px;
	font-size: 17px;
	line-height: 25px;
}
#waplist li .wapcon .replay_img{
	max-width: 100%;
	margin: 10px 7px 10px 7px;
}
#waplist li .wapcon .replay_img img{
	width: 100%;
	display: block;
}
.showNext{
	margin: 20px 15px;
	padding:  5px 0;
	text-align: center;
	background-color: #E6E6E6;
	color: #828282;
}

div.imageBox {
	display:table;
	position:fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 2000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	text-align: center;
}

div.imageBox a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

div.imageBox img {
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 15px #444;
	-moz-box-shadow: 0px 0px 15px #444;
	max-width:92%;
}
.wapcon img{ width:100%; height:auto;}

#t-demo {
	display:none;
}


@media screen and (min-width:0px) and (max-width:420px) {


	.panel-body span{
		max-width:80%;
	}

}