#designBanner{height: 464px;}

/*交易快讯*/
.hotNewMod{height: 70px;padding: 10px 0;background: url(../image/design/hotNew_bg.png) center no-repeat;background-size: 100% 100%;overflow: hidden;}
.hotNewMod .hotNewBox{padding-left: 174px;height: 48px;line-height: 24px;margin-top: 11px;font-size: 14px;overflow: hidden;float: left;}
.hotNewMod .hotNewBox a{display: block;width: 640px;padding-left: 20px;background: url(../image/design/hot-icon.png) left center no-repeat;background-size: auto 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;cursor: text;}
.hotNewMod .hotNewBox a .red{padding: 0 3px;}
.hotNewInfo{float: right;overflow: hidden;padding-top: 13px;padding-right: 40px;}
.hotNewInfo dl{float: right;line-height: 1.2;text-align: center;padding: 0 30px;}
.hotNewInfo dl dt{font-size: 14px;color: #333333;padding-bottom: 4px;}
.hotNewInfo dl dd{font-size: 24px;color: #ca1a1d;}
.hotNewInfo .line{position: relative;}
.hotNewInfo .line:after{content: '';width: 1px;height: 30px;background-color: #ddd;position: absolute;top: 50%;margin-top: -15px;left: 0;}

/*分类*/
.classLine{position: relative;}
.classLine:before{content: "";width: 830px;height: 1px;background-color: #eee;position: absolute;top: 0;left: 20px;}


#designModList .tb_list_box{border-top: 10px solid #f7f7f7;border-bottom: none;}

/*需求列表*/
.design_wrap .list{
	cursor: pointer;
	width:830px;
	padding: 20px;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}
.design_wrap .list:hover{
	background-color: #f7f7f7;
}
.design_wrap .list .t1{
	line-height: 20px;
	overflow: hidden;
}
.design_wrap .list .t1 .tag{
	float: left;
	line-height: 20px;
	font-size: 14px;
	color: #e57050;
	padding: 0 8px;
	border: 1px solid #e57050;
	border-radius: 4px;
	margin-right: 14px;
}
.design_wrap .list .t1 .title{
	float: left;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	max-width: 670px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.design_wrap .list .t1 .time{
	color: #999;
	float: right;
}
.design_wrap .list .t2{overflow: hidden;line-height: 24px;padding: 12px 0;}
.design_wrap .list .t2 .val{font-size: 24px;font-weight: bold;color: #CA1A1D;float: left;margin-right: 20px;}
.design_wrap .list .t2 .val .unit{font-weight: 400;}
.design_wrap .list .t2 .term{padding-left: 20px;background: url(../image/design/term_icon.png) left center no-repeat;background-size: auto 14px;margin-right: 16px;float: left;color: #999999;}
.design_wrap .list .t2 .num{padding-left: 20px;background: url(../image/design/join_icon.png) left center no-repeat;background-size: auto 14px;float: left;color: #999999;}
.design_wrap .list .intro{line-height: 18px;color: #999999;font-size: 14px;margin-bottom: 8px;overflow: hidden;max-height: 36px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.design_wrap .list .sign{overflow: hidden;}
.design_wrap .list .sign span{display: block;float: left;height: 22px;line-height: 22px;padding: 0 10px;border-radius: 3px;border:1px solid #b5d6ec;color: #0a77c0;font-size: 12px;margin-right: 10px;margin-top: 6px;}



/*右侧快速发布*/
.design_title{
	background: url(../image/design/fast-icon.png) right top no-repeat;
	background-size: auto 100%;
}
.add_btn{width:240px;height: 46px;background: url(../image/design/add_btn.png) center no-repeat;background-size: 100% 100%;margin: auto;display: block;color: #fff;font-size: 16px;line-height: 1.2;cursor: pointer;}
.skipDes{font-size: 14px;color: #0a77c0;text-align: center;margin-top: 15px;display: block;margin-bottom: 10px;text-decoration: underline !important;}

.des-list{background-color: #fff;padding: 20px 10px;}
.des-list .list{border: 1px solid #ccc;padding: 20px 10px;cursor: pointer;margin-bottom: 15px;position: relative;overflow: hidden;}
.des-list .list:hover{
	transform: translateY(-5px);
}
.des-list .list:after{content: '';width: 20px;height: 20px;border-top: 2px solid #c5bcae;border-left: 2px solid #c5bcae;position: absolute;top: -1px;left: -1px;}
.des-list .list:before{content: '';width: 20px;height: 20px;border-bottom: 2px solid #c5bcae;border-right: 2px solid #c5bcae;position: absolute;bottom: -1px;right: -1px;}
.des-list .list .mod{overflow: hidden;margin-bottom: 10px;}
.des-list .list .photo{width: 68px;height: 68px;border-radius: 50%;overflow: hidden;margin-right: 10px;background-color: #f4f4f4;float: left;cursor: pointer;}
.des-list .list .photo img{height: 100%;object-fit: cover;}
.des-list .list .mod .info{float: left;overflow: hidden;width: 176px;}
.des-list .list .mod .name{color: #000;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.des-list .list .mod .addr{padding-left: 18px;background: url(../image/design/city_icon.png) left center no-repeat;background-size: auto 13px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #999;padding-top: 5px;padding-bottom: 5px;}
.des-list .list .mod .ex{color: #555;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.des-list .list .mod .ex-1{color: #CA1A1D;}
.des-list .list .mod .ex-2{color: #ff8a00;}
.des-list .list .mod .line{padding: 0 10px;opacity: .5;}
.des-list .list .txt{color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;max-width: 258px;}

/*常见问题*/
.qes_box{padding: 20px 14px;}
.qes_box a{display: block;line-height: 24px;padding-left: 14px;font-size: 14px;color: #333;position: relative;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.qes_box a:after{content: '';width: 4px;height: 4px;border-radius: 50%;position: absolute;background-color: #999;left: 0;top: 50%;margin-top: -2px;}
.qes_box a:hover{color: #CA1A1D;}

.ex_right .recent_ex_wrap:first-child .qes_box a{cursor: text;}
.ex_right .recent_ex_wrap:first-child .qes_box a:hover{color: #333;}

/*发布需求弹窗*/
#addNeedMask{
	display: none;
}
.mask{
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: .6;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
}
#addNeedMask .addNeedMod{
	width: 870px;
	height: 90%;
	position: fixed;
	top: 5%;
	left: 50%;
	margin-left: -435px;
	z-index: 10;
	background-color: #fff;
}
.addNeedMod .addNeedHead{
	width: 100%;
	height: 155px;
	background: url(../image/design/needTop.png) center no-repeat;
	background-size: 100% 100%;
	margin-top: -23px;
	position: relative;
	z-index: 12;
}
.addNeedMod .addNeedHead .addNeed-bt2{display: none;}
.addNeedMod .addNeedHead .addNeed-bt2 .bt-1{font-size: 20px;color: #573b2d;text-align: center;padding-top: 58px;}
.addNeedMod .addNeedHead .addNeed-bt2 .bt-1 .name{font-size: 24px;color: #fff;font-weight: bold;}
.addNeedHead .bt{text-align: center;color: #fff;padding-top: 54px;font-size: 24px;margin-bottom: 6px;}
.addNeedHead .txt{color: #fff;text-align: center;}
.addNeedHead .txt .arrow{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background: url(../image/design/arrow_txt.png) center no-repeat;background-size: auto 9px;margin-top: -2px;margin-left: 8px;margin-right: 8px;}
.addNeedMod .close-btn{width: 20px;height: 20px;background: url(../image/design/close_btn.png) center no-repeat;background-size: auto 16px;position: absolute;top: 8px;right: 8px;z-index: 13;}
#addNeedMask .addNeedCot{width: 100%;height: calc(100% - 132px);overflow: auto;position: absolute;bottom: 0;left: 0;z-index: 11;box-sizing: border-box;}
.addNeedCot .table{width: 810px;margin-left: 30px;padding-bottom: 30px;}

 /*定义滚动条轨道*/
.scroll::-webkit-scrollbar-track{
	background-color: #F5F5F5;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.22);
}
/*定义滚动条高宽及背景*/
.scroll::-webkit-scrollbar{
	display: none;
	width: 6px;
	/*background-color: rgba(0, 0, 0, 0.34);*/
}
.scroll:hover::-webkit-scrollbar{
	display: block;
}
 /*定义滚动条*/
.scroll::-webkit-scrollbar-thumb{
	background-color: #9a8473;
	/*background-color: #8b8b8b;*/
	border-radius: 10px;
}

.addNeedCot .table table tr td{padding: 5px;line-height: 30px;font-size: 14px;}
.addNeedCot .table table tr .tl{text-align: left;}
.addNeedCot .table table tr .tr{text-align: right;}
.addNeedCot .table table .title{font-size: 16px;color: #573b2d;font-weight: bold;}
.addNeedCot .table table tr td .list{display: inline-block;height: 28px;line-height: 28px;padding: 0 10px;border: 1px solid #ddd;color: #333;font-size: 14px;margin-right: 5px;cursor: pointer;border-radius: 3px;margin-bottom: 10px;}
.addNeedCot .table table tr td .list.on{color: #CA1A1D;border-color: #CA1A1D;}
.addNeedCot .table table tr .space dl{height: 30px;overflow: hidden;margin-bottom: 15px;margin-right: 50px;}
.addNeedCot .table table tr .space dl dt{margin-right: 10px;float: left;min-width: 50px;}
.addNeedCot .table table tr .space dl dt.w90{width: 90px;}
.addNeedCot .table table tr .space dd{float: left;overflow: hidden;border: 1px solid #dbdbdb;height: 28px;width: 96px;}
.addNeedCot .table table tr .space .operate{overflow: hidden;border: 1px solid #dbdbdb;width: 96px;}
.addNeedCot .table table tr .space .operate .reduce_btn{width: 28px;height: 28px;background-color: #e6e6e6;display: block;float: left;border-right: 1px solid #dbdbdb;position: relative;}
.addNeedCot .table table tr .space .operate .reduce_btn:before{
	content: "";width: 12px;height: 2px;background-color: #888;position: absolute;top: 50%;left: 50%;margin-left: -6px;margin-top: -1px;
}
.addNeedCot .table table tr .space .operate .increse_btn{width: 28px;height: 28px;background-color: #e6e6e6;display: block;float: left;border-left: 1px solid #dbdbdb;position: relative;}
.addNeedCot .table table tr .space .operate .increse_btn:before{
	content: "";width: 12px;height: 2px;background-color: #888;position: absolute;top: 50%;left: 50%;margin-left: -6px;margin-top: -1px;
}
.addNeedCot .table table tr .space .operate .increse_btn:after{
	content: "";width: 2px;height: 12px;background-color: #888;position: absolute;top: 50%;left: 50%;margin-left: -1px;margin-top: -6px;
}
.addNeedCot .table table tr .space .operate .num{width: 38px;height: 28px;text-align: center;font-size: 14px;float:left}

.addNeedCot .table table tr .prompt{background-color: #f3efe9;line-height: 50px;margin:0 -5px;padding: 0 15px;font-size: 14px;color: #573b2d;margin-bottom: 10px;}

.addNeedCot .table table tr .mid{width: 158px;border: 1px solid #ddd;padding: 0 10px;height: 34px;font-size: 14px;margin-bottom: 10px;}
.addNeedCot .table table tr .max{width: 470px;border: 1px solid #ddd;padding: 0 10px;height: 34px;font-size: 14px;margin-bottom: 10px;}
.addNeedCot .table table tr .mid.date{
	background: url(../image/design/date-icon.png) 94% center no-repeat;
}
.addNeedCot .table table tr .time{line-height: 36px;padding-left: 50px;padding-right: 20px;}
.addNeedCot .table table tr .textBox{width: 470px;border: 1px solid #ddd;padding: 0 10px;margin-bottom: 10px;}
.addNeedCot .table table tr .textBox textarea{display: block;resize: none;width: 100%;margin-top: 10px;}
.addNeedCot .table table tr .textBox .city{display: inline-block;margin-bottom: 5px;position: relative;line-height: 30px;}
.addNeedCot .table table tr .textBox .city .cur{color: #b2b2b2;font-size: 14px;}
.addNeedCot .table table tr .textBox .city .cur .imp{color: #0a77c0;cursor: pointer;}
.addNeedCot .table table tr .textBox .city .convinceMod{border: 1px solid #ddd;position: absolute;bottom: 30px;left: -11px;background-color: #fff;width: 490px;display: none;}
.addNeedCot .table table tr .textBox .city:hover .convinceMod{display: block;}
.addNeedCot .table table tr .textBox .city .convinceMod .convinceBox{padding: 8px 0;}
.addNeedCot .table table tr .textBox .city .convinceMod .sel-list .convince-list{overflow: hidden;padding: 0 9px;}
.addNeedCot .table table tr .textBox .city .convinceMod .sel-list .convince-list a{
	display: block;float: left;width: 50px;line-height: 24px;border: 1px solid #fff;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.addNeedCot .table table tr .textBox .city .convinceMod .sel-list .convince-list a:hover,.city-list a:hover{
	color: #CA1A1D;
}
.addNeedCot .table table tr .textBox .city .convinceMod .sel-list .convince-list a.on{
	border-color: #CA1A1D;
	border-bottom-color: #fff;
	position: relative;
	z-index: 3;
}
.addNeedCot .table table tr .ex-txt{padding-left: 20px;color: #888;display: inline-block;vertical-align: middle;}
.addNeedCot .table table tr .ex-txt a{color: #0a77c0;}
.city-list{margin: -1px 9px 0;border: 1px solid #CA1A1D;overflow: hidden;padding:5px 0;position: relative;z-index: 2;background-color: #f7f7f7;display: none;}
.city-list a{display: block;float: left;width: 52px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;color: #666;}

.addNeedCot .table table tr .textBox .city .convinceMod .selBox{padding: 0 10px;margin-bottom: 10px;}
.addNeedCot .table table tr .textBox .city .convinceMod .selBox .sel-cit{padding-left: 15px;padding-right: 20px;height: 24px;line-height: 24px;text-align: center;display: block;float: left;margin-right: 6px;border: 1px solid #CA1A1D;border-radius: 3px;color: #CA1A1D;position: relative;max-width: 90px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.addNeedCot .table table tr .textBox .city .convinceMod .selBox .sel-cit:after{
	content: "×";
	color: #CA1A1D;
	width: 24px;
	height: 24px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	position: absolute;
	top: 0;
	right:-5px;
}
.addNeedCot .table table tr .update-file{
	position: relative;
	width: 178px;
	height: 34px;
	line-height:34px;
	color: #e57050;
	border: 1px solid #e57050;
	text-align: center;
}
.addNeedCot .table table tr .update-file input{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
}
.addNeedCot .table table tr .release-btn{
	width: 180px;
	height: 46px;
	background: url(../image/design/release_btn_bg.png) center no-repeat;
	background-size: 100% 100%;
	line-height: 1.4;
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin-top: 10px;
	cursor: pointer;
}
.addNeedCot .table table tr .file-box{margin-top: 10px;}
.addNeedCot .table table tr .file-box ul{line-height: 18px;margin-top: 5px;}
.addNeedCot .table table tr .file-box ul .name{margin-right: 10px;}

#totalVal{display: none;}

#dateImg{position: relative;}


.addNeedCot .table table tr td #ContainerPanel td{line-height: 14px;width: 20px;font-size: 12px;}
.addNeedCot .table table tr td #ContainerPanel th{line-height: 14px;text-align: center;font-size: 12px;}








#skipArrow{animation: trans_ani 1s linear infinite;display: inline-block;}
@keyframes trans_ani{
	0%{transform: translateX(4px);opacity:0;}
	50%{transform: translateX(11px);opacity: 1;}
	100%{transform: translateX(18px);opacity: 0;}
}









.completedMod{padding-top: 170px;}
.completedMod .leafMod{margin: auto;width: 513px;height: 446px;background: url(../image/design/order_completed.png) center no-repeat;background-size: cover;}
.completedMod .leafMod img{padding-top: 120px;margin-left:10px;
	-webkit-animation: leaf_ani 5s linear infinite;
	-ms-animation: leaf_ani 5s linear infinite;
	-moz-animation: leaf_ani 5s linear infinite;
	-o-animation: leaf_ani 5s linear infinite;
	animation: leaf_ani 5s linear infinite;
}
@-webkit-keyframes leaf_ani{
	0%{transform: translate(0,-40px);opacity: 0;}
	25%{transform: translate(10px,-30px);opacity: .5;}
	50%{transform: translate(0,-20px);opacity: 1;}
	75%{transform: translate(-5px,-10px);opacity: .5;}
	100%{transform: translate(0,0);opacity: 0;}
}
@keyframes leaf_ani{
	0%{transform: translate(0,-40px);opacity: 0;}
	25%{transform: translate(10px,-30px);opacity: .5;}
	50%{transform: translate(0,-20px);opacity: 1;}
	75%{transform: translate(-5px,-10px);opacity: .5;}
	100%{transform: translate(0,0);opacity: 0;}
}

.completedMod .btn{width: 148px;height: 44px;border:1px solid #573B2D;margin:40px auto;border-radius: 4px;display:block;line-height: 44px;text-align: center;font-size: 16px;background: url(../image/design/bg-2-big.png) center no-repeat #fff;color: #573B2D;}










#qes-list a{cursor: pointer;}
#qes-list a:hover,#qes-list a.on{color: #CA1A1D;}

#qesTitle{font-size: 22px;color: #333333;text-align: center;line-height: 34px;border-bottom: 1px solid #ddd;margin: -15px -20px;padding: 15px 20px;}

.qes-Mod{min-height:580px;background-color: #fff;margin-bottom: 10px;padding:24px 20px;font-size: 14px;line-height: 1.6;}

.bot-link{background-color: #f3efe9;line-height: 50px;margin-bottom: 40px;padding: 0 20px;color: #573b2d;font-size: 14px;}
.bot-link a{color: #0a77c0;text-decoration: underline;}



#designModList .design_wrap{min-height: 748px;}