.fl {
	float: left;
}

.fr {
	float: right;
}

.w20 {
	width: 20%;
}

.w80 {
	width: 80%;
}

.w100 {
	width     : 100%;
	margin-top: 10px;
}

.main {
	width      : 1020px;
	margin     : 0px auto 0 auto;
	padding-top: 20px;
	min-height : 500px;
}

.content {
	background-color: #ebf5fc;
	min-height      : 500px;
}

.leftNavbar {
	float     : left;
	width     : 200px;
	text-align: center;
}

.leftNav1 {
	width        : 125px;
	height       : 50px;
	margin       : 10px 30px 0 30px;
	line-height  : 45px;
	padding      : 0 6px;
	font-size    : 21px;
	border-bottom: 1px solid #59aaee;
	color        : #59aaee;
}

.leftNav2 {
	margin-top : 15px;
	line-height: 35px;
	font-size  : 14px;
	color      : #6e6e6e;
}

.leftNav2 div {
	cursor: pointer;
}

.leftNav2 img {
	vertical-align: middle;
}

.navActive {
	color: #3397ea;
}

.rightNavbar {
	float           : left;
	width           : 820px;
	min-height      : 450px;
	height          : auto;
	background-color: #fff;
	padding-bottom  : 50px;
}

.rightNav {
	margin: 0 45px;
}

.rightTop {
	float        : left;
	width        : 100%;
	border-bottom: 1px solid #d6d6d6;
	font-size    : 18px;
	color        : #444444;
	padding      : 8px 0;
	margin-top   : 13px;
	line-height  : 33px;
}

.btn_publish {
	background   : #fff;
	border       : 1px solid #57b7ff;
	border-radius: 4px;
	font-size    : 15px;
	color        : #57b7ff;
	padding      : 4px 6px;
}

.btn_submit {
	background   : #ff9000;
	border       : 1px solid #ff9000;
	border-radius: 4px;
	font-size    : 15px;
	color        : #fff;
	padding      : 7px 35px;
}

.btn_grey {
	background   : #fff;
	border       : 1px solid grey;
	border-radius: 4px;
	font-size    : 15px;
	color        : grey;
	padding      : 4px 6px;
}

.btn_create {
	background   : #57b7ff;
	border       : 1px solid #57b7ff;
	border-radius: 4px;
	font-size    : 15px;
	color        : #fff;
	padding      : 4px 6px;
}

.normal_active {
	background : #fff;
	border-top : 2px solid #3397ea;
	line-height: 37px;
}

.list_ul {
	float      : left;
	width      : 100%;
	padding-top: 20px;
}

.list_line {
	border-top: 1px solid #d6d6d6;
}

.li_img {
	float  : left;
	padding: 5px;
}

.li_img img {}

.li_img .li_tip {
	color   : #fff;
	width   : 36px;
	position: relative;
	bottom  : 128px;
	left    : -5px;
	padding : 1px 4px;
}

.li_img .bg_green {
	background: #8dd51b;
}

.li_img .bg_blue {
	background: #3397ea;
}

.li_img .bg_red {
	background: #ff3c00;
}

.li_content {
	float      : left;
	margin-left: 40px;
	margin-top : 6px;
}

.li_name {
	height          : 50px;
	width           : 500px;
	color           : #383838;
	font-size       : 18px;
	margin-top      : -10px;
	/* margin-bottom: 18px; */
}

.li_remark {
	color     : #797676;
	font-size : 14px;
	margin-top: 5px;
}

.li_remark img {
	vertical-align: middle;
	margin-right  : 10px;
}

.li_opt {
	margin-top: 5px;
}

.li_opt button {
	background   : #fff;
	border       : 1px solid #e2e2e2;
	border-radius: 4px;
	padding      : 2px 10px;
	margin-right : 6px;
}

.tip_step {
	background  : url(../images/ico_07.png) no-repeat;
	color       : #fff;
	width       : 78px;
	height      : 22px;
	padding-left: 25px;
	font-size   : 14px;
}

.tip_name {
	background  : url(../images/ico_08.png) no-repeat;
	color       : #fff;
	width       : 78px;
	height      : 21px;
	padding-left: 5px;
	font-size   : 14px;
}

