/*样式重置start*/
html,
body,
a,
div,
audio,
br,
button,
canvas,
font,
form,
footer,
header,
frame,
h1,
h2,
h3,
h4,
h5,
h6,
head,
hr,
i,
iframe,
img,
input,
label,
li,
link,
map,
menu,
nav,
object,
ol,
option,
p,
section,
select,
source,
span,
table,
tbody,
thead,
td,
th,
textarea,
tfoot,
time,
title,
tr,
ul,
video {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font: inherit;
    outline: none;
    -webkit-font-smoothing: antialiased;
    /*字体抗锯齿*/
    -webkit-overflow-scrolling: touch;
    /*IOS端平滑滚动*/
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    /*解决滚动冒泡*/
    position: relative;
    text-decoration: none;
    /* font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; */
	font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

a:hover,
a:active,
a:visited,
a:link,
a:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}
ol,
ul,
li {
    list-style: none;
}
input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
button {
    border: none;
    background-color: rgba(0, 0, 0, 0);
}
img {
    vertical-align: top;
}
img.error {
    display: inline-block;
    -webkit-transform: scale(1);
    transform: scale(1);
    content: '';
    color: transparent;
}
img.error::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff
        url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHdpZHRoPSIyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTU2LjI1IDc2aDIuMjI2ODk3MWMyLjU4MTUyNyAwIDUuMDYzMDM3NS0uOTk4MzM3MiA2LjkyNTMxODMtMi43ODYxMjY4bDYuNjk1NTY5Mi02LjQyNzc0NjRjMS44NjIyODA4LTEuNzg3Nzg5NiA0LjM0Mzc5MTMtMi43ODYxMjY4IDYuOTI1MzE4My0yLjc4NjEyNjhoOC40NzY4OTcxbDkuNSAxOS01IDIxIDggMjItMS41LTIyIDExLTIxIDMtMTloOC40NzY4OTdjMi41ODE1MjcgMCA1LjA2MzAzOC45OTgzMzcyIDYuOTI1MzE4IDIuNzg2MTI2OGw2LjY5NTU3IDYuNDI3NzQ2NGMxLjg2MjI4IDEuNzg3Nzg5NiA0LjM0Mzc5MSAyLjc4NjEyNjggNi45MjUzMTggMi43ODYxMjY4aDIuMjI2ODk3YzMuNDUxNzggMCA2LjI1IDIuNzk4MjIwMyA2LjI1IDYuMjV2NDMuNzVjMCA1LjUyMjg0Ny00LjQ3NzE1MyAxMC0xMCAxMGgtODBjLTUuNTIyODQ3NSAwLTEwLTQuNDc3MTUzLTEwLTEwdi00My43NWMwLTMuNDUxNzc5NyAyLjc5ODIyMDMtNi4yNSA2LjI1LTYuMjV6IiBmaWxsPSJub25lIiBzdHJva2U9IiNjNmM2YzYiLz48L3N2Zz4=)
        no-repeat center;
    background-size: contain;
}
img.error::after {
    content: attr(alt);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 2;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.login input:-webkit-autofill,
.login input:-webkit-autofill:hover,
.login input:-webkit-autofill:focus,
.login input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
    transition: color 99999s ease-out, background-color 99999s ease-out;
}
.clearfix {
    zoom: 1;
}
/*添加给浮动元素的父级元素*/
.clearfix::after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*样式重置end*/
html,
body {
    background-color: transparent;
    color: #fff;
}
.loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100vw;
    height: 100vh;
    background-color: rgba(54, 70, 93, 0.95);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.loading img {
    margin: auto;
}

@font-face {
    font-family: 'PangMenZhengDaoBiaoTiTi';
    src: url(../fonts/PangMenZhengDaoBiaoTiTi.ttf);
}
.PangMenZhengDaoBiaoTiTi {
    font-family: 'PangMenZhengDaoBiaoTiTi';
}