@charset "utf-8";
/**
 * kelat Css Library v1.2.4-beta
 * http://git.oschina.net/ficozhe/K-UI
 *
 * Date: 2017-01-03
 */
*{
-webkit-text-size-adjust:none;/*禁止自动调整字体大小*/
/*-webkit-touch-callout:none;禁用系统默认菜单*/
-webkit-tap-highlight-color:rgba(0,0,0,0);/*去掉选中时的颜色*/
-webkit-box-sizing:border-box;/*设置或检索对象的盒模型组成模式*/
   -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
        box-sizing:border-box
}
*:before,
*:after{
-webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
        box-sizing:border-box
}
/* ===== html ===== */
html{
-webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}

/* ===== body ===== */
body{margin:0;}

/* ===== 设置高度 ===== */
/*修正 scrolltop 无效*/
html,
body{font-family:sans-serif;position:relative;/*影响滚动 overflow-x:hidden; */width:100%;min-height:99.99%;height:99.99%}

/* ===== 定义块元素 ===== */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
/*p{margin:1em 0;}*/
    
/* ===== 内联块 ===== */
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}

/* ===== 音频文件 ===== */
audio:not([controls]){display:none;height:0}

/* ===== 添加隐藏属性 ===== */
[hidden],
template,
script{display:none}

/* ===== 禁用属性 ===== */
.disabled,
[disabled]{
opacity:.65;
pointer-events:none;/*穿透点击 阻止按钮默认事件触发*/
cursor:not-allowed!important;
-webkit-box-shadow:none!important;
        box-shadow:none!important
}

/* ===== 字体 ===== */
.Small,small{font-size:85%}

.H1,.H2,.H3,.H4,.H5,.H6,
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;margin:5px 0}
.H1,h1{font-size:36px}
.H2,h2{font-size:30px}
.H3,h3{font-size:24px}
.H4,h4{font-size:18px}
.H5,h5{font-size:14px}
.H6,h6{font-size:12px}
.H1 .Small,.H2 .Small,.H3 .Small,.H4 .Small,.H5 .Small,.H6 .Small,
.H1 small,.H2 small,.H3 small,.H4 small,.H5 small,.H6 small,
h1 .Small,h2 .Small,h3 .Small,h4 .Small,h5 .Small,h6 .Small,
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:400;line-height:1;color:#777}
.H1 .Small,.H2 .Small,.H3 .Small,
.H1 small,.H2 small,.H3 small,
h1 .Small,h2 .Small,h3 .Small,
h1 small,h2 small,h3 small{font-size:65%}

/* ===== 列表 ===== */
dl,dt,dd,
ul,ol,li{list-style-type:none;margin:0;padding:0}

/* ===== 焦点 ===== */
:focus{outline:none}

/* ===== 缩写 ===== */
abbr[title]{border-bottom:1px dotted}

/* ===== 连接 ===== */
a{background-color:transparent;outline:0}
a:focus,
a:active,
a:hover{outline:0}
ins,
a{text-decoration:none}

/* ===== 消除斜体 ===== */
i,em{font-style:normal}

/* ===== 文字 ===== */
b,
strong{font-weight:bold}
small{font-size:80%}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
/* ===== 提高在所有浏览器预格式化文本可读性 ===== */
pre{white-space:pre-wrap}
/* ===== 设置一致的报价类型 ===== */
q{quotes:"\201C" "\201D" "\2018" "\2019"}

/* ===== 图片 ===== */
img{vertical-align:middle;border:0;
-webkit-box-sizing:border-box;
        box-sizing:border-box
}
svg:not(:root){overflow:hidden}

/*内容分组*/
figure{margin:0}
code,
kbd,
pre,
samp{font-family:Monaco,Menlo,Consolas,"Courier New","FontAwesome",monospace;font-size:1em}

/* ===== 分隔线 ===== */
hr{height:0}

/* ===== 表单 ===== */
input,
textarea,
select{resize:none}
.Mobile input,
.Mobile textarea,
.Mobile select{
-webkit-appearance:none;
appearance:none;
}
 
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}

button{overflow:visible}
button,
input{line-height:normal}

button,
select{text-transform:none}
select[multiple],
select[size]{height:auto}
/*检索外观按照本地默认样式 以按钮的风格渲染*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;cursor:pointer}

/*清除按钮击时的虚线*/
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0}

