body{font-family:PingFangSC-Regular,sans-serif,MicrosoftYaHei!important;background:#f1f5f9}
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:#2563eb;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:#1e40af}
.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 styles moved to improved section below */

.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: 1200px;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:#2563eb}
#header,#main{margin:0 auto;max-width:1200px}
#header{margin:0 auto 1em;padding:0;text-align:center;line-height:1.5;}
#header h1{margin:0;color:#1e293b;font-weight:700;font-size:24px}
#header h2{margin:10px 0;color:#64748b;font-weight:400;font-size:16px;padding: 0 15px;}
#main{padding:25px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.04);border:1px solid #e2e8f0;margin:0 auto 20px;max-width:1200px;box-sizing:border-box}
#main .main{background:none;border-radius:0;padding:0;box-shadow:none;border:none;margin-bottom:0}

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

.none{display:none}
#nav .about{float: right;}
.explain {margin:auto;max-width: 1200px;padding: 25px 30px 20px;font-size: 14px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.04);border:1px solid #e2e8f0;margin-bottom:20px;}
.explain h3, .explain h4{font-size: 16px;font-weight: bold;color: #1e293b;letter-spacing: 1px;margin: 20px 0;border-left: 5px solid #2563eb;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;}

.other-tool {margin:auto;margin-top: 0px;max-width: 1200px;padding: 30px 15px 0px;font-size: 14px;clear: both;border-top: 1px solid #e2e8f0;}
.other-tool dl {margin: 0;}
.other-tool dt {float:left;min-width:100px;}
.other-tool dt a {color:#1e293b}
.other-tool dt a:hover {color:#2563eb}
.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: #64748b;display: inline-block;}
.other-tool dd a.more {float:right;margin-right:0;color:#f59e0b}
.other-tool dd a:hover {text-decoration: underline;color: #2563eb;}

.author-info {font-size: 14px;line-height: inherit;color: #64748b;margin: 0 0 20px 0;text-align: center;}
.author-info label {width: 26px;height: 26px;border-radius: 26px;background:#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: #64748b;background: #f1f5f9;}
.author-info a {color: #64748b;text-decoration: none;}

.article_zt {margin:auto }
.article_zt .container {max-width: 1200px;margin:0 auto 20px;padding:10px 15px 20px;}
.article_zt .main {padding:0;}
.article_zt h1 {font-size: 26px;margin: 0;margin-bottom: 20px;color: #1e293b;padding-left: 6px;text-align: center;}
.article_zt .content {width: auto;max-width: 100%;margin:auto;padding-bottom: 30px;}
.article_zt .content h3 {background: #f8fafc;font-size: 18px;font-weight: 700;color: #1e293b;letter-spacing: 1px;margin: 20px 0;border-left: 5px solid #2563eb;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 #e2e8f0;}
.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: #94a3b8;}
.article_zt .author-info {text-align:center;}
.article_zt .advertContentTop {border-top: 1px solid #e2e8f0;padding-top: 20px;border-bottom: 1px solid #e2e8f0;}
.article_zt .article h1 {text-align: center;font-size: 24px;margin: 30px auto 20px;color: #1e293b;line-height: 44px;}
.article_zt .content p img {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: #f8fafc;color: #1e293b;display: block;font-family: -apple-system,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;border: 1px solid #e2e8f0;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:#1e293b;}
.relatedList li a:hover {color:#2563eb}
.relatedList li strong {width: 518px;font-size: 16px;}
.relatedList li p {font-size: 14px!important;color: #64748b;width: 518px;line-height: 18px!important;overflow: hidden;padding-top: 10px;}
.relatedList li p span.related-date {color: #94a3b8;display: block;}
.relatedList li p span.related-info {color: #475569;margin-top: 6px;display: inline-block;line-height: 24px;height: 48px;overflow: hidden;}

.tool-box {clear: both;margin: 0 -8px;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:#ffffff;margin-bottom: 12px;margin-left: 6px;margin-right: 6px;padding: 8px 10px;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,0.04);transform:translate3d(0,0px,0);transition:ease-in-out .2s;}
.tool-box li dl dt {height:22px;font-size:15px;font-weight: 600; overflow: hidden;}
.tool-box li dl dt strong {color:#2563eb;font-weight:700;font-size:15px;line-height:22px;display:inline-block;padding-left:4px;}
.tool-box li dl dd {font-size:13px;color:#64748b;padding-top:3px;height:19px;overflow:hidden;margin: 0;}
.tool-box li dl:hover {cursor:pointer;border-color:#93c5fd;box-shadow:0 4px 12px rgba(37,99,235,0.1);transform:translate3d(0,-3px,0);transition:ease-in-out .2s;}

/* Footer styles - new UI */
.footer{clear:both;text-align:center;line-height:22px;color:#64748b;font-size:12px;padding:0;background:#1e293b;margin-top:30px;}
.footer .m{width:1200px;margin:0 auto;padding:40px 0 20px;}
.footer .footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:30px;border-bottom:1px solid #334155;}
.footer .footer-col{flex:1;text-align:left;}
.footer .footer-col h5{color:#f1f5f9;font-size:16px;font-weight:600;margin-bottom:15px;}
.footer .footer-col ul{padding:0;margin:0;}
.footer .footer-col ul li{margin-bottom:8px;}
.footer .footer-col ul li a{color:#94a3b8;font-size:13px;transition:color 0.2s;}
.footer .footer-col ul li a:hover{color:#60a5fa;}
.footer .footer-col .contact-info p{color:#94a3b8;font-size:13px;line-height:1.8;}
.footer .footer-bottom{padding-top:20px;text-align:center;}
.footer .footer-bottom p{color:#64748b;font-size:12px;margin-bottom:10px;}
.footer .footer-links{display:flex;justify-content:center;gap:15px;}
.footer .footer-links a{color:#64748b;font-size:12px;transition:color 0.2s;}
.footer .footer-links a:hover{color:#60a5fa;}
.footer a{color:#94a3b8;text-decoration:none;}
.footer a:hover{color:#60a5fa;}

.notice{margin:20px auto;max-width: 1200px;padding: 15px 20px;font-size: 14px;clear: both;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.04);border:1px solid #e2e8f0;}
.notice dl {margin:10px 0 0 0;}
.notice dt {color: #1e293b;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: #2563eb;}
.notice dd a {color: #64748b;}
.notice dd a:hover {text-decoration: underline;color: #2563eb;}
.notice dd span {color: #f59e0b;margin-left: 3px;margin-right: 14px;float:right;}

/* Content area styles for tool pages */
.container {max-width: 1200px;margin: 0 auto;padding: 20px 15px;}
.main {background: #fff;border-radius: 12px;padding: 25px;box-shadow: 0 1px 3px rgba(0,0,0,0.04);border: 1px solid #e2e8f0;margin-bottom: 20px;}
.content {overflow: hidden;}

/* Button styles - override Pure CSS defaults to match new UI */
.pure-button{display:inline-block;zoom:1;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;user-select:none;font-family:inherit;font-size:14px;padding:8px 20px;color:#fff;border:none;border-radius:6px;background:#2563eb;text-decoration:none;transition:all .2s ease;line-height:1.5}
.pure-button:hover,.pure-button:focus{background:#1d4ed8;color:#fff;box-shadow:0 2px 8px rgba(37,99,235,0.3)}
.pure-button:active{background:#1e40af;box-shadow:0 1px 3px rgba(37,99,235,0.2)}
.pure-button-primary{background:#2563eb;color:#fff}
.pure-button-primary:hover,.pure-button-primary:focus{background:#1d4ed8;color:#fff}
.pure-button-danger{background:#ef4444;color:#fff}
.pure-button-danger:hover,.pure-button-danger:focus{background:#dc2626;color:#fff}
.pure-button-default{background:#64748b;color:#fff}
.pure-button-default:hover,.pure-button-default:focus{background:#475569;color:#fff}
.pure-button-success{background:#22c55e;color:#fff}
.pure-button-success:hover,.pure-button-success:focus{background:#16a34a;color:#fff}
.pure-button-warning{background:#f59e0b;color:#fff}
.pure-button-warning:hover,.pure-button-warning:focus{background:#d97706;color:#fff}
.btnchk{margin:5px 3px}

/* Input and textarea focus styles */
textarea:focus,input:focus,select:focus{border-color:#93c5fd !important;box-shadow:0 0 0 3px rgba(37,99,235,0.1) !important;outline:none}
.pure-form input:not([type]):focus,.pure-form input[type=text]:focus,.pure-form input[type=number]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form textarea:focus,.pure-form select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(37,99,235,0.1)}
.pure-input-1{width:100%;box-sizing:border-box;padding:10px 12px;font-size:14px;border:1px solid #c4c7ce;border-radius:6px;transition:border-color .2s,box-shadow .2s}
.pure-input-1:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(37,99,235,0.1)}

/* Select styling */
select{padding:8px 12px;border:1px solid #c4c7ce;border-radius:6px;background:#fff;font-size:14px;cursor:pointer;min-width:120px}
select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(37,99,235,0.1)}

/* Tool page content improvements */
#main h4{font-size:16px;font-weight:600;color:#1e293b;margin:15px 0 10px;padding-left:0}
#main p{margin:8px 0;line-height:1.6}
#main .center{margin:10px 0}
#main table{border-collapse:collapse;width:100%}
#main table td,#main table th{padding:8px 12px;border:1px solid #e2e8f0;text-align:left;font-size:14px}
#main table th{background:#f8fafc;font-weight:600;color:#1e293b}
#main table tr:hover td{background:#f8fafc}
#main label{font-size:14px;color:#475569;margin-right:8px}
#main .result{margin:10px 0;padding:10px;border-radius:6px;font-size:14px}
#main .h15{height:15px}

/* Form layout improvements for tool pages */
#main form{margin:0}
#main .box{margin-bottom:15px}
#main .item_box{margin-bottom:12px;clear:both}
#main .item_title{font-size:14px;color:#475569;font-weight:500}
#main .item_input{font-size:14px}
#main .gerenshui h3{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:15px}

/* Table improvements */
.table-bordered{border:1px solid #e2e8f0;border-collapse:collapse;border-radius:6px;overflow:hidden}
.table-bordered tr:nth-child(odd){background-color:#f8fafc}
.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 #e2e8f0;padding:10px 14px;font-size:14px}
.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:10px 14px;line-height:1.5;vertical-align:middle;border-top:1px solid #e2e8f0;font-size:14px}

/* Responsive */
@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: 768px) {
	.content .header .m {width: 100%;padding: 0 15px;box-sizing: border-box;}
	.content .navbar ul {width: 100%;}
	.content .navbar ul li a {padding: 0 12px;font-size: 14px;}
	.content .main_content {width: 100%;padding: 0 10px;box-sizing: border-box;}
	.content .main_content .main_page {flex-direction: column;}
	.content .main_content .main_page .font_left {width: 100%;}
	.content .main_content .main_page .right_box {width: 100%;}
	.footer .m {width: 100%;padding: 30px 15px;box-sizing: border-box;}
	.footer .footer-top {flex-direction: column;gap: 20px;}
	.footer .footer-col {text-align: center;}
	.footer .footer-col ul {display: flex;flex-wrap: wrap;justify-content: center;gap: 5px 15px;}
	.footer .footer-col ul li {margin-bottom: 0;}
	.container {padding: 10px;}
	#main {padding: 15px;border-radius: 8px;}
	.main {padding: 0;border-radius: 0;}
	.article_zt .container {width:auto;padding: 0 10px;}
    .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: 8px;margin-top: 0;}
    .article_zt .content .thumbnail img {min-width: auto;margin-top: 0;margin-bottom: auto;}

	.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 #e2e8f0;}
    .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 #e2e8f0;margin-bottom: 20px;}
    .relatedList li a {color:#1e293b;}
    .relatedList li a:hover {color:#2563eb}
    .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: #94a3b8;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;}
	.pure-button{padding:6px 14px;font-size:13px}
	.pure-input-1{padding:8px 10px;font-size:13px}
	#main h4{font-size:15px}
	/* Mobile navbar */
	.content .navbar {display: none;}
	.content .mobile_navbar {display: none;}
	.content .mobile_navbar[style*="block"] {display: block;}
	.content .header .menu {display: block;}
	.content .header .m .search {width: 200px;}
}