@font-face{font-family:OPENSANS-REGULAR;font-weight:500;src:url("../font/OPENSANS-REGULAR.TTF")}@font-face{font-family:OPENSANS-SEMIBOLD;font-weight:500;src:url("../font/OPENSANS-SEMIBOLD.TTF")}body,div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,p{margin:0;padding:0;font-style:normal;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.3}sup{line-height:1}ol,ul,li{list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box}.list-pagination .number{-webkit-transition:color .1s linear;transition:color .1s linear}.list-pagination .number:hover:not(.active){background:-webkit-gradient(linear, left top, left bottom, from(#2b2b2b), to(#0c0c0c));background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);-webkit-box-shadow:inset 0 0 3px #111;box-shadow:inset 0 0 3px #111;color:#fff}#product-page{width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#video-page{width:900px;background-color:#fff;font-family:OPENSANS-REGULAR;padding-left:40px;border-left:1px solid #dddfe6;color:#303030}#video-page a{text-decoration:none;color:#303030;-webkit-transition:color .1s linear;transition:color .1s linear;line-height:1}#video-page a:hover{color:#fe5200}#video-page .page-title{font-size:30px;font-family:OPENSANS-SEMIBOLD;color:#000;padding:20px 0}#video-page video{max-height:600px}#video-page .dialog .el-dialog{width:1200px;margin:0 auto}#video-page .dialog .el-dialog .el-dialog__body video{max-width:100%;margin:0 auto;display:block}#video-page .timeSelect{border-bottom:1px solid #ebeef5;display:-webkit-box;display:-ms-flexbox;display:flex}#video-page .timeSelect div{padding:10px 20px;color:#606266}#video-page .timeSelect div span{cursor:pointer;font-size:14px}#video-page .timeSelect .active{color:#fe5200;border-bottom:2px solid #fe5200}#video-page .video-list{border-bottom:1px solid #ebeef5}#video-page .video-list .title{font-size:24px;font-family:OPENSANS-REGULAR;font-weight:400;color:#000;line-height:1;margin-top:50px;margin-bottom:15px}#video-page .video-list .video-search{margin-top:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#video-page .video-list .video-search button{width:80px;border-color:#fe5200;background-color:#fe5200}#video-page .video-list .video-lists .list-ul{margin-top:24px;display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-template-columns:repeat(4, 196px);grid-row-gap:24px;grid-column-gap:24px;width:100%}#video-page .video-list .video-lists .list-ul li{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;font-size:14px;font-weight:400;color:#303030;line-height:1;border:2px solid #fff;-webkit-transition:color .1s linear;transition:color .1s linear}#video-page .video-list .video-lists .list-ul li:hover{border:2px solid #fe5200}#video-page .video-list .video-lists .list-ul li:hover .list-img .play{opacity:1}#video-page .video-list .video-lists .list-ul li .list-img{width:192px;height:157px;position:relative}#video-page .video-list .video-lists .list-ul li .list-img img:not(.play){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#video-page .video-list .video-lists .list-ul li .list-img .play{position:absolute;-webkit-transition:color .1s linear;transition:color .1s linear;opacity:.7;width:40px;height:40px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#video-page .video-list .video-lists .list-ul li .list-tit{margin-top:15px;padding:0 10px;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#video-page .video-list .video-lists .list-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px;margin-bottom:15px}@media screen and (max-width: 1366px){#product-page{width:96%}#video-page{width:100%}#video-page .dialog .el-dialog{width:96%;margin:0 auto}#video-page .video-list .video-lists .list-ul{grid-template-columns:repeat(4, 24%);grid-row-gap:1%;grid-column-gap:1%}#video-page .video-list .video-lists .list-ul li .list-img{width:100%;height:auto}#video-page .video-list .video-lists .list-ul li .list-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}}@media screen and (max-device-width: 768px){#product-page{width:96%}#video-page{width:100%;padding-left:0;border-left:0}#video-page .page-title{font-size:30px}#video-page video{max-height:50vh}#video-page .dialog .el-dialog{width:96%;margin:0 auto}#video-page .video-list{-ms-flex-wrap:wrap;flex-wrap:wrap}#video-page .video-list .video-lists .list-ul{grid-template-columns:repeat(2, 49%);grid-row-gap:0;grid-column-gap:1%;width:100%}#video-page .video-list .video-lists .list-ul li{font-size:16px;margin-bottom:20px}#video-page .video-list .video-lists .list-ul li .list-img{width:100%;height:auto}#video-page .video-list .video-lists .list-ul li .list-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}}