html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 9.375em 1.25em;
    font: 1em "Helvetica Neue", Helvetica, STHeiTi, "Microsoft YaHei", Arial, sans-serif;
    color: #333;
    background-color: #fbf9fe;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: 100% !important;
}
*,
:after,
:before {
    box-sizing: border-box;
}
a {
    color: #00b;
    text-decoration: none;
    -webkit-transition: color .3s;
    transition: color .3s;
}
a:hover {
    color: #c00;
}
@font-face {
    font-family: "tracefont";
    src: url('../fonts/tracefont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="icon-"]:after,
[class*=" icon-"]:after {
    font-family: tracefont;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.rui-trace__body {
    margin: auto;
    min-width: 320px;
    max-width: 720px;
    text-align: center;
}
.rui-trace__icon:before {
    font-size: 6.5625em;
    font-style: normal;
}
.rui-trace__headline {
    margin: 1.25em auto .8em;
    line-height: 1.6;
    font-size: 1.25em;
}
.rui-trace__message {
    margin: 1em auto;
    font-size: 1em;
    line-height: 1.6;
    color: #999;
}
.icon-success:before {
    content: "\e900";
    color: #09bb07;
}
.icon-info:before,
.icon-error:before {
    content: "\e902";
    color: #f76260;
}
.icon-warn:before {
    content: "\e901";
    color: #10aeff;
}
.icon-empty:before {
    content: "\e903";
    font-size: 6em;
    color: #ccc;
}
.icon-404:before {
    content: "\e904";
    color: #ccc;
    font-size: 8em;
}
.icon-logonFailure:before,
.icon-forbid:before {
    content: "\e905";
    color: #f76260;
}