@charset "utf-8"; /*上传样式*/ .upload-box{ position:relative; display:inline-block; height:52px; vertical-align:middle; zoom:1; *display:inline;} .upload-box .upload-btn{ display:inline-block; height:32px; zoom:1; *display:inline; } .upload-box .upload-progress{ position:absolute; top:0; left:0; padding:2px 5px; width:115px; height:26px; border:1px solid #d7d7d7; background:#fff; overflow:hidden; } .upload-box .upload-progress .txt{ display:block; padding-right:10px; font-weight:normal; font-style:normal; font-size:11px; line-height:18px; height:18px; text-overflow:ellipsis; overflow:hidden; } .upload-box .upload-progress .bar{ position:relative; display:block; width:112px; height:4px; border:1px solid #1da76b; } .upload-box .upload-progress .bar b{ display:block; width:0%; height:4px; font-weight:normal; text-indent:-99em; background:#28B779; overflow:hidden; } .upload-box .upload-progress .close{ position:absolute; display:block; top:1px; right:1px; width:14px; height:14px; line-height:14px; text-align:center; cursor:pointer; overflow:hidden; } .upload-box .upload-progress .close:hover{ text-decoration:none; } .upload-box .upload-progress .close i{ color:#535353; font-size:10px; line-height:14px; -webkit-transform:scale(0.833); } /*=====================以下部分是WebUploader必须的====================*/ .webuploader-container{ position:relative; } .webuploader-element-invisible{ position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); } .webuploader-pick{ position:relative; display:inline-block; width:80px; line-height:30px; height:30px; border:1px solid #e1e1e1; cursor:pointer; background:#fff; color:#333; text-align:center; overflow:hidden; zoom:1; *display:inline; } .webuploader-pick-hover{ background:#fafafa; } .webuploader-pick-disable{ opacity:0.6; pointer-events:none; } /*=====================以上部分是WebUploader必须的====================*/ /*========================以下部分是响应式布局========================*/ @media only screen and (max-width:500px) { .nlist-1 ul li,.nlist-2 ul li,.nlist-3,.nlist-4{ width:100%; } .nlist-4{ margin-left:0; } } /*========================以上部分是响应式布局========================*/