.tip_view {
	background: url(../images/ico_10.png) no-repeat;
	color     : #fff;
	width     : 110px;
	height    : 30px;
	padding   : 2px 10px;
	font-size : 16px;
	margin-top: 3px;
}

.btn_download {
	background   : #fff;
	border       : 1px solid #57b7ff;
	border-radius: 3px;
	font-size    : 16px;
	color        : #57b7ff;
	padding      : 5px 15px;
	margin-right : 15px;
}

.input_search {
	width        : 220px;
	height       : 35px;
	border       : 1px solid #e0e0e0;
	border-radius: 4px;
	padding      : 0 7px;
	font-size    : 15px;
	color        : #444444;
}

.btn_search {
	background   : #fff;
	border       : 1px solid #e0e0e0;
	border-radius: 3px;
	color        : #57b7ff;
	height       : 35px;
	width        : 70px;
	font-size    : 16px;
	margin-left  : 15px;
}

.man_count {
	width        : 145px;
	height       : 35px;
	background   : #fff;
	border       : 1px solid #e0e0e0;
	border-radius: 3px;
	color        : #444444;
	font-size    : 15px;
	margin-left  : 15px;
}

.people_t {
	width     : 100%;
	color     : #444444;
	margin-top: 20px;
	font-size : 14px;
}

.people_t table {
	border      : 1px solid #e0e0e0;
	border-right: none;
}

.people_t table th {
	border-right : 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	text-align   : left;
	font-weight  : normal;
	font-size    : 16px;
	padding      : 5px 18px;
}

.people_t table td {
	border-right: 1px solid #e0e0e0;
	padding     : 5px 18px;
}

.people_t table input[type="checkbox"] {
	border: 1px solid #e0e0e0;
}

.opt_select {
	width        : 240px;
	height       : 40px;
	font-size    : 16px;
	color        : #5b5b5b;
	padding-left : 5px;
	background   : url(../images/bg_sel.png) repeat-x;
	border-radius: 3px;
	border       : 1px solid #cfcfcf;
}

.addAct_div {
	float     : left;
	width     : 100%;
	margin-top: 15px;
}

.left_name {
	float     : left;
	width     : 85px;
	text-align: right;
	color     : #6e6e6e;
	font-size : 14px;
	margin-top: 6px;
}

.name_red {
	color: #ff4444;
}

.right_main {
	float      : left;
	margin-left: 10px;
}

.add_text {
	width        : 590px;
	height       : 30px;
	border       : 1px solid #ccc;
	border-radius: 4px;
	padding      : 0px 5px;
	font-size    : 14px;
}

.add_textarea {
	width        : 250px;
	height       : 100px;
	border       : 1px solid #ccc;
	border-radius: 4px;
	padding      : 0px 5px;
	font-size    : 14px;
}

.btn_addAct {
	background   : #3397ea;
	border       : 1px solid #3397ea;
	border-radius: 4px;
	font-size    : 15px;
	color        : #fff;
	padding      : 7px 35px;
}

.viewMain {
	float         : left;
	width         : 100%;
	height        : auto;
	padding       : 0;
	background    : #fff;
	color         : #6e6e6e;
	font-size     : 16px;
	padding-bottom: 50px;
}

.viewLeft {
	float : left;
	float : left;
	width : 980px;
	margin: 0px 20px;
}

.viewLeft img {
	max-width: 100%;
}

.viewRight {
	float       : right;
	width       : 300px;
	margin-right: 20px;
}

.viewAct_div {
	float     : left;
	width     : 100%;
	margin-top: 10px;
	border-top: 1px solid #8b8b8b;
}

.act_title {
	font-size : 19px;
	color     : #2d2e2f;
	margin-top: 5px;
}

.act_msg {
	margin-top: 15px;
}

.act_data {
	margin-top: 10px;
}

.act_msg img,
.act_data img {
	vertical-align: sub;
	margin-right  : 15px;
}

.btn_view {
	border       : none;
	border-radius: 5px;
	font-size    : 16px;
	color        : #fff;
}

.btn_blue {
	background: #3397ea;
	padding   : 10px 30px;
}

.btn_green {
	background : #32db55;
	padding    : 10px 18px;
	margin-left: 15px;
}

.btn_green img {
	width         : 16px;
	vertical-align: baseline;
	margin-right  : 5px;
}

.act_detail {
	width     : 100%;
	padding   : 5px;
	margin-top: 20px;
	overflow  : hidden;
}

