/* var */
:root {
    --black: #000;
    --white: #fff;
    --gray: #c8c9cc;
    --gray-light: #e5e5e5;
    --gray-darker: #7d7e80;
    --gray-dark: #969799;
    --text-color: #3c3c3c;
    --border-color: #ebedf0;
    --active-color: #f2f3f5;
    --background-color: #f8f8f8;
    --background-color-light: #fafafa;

    --theme-color: #3095fb;
    --theme-color-dark: #1989fa;
    --theme-color-light: #a3d0fd;

    --warning-color: #ffa179;
    --warning-color-dark: #ff976a;
    --warning-color-light: #fffbe8;

    --success-color: #20c770;
    --success-color-dark: #07c160;
    --success-color-light: #b5eccf;

    --error-color: #ff5757;
    --error-color-dark: #f44;
    --error-color-light: #ffc7c7;

    --font-size: 16px;
    --center-width: 1200px;

    --swiper-theme-color: var(--theme-color) !important;

}


a,
b,
body,
button,
dd,
del,
div,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
img,
input,
ins,
iframe,
li,
ol,
option,
p,
select,
span,
textarea,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    list-style: none;
    outline: none;
    resize: none;
    background: none;
    text-decoration: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100% !important
}

body {
    font-size: 16px;
    font-size: var(--font-size);
    color: #3c3c3c;
    color: var(--text-color, #3c3c3c);
    font-family: Consolas, 'Noto Sans SC', 'Noto Sans S Chinese', \\5B8B\4F53, sans-serif;
    overflow: hidden;
    overflow-y: auto;
}

body,
html {
    width: 100%;
    min-height: 100vh;
    -webkit-overflow-scrolling: touch;
    /* overflow: hidden;
    overflow-y: auto; */
    scroll-behavior:smooth;
}

a {
    transition: color 0.3s;
}

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

pre {
    padding: 3px 5px 2px;
    margin: 0 1px;
    background: #eaeaea;
    background: rgba(0, 0, 0, .07);
    font-size: 12px
}

input, textarea {
    font: inherit;
}

button, a {
    cursor: pointer;
}

del {
    text-decoration: line-through;
}

table {
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border-color: #eee;
    border-style: solid;
    /* border-width: 1px; */
}

table tbody, table tr {
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
}

table th, table td {
    border-color: inherit;
    border-style: inherit;
    border-bottom-width: 1px;
    border-right-width: 1px;
    padding: 12px;
    min-width: 0;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    word-break: break-word;
}

table tr:last-child th, table tr:last-child td {
    border-bottom-width: 0;
    border-right-width: 0;
}

table tfoot tr:first-child th, table thead tr:first-child th {
    border-right-width: 1px;
}

table.simple {
    border: none;
    width: 100%;
    text-align: center;
}

table.simple td {
    border-bottom: 1px solid #eee;
}

table.simple th {
    white-space: nowrap;
}



.fa,
.fab,
.fad,
.fal,
.far,
.fas,
.svg-inline--fa {
    font-size: inherit;
    height: 1em;
    width: 1em;
    display: inline-block;
}

::selection {
    background-color: var(--theme-color);
    color: #fff;
}

::-webkit-scrollbar {
    width: 5px;
    height: 3px;
    background-color: transparent
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--theme-color-light)
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--theme-color)
}

::-webkit-scrollbar-corner {
    width: 0;
    background: transparent;
    height: 0;
}


/* 提醒信息 */
.textblock-tips {
    padding: 8px 16px;
    background-color: #ecf8ff;
    border-radius: 4px;
    border-left: 5px solid var(--theme-color);
    margin: 20px 0;
}


[hidden] {
    display: none;
}

img[fit="cover"] {
    object-fit: cover;
}
img[fit="contain"] {
    object-fit: contain;
}
img[fit="fill"] {
    object-fit: fill;
}
img[fit="scale-down"] {
    object-fit: scale-down;
}



.color-theme {
    color: var(--theme-color);
}

.color-success {
    color: var(--success-color);
}

.hover-color:hover, .hover-color:hover a {
    color: var(--hover-color);
}
.hover-color a {
    color: inherit;
}

