@charset "UTF-8";
/* 重置样式 */
 

body { color: #000; font-size: 14px; line-height: 1.5; }

/* 统一盒子尺寸计算 */
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

/* ie版本过低 */
#web-ietip { width: 610px; height: 173px; padding: 83px 0 0 84px; overflow: hidden; background: url(./ietip/browser.png) no-repeat center center; margin: 200px auto 0; }

#web-ietip a { display: block; width: 65px; height: 80px; float: left; }

/* 清除浮动 */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }

/* 超出省略 */
.ep1, .ellipsis-1 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.ep2, .ellipsis-2 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.ep3, .ellipsis-3 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.ep4, .ellipsis-4 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.ep5, .ellipsis-5 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.ep6, .ellipsis-6 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }

.ep7, .ellipsis-7 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }

.ep8, .ellipsis-8 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }

.ep9, .ellipsis-9 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; }

/* 颜色 */
.color-0 { color: #000; }

.color-1 { color: #111; }

.color-2 { color: #222; }

.color-3 { color: #333; }

.color-4 { color: #444; }

.color-5 { color: #555; }

.color-6 { color: #666; }

.color-7 { color: #777; }

.color-8 { color: #888; }

.color-9 { color: #999; }

.color-a { color: #aaa; }

.color-b { color: #bbb; }

.color-c { color: #ccc; }

.color-d { color: #ddd; }

.color-e { color: #eee; }

.color-f { color: #fff; }

.bg-0, .bg-color-0 { background-color: #000; }

.bg-1, .bg-color-1 { background-color: #111; }

.bg-2, .bg-color-2 { background-color: #222; }

.bg-3, .bg-color-3 { background-color: #333; }

.bg-4, .bg-color-4 { background-color: #444; }

.bg-5, .bg-color-5 { background-color: #555; }

.bg-6, .bg-color-6 { background-color: #666; }

.bg-7, .bg-color-7 { background-color: #777; }

.bg-8, .bg-color-8 { background-color: #888; }

.bg-9, .bg-color-9 { background-color: #999; }

.bg-a, .bg-color-a { background-color: #aaa; }

.bg-b, .bg-color-b { background-color: #bbb; }

.bg-c, .bg-color-c { background-color: #ccc; }

.bg-d, .bg-color-d { background-color: #ddd; }

.bg-e, .bg-color-e { background-color: #eee; }

.bg-f, .bg-color-f { background-color: #fff; }

/* 背景图 */
.bg-cover { background-size: cover; background-position: center; }

.bg-contain { background-size: contain; background-position: center; background-repeat: no-repeat; }

/* 文本对齐 */
.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

/* 富文本样式控制 */
.rich-text * { max-width: 100%; text-wrap: wrap !important; }

.rich-text img { height: auto; vertical-align: top; }

/*编辑器盒子加editor-box这个类，editor-box以及里面的h1,h2,h3,h4,h5,h6,ul,ol,li,i.b,strong,p等标签的样式根据后台编辑器的默认样式而变*/
.editor-box { font-size: 16px; line-height: 1.5; }

.editor-box h1 { display: block; font-size: 2em; -webkit-margin-before: 0.67em; margin-block-start: 0.67em; -webkit-margin-after: 0.67em; margin-block-end: 0.67em; -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-margin-end: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

.editor-box h2 { display: block; font-size: 1.5em; -webkit-margin-before: 0.83em; margin-block-start: 0.83em; -webkit-margin-after: 0.83em; margin-block-end: 0.83em; -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-margin-end: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

.editor-box h3 { display: block; font-size: 1.17em; -webkit-margin-before: 1em; margin-block-start: 1em; -webkit-margin-after: 1em; margin-block-end: 1em; -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-margin-end: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

.editor-box h4 { display: block; -webkit-margin-before: 1.33em; margin-block-start: 1.33em; -webkit-margin-after: 1.33em; margin-block-end: 1.33em; -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-margin-end: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

.editor-box h5 { display: block; font-size: 0.83em; -webkit-margin-before: 1.67em; margin-block-start: 1.67em; -webkit-margin-after: 1.67em; margin-block-end: 1.67em; -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-margin-end: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

.editor-box h6 { display: block; font-size: 0.67em; -webkit-margin-before: 2.33em; margin-block-start: 2.33em; -webkit-margin-after: 2.33em; margin-block-end: 2.33em; -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-margin-end: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

.editor-box ul { display: block; list-style-type: disc; -webkit-margin-before: 1em; margin-block-start: 1em; -webkit-margin-after: 1em; margin-block-end: 1em; -webkit-padding-start: 40px; padding-inline-start: 40px; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

.editor-box ol { display: block; list-style-type: decimal; -webkit-margin-before: 1em; margin-block-start: 1em; -webkit-margin-after: 1em; margin-block-end: 1em; -webkit-padding-start: 40px; padding-inline-start: 40px; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

.editor-box li { display: list-item; text-align: -webkit-match-parent; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

.editor-box i { font-style: italic; }

.editor-box b { font-weight: bolder; }

.editor-box strong { font-weight: bolder; }

.editor-box p { display: block; -webkit-margin-before: 5px; margin-block-start: 5px; -webkit-margin-after: 5px; margin-block-end: 5px; -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-margin-end: 0px; margin-inline-end: 0px; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; }

/* flex布局 */
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flex-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.flex-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.flex-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.flex-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.flex-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

 
/* 媒体 */
/* 固定尺寸的图片 */
.c-pic { overflow: hidden; position: relative; }

.c-pic .img { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.c-pic .img img { display: none; }

.media img, .media video { display: block; width: 100%; -o-object-fit: cover; object-fit: cover; }

.media-ratio { position: relative; }

.media-ratio img, .media-ratio video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

/* 字重 */
.f-Light { font-weight: lighter; }

.f-Regular, .f-Normal { font-weight: normal; }

.f-Medium, .f-SemiBold, .f-DemiBold, .f-Bold, .f-Heavy { font-weight: bold; }

/* 版心 */
.layout-full { margin-left: auto; margin-right: auto; width: 19.2rem; max-width: 100%; }