/* ========================================================
   自定义组件样式（由 form-widget / product-ecommerce / honor 合并）
   按区块组织，避免重复
   ======================================================== */

/* ---------- 表单组件 ---------- */
.form-widget .form-group.size-1{width:25%}
.form-widget .form-group.size-2{width:50%}
.form-widget .form-group.size-3{width:75%}
.form-widget .field-validation-valid{display:none}
.form-widget .control-label span.required{font-weight:normal;color:#f00}
.form-widget .form-group .checkbox:first-child,.form-widget .form-group .radio:first-child{margin-top:0}
.form-widget .form-group .checkbox:last-child,.form-widget .form-group .radio:last-child{margin-bottom:0}
.form-widget hr{margin-top:0}
.form-widget .form-group dl{margin-bottom:0;font-size:88%;color:#7d7d7d}

/* ---------- 产品电商组件 ---------- */
.product-ecommerce{max-width:860px;margin:1rem auto 1rem 0}
.product-ecommerce h1{margin-top:0}
.product-ecommerce label{font-weight:normal;margin-bottom:0}
.product-ecommerce .thumbnail{margin:0 0 0 auto;box-shadow:none;border-radius:0}
.product-ecommerce .thumbnail .stage{width:100%}
.product-ecommerce .thumbnails{list-style:none;padding:0;margin:1rem 0;text-align:center}
.product-ecommerce .thumbnails>li{display:inline-block;border:1px solid #ccc;padding:1px}
.product-ecommerce .thumbnails>li.active{border-color:#353535}
.product-ecommerce .thumbnails>li:hover{border-color:#e4393c}
.product-ecommerce .thumbnails>li img{width:54px}
.product-ecommerce .price{font-size:2rem;color:#e4393c}
.product-ecommerce .tag-select{margin-bottom:7.5px}
.product-ecommerce .tag-select input[type=radio]{display:none}
.product-ecommerce .tag-select input[type=radio]:checked+label{color:#fff;background:#585858;border:1px solid #585858;cursor:default}
.product-ecommerce .tag-select label{display:inline-block;cursor:pointer;margin:0 .25em .25em 0;padding:.25em .75em;border:1px solid #585858;background:#dedede;font-weight:normal}
.product-ecommerce .tag-select label:hover{color:#ca2026;background:#efefef;border:1px solid #ca2026}
.product-ecommerce .quantity-set{margin:15px 0;display:table;background:#efefef;text-align:center;border:1px solid #ccc}
.product-ecommerce .quantity-set a{display:table-cell;height:35px;width:35px;text-decoration:none;font-size:16px;vertical-align:middle}
.product-ecommerce .quantity-set a:hover{background:#dedede}
.product-ecommerce .quantity-set a:active{background:#d2d2d2}
.product-ecommerce .quantity-set .quantity{display:table-cell;padding:0 5px;vertical-align:middle;background:#fff;height:35px;width:38px;border-left:1px solid #ccc;border-right:1px solid #ccc}
.product-ecommerce .quantity-set svg{width:15px;height:15px;fill:#999}

/* ---------- 荣誉资质 ---------- */
.section-honor .honor-list{padding:0;list-style:none;display:grid;gap:2em;grid-template-columns:repeat(auto-fit,minmax(252px,260px));justify-content:center;margin:0 auto}
.section-honor .honor-list .play-icon{fill:#fff;position:absolute;left:6px;bottom:6px;width:32px;height:32px;opacity:1}
.section-honor .honor-list .honor-thumb{position:relative}
.section-honor .honor-list .honor-thumb>a:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;transition:all 300ms ease-in-out}
.section-honor .honor-list .honor-thumb:hover>a:after{background:rgb(0 0 0 / 10%)}
.section-honor .honor-list .honor-thumb img{width:100%;height:142px;object-fit:cover}
.section-honor .honor-list .duration{background:#000;border-radius:3px;color:#fff;position:absolute;right:6px;bottom:6px;font-size:11px;padding:0 5px}
.section-honor .honor-list .title a{color:#444}
.honor-js{border:1px solid #ccc}
.honor-player .detail{margin-bottom:2em}
.honor-player.special .page-header{border-bottom:none}
.honor-latest-list{list-style:none;margin:0;padding:0}
.honor-latest-list .honor-item{margin:5px 0}
.panel-body>.honor-category{margin:-15px}