#Duration, #Depth, #Page { display: none; } .jieshow { position: absolute; left: 400px; top: 0; z-index: 111; } #appoint { position: relative; display: block; } .xl_common { position: absolute; height: 100px; width: 240px; left: 115px; border: 1px solid darkgrey; display: none; overflow-y: auto; } .xl_common li { padding-top: 5px; cursor: pointer; width: 208px; } .xl_common3 li { padding-top: 5px; cursor: pointer; width: 295px; } .xl_common li:hover { background: #EBEBEB; } .xl_box { position: absolute; top: 0px; left: 10px; width: 162px; } .inpBox { border: 1px solid #cccccc; height: 31px; width: 260px; vertical-align: middle; position: absolute; left: 130px; top: 0px; z-index: 111; } .selDpart1 { position: absolute; left: 130px; top: 31px; z-index: 11111; width: 220px; line-height: 30px; background: #FFFFFF; display: none; } #sponsor { width: 218px; margin: 0; padding: 0; list-style: none; max-height: 212px; overflow-x: hidden; overflow-y: scroll; } #sponsor li { margin: 0; padding-left: 10px; width: 220px; height: 30px; line-height: 30px; list-style: none; } #sponsor li:hover { background: #00a1cb; } .addTree { height: 300px; overflow: scroll; } .addTree { background: #fff; position: absolute; width: 100%; border: 1px solid darkgrey; right: 0; top: 29px; display: none; z-index: 222; } .xl { display: inline-block; background: url(../../img/dropDown.png) no-repeat; height: 100%; background-position: center center; width: 20px; position: absolute; right: 0; top: 0px; /* background-color: #f7bc8b; */ cursor: pointer; } .ztree li span { border: none; padding: 0; } .ztree li { float: none; } .inps { width: 217px; height: 29px; outline: none; border: 0; border-image-width: 0; padding: 0; padding-left: 3px; } .xl { display: inline-block; background: url(../img/dropDown.png) no-repeat; height: 100%; background-position: center center; width: 20px; position: absolute; right: 0; top: 0px; /* background-color: #f7bc8b; */ cursor: pointer; } .Cleans { display: inline-block; width: 20px; position: absolute; right: 35px; top: 8px; /* display: none; */ } .Min-width { width: 150px; } .btn-default { background: #FFFFFF; color: #000000; } .xlout { display: inline-block; background: url(../img/dropDown.png) no-repeat; height: 100%; background-position: center center; width: 20px; position: absolute; right: 100px; top: 0px; /* background-color: #f7bc8b; */ cursor: pointer; } .com_list { position: absolute; height: 100px; width: 182px; left: 119px; border: 1px solid darkgrey; display: none; overflow-y: auto; } .com_list li { padding-top: 5px; cursor: pointer; width: 100%; } .com_list li:hover { background: #EBEBEB; } /* 指派附件开始 */ #fileList { padding: 10px 70px; list-style: none; margin-left: -15px; } #fileList li { float: left; position: relative; width: 109px; height: 109px; margin-left: 10px; margin-right: 10px; margin-bottom: 40px; padding-top: 0; padding-bottom: 0; } #fileList li:hover .img_mask { display: block; } #fileList .img_mask { display: none; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, .3); width: 100%; height: 22px; z-index: 1; } #fileList .img_mask i { position: absolute; right: 5px; top: 5px; display: inline-block; width: 13px; height: 12px; cursor: pointer; background: url(../img/file_img_icons.png) no-repeat 0 0; } #fileList .file_name { width: 100%; display: inline-block; text-align: center; word-break: break-all; padding-top: 8px; } #fileList li img { width: 100%; height: 100%; border: 0; vertical-align: middle; } #fileList .upload-state-done .img_state { display: block; position: absolute; right: 7px; bottom: 29px; width: 0; height: 0; border-bottom: 40px solid #01b2fe; border-left: 40px solid transparent; overflow: inherit; } #fileList .img_state i { position: absolute; right: 4px; bottom: -32px; display: inline-block; width: 15px; height: 11px; background: url(../../img/file_img_icons.png) no-repeat 0 -16px; } .error { color: red; text-align: center; } .noThumb { width: 109px; height: 83px; text-align: center; color: #1aaad0; } .glyphicon.glyphicon-paperclip { font-size: 44px; text-align: center; } #fileList .img-box { float: left; width: 120px; height: 120px; background-size: 100% 100%; display: inline-block; position: relative; border-radius: 5px; margin-right: 10px; border: solid 1px #e8e8e8; cursor: pointer; text-align: center; line-height: 120px } #fileList .img-box .img_mask { display: none; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, .3); width: 100%; height: 22px; z-index: 5; } #fileList .image-item { width: 120px; height: 120px; background-size: 100% 100%; display: inline-block; position: relative; border-radius: 5px; margin-right: 10px; cursor: pointer; } #fileList .img-box .img_mask i { position: absolute; right: 5px; top: 5px; display: inline-block; width: 13px; height: 12px; cursor: pointer; color: #fff; } #fileList .img-box:hover .img_mask { display: block; } #fileList .img_filename { font-size: 14px; /* display: block; */ width: 100%; height: calc(100% - 22px); } /* 指派附件结束 */ .inpst { width: 150px; height: 33px; outline: none; border: 0; /* margin-left:145px; */ position: absolute; top: 0; left: 42%; border-image-width: 0; padding: 0; padding-left: 3px; } .xlouty { display: inline-block; /* background: url(../img/xiala.png) no-repeat; */ height: 100%; padding: 8px 20px 10px; background-position: center center; width: 6px; position: absolute; right: 10px; top: 0px; /* background-color: #f7bc8b; */ cursor: pointer; } .xlouty img { width: 11px; } #laiquxian li { text-align: left; padding-left: 5px; } .com_listit { position: absolute; width: 160px; height: 240px; left: 100px; top: 33px; border: 1px solid darkgrey; display: none; background: #2D4153; overflow-y: auto; z-index: 999; } .com_listit li { padding-top: 5px; cursor: pointer; width: 100%; color: #FFF; } .com_listit li:hover { background: #31485B; } .highlight { color: red; } #fileListUp { overflow: hidden; } /* 知识库附件开始 */ #fileListUp { padding: 10px 70px; list-style: none; margin-left: -15px; } #fileListUp li { float: left; position: relative; width: 109px; height: 109px; margin-left: 10px; margin-right: 10px; margin-bottom: 40px; padding-top: 0; padding-bottom: 0; } #fileListUp li:hover .img_mask { display: block; } #fileListUp .img_mask { display: none; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, .3); width: 100%; height: 22px; z-index: 1; } #fileListUp .img_mask i { position: absolute; right: 5px; top: 5px; display: inline-block; width: 13px; height: 12px; cursor: pointer; background: url(../img/file_img_icons.png) no-repeat 0 0; } #fileListUp .file_name { width: 100%; display: inline-block; text-align: center; word-break: break-all; padding-top: 8px; } #fileListUp li img { width: 100%; height: 100%; border: 0; vertical-align: middle; } #fileListUp .upload-state-done .img_state { display: block; position: absolute; right: 7px; bottom: 29px; width: 0; height: 0; border-bottom: 40px solid #01b2fe; border-left: 40px solid transparent; overflow: inherit; } #fileListUp .img_state i { position: absolute; right: 4px; bottom: -32px; display: inline-block; width: 15px; height: 11px; background: url(../../img/file_img_icons.png) no-repeat 0 -16px; } .error { color: red; text-align: center; } .noThumb { width: 109px; height: 83px; text-align: center; color: #1aaad0; } .glyphicon.glyphicon-paperclip { font-size: 44px; text-align: center; } #fileListUp .img-box { float: left; width: 120px; height: 120px; background-size: 100% 100%; position: relative; border-radius: 5px; border: solid 1px #e8e8e8; cursor: pointer; margin-right: 10px; } #fileListUp .img-box .img_mask { display: none; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, .3); width: 100%; height: 22px; z-index: 5; } #fileListUp .image-item { width: 120px; height: 120px; position: absolute; left: 0; top: 0; border-radius: 5px; cursor: pointer; margin: 0; padding: 0; } #fileListUp .img-box .img_mask i { position: absolute; right: 5px; top: 5px; display: inline-block; width: 13px; height: 12px; cursor: pointer; color: #fff; } #fileListUp .img-box:hover .img_mask { display: block; } #fileListUp .img_filename { font-size: 14px; /* display: block; */ width: 100%; height: calc(100% - 22px); } /* 知识库附件结束 */