﻿.today-relased .item{background-color:#242333}
.today-relased .item .bg{height:100%;top:0;right:0;filter:blur(20px);opacity:.3}
.today-relased .item .pic-left{transition-duration:1s;-webkit-mask-image:linear-gradient(to left, rgba(0,0,0,0) , rgba(0,0,0,1), rgba(0,0,0,0));-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:left top;left:50px;top:0;height:100%;z-index:0;width:470px}
.today-relased .item .tit{top:0;right:0;padding:10px 25px;border-radius:0 0 0 25px;background-color:rgba(255, 255, 255, 0.15)}
.today-relased .item .entery{width:750px;max-width:calc(100% - 470px);padding:80px 50px 50px}
.today-relased .item .entery .desc{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:2;margin:10px 0 30px;text-align:justify}
.today-relased .item .entery .info{backdrop-filter:blur(10px);background-color:rgba(255, 255, 255, 0.2);padding:20px}
.today-relased .item .entery .info .photo{width:60px;height:60px;margin-left:15px}
.today-relased .item .entery .info .inside{width:calc(100% - 170px)}
.today-relased .item .entery .info .inside .title{margin:8px 0}
.today-relased .item .entery .info .inside .cat-p{font-size:0}
.today-relased .item .entery .info .inside .cat-p a:last-child{font-size:13px;font-weight:bold;color:#ddd;opacity:.7}
.today-relased .item .entery .info .rt-more{margin:10px 0}
html.dark-mode .today-relased .item{background-color:#292a33}

@media only screen and (min-width:920px){
.today-relased .item:hover .entery .info .inside .title a{color:var(--color2)}
.today-relased .item:hover .pic-left{transform:scale(1.1)}
}
@media only screen and (max-width:920px){
.today-relased .main{max-width:100%;width:100%}
.today-relased .item{border-radius:0}
.today-relased .item .entery{padding:55px 18px 20px;width:100%;max-width:100%}
.today-relased .item .pic-left{width:100%;left:0;opacity:.4}
.today-relased .item .entery .desc{display:none}
.today-relased .item .tit{margin-bottom: 10px;background:rgba(255, 255, 255, 0.2);backdrop-filter:blur(15px);z-index: 1;font-size:14px;padding:7px 20px}
.today-relased .item .bg{display:none}
.today-relased .item .entery .titr{font-size:18px}
.today-relased .item .entery .desc{border-right:3px rgba(255, 255, 255, 0.15) solid;padding-right: 15px;font-size:13px;margin:5px 0 12px}
.today-relased .item .entery .info{padding:10px}
.today-relased .item .entery .info .inside .title{font-size:14px;margin:8px 0 5px}
}