:root {--green: #7ab818;--title-h1: 20px;--text-color: #121212;--bg-grey: #f5f5f5;--bg-white: #fff }a, abbr, acronym, address, applet, article, aside, b, big, blockquote, body, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, menu, nav, object, ol, p, pre, q, s, samp, section, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {margin: 0;padding: 0;border: 0;font: inherit;font-size: 100%;vertical-align: baseline }html {line-height: 1;font-size: 62.5%;}html, body {overflow-x: hidden;}body {position: relative;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.4;color: #121212 }dd, dl, dt, li, ol, ul {list-style: none }h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: 400 }:focus {outline: 0 }a {text-decoration: none;color: #333 }button, input, select {vertical-align: middle;padding: 0;margin: 0 }form {margin: 0;padding: 0;border: 0;font: inherit;font-size: 100%;vertical-align: baseline }input {outline: 0;border-radius: 0;box-shadow: 0 0;border: none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(255, 0, 0, 0) }img {max-width: 100%;vertical-align: middle;}article, aside, dialog, figure, footer, header, menu, nav, section {display: block }.clearfix:after {content: "";display: block;height: 0;clear: both;visibility: hidden }* {box-sizing: border-box }.fl {float: left }.fr {float: right }input:-moz-placeholder {color: #999 }input::-moz-placeholder {color: #999 }input:-ms-input-placeholder {color: #999 }input::-webkit-input-placeholder {color: #999 }.home-icons {background-image: url(/static/img/home-icons.png);background-repeat: no-repeat;}.w1400 {width: 100%;max-width: 1520px;margin: auto;}.body-bg {background: var(--bg-grey);}.pdt-header-bg-home {display: none;}.pdt-header-bg {height: 50px;background: var(--text-color);position: fixed;top: 0;left: 0;width: 100%;z-index: 222;border-bottom: 1px solid var(--text-color);}.menu-nav-btn {margin-left: 10px;display: block;width: 30px;height: 30px;position: relative;top: 9px;cursor: pointer;background-position: -93px -1px;background-size: cover;}.menu-nav {display: inline-block;position: relative;float: left;}.menu-overlay {display: none;position: fixed;top: -10px;left: 0;bottom: 0;z-index: 99;height: 110%;width: 100%;background-color: rgba(0, 0, 0, .5);}.menu-nav-list {overflow-y: auto;position: fixed;left: -300px;top: 0;z-index: 999;width: 300px;height: 110%;background-color: var(--bg-white);}.left-nav-ul li a {border-bottom: 3px solid var(--bg-white);line-height: 20px;display: block;position: relative;padding: 10px 15px;font-weight: 400;color: #4a4a4a;font-size: 14px;opacity: .8;}.left-nav-ul li {width: 100%;cursor: pointer;display: block;position: relative;}.menu-body .menu-item a {display: block;padding-left: 15px;border-bottom: 1px solid #eee;background-color: #f6f6f6 }.menu-body .menu-item .menu-new-box a {font-size: 12px;padding-left: 25px;background: var(--bg-white);border: none }.menu-new-box {display: none }.menu-body .menu-item {position: relative }.menu-btn {cursor: pointer;position: absolute;right: 10px;top: 13px;width: 15px;height: 15px;background-position: -44px -19px;}.pdt-logo {height: 35px;margin-top: 7px;margin-left: 10px;}.pdt-top-upload {float: right;margin-left: 10px;margin-right: 10px;display: block;background: var(--green);color: var(--bg-white);height: 40px;line-height: 40px;border-radius: 4px;margin-top: 5px;padding: 0 20px;font-size: 18px;}.pdt-header-search {width: 100%;max-width: 600px;height: 40px;position: relative;margin-top: 5px;background: var(--bg-white);border-radius: 4px;display: flex;}.pdt-header-input {width: 100%;height: 100%;float: left;padding-left: 10px;border: 1px solid #f1f1f1;border-right: none;box-sizing: border-box;border-radius: 4px 0 0 4px;font-size: 18px;}.pdt-header-btn {position: relative;display: block;background: var(--green);position: absolute;right: 0;top: 0;width: 70px;height: 100%;text-align: center;border: none;}.pdt-header-btn i {display: inline-block;width: 30px;height: 30px;background-position: -40px -1px;background-size: cover;}.header-search-w .pdt-header-search {height: 60px;margin: 0 auto;}.clear-search {width: 40px;font-size: 20px;height: 100%;display: none;align-items: center;justify-content: center;background: transparent;border: none;cursor: pointer;color: #999;transition: color 0.2s;position: relative;right: 85px;}.clear-search:hover {color: #666;}.search-suggestion {position: absolute;top: calc(100% + 4px);left: 0;right: 0;max-height: 480px;background: #fff;border: 1px solid #e0e0e0;border-radius: 4px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);overflow-y: auto;z-index: 1000;display: none;}.suggestion-item {padding: 12px 16px;font-size: 15px;color: #333;cursor: pointer;transition: background 0.2s;}.suggestion-item:hover, .suggestion-item.selected {background: #f8f9fa;}.search-suggestion::-webkit-scrollbar {width: 6px;}.search-suggestion::-webkit-scrollbar-thumb {background: #ddd;border-radius: 3px;}.top-saerch{float: right;}.top-search-all {padding: 10px;display: none;background: var(--text-color);}.top-search-box {width: 100%;position: relative;margin: 0 auto;padding-right: 70px;border: 1px solid #eee;background: var(--bg-white);height: 30px;border-radius: 2px;overflow: hidden;}.top-search-text {width: 100%;height: 30px;line-height: 30px;padding: 0 5px;}.top-search-submit {display: inline-block;position: absolute;right: 5px;top: 2px;height: 24px;line-height: 24px;width: 60px;border-radius: 4px;text-align: center;border: none;color: var(--bg-white);background: var(--green);}.new-home-bg {background: var(--bg-white);padding: 20px 10px;}.title-h1 {text-align: center;font-size: 30px;color: var(--text-color);font-weight: 600;margin-bottom: 15px;}.header-m-search-btn {display: none;width: 30px;height: 30px;position: absolute;right: 10px;top: 10px;cursor: pointer;background-size: cover;background-position: -40px -1px;}.footer-bg {background: var(--text-color);padding: 40px 0;}.fot-msg {float: left;width: 33.333%;padding: 0 10px;color: #fff;padding-bottom: 20px;}.fot-msg p {font-weight: 700;padding-bottom: 10px;}.fot-msg a {color: #ccc;display: block;font-size: 14px;margin: 10px 0;width: 100%;padding: 5px;}.fot-bot-msg {color: #ccc;border-top: 1px solid #333;}.fot-bot-msg p {padding-left: 10px;padding-top: 20px;text-align: center;}.div-h {height: 50px;}.bg-white {background: #fff;padding: 20px 10px 40px;}.mtop10 {margin-top: 10px;}.mtop20 {margin-top: 20px;}.mtop40 {margin-top: 40px;}.p40 {padding: 40px 15px;}.page {text-align: center;padding-bottom: 20px;}.page a {height: 46px;line-height: 46px;padding: 0 16px;border-radius: 2px;text-align: center;margin-top: 10px;font-size: 18px;color: #414141;border: 1px solid #d9d9d9;display: inline-block;margin-right: 14px;background: #fff }.page .page-active, .page a:hover {color: #fff;background: #7ab818 }.page .page-more {background: 0 0;border: none;cursor: default }.page .page-more:hover {background: 0 0;border: none;color: #414141 }.list-user-title {line-height: 25px;margin-left: 15px;}.list-user-name {font-size: 32px;font-weight: 700;color: #333;}.list-user-num {color: #999;font-size: 16px;margin-left: 5px;}.pc-hide {display: none;}@media only screen and (max-width: 1200px) {.mad-hide {display: none;}.pc-hide {display: block;}}.tag-list-box {padding-left: 0;padding: 10px 5px;}.tag-list-box a {display: inline-block;float: left;padding: 10px 20px;border-radius: 2px;border: 1px solid #ccc;margin-top: 10px;margin-right: 10px;color: #666;}.breadcumb {font-size: 11px;font-style: normal;font-weight: 600;line-height: 33px;margin-top: 6px;margin-left: 15px;}.breadcumb ul {list-style: none;white-space: nowrap;overflow-x: auto;}.breadcumb ul li {display: inline-block;padding-right: 8px;}.breadcumb ul li::after, .breadcumb ul li a, .breadcumb ul li span {vertical-align: middle;}.breadcumb ul li a, .breadcumb ul li span {color: #333;font-size: 16px;}.breadcumb ul li::after {content: "";display: inline-block;width: 7px;height: 7px;margin-left: 8px;border-right: 2px solid #ccc;border-bottom: 2px solid #ccc;transform: rotate(-45deg);}.breadcumb ul li:last-child::after {display: none;}.breadcumb ul li a:hover {color: var(--green);}.content-area{background-color: #fff;}.btn-download {display: block;width: 100%;max-width: 50%;margin: 0 auto;text-align: center;border-radius: 4px;height: 50px;line-height: 50px;color: #fff;font-size: 16px;font-weight: 700;background: var(--green);}