.shadowBox {
	position  : fixed;
	z-index   : 1001;
	left      : 0;
	top       : 0;
	width     : 100%;
	height    : 100%;
	background: rgba(25, 25, 25, 0.49);
}

.highlightDiv {
	z-index      : 1001;
	/* position  : fixed;
    top       :100px;
    left      : 450px; */
	margin       : auto;
	margin-top   : 2%;
	width        : 450px;
	height       : 450px;
	background   : #fff;
	border-radius: 3px;
}

.hl_title {
	height                 : 40px;
	background             : #f7f7f7;
	border-top-left-radius : 3px;
	border-top-right-radius: 3px;
	line-height            : 40px;
	font-size              : 17px;
	padding                : 0 15px;
}

.hl_title img {
	float     : right;
	margin-top: 13px;
}

.setinfos {
	height: 40px;
	width : 100px;
	margin:
		font-size : 16px;
	font-weight: bolder;
}

.shadowBox1 {
	position  : fixed;
	z-index   : 1001;
	left      : 200px;
	top       : 0;
	width     : 100%;
	height    : 100%;
	background: rgba(25, 25, 25, 0.49);
}

.btn_signed {
	background   : #fff;
	border       : 1px solid #959595;
	border-radius: 4px;
	font-size    : 15px;
	color        : #959595;
	padding      : 4px 6px;
}

.rightTop .btn_back {
	position     : absolute;
	top          : 40px;
	right        : 515px;
	background   : #57b7ff;
	border       : 1px solid #57b7ff;
	border-radius: 4px;
	font-size    : 18px;
	color        : #fff;
	padding      : 4px 6px;
}

.red_tip {
	color: red;
}

.form-sign-name {
	font-size  : 14px;
	line-height: 30px;
}

.post_pay_item {
	border          : 1px solid #d9d9d9;
	background-color: #fcfcfc;
	margin-top      : 20px;
}

.post_pay_item .post_pay_item_top {
	height          : 40px;
	background-color: #edeeef;
	border-bottom   : 1px solid #d9d9d9;
	margin-bottom   : 20px;
}

.post_pay_item .post_pay_item_top span {
	display    : inline-block;
	line-height: 40px;
	font-size  : 14px;
	color      : #666;
	text-align : center;
	float      : left;
}

.post_pay_item .post_pay_item_top span b {
	font-size: 12px;
	color    : #3e80ad;
}

.post_pay_item .post_pay_item_top span.tit01 {
	width      : 95px;
	margin-left: 10px;
}

.post_pay_item .post_pay_item_top span.tit02 {
	width: 255px;
}

.post_pay_item .post_pay_item_top span.tit03 {
	width      : 170px;
	margin-left: 45px;
}

.post_pay_item .post_pay_item_top span.tit04 {
	width      : 190px;
	margin-left: 65px;
}

.post_pay_item .cost_content {
	height       : 30px;
	margin-bottom: 15px;
}

.post_pay_item .cost_content .form_input_number {
	height     : 30px;
	width      : 95px;
	margin-left: 10px;
	text-align : center;
	float      : left;
	line-height: 30px;
	font-size  : 14px;
	color      : #666;
}

.post_pay_item .cost_content .form_input_cost_type {
	height    : 30px;
	width     : 255px;
	text-align: center;
	float     : left;
}

.post_pay_item .cost_content .form_input_cost_type input {
	height          : 28px;
	width           : 253px;
	border          : 1px solid #d9d9d9;
	text-indent     : 10px;
	font-size       : 14px;
	color           : #666;
	background-color: #FFF;
}

.post_pay_item .cost_content .form_input_cost_money {
	height     : 30px;
	width      : 120px;
	margin-left: 45px;
	float      : left;
}

.post_pay_item .cost_content .form_input_cost_money input {
	height          : 28px;
	width           : 160px;
	border          : 1px solid #d9d9d9;
	text-indent     : 10px;
	font-size       : 14px;
	color           : #666;
	background-color: #FFF;
}

.post_pay_item .cost_content .form_input_cost_people {
	height     : 30px;
	width      : 190px;
	margin-left: 55px;
	float      : left;
}

