/*UI框架文件，data-xxx:UI组件，所有ui样式相关属性*/
@font-face {
    font-family: 'moon';
    src: url('../font/e.eot');
    src: url('../font/e.eot?#iefix') format('embedded-opentype'),
    url('../font/e.svg#moon') format('svg'), url('../font/e.woff') format('woff'), url('../font/e.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000em white inset;
}

textarea {
    resize: none;
}

img {
    border: none;
}

p, h1, h2, h3, div, ul {
    margin: 0;
    padding: 0;
    display: block;
}

html {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
}

body {
    color: #333;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    min-height: 100%;
    overflow: auto;
    position: absolute;
    background-color: #f5f5f5;
    -webkit-font-smoothing: antialiased;
}

ul, menu, dir {
    display: block;
    list-style: none;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    margin: 0;
    padding: 0;
}

li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

a, a:link, a:visited {
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
}

table {
    border-collapse: collapse;
    table-layout: fixed;
    font-size: inherit;
}

body > iframe {
    display: none;
}

/*万能清除浮动*/
[data-clear]:after {
    display: table;
    content: "";
    clear: both;
}

[data-moon] {
    font-family: moon;
}

[data-pointer] {
    cursor: pointer;
}

[data-unselectable] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[data-selectable] {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

[data-hide] {
    display: none;
}

[data-opacity] {
    opacity: 0.0001;
}

[data-move] {
    cursor: move;
}

[data-padding05] {
    padding: 0.5em;
}

[data-required] {
    position: relative;
}

[data-required]:after {
    content: "*";
    display: block;
    height: 1em;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.5em;
    color: #f00;
}

[data-icon-block] {
    width: 1em;
    height: 1em;
    font-size: 2em;
    text-align: center;
    display: inline-block;
    margin: 0.25em
}

[data-color-block] {
    width: 1em;
    height: 1em;
    display: inline-block;
    float: left;
}

[data-bg-white] {
    background-color: #fff;
}

[data-color-white] {
    color: #fff;
}

[data-group] {
    border: 1px solid #ebebeb;
    padding: 0.2em;
    border-radius: 0.2em;
    background-color: #fff;
}

[data-select], [data-text], [data-date] {
    position: relative;
    display: inline-block;
    border-radius: 0.3em;
    height: 2.4em;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    background-color: #fff;
}

[data-select], [data-date], [data-location] {
    cursor: pointer;
}

[data-select][data-disable], [data-date][data-disable], [data-location][data-disable] {
    cursor: default;
}

[data-select-status]:after, [data-date]:after, [data-location]:after {
    display: inline-block;
    font-family: moon;
    position: absolute;
    right: 0;
    top: 0;
    width: 2em;
    text-align: center;
    cursor: pointer;
    height: 100%;
    color: #ccc;
}

[data-date]:after, [data-location]:after {
    line-height: 2.3em;
}

[data-select-status]:after {
    font-size: 0.9em;
    line-height: 2.65em;
    color: #666;
}

[data-select-status]:after {
    content: "\e90a";
}

[data-date]:after {
    content: "\e91e";
}

[data-location]:after {
    content: "\e94f";
}

[data-select-status="drop"]:after {
    content: "\e90c";
}

[data-select][data-disable]:after, [data-date][data-disable]:after {
    color: #999;
    cursor: default;
}

[data-select] > input, [data-text] > input, [data-date] > input, [data-location] > input {
    height: 100%;
    border-radius: 0.3em;
    text-indent: 0.5em;
    box-sizing: border-box;
    outline: 0;
    padding: 0;
    border: none;
    max-width: 100%;
}

[data-select] > input, [data-date] > input, [data-location] > input {
    padding-right: 1.5em;
    cursor: pointer;
    vertical-align: top;
    display: inline-block;
}

[data-select][data-disable] > input, [data-date][data-disable] > input {
    cursor: text;
}

[data-date][data-disable] > input, [data-date][data-disable]:after {
    cursor: text;
}

[data-select] > ul {
    position: fixed;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 0.3em;
    display: none;
    background-color: #fff;
    z-index: 1000000;
    overflow: auto;
}

[data-select] > ul > li {
    cursor: pointer;
    display: block;
    line-height: 2em;
    padding: 0 0.5em;
    text-align: left;
    min-height: 2em;
    white-space: nowrap;
}

[data-checkbox] {
    position: relative;
    display: inline-block;
    color: #666;
    width: auto;
}

[data-checkbox]:before {
    display: inline-block;
    font-family: moon;
    content: "\e995";
    vertical-align: middle;
    padding-right: 0.2em;
    font-size: 1.5em;
    color: #ccc;
    width: 1.2em;
    line-height: 2em;
}

[data-checkbox][data-checked]:before {
    content: "\e994";
    color: #4293F4;
}

[data-list] > [data-header] {
    display: block;
}

[data-list] > [data-header]:after {
    content: "";
    clear: both;
    display: table;
}

[data-list] > [data-header] > * {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1em;
    margin-right: 1em;
}

[data-list] > [data-header] > *:last-child {
    margin-right: 0;
}

[data-list] > table {
    display: none;
}

[data-list] > div > table {
    width: 100%;
    table-layout: fixed;
}

/*
[data-list] > div[data-td] tr:nth-child(2n) {
    background-color: #FBFBFB;
}
 */

[data-list] > div[data-th] th {
    line-height: 3.2em;
    text-align: left;
    padding: 0 0.3em;
}

[data-list] > div[data-td] td {
    word-break: break-all;
    padding: 1em 0.3em;
    line-height: 1.5em;
    border-bottom: 1px solid #ddd;
}

[data-list] > div[data-td] td[data-none] {
    padding: 0.5em 0.3em;
}

[data-list] > div[data-td] td[data-operate] > * {
    padding-left: 0.3em;
    cursor: pointer;
}

[data-list] > div[data-td] td[data-operate] > *:first-child {
    padding-left: 0;
}

[data-list] > div[data-footer] > div[data-page] {
    padding: 0.5em;
    color: #999;
}

[data-list] > div[data-footer] > div[data-page] > ul {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

[data-list] > div[data-footer] > div[data-page] > ul > li {
    background-color: #fff;
    display: inline-block;
}

[data-list] > div[data-footer] > div[data-page] > ul > li > label {
    font-family: moon;
    display: inline-block;
    line-height: 2.4em;
    cursor: pointer;
    width: 2.4em;
    text-align: center;
}

[data-list] > div[data-footer] > div[data-page] > ul > li > span[data-current] {
    cursor: pointer;
}

[data-list] > div[data-footer] > div[data-page] > ul > li > span[data-size] {
    cursor: pointer;
}

[data-list] > div[data-footer] > div[data-page] > ul > li {
    float: left;
}

[data-list] > div[data-footer] > div[data-page] > ul > li > span {
    display: inline-block;
    line-height: 2.4em;
    position: relative;
    padding: 0 0.2em;
}

[data-list] > div[data-footer] > div[data-page] > ul > li > span[data-current]:after {
    content: "";
    position: absolute;
    height: 1.1em;
    width: 1px;
    background-color: #333;
    right: 0;
    top: 0.6em;
    transform: rotate(15deg);
}

[data-list] > div[data-footer] > div[data-page] > ul > li > span[data-count] {
    padding: 0;
}

[data-list] > div[data-footer] > div[data-page] > ul > li > span[data-count]:after {
    content: "条记录，每页";
}

[data-list] > div[data-footer] > div[data-page] > ul > li > span[data-count]:before {
    content: "共"
}

[data-list] > div[data-footer] > div[data-page] > ul > li > span[data-size]:after {
    content: "条";
    color: #999;
}

[data-upload] > form {
    position: relative;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

[data-upload] > form > input {
    position: relative;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    opacity: 0;
    margin: 0;
    cursor: pointer;
    padding: 0;
    border: none;
    outline: 0;
    width: 100%;
    height: 100%;
    vertical-align: top;
}

[data-upload-progress] {
    display: block;
    max-width: 28em;
    min-width: 15em;
    text-align: left;
}

[data-button-container] {
    display: block;
    text-align: center;
    padding: 1em 0;
}

[data-button-container] > [data-button] {
    margin: 0 1em;
}

[data-button] {
    height: 2.4em;
    line-height: 2.4em;
    padding: 0 1em;
    border-radius: 0.3em;
    cursor: pointer;
    display: inline-block;
}

[data-shadow] {
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.3);
}

[data-activity] {
    position: absolute;
    box-sizing: border-box;
    border: none;
    background-color: transparent;
}

[data-activity="Picker"] {
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10000000;
}

[data-activity="Form"] {
    left: 0;
    right: 0;
    min-height: 100%;
    background-color: #fff;
    overflow-x: auto;
}

[data-activity="Form"][data-header] {
    padding-top: 3.6em;
}

[data-activity="Form"] > p {
    display: block;
    padding: 0.5em 3em 0.5em 0.5em;
    overflow: hidden;
    white-space: pre;
    position: relative;
}

[data-activity="Form"] > p > * {
    display: inline-block;
    line-height: 2em;
}

[data-activity="Form"] > p > span > label, [data-activity="Form"] > p > span > b {
    cursor: pointer;
}

[data-activity="Form"] > p > span > b, [data-activity="Form"] > p > label > b {
    font-family: moon;
    font-weight: normal;
    padding-right: 0.2em;
}

[data-activity="Form"] > p > span:after {
    content: "\e901";
    font-family: moon;
    display: inline-block;
    padding: 0 0.5em;
    color: #333;
}

[data-activity="Form"] > p > b {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 3em;
    font-family: moon;
    cursor: pointer;
    text-align: center;
    width: 3em;
    font-weight: normal;
}

[data-activity][data-current="0"] {
    position: fixed; /*下在当前的窗口，固定，以免滚动*/
}

[data-activity="Dialog"] > p, [data-activity="Tip"] > div > div > p {
    line-height: 3em;
    height: 3em;
    font-size: 1em;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}

[data-activity="Dialog"] > p > b, [data-activity="Tip"] > div > div > p > b {
    line-height: 3em;
    height: 3em;
    display: inline-block;
    font-family: moon;
    position: absolute;
    left: 0;
    top: 0;
    width: 2em;
    font-weight: normal;
}

[data-activity="Dialog"] > p > label, [data-activity="Tip"] > div > div > p > label {
    display: inline-block;
    font-weight: 500;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-family: moon;
    cursor: pointer;
    width: 3em;
}

[data-activity="Dialog"] > p > span, [data-activity="Tip"] > div > div > p > span {
    display: block;
    text-align: left;
    font-weight: 500;
}

[data-activity="Dialog"] > div {
    border-radius: 0 0 0.5em 0.5em;
    border-top: 1px solid transparent;
}

[data-activity="Cover"], [data-msg], [data-activity="Tip"] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.01) !important;
    z-index: 1000000000;
}

[data-activity="Cover"] > div, [data-msg] > div, [data-activity="Tip"] > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 10%;
}

