:root {
    --jy-1: #a0bdb2;
    --jy-2: #85af9f;
    --jy-3: #58a98a;
    --jy-4: #448a70;
    --jy-5: #3a7b62;
    --jy-6: #336854;
    --jy-7: #275a47;
    --jy-8: #1b4334;
    --jy-9: #0f261d;
    --jy-10: #030907;
    --red-1: #ffece8;
    --red-2: #fdcdc5;
    --red-3: #fbaca3;
    --red-4: #f98981;
    --red-5: #f76560;
    --red-6: #f53f3f;
    --red-7: #cb272d;
    --red-8: #a1151e;
    --red-9: #770813;
    --red-10: #4d000a;
    --orange-1: #fff7e8;
    --orange-2: #ffe4ba;
    --orange-3: #ffcf8b;
    --orange-4: #ffb65d;
    --orange-5: #ff9a2e;
    --orange-6: #ff7d00;
    --orange-7: #d25f00;
    --orange-8: #a64500;
    --orange-9: #792e00;
    --orange-10: #4d1b00;
    --yellow-1: #feffe8;
    --yellow-2: #fefebe;
    --yellow-3: #fdfa94;
    --yellow-4: #fcf26b;
    --yellow-5: #fbe842;
    --yellow-6: #fadc19;
    --yellow-7: #cfaf0f;
    --yellow-8: #a38408;
    --yellow-9: #785d03;
    --yellow-10: #4d3800;
    --green-1: #e8ffea;
    --green-2: #aff0b5;
    --green-3: #7be188;
    --green-4: #4cd263;
    --green-5: #23c343;
    --green-6: #00b42a;
    --green-7: #009a29;
    --green-8: #008026;
    --green-9: #006622;
    --green-10: #004d1c;
    --cyan-1: #e8fffb;
    --cyan-2: #b7f4ec;
    --cyan-3: #89e9e0;
    --cyan-4: #5edfd6;
    --cyan-5: #37d4cf;
    --cyan-6: #14c9c9;
    --cyan-7: #0da5aa;
    --cyan-8: #07828b;
    --cyan-9: #03616c;
    --cyan-10: #00424d;
    --blue-1: #e8f5ff;
    --blue-2: #bee2ff;
    --blue-3: #94cbff;
    --blue-4: #6ab2ff;
    --blue-5: #4096ff;
    --blue-6: #1677ff;
    --blue-7: #0e59d2;
    --blue-8: #073fa6;
    --blue-9: #032879;
    --blue-10: #00164d;
    --purple-1: #f5e8ff;
    --purple-2: #ddbef6;
    --purple-3: #c396ed;
    --purple-4: #a871e3;
    --purple-5: #8d4eda;
    --purple-6: #722ed1;
    --purple-7: #551db0;
    --purple-8: #3c108f;
    --purple-9: #27066e;
    --purple-10: #16004d;
    --gray-1: #f7f8fa;
    --gray-2: #f2f3f5;
    --gray-3: #e5e6eb;
    --gray-4: #c9cdd4;
    --gray-5: #a9aeb8;
    --gray-6: #86909c;
    --gray-7: #6b7785;
    --gray-8: #4e5969;
    --gray-9: #272e3b;
    --gray-10: #1d2129;
    --bg-1: #ffffff;
    --text-1: #333333;
    --text-2: #424242;
    --text-3: #666666;
    --text-4: #888888;
    --text-5: #999999;
    --aside-bg: #fcfdfe;
    --aside-border: #dfe7f1;
    --aside-active-bg: #e8f3ff;
    --border-line: #e3eaf3;
    --btn-gray: #606266;
}

