.archive-site .head{padding:50px 0 30px;background:linear-gradient(to bottom,transparent,var(--body))}
.archive-site .head:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;background:#fff url('../img/bgarchive.svg') center;z-index:-1;opacity:.2}
.archive-site .head .main{width:1000px}
.archive-site .head .title-area h1{display:inline-block;line-height:1.8;background-color:var(--body);padding:0 20px}
.archive-site .head .title-area:before{position:absolute;right:0;height:2px;top:calc(50% - 1px);content:"";width:100%;background:linear-gradient(to right,transparent,var(--color),transparent)}
.archive-site .head .all-cats{margin-top:20px}
.archive-site .head .all-cats li{display:inline-block}
.archive-site .head .all-cats li a{padding:8px 15px;margin:7px 4px;display:inline-block}
.archive-site .head .all-cats li.active a,.archive-site .head .all-cats li a:hover{background-color:var(--color4);color:var(--color);box-shadow:none}
.archive-site .entery .mini-p{width:calc(20% - 20px);margin:10px}
.archive-site .entery .mini-p .photo .pic{height:220px}
.archive-site .rt-pages .load-more{display:inline-block;padding:12px 15px;margin:15px 7px 0;box-shadow:0 2px 9px 0 var(--color2)}
.archive-site .rt-pages .load-more i{margin:1px 7px 0 0}
.archive-site .rt-pages .load-more i.right{margin:1px 0 0 7px}
.archive-site .rt-pages .load-more.prev{box-shadow:0 2px 9px 0 var(--color)}
.archive-site .rt-pages .load-more:hover{opacity:.8;box-shadow:none !important}

.archive-site .entery .is-empty img{height:200px}
.archive-site .entery .is-empty .desc{margin:10px 0 50px}

@media only screen and (max-width:1350px){
.archive-site .entery .mini-p .photo .pic{height:200px}
}
@media only screen and (max-width:1230px){
.archive-site .entery .mini-p .photo .pic{height:185px}
}
@media only screen and (max-width:1160px){
.archive-site .entery .mini-p{width:calc(25% - 20px)}
.archive-site .entery .mini-p .photo .pic{height:240px}
}
@media only screen and (max-width:1030px){
.archive-site .entery .mini-p .photo .pic{height:200px}
}
@media only screen and (max-width:980px){
.archive-site .entery .mini-p .photo .pic{height:170px}
}
@media only screen and (max-width:930px){
.archive-site .entery .mini-p{width:calc(33.33% - 20px)}
.archive-site .entery .mini-p .photo .pic{height:260px}
}
@media only screen and (max-width:920px){
.archive-site .entery .is-empty img{height:100px;margin-top:30px}
.archive-site .entery .is-empty .desc{margin:10px 0 50px;font-size:13px}
.archive-site .entery .mini-p .photo .pic{height:230px}
.archive-site{padding-bottom:40px}
.archive-site .head{padding:30px 0 10px}
.archive-site .head .title-area h1{padding:0 10px;font-size:18px}
.archive-site .head .all-cats{font-size:13px}
.archive-site .head .all-cats li a,.archive-site .head .all-cats li{float:right}
.archive-site .head .all-cats li{margin-left:10px}
.archive-site .head .all-cats li a{margin:10px 0}
.archive-site .rt-pages .load-more{font-size:13px;padding:10px 15px;margin:10px 5px}
.archive-site .rt-pages .load-more i{font-size:15px}
}
@media only screen and (max-width:800px){
.archive-site .entery .mini-p .photo .pic{height:200px}
}
@media only screen and (max-width:700px){
.archive-site .entery{width:calc(100% + 15px);margin-right:-7.5px}
.archive-site .entery .mini-p{width:calc(33.33% - 15px);margin:7.5px}
.archive-site .entery .mini-p .photo{padding:20px 0 10px}
.archive-site .entery .mini-p .photo .pic{height:180px}
}
@media only screen and (max-width:580px){
.archive-site .entery .mini-p{width:calc(50% - 15px)}
.archive-site .entery .mini-p .photo .pic{height:290px}
}
@media only screen and (max-width:510px){
.archive-site .entery .mini-p .photo .pic{height:250px}
}
@media only screen and (max-width:460px){
.archive-site .entery .mini-p .photo .pic{height:220px}
}
@media only screen and (max-width:430px){
.mini-p .price{width:calc(100% + 20px);margin-right:-10px}
.archive-site .entery .mini-p .photo .pic{height:190px}
}
@media only screen and (max-width:380px){
.archive-site .entery .mini-p .photo .pic{height:180px}
}
@media only screen and (max-width:370px){
.archive-site .entery .mini-p .photo .pic{height:170px}
}