[data-msg] > div > div {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.9);
    line-height: 1.5em;
    border-radius: 0.3em;
    padding: 1em 1em 1em 1em;
    position: relative;
    color: #fff;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.8);
}

[data-msg] > div > div > label {
    font-family: moon;
    position: absolute;
    top: 0;
    right: 0;
    height: 1.5em;
    line-height: 1.5em;
    width: 1.5em;
    text-align: center;
    color: #999;
    cursor: pointer;
    font-weight: 800;
}

[data-activity="Tip"] > div > div, [data-activity="Cover"] > div > div {
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.3);
    border-radius: 0 0 0.3em 0.3em;
    background-color: #fff;
}

#PROGRESS {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000000;
    position: fixed;
    background-color: rgba(1, 1, 1, 0);
    display: none;
}

#PROGRESS > label {
    display: block;
    width: 0%;
    height: 0.2em;
    background-color: #0c0;
}

#EDIT-AREA {
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1000000;
}

#EDIT-AREA > textarea {
    border: 0.08em solid #eee;
    background-color: #fff;
    margin: 0;
    height: 100%;
    width: 100%;
    outline: 0;
    position: relative;
    box-sizing: border-box;
}

#EDIT-AREA > div {
    width: 3.6em;
    line-height: 3.6em;
    height: 3.6em;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
    position: absolute;
    bottom: 1em;
    right: 1em;
    display: inline-block;
    cursor: pointer;
    border-radius: 3.6em;
}

