.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#000;opacity:1;display:none;z-index:99991006 } /* 黑色背景遮罩 */ .sl-wrapper{z-index:99991000} .sl-wrapper button{border:0;background:0 0;padding:0;cursor:pointer} .sl-wrapper button:hover{opacity:0.7} .sl-wrapper .sl-close{display:none;position:fixed;right:10px;top:5px;height:40px;width:40px;z-index:99991015;color:#ffffff;font-size:40px;line-height:50px;font-family:"DingXian";} /* 右上 关闭X */ .sl-wrapper .sl-counter{display:none;position:fixed;top:10px;left:10px;z-index:99991015;color: #ffffff;font-size:16px;font-family:Microsoft YaHei;} /* 左上条数 */ .sl-wrapper .sl-navigation{width:100%;display:none} .sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-25px;height:50px;width:50px;display:block;z-index:99991015;} /* 左右箭头 */ .sl-wrapper .sl-navigation button.sl-next{right:0;color:#ffffff;font-size:50px;line-height:50px;font-family:"DingXian";} .sl-wrapper .sl-navigation button.sl-prev{ left:0;color:#ffffff;font-size:50px;line-height:50px;font-family:"DingXian";} .sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:99991007} .sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0;} .sl-wrapper .sl-image .sl-caption{display:none;padding:5px;color:#fff;background:#000;opacity:0.5;position:absolute;bottom:0;left:0;right:0;font-size:12px;line-height:16px;height:16px;} /* 放大图片底部标题栏 */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++加载开始 */ .sl-spinner {width: 64px;height: 64px;position: fixed;z-index:99999001;top: 50%;left: 50%;margin: -32px 0 0 -32px;background-image: url("spinner.png");background-size: contain;opacity: 0.9;animation: spin 2s infinite linear;} @keyframes spin {/* 加载转圈 */ from {transform: rotate(0deg);} to {transform: rotate(360deg);} } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 加载结束 */