html{-webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body{color:#333333;font-size:14px;font-family:"PingFang SC",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Source Han Sans","Noto Sans CJK Sc","Microsoft YaHei","Microsoft Jhenghei",sans-serif;}
@font-face{font-family:iconfont;src:url(../font/iconfont.woff2) format('woff2'),url(../font/iconfont.woff) format('woff'),url(../font/iconfont.ttf) format('truetype')}
.iconfont{font-family:iconfont!important;font-size:14px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;border:0;outline:0;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: transparent;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{vertical-align:baseline}
a,ins{color:#3b3e42;text-decoration:none;transition:all .15s ease 0s;}
a:hover{text-decoration:none;color:#1e6bb8;}
button{background: transparent;}
button:focus , input:focus , textarea:focus{outline:0;}
ol , ul{list-style-type:none}
i{font-style:normal}
img{max-width:100%;height:auto;border:0;vertical-align:middle;transform: rotateZ(0);-moz-transform: rotateZ(0);-webkit-transform: rotateZ(0);-o-transform: rotateZ(0);-webkit-transition:-webkit-transform .2s ease 0s;transition:transform .2s ease 0s}
video{height:auto!important;width:100%!important}
video::-internal-media-controls-download-button{display:none}
video::-webkit-media-controls-enclosure{overflow:hidden}
video::-webkit-media-controls-panel{width:calc(100% + 30px)}
.clear{clear:both}
.main{margin:0 auto;max-width:1000px}
/*
* ╔═══════════════════════════════════════════════════════════════════════════╗
* ║ ║
* ║ ★★★ 头部渐变背景色定义 ★★★ ║
* ║ 从左下到右上 135度 渐变 ║
* ║ 起始颜色: #0f9c7d (绿色) ║
* ║ 结束颜色: #0a76b0 (蓝色) ║
* ║ ║
* ╚═══════════════════════════════════════════════════════════════════════════╝
*/
header{padding:15vh 0;position: relative;text-align:center;color:#ffffff;
background-image: linear-gradient(135deg, #ec77ab 0%, #7873f5 100%);
background-repeat: no-repeat;background-position: top;background-size: cover;z-index:99;position:relative;}
/***网站字体颜色**/
.title_box .logo {margin-bottom:20px;}
.title_box .logo , .title_box .logo img{height:60px;}
.title_box h1{font-size:48px;line-height:150%;font-weight: bold;margin-bottom:20px;}
header.head_p .title_box{padding:40px 0 0 0; }
.ArticleEdt{float:right;font-size:14px;font-weight: normal;}
.title_box h1 a , .title_box .info span a{color:#ffffff;}
.title_box p , .title_box .info{line-height:150%;margin-bottom:20px;opacity:.7;filter: alpha(opacity=70); zoom: 1; }
.nav{margin:0 -10px;}
.nav li{display:inline-block;margin:20px 10px 0 10px;}
.nav li a{background-color:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);border-style:solid;border-width:1px;border-radius:3px;color:rgba(255,255,255,.7);display: block;padding:12px 30px;transition:color .2s,background-color .2s,border-color .2s;}
.nav li a:hover{background-color:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.8);text-decoration:none;}
.title_box .info{margin:0 -10px 20px -10px;}
.title_box .info span{margin:0 10px;}
.section{margin:40px 0;}
.section h2{line-height:175%;margin:20px 0; }
.section h2 span{float:right;font-size:14px;font-weight: normal; }
.section h2 span a{color:#3b3e42;}
.section h2 span a:hover{color:#1e6bb8;text-decoration: none;}
.IsTop::before{margin:0 3px 0 0;content:"\e607";color:red;font-weight:normal;font-family: iconfont;}
/**正文**/
.article {font-size:16px;}
.article p , .article div , .article blockquote{ line-height: 175%;margin:20px 0;}
.article img{ padding: 10px; -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);background: #ffffff;}
.article h2 , .article h3 , .article h4 , .article h5 , .article h6{line-height: 175%;margin: 20px 0;}
.article h2::before , .article h3::before , .article h4::before , .article h5::before , .article h6::before , .section h2::before{content:"";margin-right: 0.5em;border-radius: 0.1em;border-left: 0.3em solid #0f9c7d;position: relative;top:-0.05em}
.article img{max-width: 100%!important;height: auto !important;}
/**======上标、下标======**/
.article sup{position:relative;top:-3px;padding:0 2px;font-family: "iconfont" !important;}
.article sup::before{content:"\e80a";font-size:12px;margin-right:2px;}
.article sub{position:relative;top:3px;padding:0 2px;font-family: "iconfont" !important;}
.article sub::before{content:"\e80a";font-size:12px;margin-right:1px;}
/**======引用======**/
.article blockquote {background: #f5f5f5;color:#666666;position: relative; overflow: hidden; font-family: "iconfont" !important;}
.article blockquote {padding:0 20px 0 60px;}
.article blockquote p , .article blockquote div{font-size:14px;}
.article blockquote::before {content:"\ea9e";color:#d9d9d9;font-size:20px;position:absolute;left:20px;top:18px;}
.article section{width:100%!important}
/**======table表格======**/
.article table{width:100%;overflow:hidden;border-spacing:0;border-collapse:collapse;margin:20px 0;}
.article table th , .article table td{padding:15px 20px;border:1px solid #dedede;word-break:break-word}
.article table td p , .article table td div{margin:0!important;}
.article table tr{background:#ffffff;}
.article table tr:nth-child(2n){background:#f7fafc;}
.article table>thead>tr>th{background:#e8e8e8;position:relative;vertical-align:middle;white-space:nowrap;}
.article table caption{line-height:175%;padding:15px 20px;}
/*有序列表和无序列表*/
.article ol{padding:0 0 0 32px;}
.article ul{padding:0 0 0 35px;}
.article ol ,.article ul {list-style-type: decimal;}
/**======代码语言======**/
.article pre{line-height:175%!important;margin:20px 0!important;}
.article pre code{background:transparent;display:inline;max-width:inherit;padding:2px 0 0 0;margin:0;overflow:visible;line-height:175%;word-wrap:normal;border:0;}
.article pre code::after,.content pre code::before{content:normal}
.article hr{border-bottom:1px solid #dedede;}
.article .edui-editor{z-index: 9!important}
.article .edui-default , .article .edui-default div {line-height:100%;margin:0;}
footer{ padding:20px 0 ;border-top:solid 1px #e9ebec;text-align: center;}
footer ul{line-height:150%;margin:0 -10px 10px -10px;}
footer ul li{display:inline-block;margin:0 10px}
footer p{line-height:150%;}
footer p{color:#999999;}
.gongan{position: relative;top:-2px;}
.jumpa{position:fixed;top:50%;left:50%;margin:-60px 0 0 510px ;z-index: 9999;width:30px;font-size:14px;writing-mode:horizontal-tb;text-align: center;display: none;}
.jumpa .jumpb{margin:10px 0;border:1px solid #dfe6ec;display: inline-block;padding:5px;text-decoration: none;background: #fff; color:#999999;overflow:hidden;cursor : pointer;}
.ud2{display:block!important;}
@media screen and (max-width:1081px){
.jumpa{left:100%;margin:-60px 0 0 -40px ;}
.main {padding:0 30px;}
footer{padding:20px 0;}
}
@media screen and (max-width:721px){
header{padding:50px 0}
header.head_p{padding:100px 0 50px 0!important;}
.title_box h1{font-size:32px}
.nav , .turn{margin:0;}
.nav li{width:100%;margin:20px 0 0 0;}
.nav li a{padding:8px 0;}
.section h2 span{font-size: 12px;}
.main {padding:0 20px;}
footer{padding:20px 0;}
}
@media screen and (max-width:481px){
.main {padding:0 20px;}
footer{padding:20px 0;}
footer{font-size: 12px;}
}