﻿.ace-dpl-link-card{padding:20px 0 50px;margin:0 auto}
.ace-dpl-link-card .card-box .card .box{margin-bottom:20px;background-color:#fff}
.ace-dpl-link-card .card-box .card .box .box-head.bg{position:relative;background-repeat:no-repeat;background-size:auto 100%;background-position:0 0;height:160px;width:100%;border-left:1px solid #ff6a00;border-right:1px solid #ff6a00}
.ace-dpl-link-card .card-box .card .box .box-head.bg .title{position:absolute;left:20px;right:20px;overflow:hidden;white-space:nowrap;bottom:20px;font-size:18px;font-weight:500;line-height:24px;color:#fff}
.ace-dpl-link-card .card-box .card .box .box-head.color{padding:0 20px}
.ace-dpl-link-card .card-box .card .box .box-head.color .title{height:60px;color:#fff;white-space:nowrap;overflow:hidden;font-size:18px;font-weight:500;line-height:60px}
.ace-dpl-link-card .card-box .card .box .article-list{border-top:none;border:1px solid #ededed;padding:0 20px 20px}
.ace-dpl-link-card .card-box .card .box .article-list .article-box{padding-top:20px}
.ace-dpl-link-card .card-box .card .box .article-list .article-box .sub-title{position:relative;margin-bottom:16px}
.ace-dpl-link-card .card-box .card .box .article-list .article-box .sub-title .txt{position:relative;z-index:1;display:inline-block;background-color:#fff;font-size:16px;line-height:24px;color:#181818;padding-right:20px}
.ace-dpl-link-card .card-box .card .box .article-list .article-box .sub-title:after{position:absolute;content:"";left:0;width:100%;top:50%;transform:translateY(-50%);height:1px;background-color:#ededed}
.ace-dpl-link-card .card-box .card .box .article-list .article-box .article-detail .article{height:24px;margin-top:4px}
.ace-dpl-link-card .card-box .card .box .article-list .article-box .article-detail .article a{position:relative;display:inline-block;padding-right:16px;color:#181818;font-size:14px;height:24px;line-height:24px;max-width:100%}
.ace-dpl-link-card .card-box .card .box .article-list .article-box .article-detail .article a .article-title{white-space:nowrap;overflow:hidden;display:inline-block;width:100%;text-overflow:ellipsis}.ace-dpl-link-card .card-box .card .box .article-list .article-box .article-detail .article a .arrow{position:absolute;right:0}
.ace-dpl-link-card .card-box .card .box .article-list .article-box .article-detail .article a:hover{color:#ff6a00}
@media only screen and (max-width:768px){.ace-dpl-link-card{padding:10px 15px 30px}}


@media screen and (min-width: 769px){    
.ace-col-m-6 {flex: 0 0 33.33%;width: 33.33%; max-width: 33.33%;}
.ace-view-center { width: 1200px;}

}
@media screen and (max-width: 768px) {
.ace-col-xxs-24 {flex: 0 0 100%; width: 100%;max-width: 100%;}
}
.componenet-wrap.ace-render-3 {position: relative;}
.ace-row.ace-row-wrap {flex-wrap: wrap;}
[class^=ace-] {box-sizing: border-box;}
.ace-row {display: flex;}
.ace-row, .ace-row *, .ace-row :after, .ace-row :before { box-sizing: border-box;}
.ace-dpl-link-card .card-box .card .box .box-head.color .title {
    height: 60px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    font-size: 18px;
    font-weight: 500;
    line-height: 60px;
}
.ace-link-primary:link, .ace-link-primary:visited { color: #ff6a00;}
.ace-link-primary {color: #ff6a00;}
.ace-link {text-decoration: none; transition: color .3s;}
body {
    font-family: pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif !important;
    min-height: 100vh;
    font-size: 14px;
    margin: 0;
    padding: 0;
    background: #fff;
}