.omter-video-category-page{background:#fff;color:#333;font-family:Arial,"Microsoft YaHei",sans-serif}
.omter-video-category-page *{box-sizing:border-box}
.omter-video-category-page .m{width:86%;max-width:1360px;min-width:320px;margin:0 auto}
.omter-video-category-page a{text-decoration:none}
.omter-video-category-page .path{display:flex;align-items:center;min-height:70px;padding:15px 0;color:#666;font-size:14px;line-height:40px;overflow:hidden}
.omter-video-category-page .path>.iconfont{margin-right:3px;color:#666;font-size:14px}
.omter-video-category-page .breadcrumbs{display:flex;align-items:center;min-width:0;white-space:nowrap}
.omter-video-category-page .breadcrumbs a{color:#666}
.omter-video-category-page .breadcrumbs i{padding:0 4px;color:#999;font-size:12px}
.omter-video-category-page .breadcrumbs>span:last-child{min-width:0;color:#999;overflow:hidden;text-overflow:ellipsis}
.omter-video-category-page .video-list-box{padding:0 0 20px}
.omter-video-category-page .video-category-tabs{margin-bottom:24px;border-bottom:1px solid #e5e5e5}
.omter-video-category-page .video-category-tabs ul{display:flex;align-items:stretch;min-height:50px;margin:0;padding:0;list-style:none}
.omter-video-category-page .video-category-tabs li{display:flex;align-items:center;margin-right:2px;padding:0 18px;border:1px solid #e5e5e5;border-bottom:0;background:#fafafa;color:#666;font-size:16px}
.omter-video-category-page .video-category-tabs li.current{background:#fff;border-top:2px solid #333;color:#333}
.omter-video-category-page .video-category-tabs h1{margin:0;font-size:16px;font-style:normal;font-weight:400;line-height:48px}
.omter-video-category-page .video-category-tabs a{display:block;max-width:220px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.omter-video-category-page .video-list-grid ul{display:flex;flex-wrap:wrap;margin:0 -1%;padding:0;list-style:none}
.omter-video-category-page .video-list-grid li{width:23%;margin:0 1% 24px;padding:10px;transition:box-shadow .2s ease,transform .2s ease}
.omter-video-category-page .video-list-grid li:hover{box-shadow:0 3px 18px rgba(0,0,0,.12);transform:translateY(-2px)}
.omter-video-category-page .video-card-image{display:block;width:100%}
.omter-video-category-page .video-box{position:relative;display:block;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;background:#000}
.omter-video-category-page .video-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}
.omter-video-category-page .video-list-grid li:hover .video-box img{transform:scale(1.025)}
.omter-video-category-page .video-placeholder{position:absolute;inset:0;background:#111}
.omter-video-category-page .list-playIcon{position:absolute;z-index:2;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:rgba(0,0,0,.62)}
.omter-video-category-page .list-playIcon:before{content:"";position:absolute;top:9px;left:13px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff}
.omter-video-category-page .video-card-title{display:block}
.omter-video-category-page .video-card-title .title{display:block;height:35px;margin-top:5px;padding:0 5px;color:#313131;font-size:16px;line-height:35px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.omter-video-category-page .video-list-empty{width:100%!important;padding:60px 20px!important;color:#999;text-align:center}
.omter-video-category-page .video-list-pagination{margin:16px auto 42px;text-align:center}
.omter-video-category-page ul.yiiPager{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;border:0;list-style:none;font-size:15px;line-height:1}
.omter-video-category-page ul.yiiPager li{display:inline-block;margin:0}
.omter-video-category-page ul.yiiPager a,.omter-video-category-page ul.yiiPager span{display:block;min-width:32px;padding:8px 9px;border:1px solid #dedede;background:#fff;color:#555;font-weight:400;text-decoration:none}
.omter-video-category-page ul.yiiPager a:hover{border-color:#999;color:#111}
.omter-video-category-page ul.yiiPager .selected a,.omter-video-category-page ul.yiiPager .selected span{border-color:#a90000;background:#a90000;color:#fff;font-weight:700}
.omter-video-category-page ul.yiiPager .hidden a,.omter-video-category-page ul.yiiPager .disabled span{color:#aaa;cursor:default}
.omter-video-category-page .video-related-products{padding:10px 0 50px;border-top:1px solid #eee}
.omter-video-category-page .video-related-products h2{margin:26px 0 24px;color:#1f2837;font-size:24px;font-weight:400;line-height:44px;text-align:center}
.omter-video-category-page .video-inquiry-box h2{margin:0;padding:15px 10px;color:#333;font-size:20px;font-weight:400;line-height:20px;text-align:left}
.omter-video-category-page .video-related-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.omter-video-category-page .video-related-grid article{min-width:0}
.omter-video-category-page .related-image{display:block;aspect-ratio:1/1;border:1px solid #f0f0f0;overflow:hidden}
.omter-video-category-page .related-image img{width:100%;height:100%;object-fit:contain}
.omter-video-category-page .related-name{display:block;margin-top:10px;color:#333;font-size:14px;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.omter-video-category-page .video-inquiry-box{margin:20px 0 50px;padding:20px;background:#fff}
.omter-video-category-page .video-inquiry-form{margin-top:20px}
.omter-video-category-page .video-inquiry-field{padding:10px}
.omter-video-category-page .video-inquiry-form input,.omter-video-category-page .video-inquiry-form textarea{display:block;width:100%;border:1px solid #fafafa;background:#fafafa;color:#333;font:inherit;outline:none}
.omter-video-category-page .video-inquiry-form input{height:44px;padding:0 10px;line-height:44px}
.omter-video-category-page .video-inquiry-form textarea{min-height:145px;padding:10px;line-height:36px;resize:vertical}
.omter-video-category-page .video-inquiry-form input:focus,.omter-video-category-page .video-inquiry-form textarea:focus{border-color:#ddd;background:#fff}
.omter-video-category-page .video-inquiry-hint{margin:0;color:#777;font-size:16px;line-height:30px}
.omter-video-category-page .video-inquiry-actions{padding:10px}
.omter-video-category-page .video-inquiry-form button{display:block;width:110px;height:50px;margin:0 auto;border:0;background:#232323;color:#fff;font-size:18px;line-height:50px;cursor:pointer}
.omter-video-category-page .video-inquiry-form button[disabled]{opacity:.6;cursor:wait}
.omter-video-category-page .video-inquiry-result{min-height:22px;margin:2px 0 0;text-align:center;font-size:14px}
.omter-video-category-page .video-inquiry-result.is-success{color:#218739}
.omter-video-category-page .video-inquiry-result.is-error{color:#b42318}
@media (max-width:1040px){.omter-video-category-page .m{width:94%}.omter-video-category-page .path{display:none}.omter-video-category-page .video-list-box{padding-top:28px}.omter-video-category-page .video-list-grid li{width:31.333%}.omter-video-category-page .video-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:767px){.omter-video-category-page .m{width:100%;min-width:0}.omter-video-category-page .video-list-box{padding-top:0}.omter-video-category-page .video-category-tabs{overflow:hidden}.omter-video-category-page .video-category-tabs ul{overflow-x:auto;overflow-y:hidden;white-space:nowrap}.omter-video-category-page .video-category-tabs li{flex:0 0 auto;margin:0;padding:0 20px;border-top:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-left:0}.omter-video-category-page .video-category-tabs li.current{border-top:2px solid #333}.omter-video-category-page .video-list-grid{padding:0 5px}.omter-video-category-page .video-list-grid ul{margin:0}.omter-video-category-page .video-list-grid li{width:48%;margin:0 1% 16px;padding:5px}.omter-video-category-page .video-card-title .title{font-size:14px}.omter-video-category-page .video-list-pagination{padding:0 10px}.omter-video-category-page .video-related-products,.omter-video-category-page .video-inquiry-box{margin-left:10px;margin-right:10px}.omter-video-category-page .video-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.omter-video-category-page .video-inquiry-box{padding:15px 5px 24px}.omter-video-category-page .video-related-products h2{font-size:20px}.omter-video-category-page .video-inquiry-box h2{font-size:18px}.omter-video-category-page .video-inquiry-field{padding:7px 10px}.omter-video-category-page .video-inquiry-hint{font-size:14px;line-height:24px}}