table[data-view] {
    table-layout: fixed;
    text-align: left;
    box-sizing: border-box;
    margin-top: 0.5em;
    width: 100%;
}

table[data-view] th {
    font-weight: 500;
    word-break: keep-all;
    text-align: right;
    padding-bottom: 0.5em;
}

table[data-view] td {
    position: relative;
    padding-bottom: 0.5em;
    padding-right: 0.5em;
}

table[data-view] td > input, table[data-view] td > textarea {
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    width: 100%;
    outline: 0;
}

table[data-view] td > [data-select], table[data-view] td > [data-checkbox],
table[data-view] td > [data-date] {
    box-sizing: border-box;
    width: 100%;
}

table[data-view] td > input {
    height: 2.4em;
    border-radius: 0.3em;
}

table[data-view] td > textarea {
    height: 4.8em;
    border-radius: 0.3em;
}

[data-tree] {
    display: block;
    padding: 1em;
    box-sizing: border-box;
}

[data-tree] * {
    box-sizing: border-box;
}

[data-tree] ul {
    display: block;
    margin-left: 1.2em;
    position: relative;
}

[data-tree] > ul {
    margin-left: 0;
}

[data-tree] li[data-status="closed"] > ul {
    display: none;
}

[data-tree] li {
    display: block;
    position: relative;
}

