.codecontainer{display:flex;flex-wrap:wrap;justify-content:left;padding:10px 10px 0 10px;list-style-type:none;margin:0}
.code-card{background-color:#fff;border:1px solid #d1cdcd61;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.1);margin:10px;padding:0;width:calc(25% - 20px);box-sizing:border-box;transition:transform .3s;text-align:left;overflow:hidden}
.code-card:hover{transform:translateY(-5px)}
.code-titles{width:90%;font-size:1.6rem;margin:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.code-images{height:220px;overflow:hidden;position:relative}
.code-images img{width:100%;object-fit:cover}
.code-images span{display:block;background:#333;opacity:.8;font-size:12px;text-align:center;width:86px;height:26px;line-height:26px;color:#fff;border-radius:12px;position:absolute;top:10px;left:8px;z-index:8}
.code-image{width:100%;height:300px;box-shadow:0 2px 10px rgba(0,0,0,.5)}
.soft-images{height:400px;overflow:hidden;position:relative}
.soft-images img{width:100%;object-fit:cover}
.soft-image{width:100%;height:210px;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.code-meta{width:98%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9em;color:#777;margin:10px}
@media (max-width:1200px){.code-card{width:calc(25% - 20px)}
}
@media (max-width:800px){.code-card{width:calc(33.33% - 20px)}
}
@media (max-width:600px){.code-card{width:calc(100% - 20px)}
}
@media (max-width:400px){.code-card{width:calc(100% - 10px)}
}
.code-left-column{padding-top:10px}
.code-right-column{flex:1}
.code-title{text-align:left;font-size:1.8rem;margin:10px 0;line-height:2.2rem}
.code-title h1{display:contents}
.code-title span{font-size:14px;margin-left:8px;color:#6e6e6e}
.code-price{display:flex;justify-content:space-between;align-items:center;background:url(../images/pricebg.png) 0 0 no-repeat;background-color:#e9e9e9;padding:10px;border-radius:4px;margin-bottom:15px;flex-wrap:nowrap}
.code-price-bt,.code-price-faq,.code-price-tag{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:break-spaces}
.code-price-tag{font-size:20px;font-weight:700;color:#d6293e}
.code-price-faq{flex:1;text-align:left;color:#6c6c6c;font-size:12px;margin:0 10px}
.code-price-bt{font-size:12px;color:#fff;background-color:#d6293e;padding:3px 10px;border-radius:50px;margin-left:10px}
.code-info-list{overflow:hidden;padding:15px;padding-bottom:0;background:#f7f8fc;list-style:none;border-radius:10px;box-shadow:0 5px 10px #00000005}
.code-info-list li{float:left;margin-bottom:10px;width:50%;font-size:13px;color:#6e6e6e}
@media (max-width:600px){.code-left-column{padding-right:0}
.code-image{width:100%;height:auto}
.soft-image{width:100%;height:auto}
.code-info-list li{width:30%}
}
.sucai-price{display:flex;justify-content:space-between;align-items:center;background:url(../images/pricebg.png) 0 0 no-repeat;background-color:#e9e9e9;padding:10px;border-radius:4px;flex-wrap:nowrap}
.code-price-faq,.code-price-tag,.sucai-price-bt{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:break-spaces}
.sucai-price-tag{font-size:20px;font-weight:700;color:#d6293e}
.sucai-price-faq{flex:1;text-align:left;color:#6c6c6c;font-size:12px;margin:0 10px}
.sucai-price-bt{font-size:12px;color:#fff;background-color:#1a8cff;padding:3px 10px;border-radius:4px;margin-left:10px}
.sucai-price-bt a{color:#fff}
#gallery{overflow:hidden;width:100%;border-radius:3px;margin-right:auto;margin-left:auto;background-image:url(../images/jietubg.gif);background-repeat:repeat;margin-top:8px}
#gallery ul{list-style:none;width:100%;margin-left:10px}
#gallery ul li{display:inline;float:left;margin-top:7px;margin-bottom:7px;margin-right:12px;border-radius:3px;box-shadow:rgba(0,0,0,.15) 0 0 8px;background:#fff;border:1px solid #ddd;padding:5px}
#gallery ul li span{background:#000;display:block;text-align:center;height:22px;color:#fff;line-height:22px;bottom:5px;position:absolute;opacity:.6}
#gallery ul li em{text-align:center;padding:0 5px;height:22px;line-height:22px;font-style:normal;color:#fff;bottom:5px;font-size:12px}
#gallery ul li u{display:block;height:140px;overflow:hidden}
#gallery ul img{margin:0;padding:0;border:none;border-radius:0}
#gallery ul img,#gallery ul li span,#gallery ul li u{width:140px}
#gallery ul li em{width:118px;text-align:center;height:22px;line-height:22px}
.ax-gap-xxs li{border:1px solid #e6e6e6;border-radius:4px;transition:transform .1s ease,box-shadow .1s ease}
.ax-gap-xxs li:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.12)}
.section-border{display:flex;padding-left:20px;align-items:center;border:1px solid #ebebeb;background-color:#fff;color:grey;height:50px;line-height:50px;text-align:left;white-space:nowrap;overflow:hidden}
.list_left{border:1px solid #e1e1e1;padding:5px;margin:0 auto;width:97%;display:flex;flex-wrap:wrap;justify-content:left;gap:4px;overflow:hidden}
.list_left .item{background-color:#ddd;text-align:left;font-size:14px;line-height:38px;height:38px;flex:0 0 24.8%;transition:.2s}
.list_left .item:hover{background:#2b95ff;color:#fff}
@media (max-width:768px){.list_left .item{flex:0 0 96%;margin:0 auto 4px}
.list_left .item:nth-child(n+5){display:none}
}
.sclist{padding:5px;margin:0 auto;width:99%;display:flex;flex-wrap:wrap;justify-content:left;gap:4px;overflow:hidden}
.sclist .item{background-color:#ddd;text-align:left;font-size:14px;flex:0 0 31.4%;transition:.2s}
.sclist .item:hover{background:#2b95ff;color:#fff}
@media (max-width:768px){.sclist .item{flex:0 0 96%;margin:0 auto 4px}
.sclist .item:nth-child(n+5){display:none}
}
.media-card{border:1px solid #e6e6e6;border-radius:4px;overflow:hidden;margin:5px}
.media-card img{width:100%;height:120px;object-fit:cover}
.media-card-body{padding:10px}
.media-card-body .titles{font-size:15px;font-weight:700;color:#333}
.title-matrix .ax-col{margin-bottom:10px}
.title-matrix a{display:block;padding:8px 10px;background:#f7f7f7;border-radius:3px;font-size:13px;color:#333}
.title-matrix a:hover{background:#eee}
.right-list{padding-left:10px}
.pic-link{display:block;border-radius:4px;overflow:hidden;line-height:0}
.pic-link img{width:100%;height:220px;object-fit:cover;transition:transform .25s}
.pic-link:hover img{transform:scale(1.03)}
.txt-box{padding:6px 2px 0 2px}
.txt-box .title{font-size:14px;font-weight:600;color:#333;display:block;margin-bottom:2px}
.txt-box .desc{font-size:12px;color:#666}
.ax-gutter-4{margin-left:-2px;margin-right:-2px}
.ax-gutter-4>[class*=ax-col]{padding-left:2px;padding-right:2px}
@media (max-width:768px){.ax-col-16,.ax-col-8{width:100%;padding:0}
.ax-gutter-10>.ax-col-6:nth-child(n+3){display:none}
.ax-gutter-10>.ax-col-6{width:100%;padding:0 0 8px 0}
.media-card img{height:auto;aspect-ratio:16/9;border-radius:0}
.media-card{border:none}
.title-matrix .ax-col-8{width:45%}
.title-matrix a{font-size:12px;padding:6px 8px}
.right-list{border:0;padding:15px 0 0}
}
.tj{width:100%;overflow:hidden}
.tj ul{margin-right:10px}
.tj li{float:left;width:calc(50%)}
.tj dl{margin:0 10px 10px 0;background:#fff;padding:10px 10px 0px 10px;border:1px solid #eee;border-radius:8px;transition:box-shadow .2s ease-out;-moz-transition:box-shadow .2s ease-out;-webkit-transition:box-shadow .2s ease-out;flex-direction:column}
.tj dl:hover{box-shadow:0 0 10px #e8e8e8}
.tj dl dt{float:left}
.tj dl dd{margin-left:40px;padding-left:15px}
.tj h3{margin:0;padding:0;text-indent:0;color:#595959;font-size:1.3rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.tj p{font:12px/1.6 "微软雅黑";color:#8c8c8c;padding:0;margin:6px 0 0 0;display:block;height:38px;overflow:hidden;text-indent:0}