/* 自定义样式 */
html,body,#body{height:100%;width:100%;}
body,#body{margin:0;-webkit-user-select: none;user-select: none;-ms-touch-action: none;}
a{color:#000;}
a,img{-webkit-touch-callout:none;}
.app-b-none{background:none;}
.app-b-red{background:red;}
.app-b-green{background:green;}
.app-b-blue{background:blue;}
.app-b-orange{background:orange;}
.app-b-black{background:black;}
.app-b-grey{background:#EEEEEE;}
.app-block{display:block;}
.app-none{display:none;}
.app-left{float:left;}
.app-right{float:right;}
.app-text-left{text-align:left;}
.app-text-right{text-align:right;}
.app-center{text-align:center;}
.app-middle{vertical-align:middle;}
.app-flex{display:flex;display:-webkit-flex;}
.app-flex-left{flex-basis:30%;}
.app-flex-right{flex:1;}
.app-flex-center{display:flex;display:-webkit-flex;justify-content:center;}
.app-flex-middle{display:flex;display:-webkit-flex;align-items:center;}
.app-flex-center-middle{display:flex;display:-webkit-flex;justify-content:center;align-items:center;}
.app-badge{font-size:10px;line-height:1;display:inline-block;padding:3px 6px;color:#fff;border-radius:100px;background:red;vertical-align:top;margin-left:2px;}
.app-badge.green{background:green;}
.app-badge.red{background:red;}
.app-badge.orange{background:#FF8000;}
.app-badge.black{background:black;}
.app-dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle;margin-top:-2px;}
.app-dot.green{background:green;}
.app-dot.red{background:red;}
.app-dot.orange{background:#FF8000;}
.app-dot.black{background:black;}
.app-dot.grey{background:#999;}
.app-span-block{display:block;line-height:100%;word-break:normal;white-space:normal;word-wrap:break-word;overflow:hidden;text-indent:0em;}
.app-span-block input[type='text']{border-top:none;border-left:none;border-right:none;height:30px;line-height:30px;padding:0px;margin:0px;}
.app-title{display:block;padding:10px 15px;font-size:16px;font-weight:bold;}
.app-w30,.app-w50,.app-w70{float:left;display:block;}
.app-w30{width:30%;}
.app-w50{width:50%;}
.app-w70{width:70%;text-align:right;}
.app-fixed-t0{position:fixed;top:0px;}
.app-fixed-main{margin-bottom:60px;}
.app-fixed-bottom{position:fixed;left:0px;right:0px;bottom:0px;height:60px;background:#fff;}
.app-ui{padding:0px;margin:0px;list-style-type:none;}
.app-absolute-0{position:absolute;top:0px;bottom:0px;left:0px;right:0px;padding-top:0px;overflow-y:auto;}
.app-absolute-t50{top:50px;}
.app-absolute-b50{bottom:50px;}
.app-search{padding:10px 15px;}
.app-search div{height:34px;line-height:34px;}
.app-search .s-left{margin-right:95px;}
.app-search .s-right{float:right;width:90px;text-align:right;}
.app-icon{display:inline-block;width:16px;height:16px;}
.app-icon.org_1{background:url('/resources/image/org_2.png') center center no-repeat;}
.app-icon.org_2{background:url('/resources/image/org_2.png') center center no-repeat;}
.app-icon.org_3{background:url('/resources/image/org_3.png') center center no-repeat;}
.app-icon.org_4{background:url('/resources/image/org_4.png') center center no-repeat;}
.app-icon.org_5{background:url('/resources/image/org_5.png') center center no-repeat;}
.app-icon.insplace{background:url('/resources/image/place.png') center center no-repeat;}
.app-icon.dev{background:url('/resources/image/dev.png') center center no-repeat;}
.app-wrap{height:100%;}
.app-header,.app-footer,.app-content { position:absolute;left:0;right:0;overflow:hidden;}
.app-header,.app-footer{-webkit-animation:.35s ease-in-out;animation:.35s ease-in-out;}
.app-header.out,.app-footer.out{-webkit-transform:translateX(-100%);transform: translateX(-100%);}
.app-header{z-index:1;height:45px;}
.app-footer{height:50px;bottom:0;background-color:#fff;z-index:1;}
.app-content{position: absolute;top:45px;bottom:0px;left:0px;right:0px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
/* 刷新列表 */
.jroll-vue-infinite {position:absolute;top:0px;bottom:0px;left:0px;right:0px;}
.jroll-plugin-pulldown{font-size:15px;}
.jroll-infinite-tip {height:45px;line-height:45px;text-align:center;font-size:15px;}
.app-jroll-list a.on{color:#999;}
/* 底部弹出层 */
.app-layer-mask{width:100%;height:100%;display:none;z-index:9999;background:#999;filter:Alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.app-layer-mask.on{display:block;}
.app-layer{position:absolute;bottom:0px;left:0px;right:0px;height:40%;z-index:10000;border:1px #d9d9d9 solid;background:#fff;}
.app-layer.animation{
transform:translateY(100%);transition:transform 200ms linear;
-ms-transform:translateY(100%);-ms-transition:transform 200ms linear;
-moz-transform:translateY(100%);-moz-transition:transform 200ms linear;
-webkit-transform:translateY(100%);-webkit-transition:transform 200ms linear;
-o-transform:translateY(100%);-o-transition:transform 200ms linear;
}
.app-layer.on{
transform:translateY(0%);transition:transform 200ms linear;
-ms-transform:translateY(0%);-ms-transition:transform 200ms linear;
-moz-transform:translateY(0%);-moz-transition:transform 200ms linear;
-webkit-transform:translateY(0%);-webkit-transition:transform 200ms linear;
-o-transform:translateY(0%);-o-transition:transform 200ms linear;
}
.app-layer dl,.app-layer dt,.app-layer dd{margin:0px;padding:0px;}
.app-layer dl{position:relative;height:100%;}
.app-layer dt{position:absolute;top:0px;left:0px;right:0px;padding:5px 15px;border-bottom:1px #d9d9d9 solid;}
.app-layer dd{position:absolute;top:47px;bottom:0px;left:0px;right:0px;}
.app-layer dt .button{display:inline-block;border-radius:3px;font-size:15px;height:35px;line-height:35px;padding:0px 10px;color:#fff;border:1px solid #007aff;background-color: #007aff;}
.app-layer dt .button.left{float:left;}
.app-layer dt .button.right{float:right;}
/* end */
/* 居中弹出层 */
.app-center-layer{
position:relative;position:absolute;top:30%;left:5%;right:5%;z-index:10000;border:1px #d9d9d9 solid;font-size:16px;background:#fff;
box-shadow:10px 10px 5px #888888;-moz-box-shadow:10px 10px 5px #888888;display:none;
}
.app-center-layer.on{display:block;}
.app-center-layer .wrap{display:flex;display:-webkit-flex;flex-flow:column nowrap;height:100%;padding:5px 10px;border:1px #d9d9d9 solid;}
.app-center-layer .wrap .wrap-header{height:30px;line-height:30px;text-align:center;}
.app-center-layer .wrap .wrap-main{flex:1;}
.app-center-layer .wrap .wrap-footer{height:45;line-height:45px;display:flex;display:-webkit-flex;justify-content:center;align-items:center;}
.app-center-layer .wrap .wrap-footer a:first-child{margin-right:20px;}
/* end */