[data-tree] li > div {
    position: relative;
    padding-left: 1.2em;
    line-height: 2.4em;
    white-space: nowrap;
    word-break: keep-all;
}

[data-tree] li > div > label, [data-tree] li > div > span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

[data-tree] li > div > label, [data-tree] li > div > em {
    font-family: moon;
    padding: 0;
}

[data-tree] li > div > label {
    width: 1.4em;
    text-align: center;
}

[data-tree] li > div > em {
    cursor: pointer;
    font-style: normal;
    width: 1.5em;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

[data-tree] li > div > b {
    font-family: moon;
    width: 2.4em;
    text-align: center;
    color: #666;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    font-size: 0.5em;
    left: 0;
    top: 0;
}

[data-tree] li[data-visible="false"] > div > span {
    color: #999;
}

/*
[data-tree] li:hover ul > li:before {
    content: "";
    width: 1px;
    left: -0.5em;
    top: 0;
    bottom: 0;
    background-color: #ccc;
    display: block;
    position: absolute;
}


[data-tree] li:hover ul > li > div:before {
    content: "";
    height: 1px;
    left: -0.5em;
    top: 1.1em;
    width: 1.5em;
    background-color: #ccc;
    display: block;
    position: absolute;
}*/

[data-tree] li ul > li[data-status] > div:before {
    width: 0.5em;
}

/*
[data-tree] li[data-status="opening"]:hover > div > b:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1px;
    background-color: #ccc;
    left: .7em;
    top: 1.5em;
    height: 1.8em;
}

[data-tree] li:hover ul > li:last-child:before {
    bottom: auto;
    height: 1.1em;
}*/

[data-tab-header] {
    display: block;
    border-bottom: 1px solid #ccc;
    padding-left: 0.5em;
}

[data-tab-header]:after {
    content: "";
    clear: both;
    display: table;
}

div[data-tab-header] > * {
    display: inline-block;
    height: 2.4em;
    line-height: 2.4em;
}

div[data-tab-header] > span {
    float: right;
    display: inline-block;
    vertical-align: middle;
    padding-right: 0.5em;
}

div[data-tab-header] > span > em {
    font-family: moon;
    cursor: pointer;
    margin-right: 0.2em;
    display: inline-block;
    font-weight: 600;
    font-size: 1.2em;
    font-style: normal;
}

div[data-tab-header] > span > em > * {
    display: inline-block;
    padding: 0 0.5em;
    cursor: pointer;
}

div[data-tab-header] > label {
    border: 1px solid #ccc;
    padding: 0 0.5em;
    display: inline-block;
    margin-right: 0.5em;
    border-bottom: none;
    cursor: pointer;
    font-weight: 600;
    border-radius: 0.3em 0.3em 0 0;
}

div[data-tab-header] > label[data-on] {
    margin-bottom: -1px;
}

[data-tab-body] {
    display: block;
}

[data-picker-date], [data-picker-ou] {
    padding: 0.2em;
    text-align: center;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.6);
}

