body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

address,
cite,
dfn,
em,
var,
i,
strong {
    font-style: normal;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

fieldset,
img {
    border: none;
}

button,
input,
select,
textarea {
    font: inherit;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th {
    text-align: left;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

html, body {
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

body {
    font-family: PingFangSC-Medium, "PingFang SC", "微软雅黑", Arial, Helvetica, sans-serif;
    margin: 0 auto;
    background-color: #fff;
    word-break: break-all;
    min-width: 960px;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

p {
    margin: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th, td {
    padding: 0;
    margin: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}


.clean:after {
    display: block;
    clear: both;
    height: 0px;
    content: '';
}


* :after,
* :before,
* {
    box-sizing: border-box;
}

input,
button {
    -webkit-appearance: none;
    border: none;
}

:focus {
    outline: 0;
}

.ipu-fn-row {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ipu-row-flex,
.ipu-flex-row {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.ipu-row-flex-ver > .ipu-col,
.ipu-flex-vertical > .ipu-col,
.ipu-row-flex-ver > [class*="ipu-flex-grow-"],
.ipu-flex-vertical > [class*="ipu-flex-grow-"],
.ipu-row-flex-ver > .ipu-flex-col-auto,
.ipu-flex-vertical > .ipu-flex-col-auto {
    height: 0;
    width: auto;
}

.ipu-row-flex-ver > .ipu-col-auto,
.ipu-flex-vertical > .ipu-col-auto,
.ipu-row-flex-ver > .ipu-flex-grow-0,
.ipu-flex-vertical > .ipu-flex-grow-0 {
    height: auto;
}

.ipu-flex-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.ipu-flex-reverse.ipu-row-flex-ver,
.ipu-flex-reverse.ipu-flex-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.ipu-flex-vertical-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.ipu-flex-tiled {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.ipu-flex-tiled > * {
    width: 0;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.ipu-flex-tiled.ipu-flex-tiled-space > * + *,
.ipu-flex-tiled.ipu-tiled-space > * + * {
    margin-left: 10px;
}

.ipu-tiled {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.ipu-tiled > li {
    display: table-cell;
    width: 1%;
    text-align: center;
}

.ipu-tiled.ipu-tiled-space > li:first-child {
    padding-right: 5px;
}

.ipu-tiled.ipu-tiled-space > li + li {
    padding-left: 5px;
    padding-right: 5px;
}

.ipu-tiled.ipu-tiled-space > li:last-child {
    padding-right: 0;
}

.ipu-flex-middle {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.ipu-flex-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.ipu-flex-center-middle {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.ipu-flex-middle-center {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.ipu-flex-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
}

.ipu-flex {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.ipu-row-flex-ver,
.ipu-flex-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.ipu-flex-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.ipu-flex-justify-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.ipu-flex-justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.ipu-flex-justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.ipu-flex-justify-space {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.ipu-flex-align-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.ipu-flex-align-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.ipu-flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.ipu-flex-align-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}

.ipu-flex-auto {
    width: auto;
    height: auto;
}

.ipu-col {
    position: relative;
    width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    overflow: auto;
}

.ipu-col-2 {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
}

.ipu-col-3 {
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
    flex-grow: 3;
}

.ipu-col-4 {
    -webkit-box-flex: 4;
    -webkit-flex-grow: 4;
    flex-grow: 4;
}

.ipu-col-5 {
    -webkit-box-flex: 5;
    -webkit-flex-grow: 5;
    flex-grow: 5;
}

.ipu-col-6 {
    -webkit-box-flex: 6;
    -webkit-flex-grow: 6;
    flex-grow: 6;
}

.ipu-col-auto {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    width: auto;
    overflow: visible;
}

.ipu-flex-col {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    overflow: visible;
}

.ipu-flex-col-auto,
[class*="ipu-flex-grow-"] {
    position: relative;
    width: 0;
    overflow: auto;
}

.ipu-flex-grow-0 {
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    overflow: visible;
}

.ipu-flex-col-auto,
.ipu-flex-grow-1 {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.ipu-flex-grow-2 {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
}

.ipu-flex-grow-3 {
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
    flex-grow: 3;
}

.ipu-flex-grow-4 {
    -webkit-box-flex: 4;
    -webkit-flex-grow: 4;
    flex-grow: 4;
}

.ipu-flex-grow-5 {
    -webkit-box-flex: 5;
    -webkit-flex-grow: 5;
    flex-grow: 5;
}

.ipu-flex-grow-6 {
    -webkit-box-flex: 6;
    -webkit-flex-grow: 6;
    flex-grow: 6;
}


.ipu-radio input {
    -webkit-appearance: none;
    position: relative;
    display: inline-block;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    border: 0;
    background: none;
}

.ipu-radio input:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #dfe0e1;
    border-radius: 50%;
}

.ipu-radio input:checked:before {
    border-color: #19BB20;
}

.ipu-radio input:checked:after {
    content: '';
    position: absolute;
    left: 25%;
    top: 25%;
    width: 50%;
    height: 50%;
    background: #19BB20;
    border-radius: 50%;
}

.ipu-checkbox,
.ipu-radio {
    cursor: pointer;
}

.ipu-checkbox input[type=checkbox] {
    -webkit-appearance: none;
    position: relative;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    vertical-align: middle;
    background: none;
    border: none;
}

.ipu-checkbox input[type=checkbox]:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #dfe0e1;
    background-color: #fff;
}

.ipu-checkbox input[type=checkbox]:checked:before {
    background: #19BB20;
    border-color: #19BB20;
}

.ipu-checkbox input[type=checkbox]:checked:after {
    content: '';
    position: absolute;
    width: 48%;
    height: 25%;
    top: 32%;
    left: 27%;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ipu-checkbox-square input[type=checkbox]:before {
    top: 6%;
    left: 6%;
    width: 88%;
    height: 88%;
    border-radius: 3px;
}

.ipu-checkbox-s input[type=checkbox] {
    width: 20px;
    height: 20px;
}

/* 上面仅供样式，下面页面样式 */
.common-page-content {
    position: relative;
    height: 100%;
    overflow: auto;
}

.common-content {
    width: 960px;
    margin: 0 auto;
}

.index-head {
    background: #191919;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.index-title {
    height: 60px;
    padding-left: 25px;
}

.index-title .name {
    font-size: 18px;
    font-weight: 500;
    color: rgba(255, 255, 255, .84);
    line-height: 28px;
}

.index-title .logo {
    width: 20px;
    height: 20px;
    background: url("../img/logo.png") center no-repeat;
    background-size: 100%;
    margin-right: 8px;
}

.index-app-list {
    margin-top: 78px;
    overflow: hidden;
}

.index-app-list .app-item {
    width: 417px;
    float: left;
    margin: 42px 16px;
    background: #F8F8F8;
    cursor: pointer;
}

.index-app-list .index-app-icon {
    height: 196px;
    background: url("../img/icon-app-create.png") no-repeat center #253348;
    background-size: 80px 80px;
}

.index-app-list .app-item-app-store .index-app-icon {
    background-image: url("../img/icon-app-store.png");
}

.index-app-list .app-item-app-mgt .index-app-icon {
    background-image: url("../img/icon-app-mgt.png");
}

.index-app-list .app-item-app-store-mgt .index-app-icon {
    background-image: url("../img/icon-app-store-mgt.png");
}

.index-app-list .app-item-detail {
    height: 84px;
    padding: 18px 16px;
}

.index-app-list .app-name {
    font-size: 18px;
    font-weight: 600;
    color: rgba(0, 0, 0, .85);
    line-height: 1;
}

.index-app-list .app-desc {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    line-height: 1;
}

.index-title-right {
    margin-right: 105px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, .85);
    line-height: 20px;
}

body.login .to-login,
body.login .login-block,
.index-title-right .user-info {
    width: 0;
    overflow: hidden;
}

body.login .index-title-right .user-info {
    width: auto;
}

.user-info .avater {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 5px;
}

.to-login .to-login-icon {
    width: 26px;
    height: 26px;
    margin-right: 5px;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z' fill='rgba(255,255,255,0.85)'/%3E%3C/svg%3E");
    background-size: 18px auto;
    background-repeat: no-repeat;
    background-position: center;
}


.login-block {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.login-form {
    position: relative;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 480px;
    border-radius: 8px;
    padding: 60px;
}

.login-form-header .logo {
    width: 36px;
    height: 36px;
    background: url("../img/logo-black.png") center no-repeat;
    background-size: 100%;
    margin-right: 10px;
}

.login-form-header .sys-name {
    font-size: 32px;
    font-weight: 500;
    color: rgba(0, 0, 0, .85);
    line-height: 50px;
}

.login-form-header .sys-name .parent {
    margin-right: 5px;
}

.login-form-row .form-btn {
    margin-top: 16px;
    -webkit-appearance: none;
    display: block;
    width: 100%;
    background: #19BB20;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    cursor: pointer;
}

.login-form-input {
    height: 40px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .15);
}

.form-input {
    display: block;
    width: 100%;
    border: none;
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, .65);
    line-height: 24px;
    padding: 0 12px;
}

/* 浏览器兼容写法不能写一起，否则不能生效 */
.form-input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .25);
}

.form-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(0, 0, 0, .25);
}

.form-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(0, 0, 0, .25);
}

.form-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(0, 0, 0, .25);
}

.form-icon {
    margin-left: 12px;
}

.form-icon svg {
    width: 14px;
    height: 14px;
    color: rgba(0, 0, 0, .25);
}

.login-form-row-asset {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .65);
    line-height: 22px;
}

.login-form-row-asset a {
    color: #19BB20;
}

.login-form-row-tips {
    font-size: 12px;
    font-weight: 400;
    color: #F5222D;
    line-height: 20px;
    height: 20px;
    visibility: hidden;
}

.login-form-body {
    margin-top: 40px;
}

.login-captcha-img {
    width: 62px;
    height: 38px;
    margin: 0 7px;
    display: block;
}

.form-input-clear {
    display: none;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z' fill='rgba(245,34,45,1)'/%3E%3C/svg%3E");
    background-size: 14px 14px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.login-form-row-invalid .login-form-input {
    border-color: #F5222D;
}

.login-form-row-invalid .form-input-clear {
    display: block;
}

.login-form-row-invalid .login-form-row-tips {
    visibility: visible;
}

.index-app-list .app-item .index-app-icon {
}

.form-input {/* 火狐下有效，输入框有历史记住数据，背景是黄色 */
    background: none;
    outline: none;
}