.clear{
	clear: both;
}
.publish-requirement{
	/*margin-top: 112px;*/
	min-height: 700px;
	width: 100%;
	font-family: "Microsoft Yahei", Arial;
	background-color: #F0F0F0;
}
.publish-requirement .req-banner{
	background: url(/dev/images/requirements/publish/publish_banner.png) no-repeat center;
	height: 140px;
	width: 100%;
}
.publish-requirement .publish-container{
	width: 1170px;
	margin:auto;
	margin-top: 20px;
	padding-bottom: 120px;
}

/*******left part******/
.publish-requirement .publish-container .publish{
	width: 870px;
	float: left;
	background-color: white;
}
.publish-requirement .publish-container .publish div.title, .publish-requirement .publish-container .recommend div.title{
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #333333;
	padding-left: 30px;
	border-bottom: 1px solid #DCDCDC;
	font-weight: normal;
}
.publish-requirement .publish-container .publish .items{
	margin-top: 50px;
}
.publish-requirement .publish-container .publish .items .item{
	line-height: 1;
	display: block;
	color: #333333;
	font-size: 14px;
}
.publish-requirement .publish-container .publish .items .item span.title{
	width: 160px;
	text-align: right;
	display: inline-block;
	float: left;
	padding-right: 10px;
}
.publish-requirement .publish-container .publish .items .item span.title i{
	margin-right: 8px;
	vertical-align: sub;
	color: red;
}
.publish-requirement .publish-container .publish .items .item .input-value{
	float: left;
	display: block;
}
.publish-requirement .publish-container .publish .items .item .input-value .select-zone{
	width: 450px;
	height: 34px;
}
.publish-requirement .publish-container .publish .items .item .input-value .req-name{
	width: 438px;
	height: 32px;
}
.publish-requirement .publish-container .publish .items .item .count-num{
	margin-left: 8px;
	font-size: 13px;
	color: #48874A;
}
.publish-requirement .publish-container .publish .items .item .count-num.error{
	color: red;
}
.publish-requirement .publish-container .publish .items .item .input-value .select-type{
	margin-right: 50px;
	cursor: pointer;
}
.publish-requirement .publish-container .publish .items .item .input-value .deadline{
	height: 32px;
	width: 360px;
	cursor: pointer;
}
.publish-requirement .publish-container .publish .items .item .input-value .calender{
	background: url(/dev/images/requirements/publish/calendar.png) no-repeat;
	width: 18px;
	height: 18px;
	background-position: 0 0;
	cursor: pointer;
	display: block;
	position: relative;
	margin-left: 343px;
	margin-top: -26px;
	z-index: 1 ! important;
}
.publish-requirement .publish-container .publish .items .item .input-value .calender.active, .publish-requirement .publish-container .publish .items .item .input-value .calender:hover{
	background-position-y: -18px;
}
.publish-requirement .publish-container .publish .items .item .input-value .req-desc{
	width: 620px;
	height: 200px;
	resize:none;
}
.publish-requirement .publish-container .publish .items .item .input-value .upload-file{
	width: 450px;
	height: 32px;
}
.publish-requirement .publish-container .publish .items .item .input-value .req-phone{
	width: 360px;
	height: 32px;
}
.publish-requirement .publish-container .publish .items .item .input-value .selectFileBtn{
	width: 70px;
	height: 34px;
	line-height: 34px;
	border-radius: 4px;
	background-color: #52B678;
	font-size: 14px;
	color: white;
	margin-left: 392px;
	display: block;
	text-align: center;
	cursor: pointer;
	position: relative;
	margin-top: -34px;
}
.publish-requirement .publish-container .publish .items .item .input-value .selectFileBtn:hover{
	background-color: #64C886;
}
.publish-requirement .publish-container .publish .items .req-submit{
	margin-top: 50px;
	margin-left: 170px;
	height: 36px;
	line-height: 36px;
	margin-bottom: 100px;
}
.publish-requirement .publish-container .publish .items .req-submit .submitBtn{
	width: 95px;
	height: 36px;
	background-color: #FF6B5D;
	border-radius: 4px;
	font-size: 14px;
	color: white;
	cursor: pointer;
	display: inline-block;
	text-align: center;
}
.publish-requirement .publish-container .publish .items .req-submit .submitBtn.canClick:hover{
	background-color: #FF5747;
}
.publish-requirement .publish-container .publish .items .req-submit .cancelBtn{
	margin-left: 20px;
	cursor: pointer;
	font-size: 14px;
	color: #666666;
}
.publish-requirement .publish-container .publish .items .req-submit .cancelBtn.canClick:hover{
	color: #3A85C6;
}
.publish-requirement .publish-container .publish .items .show-ex{
	margin-top: 8px;
	margin-left: 170px;
	color: #333333;
	font-size: 14px;
	cursor: pointer;
	margin-bottom: 8px;
}
.publish-requirement .publish-container .publish .items .show-ex i.ex-icon{
	background:url(/dev/images/requirements/publish/show_ex.png) no-repeat 0 0;
	width: 12px;
	height: 12px;
	display: inline-block;
	margin-left: 10px;
}
.publish-requirement .publish-container .publish .items .ex-details{
	margin-left: 170px;
	width: 580px;
	padding: 20px;
	background-color: #F5F5F5;
	display: none;
	margin-bottom: 8px;
}
.publish-requirement .publish-container .publish .items .ex-details p{
	line-height: 22px;
	margin: 0;
}
.publish-requirement .publish-container .publish .items .show-ex.active i.ex-icon{
	background-position-y: -12px;
}