[data-picker-ou] {
    text-align: left;
    position: relative;
    background-color: #fff;
}

[data-picker-ou] > label {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    height: 2.4em;
    line-height: 2.4em;
    font-family: moon;
    cursor: pointer;
    color: #999;
    width: 2.4em;
    text-align: center;
}

[data-picker-date] > p {
    display: block;
    line-height: 3.2em;
    height: 3.2em;
    position: relative;
}

[data-picker-date] > p > label {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 2em;
    font-weight: 600;
    font-size: 1.2em;
    cursor: pointer;
}

[data-picker-date] > p > label:first-child {
    left: 0;
    right: auto;
}

[data-picker-date] > p > span {
    display: block;
    font-weight: 500;
}

[data-picker-date] > div[data-picker-date-title] {
    line-height: 2.4em;
    height: 2.4em;
    border: 1px solid #999;
    border-bottom: none;
    box-sizing: border-box;
    position: relative;
}

[data-picker-date] > div[data-picker-date-title] > b {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 1em;
    font-weight: 500;
    cursor: pointer;
    font-family: moon;
}

[data-picker-date] > div[data-picker-date-title] > b:first-child {
    left: 0;
    right: auto;
}

[data-picker-date] > div[data-picker-date-title] > span {
    display: block;
    cursor: pointer;
}

[data-picker-date] > div[data-picker-date-mode] {
    border: 1px solid #999;
    padding: 0.1em;
    position: relative;
}

[data-picker-date] > div[data-picker-date-mode="Year"] {
    max-height: 15em;
    overflow: auto;
}

[data-picker-date] > div[data-picker-date-mode] table {
    width: 100%;
}

[data-picker-date] > div[data-picker-date-mode="Day"] table td {
    cursor: pointer;
}

[data-picker-date] > div[data-picker-date-mode="Day"] table td > * {
    display: block;
}

[data-picker-date] > div[data-picker-date-mode="Day"] table td > label {
    font-size: 1.2em;
    height: 1.25em;
    line-height: 1.5em;
}

[data-picker-date] > div[data-picker-date-mode="Day"] table td > span {
    line-height: 1.2em;
    height: 1.5em;
}

[data-picker-date] > div[data-picker-date-mode="Time"] {
    position: relative;
    overflow: hidden;
    padding: 0.2em;
}

[data-picker-date] > div[data-picker-date-mode="Time"] > * {
    float: left;
    display: inline-block;
    box-sizing: border-box;
}

[data-picker-date] > div[data-picker-date-mode="Time"] > ul {
    overflow: auto;
    border: 2px solid #aaa;
    border-radius: 5px;
    display: block;
    height: 12em;
    padding: 4.2em 0;
    position: relative;
    width: 47%;
}

[data-picker-date] > div[data-picker-date-mode="Time"] > ul > li {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    font-weight: 300;
    height: 2.4em;
    line-height: 2.4em;
}

[data-picker-date] > div[data-picker-date-mode="Time"] > ul > li.on {
    font-weight: 500;
}

[data-picker-date] > div[data-picker-date-mode="Time"] > label {
    width: 6%;
    font-size: 2em;
    font-weight: 600;
    color: #999;
    line-height: 6em;
    height: 6em;
}

