﻿.cate-content,.cate-pro{display:none}
.cate-content.active{display:block}
.cate-content-list,.category-box .tabs{display:flex;justify-content:space-between;flex-wrap:wrap}
.cate-content-list li{width:32%}
.cate-content-list li>p{text-align:center;font-size:18px;padding:5px 0}
.category-box .tabs{justify-content:center;margin-bottom:50px}
.category-box .tabs a{margin:0 8px;padding-bottom:10px;font-weight:bold}
.category-box .tabs a.active{border-bottom:2px solid var(--color1);color:var(--color1)}
@media (max-width:768px){.cate-content-list li{width:100%}
.category-box .tabs a{width:50%;margin:0;padding:0 5px 10px 5px;box-sizing:border-box;font-size:14px;margin-bottom:10px}
.category-box .tabs{margin:20px 0}
.cate-pro{display:block !important}}
@keyframes opacity {from {opacity:0}
to {opacity:1}}
.cate-content.active {animation:opacity 1s}
.category-box .tabs{justify-content:space-between}
.category-box .tabs a{font-size:18px;font-family:'Century-Gothic'}
.cate-pro p:hover a{text-decoration:underline;color:#2d3685}
.cate-pro p{position:relative;padding-left:15px}
.cate-pro p:before{content:'';left:0;position:absolute;width:6px;height:6px;top:50%;background:#2d3685;border-radius:50%;transform:translateY(-50%)}
.cate-pro{position: absolute;top: 0;padding-top: 20px;padding-left: 10px;height: 100%;width: 100%;background: #00000080}
.cate-pro p a{color:#fff}
.cate-content-list li {position: relative;text-align:center}
.cate-pro p:before{background: #fff}
.cate-pro{background: #00000063}
.category-box .tabs a {margin-bottom:20px;text-decoration:none!important}
@media (max-width:560px){.category-box .tabs a{font-size:16px}}

 .img-popup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}
.popup-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7)}
.popup-content{width: 90%; height: 90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;max-height:90%;text-align:center}
.popup-content img{max-width:100%;max-height:100%;border-radius:6px}
.popup-close{position:fixed;top:10px;right:10px;color:#fff;font-size:28px;cursor:pointer;z-index:10000}
.kche-item-title{display:flex;align-items:center;justify-content:space-between}
.prop-img-box .target{cursor:pointer;margin-left:auto}
.target-top{display:flex;align-items:center;justify-content:space-between}