.self-mod{background-color: #f7f7f7;padding: 10px 0;margin-top: 20px;margin-bottom: 20px;}
.self-mod table{line-height: 36px;font-size: 14px;}
.self-mod table td{padding: 10px 0;}
.zb-tr{text-align: right;}
.zb-tc{text-align: center;}
.zb-tl{text-align: left;}
.self-mod table td .mid{width:158px;padding: 0 10px;border:1px solid #ddd;line-height: 1.2;font-size: 14px;height: 34px;}

.self-mod #dateImg .mid{background: url(../image/design/date-icon.png) 94% center no-repeat #fff;}


.self-mod table tr td #ContainerPanel td{line-height: 24px;padding: 0;}
.self-mod table tr td #ContainerPanel th{line-height: 14px;text-align: center;}

.self-mod table tr td textarea{width: 468px;padding:8px 10px;line-height: 1.4;font-size: 14px;border:1px solid #ddd;resize: none;display: block;}
.self-mod table tr .prompt{color: #888;}
.self-mod table tr td .selBtn{width: 180px;height: 36px;border:1px solid #e57050;color: #e57050;line-height: 1.2;background-color: #fff;cursor: pointer;}
.self-mod table tr td .acceptDes{width: 180px;height: 46px;background: url(../image/design/bg-1.png) center no-repeat #573B2D;background-size: 100% 100%;border-radius: 4px;font-size: 15px;color: #fff;cursor: pointer;margin-top: 10px;margin-bottom: 20px;}


.self-mod table tr td .imgBox{margin: 0;}
.self-mod table tr td .imgBox .box{width: 160px;height: 120px;overflow: hidden;margin-right: 10px;float: left;}
.self-mod table tr td .imgBox .box img{width: 100%;height: 100%;object-fit: cover;cursor: url(../image/tBar/cur_big.cur),pointer;}


/*选择案例弹窗*/
#selCaseMask{display: none;}
#selCaseMask .addNeedMod{
	width: 870px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -435px;
	z-index: 10;
	background-color: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.addNeedMod .addNeedCot{overflow: auto;max-height: 400px;}
.addNeedMod .case-wrap{margin-left: 20px;padding-top: 15px;text-align: center;}
.addNeedMod .case-wrap dl{width: 154px;height: 116px;margin-right: 15px;margin-bottom: 15px;position: relative;float: left;}
.addNeedMod .case-wrap dl:nth-child(5n){margin-right: 0;}
.addNeedMod .case-wrap dl dt{width: 20px;height: 20px;position: absolute;top: -10px;right: -6px;}
.addNeedMod .case-wrap dl dt .checkbox{
	-webkit-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	background-color: #fff;
	border:1px solid #ccc;
	outline: medium;
	border-radius: 50%;
	cursor: pointer;
}
.addNeedMod .case-wrap dl dt .checkbox:checked{
	background:url(../image/design/crt.png) center no-repeat #CA1A1D;
	background-size: auto 8px;
	border-color: #CA1A1D;
}
.addNeedMod .case-wrap dl .img{width: 100%;height: 100%;overflow: hidden;}
.addNeedMod .case-wrap dl .img img{width: 100%;height: 100%;object-fit: cover;}

.addNeedMod .btn_box{padding: 28px 0;font-size: 0;text-align: center;overflow: hidden;}
.addNeedMod .btn_box a{display: inline-block;width: 100px;height: 34px;margin: 0 5px;vertical-align: middle;font-size: 14px;border-radius: 3px;}
.addNeedMod .btn_box a.cancel{width: 98px;height: 32px;line-height: 32px;border:1px solid #573B2D;background: url(../image/design/bg-2.png) center no-repeat #fff;background-size: 100% 100%;color: #573B2D;}
.addNeedMod .btn_box a.enter{line-height: 34px;background: url(../image/design/bg-1.png) center no-repeat #573B2D;background-size: 100% 100%;color: #fff;}



/*申请验收弹窗*/
#cancel_supply .mod .txt-1{padding: 12px 20px;background-color: #f3efe9;color: #e57050;line-height: 1.8;}
#cancel_supply .mod .txt-2{margin: 20px 0 15px;border:1px solid #ddd;padding: 8px 10px;}
#cancel_supply .mod .txt-2 textarea{display: block;width: 100%;line-height: 1.5;color: #555;resize: none;}
#cancel_supply .mod .update-btn{display: block;width: 178px;height: 34px;border:1px solid #e57050;color: #e57050;font-size: 14px;line-height: 34px;text-align: center;margin-bottom: 15px;margin-left: auto;margin-right: auto;}
#cancel_supply .mod .imgBox{text-align: center;font-size: 0;}
#cancel_supply .mod .up-pt{width: 130px;height: 98px;margin: 0 3px;display: inline-block;vertical-align: middle;position: relative;}
#cancel_supply .mod .up-pt img{width: 100%;height: 100%;object-fit: cover;}
#cancel_supply .mod .up-pt .del-btn{width: 20px;height: 20px;display: block;border-radius: 50%;background-color: #CA1A1D;position: absolute;top: -10px;right: -6px;z-index: 3;}
#cancel_supply .mod .up-pt .del-btn:after{content: '';width: 10px;height: 2px;background-color: #fff;position: absolute;top: 50%;left: 50%;margin-top: -1px;margin-left: -5px;}




/*上传案例弹窗*/
#selCaseMask .update-h{border-bottom:10px solid #f7f7f7;padding-bottom: 20px;}
#selCaseMask .update-h table td{line-height: 40px;padding: 10px;}
#selCaseMask .update-h table td input{height: 38px;width: 498px;padding: 0 10px;line-height: 1.2;font-size: 14px;border:1px solid #ddd;display: block;}
#selCaseMask .update-h table td textarea{display: block;width: 578px;padding: 8px 10px;border:1px solid #ddd;resize: none;}
#selCaseMask .case-bt{padding: 0 20px;line-height: 50px;height: 50px;border-bottom:1px solid #ddd;}
#selCaseMask .case-bt .h4{font-size: 16px;color: #333;}
#selCaseMask .case-bt .h5{color: #999;padding-left: 15px;}
#selCaseMask .updateBtn{width: 154px;height: 116px;background-color: #e6e6e6;position: relative;overflow: hidden;margin-right: 15px;margin-bottom: 15px;float:left;font-size: 0;text-align: center;}
#selCaseMask .updateBtn img{display: inline-block;margin-top: 30px;}
#selCaseMask .updateBtn span{display: inline-block;font-size: 14px;color: #999;margin-top: 8px;width: 100%;line-height: 1.2;}
#selCaseMask .updateBtn input{display: block;width:100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;cursor: pointer;}
#selCaseMask .case-list dt .del-btn{width: 20px;height: 20px;display: block;border-radius: 50%;background-color: #CA1A1D;position: relative;}
#selCaseMask .case-list dt .del-btn:after{content: '';width: 10px;height: 2px;background-color: #fff;position: absolute;top: 50%;left: 50%;margin-top: -1px;margin-left: -5px;}
#selCaseMask .case-list .main{width: 100%;line-height: 30px;height: 30px;text-align: center;color: #fff;background: rgba(0,0,0,.6);position: absolute;bottom: 0;left: 0;font-size: 14px;display: none;}
#selCaseMask .case-list:hover .main{display: block;}
#selCaseMask .case-list .main.on{display: block;}
#selCaseMask .mask{}