DMS 视频
- 分享
：root{--main:#e57808; --deputy:#e57808; --width:1600px; --font:"蒙特塞拉特"; }
.contact-wechat img{width:100px; height:auto; display:none; position:absolute; top:-25px; left:-110px; transform:scaleX(0); transform-origin:center center; transition:transform 0.3s ease, width 0.3s ease; }
.contact-items-bg .contact-wechat:hover img{display:block; transform:scaleX(1); }
.layout{溢出：隐藏；}
.layout-bg{box-sizing:border-box; width:var(--width); max-width:100%; margin:auto; overflow:visible; }
.清除{显示：无；}
.页面布局 .mod{display:none !important; }
.页面布局 .layout{位置：静态！重要；}
.page-layout .layout-bg{flex-direction:inherit !important; align-items:inherit !important; }
.main{位置：相对；}
.page-body .main{位置：静态！重要；}
.页面布局 .left .left-bottom-bg{display:block; padding:inherit !important; }
.page-layout .layout-foot .left .left-bottom-right{padding:inherit !important; }
.layout-sys2 .left,.layout-sys2 .right,.layout-sys3 .left,.layout-sys3 .center,.layout-sys3 .right,.layout-sys4 .left,.layout-sys4 .centerleft,.layout-sys4 .centerright,.layout-sys4 .right,.layout-sys4-1 .left,.layout-sys4-1 .right,.layout-sys4-1 .right .right-top,.layout-sys4-1 .right .right-bottom,.layout-sys4-1 .right .right-bottom-left,.layout-sys4-1 .right .right-bottom-right,.layout-sys4-2 .left,.layout-sys4-2 .right,.layout-sys4-1 .right .right-top,.layout-sys4-1 .right .右下，.layout-sys4-2 .右 .右上左，.layout-sys4-2 .右 .右上右，.layout-sys4-3 .左，.layout-sys4-1 .左 .左上，.layout-sys4-1 .左 .左下，.layout-sys4-3 .左 .左上左，.layout-sys4-3 .左 .左上右，.layout-sys4-3 .右，.layout-sys4-4 .左，.layout-sys4-1 .左 .左上，.layout-sys4-1 .左 .左下，.layout-sys4-4 .左 .左下左，.layout-sys4-4 .左 .左下右，.layout-sys4-4 .右{宽度：自动； }
输入[type="text"]、输入[type="password"]、输入[type="email"]、文本区域{-webkit-appearance:none; }
输入：焦点{大纲：无；}
文本区域：焦点{轮廓：无；}
.mod h1,.mod h2,.mod h3,.mod h4,.mod h5{字体大小：继承；字体粗细：继承；字体系列：var(--font); }
.mod-内容 .content-bg{溢出：隐藏；}
按钮{字体大小：继承；字体粗细：继承；字体系列：继承；}
按钮：悬停{不透明度：1！重要；}
.mod a{display:inline-block; color:inherit; transition:All 0.3s ease-in-out; font-family:var(--font); }
.mod{颜色：#333；字体大小：calc(0.2vw + 12px)；行高：calc(0.25vw + 20px)；字体系列：'Inter'，'Arial'，sans-serif；字体粗细：400；}
.mod-color .mod-content img{display:block; max-width:100%; margin:auto; transition:All 0.3s ease-in-out; }
*：disabled{光标：不允许！重要；}
.disabled{光标：不允许！重要；}
*:before,*:after{transition:All 0.3s ease-in-out; }
.layout-page{padding:calc(2% + 20px) 0; }
.layout-page .left{宽度：calc(77.5% - 1vw - 10px); }
.layout-page .right{宽度：22.5%; }
.layout-page .mod-color+.mod-color{margin-top:calc(1vw + 20px); }
.layout-page .mod-color .mod-title{padding-bottom:calc(0.5vw + 10px); }
.layout-page .mod-color .title-left{font-size:calc(0.3vw + 16px); line-height:calc(0.35vw + 20px); color:#000; font-weight:500; }
.layout-pagecontact{padding:calc(2% + 20px) 0; }
.layout-pagecontact .layout-bg{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:start; }
.layout-pagecontact .left,.layout-pagecontact .right{宽度：calc(50% - 1vw - 10px); }
.layout-pagecontact .mod-color .mod-title{padding-bottom:calc(0.5vw + 10px); }
.layout-pagecontact .mod-color .title-left{font-size:calc(0.3vw + 16px); line-height:calc(0.35vw + 20px); color:#000; font-weight:500; }
.layout-nav{transition:All 0.3s ease-in-out; overflow:visible; position:sticky; top:0; z-index:8; background:var(--main); box-shadow:0 5px 10px rgba(0,0,0,0.1); }
.layout-nav .layout-bg{显示：flex；对齐项目：中心；对齐内容：空间之间；}
.layout-share{背景：#333; }
.layout-share .layout-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; padding:calc(1vw + 10px) 0; border-bottom:1px solid rgba(255,255,255,0.5); }
.layout-foot{padding:calc(2% + 20px) 0; 背景:#333; }
.layout-foot .layout-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; }
@media（最大宽度：1700px）{
.layout-bg{宽度：calc(100% - 4vw - 40px); }
}
@media（最大宽度：1600px）{
.layout-bg{宽度：calc(100% - 2vw - 20px); }
}
@media（最小宽度：769px）{
.layout-nav .center{flex:1 1 0; }
.layout-share .left{flex:1 1 0; }
.layout-foot .left{宽度：calc(75% - 1vw - 10px); }
.layout-foot .right{宽度：calc(25% - 1vw - 10px); }
}
@media（最大宽度：768px）{
.mod-othercontent01 .mod-content img{最大宽度：继承；宽度：100%；}
.layout{最小宽度：320px; }
.layout-bg{宽度：calc(100% - 2vw - 20px); }
.layout-pagecontact .layout-bg > div{宽度：100%；填充：10px 0；}
.layout-page .layout-bg > .left{width:100%; }
.layout-page .layout-bg > .right{宽度：100%; 顶部填充：20px; }
.layout-top{位置：粘性；顶部：0；z-index：9；}
.layout-nav{高度：50px；顶部：40px；z-index：8；填充：10px 0；}
.layout-nav .left{顺序：2; 弹性：自动; }
.layout-nav .center{顺序：1; }
.layout-nav .right{顺序：3; }
.layout-share .layout-bg > div{宽度：100%；填充：10px 0；}
.layout-foot .layout-bg > div{宽度：100%；填充：10px 0；}
}
.mod .pagination{padding:5px 0; display:flex; align-items:center; justify-content:center; }
.mod .pagination .pagination-nav li{float:left; margin:2px; }
.mod .pagination .pagination-nav li a{text-align:center; background:#f0f0f0; display:block; line-height:30px; overflow:hidden; color:#333; border-radius:3px; font-size:14px; padding:0 5px; min-width:20px; cursor:pointer; text-transform:uppercase; }
.mod .pagination .pagination-link:hover{背景：var(--main); 颜色：#fff; }
.mod .pagination .pagination-nav .pagination-active .pagination-link{cursor:not-allowed; color:#aaa; background:transparent; }
.mod .pagination .pagination-nav .pagination-disabled a{cursor:not-allowed; background:transparent; color:#ccc !important; }
.mod .pagination .page-goto{display:flex; align-items:center; justify-content:center; }
.mod .pagination .page-goto > *{margin:2px; }
.mod .pagination .page-goto .pager-label{line-height:30px; padding:0 5px; color:#fff; }
.mod .pagination .page-goto .textfield-normal{高度：20px；最小宽度：40px；行高：20px；背景：#f0f0f0；颜色：#333；字体大小：14px；填充：5px；边框半径：50vw；边距：0 5px；边框：无；文本对齐：居中；}
.mod .pagination .page-goto .pager-button{background:#f0f0f0; display:block; padding:1px 10px; line-height:30px; color:#333; font-size:14px; border-radius:3px; }
.mod .pagination .page-goto .pager-button:hover{background:var(--main); color:#fff; }
@media（最大宽度：480px）{
.mod .pagination .pagination-nav li{display:none; }
.mod .pagination .pagination-nav li:first-of-type,.mod .pagination .pagination-nav li:last-of-type{display:block; }
}
.mod-detail .bottom-bg{line-height:20px; color:#333; }
.mod-detail .bottom-bg > div{display:flex; align-items:center; }
.mod-detail .bottom-bg a{flex:1 2 0; display:block; text-overflow:ellipsis; white-space:pre; overflow:hidden; color:#333; }
.mod-detail .mod-bottom span:after{内容:":"; padding:0 3px; }
.mod-detail .mod-bottom a{color:var(--main); }
.mod-detail .mod-bottom a:hover{文本装饰：下划线；}