.jimu-widget-ShanHong { width: 100%; height: 100%; overflow: hidden; } .jimu-widget-ShanHong .shselect { position: absolute; top: 2px; width: 100%; height: 36px; background: rgb(255, 255, 255); border: 1px solid rgb(90, 90, 90); } .jimu-widget-ShanHong .shselect option { width: 120px; height: 100%; background: #fff; } .jimu-widget-ShanHong .shselect option:hover { background: rgb(89, 180, 255); } .jimu-widget-ShanHong #shgrid { position: absolute; top: 54px; bottom: 2px; } .jimu-widget-ShanHong #shgrid .field-smid { width: 38px; } .jimu-widget-ShanHong #shgrid .field-name { width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jimu-widget-ShanHong #shgrid th, #shgrid td { text-align: center; height: 26px; line-height: 26px; } .jimu-popup .title { position: absolute; top: 0; left: -10px; width: 100%; background: #094895; color: #fff; } .jimu-widget-ShanHong .load-box-list { display: none; overflow-y: auto; width: 100%; background-color: #fff; position: absolute; top: 0; border: 1px #ccc solid; z-index: 55; } .jimu-widget-ShanHong .load-box-list .rote-load { position: absolute; top: 36%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 80px; } .jimu-widget-ShanHong .load-box-list .rote-load img { position: absolute; top: 0; left: 0; width: 100%; height: 60px; animation: rotete 3s linear infinite; } .jimu-widget-ShanHong .load-box-list .rote-load span { margin: 0 !important; position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; line-height: 20px !important; text-align: center; } @keyframes rotete { 0% { transform: rotate(0deg); } 25% { transform: rotate(90deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(270deg); } 100% { transform: rotate(360deg); } } .jimu-widget-ShanHong #shgrid .load-box-list { /*margin-left: 1%;*/ height: auto; overflow-y: auto; background-color: #fff; position: absolute; bottom: 0px; top: 0px; }