@charset "utf-8";
/*******重置WEUI 部分样式*******/
body{font-family: -apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;}
.weui-btn_primary {background-color: #12b7f5;}
.weui-btn_primary:not(.weui-btn_disabled):active{color:hsla(0,0%,100%,.4);background-color:#0993c7}
.weui-cells {margin-top: 10px;}
.weui_toptips {z-index: 99999;}
.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label {color: #0993c7;}
.weui-tabbar__item.weui-bar__item--on i{color: #0993c7;}
.weui-grid__icon{width:50px;height:50px;margin:0 auto}
.weui-grid__rwm{width:350px;height:350px;margin:0 auto}
.weui-tabbar{ position:fixed; z-index:2;}
.weui-article{padding:0px 15px;font-size:16px}
/*.color-primary {   color: #63A5FF;}*/
.weui-switch:checked { border-color: #277EF1;background-color: #277EF1;}
.bg-primary {   background-color: #277EF1;}
.lang-ATL-bg-primary {   background-color: #9fce02;}
.weui-btn_primary {background-color: #199DF3;}
.weui-btn_primary:not(.weui-btn_disabled):active{color:hsla(0,0%,100%,.4);background-color:#277EF1;}
/*******重置 END*******/
.tab-control {width:25%;position:static;padding:10px 5px;}
.nav-lang {padding:10px;width:36px;height:36px;}
.nav-icon {cursor: pointer;width:28px;height:28px;}

ul {margin: 0; padding: 0; list-style:none;}
ul li{ list-style:none;}
#micon{padding-right:0.4rem;vertical-align:middle;font-size:1.2rem;line-height:1rem;color: #18B4ED;}
/*10种常见颜色*/
.f-red{color:#ef4f4f!important}
.f-green{color:#04be02!important}
.f-blue{color:#18b4ed!important}
.f-black{color:#333!important}
.f-white{color:#FFF!important}
.f-zi{color:#F3C!important}
.f-gray{color:#CCC!important}
.f-yellow{color:#FF6!important}
.f-orange{color:#F60!important}

/*分割线*/
.divider {
    color: #666;
    display: table;
    height: auto;
    line-height: 1;
    overflow: hidden;
    padding: 10px 0;
    text-align: center;
    white-space: nowrap;
}
.divider::after, .divider::before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    content: "";
    display: table-cell;
    position: relative;
    top: 50%;
    width: 50%;
}
.divider::before {
    background-position: right 1em top 50%;
}
.divider::after {
    background-position: left 1em top 50%;
}
.divider-dot {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAACCAYAAAC+LzfPAAAAI0lEQVR42mM4evToRSD+j4b/AnE4AxIA8mdiUQfCTQzUMAQADulZEwHm4oYAAAAASUVORK5CYII=) repeat-x scroll 0 0 transparent;
    font-size: 0;
    height: 1px; }

.divider-span {
    border-bottom: 1px solid #ddd;
    color: #333;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: center; }

.divider-span span {
    background-color: #fff;
    padding: 3px;
    position: relative;
    top: 10px; }

/*标题栏*/
.bar{position:fixed;right:0;left:0;z-index:10;height:2.2rem;padding-right:.5rem;padding-left:.5rem;background-color:#1D89FF;-webkit-backface-visibility:hidden;backface-visibility:hidden; color:#FFF;}
.bar-header-secondary{top:2.2rem}
.bar-footer{bottom:0}
.bar-footer-secondary{bottom:2.2rem}
.bar-footer-secondary-tab{bottom:2.5rem}
.bar-footer,.bar-footer-secondary,.bar-footer-secondary-tab{border-top:1px solid #e7e7e7;border-bottom:0;border-left:0}
.bar-nav{top:0}
.title{position:absolute;display:block;width:100%;padding:0;margin:0 -.5rem;font-size:.85rem;font-weight:500;line-height:2.2rem;color:#FFF;text-align:center;white-space:nowrap}
.title a{color:inherit}
.bar-tab{bottom:0;z-index:9000;width:100%;height:2.5rem;padding:0;table-layout:fixed;border-top:1px solid #e7e7e7;border-bottom:0;border-left:0;-webkit-transition-duration:400ms;-o-transition-duration:400ms;transition-duration:400ms}
.bar-tab .tab-item{position:relative;display:table-cell;width:1%;height:2.5rem;color:#929292;text-align:center;vertical-align:middle}
.bar-tab .tab-item.active,.bar-tab .tab-item:active{color:#0894ec}
.bar-tab .tab-item .badge{position:absolute;top:.1rem;left:50%;z-index:100;min-width:.8rem;height:.8rem;padding:0 .2rem;margin-left:.1rem;font-size:.6rem;line-height:.8rem;color:#fff;vertical-align:top;background:red;border-radius:.5rem}
.bar-tab .tab-item .icon{top:.15rem;width:1.2rem;height:1.2rem;padding-top:0;padding-bottom:0;font-size:1.2rem;line-height:1.2rem}
.bar-tab .tab-item .icon~.tab-label{position:relative;top:.15rem;display:block;font-size:.55rem}
.tabbar-hidden .bar-tab{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0)}
.bar .button{position:relative;top:.35rem;z-index:20;margin-top:0;font-weight:400}
.bar .button.pull-right{margin-left:.5rem}
.bar .button.pull-left{margin-right:.5rem}
.bar .button-link{top:0;height:2.2rem;padding:0;font-size:.8rem;line-height:2.2rem;color:#0894ec;border:0}
.bar .button-link.active,.bar .button-link:active{color:#0675bb}
.bar .button-block{top:.35rem;width:100%;font-size:.8rem}
.bar .button-nav.pull-left{margin-left:-.25rem}
.bar .button-nav.pull-left .icon-left-nav{margin-right:-.15rem}
.bar .button-nav.pull-right{margin-right:-.25rem}
.bar .button-nav.pull-right .icon-right-nav{margin-left:-.15rem}
.bar .icon{position:relative;z-index:20;padding:.6rem .1rem;font-size:1.2rem;line-height:1.2rem; color:#FFF;}
.bar .button .icon{padding:0}
.bar .title .icon{padding:0}
.bar .title .icon.icon-caret{top:.2rem;margin-left:-.25rem}
.bar-footer .icon{font-size:1.2rem;line-height:1.2rem}
.bar input[type=search]{height:1.45rem;margin:.3rem 0}
.badge{display:inline-block;padding:.1rem .45rem .15rem;font-size:.6rem;line-height:1;color:#3d4145;background-color:rgba(0,0,0,.15);border-radius:5rem}
.badge.badge-inverted{padding:0 .25rem 0 0;background-color:transparent}
.pull-right {float: right;}
.pull-left {float: left;}

/* CSS Document */
body,html{height:100%;-webkit-tap-highlight-color:transparent}
body{overflow-x:hidden;background-color:#FFFFFF;}
.container{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
.container>div{background-color:#fbf9fe}
a{text-decoration:none;color:#000;}
.hd{padding:2em 0}
.border_none{ border:none !important;}
.mtnone{ margin-top:0px !important;}
.mbnone{ margin-bottom:0px !important;}
.mt10{ margin-top:10px;}
.whitebg{ background:#FFF;}
.blue{ color:#0993c7;}
.blue2{ color:#12b7f5;}
.gray{ color:#999999;}
.fl{ float:left;}
.fr{ float:right;}
.brnone{border-radius:0px;}
.bold{ font-weight:bold;}

/*底部固定导航栏*/
.qf_tab{ position:fixed; bottom:0; width:100%; z-index:9999;}
.blank60{ height:60px;}
/*.content{overflow-y:auto;-webkit-overflow-scrolling:touch; padding-bottom:55px; padding-top:2.2rem;height:100%}*/
.content{-webkit-overflow-scrolling:touch;padding-bottom:10px;padding-top:2.2rem;}
.content-center{-webkit-overflow-scrolling:touch;padding-bottom:10px;padding-top:2.2rem;text-align:center;}
/*.content-block{padding:10px;!*margin:.75rem 0*!}*/
