﻿/*list ul li*/
.img11{display:none}
.img32{width:100%;}
.uk-columns{margin-top:15px}
.uk-columns>li+li{padding-top:15px;}
.uk-columns dl{display:flex;align-items:center;border-bottom:1px solid var(--gray-300);padding-bottom:15px}
.uk-columns dt{width:35%;overflow:hidden;}
.uk-columns dt a{display:block;margin-right:10px;overflow:hidden;border-radius:var(--border-radius);position:relative}
.uk-columns dt a>span{position:absolute;width:100%;height:100%;left:0;top:0;display:inline-block;transition:all 0.5s ease-out 0s;z-index:1}
.uk-columns dt a:hover>span{transform:scale(1.1)}
.uk-columns dd{flex:1;min-width:1px;}
.uk-columns dd h3{font-size:16px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.uk-columns h3>a:hover{color:var(--orange)}
.uk-columns dd p{font-size:12px;color:var(--gray-400)}
.uk-columns dd p+p{margin-top:10px;}
.uk-columns dd p:nth-last-child(1){display:flex;align-items:center;}
.uk-columns dd i.uk-icon{margin-right:5px;}
.uk-columns dd p.list-detail{color:var(--gray-500);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:none}
.uk-column dd p..tips{line-height:14px}
@media (max-width:359px){
.uk-columns dd h3{font-size:14px;margin-bottom:5px}
.uk-columns dd p+p{margin-top:5px;}
}
@media (min-width:414px){
.uk-columns dd h3{font-weight:600;}
}
@media (min-width:440px){
.uk-columns{margin-top:20px}
.uk-columns>li+li{padding-top:20px}
.uk-columns dl{padding-bottom:20px}
.uk-columns dd h3{font-size:18px;}
.uk-columns dt a{margin-right:15px}
}
@media (min-width:640px){
.uk-columns{margin-top:30px}
.uk-columns>li+li{padding-top:30px}
.uk-columns dl{padding-bottom:30px}
.uk-columns dd h3{font-size:18px;margin-bottom:15px}

}
@media (min-width:768px){
.uk-columns dd h3{font-size:20px;}
.uk-columns dd p.list-detail{display:block}
.uk-columns dt a{margin-right:20px}
}
@media (min-width:960px){
.uk-columns dd p.list-detail{display:none}
}
@media (min-width:1200px){
.uk-columns{margin-top:40px}
.uk-columns>li+li{padding-top:40px}
.uk-columns dl{padding-bottom:40px}
.uk-columns dd h3{font-size:18px;margin-bottom:15px}
.uk-columns dd p.list-detail{display:block;font-size:14px;}
}
@media (min-width:1440px){
.uk-columns dd h3{font-size:20px;margin-bottom:20px}
.uk-columns dd p.list-detail{font-size:15px}
}
/*box padding*/
.list-box-padding{padding:10px}
@media (min-width:375px){.list-box-padding{padding:15px}}
@media (min-width:640px){.list-box-padding{padding:20px}}
/*card list li dl*/
.list-right-box{background:var(--light);padding-top:15px;margin-bottom:15px}
.list-left-img{padding:15px;}
.list-left-img li+li{margin-top:10px;}
.list-left-img dl{position:relative}
.list-left-img a{display:flex;align-items:center;}
.list-left-img a:hover{color:var(--primary)}
.list-left-img dt{width:70px;height:70px;overflow:hidden;border-radius:var(--border-radius)}
.list-left-img dt img{width:100%}
.list-left-img a:hover dt img{filter:blur(1px);background:rgb(255,255,255,0.5)}
.list-left-img dd{flex:1;min-width:1px;padding-left:10px}
.list-left-img dd p{ margin:0}
.list-left-img dd p.t{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px}
.list-left-img dd p.b{font-size:12px;text-overflow:ellipsis;-moz-box-orient:vertical;display:-webkit-box;overflow:hidden;color:var(--gray-400);line-height:14px;margin-top:10px}
.list-left-img dd p.b i{margin-right:5px}
.list-left-img dd p.b i.date{margin-left:10px}
@media (min-width:375px){
.list-left-img li+li{margin-top:15px;}
}
@media (min-width:640px){
.list-right-box{padding-top:20px;margin-bottom:20px}
.list-left-img{padding:20px;}
.list-left-img li+li{margin-top:20px;}
.list-left-img dd p.t{font-size:15px}
}
@media (min-width:1440px){
.list-left-img dd p.t{font-size:16px}
}

.list-grid-img ul{margin-top:10px}
.list-grid-img dl{position:relative}
.list-grid-img dl a{display:block;position:relative;z-index:2}
.list-grid-img dl img{width:100%;}
.list-grid-img dl a:hover img{background:rgb(0,0,0,0.1)}
.list-grid-img dt{border-radius:var(--radius-m);overflow:hidden}
.list-grid-img dd{margin-top:10px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
@media (min-width:375px){
.list-grid-img ul{margin-top:15px}
}
@media (min-width:640px){
.list-grid-img dd{font-size:15px}
}
@media (min-width:1440px){
.list-grid-img dd{font-size:16px}
}
/*list grid*/
.uk-columns-grid {padding-top:10px}
.uk-columns-grid dl{position:relative;background:#fff;border-radius:var(--radius-m);padding-bottom:24px;}
.uk-columns-grid dl:hover{box-shadow:0px 5px 15px rgb(var(--primary-rgb),0.1)}
.uk-columns-grid dt{border-radius:var(--radius-m) var(--radius-m) 0 0;overflow:hidden;position:relative}
.uk-columns-grid dt img{width:100%}
.uk-columns-grid dt a{position:relative;display:block;z-index:1}
.uk-columns-grid dt a em{font-weight:normal;font-style:normal;color:#fff;background:rgb(255,255,255,0.3);display:block;font-size:14px;line-height:20px;padding:5px 10px;border-radius:var(--radius-m);position:absolute;z-index:5;top:50%;left:50%;transform: translate(-50%, -50%);opacity:0}
.uk-columns-grid dt a span{position:absolute;display:block;width:100%;height:100%;left:0;top:0;transition:all 0.5s ease-out 0s;z-index:-1}
.uk-columns-grid dt a:hover span{transform:scale(1.1)}
.uk-columns-grid dt a:hover em{opacity:1}
.uk-columns-grid dt a:hover img{background:rgb(0,0,0,0.5)}
.uk-columns-grid dd{margin:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size:14px}
.uk-columns-grid dd a:hover{color:var(--red)}
.uk-columns-grid dl p{vertical-align:top;width:100%;height:14px;line-height:13px;font-size:12px;color:var(--gray-300);position:absolute;left:0;bottom:10px;padding:0px 10px;}
.uk-columns-grid dl p i{vertical-align:top;margin-right:5px}
@media (min-width:375px){
.uk-columns-grid {padding-top:15px}
.uk-columns-grid dl{padding-bottom:29px}
.uk-columns-grid dd{margin:15px;}
.uk-columns-grid dl p{padding:0px 15px;bottom:15px;}

}
@media (min-width:640px){
.uk-columns-grid dd{ font-size:15px}
}
@media (min-width:1440px){
.uk-columns-grid dd{ font-size:16px}
}

.uk-list{ margin-top:15px}
.uk-list>li{position:relative;display:flex;align-items:center; padding:10px 20px; background:#fff; border-radius:var(--border-radius)}
.uk-list>li:hover{ box-shadow:0px 5px 10px rgb(var(--drak-rgb),0.08); background:var(--light)}
.uk-list>li>a{display:block;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1;min-width:1px;position:relative;padding-left:15px;font-size:15px}
.uk-list>li>a:after{content:"";width:6px;height:6px;border:1px solid var(--link);border-radius:50%;position:absolute;left:0;top:50%;margin-top:-3px}
.uk-list>li>a:hover{color:var(--orange)}
.uk-list>li>a:hover:after{background:var(--orange);border-color:var(--orange)}
.uk-list>li>span{font-size:12px;color:var(--gray-400);margin-left:1rem;width:auto}
.uk-list dl{margin:20px auto;background:#fff;}
.uk-list dl img{width:100%}
.uk-list dd{padding:15px;font-size:14px;color:var(--gray-400)}
.uk-list dd .t{font-weight:bold;font-size:15px;color:var(--dark)}

.listmore{margin:2rem auto 0;text-align:center}
.page-phone{background:var(--primary);color:#fff;border-radius:var(--radius-m);padding:5px 15px;line-height:1;font-size:14px}
.page-phone:hover{color:var(--light);box-shadow:0px 5px 15px rgb(var(--primary-rgb),0.1)}


/*columns-banner*/
.columns-banner img{ width:100%; border-radius:var(--radius-m); margin-bottom:10px}
@media (min-width:375px){.columns-banner img{ margin-bottom:15px}}
@media (min-width:440px){.columns-banner img{ margin-bottom:20px}}
@media (min-width:640px){.columns-banner img{ margin-bottom:30px}}
@media (min-width:1200px){.columns-banner img{ margin-bottom:40px}}
.uk-article .columns-banner img{ margin-bottom:0}

