html, body { background-color: #efeff4; font-size: 14px; } .mui-views, .mui-view, .mui-pages, .mui-page, .mui-page-content { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: #efeff4; } .mui-pages { top: 46px; height: auto; } .mui-scroll-wrapper, .mui-scroll { background-color: #efeff4; } .mui-page.mui-transitioning { -webkit-transition: -webkit-transform 300ms ease; transition: transform 300ms ease; } .mui-page-left { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mui-ios .mui-page-left { -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); } .mui-navbar { position: fixed; right: 0; left: 0; z-index: 10; height: 44px; background-color: #f7f7f8; } .mui-navbar .mui-bar { position: absolute; background: transparent; text-align: center; } .mui-android .mui-navbar-inner.mui-navbar-left { opacity: 0; } .mui-ios .mui-navbar-left .mui-left, .mui-ios .mui-navbar-left .mui-center, .mui-ios .mui-navbar-left .mui-right { opacity: 0; } .mui-navbar .mui-btn-nav { -webkit-transition: none; transition: none; -webkit-transition-duration: .0s; transition-duration: .0s; } .mui-navbar .mui-bar .mui-title { display: inline-block; width: auto; } .mui-page-shadow { position: absolute; right: 100%; top: 0; width: 16px; height: 100%; z-index: -1; content: ''; } .mui-page-shadow { background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%); } .mui-navbar-inner.mui-transitioning, .mui-navbar-inner .mui-transitioning { -webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease; transition: opacity 300ms ease, transform 300ms ease; } .mui-page { display: none; } .mui-pages .mui-page { display: block; } .mui-page .mui-table-view:first-child { margin-top: 15px; } .mui-page .mui-table-view:last-child { margin-bottom: 30px; } .mui-table-view { margin-top: 20px; } .mui-table-view span.mui-pull-right { color: #999; } .mui-table-view-divider { background-color: #efeff4; font-size: 14px; } .mui-table-view-divider:before, .mui-table-view-divider:after { height: 0; } .head { height: 40px; } #head { line-height: 40px; } .head-img { width: 40px; height: 40px; } #head-img1 { position: absolute; bottom: 10px; right: 40px; width: 40px; height: 40px; } .update { font-style: normal; color: #999999; margin-right: -25px; font-size: 15px } .mui-fullscreen { position: fixed; z-index: 20; background-color: #000; } .mui-ios .mui-navbar .mui-bar .mui-title { position: static; } /*问题反馈在setting页面单独的css*/ #feedback .mui-popover { position: fixed; } #feedback .mui-table-view:last-child { margin-bottom: 0px; } #feedback .mui-table-view:first-child { margin-top: 0px; } /*问题反馈在setting页面单独的css==end*/ .mui-bar-nav { background-color: #00a1cb!important; } p { font-size: 16px; color: #000; padding: 10px; margin-bottom: 0px; } .Img-box { line-height: 15px; } .Img { width: 17px; height: 19px; vertical-align: sub; margin-right: 5px; } /*新增*/ .mui-media-body{ position: relative; height: 100px; } .setting_bj{ width: 100%; height: 130px; background: url(../img/setting_banner.png) no-repeat center top; background-size: 100%; margin-top: -1px !important; } .top_left{ left: 20px; top: 15px; position: absolute; width: 78px; height: 78px; } .top_left img{ width: 100%; height: 100%; border-radius: 39px; } .top_text{ position: absolute; left: 105px; top: 20px; color: #FFFFFF; font-size: 17px; } .mui-btn-block{ padding: 8px; width: 90%; margin: 0 auto; }