﻿.module{margin-bottom:20px;background:#fff;border-radius:12px;box-shadow:1px 1px 6px rgba(0,0,0,.05)}.module .hd{padding:12px 20px;border-bottom:1px solid #f0f0f0;line-height:24px}.module .hd .title{display:inline-block;position:relative;padding-left:20px;margin-left:-20px;font-size:18px;font-weight:bold}.module .hd .title::before{position:absolute;left:2px;top:50%;content:"";width:5px;height:20px;background:#43a2f6;border-radius:3px;transform:translateY(-10px)}.module .hd .more{float:right;color:#999}.module .bd{padding:20px}@media screen and (max-width: 799px){.module{margin-bottom:15px;border-radius:0}.module .hd{padding:0 15px;line-height:40px}.module .hd .title{padding-left:15px;margin-left:-15px;font-size:16px}.module .hd .title::before{width:4px}.module .bd{padding:15px}}.mod-list .filter-container{margin-bottom:25px}.mod-list .filter-container .filter-wrapper{display:flex;gap:15px;width:100%;padding:3px 0;line-height:32px}.mod-list .filter-container .filter-title{width:72px;text-align:right;color:#747879}.mod-list .filter-container .filter-content{flex:1;min-width:0;line-height:30px}.mod-list .filter-container .filter-list{display:flex;flex-wrap:wrap;gap:2px}.mod-list .filter-container label{user-select:none;font-size:0;vertical-align:middle}.mod-list .filter-container label span,.mod-list .filter-container label input{display:inline-block;vertical-align:middle}.mod-list .filter-container label input[type=checkbox],.mod-list .filter-container label input[type=radio]{display:none}.mod-list .filter-container label input[type=checkbox]+span,.mod-list .filter-container label input[type=radio]+span{display:inline-block;padding:0 12px;background:#f6f8fa;border-radius:3px;box-sizing:border-box;align-content:center;line-height:30px;font-size:14px;text-align:center;cursor:pointer}.mod-list .filter-container label input[type=checkbox]:disabled+span,.mod-list .filter-container label input[type=radio]:disabled+span{background:#f0f0f0;opacity:.5}.mod-list .filter-container label input[type=checkbox]:checked+span,.mod-list .filter-container label input[type=radio]:checked+span{background:#43a2f6;color:#fff;opacity:1}.mod-list .filter-container .tag{position:relative;display:inline-block;padding:0 12px;background:rgba(67,162,246,.0666666667);border-radius:3px;box-sizing:border-box;align-content:center;line-height:30px;font-size:14px;text-align:center;cursor:pointer;color:#43a2f6}.mod-list .filter-container .tag::after{position:relative;right:-8px;display:inline-block;width:20px;height:20px;content:"✖";background:rgba(0,0,0,.05);border-radius:10px;line-height:20px;text-align:center}.mod-list .filter-container .tag:hover{background:#43a2f6;color:#fff}.mod-list .filter-container .tag:hover::after{background:hsla(0,0%,100%,.2)}.mod-list .table-outer{margin-bottom:10px}.mod-list .table-outer h3{line-height:32px;font-size:16px;font-weight:bold}.mod-list .table-outer h3 strong{font-weight:bold;color:#fc9000}.mod-list table{min-width:100%}.mod-list table thead{position:sticky;top:0px;z-index:99;background:#f6f8fa}.mod-list table thead th{white-space:nowrap}.mod-list table thead th span{position:relative;z-index:9}.mod-list table thead th.sortabled span{display:inline-block;position:relative;padding-right:20px;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.mod-list table thead th.sortabled span::before{position:absolute;right:5px;top:50%;margin-top:-15px;content:"▲";font-size:12px;color:#ccc}.mod-list table thead th.sortabled span::after{position:absolute;right:5px;bottom:50%;margin-bottom:-15px;content:"▼";font-size:12px;color:#ccc}.mod-list table thead th.sortabled.sort-asc span::before{color:#333}.mod-list table thead th.sortabled.sort-desc span::after{color:#333}.mod-list table tbody tr{border-bottom:1px dashed #f0f0f0}.mod-list table th,.mod-list table td{max-width:200px;padding:8px;line-height:20px}.mod-list table th.active,.mod-list table td.active{background-color:#fafafa}.mod-list table th.text-right,.mod-list table td.text-right{text-align:right}.mod-list table th.text-center,.mod-list table td.text-center{text-align:center}.mod-list table span.name{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mod-list table span.price{margin:0 3px}.mod-list table span.value{font-size:18px;font-weight:bold;color:#f56954}.mod-list table span.unit{font-size:13px;color:#999}.mod-list table .brand{display:block;text-align:center;color:#999}.mod-list table .brand span{display:block}.mod-list .list-container .list-head{position:sticky;top:0;z-index:98;margin-bottom:10px}.mod-list .list-container .sort-container{display:flex;gap:6px;background:#f6f8fa;border-radius:3px}.mod-list .list-container .sort-container li{flex:1;min-width:0;display:block;padding:0 10px;line-height:32px;text-align:center;cursor:pointer}.mod-list .list-container .sort-container li.sortabled span{display:inline-block;position:relative;padding-right:20px;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.mod-list .list-container .sort-container li.sortabled span::before{position:absolute;right:5px;top:50%;margin-top:-15px;content:"▲";font-size:12px;color:#ccc}.mod-list .list-container .sort-container li.sortabled span::after{position:absolute;right:5px;bottom:50%;margin-bottom:-15px;content:"▼";font-size:12px;color:#ccc}.mod-list .list-container .sort-container li.sortabled.sort-asc span::before{color:#333}.mod-list .list-container .sort-container li.sortabled.sort-desc span::after{color:#333}.mod-list .item{margin-bottom:10px}.mod-list .item table td{border:1px solid #e8e8e8}.mod-list .item table td.th{width:72px;background:#f6f9fc;text-align:right}.mod-list .item table .brand{text-align:left}.mod-list .none{padding:50px 0;line-height:30px;text-align:center}.mod-list .ft{padding:0 20px 20px}.mod-list .ft .pagination{padding:20px 0;line-height:30px;color:#888;overflow:hidden}.mod-list .ft .pagination .box{float:left;width:50%}.mod-list .ft .pagination .box b{margin:0 2px;color:#ff6a00}.mod-list .ft .pagination ul{text-align:center}.mod-list .ft .pagination li{display:inline-block}.mod-list .ft .pagination li span,.mod-list .ft .pagination li a{display:inline-block;min-width:10px;height:30px;padding:0 10px;background:#f0f0f0;text-align:center;line-height:30px;text-decoration:none;font-weight:bold;font-size:15px;border-radius:15px}.mod-list .ft .pagination li span:hover,.mod-list .ft .pagination li a:hover{background:#43a2f6;color:#fff}.mod-list .ft .pagination li.active span,.mod-list .ft .pagination li.active a{background:#43a2f6;color:#fff}.tooltip{position:relative;cursor:pointer}.tooltip .help{display:inline-block;width:16px;height:16px;background:#ccc;border-radius:50%;line-height:16px;text-align:center;color:#fff}.tooltip::after{content:attr(data-title);position:absolute;left:50%;bottom:50px;transform:translateX(-50%);padding:6px 10px;background:rgba(51,51,51,.9);color:#fff;font-size:12px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:all .2s ease-in-out;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:9999}.tooltip::before{content:"";position:absolute;left:50%;bottom:40px;transform:translateX(-50%);border:5px solid rgba(0,0,0,0);border-top-color:rgba(51,51,51,.9);pointer-events:none;opacity:0;visibility:hidden;transition:all .2s ease-in-out;z-index:9999}.tooltip:hover::after,.tooltip:hover::before{opacity:1;visibility:visible}.tooltip.right::before{left:120%;bottom:50%;transform:translateY(50%)}.tooltip.right::after{left:calc(120% - 6px);bottom:50%;transform:translateY(50%) rotate(45deg)}@media screen and (max-width: 799px){.mod-list .filter-container .filter-wrapper{flex-direction:column;gap:0;padding:5px 0}.mod-list .filter-container .filter-wrapper .filter-title{width:auto;line-height:24px;text-align:left}}.mod-contact ul li{line-height:32px}.mod-contact ul li strong{font-weight:bold}.mod-news .item{display:flex;gap:15px;padding:10px 0;border-bottom:1px dotted #e8e8e8}.mod-news .item:last-child{border-bottom:none}.mod-news .item .cover img{border-radius:3px}.mod-news .item .information{flex:1;min-width:0}.mod-news .item .information h4{line-height:24px;font-size:16px;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mod-news .item .information p{max-height:40px;line-height:20px;color:#888;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2}.mod-panel{margin-bottom:20px;padding:25px;background:#fff url("../../../image/index/bg.png") center 0/100% auto no-repeat;border-radius:12px;overflow:hidden}.mod-panel .hd{display:flex;flex-direction:row;gap:20px;padding:25px 0;border-radius:12px;box-shadow:1px 1px 3px rgba(0,0,0,.02)}.mod-panel .hd .slogan h1{line-height:36px;font-size:24px;font-weight:bold}.mod-panel .hd .slogan h1 strong{font-weight:bold;color:#43a2f6}.mod-panel .hd .slogan p{line-height:32px;font-size:16px;color:#888}.mod-panel .hd .contact{flex:1;min-width:0;align-content:center;text-align:center}.mod-panel .hd .contact p{margin-bottom:8px;line-height:32px}.mod-panel .hd .contact p:last-child{margin-bottom:0}.mod-panel .hd .contact p.mobile{font-size:16px}.mod-panel .hd .contact p.mobile strong{font-weight:bold}.mod-panel .hd .contact .btn-large{min-width:100px;height:45px;padding:0 25px;margin:0 5px;border-radius:24px;line-height:44px;font-size:18px}.mod-panel .hd .contact .btn-large span,.mod-panel .hd .contact .btn-large img{vertical-align:middle}.mod-panel .hd .contact .btn .popup{display:none;position:absolute;left:50%;top:45px;z-index:99;padding:6px;margin-left:-81px;background:#fff;border-radius:5px;box-shadow:0 0 4px rgba(0,0,0,.05);line-height:24px;font-size:14px;color:#666}.mod-panel .hd .contact .btn .popup img,.mod-panel .hd .contact .btn .popup span{display:block;margin:0 auto;text-align:center}.mod-panel .hd .contact .btn .popup::before{position:absolute;left:50%;top:-12px;content:"";width:0;height:0;border:6px solid rgba(0,0,0,0);border-bottom-color:#fff}.mod-panel .hd .contact .btn:hover .popup{display:block}.mod-panel .bd h3{line-height:36px;font-size:20px;font-weight:bold;color:#333}.mod-panel .bd .list{display:grid;grid-template-columns:repeat(2, 1fr);gap:3px}.mod-panel .bd .item{padding:10px 20px;background:rgba(0,0,0,.02);border-radius:6px}.mod-panel .bd .item:last-child{border-bottom:none}.mod-panel .bd .item h4{line-height:28px;font-size:16px;font-weight:bold;color:#333}.mod-panel .bd .item p{line-height:20px;font-size:14px;color:#666}.mod-friendlink .bd{line-height:24px}.mod-friendlink .bd a{display:line-block;padding:0 12px;white-space:nowrap;color:#666}.mod-friendlink .bd a:hover{text-decoration:underline}@media screen and (max-width: 799px){.mod-panel{padding:10px;border-radius:0}.mod-panel .hd{padding:10px;text-align:center;background-size:cover;flex-direction:column;border-radius:0}.mod-panel .hd .slogan h1{line-height:36px;font-size:20px}.mod-panel .hd .slogan p{line-height:24px;font-size:15px}.mod-panel .hd .contact .btn-large{min-width:80px;height:40px;line-height:38px;font-size:16px}.mod-panel .bd{padding:10px 0}.mod-panel .bd h3{line-height:32px;font-size:18px}.mod-panel .bd .item{padding:10px 12px}.mod-panel .bd .item h4{line-height:25px;font-size:15px}.mod-panel .bd .item p{line-height:20px;font-size:14px}.mod-friendlink .bd{line-height:22px}.mod-friendlink .bd a{padding:0 6px}}