﻿@charset "utf-8";
@import url("reset.css");
/*body{ overflow:hidden;}
*/
#wrap{
    min-height:100%;
    _height:100%;
    position:relative;
}
.livewrap{ overflow:hidden; }
.wrapper{ clear:both; text-align:center; overflow:hidden;}
.main{
	width:836px;
	margin:10px auto;
	background-color:#1e212a;
	overflow:hidden;
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
	color:#FFFFFF;
}
.main .header{ clear:both; color:#FFFFFF; text-align:left; line-height:35px; padding-left:10px; border-bottom: 1px solid #4e566a; font-size:14pt; overflow:hidden;}
.main .header .logo-icon{ float:left; margin-right:10px; margin-top:3px; display:block; width:30px; height:30px; background:url(../images/logo_icon.png) no-repeat;}
.main .content{clear:both; line-height:25px; overflow-x:hidden; overflow-y:auto; text-align:center;
	word-break:break-word;   /*强制英文单词断行 word-break: keep-all; break-all*/
	word-wrap: break-word;  /*只对英文起作用，以单词作为换行依据。*/					
	/*white-space: pre-wrap;*/ /*只对中文起作用，强制换行。*/
	width:826px; height:645px; margin:0px auto; padding:2px;
}
.main .content .left{float:left; width:602px; height: 645px; /*border: 1px solid #4e566a; background:#3e4453;*/}
.main .content .right{ float:right; width:218px; height: 645px; border-left: 1px solid #4e566a; /*border: 1px solid #4e566a; background:#3e4453;*/}

.main .status{ clear:both; padding:8px 10px; font-size:12pt; background:#2f3441; color:#FFFFFF; overflow:hidden;}
.main .status .left{ float:left;}
.main .status .right{ float:right;}
.main .status ul{ list-style-type:none; padding:0px; margin:0px; overflow:hidden;}
.main .status ul li{ float:left; padding-right:15px;}

#CameraPhoto{ width:200px; margin:2px; border:1px solid #4e566a;}
.btn-radius{ -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.btn_select{ height:28px; line-height:28px; border:1px solid #1e9fff; }
#FileSelectPath{width:500px; height:28px; line-height:28px; border:1px solid #1e9fff;}

.p_header{clear:both;border-bottom:1px solid #6591c2;text-align:center;padding:6px 0;background:#1971db;color:#fff;}
.p_search{clear:both;padding:2px 8px;background:#f4f4f4;border-bottom:1px solid #e3e3e3;border-top:1px solid #e3e3e3;margin-bottom:5px}
.p_search div{ clear:both; padding:3px;}
.p_bar{clear:both;overflow:hidden;*zoom:1;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;background:#f4f4f4;padding:5px 8px}
.p_bar strong{float:left;font-weight:normal}
.p_bar strong a{margin-right:8px}.p_bar span{float:right}
.p_titnav{line-height:1.7}
.p_info{line-height:1.8; line-height:25px; padding:10px;}
.p_info p{ margin-left:10px; margin-bottom:10px;}
.p_foot p{line-height:1.8}
.p_picbox{width:320px}
.p_picbox img{width:320px}
.p_list{clear:both;padding:4px 8px;font-size:16px}
.p_list li{ height:35px; line-height:35px;white-space:nowrap; border-bottom:1px dashed #cccccc;}
.p_list li p{ float:left;height:35px;  line-height:35px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.p_list li span{ float:right;height:35px; line-height:35px;white-space:nowrap; font-size:10pt;}
.p_list li dl{ float:right;height:35px; line-height:35px;white-space:nowrap; font-size:10pt; overflow:hidden;}
.p_list li .listdel{ cursor:pointer;}
.p_list a,.p_list a:link,.p_list a:visited,.p_list a:active{ display:inline-block;}
.p_list a:hover{-webkit-tap-highlight-color:rgba(255,0,0,1);}

.ellipsis{ overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap}

/*分页样式*/
.pagelist{ clear:both; display:block; margin:10px 0 0px 0; height:35px; overflow:hidden; }
	.pagelist:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
	.pagelist .l-btns{ display:block; float:left; margin:0 5px 0 0; padding:0 10px; border:1px solid #dbdbdb; height:35px; overflow:hidden; }
	.pagelist .l-btns span{ font-size:12px; color:#333; line-height:35px; }
	.pagelist .l-btns .pagenum{ display:inline-block; margin:0 5px; padding:0 5px; border:1px solid #dbdbdb; border-top:0; border-bottom:0; width:30px; height:35px; line-height:35px; font-size:12px; color:#333; text-align:center; vertical-align:top; overflow:hidden; }
    .pagelist .default{ margin:0; padding:0; font-size:12px; }
	.pagelist .default a,.pagelist .default span{ display:inline-block; margin:0 0 0 -1px; padding:4px 12px; line-height:25px; height:35px; border:1px solid #e1e1e1; background:#fff; color:#333; text-decoration:none; }
	.pagelist .default span:first-child{ border-left:1px solid #e1e1e1; }
	.pagelist .default a:hover{ color:#666; background:#eee; }
	.pagelist .default span.current{ color:#fff; background:#488FCD; border-color:#488FCD; }
	.pagelist .default span.disabled{ color:#999; background:#fff; }
	
	
.thumbnail{ height:320px; overflow:hidden;}
.thumbnail img{ height:260px; overflow:hidden;}
.heard{ background:url(../images/);}
.activity-content img{ max-width:800px;}
.bgwhite{ background-color:#FFFFFF;}
.layui-bg-black1{ background-color:#0f1247;}
#shareimage{ margin-top:90px;}

@media (max-width:800px){
	.thumbnail{ height:260px; overflow:hidden;}
	.thumbnail img{ height:160px; overflow:hidden;}
	.activity-content img{ max-width:600px;}
}

@media (max-width:540px){
	.col-md-3{ margin:0px; padding:0px; overflow:hidden;}
	.thumbnail{ height:180px; margin:3px; overflow:hidden;}
	.thumbnail img{ height:120px; overflow:hidden;}
	.activity-content img{ max-width:540px;}

}