#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: #3333ff; 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; /* 滑块悬停时的颜色 */ }