@charset "utf-8";


/**初始**/
* {	outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
* { font-family:  -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Georgia, Arial,
    'PingFang SC', 'Hiragino Sans GB', STHeiti, 'Microsoft YaHei',
    'Microsoft JhengHei', 'Source Han Sans SC', 'Noto Sans CJK SC',
    'Source Han Sans CN', 'Source Han Sans TC', 'Noto Sans CJK TC',
    'WenQuanYi Micro Hei', SimSun, sans-serif;}
html {font: normal 14px;-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 14px;color: #333333;background-color: #fff;min-width: 350px;
-webkit-text-size-adjust: none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight: rgba(0,0,0,0); 
/*控制内容的可选择性*/
-webkit-user-select: none; 
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}

input {-webkit-appearance: none;border: none;background: none;outline: none;appearance: none;-moz-appearance: none;}
ul, 
li, 
form, 
dl, 
dt, 
dd, 
div, 
ol,
figure,
article,
nav,
menu,
aside{padding: 0;margin: 0;}
ul,li {list-style: none;}
 h1,h2,h3,h4,h5,h6,p{margin: 0;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "arial";}
input:-moz-placeholder{color: #666666}
input:-ms-input-placeholder{color: #666666}
input::-webkit-input-placeholder{color: #666666}
button{border: none;background-color: none;outline: none;cursor: pointer;}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #575850;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;
transition: .3s linear all;
}  
a:hover {color: #5d8814;text-decoration: none;}
a:focus {color: #5d8814;outline: none;-moz-outline: none;}
a:active {color: #5d8814;}

pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	font-family: 'Microsoft YaHei';
	text-align:justify;
	text-justify:inter-ideograph;
	background: none;
	border: none;
	padding: 0;
}

hr { display: block; height: 1px; border: 0; border-top: 1px solid #d7d7d7; margin: 1em 0; padding: 0; overflow: hidden; }

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;clear: both;}/*IE/7/6*/
.clearfix:after { content:""; display:block; height:0; clear:both; } 

.ar{ text-align:right!important;}
.al{ text-align:left!important;}
.ac{ text-align:center!important;}

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2,
.dot3,
.dot4{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
/*1行文本省略号*/
.dot {-webkit-line-clamp: 1;}
/*2行文本省略号*/
.dot2 {-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {-webkit-line-clamp: 3;}
/*4行文本省略号*/
.dot4 {-webkit-line-clamp: 4;}

.ytable{ display:table; width:100%;table-layout:fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

.scrollbar::-webkit-scrollbar {/*滚动条整体样式*/
	    width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
	    height: 1px;
}
	
.scrollbar::-webkit-scrollbar-thumb{/*滚动条里面小方块*/
	    border-radius: 10px;
	    box-shadow: inset 0 0 5px rgba( 0, 0, 0, .1);
	    background: #222222;
}
	
.scrollbar::-webkit-scrollbar-track{/*滚动条里面轨道*/
	    border-radius: 10px;
	    background: #EEEEEE;
}

/*垂直居中,容器设置宽高*/
.ycenter {align-items: center;
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
/*水平居中,容器设置宽高*/
.xcenter {justify-content: center;
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
/*盒子布局*/
.flexbox{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
/*弹性布局水平垂直居中 兼容性高*/
.xycenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	-webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
/*弹性布局水平居中 兼容性高*/
.xcenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/*弹性布局垂直居中 兼容性高*/
.ycenterbox{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.ybottombox{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align: end;
    -moz-align-items: end;
    -webkit-align-items: end;
    align-items: end;
}

.hide{display: none !important;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.nM{ margin:0;}
.nP{ padding:0;}
/**字体大小**/
.fz_24{ font-size:24px;}
.fz_20{ font-size:20px;}
.fz_18{ font-size:18px;}
.fz_16{ font-size:16px;}
.fz_14{ font-size:14px;}
.fz_12{ font-size:12px;}
/**初始 End**/

.fl{ float:left;}
.fr{ float:right;}
.w22{ width:22%; padding-bottom:4%;}
.w75{ width:75%; padding-bottom:4%;}
@media(max-width:1024px){
.fl,
.fr{ float:none;}
.w22,
.w75{ width:auto; padding-bottom:2%;}
}

.pc{ display: inline-block; }
.mo{ display: none; }
@media screen and (max-width:768px){
    .pc{ display: none; }
    .mo{ display: inline-block; }
}

.no-transition{ transition:none !important}
/*用于图片变黑白*/
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0;}
.content-body a{ color: #000; text-decoration: underline;}
.content-body a:hover{ color: #5d8814;}
.content-body strong{ font-weight:bold;}
.content-body img{ height: auto; }
.content-body video{height:auto; max-width: 100%;}
.content-body ol, .content-body ul {padding-left:0;margin-top:0;margin-bottom:0;}
.content-body ol {list-style-type:decimal-leading-zero;margin-left: 15px;} 
.content-body ul {list-style-type:initial;margin-left: 12px;}
.content-body dd { margin-left:0;}
.content-body ol, .content-body ul { padding-left:0em;}
.content-body li{padding: 3px 0;margin-left: 1em;}
.content-body li+li {margin-top:.25em;}
.content-body ol li{list-style:decimal-leading-zero;}
.content-body ul li{list-style:initial;}
.content-body table { border-spacing:0; border-collapse:collapse; width:100%; max-width:100%; overflow:auto; }
.content-body table th {font-weight:600}
.content-body table td, .content-body table th {padding:6px 13px;border-bottom:1px solid #d9ddd6;}
.content-body table tr {background-color:#fff;border-bottom:1px solid #d9ddd6;}
.content-body code, .content-body table tr:nth-child(2n) {background-color:#f7f8f7;}
.content-body code {padding:.2em 0;margin:0 1px; font-size:85%;border-radius:3px;color:#bd4147;}
.content-body code:after, .content-body code:before {letter-spacing:-.2em;content:"\00a0";}
.content-body pre { margin-top:0; margin-bottom:0; word-wrap:normal; padding:20px; overflow:auto; font-size:82%; line-height:1.45; color:#414240; -webkit-overflow-scrolling:touch; background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXR0ZXJuIGlkPSJhIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2VmZWZlZSIgc3Ryb2tlLXdpZHRoPSIuNSIgZD0iTTAgMGgyMHYyMEgweiIvPjwvcGF0dGVybj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+) repeat #f7f8f7; -moz-tab-size:2; tab-size:2; }
.content-body pre>code { padding:0; margin:0; font-size:100%; word-break:normal; white-space:pre; background:transparent; border:0; } 
.content-body pre code { display:inline; max-width:auto; padding:0; margin:0; overflow:visible; line-height:inherit; word-wrap:normal; background-color:transparent; border:0; color:#24292e; } 
.content-body pre code:after, .content-body pre code:before { content:normal; } 
.content-body pre[rel] { padding-top:35px; position:relative; }
.content-body pre[rel]:before { font-weight:700; font-size:12px; content:attr(rel); color:#414240; position:absolute; top:.33rem; left:.52rem; padding:0; text-transform:uppercase; text-shadow:none; background-image:linear-gradient(90deg, #4ebbaa, #6bc30d); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.content-body pre[rel=html]:before {color:#28c76f;background-image:linear-gradient(270deg, #81fbb8, #28c76f);}
.content-body pre[rel=javascript]:before, .content-body pre[rel=js]:before, .content-body pre[rel=ts]:before, .content-body pre[rel=typescript]:before { color:#0396ff;background-image:linear-gradient(270deg, #00eaff, #0396ff);}
.content-body pre[rel=css]:before, .content-body pre[rel=sass]:before, .content-body pre[rel=scss]:before {color:#f83600;background-image:linear-gradient(270deg, #fe8c00, #f83600);}
.content-body blockquote {padding:0 1em;color:#717270;border-left:.25em solid #d9ddd6;}
.content-body blockquote>:first-child {margin-top:0;}
.content-body blockquote>:last-child {margin-bottom:0;}

.content-empty {
    font-size: 1.2em;
    text-align: center;
    color: #666;
    padding: 5em 0px;
    display: block;
    column-span: all;
    width: 100%;
}