: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%;}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: 600px;height: 40px;overflow: hidden;padding-right: 70px;position: relative;margin-top: 5px;background: var(--bg-white);border-radius: 4px;}.pdt-header-input {width: 100%;height: 40px;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: 40px;text-align: center;border: none;}.pdt-header-btn i {display: inline-block;width: 30px;height: 30px;background-position: -40px -1px;background-size: cover;}.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;}@media only screen and (max-width: 992px) {.header-top-pc, .pdt-header-search, .pdt-top-upload, .tag-m-hide {display: none;}.header-m-search-btn {display: block;}}.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;}
.masList {padding: 0;margin: 20px auto;position: relative;}.masList li {margin-left: 12px;margin-right: 12px;margin-bottom: 24px;padding: 0;list-style: none;display: inline-block;vertical-align: top;box-shadow: 0 1px 3px rgba(0, 0, 0, .3);width: 283px;background: #fff;}figure, .img-box {margin: 0;padding: 0;}.list-item>.img-box>a {background: url(/static/img/imgshow_bg.png) repeat center center #fff;background-size: 16%;display: block;margin: 10px 10px 0;}.list-img {width: 100%;max-width: 260px;border-top: 1px solid #fff;}.img-detail {height: auto;transition: all .2s;padding: 10px 10px 12px;}.img-title {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 10px 0;text-align: left;}.img-tag-box {display: flex;align-items: center;flex-wrap: wrap;}.img-tag-box div {width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 5px 2px;background-color: rgba(240, 244, 242, 1);padding: 5px;border-radius: 5px;font-size: 12px;}.img-tag-box div {width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 5px 2px;background-color: rgba(240, 244, 242, 1);padding: 5px;border-radius: 5px;font-size: 12px;}@media only screen and (max-width: 570px) {.tag-mHide {display: none;}}.p100 {padding: 40px 0;}.new-home-tags {margin-bottom: 35px;}.new-home-tags li {float: left;padding: 0 10px;width: 20%;margin-top: 25px;}.new-home-tags li a {display: inline-block;float: left;color: #666;height: 20px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px dashed #999;}@media only screen and (max-width: 680px) {.new-home-tags li {width: 50%;}}.new-home-tag-btn {text-align: center;width: 180px;display: block;padding: 15px;line-height: 20px;background: #000;color: #fff;margin: 0px auto;border-radius: 10px;}.title-box-two {font-size: 20px;color: #333;margin: 20px auto;}
.pdt-top-main {position: relative;}.pdt-left {width: 68%;float: left;}.pdt-right {float: left;width: 30%;margin-left: 15px;}@media only screen and (max-width: 1200px) {.pdt-left, .pdt-right {width: 100%;float: none;}.pdt-right {margin-left: 0;}}.mtop20 {margin-top: 20px;}.pdt-img-border {min-height: 300px;width: 100%;overflow: hidden;border: 1px solid #ccc;box-shadow: 0 4px 8px rgba(0, 0, 0, .2);position: relative;}.pdt-mian-imgs {height: 560px;min-height: 0;background: #F9F9F9;}.pdt-main-a {display: block;overflow: hidden;position: relative;height: 560px;width: 100%;}.pdt-mian-imgs img {max-width: 100%;max-height: 100%;width: auto;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}.pdt-img-msg {padding-top: 10px;}.pdt-img-title {display: inline-block;width: 120px;font-weight: 700;}.pdt-img-name {color: #26980d;}.pdt-img-num {color: #666;}.mad-show {display: none;}.btn-download {display: inline-block;width: 280px;text-align: center;border-radius: 4px;height: 50px;line-height: 50px;color: #fff;font-size: 16px;font-weight: 700;background: var(--green);}.pdt-right-link {text-align: center;width: 280px;}.mtop10 {margin-top: 10px;}.pdt-right-link a, .pdt-right-link span {margin-right: 5px;padding: 5px 0;}.pdt-right-link a {color: var(--green);text-decoration: underline;}.pdt-right-link span {color: #999;}.tag-list-box {margin-bottom: 40px;}.blog-top-box .tag-list-box a, .pdt-top-main .tag-list-box a {color: #666;}@media only screen and (max-width: 1200px) {.mad-hide {display: none;}.mad-show {display: block;}}.list-item {display: none !important;}.list-item.show {display: inline-block !important;}