html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-drag:none;font-family:arial,sans-serif}
img{vertical-align:middle;}li{list-style:none}
a{text-decoration:none;color:#19b5fe;-webkit-tap-highlight-color:rgba(0,0,0,.4)}
/* a:reset{color:#006ae2} */
a:hover{color: #19b5fe;}
input[type=search]{font-size:18px;color:#fff;border:0;background:transparent;-webkit-appearance:none;outline:0}
input{outline:none}
input::-webkit-input-placeholder{color: #ccc;}
input::-moz-placeholder{color: #ccc;}
textarea::-webkit-input-placeholder{color: #ccc;}
textarea::-moz-placeholder{color: #ccc;}
body{font-family: suxingme,Helvetica,Arial,"Open Sans",Arial,'PingFang SC','Hiragino Sans GB','Source Han Sans CN',Roboto,'Microsoft Yahei',sans-serif;}

#top{width: 100%;background-color: #fff;box-shadow: 0 0 1px rgb(0 0 0 / 21%);padding: 15px 0;position: absolute;right: 0;left: 0;z-index: 10;}
.header{position: relative;max-width: 1200px;margin: 0 auto;padding: 0 15px;}
.logo{position: relative;float: left;margin: 7px 20px 0 0;}
.logo a{color: #333;font-size: 24px;line-height: 45px;}
.logo a img{}
.top-nav{position: relative;z-index: 999;font-weight: 500;float: left;display: inline-block;}
.top-nav li{margin: 0 15px;padding: 17px 0;display: inline-block;position: relative;}
.top-nav li a{color: #333;font-size: 17px;display: block;}
.top-nav li a:hover{color: #19b5fe;}
#wrap{background-color: #f7f7f7;height: auto !important;padding: 120px 0 50px;}
.container{max-width: 1200px;height: auto !important;margin: 0 auto;padding: 20px;background-color: #fff;box-shadow: 0 5px 10px 0 rgb(146 146 146 / 10%);}
.con-title{position: relative;font-size: 26px;line-height: 1.3;display: block;margin: 0 0 15px;padding: 25px 0;border-bottom: 1px solid #e7e7e7;}
.con-title h1{}
.con-title span{position: absolute;right: 0;bottom: 30px;font-size: 16px;}
.con-title span a{color: #666;}
.con-info{font-size: 14px;color: #748594;display: block;margin-bottom: 10px;}
.con-info span{margin-right: 10px;display: inline-block;}
.con-info span a{color: #748594;}
.con-info span a:hover{color: #19b5fe;}
.con-box{font-size: 16px;line-height: 1.8;margin-bottom: 25px;color: #3d464d;word-wrap: break-word;width: 100%;display: inline-block;position: relative;overflow: hidden;}
.con-box p{margin: 15px 0;text-indent: 2em;display: block;}
.con-box pre{font-size: 14px;}
.con-box img{max-width: 100%;}
.con-box table{border-collapse: collapse;width: 100%;margin: 4px 0;}
.con-box table tr{text-align: left;font-size: 13px;}
.con-box table tr:nth-child(even){background-color: #fff;}
.con-box table tr:nth-child(odd){background-color: #fff;}
.con-box table th{color: #fff;background-color: #555;border:1px solid #555;font-size: 13px;padding: 3px;vertical-align: top;}
.con-box table td{line-height: 2em;min-width: 24px;border: 1px solid #d4d4d4;padding: 7px 5px;vertical-align: top;font-size: 13px;}
.con-sec{max-width: 1200px;margin: 20px auto;padding: 20px;background-color: #fff;box-shadow: 0 5px 10px 0 rgb(146 146 146 / 10%);}
.con-box section:last-child a{display: block;background-color: #127afe;color: #fff;padding: 15px;text-align: center;border-radius: 7px;margin-top: 30px;}
.con-sec h2{font-size: 18px;font-weight: 400;margin: 0 0 18px;border-bottom: 1px solid #eaeaea;color: #19b5fe;padding: 10px 0;}
.con-sec h2 a{color: #19b5fe;}
.con-sec h2 a:hover{color: #19b5fe;}
.con-sec ol{margin: 0 0 18px 10px;}
.con-sec ol li{margin-bottom: 17px;font-size: 16px;line-height: 1.8;}
.con-sec ol li a{color: #3d464d;}
.con-sec ol li a:hover{color: #19b5fe;}
.con-sec ol li p{color: rgba(0,0,0,0.32);line-height: 1.8;font-size: 14px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
#foot{width: 100%;position: relative;background-color: #282828;}
.ft-nav{max-width: 1200px;margin: 0 auto;padding: 38px 0 30px 0;font-size: 16px;color: #828282;}
.ft-nav a{color: #fff;}
.ft-nav a:hover{color: #19b5fe;}
.ft-nav p{font-size: 14px;margin-top: 14px;}

.section{max-width: 1200px;margin: 0 auto;height: auto !important;}
.item{background-color: #fff;box-shadow: 0 5px 10px 0 rgb(146 146 146 / 10%);margin-bottom: 37px;padding: 37px;font-size: 14px;color: #566573;line-height: 1.6;overflow: hidden;}
.item h2{margin: 0 0 20px 0;font-size: 22px;max-height: 63px;overflow: hidden;position: relative;}
.item h2 a{color: #273746;line-height: 1.4;font-weight: 400;}
.item h2 a:hover{color: #19b5fe;}
.item .post{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.item .tag{margin-top: 10px;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.con-tag{margin: 40px 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.item .tag a,.con-tag a{background-color: #f5f6f7;color: #666;padding: 4px 14px;font-size: 14px;margin-right: 16px;border-radius: 20px;margin-bottom: 10px;}
.item .tag a:hover,.con-tag a:hover,.tags a:hover{background-color: #eee;color: #333;}
.page{background-color: #fff;padding: 37px;box-shadow: 0 5px 10px 0 rgb(146 146 146 / 10%);}
.page a,.page span{color: #333;padding: 17px;}

.tags{background-color: #fff;padding: 35px 20px 22px;width: calc(100% - 40px);display: inline-block;position: relative;overflow: hidden;}
.tags a{background-color: #f5f6f7;color: #666;padding: 4px 14px;font-size: 14px;margin-right: 16px;border-radius: 20px;margin-bottom: 13px;display: inline-block;}

.param-content{display: flex;flex-wrap: wrap;}
.param-content i{width: 100%;}
.con-box p.introTit{display: block;font-weight: 600;font-size: 20px;border-left: 7px solid #127afe;}

@media (max-width:720px){
    /* 微小屏 */
    .logo{float: none;width: 100%;text-align: center;}
    .top-nav{display: none;}
    #wrap{padding: 77px 0 20px;}
    .item{padding: 17px;margin-bottom: 1px;overflow: hidden;}
    .item h2{font-size: 18px;margin-bottom: 10px;}
    .item .post{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
    .page{padding: 22px;}
    .ft-nav{text-align: center;font-size: 14px;}
    .ft-nav p{font-size: 12px;}
    .section .con-title{padding: 10px 20px;background-color: #fff;margin-bottom: 0;}
    .con-sec ol li p{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 15px;}
    .con-title span{right: 15px;bottom: 15px;font-size: 14px;}
}