/*-------------------------------------
#Description:      zz_core.css
#Version:          v1.0
#Author:           zhaojun
#Recent:           2013-11-11
-------------------------------------*/


/*
===================
初始化【请勿修改】
===================
*/
html,body,
dl, dt, dd, ul, p,
h1, h2, h3, h4, h5, h6,
pre, code, form,
fieldset, legend{
	margin: 0;
	padding: 0;
}
cite,
em,
strong,
th {
	font-style: normal;
}
td,
th,
div {
	word-break:break-all;
	word-wrap:break-word;
}
/*解决ff下不换行问题*/
pre{
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
form{
	display:inline;
}
table {
	border-collapse: collapse;
	border-spacing:0;
}
th {
	text-align: left;
	font-weight:100;
}
ol li {
	list-style: decimal outside;
}
ol{
	padding:0 0 0 18px;
	margin:0;
}
li {
	list-style:none;
}
img {
	border: 0;
}
/*
===================
html5标签初始化
===================
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

/*
===================
基础样式
>>	b			加粗
>>	u			下划线
>>	i			斜体
>>	w			文本不换行
>>	tal		文本靠左显示
>>	tac		文本居中显示
>>	tar		文本靠右显示
>>	fl		左浮动
>>	fr		右浮动
>>	pr		相对定位
>>	cp		鼠标点击手势
>>	vt		表格内容靠上显示
===================
*/
.b{
	font-weight:700 !important;
}
.u{
	text-decoration:underline !important;
}
.i{
	font-style:italic !important;
}
.w{
	white-space:nowrap;
}
.tal{
	text-align:left !important;
}
.tac{
	text-align:center !important;
}
.tar{
	text-align:right !important;
}
.pr{
	position:relative;
}
.cp{
	cursor:pointer;
}
.vt{
	vertical-align:top;
}
.dn{
	display:none;
}

/*
===================
系统文本颜色【系统功能上需要的颜色警告或者提醒】
===================
*/
.s1{
	color:#ff3333;
}
.s3{
	color:#008800;
}
.s4{
	color:#105cb6;
}
.s5{
	color:#333333;
}
.s6{
	color:#666666;
}
.gray{
	color:#999999;
}
.red{
	color:#ff0000 !important;
}
.green{
	color:#008800 !important;
}
.org{
	color:#ff5500 !important;
}
.orange{
	color:#ff6600;
}

/*
===================
核心背景整合
===================
*/
.btn/*按钮背景*/,
.core_follow/*全局关注按钮*/,
.pop_deep .ct dt.reward/*打卡奖励金币图*/,
/*.pages a分页样式,
.pages strong,*/
.design_mode_edit/*模块管理按钮*/,
#back_top/*返回顶部*/,
.pop_showmsg/*无操作提示*/{
	background:url(../images/common/core_bg.png);
}

/*
===================
核心图标整合
===================
*/
.btn .add,
.btn_error .add,
.btn_success .add,
.btn_submit .add,
.pop_close/*弹窗关闭*/,
.pop_deep .hd .close/*重口味弹窗关闭*/,
.pop_card .unfollow/*名片已关注*/,
.pImg_close/*幻灯关闭*/,
.bcr1,
.bcr2,
.bcr3,
.bcr4/*幻灯外结构*/,
.icon_edit,
.icon_del/*编辑和删除小图标*/,
.color_pick/*颜色选择*/,
.user_select_input .input_down/*私信用户选择*/,
.pop_help_punch .select_box dd,
.pop_help_punch .select_box dt/*打卡弹窗*/,
.tmode_waterfall .num span/*瀑布流小图标*/,
.design_layout_search button span/*搜索放大镜*/{
	background:url(../../images/common/core_icon.png) no-repeat;
}

/*
===================
全局按钮【可在input、button、a使用，可自由组合】
>>	btn									默认按钮
>>	btn btn_big					大按钮
>>	btn btn_error				错误按钮
>>	btn btn_success			确认按钮
>>	btn btn_submit			提交按钮
===================
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.btn {
	color: #333 !important;
	background-color:#f3f3f3;
	background-position:0 0;
	border: 1px solid #b1aeae;
	border-radius: 2px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	padding:4px 10px;
	*padding:5px 10px 6px;
	_padding:5px 10px 4px;
	display: inline-block;
	cursor: pointer;
	font-size:100%;
	line-height: normal;
	text-decoration:none;
	overflow:visible;
	vertical-align: middle;
	text-align:center;
	zoom: 1;
	white-space:nowrap;
	font-family:inherit;
	*font-family:Simsun;
	margin:0;
}
input.btn,
button.btn{
	*padding: 4px 10px 4px !important;
	_padding: 5px 10px 1px !important;
}
.btn em{
	font-size:10px;
	font-style:normal;
	padding-left:2px;
	font-family:Arial;
	vertical-align:1px;
}
/*加号*/
.btn .add{
	width:9px;
	height:9px;
	background-position:-2px -2px;
	display:inline-block;
	vertical-align:middle;
	margin:-2px 5px 0 -3px;
}
.btn_big .add{
	width:13px;
	height:13px;
	background-position:0 0;
}
.btn_error .add,
.btn_success .add,
.btn_submit .add{
	background-position:-2px -22px;
}
.btn_big.btn_error .add,
.btn_big.btn_success .add,
.btn_big.btn_submit .add{
	background-position:0 -20px;
}
/*悬停*/
.btn:hover {
	background-position: 0 -40px;
	color: #333;
	text-decoration: none;
}
/*点击后*/
.btn:active {
	background-position:0 -81px;
}
/*大按钮*/
.btn_big {
	font-size: 14px;
	line-height: normal;
	padding: 6px 18px;
	*padding:7px 18px;
	_padding:7px 18px 5px;
	border-radius: 2px;
}
input.btn_big,
button.btn_big{
	*padding: 6px 18px 5px !important;
	_padding: 6px 18px 3px !important;
}
/*其他按钮文字颜色*/
.btn_error,
.btn_error:hover,
.btn_success,
.btn_success:hover,
.btn_submit,
.btn_submit:hover{
  color: #ffffff !important;
}
/*提交按钮*/
.btn_submit{
	background-position:0 -120px;
	background-color: #3b7dc3;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #0f75a4 #0e6191 #0c497c #0e6191;
}
.btn_submit:hover{
	background-position:0 -160px;
}
.btn_submit:active{
	background-position:0 -201px;
	border-color: #0c487b #0e5d8e #0f75a3 #0e5d8e;
}
/*确认按钮*/
.btn_success{
	background-color: #89bf00;
	background-position:0 -240px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #498400 #498400 #355f00;
	color: #ffffff;
}
.btn_success:hover{
	background-position:0 -280px;
}
.btn_success:active{
	background-position:0 -321px;
}
/*错误按钮*/
.btn_error{
  background-color: #f29407;
	background-position:0 -360px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
  border-color: #da9608 #cb7d09 #bc650a #cb7d09;
}
.btn_error:hover{
	background-position:0 -400px;
}
.btn_error:active{
	background-position:0 -441px;
  border-color: #bc640a #cb7d09 #da9508 #cb7d09;
}

/*
===================
表单样式
>>	.input与texarea 可加样式 .length_* 进行宽度控制(其中*是1-6的数字，由大到小)
>>	select 可使用 .select_* 进行宽度控制(其中*是1-6的数字，由大到小)
>>	.form_success 与 .form_error 可对输入框文本框进行正确错误效果显示
===================
*/
.input_style, .textarea_style, .select_style {
	padding:4px 4px;
	font-size: 100%;
	line-height:18px;
	border:1px solid #ccc;
	background-color:#fff;
	box-shadow:2px 2px 2px #f0f0f0 inset;
	vertical-align: middle;
	margin: 0;
	font-family: inherit;
	color:#333;
}
.input_new{
	line-height:18px;
	padding: 0.5em 0.6em;
	display: inline-block;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 3px #ddd;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.zz-input-text{
	border: 1px solid #d9d6c3;
	padding: 0 4px;
	height: 26px;
}
.select_new{
	border: 1px solid #d9d6c3;
	height: 26px;
	padding:4px 4px;
	font-size: 100%;
	line-height:18px;
	border:1px solid #ccc;
	background-color:#fff;
	box-shadow:2px 2px 2px #f0f0f0 inset;
	vertical-align: middle;
	margin: 0;
	font-family: inherit;
	color:#333;
}
.textarea_style {
	height:72px;
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}
.input_style:focus,.input_new:focus,.textarea_style:focus,.textarea_new:focus{
	outline:2px solid #99d8f5;
	border-color:#7bbff2;
}
.input_style{
	height:18px;
}

/*输入框文本框长度【亦可对其他模块进行宽度控制】*/
.length_0{
	width:20px;
}
.length_1{
	width:50px;
}
.length_2{
	width:110px;
}
.length_3{
	width:170px;
}
.length_4{
	width:230px;
}
.select_4{
	width:233px;
}
.length_5{
	width:290px;
}
.length_6{
	width:350px;
}
/*框的高度*/
.height_2{
	height:90px;
}
.height_3{
	height:110px;
}
.height_4{
	height:130px;
}

.span_desc {
    line-height: 34px;
    padding-left: 5px;
}
.zidx31 {z-index: 31;}
.zidx51 {z-index: 51;}
.zidx61 {z-index: 61;}
.zidx92 {z-index: 92;}
.zidx192 {z-index: 192;}
.zidx9999 {z-index: 9000;}

.t_img {float: left;height: 80px;line-height:18px;margin-right: 10px;overflow: hidden;text-align: center;width: 60px;}
.t_img img {height:60px;width:60px;}
.b {font-weight:600;}
.blue {color:#369;}

.red {color: #DA0000;}
.ti {text-indent: -999em;}

/*距离旁边*/
.pl5 {padding-left: 5px;}
.ml5 {margin-left: 5px;}
.mt30 {margin-top: 30px;}
.mt20 {margin-top: 20px;}

/*
===================
必填选项的星号
>>	<span class="must_red">*</span>
===================
*/
.must_red{
	font-family:Simsun;
	color:#ff0000;
	margin-top:0;
	margin-left:-13px;
	position:absolute;
	font-size:14px;
}
/*
===================
loading加载
===================
*/
/*头部加载提示*/
.top_loading{
	position:absolute;
	border:1px solid #f0c36d;
	border-radius:2px;
	line-height:34px;
	height:34px;
	width:100px;
	text-indent:35px;
	font-size:14px;
	color:#333;
	background-color:#fff5cd;
	background-position:10px center;
	left:50%;
	margin-left:-60px;
	z-index:1;
	margin-top:-1px;
}

/*
===================
全局操作提示
>>	tips							包裹
>>	tips_icon					普通-小
>>	tips_icon_error		错误-小
>>	tips_icon_success	正确-小
>>	tips_icon_help		帮助信息-小
>>	tips_loading			加载中-小
===================
*/
.tips{
	border:1px solid #faebd2;
	background:#ffffe9;
	color:#666;
	line-height:16px;
	padding:5px 10px 6px;
	margin-bottom: 5px;
	text-indent: 0;
	font-size: 12px;
}
.tips a{text-decoration: none;}
.tips_icon,
.tips_icon_error,
.tips_icon_success,
.tips_icon_help{
	background:url(../images/tips/small.png) 0 -60px no-repeat;
	padding:0 10px 0 20px;
	display:inline-block;
	vertical-align:middle;
	line-height:16px;
	min-height:18px;
	_height:18px;
	font-size:12px;
	margin-left: 10px;
}
.tips_icon_error{
	background-position:-20px -40px;
	color:#B52828;
}
.tips_icon_success{
	background-position:-40px -20px;
	color:#008800;
}
.tips_icon_help{
	background-position:-60px 0;
}
.tips_loading{
	background-position:0 center;
	color:#333333;
	display:inline-block;
	padding-left:18px;
	line-height:18px;
}
.tips_ck_loading{
	width:240px;
	height:78px;
	line-height:78px;
	overflow:hidden;
	padding-left:24px;
}

.orange {color: #ff6600;}


/*
===================
form表单提交
===================
*/
.zz_post_form{padding: 5px 0 40px 15px;}
.zz_post_form dl{padding: 4px 0 4px 10px;width: 100%;min-height: 30px;zoom: 1;}
.zz_post_form dl:after{
content: '\20';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.zz_post_form dt{float: left;width: 110px;font-size: 14px;text-align: right;margin-right: 15px;color:#696969;line-height: 28px;}
.zz_post_form dd{float: left;width: 410px;line-height:28px;}
.zz_post_form dd.dd_r{width: 308px;line-height: 26px;color:#999999}
.zz_post_form .col{width: 788px;line-height: 26px;text-align: left;}
.zz_post_form dt i{color: #EE2200;font-family: Tahoma;font-style: normal;line-height: 29px;padding-right: 5px;vertical-align: middle;}

.zz_h2{color: #0e90d2;font-size: 16px;padding: 10px 20px;margin-bottom: 10px;}
.zz_h2:after{display: block;height: 0;clear: both;visibility: hidden;}
.zz_post_form tr{}
.zz_post_form th,.zz_post_form td{padding: 4px 4px;}
.zz_post_form .h {background: #f0f9ff;color: #fff;padding: 2px 15px;line-height: 220%;overflow: hidden;}
.zz_post_form th{text-align: right;width: 130px;}

.zz-form{padding: 5px 0 40px 15px;}


/*
===================
弹出框
===================
*/
.pop_showmsg {
	background:url(../images/common/core_bg.png);
}
.pop_showmsg_wrap{
	position:fixed;
	_position:absolute;
	z-index:9999;
}
.pop_showmsg_wrap:focus{
	outline:0 none;
}
.pop_showmsg{
	display:inline-block;
	height:55px;
	box-shadow:0 1px 6px rgba(0,0,0,0.3);
	border:1px solid #d6d6d6;
	border-radius:3px;
	background-color:#fff;
	background-position:0 -900px;
}
.pop_showmsg span{
	font-size:14px;
	padding:10px 20px 10px 60px;
	display:inline-block;
	line-height:36px;
	color:#666;
	background:url("../images/tips/middle.png") -85px -39px no-repeat;
}
.pop_showmsg span.warning{
	background-position:15px -139px;
}

/*短消息弹出框*/
.pop_message_add {
    width: 490px;
}

/*
===================
图片轮播
===================
*/
.zz_scrollable {width:325px;height:198px;background-color:#fff;overflow:hidden;position:relative;float:left}
.zz_scrollable .items { width:20000em;position:absolute;}
.zz_scrollable .items .item {width:325px;position:relative;float:left; }
.zz_scrollable .navi{height:15px;position:absolute;bottom:10px;right:10px;z-index:1;}
.zz_scrollable .navi li{height:12px;width:12px;border-radius:6px;background:#fff;*float:left;display:inline-block;overflow:hidden;cursor:pointer;margin-right:5px;box-shadow:1px 1px 0 rgba(0,0,0,0.5); }
.zz_scrollable .navi li.active{background:#ee2266;}

/*
===================
内容框架
===================
*/
.zz_left{border:1px solid #9db3c5;margin: 0 10px 0 0;}
.zz_right{border:1px solid #9db3c5;padding: 10px 0 20px 0;}

/*左侧菜单*/
.zz_left h3 {display: block;text-indent: 10px;height: 30px;line-height: 30px;border-bottom: 1px solid #eee;color: #404040;font-weight: bold;color: #404040;margin: 0 10px;}
.zz_menu_box {margin: 0 auto;padding: 10px;line-height: 26px;text-indent: 10px;}
.zz_menu_box li a{text-decoration: none;}
.zz_menu_box li a:link{color:#404040;height: 26px;overflow: hidden;display: block;}
.zz_menu_box li a:hover{color:#963C00;background-color:#eee;}
.zz_menu_box li.current a{color:#963C00;background-color:#eee;}

/*通用左侧导航*/
.nav_left{border:1px solid #9db3c5;}
.nav_left h3 {display: block;text-indent: 10px;height: 30px;line-height: 30px;border-bottom: 1px solid #f0f9ff;color: #404040;font-weight: bold;color: #404040;margin: 0 10px;}
.nav_left .left_menu {margin: 0 auto;padding: 10px;line-height: 26px;text-indent: 10px;}
.nav_left ul li a{text-decoration: none;}
.nav_left ul li a:link, .myWrap ul li a:visited {color: #404040;height: 26px;overflow: hidden;display: block;}
.nav_left ul li a:hover{color:#963C00;background-color:#eee;}
.nav_left ul li.current a{color:#963C00;background-color:#eee;}

/*通用右侧*/
.box_wrap{border:1px solid #9db3c5;margin: 0 0 10px 10px;padding: 20px 0;}
.box_wrap .content{min-height: 500px;padding: 0 12px 0;}
.box_wrap a{text-decoration: none;}
.table_list{min-height: 400px;padding: 0 0 15px;}
.table_list table{width: 100%;}
.table_list td, .table_list th{padding: 6px;}
.table_list td {border-bottom: 1px dashed #dcdcdc;}
.table_list td img{float: left;}
.table_list th{color: #999;}

/*分页*/
.page_wrap{margin-bottom: 10px;}
.page_wrap:after {content: ' 20';display: block;height: 0;clear: both;visibility: hidden;}

/*
===================
内容区域导航
===================
*/
.content_nav{height:30px;border-bottom:1px solid #e3e3e3;display:block;}
.content_nav li{float:left;}
.content_nav li a{float:left;display:block;line-height:24px;height:24px;padding:0 10px;border-bottom:0 none;text-decoration:none;border-radius:3px;}
.content_nav li a:hover{background:#f7f7f7;text-decoration:none;}
.content_nav li.current a, .content_nav li.current a:hover{color:#fff;background:#4791d0;font-weight:700;}
.content_nav li em{margin-left:3px;vertical-align:middle;}
/*消息设置*/
.content_nav .edit{float:right;margin:3px 20px 0 0;}

/*
===================
推送按钮
===================
*/
.design_mode_edit {background: url("../images/common/core_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);}
.design_mode_edit {background-color: #595E62;background-position: 0 -740px;border: 0 none;bottom: 202px;cursor: pointer;height: 51px;position: fixed;right: 5px;text-indent: -2000em;width: 51px;z-index: 999999;}
.design_mode_edit:hover {background-position: 0 -791px;text-decoration: none;}
.J_push_wrap .layout_edit {background: none repeat scroll 0 0 #FF0000;color: #FFFFFF;display: block;font-size: 12px;height: 24px;line-height: 24px;position: absolute;text-align: center;width: 68px;z-index: 998;}
.J_push_wrap .layout_edit:hover{color: #FFFFFF;}

/*上传图片*/
#uploadfile{}
#preview{}
#preview img{float: left;}

.zz-tips{color: #999999;}

/*tab导航*/
.nav-tab{height: 25px;line-height: 25px;border-bottom: 1px solid #cce2ed;}
.nav-tab ul {padding-left: 10px;float: left;margin-bottom: -1px;}
.nav-tab li {float: left;margin-right: 5px;border-left: 1px solid #cce2ed;border-right: 1px solid #cce2ed;}
.nav-tab .current, .nav-tab li:hover {border-left: 1px solid #cce2ed;border-right: 1px solid #cce2ed;}
.nav-tab li a {float: left;display: block;padding: 0 15px;height: 25px;overflow: hidden;margin-top: -1px;_position: relative;border-top: 1px solid #cce2ed;background: #f1f6fa;color: #676568;}
.nav-tab .current a, .nav-tab .current a:hover {background: #ffffff;border-bottom: 1px solid #ffffff;color: #333333;border-top: 1px solid #cce2ed;}

/*面板*/
.panel {margin-bottom: 20px;background-color: #fff;border: 1px solid transparent;border-radius: 0;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);border-color: #ddd;}
.panel-bd {padding: 1.25rem;}
.panel em {font-style: normal;font-weight: bold;color: #f54100;}