@charset "UTF-8";

/* 重置样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "SF Pro Display", "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    color: #c62828;
}

/* 通用容器 */
.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
}

/* 通用标题样式 */
b,
body:not(.article-content) table th,
em,
h1,
h2,
h3,
h4,
h5,
h6,
i,
strong {
    font-weight: 400;
}

body {
    -webkit-font-smoothing: antialiased;
    letter-spacing: .04em;
}

@-moz-document url-prefix() {
    body {
        letter-spacing: 0;
    }
}

body:not(.article-content) table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

body:not(.article-content) .noteContent table {
    width: auto;
    word-break: break-all;
}

li,
ol,
ul {
    list-style-type: none;
}

input,
select,
textarea {
    vertical-align: middle;
    color: #000;
    border: none;
    border: 0;
    outline: 0;
    resize: none;
}

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

b,
em,
i,
strong {
    font-style: normal;
}

.item-drag-wrap em *,
body .title-t em,
body .title-t i {
    font-style: italic;
}

img {
    border: 0;
}

@media screen and (min-width: 1px) and (max-width:213px) {
    html {
        font-size: 9.09px
    }
}

@media screen and (min-width: 214px) and (max-width:320px) {
    html {
        font-size: 13.65px
    }
}

@media screen and (min-width: 321px) and (max-width:360px) {
    html {
        font-size: 15.36px
    }
}

@media screen and (min-width: 361px) and (max-width:375px) {
    html {
        font-size: 16px
    }
}

@media screen and (min-width: 376px) and (max-width:384px) {
    html {
        font-size: 16.38px
    }
}

@media screen and (min-width: 385px) and (max-width:400px) {
    html {
        font-size: 17.07px
    }
}

@media screen and (min-width: 401px) and (max-width:415px) {
    html {
        font-size: 17.71px
    }
}

@media screen and (min-width: 416px) and (max-width:926px) {
    html {
        font-size: 18.09px
    }
}

@media only screen and (max-width: 1260px) {
    html {
        zoom: 0.7;
    }
}

@media only screen and (min-width: 1261px) and (max-width: 1450px) {
    html {
        zoom: 0.8;
    }
}

@media only screen and (min-width: 1451px) and (max-width: 1570px) {
    html {
        zoom: 0.9;
    }
}