.publish-requirement .publish-container .publish .items .extra-files{
	margin-left: 170px;
	width: 500px;
}
.publish-requirement .publish-container .publish .items .extra-files .file-item{
	margin-top: 4px;
	height: 25px;
	line-height: 25px;
}
.publish-requirement .publish-container .publish .items .extra-files .file-item:first-child{
	margin-top: 10px;
}
.publish-requirement .publish-container .publish .items .extra-files .file-item i.file-icon{
	background: url(/dev/images/requirements/publish/file_icon.png) no-repeat center;
	width: 12px;
	height: 14px;
	display: inline-block;
	margin-right: 4px;
	vertical-align: super;
}
.publish-requirement .publish-container .publish .items .extra-files .file-item span.file-name{
	display: inline-block;
	max-width: 400px;
	margin-right: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #3A85C6;
	font-size: 14px;
}
.publish-requirement .publish-container .publish .items .extra-files .file-item i.delete-icon{
	background: url(/dev/images/requirements/publish/delete_icon.png) no-repeat 0 0;
	width: 20px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
	vertical-align: super;
}
.publish-requirement .publish-container .publish .items .extra-files .file-item i.delete-icon:hover{
	background-position-y: -20px;
}
/*******right part******/
.publish-requirement .publish-container .recommend{
	width: 270px;
	margin-left: 30px;
	float: left;
	background-color: white;
}
.publish-requirement .publish-container .recommend .items{
	margin: 20px 30px 0 30px;
}
.publish-requirement .publish-container .recommend .items .item{
	margin-bottom: 30px;
	display: block;
	text-decoration: none;
}
.publish-requirement .publish-container .recommend .items .item div.p-icon{
	width: 210px;
	height: 168px;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #DCDCDC;
	/*margin: auto;
	display: block;*/
}
.publish-requirement .publish-container .recommend .items .item:hover div.p-icon{
	border: 1px solid #3A85C6;
}
.publish-requirement .publish-container .recommend .items .item div.p-title{
	max-width: 210px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #333333;
	line-height: 1;
	margin-top: 16px;
	text-decoration: none;
	text-align: center;
}
.publish-requirement .publish-container .recommend .items .item:hover div.p-title{
	color: #3A85C6;
}
.publish-requirement .publish-container .recommend .items .item div.p-price{
	background-color: #FCF8E3;
	padding: 8px;
	margin-top: 10px;
}
.publish-requirement .publish-container .recommend .items .item div.p-price .price-item{
	line-height: 1;
	color: #EA4614;
	font-size: 14px;
	margin-bottom: 8px;
	max-width: 194px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.publish-requirement .publish-container .recommend .items .item div.p-price .price-item:last-child{
	margin-bottom: 0;
}
.publish-requirement .publish-container .recommend .items .item div.p-price .price-item span{
	color: #666666;
}
/******public******/
.margin-bottom-30{
	margin-bottom: 30px;
}
.margin-top-30{
	margin-top: 30px;
}
.margin-bottom-20{
	margin-bottom: 20px;
}
.margin-top-22{
	margin-top: 22px;
}
.line-height-34{
	line-height: 34px ! important;
}
input[type="radio"]{
	margin-top: -1px;
	margin-right: 10px;
}
select{
	margin: 0;
}
input[type="text"]{
	margin: 0;
	padding:0 5px;
}
.login-tip{
	text-align: center;
	font-size: 18px;
	color: #333333;
	margin-top: 50px;
}
.login-tip span{
	cursor: pointer;
	color: #3A85C6;
}
.login-tip span:hover{
	color: #1D639F;
}
.req-submit .show-msg{
	position: absolute;
    	margin-top: -45px;
    	color: red;
    	font-size: 12px;
}
#reqSuccessTip, #reqAlertTip{
	position: fixed;
	top: 50%;
	left:50%;
	width: 700px;
	height: 60px;
	line-height: 60px;
	margin-top: -30px;
	margin-left: -350px;
	background: rgba(58,133,198,0.9);
	 filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E53A85C6,endcolorstr=#E53A85C6);
	border-radius: 4px;
	text-align: center;
	display: none;
	z-index: 6;
}
#reqSuccessTip.show, #reqAlertTip.show{
	display: block;
}
#reqSuccessTip i.success{
	background: url(/dev/images/requirements/publish/publish_success.png) no-repeat center;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	vertical-align: middle;
}
#reqSuccessTip span.text, #reqAlertTip span.text{
	font-size: 16px;
	color: white;
}

/***tip***/
#submitRequirement .items .item .tip{
	margin-left: 20px;
	color: #48874A;
	font-size: 12px;
}
#submitRequirement .items .item .tip.error{
	color: red;
}
#submitRequirement .items .item .tip.tip-valid a{
	color: red;
	cursor: pointer;
	text-decoration: none;
}
#submitRequirement .items .item .tip.tip-valid:hover a{
	color: #EA4614;
}
.support-type{
	margin-top: 6px;
	line-height: 1;
}
.support-type span{
	margin-left: 170px;
	font-size: 12px;
	color: #EA4614;
}