[data-picker-date] > div[data-picker-date-mode="Moon"] {
    position: relative;
    overflow: hidden;
}

[data-picker-date] > div[data-picker-date-mode="Moon"] > label {
    display: inline-block;
    float: left;
    width: 25%;
    height: 3.6em;
    line-height: 3.6em;
    box-sizing: border-box;
}

[data-picker-date] > div[data-picker-date-mode="Moon"] > label:hover {
    background-color: #f5f5f5;
}

[data-picker-date-mode-day-header] {
    border-bottom: 1 pxsolid #999;
}

[data-picker-location] {
    position: relative;
    display: block;
    background-color: #f8f8f8;
    max-width: 40em;
    margin: 0 auto;
}

[data-picker-location] > table {
    width: 100%;
}

[data-picker-location] > table th {
    border-right: 1px solid #ccc;
}

[data-picker-location] > table th > label {
    display: none;
    line-height: 18px;
    position: relative;
    padding: 9px 8px 9px 24px;
}

[data-picker-location] > table th > label[data-choose] {
    display: block;
}

[data-picker-location] > table th > label[data-choose]:before {
    content: " ";
    width: 12px;
    height: 12px;
    border-radius: 12px;
    display: inline-block;
    background-color: rgba(0, 192, 0, 0.8);
    text-align: center;
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -6px;
}

[data-picker-location] > table th > label[data-choose="0"]:before {
    width: 8px;
    height: 8px;
    left: 10px;
    margin-top: -4px;
}

[data-picker-location] > table th > label[data-choose]:after {
    content: " ";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.87em;
    display: inline-block;
}

[data-picker-location] > table th > label[data-choose="0"]:after {
    bottom: 50%;
    height: 50%;
}

[data-picker-location] > table th > label:first-child:after {
    top: 50%;
    height: 50%;
}

[data-picker-location] td {
    background-color: #fff;
}


[data-picker-location] td > ul {
    display: block;
    text-align: left;
    min-height: 10em;
}

[data-picker-location] td > ul > li {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    padding: 0 3px;
    color: #666;
    cursor: pointer;
}

[data-picker-location] td > ul > li[data-c3] {
    font-weight: 500;
}

/*[data-picker-location] td > ul > li[data-category="out"][data-parent="0"] {*/
/*    border: 1px dashed #666666;*/
/*    margin-right: 0.2em;*/
/*    margin-bottom: 0.2em;*/
/*}*/

/*[data-picker-location] td > ul > li[data-c3][data-category="out"][data-parent="0"] {*/
/*    border-color: #f90;*/
/*}*/


*[data-error]::-webkit-input-placeholder {
    color: red;
}

*[data-error]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: red;
}

*[data-error]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: red;
}

*[data-error]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red;
}

*[data-radio] {
    color: #666;
    line-height: 3em;
}

*[data-group] {
    text-align: left;
    padding: 0 0.5em;
    border: 1px solid #ebebeb;
    border-radius: 0.3em;
    box-sizing: border-box;
}

*[data-radio] > label {
    display: inline-block;
    margin-right: 3em;
}

*[data-radio] > div {
    display: block;
    text-align: left;
}

*[data-radio] > div > label {
    display: block;
}

*[data-radio] *[data-m1] {
    margin-left: 2.1em;
}

*[data-radio] > label:before, *[data-radio] > div > label:before {
    font-family: moon;
    display: inline-block;
    vertical-align: top;
    padding-right: 0.2em;
    font-size: 1.5em;
    color: #ccc;
    width: 1.2em;
    line-height: 2em;
    text-align: left;
}

*[data-radio] > label[data-check="0"]:before, *[data-radio] > div > label[data-check="0"]:before {
    content: "\e993";
    color: #dddddd;
}


*[data-radio] > label[data-check="1"]:before, *[data-radio] > div > label[data-check="1"]:before {
    content: "\e992";
    color: #4293F4;
}

*[data-radio] > div > p, *[data-group] > p {
    display: block;
    color: #666;
    font-weight: 600;
}