/* artlsit */
#artlsit ul{font-size: 0;text-align: center;}
#artlsit ul li {width: calc((100% / 3) - 25px);display: inline-block;overflow: hidden;margin: 0px 10px 20px;}
#artlsit ul li .img {position: relative;}
#artlsit ul li .img a.photo { -webkit-transform: translate(0) scale(1); transform: translate(0) scale(1); }
#artlsit ul li .img p.cate{position: absolute;top: 0px;left: 0;padding: 10px 30px;text-align: center;background: #f1b993; color: #fff;}
#artlsit ul li .info {padding: 35px 30px 5px;}
#artlsit ul li .info h3 {height: 35px;-webkit-line-clamp: 1;color: #212121;font-size: 22px;font-weight: 500;line-height: 1.2;padding-left: 20px;position: relative;}
#artlsit ul li .info h3:before {
    content: "";
    width: 4px;
    height: 18px;
    background-color: #ff8f43;
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
}
#artlsit ul li .info article {height: 60px;font-size: 14px;color: #6D6D6D;-webkit-line-clamp: 2;font-size: 14px;line-height: 1.8;padding-top: 10px;}
#artlsit ul li .info p.more{
    padding-top: 20px;
    position: relative;
}
#artlsit ul li .info p.more a{
	    display: inline-block;
    padding-bottom: 7px;
    color: #111111;
    font-size: 15px;
    letter-spacing: 2.25px;
    border-bottom: 3px solid #dddddd;
}
#artlsit ul li .info p.more a:hover {
    color: #6b6565;
    border-bottom-color: #6b6565;
}
#artlsit ul li .info p.more:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #eeeeee;
    z-index: -1;
}
#artlsit ul li .info .price{padding-bottom: 10vh;}
#artlsit ul li .info .price span{display: inline-block;color: #6D6D6D;font-size: 16px;}
#artlsit ul li .info .price span.old {float: left;}
#artlsit ul li .info .price span.new {float: right;}
#artlsit ul li .info .price font{color: #ea9d68;font-size: 18px;}
#artlsit ul li .info .price .old font { text-decoration: line-through;}

@media screen and (max-width: 1580px) {
    #artlsit{margin: 0px auto;width: 95%;}
}
@media screen and (min-width: 1281px) {	
	#artlsit ul li:hover .img a.photo { -webkit-transform: translate(0) scale(1.1); transform: translate(0) scale(1.1); }
	#artlsit ul li:hover .img a.photo img {background: #10101036;}
	#artlsit ul li .info .cate a:hover , #artlsit ul li .info h3 a:hover { opacity: .6; }
}
@media screen and (max-width: 980px) {
	#artlsit ul li{width: calc((100% / 2) - 25px);}
}
@media screen and (max-width: 768px) {
	#artlsit .pageTop h2{
    font-size: 20px;
}
#artlsit .pageTop .line{
    height: 30px;
    margin-bottom: 5px;
}
#artlsit{
    margin: auto;
    width: 100%;
}
#artlsit .pageTop{
    margin-bottom: 10px;
}
}
@media screen and (max-width: 640px) {
	#artlsit ul li{width: 95%;margin: 0 auto;margin-bottom: 6vh;}
	#artlsit ul li .info article a {margin: 12px 0 5px;}
}