:root {--theme: #409EFF;--yellow: #ffe60f;--green: #67C23A;--orange: #E6A23C;--red: #F56C6C;--blue: #409EFF;--darkBlue: #586a9c;--primary: #303133;--regular: #606266;--auxiliary: #909399;--placeholder: #C0C4CC;--border: #EBEEF5;--background: #F5F7FA;}
body,div,ul,li,h1,h2,h3,h4,h5,h6,p {margin: 0;padding: 0;}
body {color: var(--primary);background: var(--primary);font-size: 14px;font-family: "Arial", "Microsoft YaHei", sans-serif;padding: 25px 0;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
a {color: var(--primary);text-decoration: none;transition: all .3s;}
a:hover {text-decoration: none;color: var(---blue);}
img {border: none;}
ol,ul,li {list-style: none;}
.main-box {width: 1200px;margin: auto;background: #FFF;border-radius: 15px;overflow: hidden;}
.header {width: 100%;padding: 50px 0;}
.header .logo {display: block;width: 160px;height: 160px;border-radius: 100%;overflow: hidden;margin: auto;border: 5px solid #FFF;box-shadow: 0 0 5px #999;color: #FFF;}
.header .logo img {display: block;width: 100%;}
.header .name {display: flex;align-items: center;justify-content: center;font-size: 50px;font-weight: bold;padding-top: 20px;color: #FFF;text-shadow: 1px 1px 1px #000;}
.header .name:hover {color: #409EFF;}
.header .description {width: 800px;margin: 10px auto auto auto;text-align: center;font-size: 15px;color: #FFF;text-shadow: 1px 1px 1px #000;line-height: 30px;}
.nav {width: 100%;height: 50px;border-bottom: 1px solid var(--border);display: flex;}
.nav ul {width: 100%;display: flex;}
.nav ul .hover a,.nav ul li a:hover {background: var(--blue);color: #FFF;}
.nav ul li a {transition: all .3s;display: flex;align-items: center;height: 50px;padding: 0 20px;font-size: 15px;line-height: 15px;}
.main {display: flex;}
.main .left {flex: 1;border-right: 1px solid var(--border);}
.main .right {width: 300px;flex-shrink: 0;padding-bottom: 20px;}
.list-post-news {padding: 20px;border-bottom: 1px solid var(--border);}
.list-post-news h2 {font-size: 25px;font-weight: bold;display: -webkit-box;/*!autoprefixer:off*/-webkit-box-orient: vertical;/*autoprefixer:on*/-webkit-line-clamp: 1;overflow: hidden;line-height: 25px;}
.list-post-news h2 a:hover {color: var(--blue);}
.list-post-news p {font-size: 15px;display: -webkit-box;/*!autoprefixer:off*/-webkit-box-orient: vertical;/*autoprefixer:on*/-webkit-line-clamp: 3;overflow: hidden;margin-top: 10px;line-height: 25px;color: var(--placeholder);}
.list-post-news .post-info {display: flex;font-size: 14px;line-height: 14px;padding-top: 10px;}
.list-post-news .post-info span {border-right: 1px solid var(--border);padding-right: 15px;margin-right: 15px;color: var(--placeholder);}
.list-post-news .post-info span:last-child {border-right: 0;}
.list-post-news .post-info span a:hover {color: var(--blue);}
.list-post-circle {padding: 20px;border-bottom: 1px solid var(--border);}
.list-post-circle .content {font-size: 16px;line-height: 25px;}
.list-post-circle .map-name {font-size: 12px;color: var(--placeholder);padding-top: 10px;}
.list-post-circle .files-images {display: flex;flex-wrap: wrap;margin-top: 15px;margin-bottom: 10px;}
.list-post-circle .files-images a {display: block;width: 33.33%;height: 155px;overflow: hidden;border: 1px solid var(--border);box-sizing: border-box;}
.list-post-circle .files-images a img {display: block;width: 100%;}
.list-post-circle .files-videos video{margin: 15px 0 0 0;width: 350px;height: 350px;}
.list-post-circle .post-info {display: flex;font-size: 14px;line-height: 14px;padding-top: 15px;}
.list-post-circle .post-info span {border-right: 1px solid var(--border);padding-right: 15px;margin-right: 15px;color: var(--placeholder);}
.list-post-circle .post-info span:last-child {border-right: 0;}
.list-post-circle .post-info span a:hover {color: var(--blue);}
.pagination {display: flex;align-items: center;justify-content: center;padding: 20px 0;}
.pagination .screen-reader-text {color: var(--placeholder);}
.pagination .nav-links .current {color: var(--blue);padding: 0 0 0 10px;}
.pagination .nav-links a {padding: 0 0 0 10px;}
.crumbs {display: flex;align-items: center;padding: 20px 20px 0 20px;font-size: 14px;line-height: 14px;}
.crumbs .name,.crumbs .x {color: var(--placeholder);}
.crumbs .x {font-size: 12px;padding: 0 10px;}
.right-title {display: flex;align-items: center;margin: 20px 20px 0 20px;border-bottom: 1px solid var(--border);padding-bottom: 20px;}
.right-title h3 {font-size: 15px;line-height: 15px;font-weight: bold;}
.right-title-icon {display: flex;flex-wrap: wrap;width: 16px;height: 16px;margin-right: 10px;}
.right-title-icon span {width: 5px;height: 5px;border: 1px solid var(--placeholder);}
.right-title-icon span:nth-child(1) {margin: 0 2px 2px 0;border: 1px solid var(--blue);}
.right-title-icon span:nth-child(2) {margin: 0 0 2px 0;}
.right-title-icon span:nth-child(3) {margin: 0 2px 0 0;}
.right-title-icon span:nth-child(4) {border: 1px solid var(--blue);}
.right-tool-sub-category {padding: 0 20px;}
.right-tool-sub-category ul li {display: flex;align-items: center;font-size: 15px;line-height: 15px;padding-top: 15px;}
.right-tool-sub-category ul li span {display: block;width: 5px;height: 5px;background: var(--background);border: 1px solid var(--border);border-radius: 100%;margin-right: 10px;}
.right-tool-sub-category ul li a:hover {color: var(--blue);}
.post-body {padding: 0 20px 20px 20px;}
.post-body h1 {font-size: 26px;font-weight: bold;padding: 30px 20px 0 20px;text-align: center;}
.post-body-info {display: flex;align-items: center;justify-content: center;color: var(--placeholder);font-size: 15px;line-height: 15px;border-bottom: 1px solid var(--border);padding: 20px 0 10px 0;}
.post-body-info span {padding: 0 10px;}
.post-body-info span a {color: var(--placeholder);}
.post-content {font-size: 16px;line-height: 32px;}
.post-content p {margin-top: 15px;}
.post-content-files-images{display: flex;flex-wrap: wrap;margin-top: 10px;}
.post-content-files-images a{display: block;width: 33.333%;height: 170px;border: 1px solid #FFF;box-sizing: border-box;overflow: hidden;}
.post-content-files-images a img{display: block;width: 100%;}
.post-map-name{display: flex;font-size: 14px;line-height: 14px;margin-top: 5px;}
.post-map-name span{color: var(--placeholder);}
.post-map-name span:nth-child(1){padding-right: 5px;}
.post-up-and-down{display: flex;justify-content:space-between;margin-top: 20px;}
.post-up-and-down li{color: var(--placeholder);}
.post-up-and-down li a:hover{color: var(--blue);}
.post-tags{font-size: 14px;line-height: 14px;margin-top: 20px;}
.post-tags span{color: var(--placeholder);}
.post-tags a{padding-right: 15px;}
.post-tags a:hover{color: var(--blue);}
.circle-dot{display: block;width: 5px;height: 5px;border-radius: 100%;background: var(--blue);flex-shrink: 0;}
.right-tool-sticky-top{padding: 0 20px;}
.right-tool-sticky-top ul li{display: flex;align-items: center;border-bottom: 1px dashed var(--border);padding: 15px 0;}
.right-tool-sticky-top ul li span{margin-right: 5px;}
.right-tool-sticky-top ul li a{font-size: 15px;line-height: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.right-tool-sticky-top ul li a:hover{color: var(--blue);}
.right-tool-sticky-top ul li:last-child{border-bottom: 0;}