.xn-attachments-box{position:relative;height:0;overflow:hidden;float:left}.xn-attachments-box-open{display:inline-block}.xn-attachments-box .xn-attachments-bg{position:fixed;top:0;bottom:0;left:0;right:0;z-index:999;background:#000;filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5}.xn-attachments-box .xn-attachments-popup{position:fixed;top:50%;left:50%;z-index:1000;background:#fff;width:550px;height:400px;margin:-300px 0 0 -275px;border-radius:4px;overflow:hidden;box-shadow:0 0 10px #333}.xn-attachments-box .xn-attachments-popup .popup-head{height:34px;background:#4881C2;line-height:34px;font-size:14px;padding:0 15px;color:#fff;border-radius:4px 4px 0 0}.xn-attachments-box .xn-attachments-popup .popup-head .attachment-close{float:right;height:26px;width:16px;display:inline-block;margin-top:8px;background:url(images/attachment-file.png) left -1100px no-repeat;cursor:pointer}.xn-attachments-box .xn-attachments-popup .tab-title{margin:10px 15px;height:30px}.xn-attachments-box .xn-attachments-popup .tab-title .attachmentInputFile{height:30px;width:85px;background:#4881C2;font-size:14px;color:#fff;text-align:center;float:right;border-radius:4px;line-height:30px;cursor:pointer}.xn-attachments-box .xn-attachments-popup .tab-title .attachmentInputFile .none{display:none}.xn-attachments-box .xn-attachments-popup .tab-title .tab-title-box{width:110px;height:30px;line-height:30px;border-bottom:1px solid #dcdcdc;float:left}.xn-attachments-box .xn-attachments-popup .tab-title .tab-title-box span{float:left;display:inline-block}.xn-attachments-box .xn-attachments-popup .tab-title .tab-title-disk{cursor:pointer;height:30px;width:30px;margin-right:18px}.xn-attachments-box .xn-attachments-popup .tab-title .tab-title-bottom{height:31px;border-bottom:3px solid #4881C2;margin-bottom:-1px}.xn-attachments-box .xn-attachments-popup .tab-title .tab-title-box span.tab-title-locality{height:30px;width:30px;margin-left:18px;cursor:pointer;float:right}.xn-attachments-box .xn-attachments-popup .tab-box{margin:0 15px;border:1px solid #dcdcdc;height:250px;overflow-y:auto;overflow-x:hidden}.xn-attachments-box .xn-attachments-popup .tab-box .tab-box-disk,.xn-attachments-box .xn-attachments-popup .tab-box .tab-box-locality{width:518px;overflow:hidden}.xn-attachments-box .xn-attachments-popup .tab-box ul li{border-radius:2px;cursor:pointer;width:75px;height:90px;overflow:hidden;border:1px solid transparent;margin:10px 0 0 10px;float:left}.xn-attachments-box .xn-attachments-popup .tab-box ul li.select{border:1px solid #DBE2EB;background:#EEF1F8}.xn-attachments-box .xn-attachments-popup .tab-box ul li .tab-box-img{background:url(images/attachment-icon.png) center top no-repeat;width:65px;height:50px;margin:10px auto 5px}.xn-attachments-box .xn-attachments-popup .tab-box ul li .go-back{background:url(images/attachment-file.png) center -100px no-repeat}.xn-attachments-box .xn-attachments-popup .tab-box ul li .folder{background:url(images/attachment-file.png) center -200px no-repeat}.xn-attachments-box .xn-attachments-popup .tab-box ul li .xls{background-position:-36px -26px}.xn-attachments-box .xn-attachments-popup .tab-box ul li .doc{background-position:-36px -146px}.xn-attachments-box .xn-attachments-popup .tab-box ul li .ppt{background-position:-96px -26px}.xn-attachments-box .xn-attachments-popup .tab-box ul li .txt{background-position:-36px -266px}.xn-attachments-box .xn-attachments-popup .tab-box ul li .voice{background:url(images/attachment-file.png) center -700px no-repeat}.xn-attachments-box .xn-attachments-popup .tab-box ul li .pdf{background-position:-36px -86px}.xn-attachments-box .xn-attachments-popup .tab-box ul li .zip{background-position:-36px -206px}.xn-attachments-box .xn-attachments-popup .tab-box ul li .other{background-position:-96px -86px}.xn-attachments-box .xn-attachments-popup .tab-box ul li .img{background-position:50% 50%}.xn-attachments-box .xn-attachments-popup .tab-box ul li .tab-box-title{height:20px;line-height:20px;font-size:12px;color:#666;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xn-attachments-box .xn-attachments-popup .popup-foot{margin:20px 15px 0;height:30px}.xn-attachments-box .xn-attachments-popup .popup-foot .popup-foot-bottom{width:80px;height:30px;text-align:center;line-height:28px;font-size:14px;color:#6990CA;border:1px solid #7E9DD1;float:right;border-radius:4px;background:#fff;cursor:pointer;padding:0}.xn-upload-img li{float:left;width:180px;border:1px solid #dcdcdc;height:110px;padding:4px;margin:15px 10px;position:relative}.xn-upload-img li .upload-img{width:170px;height:100px}.xn-upload-img li .upload-name{padding:30px 10px;line-height:30px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xn-upload-img li .icon-delete{position:absolute;top:-10px;right:-10px;background:#dcdcdc;width:20px;height:20px;border-radius:50%;overflow:hidden;text-align:center;line-height:14px;font-size:12px;padding:3px;color:#fff;cursor:pointer}.xn-upload-img li .icon-delete:hover{background:#d9534f}.xn-upload-img li .upload-title{text-align:center;padding:30px 10px;background:#faf8fd;width:170px;height:100px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;float:left}.xn-upload-img li .upload-add{padding:10px;width:170px;height:100px;text-align:center;cursor:pointer}.xn-upload-img li .upload-add .icon-add{font-size:35px;line-height:40px;color:#dcdcdc}.xn-upload-img li .upload-add .upload-add-title{margin-top:15px;color:#dcdcdc}.xn-attachmentView-bj{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;z-index:99}.xn-attachmentView-box{position:fixed;left:50%;top:100px;z-index:999}.xn-attachmentView-box .xn-attachmentView-box-nr{position:relative;width:100%;height:100%;padding:10px;text-align:center;background:#fff;margin-left:-50%;border-radius:4px}.xn-attachmentView-box .xn-attachmentView-box-nr .icon-close{position:absolute;right:0;top:0;width:28px;height:28px;line-height:25px;font-size:23px;z-index:3;cursor:pointer;background:#fff;border-radius:50%;border:2px solid #fff}.xn-attachmentView-box .xn-attachmentView-box-nr .xn-attachmentView-box-img{max-width:800px;min-height:100px;min-width:80px;max-height:600px}.xn-attSingleView{float:left;width:180px;border:1px solid #dcdcdc;height:110px;padding:4px;margin:15px 10px}.xn-upload-list li{float:left;width:70px;height:100px;margin:10px 20px;position:relative}.xn-upload-list li .upload-img{float:left;width:70px;height:70px;text-align:center;line-height:70px;border-radius:50%;text-overflow:ellipsis;white-space:nowrap;display:inline-block;background:#dcdcdc;font-size:25px;overflow:hidden}.xn-upload-list li .progress{width:70px;height:70px;border-radius:50%;position:absolute;top:0;left:0;z-index:1;background:#4A89DC;opacity:.2}.xn-upload-list li .icon-delete{position:absolute;top:50px;right:0;background:#4A89DC;width:20px;height:20px;border-radius:50%;overflow:hidden;text-align:center;line-height:14px;font-size:12px;padding:3px;color:#fff;cursor:pointer;z-index:2}.xn-upload-list li .icon-delete:hover{background:#d9534f}.xn-upload-list li .upload-title{text-align:center;width:100%;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block}.xn-upload-list li .upload-add{padding:10px;width:100%;height:70px;text-align:center;cursor:pointer}.xn-upload-list li .upload-add .icon-add{font-size:35px;line-height:40px;color:#dcdcdc}.xn-upload-list li .upload-add .upload-add-title{margin-top:15px;color:#dcdcdc}.xn-attachment .attachment-list{width:inherit;height:auto}.xn-attachment .attachment-list .attachment-item{width:90px;height:90px;float:left;text-align:center;margin-bottom:20px;position:relative}.xn-attachment .attachment-list .attachment-item .attachment-img{display:inline-block;width:50px;height:50px}.xn-attachment .attachment-list .attachment-item .xls{background:url(images/attachment-icon.png) -36px -26px no-repeat}.xn-attachment .attachment-list .attachment-item .doc{background:url(images/attachment-icon.png) -36px -146px no-repeat}.xn-attachment .attachment-list .attachment-item .ppt{background:url(images/attachment-icon.png) -96px -26px no-repeat}.xn-attachment .attachment-list .attachment-item .txt{background:url(images/attachment-icon.png) -36px -266px no-repeat}.xn-attachment .attachment-list .attachment-item .pdf{background:url(images/attachment-icon.png) -36px -86px no-repeat}.xn-attachment .attachment-list .attachment-item .zip{background:url(images/attachment-icon.png) -36px -206px no-repeat}.xn-attachment .attachment-list .attachment-item .other{background:url(images/attachment-icon.png) -96px -86px no-repeat}.xn-attachment .attachment-list .attachment-item .img{background-position:50% 50%;background-repeat:no-repeat}.xn-attachment .attachment-list .attachment-item .attachment-add{background:url(images/attachment-icon.png) -96px -206px no-repeat}.xn-attachment .attachment-list .attachment-item .icon-delete{position:absolute;top:-8px;right:15px;z-index:99;background:#dcdcdc;width:15px;height:15px;border-radius:50%;overflow:hidden;text-align:center;line-height:12px;font-size:10px;padding:2px;color:#fff;cursor:pointer}.xn-attachment .attachment-list .attachment-item .icon-delete:hover{background:#d9534f}.xn-attachment .attachment-list .attachment-title{display:block;padding:5px;width:inherit;font-size:12px;color:#39f;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;text-decoration:none}.xn-attachment .attachment-list .attachment-item .attachment-add-img .icon-add{font-size:25px;color:#dcdcdc}