#idBox{position:fixed; background:#fff; z-index:2147583630; width:90%; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} #boxTopTitle{width:100%; height:45px; background: #0066cc; line-height:45px; font-size:16px; color:#fff; font-family:microsoft yahei; padding:0 15px; box-sizing:border-box; position: relative;} #boxClose{position: absolute; right: 0; top: 0; z-index: 2; display: block; width: 45px; height: 45px; line-height: 45px; text-align: center; font-size:24px; font-family:'黑体'; color:#fff;cursor: pointer; -webkit-transition: all linear .1s; -moz-transition: all linear .1s; -o-transition: all linear .1s; transition: all linear .1s;} #boxClose:hover{background: rgba(0,0,0,.2);} #boxContent{ position: relative; width: 100%;overflow: overlay;-ms-overflow-style:none;} #boxContent iframe{ position: relative; } /* 适用于WebKit浏览器 */ #boxContent::-webkit-scrollbar { width: 5px; /* 减小滚动条的宽度 */ height: 5px; /* 如果需要,也可以设置垂直滚动条的宽度 */ } /* 滚动条滑块 */ #boxContent::-webkit-scrollbar-thumb { background: #888; /* 滑块的颜色 */ border-radius: 10px; /* 滑块的圆角 */ } /* 滚动条轨道 */ #boxContent::-webkit-scrollbar-track { background: #f1f1f1; /* 轨道的颜色 */ border-radius: 10px; /* 轨道的圆角 */ } /* 当鼠标悬停在滚动条滑块上时 */ #boxContent::-webkit-scrollbar-thumb:hover { background: #555; /* 滑块悬停时的颜色 */ }