html.dark {
    --jy-1: #fd7878;
    --jy-2: #ff4d4d;
    --jy-3: #ff1a1a;
    --jy-4: #e60000;
    --jy-5: #f64c4c;
    --jy-6: #f43434;
    --jy-7: #f31c1c;
    --jy-8: #ee3030;
    --jy-9: #e21212;
    --jy-10: #bb1111;
    --red-1: #4d000a;
    --red-2: #770611;
    --red-3: #a1161f;
    --red-4: #cb2e34;
    --red-5: #f54e4e;
    --red-6: #f76965;
    --red-7: #f98d86;
    --red-8: #fbb0a7;
    --red-9: #fdd1ca;
    --red-10: #fff0ec;
    --orange-1: #4d1b00;
    --orange-2: #793004;
    --orange-3: #a64b0a;
    --orange-4: #d26913;
    --orange-5: #ff8d1f;
    --orange-6: #ff9626;
    --orange-7: #ffb357;
    --orange-8: #ffcd87;
    --orange-9: #ffe3b8;
    --orange-10: #fff7e8;
    --yellow-1: #4d3800;
    --yellow-2: #785e07;
    --yellow-3: #a38614;
    --yellow-4: #cfb325;
    --yellow-5: #fae13c;
    --yellow-6: #fbe94b;
    --yellow-7: #fcf374;
    --yellow-8: #fdfa9d;
    --yellow-9: #fefec6;
    --yellow-10: #fefff0;
    --green-1: #004d1c;
    --green-2: #046625;
    --green-3: #0a802d;
    --green-4: #129a37;
    --green-5: #1db440;
    --green-6: #27c346;
    --green-7: #50d266;
    --green-8: #7ee18b;
    --green-9: #b2f0b7;
    --green-10: #ebffec;
    --cyan-1: #00424d;
    --cyan-2: #06616c;
    --cyan-3: #11838b;
    --cyan-4: #1fa6aa;
    --cyan-5: #30c9c9;
    --cyan-6: #3fd4cf;
    --cyan-7: #66dfd7;
    --cyan-8: #90e9e1;
    --cyan-9: #bef4ed;
    --cyan-10: #f0fffc;
    --blue-1: #00164d;
    --blue-2: #042979;
    --blue-3: #0e44a6;
    --blue-4: #1d62d2;
    --blue-5: #3086ff;
    --blue-6: #3c94ff;
    --blue-7: #68b1ff;
    --blue-8: #93caff;
    --blue-9: #bee2ff;
    --blue-10: #eaf6ff;
    --purple-1: #16004d;
    --purple-2: #27066e;
    --purple-3: #3e138f;
    --purple-4: #5a25b0;
    --purple-5: #7b3dd1;
    --purple-6: #8e51da;
    --purple-7: #a974e3;
    --purple-8: #c59aed;
    --purple-9: #dfc2f6;
    --purple-10: #f7edff;
    --gray-1: #17171a;
    --gray-2: #2e2e30;
    --gray-3: #484849;
    --gray-4: #5f5f60;
    --gray-5: #78787a;
    --gray-6: #929293;
    --gray-7: #ababac;
    --gray-8: #c5c5c5;
    --gray-9: #dfdfdf;
    --gray-10: #f6f6f6;
    --bg-1: #141414;
    --text-1: #ffffff;
    --text-2: #ffebeb;
    --text-3: #bdbdbd;
    --text-4: #a0a0a0;
    --text-5: #adadad;
    --aside-bg: #1e2024;
    --aside-border: #414243;
    --aside-active-bg: #165dff29;
    --border-line: #ffffff1a;
    --btn-gray: #cfd3dc;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body,
html {
    font-size: 14px;
    height: 100%;
}

body {
    background: var(--bg-1);
    color: #333333;
    font-family: PingFang SC, Arial, Microsoft YaHei, sans-serif;
    font-size: 14px;
    min-width: 320px;
}

ol,
ul {
    list-style: none
}

em,
i {
    font-style: normal
}

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

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

button,
input,
select,
textarea {
    outline: 0
}

input[type=checkbox] {
    vertical-align: middle
}

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

textarea {
    resize: none
}

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

a:hover {
    color: #3491fa;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

p {
    line-height: 20px
}

@media screen and (max-width:750px) {
    a {
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        -webkit-user-select: none;
        -moz-user-focus: none;
        -moz-user-select: none
    }
}

.line1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.line2,
.line3,
.line4,
.line5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line2 {
    -webkit-line-clamp: 2
}

.line3 {
    -webkit-line-clamp: 3
}

.line4 {
    -webkit-line-clamp: 4
}

.line5 {
    -webkit-line-clamp: 5
}

.jy-box {
    position: fixed;
    top: 25%;
    max-width: 750px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 999;
    left: 0
}

.jy-foot {
    position: fixed;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
    z-index: 555;
    -webkit-overflow-scrolling: touch
}

.jy-content {
    line-height: 30px;
    word-break: break-all
}

.jy-content p {
    line-height: 30px;
    text-align: justify
}

.jy-content div img,
.jy-content img,
.jy-content p img {
    max-width: 100%
}

.jy-content strong {
    font-weight: 700
}

.jy-content hr {
    height: 1px;
    border: none;
    border-top: 1px dashed #c4bebe;
    margin-bottom: 15px
}

.jy-content pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

.jy-content blockquote {
    background: #f2f2f2;
    border-left: 8px solid #0ea6cc;
    display: block;
    font-size: 100%;
    line-height: 1.5;
    margin: 10px 0;
    padding: 10px
}

.safe {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom)
}