123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131 |
- .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;
- }
|