/*文本框*/
input[type="radio"],
input[type="checkbox"]{cursor:pointer;padding:0;
-webkit-box-sizing:border-box;
        box-sizing:border-box;
}
input[type="checkbox"],
input[type="radio"]{padding:0;margin:4px 0 0;margin-top:1px \9;line-height:normal}

input[type="number"]{
-webkit-user-select:text;
   -moz-user-select:text;
        user-select:text;
outline:0;
-webkit-appearance:none;
   -moz-appearance:textfield
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height:auto;margin:0;-webkit-appearance:none}


input[type="search"]{-webkit-appearance:textfield;/*以单行行文本框的风格渲染*/
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:button/*以按钮的风格渲染*/}

textarea{overflow:auto;vertical-align:top;}
optgroup{font-weight:bold}
label{display:inline-block;max-width:100%}

button[disabled],
html input[disabled]{cursor:default}

button,
input:not([type="radio"]):not([type="checkbox"]),
select{vertical-align:middle}

/* ===== 组合表单 ===== */
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}

/* ===== 表格 ===== */
table{border-collapse:collapse;border-spacing:0}
caption{padding:8px 0;color:#777;text-align:left}
td,th{padding:0}

/* ===== iframe ===== */
iframe{border:0}
html{font-size:10px}
body{
position:relative;
background:#fff;
font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
font-weight:normal;
line-height:1.6;
color:#333333;
font-size:14px;
}



/*空白提示*/
.BlankTips{position:fixed;top:0;left:0;bottom:0;right:0;z-index:88;text-align:center;padding-top:150px;background-color:rgba(255,255,255,.95)}
.BlankTips .BlankTipsTitle{font-size:16px;color:#777}
.BlankTips .BlankTipsContent{font-size:14px;color:#999;margin-bottom:8px}

/*列表块标签*/
.BlockLabel{margin:10px 0 35px;font-size:14px;color:#8f8f94}

/*图标*/
.Icon{position:relative;display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;width:24px;height:24px}
/*导航图标*/
.IconBack{background-image:url('data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M340.154182%20535.272727l421.050182-421.050182c9.076364-9.076364%209.076364-23.831273%200-32.907636-9.076364-9.076364-23.831273-9.076364-32.907636%200l-437.480727%20437.480727c-9.076364%209.076364-9.076364%2023.831273%200%2032.907636l437.480727%20437.480727c9.076364%209.076364%2023.831273%209.076364%2032.907636%200%209.076364-9.076364%209.076364-23.831273%200-32.907636L340.154182%20535.272727z%22%2F%3E%3C%2Fsvg%3E')}

/*蒙板*/
.ToastBox{position:fixed;left:50%;bottom:20px;min-width:100px;max-width:100%;margin-left:-50px;z-index:500;border-radius:4px;background-color:rgba(0,0,0,.8);box-shadow:rgba(0,0,0,0.4) 0 0 5px;opacity:0;color:#fff;padding:6px;white-space:nowrap;text-align:center;
pointer-events:none;
-webkit-transform:translate3d(0,0,0) scale(1.19574);
        transform:translate3d(0,0,0) scale(1.19574)}
.ToastIn,
.ToastOut{white-space:normal;
-webkit-transition-duration:400ms;
        transition-duration:400ms
}
.ToastBox.ToastIn{opacity:1;
-webkit-transform:translate3d(0,0,0) scale(1);
        transform:translate3d(0,0,0) scale(1)
}
.ToastBox.ToastOut{opacity:0;
-webkit-transform:translate3d(0,0,0) scale(0.815);
        transform:translate3d(0,0,0) scale(0.815)
}
/*蒙板*/
.ModalBlank{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);opacity:0;z-index:-1;
-webkit-transform:translateZ(0) scale(1);
        transform:translateZ(0) scale(1)}
/*模态框*/
.ModalBox{position:fixed;left:50%;top:50%;width:280px;max-height:100%;margin-left:-140px;margin-top:0;z-index:500;border-radius:6px;background-color:#fff;box-shadow:rgba(0,0,0,0.4) 0 0 5px;opacity:0;
-webkit-transform:translate3d(0,0,0) scale(1.18574);
        transform:translate3d(0,0,0) scale(1.18574)}
.ModalBox,
.ModalBlank{
-webkit-transition-property:-webkit-transform, opacity;
   -moz-transition-property:-moz-transform, opacity;
    -ms-transition-property:-ms-transform, opacity;
     -o-transition-property:-o-transform, opacity;
        transition-property:transform, opacity
}
.ModalIn,
.ModalOut,
.ModalBlankVisibleIn,
.ModalBlankVisibleOut{
-webkit-transition-duration:.3s;
        transition-duration:.3s
}
.ModalBlankVisibleIn{opacity:1}
.ModalBlankVisibleOut{opacity:0}

.ModalBox.ModalIn{opacity:1;
-webkit-transform:translate3d(0,0,0) scale(1);
        transform:translate3d(0,0,0) scale(1)
}
.ModalBox.ModalOut{opacity:0;
-webkit-transform:translate3d(0,0,0) scale(0.815);
        transform:translate3d(0,0,0) scale(0.815)
}

.ModalBox .ModalInner{padding:15px 15px 0;max-height:90%;border-radius:6px 6px 0 0;position:relative}

.ModalBox .ModalHeader{text-align:center;font-size:16px;margin-bottom:5px}
.ModalBox .ModalContent{font-size:14px;line-height:30px;min-height:30px;max-height:300px;word-wrap:break-word;word-break:break-all;overflow:hidden}
.ModalBox .ModalFooter{height:44px;padding:4px 8px;overflow:hidden;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-pack:end;
   -ms-flex-pack:end;
-webkit-justify-content:flex-end;
        justify-content:flex-end
}
.ModalBox .ModalFooter .ModalButton{position:relative;color:#2196f3;text-decoration:none;text-align:center;display:block;height:36px;line-height:36px;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:none;margin:0;background:none;padding:0 8px;font-family:inherit;cursor:pointer;
border-radius:2px;outline:0;min-width:64px;
-webkit-appearance:none;
text-transform:uppercase;
-webkit-transition-duration:300ms;
        transition-duration:300ms;
-webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
-webkit-user-select:none;
   -moz-user-select:none;
        user-select:none
}
.ModalBox .ModalFooter input[type="submit"].Button,
.ModalBox .ModalFooter input[type="button"].Button{width:100%}

.ModalNoButtons .ModalButton{display:none}

/*Warn 提醒*/
.ModalWarnBox{background-color:rgba(0,0,0,.8);width:auto;left:5px;top:5px;right:5px;margin:0 auto;border-radius:4px;
-webkit-transform:translate3d(0,-100%,0) scale(1);
        transform:translate3d(0,-100%,0) scale(1)
}
.ModalWarnBox .ModalInner{padding:8px}
.ModalWarnBox .ModalContent{text-align:center;color:#fff;line-height:26px;min-height:26px}
.ModalWarnBox.ModalIn{
-webkit-transform:translate3d(0,0,0) scale(1);
        transform:translate3d(0,0,0) scale(1)
}
.ModalWarnBox.ModalOut{
-webkit-transform:translate3d(0,-100%,0) scale(1);
        transform:translate3d(0,-100%,0) scale(1)
}

/*Prompt 提示*/
input.ModalTextInput{height:26px;background:#fff;margin:0;margin-top:15px;padding:0 5px;border:1px solid rgba(0, 0, 0, 0.2);
border-radius:0;width:100%;font-size:1.4rem;display:block;
-webkit-appearance:none;
   -moz-appearance:none;
    -ms-appearance:none;
}
input.ModalTextInput + input.ModalTextInput{margin-top:5px;}

/*Picker*/
.ModalPickerBox{left:0;top:auto;right:0;bottom:0;width:100%;margin:0;background-color:#fff;border-radius:0;
-webkit-transform:translate3d(0,100%,0) scale(1);
        transform:translate3d(0,100%,0) scale(1)
}
.ModalPickerBox.ModalIn{
-webkit-transform:translate3d(0,0,0) scale(1);
        transform:translate3d(0,0,0) scale(1)
}
.ModalPickerBox.ModalOut{
-webkit-transform:translate3d(0,100%,0) scale(1);
        transform:translate3d(0,100%,0) scale(1)
}

/*Popover*/
.ModalPopover{position:absolute;top:0;left:0;margin:0;width:120px;background:rgba(255, 255, 255, 0.95);opacity:0;display:none;border-radius:13px;z-index:13500;
-webkit-transform:none;
        transform:none;
-webkit-transition-property:opacity;
   -moz-transition-property:opacity;
    -ms-transition-property:opacity;
     -o-transition-property:opacity;
        transition-property:opacity;
}
.ModalPopover.ModalIn{opacity:1}
.ModalPopover.ModalOut{opacity:0}

.ModalPopover .ListBlock{margin:0;background:none}
.ModalPopover .ListBlock:first-child{border-radius:13px 13px 0 0}
.ModalPopover .ListBlock:first-child:before{display:none}
.ModalPopover .ListBlock:first-child li:first-child a{border-radius:13px 13px 0 0}
.ModalPopover .ListBlock:last-child{border-radius:0 0 13px 13px}
.ModalPopover .ListBlock:last-child:after{display:none}
.ModalPopover .ListBlock:last-child li:last-child a{border-radius:0 0 13px 13px}
.ModalPopover .ListBlock:first-child:last-child li:first-child:last-child a,
.ModalPopover .ListBlock:first-child:last-child:first-child:last-child{border-radius:13px}
.ModalPopover .ListBlock + .ListBlock{margin-top:35px}

.ModalPopover.ModalPopoverPickerColumns{width:280px}
.ModalPopover.popoverOnTop {
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
.ModalPopover.popoverOnBottom {
  -webkit-transform-origin: center top;
  transform-origin: center top;
}

.ModalPopoverAngle{position:absolute;top:0;left:-26px;width:18px;height:18px;overflow:hidden;z-index:100}
.ModalPopoverAngle:after{position:absolute;left:0;top:0;width:18px;height:18px;content:' ';background:rgba(255,255,255,0.95);border-radius:2px;
-webkit-transform:rotate(45deg);
        transform:rotate(45deg);
}
.ModalPopoverAngle.onLeft{left:-18px}
.ModalPopoverAngle.onLeft:after{left:12px;top:0}
.ModalPopoverAngle.onRight{left:100%}
.ModalPopoverAngle.onRight:after{left:-12px;top:0}
.ModalPopoverAngle.onTop{left:0;top:-17px}
.ModalPopoverAngle.onTop:after{left:0;top:12px}
.ModalPopoverAngle.onBottom{left:0;top:100%}
.ModalPopoverAngle.onBottom:after{left:0;top:-12px}
.ModalPopoverInner{overflow:auto;
-webkit-overflow-scrolling:touch;
}

.ModalPopover .PickerModal{position:relative;display:block;background:none;z-index:inherit;
-webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
}
.PickerModal.PickerModalInline .ToolBar:before,
.ModalPopover .PickerModal .ToolBar:before{display:none}
.PickerModal.PickerModalInline .ToolBar:after,
.ModalPopover .PickerModal .ToolBar:after{position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;content:'';background-color:#929499;display:block;z-index:15;
-webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
}

.ModalPopover .PickerModal{width:auto}
.ModalPopover .PickerModal .ToolBar{background:none}

/**/
.PopupBox{position:fixed;left:0;bottom:0;width:100%;height:100%;z-index:11000;background:#fff;display:none;
box-sizing:border-box;
-webkit-overflow-scrolling:touch;
-webkit-transition-property:-webkit-transform;
   -moz-transition-property:-moz-transform;
    -ms-transition-property:-ms-transform;
     -o-transition-property:-o-transform;
        transition-property:transform;
-webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
}
.PopupBox.ModalIn{
-webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
}

.PopupBox.ModalOut{
-webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
}
@media all and (min-width: 630px) and (min-height: 630px) {
    .PopupBox:not(.tablet-fullscreen){width:630px;height:630px;left:50%;top:50%;margin-left:-315px;margin-top:-315px;
    -webkit-transform:translate3d(0,1024px,0);
            transform:translate3d(0,1024px,0);
    }
    .PopupBox:not(.tablet-fullscreen).ModalIn {
    -webkit-transform:translate3d(0,0,0);
            transform:translate3d(0,0,0);
    }
    .PopupBox:not(.tablet-fullscreen).ModalOut {
    -webkit-transform:translate3d(0,1024px,0);
            transform:translate3d(0,1024px,0);
    }
}

/* ===== 按钮 ===== <e class="Btn BtnPrimary"></e>*/
.Btn{position:relative;display:inline-block;cursor:pointer;outline:0;padding:.5em 1em;font-size:1.4rem;font-weight:400;line-height:1.2;color:currentColor;border:1px solid #CCC;border-radius:4px;background-color:#FFF;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;text-decoration:none;vertical-align:top;
-webkit-appearance:none;
appearance:none;
text-transform:uppercase;
-webkit-align-items:center;
     -ms-flex-align:center;
        align-items:center;
/*防止双击缩放 由于出现 Deferred long-running timer task(s) to improve scrolling smoothness. See crbug.com/574343. 提醒，所以注释掉
-ms-touch-action:manipulation;
    touch-action:manipulation;*/
-webkit-user-select:none;/*用户不能选择元素中的任何内容*/
   -moz-user-select:none;
        user-select:none;
-webkit-transition-timing-function:linear;
        transition-timing-function:linear;
-webkit-transition-duration:.2s;
        transition-duration:.2s
}
.Btn:hover,
.Btn:focus{color:currentColor}
.Btn:focus,
.Btn:active{outline:0}
.Btn:focus{background-color:#e7e7e7;color:currentColor;text-decoration:none}

/* 首选按钮 */
.BtnPrimary{color:#FFF;border-color:#10A9DC;background-color:#10A9DC}
.BtnLine.BtnPrimary:focus,
.BtnLine.BtnPrimary:active,
.BtnPrimary:hover,
.BtnPrimary:focus{color:#fff}
.BtnPrimary.active,
.BtnPrimary:focus,
.BtnPrimary:active{border-color:#0a93c1;background-color:#0a93c1}
.BtnLine.BtnPrimary{color:#10A9DC}

/* 成功按钮 */
.BtnSuccess{color:#FFF;border-color:#4CD964;background-color:#4CD964}
.BtnLine.BtnSuccess:focus,
.BtnLine.BtnSuccess:active,
.BtnSuccess:hover,
.BtnSuccess:focus{color:#FFF}
.BtnSuccess:focus,
.BtnSuccess:active{border-color:#35b54b;background-color:#35b54b}
.BtnLine.BtnSuccess{color:#4CD964}

/* 警告按钮 */
.BtnWarning{color:#FFF;border-color:#ff851b;background-color:#ff851b}
.BtnLine.BtnWarning:focus,
.BtnLine.BtnWarning:active,
.BtnWarning:hover,
.BtnWarning:focus{color:#FFF}
.BtnWarning.active,
.BtnWarning:focus,
.BtnWarning:active{border-color:#ff4e00;background-color:#ff4e00}
.BtnLine.BtnWarning{color:#ff851b}

/* 危险按钮 */
.BtnDanger{color:#FFF;border-color:#FF3B30;background-color:#FF3B30}
.BtnLine.BtnDanger:focus,
.BtnLine.BtnDanger:active,
.BtnDanger:hover,
.BtnDanger:focus{color:#FFF}
.BtnDanger.active,
.BtnDanger:focus,
.BtnDanger:active{border-color:#e1281e;background-color:#e1281e}
.BtnLine.BtnDanger{color:#FF3B30}

/*灰色按钮*/
.BtnGray{color:#666;background-color:#ddd;border-color:#ddd;}
.BtnLine.BtnGray:focus,
.BtnLine.BtnGray:active,
.BtnGray:hover,
.BtnGray:focus{color:#666}
.BtnGray.active,
.BtnGray:focus,
.BtnGray:active{border-color:#ccc;background-color:#ccc}
.BtnLine.BtnGray{color:#555}

/*无底色按钮*/
.BtnLine{background-color:transparent;text-shadow:none}
/*无边按钮*/
.BtnNoBor{border:0}

/*链接按钮*/
.BtnLink{color:#0e90d2;font-weight:400;cursor:pointer;border-radius:0;border:0}

/* 按钮尺寸 */
.BtnXl{font-size:2rem}
.BtnBig{font-size:1.8rem;border-radius:6px}
.BtnSmall{font-size:1.2rem;border-radius:3px}
.BtnXs{font-size:1.2rem;line-height:.85}

/* 圆形按钮 */
.BtnRound{padding:0;border-radius:1000px;width:36px;height:36px;text-align:center;line-height:36px;}
.BtnRound .BtnIcon{position:absolute;top:50%;left:50%;margin:-12px;width:24px;height:24px;}
.BtnRound.BtnBig{width:44px;height:44px;line-height:44px;}
.BtnRound.BtnBig .BtnIcon{margin:-16px;width:32px;height:32px;}
.BtnRound.BtnSmall{width:24px;height:24px;line-height:24px;}
.BtnRound.BtnSmall .BtnIcon{margin:-8px;width:16px;height:16px;}

/* 块状按钮 */
.BtnBlock{display:block;width:100%}
.BtnBlock + .BtnBlock{margin-top:5px}

/* 图标/角标按钮 */
.Btn .Badge,
.Btn .BtnIconL,
.Btn .BtnIconR{vertical-align:middle}
.Btn .Badge{color:inherit;background-color:rgba(0,0,0,.15);padding:0 6px;height:20px;line-height:20px;min-width:20px}
.Btn .BadgeL,
.Btn .BtnIconL{margin:-3px 5px -3px -5px}
.Btn .BadgeR,
.Btn .BtnIconR{margin:-3px -5px -3px 5px;}

/* 按钮组 */
.BtnGroup{position:relative;display:inline-block;vertical-align:middle}
.BtnGroup > .Btn{position:relative;float:left}
.BtnGroup .Btn + .Btn{margin-left:-1px}
.BtnGroup > .Btn:first-child:not(:last-child) {border-bottom-right-radius:0;border-top-right-radius:0}
.BtnGroup > .Btn:not(:first-child):not(:last-child){border-radius:0}
.BtnGroup > .Btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}
.BtnGroup .Btn{border-color:rgba(0,0,0,.2)}
/*尺寸*/
.BtnGroupBig > .Btn{font-size:1.8rem}
.BtnGroupSmall > .Btn{font-size:1.2rem}
.BtnGroupXs > .Btn{font-size:1.2rem;;line-height:.85}
/*块级*/
.BtnGroupStacked > .Btn, 
.BtnGroupStacked > .BtnGroup, 
.BtnGroupStacked > .BtnGroup > .Btn{display:block;float:none;width:100%;max-width:100%}
.BtnGroupStacked > .Btn:first-child:not(:last-child){
border-top-right-radius:0;
border-bottom-right-radius:0;
border-bottom-left-radius:0;
}

/* === Loading === */
.Loading{display:inline-block;width:20px;height:20px;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position:50%;
background-size:100%;
background-repeat:no-repeat;
-webkit-animation:LoadingSpin 1s steps(12,end) infinite;
        animation:LoadingSpin 1s steps(12,end) infinite
}
.LoadingWhite{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.LoadingBig{width:42px;height:42px}



.LoadingIndicatorBlank{visibility:visible;opacity:0;background:none;z-index:3000}
.LoadingIndicatorBox{position:fixed;left:50%;top:50%;width:64px;height:64px;padding:14px;margin-left:-32px;margin-top:-32px;background:rgba(0,0,0,.85);z-index:3500;border-radius:60px;}
.LoadingIndicatorBox .Loading{display:block}
.LoadingIndicatorBox .Loading{width:36px;height:36px}
.ModalBox .Loading{width:24px;height:24px}

@-webkit-keyframes LoadingSpin{ 100%{-webkit-transform:rotate(360deg)} }
@keyframes LoadingSpin{ 100%{transform:rotate(360deg)} }
/*让内容块居中*/
.CenBlock{display:block;margin-left:auto;margin-right:auto}

/* 状态栏覆盖全屏幕模式 (PhoneGap) */
.StatusbarOverlay{position:fixed;left:0;top:0;height:40px;display:none;width:100%;background:#fff;z-index:10000;}
html.WithStatusbarOverlay body .StatusbarOverlay{display:block}
html.WithStatusbarOverlay body .Wrapper{padding-top:40px}
.PanelOverlay{position:fixed;left:0;top:0;bottom:0;right:0;display:none;width:100%;background:rgba(255, 255, 255, 1);z-index:88;}
body.WithPanelOverlay .PanelOverlay{display:block}
/* ===== 图片 ===== */
/* ===== 响应式 ===== <img src="..." class="ImgResponse" />*/
.ImgResponse{display:block;max-width:100%;height:auto}
/* ===== 边框 ===== <img src="..." class="ImgThumbnail" />*/
.ImgThumbnail{display:inline-block;max-width:100%;height:auto;padding:2px;line-height:1.6;background-color:#fff;border:1px solid #ddd;border-radius:0;
-webkit-transition:all .2s ease-in-out;
        transition:all .2s ease-in-out
}

/* ===== 定义宽度 ===== */
.WAll,
.WAllFluid{width:auto;margin:0 auto;position:relative;padding:0;z-index:1}
.WAllFluid{width:100%}
.WAll::after,
.WAllFluid::after{display:block;clear:both;content:"";visibility:hidden;height:0}

/* ===== 背景色 ===== */
.BBlue{background-color:#10A9DC!important}
.BPurple{background-color:#D81B60!important}
.BRed{background-color:#FF3B30!important}
.BTeal{background-color:#39CCCC!important}
.BGreen{background-color:#4CD964!important}
.BOrange{background-color:#ff851b!important}
.BInfo{background-color:#00c0ef!important}
.BBlack{background-color:#111111!important}
.BNavy{background-color:#001F3F!important}
.BBlue,
.BPurple,
.BRed,
.BTeal,
.BGreen,
.BOrange,
.BInfo,
.BBlack,
.BNavy{color:#fff!important;padding:0 5px}

.BBlue.active{background-color:#118ab3!important}
.BPurple.active{background-color:#ca195a!important}
.BRed.active{background-color:#e0342b!important}
.BTeal.active{background-color:#30bbbb!important}
.BGreen.active{background-color:#3ebd54!important}
.BOrange.active{background-color:#ff7701!important}
.BInfo.active{background-color:#00a7d0!important}
.BBlack.active{background-color:#000!important}
.BNavy.active{background-color:#001a35!important}

.BW{background-color:#fff!important;color:#333!important}
.BGray{background-color:#d2d6de!important;color:#333!important}
.BGray.active{background-color:#b5bbc8!important}

.success{background-color:#4CD964!important}
.error{background-color:#FF3B30!important}
.warning{background-color:#ff851b!important}

/* ===== 清除浮动 ===== */
.CleFix:before,
.CleFix:after{content:"";display:table}
.CleFix:after{clear:both}

/* ===== 定义光标类型 ===== */
.Cur{cursor:pointer}

/* ===== 定义块 ===== */
.DisBlock{display:block}
.DisNo{display:none}

/* ===== 字体 ===== */
.FWB{font-weight:bold}
.FWN{font-weight:normal}

/* ===== 定义浮动 ===== */
.FL{float:left}
.FR{float:right}

/* ===== 定义位置 ===== */
.PosA{position:absolute}
.PosR{position:relative}
.PosF{position:fixed}

/* ===== 边距 ===== */
.MAll{margin:10px}
.MTB{margin:10px 0}
.MT{margin-top:10px}
.MB{margin-bottom:10px}
.ML{margin-left:10px}
.MR{margin-right:10px}

/* ===== 内边距 ===== */
.PAll{padding:10px}
.PTB{padding:10px 0}
.PT{padding-top:10px}
.PB{padding-bottom:10px}
.PL{padding-left:10px}
.PR{padding-right:10px}

/* ===== 定义文本 ===== */
.TL{text-align:left}
.TR{text-align:right}
.TC{text-align:center}

/* ===== 定义颜色 ===== */
.CW{color:#FFF}/*白色*/
.CA{color:#aaa}/*灰色*/
.CB{color:#000}/*黑色*/
.CO{color:#f60}/*橘黄*/
.CG{color:#0C3}/*绿色*/
.CR{color:#f30}/*红色*/
.CC{color:#01bffd}/*蓝色*/

/* ===== 溢出 ===== */
.OH{overflow:hidden}
/*隐藏滚动条*/
.OVBody{overflow:hidden!important}
.OA{overflow:auto}

/* ===== 隐藏 ===== */
.VH{visibility:hidden}
.Only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
/* ===== 定义居中对齐 ===== */
.VMid{vertical-align:middle}

/* ===== 强制不换行 ===== */
.WS{white-space:nowrap}

/* ===== 自动换行 ===== */
.WW{word-wrap:break-word;word-break:normal}

/* ===== 强制英文单词断行 ===== */
.WB{word-break:break-all}

/* ===== 背景图片 ===== */
.BCover{background-color:#eee;background-position:center;background-repeat:no-repeat;background-size:cover}

/*文字截取*/
.TEll{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/*圆角*/
.UIRadius{border-radius:2px}
.UIRound{border-radius:1000px}

/*主体*/
.Wrapper{margin:0 auto;min-width:320px;position:relative;width:100%;min-height:inherit}
.WrapBox{position:relative;z-index:9;}

.PageOnLeft{opacity:1;
-webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
}
.PageOnRight{opacity: 0;
pointer-events:none;
-webkit-transform:translate3d(0,56px,0);
        transform:translate3d(0,56px,0);
}
.PageContent{position:relative;overflow:auto;height:100%;z-index:1;
-webkit-overflow-scrolling:touch;
box-sizing:border-box;}


/*返回顶部*/
.BackToTop{position:fixed;bottom:1em;right:1em;z-index:490;cursor:pointer;width:45px;height:45px;}
.BackToTop .IGoTop{display:block;width:100%;height:100%; opacity:0.8;}

/* ===== 响应设计 ===== */
/* 大屏幕 大桌面显示器，最大 1200px */
@media screen and (min-width: 1200px){
.WrapHeader{height:72px}
.WrapHeader + .WrapContent{padding-top:72px}
.NavBar, .ToolBar{height:72px;font-size:28px}
.NavBar .Center{font-size:28px}
}

/* 中等屏幕 桌面显示器，最大 1024px */
@media screen and (min-width: 992px) and (max-width: 1199px) {
.WrapHeader{height:64px}
.WrapHeader + .WrapContent{padding-top:64px}
.NavBar, .ToolBar{height: 64px; font-size: 24px}
.NavBar .Center{font-size: 24px}
}

/* 中等屏幕 桌面显示器，最大 992px */
@media screen and (min-width: 768px) and (max-width: 991px) {
.WrapHeader{height:56px}
.WrapHeader + .WrapContent{padding-top:56px}
.NavBar, .ToolBar{height: 56px;}
.NavBar .Center{font-size: 20px}
}
/* 中等屏幕 桌面显示器，最大 992px */
@media screen and (min-width: 768px) {
.NavBar .Icon, .ToolBar .Icon{height: 32px;width: 32px;}
.WAll{width:100%}
}

/* 小屏幕 平板，最大 768px */
@media (min-width: 768px){
.SidebarCollapse .MainWrapper .ContentWrapper{margin-left:50px!important;z-index:840;}
.SidebarCollapse .MainWrapper .MainSidebar{width:50px!important;z-index:850;
-webkit-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);}
.SidebarCollapse .MainHeader .HeaderNavBar{margin-left:50px}
.SidebarCollapse .MainHeader .Logo{width:50px;padding:0 5px;}
}

@media screen and (max-width: 768px) {
.MainWrapper .MainSidebar{-webkit-transform: translate(-230px, 0);
-ms-transform: translate(-230px, 0);
-o-transform: translate(-230px, 0);
transform: translate(-230px, 0);}
.MainWrapper .ContentWrapper,
.MainHeader .HeaderNavBar{margin-left:0;}
.SidebarOpen .MainSidebar{
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.SidebarOpen .ContentWrapper{
-webkit-transform:translate(230px, 0);
-ms-transform:translate(230px, 0);
-o-transform:translate(230px, 0);
transform:translate(230px, 0);}

.MainHeader .Logo,
.MainHeader .HeaderNavBar{width:100%;float:none;}
    
}
@media screen and (min-width: 641px){
    .ListBlock.ListTabletInset{overflow:hidden;margin-left:12px;margin-right:12px;border-radius:6px}
    .ListBlock.ListTabletInset:before,
    .ListBlock.ListTabletInset:after{display:none}
}

/* 超小屏幕 手机，最大 640px */
@media screen and (min-width: 481px) and (max-width:640px) { 
    .WAll{width:100%}
}

/* 超小屏幕 手机，最大 480px */
@media screen and (min-width: 321px) and (max-width:480px) { 
    .WAll{width:100%}
    
}
/* 超小屏幕（手机，大于等于 480px） */
@media screen and (min-width:480px){
    .ActionsModal,
    .ModalWarnBox,
    .ModalPickerBox{max-width:480px;left:50%;margin-left:-240px}
}

/* 超小屏幕（手机，最大 320px） */
@media screen and (max-width:320px) { 
    .WAll{width:100%}
}

/*设备像素比 2*/
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-webkit-device-pixel-ratio:2) { 
.ActionsButton:after,
.ActionsLabel:after{
-webkit-transform:scaleY(.5);
        transform:scaleY(.5)
}}
/*设备像素比 3*/
@media only screen and (-webkit-min-device-pixel-ratio:3), only screen and (-webkit-device-pixel-ratio:3) { 
.ActionsButton:after,
.ActionsLabel:after{
-webkit-transform:scaleY(.33);
        transform:scaleY(.33)
}}


/*iPhone*/
@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {
html.WithStatusbarOverlay body .StatusbarOverlay {height:24px}
}
/*iPhone plus*/
@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3) {
html.WithStatusbarOverlay body .StatusbarOverlay {height:24px}
}
/*iPhone 7 plus*/
@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 2) {
html.WithStatusbarOverlay body .StatusbarOverlay {height:24px}
}
/*iPhoneX*/
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) { 
html.WithStatusbarOverlay body .StatusbarOverlay {height:33px}
}
/*iPhoneXS*/
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) { 
html.WithStatusbarOverlay body .StatusbarOverlay {height:40px}
}
/*iPhoneXR*/
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) { 
html.WithStatusbarOverlay body .StatusbarOverlay {height:30px}
}
/*iPhoneXR*/
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 2) { 
html.WithStatusbarOverlay body .StatusbarOverlay {height:33px}
}