game-box/public/static/style/common.css

@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;}