.post_pay_item .cost_content .form_input_cost_people input {
	height          : 28px;
	width           : 188px;
	border          : 1px solid #d9d9d9;
	text-indent     : 10px;
	font-size       : 14px;
	color           : #666;
	background-color: #FFF;
}

.post_pay_item .cost_content a {
	display   : block;
	width     : 20px;
	height    : 24px;
	background: url(/app/activities/images/ljt.png) no-repeat 0 0px;
	float     : left;
	margin    : 3px 0 0 58px;
	cursor    : pointer;
}

.post_pay_item .cost_content a:hover {
	background: url(/app/activities/images/ljt.png) no-repeat 0 0px;
}

.post_pay_item .cost_add {
	overflow: hidden;
	margin  : 20px auto;
}

.post_pay_item .cost_add a {
	display         : block;
	width           : 120px;
	height          : 30px;
	line-height     : 30px;
	text-align      : center;
	margin          : 0 auto;
	background-color: #0099e9;
	color           : #FFF;
	text-decoration : none;
}

.post_pay_item .cost_add a:hover {
	background-color: #0082c6;
}

.post_pay_item .txt_ts {
	position: absolute;
	right   : 10px;
	bottom  : 10px;
}

.post_pay_item .txt_ts a {
	padding-left: 18px;
	background  : url(http://cdn.hudongba.com/static_v4/images/post/wen_icon_gray1.png) no-repeat 0px 4px;
	line-height : 16px;
	font-size   : 14px;
	color       : #aaa;
}

.post_pay_item .txt_ts a:hover {
	color              : #0099e9;
	background-position: 0px -35px;
}

/*loading*/
.background {
	display   : block;
	width     : 100%;
	height    : 100%;
	opacity   : 0.4;
	filter    : alpha(opacity=40);
	background: while;
	position  : absolute;
	top       : 0;
	left      : 0;
	z-index   : 2000;
}

.progressBar {
	border    : solid 2px #86A5AD;
	background: white url(progressBar_m.gif) no-repeat 10px 10px;
}

.progressBar {
	display    : block;
	width      : 148px;
	height     : 28px;
	position   : fixed;
	top        : 50%;
	left       : 50%;
	margin-left: -74px;
	margin-top : -14px;
	padding    : 10px 10px 10px 50px;
	text-align : left;
	line-height: 27px;
	font-weight: bold;
	position   : absolute;
	z-index    : 2001;
}


.consultBox {
	display: block;
	width  : 100%;
}

.consultBox .consultBoxList {
	display      : block;
	padding      : 10px 80px 30px 35px;
	border-bottom: 1px solid #d6d6d6;
	zoom         : 1;
	overflow     : hidden;
}

.consultBox .consultBoxList .consultBoxL {
	float  : left;
	display: block;
	width  : 42px;
}

.consultBox .consultBoxList .consultBoxL img {
	border: 1px solid #787878;
	width : 40px;
	height: 40px;
}

.consultBox .consultBoxList .consultBoxR {
	float: right;
	width: 560px;
}

.consultBox .consultBoxList .consultBoxR .consultBoxRH1 {
	float                : left;
	display              : block;
	line-height          : 42px;
	font-size            : 20px;
	font-weight          : normal;
	font-style           : normal;
	padding              : -10px;
	-webkit-margin-before: 0em;
	-webkit-margin-after : 0em;
	-webkit-margin-start : 0px;
	-webkit-margin-end   : 0px;
}

.consultBox .consultBoxList .consultBoxR .consultBoxRtime {
	float      : right;
	line-height: 42px;
	font-size  : 16px;
	color      : #555
}

.consultBox .consultBoxList .consultBoxR .consultBoxRbg {
	background   : #f8fdff;
	padding      : 10px;
	border-radius: 5px;
	font-size    : 14px;
	color        : #555;
	line-height  : 20px;
	margin-top   : 5px;
}

.consultBoxRbutton {
	text-align: right;
	margin-top: 15px
}

.consultBoxRbutton input {
	display      : inline-block;
	padding      : 5px 15px;
	color        : #fff;
	font-size    : 14px;
	line-height  : 14px;
	border       : 0;
	border-radius: 5px;
}

.consultBoxRbutton .consultButton01 {
	background: #3397ea;
}

.consultBoxRbutton .consultButton02 {
	background: #8e8e8e;
}

.consultBoxRbutton .consultButton03 {
	background: #f2496d;
}