/* 详情页列表 */
.videolist .box20{width: 100%;overflow: hidden;margin-top: 8px;display: flex;justify-content: left;flex-wrap: wrap;}
.ztitem h2{color:#39a8ff;font-size: 18px;/*padding-top:76px;background:url(images/videoti.png) no-repeat;font-weight: bold;*/text-align: center;margin-top:36px;}
.ztitem h2 img{margin-bottom:28px;}
.mtit{background: url(https://resource.singdown.com/TLimages2009/topspeed/images/img19/videoti_o.png) no-repeat 38px -12px;height: 30px;line-height: 30px;font-size: 30px;margin-bottom: 10px;color:#2296ef;}
.videolist dl{width:355px;/*height: 451px;*/height:434px;border:1px solid #efefef;background:#fff;border-radius:10px;margin-top:25px;transition: .1s background;float:left;}
.videolist dt{text-align: center;padding-top:26px;}
.videolist dl dt{position:relative;}
.videolist dl:nth-child(1) dt:after,.videolist dl:nth-child(2) dt:after,.videolist dl:nth-child(3) dt:after{position:absolute;top:16px;left:22px;content:"";background:url(https://resource.singdown.com/TLimages2009/topspeed/images/img19/dengji.png);width:60px;height: 52px;line-height: 65px;font-size: 18px;font-weight: bold;text-align: center;}
.videolist dl:nth-child(1) dt:after{content: "1";color:#ff4817;}
.videolist dl:nth-child(2) dt:after{background-position:0 -54px;content: "2";color:#484848;}
.videolist dl:nth-child(3) dt:after{background-position:0 -108px;content: "3";color:#484848;}
.videolist .tit{text-align: center;font-size: 24px;/*padding-top:20px;padding-bottom:10px;*/ overflow: hidden;white-space:nowrap;text-overflow:ellipsis;padding:20px 10px 10px 10px;}
.videolist dd.tit a{color:#121212;}
.videolist dd.introdu{margin:0 30px 0 42px;font-size: 18px;line-height: 42px;color:#010600;}
.videolist dd.introdu p{background:url(https://resource.singdown.com/TLimages2009/topspeed/images/img19/circle20.png) no-repeat 0 center;padding-left:18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.videolist dd.introdu p img{vertical-align: text-bottom;}
.videolist dd.introdu p b{margin-right:5px;font-weight:normal;}  .videolist dd.introdu p a{margin-right: 8px;color:#010600;}
.videolist dd.introdu p a:hover{text-decoration: none;}
.videolist dd.dwbtn{text-align: center;padding-top:18px;}
.videolist dd.dwbtn a{display: inline-block;width: 184px;height: 48px;background: url(https://resource.singdown.com/TLimages2009/topspeed/images/img19/dbtnz20.png) no-repeat;transition:.1s background;}
.videolist dl:hover{background: url(https://resource.singdown.com/TLimages2009/topspeed/images/img19/itembg_2.png) no-repeat;/*background-size:100% 434px;*/}
.videolist dl:hover .dwbtn a{background-position:0 -48px;}
.mtit{line-height: 26px;height: 26px;font-size: 28px;font-family: "思源黑体 CN","微软雅黑";font-weight: bold;}
.mtit span{background: #f5f5f5;padding: 0 5px;font-family: "思源黑体 CN","微软雅黑";font-weight: bold;}
.ztitem h2{font-size:16px;}
.videolist dl.four{width: 260px;height: 340px; margin-right: 46px;}
.videolist dl.four:nth-child(4n){margin-right: 0;}
.videolist dl.four:hover{/*background-size: 100% 340px;*/background:url(https://resource.singdown.com/TLimages2009/topspeed/images/img19/itembg_1.png?12) no-repeat;}
.videolist dl.four:nth-child(1):hover,.videolist dl.four:nth-child(2):hover,.videolist dl.four:nth-child(3):hover{background:url(https://resource.singdown.com/TLimages2009/topspeed/images/img19/itembg_2_21.png) no-repeat}
.videolist dl.four dt{padding-top:20px;}
.videolist dl.four:nth-child(1) dt:after, .videolist dl.four:nth-child(2) dt:after, .videolist dl.four:nth-child(3) dt:after{top:12px;left:18px;width: 40px;height: 38px;line-height: 45px;font-size:14px;background:url(https://resource.singdown.com/TLimages2009/topspeed/images/img19/dengji1.png) -1px 0 no-repeat;}
.videolist dl.four:nth-child(2) dt:after{background-position:-3px -39px}
.videolist dl.four:nth-child(3) dt:after{background-position:-3px -79px}
.videolist dl.four dt img{width: 65px;height: 65px;}
.videolist dl.four .tit{padding:10px 10px 5px 10px;font-size:20px;}
.videolist dl.four dd.introdu{font-size:16px;line-height:32px;}
.videolist dl.four dd.introdu{font-size:16px;margin: 0 25px 0 35px;}
.videolist dl.four dd.dwbtn a{width: 140px;height: 37px;/*background-size:140px;*/background:url(https://resource.singdown.com/TLimages2009/topspeed/images/img19/dbtnz20_1.png) no-repeat;}
.videolist dl.four:hover .dwbtn a{background-position: 0 -37px;}
.videolist dd.zhay{/*margin: 0 30px 0 42px;*/margin: 0 25px 0 35px;font-size: 16px; line-height: 31px; height: 168px; overflow: hidden; text-align: center; display: none;}
.videolist dd.zhay p{height: 152px; overflow: hidden; text-align: left; margin-bottom: 10px;}
.videolist dd.zhay p.mac{height: 128px;}
.videolist dd.zhay a{margin-right: 16px; /*color: #010600;*/color: #333; font-size: 18px;}
.videolist dd.zhay a:hover{text-decoration: none;}
.videolist dl:hover dd.zhay{display: block;}
.videolist dl:hover dd.introdu{display: none;}
.videolist dl.four dd.zhay{font-size: 14px; line-height: 23px; height: 128px;}
.videolist dl.four dd.zhay p{height: 122px; margin-bottom: 10px;}
.videolist dl.four dd.zhay p.mac{height: 92px;}
.videolist dl.four dd.zhay a{margin-right: 12px; font-size: 16px;}
/*2020-4-17修改*/
.videolist dl.four{width:262px;height: 287px;margin-top: 18px;}
.videolist dl.four .tit{font-size: 18px;}
.videolist dl.four dt{padding-top:15px;}
.videolist dl.four dd.introdu{font-size:14px;margin: 0 10px 0 25px;line-height:26px;color: #444;}
.videolist dl.four dd.zhay {font-size: 14px;line-height: 23px;height: 102px;margin: 0 10px 0 25px;}
.ztitem h2{margin-top:16px;}
.videolist dl.four dd.zhay p{height: 90px;margin-top: 5px;}
.videolist dl.four dd.zhay a{font-size: 14px;color: #444;}
.videolist dl.four dd.zhay p.mac{height: 64px;margin-top: 0;}
.videolist dd.dwbtn{padding-top: 8px;}
.videolist dd.introdu p img,.videolist dl.four dd.zhay img{width: 20px;}
/*2020-4-21修改*/
.videolist .box20{margin-top: 0;}
.videolist dl.four{height: 252px;}
.videolist dl.four dt{padding-top: 12px;}
.videolist dl.four dd.zhay{height: 78px;text-align: left;color: #444;}
.videolist dl.four dd.zhay p{height: 42px;margin-bottom: 6px;color: #444;}
.videolist dl.four dd.zhay p.mac{height: 26px;margin-bottom: 0;}
.videolist dl.four:hover{/*background-size: 100% 340px;*/background:url(https://resource.singdown.com/TLimages2009/topspeed/images/img19/tembg_1_21.png) no-repeat;}
.videolist dl.four dd.zhay b{font-weight: normal;display: block;color: #444;}
.videolist dl.four dd.zhay b.mac{margin-bottom: 5px;}
.videolist dd.introdu p{background-size: 6px;}
.ztitem h2{font-weight: bold;}
.videolist dl.four dt .check,.videolist dl.four dt .check1{position: absolute;width: 70px;height: 35px;background: url(https://resource.singdown.com/TLimages2009/topspeed/images/officezt/ancheck1.png?13) no-repeat;line-height: 40px;color: #fff;right: -5px;top:10px;}
.videolist dl.four dt .check1{top:46px;}

.ztitem .mtit h1{
    font-size: 28px;
    font-weight: bold;
}
.wrap_title{
    margin-top: 20px;
}
.ztitem .more{
    clear: both;
    background: #2296ef;
    width: 180px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    font-size: 20px;
    margin: 20px auto;
    color: #fff;
    cursor: pointer;
    display: none;
}
.ztitem .more:hover{
    background: #39a8ff;
}
/* 专题介绍 */
.clearfix::after{
    content: '';
    display: block;
    clear: both;
}
.zt_introduce{
    margin-top: 35px;
}
.zt_introduce{
    width: 100%;
    overflow: hidden;
}
.zt_introduce .layout{
    width: 1098px;
    background: #fff;
    border: 1px solid #eee;
    margin-top: 20px;
    padding: 20px 50px;
}
.zt_introduce img{
    width: 400px;
    height: 200px;
    float: left;
    margin-top: 20px;
}
.zt_introduce .introduce_right{
    float: right;
    width: 580px;
    margin-top: 25px;
}
.zt_introduce .introduce_right h1{
    font-size: 22px;
    color: #2c2c2c;
    text-align: center;
}
.zt_introduce .introduce_right .time{
    overflow: hidden;
}
.zt_introduce .introduce_right .time_content{
    float: right;
}
.zt_introduce .introduce_right .time span{
    font-size: 14px;
    color: #7b7b7b;
}
.zt_introduce .introduce_right .time_content span:nth-of-type(2){
    margin-left: 10px;
}
.zt_introduce .introduce_right .content{
    height: 140px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-top: 10px;
    padding: 10px 0px;
    display: block;
}
.zt_introduce .introduce_right .content p{
    font-size: 16px;
    color: #1d1d1d;
    line-height: 30px;
    max-height: 140px;
    overflow-y: auto;
}
/* 相关教程 */
.xg_news{
    margin-top: 40px;
}
.xg_news ul{
    overflow: hidden;
    display: none;
}
.xg_news ul li{
    width: 530px;
    overflow: hidden;
    float: left;
    margin-right: 60px;
    margin-top: 20px;
}
.xg_news ul li:nth-child(2n){
    margin-right: 0px;
}
.xg_news ul li a.articleImg{
    float: left;
}
.xg_news ul li a img{
    width: 220px;
    height: 130px;
    border-radius: 5px;
}
.xg_news ul li .right{
    display: block;
    width: 295px;
    float: right;
}
.xg_news ul li .right .articleTitle{
    margin-top: 10px;
    display: block;
}
.xg_news ul li .right .articleTitle a{ 
    font-size: 16px;
    color: #1d1d1d;
    font-weight: 600;
    width: 210px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: noWrap;
}
.xg_news ul li .right .articleTitle a:hover{ 
    color: #ffa22a;
}
.xg_news ul li .right .articleTitle span.time{ 
    font-size: 14px;
    color: #6c6c6c;
}
.xg_news ul li .right p{
    font-size: 14px;
    color: #1d1d1d;
    line-height: 26px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.xg_news .change{
    clear: both;
    background: #2296ef;
    width: 110px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    font-size: 16px;
    margin: 20px auto;
    color: #fff;
    cursor: pointer;
}
.xg_news .change:hover{
    background: #39a8ff;
}