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;}
.ft26 {font-size:26px;}.ft20 {font-size:20px;} .ft18 {font-size:18px;} .ft16 {font-size:16px;} .ft14{font-size:14px;} .ft12{font-size:12px;}
a:hover{color:#4192E7}
.is-active{display:block;}
textarea {margin-bottom:15px;}
textarea {padding:10px;} 
textarea.json_input {width:936px;border-radius: 3px;border:2px solid #c4c7ce;}
textarea,input,select { vertical-align:middle;outline:none;border: 1px solid #c4c7ce;border-radius: 3px;}
input.json_input {line-height:29px;height:29px;vertical-align:middle;margin-right: 5px;}
.underline {text-decoration:underline;}
.pd20 {padding:20px;}

.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;}

.line {border-bottom: 1px solid #ececec;}

#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 {min-width: 1100px;height:60px;font-size: 25px;font-weight: 100;margin:0;background:#f7f6f6;border-bottom: 1px solid #f1f1f1;margin-bottom: 30px;}

.inner-box {max-width: 1120px;margin:auto;}
.inner-logo {display: flex;width: 280px;height: 32px;margin-top: 15px;float: left;overflow: hidden;text-decoration: none;}
.inner-logo a {position: relative;display: inline-flex;width: 120px;height: 32px;background: url(../image/logo.png) no-repeat left center;background-size: contain;font-size: 16px;color: #000;line-height: 32px;text-decoration: none;}
.inner-logo a strong {position: absolute;left: 0;top: -30px;color: #ffffff;font-weight: 100;font-size: 12px;height: 0;overflow: hidden;}
.inner-logo a span {font-size: 30px;font-family: fantasy;word-break: unset;}
.inner-logo a span.logo1 {color: #2932e1;position: absolute;left: -9999px;}
.inner-logo a span.logo2 {color: #e10602;position: absolute;left: -9999px;}
.inner-logo a span.logo3 {color: #2932e1;}
/*.inner-logo a span.logo1:last-child {left: 122px;}*/
.inner-logo h1,
.inner-logo h3 {display: inline-flex;font-size: 14px;background: #222;border-radius: 4px;line-height: 26px;color: #ffffff;padding: 0 8px;height: 26px;width: auto;justify-content: center;align-content: center;flex-wrap: wrap;margin-top: 3px;margin-left: 10px}
.inner-logo h1 a, 
.inner-logo h3 a {display: inline;background: none;width: auto;height: auto;color: #ffffff;line-height: inherit;}
.inner-logo a.chashebao {background:none;}
.inner-nav {display: inline;float: right;margin: 0;padding: 0;}
.inner-nav li {line-height:56px;display: table-cell;padding: 0 7px;position: relative;border-bottom: none;}
.inner-nav li:before {content: " ";position: absolute;height: 12px;top: 44%;left: 1px;border: none;border-left: 1px solid #999999;}
.inner-nav li:first-child::before {content: "";display: none;}
.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(http://www.jisuan123.com/assets/images/hotbg.png);}

.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(http://www.jisuan123.com/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;}

.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) {
	.inner {min-width: inherit;margin-bottom: 10px;}
	.inner-logo {margin-left:15px;}
	.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 {margin-bottom:10px;min-width: auto;height: 46px;line-height: 46px;position: relative;border-bottom: none;}
	.inner-logo {margin-left: 20px;margin-top: 6px;}
	.inner-nav {clear: both;display: flex;justify-content: space-between;align-items: flex-start;width: calc(100% - 40px);align-content: stretch;flex-wrap: wrap;margin: auto;float: left;margin-left: 20px;margin-top: 26px;display: none;}
	.is-active{display:flex;}
	.inner-nav li {line-height: 25px;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;}
	.inner-nav li:before {border-left:none;}
	.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;}
	section.tool-content-container {margin: 0 auto 15px auto;}
}