.mui-scroll-wrapper { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; overflow: hidden; width: 100%; /*height: -moz-calc(100% +45px); height: -webkit-calc(100% +45px); height: calc(100% + 45px);*/ } .mui-scroll { position: absolute; z-index: 1; width: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } .mui-scrollbar { position: absolute; z-index: 9998; overflow: hidden; -webkit-transition: 500ms; transition: 500ms; transform: translateZ(0px); pointer-events: none; opacity: 0; } .mui-scrollbar-vertical { top: 0; right: 1px; bottom: 2px; width: 4px; } .mui-scrollbar-indicator { position: absolute; display: block; box-sizing: border-box; -webkit-transition: .01s cubic-bezier(.1, .57, .1, 1); transition: .01s cubic-bezier(.1, .57, .1, 1); transform: translate(0px, 0) translateZ(0px); border: 1px solid rgba(255, 255, 255, .80196); border-radius: 2px; background: rgba(0, 0, 0, .39804); } .mui-scrollbar-vertical .mui-scrollbar-indicator { width: 100%; } .mui-pull-top-tips { position: absolute; top: -20px; left: 50%; margin-left: -25px; width: 40px; height: 40px; border-radius: 100%; z-index: 3; } /*.mui-pull-top-tips { top: 24px; }*/ .mui-pull-top-wrapper { width: 42px; height: 42px; display: block; text-align: center; background-color: #efeff4; border: 1px solid #ddd; border-radius: 25px; background-clip: padding-box; box-shadow: 0 4px 10px #bbb; overflow: hidden; } .mui-pull-top-tips.mui-transitioning { -webkit-transition-duration: 200ms; transition-duration: 200ms; } .mui-pull-top-tips .mui-pull-loading { /*-webkit-backface-visibility: hidden; -webkit-transition-duration: 400ms; transition-duration: 400ms;*/ margin: 0; } .mui-pull-top-wrapper .mui-icon, .mui-pull-top-wrapper .mui-spinner { margin-top: 7px; } .mui-pull-top-wrapper .mui-icon.mui-reverse { /*-webkit-transform: rotate(180deg) translateZ(0);*/ } .mui-pull-bottom-tips { text-align: center; background-color: #f2f4f6; font-size: 15px; line-height: 40px; color: #777; } .mui-pull-top-canvas { overflow: hidden; background-color: #fafafa; border-radius: 40px; box-shadow: 0 4px 10px #bbb; width: 40px; height: 40px; margin: 0 auto; } .mui-pull-top-canvas canvas { width: 40px; } /* 任务#996 【医生端与居民端-水印-前端】增加健康之路水印 */ .mui-pull-top-canvas { position: absolute; content: ''; width: 32px; height: 32px; background: url(../images/loading2.gif) no-repeat; background-size: 32px; border-radius: initial; box-shadow: none; transform: initial; animation: initial; margin: 0; top: 7px; left: 4px; } .mui-pull-top-canvas canvas { display: none !important; }