[node-type][class*="hvr-"] {
    display: block;
}

[node-type="column"][class*="hvr-"],
[node-type="row"][class*="hvr-"] {
    display: flex;
}

[text-row] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

/** 编辑器内容预留空白方便显示工具栏 **/
/** 已取消48px 改为18px 留太多空白不好看，工具栏挡住的问题无法避免 **/

/* 废弃，在富文本编辑器组件中通过参数进行设置，不在这里强制修改padding大小 */
/* .mce-content-body.richtext {
    padding: 18px 10px !important;
} */

.richtext {
    box-sizing: border-box;
    line-height: 1.9;
    outline: 0;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    word-wrap: break-word;
    font-size: var(--font-size, 14px);
}

.richtext blockquote,
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6,
.richtext ol,
.richtext ul,
.richtext p
 {
    margin-bottom: 0.63em;
    padding: 0;
}
.richtext pre {
    padding: 1em;
    margin: 0.5em 0.5em
}
.richtext pre[class*="language-"] {
    overflow: auto;
}

.richtext p:last-child {
    margin-bottom: 0
}

.richtext ol,
.richtext ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.richtext ol {
    list-style-type: decimal;
}

.richtext li {
    display: list-item;
    list-style-type: inherit;
}

.richtext img,
.richtext video,
.richtext svg {
    max-width: 100%;
    height: auto;
}


.richtext blockquote {
    margin: 1.4em 0;
    padding-left: 1em;
    color: #646464;
    border-left: 3px solid #d3d3d3;
}

.richtext blockquote + blockquote {
    margin-top: 0
}


.richtext .alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}

.richtext .alignright {
	clear: both;
	display: inline;
	float: right;
	margin-left: 1.625em;
}

.richtext video,
.richtext embed,
.richtext .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.richtext .timeline_items {
	margin: 0 !important;
	position: relative;
	background: url(../imgs/timeline_top.png) no-repeat top center;
	padding-top: 9px
}

.richtext .timeline_items:after {
	content: "";
	width: 0;
	height: 0;
	border-width: 3px;
	border-style: solid;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -3px;
	display: block;
	z-index: 1
}

.richtext .timeline_items li {
	margin: 0 !important;
	list-style: none !important;
	width: 45%;
	padding: 0 0 25px 55%;
	position: relative;
	background: url(../imgs/timeline_right.png) no-repeat top center
}

.richtext .timeline_items li:nth-child(even) {
	padding: 0 55% 25px 0;
	background: url(../imgs/timeline_left.png) no-repeat top center
}

.richtext .timeline_items li h3 {
	font-size: 30px;
	line-height: 35px
}

.richtext .timeline_items li h3 span {
	position: absolute;
	right: 55%;
	top: 8px
}

.richtext .timeline_items li h3:before {
	content: "";
	width: 7px;
	height: 7px;
	border-width: 4px;
	border-style: solid;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 11px;
	margin-left: -8px;
	display: block;
	z-index: 1
}

.richtext .timeline_items li:nth-child(even) h3 {
	text-align: right
}

.richtext .timeline_items li:nth-child(even) h3 span {
	left: 55%;
	right: auto
}

.richtext .timeline_items li .desc {
	position: relative;
	font-size: 15px;
	line-height: 31px;
	background: url(../imgs/css_sprites_10_10.png);
	background-size: 1px 31px;
	background-position: -0 -10px;
}

.richtext .timeline_items li .desc:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: -122%;
	top: 0;
	background: url(../imgs/css_sprites_10_10.png);
	background-size: 10px 10px;
	background-position: -21px -0;
}

.richtext .timeline_items li:nth-child(even) .desc:before {
	left: auto;
	right: -122%
}

.richtext .timeline_items li:nth-child(even) .desc {
	text-align: right
}

.richtext .timeline_items li h3:before,
.richtext .timeline_items:after,
.richtext .timeline .post-item:before {
    border-color: var(--theme-color);
}


.richtext hr.no_line {
    background: none;
    color: transparent;
}

.richtext iframe {
    max-width: 100%;
}