@charset "utf-8"; *{touch-action:manipulation;-webkit-tap-highlight-color: transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} html,body{position:relative;height:100%;overflow:hidden;} body{font-family:-apple-system-font,Helvetica Neue,Helvetica,sans-serif;background-color:#EEEEEE;margin: 0px;} body.pace-done .wrapper{display: block} body.html-body-overflow{overflow:hidden;} body.pace-done .weui-mask_transparent{background: rgba(0,0,0,.3);} ::-webkit-scrollbar{display:none} /*载入动画*/ .pace {-webkit-pointer-events: none;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;margin: 0px} .pace-inactive {display: none;} .pace .pace-progress {background: #3cc51f;top: 0;position: fixed;z-index: 2000;right: 100%;width: 100%;height: 2px;} .preloader{width:20px;height:20px;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:loading 1s steps(12,end) infinite;animation:loading 1s steps(12,end) infinite} .preloader:after{display:block;width:100%;height:100%;content:"";background-position:50%;background-size:100%} @keyframes loading{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} /*@ 名称: 基础样式 */ ins,a,a:hover{text-decoration:none;}/* 默认不显示下划线*/ code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em;}/* 代码字体 */ a{text-decoration:none;outline:none;} input[type="tel"] .password {-webkit-text-security: disc;} /*@ 名称: Function*/ .fn-clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}/* 清理浮动 */ .fn-clear {zoom:1; /* for IE6 IE7 */} .fn-left,.fn-right{display:inline;}.fn-left {float:left;}.fn-right{ float:right;}/* 设置内联, 减少浮动带来的bug */ .fn-hide {display:none;} .fn-cp{cursor:pointer;} .fn-f12{font-size:12px;}.fn-f14{font-size:14px;}.fn-f16{font-size:16px;}.fn-f18{font-size:18px;}.fn-f20{font-size:20px;}.fn-f22{font-size:22px;}.fn-f24{font-size:24px;} .fn-fn{font-weight:normal;}.fn-fb{font-weight:bold;} .fn-tal{text-align:left;}.fn-tac{text-align:center;}.fn-tar{text-align:right;} .fn-taj{text-align:justify;text-justify:inter-ideograph;} .white{color:#FFF}.green{color:#61CE3C}.red{color:#FF0000}.blue{color:#1C86D1}.gray{color: #666} /*初始化样式*/ a{color: #333} a.touch{padding:10px 5px} .wrapper{max-width: 640px;margin:auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling: touch;box-sizing: border-box;height: 100%;} .wrapper .weui-loadmore_line .weui-loadmore__tips{background-color:#EEEEEE;} .wrapper .weui-popup__modal{background: #FFF} .wrapper .weui-vcode-btn:disabled{color: rgb(116, 116, 116);font-size: 0.8em;} #page{position: relative;height: 100%;} #page .weui-msg {padding:100px 40px 0px;} #page .weui-icon-info {color:#DDD} .img-success{-webkit-animation: fadeIn 01s ease 0.2s 1 both;animation: fadeIn 1s ease 0.2s 1 both;} @keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}} .touch img{width:2em} /*工具栏*/ #actionbar{line-height: 1;box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6);} #actionbar .weui-tabbar__item .iconfont{font-size:25px} #actionbar .weui-bar__item--on{color: #04BE02;} #actionbar a:active{background-color: rgb(236, 236, 236);} /*样式表*/ .badge{display:inline-block;min-width:10px;border-radius: 10px;padding:3px 10px;font-size:12px;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#999;} a.badge:hover{color: #F3F3F3} .badge.bg-red{background-color:#EE3333;} .badge.bg-blue{background-color:#00AAEE;} .badge.bg-yellow{background-color:#FF6600;} .badge.bg-green{background-color:#22CC77;} /*加载骨架*/ .pace-running #skeleton{display:show;} .pace-done #skeleton{display:none;} #skeleton{position: relative;z-index: 9999;height: 100%;width: 100%;background:#F3F3F3;padding:5px;} #skeleton .skeleton-head, #skeleton .skeleton-100,#skeleton .skeleton-80,#skeleton .skeleton-60{background:#EEEEEE;float:left;} .skeleton-head {width:20%;height:80px;margin-bottom:10px;} .skeleton-body {margin-left:22%;height: 80px;margin-bottom:10px;} .skeleton-100 {width:100%;height: 40px;} .skeleton-80 {width:80%;height: 30px;} .skeleton-60 {width:60%;height: 30px;} .skeleton-mt{margin-top:10px;} .pace-activity{background: #FF0000;height: 100%;width: 100%;} /*弹出层布局*/ .weui-popup .header-page{position:absolute;left: 0;top: 0;right: 0;z-index:10;height: 2.2rem;line-height: 2.2rem;background: #f2f2f2;box-shadow: 0 2px 4px -1px rgba(0,0,0,.2);color: #666;} .weui-popup .header-page .btn{display: block;width:1rem;height:1rem;margin:.1rem;padding: .2rem;color: #ddd;background: rgba(165, 165, 165, 0.6);border-radius: 50%;} .weui-popup .header-page .btn-text{display: block;padding: 0px 20px;} .weui-popup .header-page .btn-text .iconfont{font-size: 25px;} .weui-popup .content_page {position:absolute;top:0px;bottom:0px;height: 100%;width: 100%;overflow-y: auto;background: #EEEEEE} .weui-popup .content_page .popup{margin-top:2.2rem;margin-bottom: 50px} .weui-popup .content_page .page_title{text-align: center;font-size:2em;color: #3cc51f;font-weight: 400;margin: 0 15%;padding:1em 0em;} .weui-popup .content_page .weui-cells_form{font-size: 14px;} .weui-popup .content_page label.weui-label{width: 80px;font-size: 14px;} .weui-popup .content_page .weui-cell_access .weui-cell__ft{ color: #f60;font-size:12px;} .weui-popup .bottom_page{position: absolute;width: 100%;left: 0;bottom: 0;height: 50px;background: #fff;box-shadow: 0 3px 14px 2px rgba(0,0,0,.12);display: flex;} .weui-popup .bottom_page .footer-btn{display: block;flex:1;border-left: 1px solid #f4f4f4;text-align: center;line-height: 20px;padding: 5px;font-size:.85em;position: relative;} .weui-popup .bottom_page .footer-btn.btn-red{background: #ff6700;color: #FFF} .weui-popup .bottom_page .footer-btn.btn-text{line-height: 40px;font-size: 1em;}