.sp-menu .sp-menu-first { float: left; width: 100%; line-height: 38px; background-color: #fff; color: #000; cursor: pointer; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .sp-menu .sp-menu-first:hover { /*background-color: #1E74D5;*/ background-color: #7FAFE5; color: #fff; } .sp-menu .sp-menu-first .sp-menu-ltitle { float: left; padding-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: inherit; } .sp-menu .sp-menu-first > i { float: left; width: 23px; padding-left: 10px; line-height: 38px; } .sp-menu .sp-menu-second { float: left; width: 100%; line-height: 38px; background-color: #fff; color: #000; cursor: pointer; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .sp-menu .sp-menu-second:hover { /*background-color: #1E74D5;*/ background-color: #7FAFE5; color: #fff; } .sp-menu .sp-menu-second .sp-menu-ltitle { float: left; color: inherit; padding-left: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sp-menu .sp-menu-third { float: left; width: 100%; line-height: 38px; background-color: #fff; color: #000; cursor: pointer; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .sp-menu .sp-menu-third:hover { /*background-color: #1E74D5;*/ background-color: #7FAFE5; color: #fff; } .sp-menu .sp-menu-third .sp-menu-ltitle { float: left; color: inherit; padding-left: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sp-menu span.sp-menu-ltitle { width: 100%; border-bottom: 1px solid #E8E8E8; } .sp-menu .sp-menu-icon { position: relative; float: right; display: inline-block; margin-right: 10px; width: 10px; } .sp-menu .sp-menu-icon i { width: 8px; } .sp-bg-brown { background: #E8E8E8; } .listType { width: 32px; height: 32px; float: left; padding: 5px; margin: 0 5px; border: 1px solid #c6c6c6; display: inline-block; cursor: pointer; } .list-item { width: 100px; height: 100px; float: left; margin: auto 0.5%; padding: 5px; border: 1px dashed #c6c6c6; position: relative; cursor: pointer; } .list-item img { width: 65px; position: absolute; left: 50%; transform: translateX(-50%); } .list-item div { width: 90px; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; position: absolute; bottom: 5px; } .list-item i { display: none; position: absolute; top: 5px; right: 5px; } .list-item:hover i { display: inline; } .pointer { cursor: pointer; } .upload { float: left; overflow: hidden; position: relative; top: 2px; } .upload-btn-single { outline: none; border: 0; height: 28px; line-height: 28px; padding: 0 5px; color: #fff !important; background: #1c84c6; cursor: pointer !important; border-radius: 5px; } .upload-tip { float: left; width: 100%; margin-top: 35px; padding: 0 10px; color: #666; font-size: 13px !important; border-radius: 5px; display: none; text-align: left; } .upload-file-single { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; font-size: 0; filter: alpha(opacity=0); } .upload-loading { display: inline-block; width: 100%; height: 100%; padding: 3px; text-align: center; background: #E8E8E8; opacity: 0.4; position: absolute; left: 0; top: 0; z-index: 10; }