body{font-family:PingFangSC-Regular,sans-serif,MicrosoftYaHei!important}
ol, ul, li,dl,dd,dt{list-style:none;margin:0;padding:0;}
input,button,textarea,select{font-family:inherit;font-size:100%}
a{color:#4192E7;text-decoration:none}
.clear:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}
.clear{display:block;}
.center { text-align: center;}
.h15 {height: 15px;}
.hide{display:none;}
.red {color:#f73131;}
.center {text-align:center;} .left{text-align:left;} .right{text-align:right}
.fl{float:left;} .fr{float:right;}
a:hover{color:#4192E7}
#nav{width: 100%;height: 40px;line-height: 40px;background: #f5f5f5;border-bottom: 1px solid #e9e9e9;font-size: 14px;margin-bottom: 30px;}
#nav #nav-box {max-width: 1120px;margin:auto;}
#nav.translucent{background:0}
#nav a{text-decoration:none;padding:0;display:inline-block}
#nav .nav-login {display: inline-block;width: 145px;height: 40px;background: url(../image/logo.png) no-repeat center center;font-size: 14px;color: #000;line-height: 40px;text-decoration: none;margin: 0;padding: 0;}
#nav a:hover{color:#4192E7 }
#header,#main{margin:0 auto;max-width:768px}
#header{margin:0 auto 1em;padding:0;text-align:center;line-height:1.5;}
#header h1{margin:0;color:#444;font-weight:700;font-size:24px}
#header h2{margin:10px 0;color:#666;font-weight:400;font-size:16px;padding: 0 15px;}
#main{padding-left:15px;padding-right:15px}
header,main {min-width: 1120px;margin: auto;}

.inner-logo {display:inline-block;float: left;text-decoration: none;}
.inner-nav {display: inline;float: right;margin: 0;padding: 0;}
.inner-nav li {line-height:40px;display: table-cell;padding: 0 10px;}
.inner-nav li a {color: #444444;font-size: 14px;text-decoration: none;}
.inner-nav li a:hover {color:#f73131}

textarea.json_input {width: 100%;border-radius: 3px;border: 2px solid #c4c7ce;padding: 10px;margin-bottom: 15px;box-sizing: border-box;}
.boxleft, .boxright {width:49%;display: inline-block;}
.box .item_box {clear:both;margin-bottom:4px;}
.box .item_title {width:37%;margin-right:3%;float:left;text-align:right;}
.box .item_input {width:60%;display: inline-block;padding: 3px 0;}
.pages_table {width:100%;border:1px solid #cccccc;border-bottom:none;border-collapse:collapse;}
.pages_table td {padding:4px 5px;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;background:#ffffff}
.pages_table th {padding:4px 5px;}
.pages_table tr:hover {background:#dddddd;}
.danwei .boxleft,
.danwei .boxright {float:left;margin:0;height:40px;}
.danwei .boxleft b { padding-top: 10px;display: block;font-weight: 100;}
.danwei .boxleft i { font-size: 12px;font-style: inherit;color: #0e5bab; }
.danwei .boxleft {width:100px;text-align:center;line-height:16px;font-size:14px;}
.danwei .boxright {width:270px;line-height:40px;}
.danwei h3 {text-align:center;font-size: 18px;font-weight: inherit;}
.gerenshui h3 {text-align: center;}
.gerenshui select {max-width: 200px;}

.toolTable {width:100%;}
.table-bordered {border: 1px solid #ddd;border-collapse: collapse;}
.table-bordered tr:nth-child(odd) {background-color: #F6F4F0;}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {border: 1px solid #ddd;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}

.none{display:none}
#nav .about{float: right;}
.explain {margin:auto;max-width: 1120px;padding: 30px 15px 20px 15px;font-size: 14px;}
.explain h3, .explain h4{font-size: 16px;font-weight: bold;color: #000000;letter-spacing: 1px;margin: 20px 0;border-left: 5px solid #8bcaf3;padding: 0 10px; }
.explain ul {list-style: disc inside;margin: 0; padding: 0;border: none;}
.explain ul li {line-height: 25px; font-size: 14px;border: none;padding: 0;}
.explain span {background: url(../image/hotbg.png);}
.explain code {color: #d73131;font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace,sans-serif;font-size: 12px;padding: 0 5px;line-height: 1.8;margin: 0 3px;display: inline-block;overflow-x: auto;vertical-align: middle;border-radius: 3px;background-color: #fbf1ef;}

.other-tool {margin:auto;margin-top: 0px;max-width: 1120px;padding: 30px 15px 0px;font-size: 14px;clear: both;border-top: 1px solid #eeeeee;}
.other-tool dl {margin: 0;}
.other-tool dt {float:left;min-width:100px;}
.other-tool dt a {color:#333333}
.other-tool dt a:hover {color:#4192E7}
.other-tool dd {padding-left: 100px;margin: 0;padding-bottom: 0px;line-height: 22px;min-height: 26px;}
.other-tool dd a {margin-right: 16px;color: #666666;display: inline-block;}
.other-tool dd a.more {float:right;margin-right:0;color:#dd9752}
.other-tool dd a:hover {text-decoration: underline;color: #4192E7;}

.author-info {font-size: 14px;line-height: inherit;color: #707070;margin: 0 0 20px 0;text-align: center;}
.author-info label {width: 26px;height: 26px;border-radius: 26px;background:url(/assets/image/author-info.jpg) no-repeat #f0f0f0;float: left;background-size: 100% 100%;display:none;}
.author-info span {margin-right: 10px;}
.author-info span.original-tag {margin: 1px 8px 1px 0;border-radius: 3px;padding: 1px 4px;font-size: 12px;line-height: 16px;color: #707070;background: #f2f2f2;}
.author-info a {color: #707070;text-decoration: none;}

.article_zt {margin:auto }
.article_zt .container {width: 1120px;margin:0 auto 20px;}
.article_zt .main {padding:0;}
.article_zt h1 {font-size: 26px;margin: 0;margin-bottom: 20px;color: #333333;padding-left: 0.4rem;text-align: center;}
.article_zt .content {width: 700px;margin:auto;padding-bottom: 30px;}
.article_zt .content h3 {background: #f5f5f5;font-size: 18px;font-weight: 700;color: #333;letter-spacing: 1px;margin: 20px 0;border-left: 5px solid #8bcaf3;padding: 6px 10px;}
.article_zt .content .thumbnail {margin-bottom:10px;text-align: center;}
.article_zt .content .thumbnail img {min-width: 698px;margin-top:0px;border-radius: 6px;border: 1px solid #f0f0f0;}
.article_zt .content p, .article_zt .content div {font-size: 17px;line-height: 1.7;}
.article_zt p {margin-bottom: 25px;}
.article_zt .manual {margin-bottom: 20px;list-style: none;color: #999999;}
.article_zt .author-info {text-align:center;}
.article_zt .advertContentTop {border-top: 1px solid #f0f0f0;padding-top: 20px;border-bottom: 1px solid #f0f0f0;}
.article_zt .article h1 {text-align: center;font-size: 24px;margin: 30px auto 20px;color: #000;line-height: 44px;}
.article_zt .content p img {/*min-width:700px;*/max-width:700px;height: auto!important;border-radius: 6px;}
.article_zt .content code {line-height: 18px;text-indent: 0px;padding: 0.4em 0.6em!important;font-size: 14px;margin: 0;font-weight: normal;border-radius: 3px !important;vertical-align: middle;overflow-x: auto;background: #f9f9f9;color: black;display: block;font-family: -apple-system,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;border: 1px solid #dddddd;padding: 5px;overflow-x: auto;}
.article-body ul li,
.article-body ol li {list-style: auto inside;margin-left: 1rem;}

.relatedList img {width:160px;height:107px;float: left;margin-right: 20px;transition: transform .5s ease-in;border-radius: 3px;}
.relatedList img:hover {-webkit-transform: scale(1.1);transform: scale(1.1);}
.relatedList li {width:700px;height:150px}
.relatedList li a {color:#000000;}
.relatedList li a:hover {color:#f83131}
.relatedList li strong {width: 518px;font-size: 16px;}
.relatedList li p {font-size: 14px!important;color: rgb(0, 0, 0);width: 518px;line-height: 18px!important;overflow: hidden;padding-top: 10px;}
.relatedList li p span.related-date {color: #b4b4b4;display: block;}
.relatedList li p span.related-info {color: #333;margin-top: 6px;display: inline-block;line-height: 24px;height: 48px;overflow: hidden;}

.tool-box {clear: both;margin: 0 -0.5rem;list-style:none;margin:0;padding:0;}
.tool-box li {width: 33.33%;display: block;float: left;list-style:none;margin:0;padding:0;}
.tool-box li>a {display: block;}
.tool-box li dl {background:#f9f9f9;margin-bottom: 0.8rem;margin-left: 0.4rem;margin-right: 0.4rem;padding: 0.5rem 0.7rem;border-radius:3px;border:1px solid #ebeef5;box-shadow:0 1px 0px 0 rgb(155 123 123 / 14%);transform:translate3d(0,0px,0);transition:ease-in-out .2s;}
.tool-box li dl dt {height:1.4rem;font-size:15px;font-weight: 600; overflow: hidden;}
.tool-box li dl dt strong {color:#4192E7;font-weight:700;font-size:.95rem;line-height:1.5rem;display:inline-block;padding-left:.3rem;}
.tool-box li dl dd {font-size:.8rem;color:#666;padding-top:.2rem;color:#999;height:1.2rem;overflow:hidden;margin: 0;}
.tool-box li dl:hover {cursor:pointer;border-color:#5bb1f8;box-shadow:0 1px 2px rgb(0 0 0 / 17%);transform:translate3d(0,-3px,0);transition:ease-in-out .2s;}
.tool-box li dl:hover .tool-box li dl dt {color:#4192E7;}

.footer{clear:both;text-align:center;line-height:22px;color:#666666;font-size:12px; padding:20px 0;background: #f3f3f3;}
.footer-nav {line-height: 2;padding-top: 1em;}
.footer-nav span {padding: 0 5px;}
.footer a{color:#666666;text-decoration:none;}


.notice{margin:20px auto;max-width: 1120px;padding: 5px 0px;font-size: 14px;clear: both;border-top: 1px solid #eeeeee;}
.notice dl {margin:10px 0 0 0;}
.notice dt {color: #333;margin-right: 10px;font-size: 14px;display: block; margin-bottom: 5px;}
.notice dd {display: inline-block;width: 33%;margin-left: 0;overflow: hidden;line-height: 25px;height: 25px;margin-bottom: 0;}
.notice dd.type-list {margin-right: 5px;display: inline;}
.notice dd.type-list a {color: #4192E7;}
.notice dd a {color: #666666;}
.notice dd a:hover {text-decoration: underline;color: #4192E7;}
.notice dd span {color: #dd9752;margin-left: 3px;margin-right: 14px;float:right;}

@media screen and (min-width:481px) and (max-width:1120px) {
	.article_zt .container {width:calc(100% - 28px);padding: 0 14px;}
    .article_zt .content {width: 100%;float: inherit;padding-right: 0;padding-bottom: 15px;}
}

@media screen and (min-width:481px) and (max-width:701px) {
	.article_zt .content .thumbnail img,
	.article_zt .content p img {width: 100%;min-width: 100%;}
	.relatedList li {width:100%;}
	.relatedList li p {width: calc(100% - 210px);}
}

@media screen and (max-width: 481px) {
    #nav .nav-login {margin-left: 10px;margin-top: 6px;}
	#nav {background:#ffffff;border-bottom:none;}
	.inner-nav {clear: both;width: 100%;display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;display: none;}
	.inner-nav li {line-height: 30px;height: 30px;padding: 0;border: 1px solid #e1e1e1;display: inline-block;margin: 0px 1% 10px 1%;width: 46%;border-radius: 6px;}
    .inner-nav li a{margin-left:10px;color: #999999;}
	.navbar-burger{cursor:pointer;display:block;height:2.5rem;position:absolute;width:4rem;margin-left:auto;right: 0;top: 0;}
	.navbar-burger span{background-color:currentColor;display:block;height:1px;left:calc(50% - 8px);position:absolute;transform-origin:center;transition-duration:86ms;transition-property:background-color,opacity,transform;transition-timing-function:ease-out;width:16px}
	.navbar-burger span:nth-child(1){top:calc(40% + 2px)}
	.navbar-burger span:nth-child(2){top:calc(40% + 7px)}
	.navbar-burger span:nth-child(3){top:calc(40% + 12px)}
	.navbar-burger:hover{background-color:rgba(0,0,0,.05)}
	#nav-box .is-active {display: flex}
	
	.article_zt .container {width:auto;padding: 0 14px;}
    .article_zt .content {width: auto;float: inherit;padding-right: 0;}
    .article_zt h1 {font-size: 22px;}
    .tool-box li {width:50%;}
    .tool-box li dl {margin-bottom: 0.5rem;margin-top: 0;}

    .article_zt .content .thumbnail img {min-width: auto;margin-top: 0;margin-bottom: auto;}
    .right-sidebar h3 {clear: both;padding-top: 20px;}
	.other-tool dd {float: left;padding: 8px 0 8px 0;}

    .explain, .notice {padding:5px 15px;max-width: inherit;}
    .explain p { line-height: 1.6;}
	.article_zt .content p img,
	.explain p img {width: 100%!important;height: inherit!important;}
    .notice dt {font-size: 16px;display: block;margin-bottom: 10px;}
    .notice dd {margin-left: 0px;margin-bottom: 6px;}
    .notice dd {width:49%;}
    .notice dd span {display: none;}
    .relatedList {border-bottom: 1px dotted #ececec;}
    .relatedList img {width:120px;height:60px;float: right;margin-right: 0;transition: transform .5s ease-in;}
    .relatedList img:hover {transform: scale(1.1);}
    .relatedList li {width:100%;height:80px}
    .relatedList li:nth-child(3) {border-bottom: 1px dotted #ececec;margin-bottom: 20px;}
    .relatedList li a {color:#222222;}
    .relatedList li a:hover {color:#f83131}
    .relatedList li strong {width: 182px;font-size: 16px;font-family: Microsoft YaHei;line-height: 18px;display: inline-block;font-weight: inherit;}
    .relatedList li p {font-size: 12px!important;color: #b8b8b8;width: 170px;line-height: 18px!important;height: 18px;overflow: hidden;padding-top: 0px;font-family: Microsoft YaHei;}
    .relatedList li p span {float:left;margin-right:10px;}
    .other-tool {padding:10px 15px;}
}