/**************************************
 * @Obj        怪鸟头像
 * @Authors    foxs
 **************************************/
.headimg-section .headimg-content{padding:10px;position: relative;}

.headimg-section .headimg-tags{position: absolute;left: -100px;width: 90px;height: 100%;top:0px}
.headimg-section .headimg-tags .tag-items{display: flex;flex-direction: column;align-items: center;background-color: #fff;padding:10px 10px;border-radius: 5px;position: sticky;top: 120px}
.headimg-section .headimg-tags .tag-items .item{padding:5px 20px;margin:5px 0px;font-size: 12px;color:#888;}
.headimg-section .headimg-tags .tag-items .item-on{background-color: var(--MatchColor,#db4646);color:#fff;border-radius: 5px}
.headimg-section .headimg-tags .tag-items .item:hover{color:var(--MatchColor,#db4646);font-weight: bold;}
.headimg-section .headimg-tags .tag-items .item-on:hover{opacity: 0.8;color:#fff}
/*壁纸：默认列表*/
.headimg-section .headimg-items{padding: 10px;border-radius: 10px}
.headimg-section .headimg-items{display: flex;align-items: center;flex-wrap: wrap;background-color: #fff;}
.headimg-section .headimg-items .item{width:20%;text-decoration: none;}
.headimg-section .headimg-items .item .item-flex{background-color:#fff;width: 100%;padding: 10px;}
.headimg-section .headimg-items .item .thumb{position:relative;background-color:#fff;width: 100%;padding-top: 100%;border-radius: 5px;overflow: hidden;}
.headimg-section .headimg-items .item .thumb .loading{position: absolute;width:100%; height:100%;z-index: 1;display: flex;justify-content: center;align-items: center;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.headimg-section .headimg-items .item .thumb .img{display: block;width:100%;height:100%;overflow: hidden;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 9;border-radius: 5px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.headimg-section .headimg-items .item .thumb .img img{width:100%;height: 100%;object-fit: cover;transform: scale(1);transition: all 0.5s;}
.headimg-section .headimg-items .item .thumb:hover  .img{background-color: var(--BackColor,'#edf2f7');}
.headimg-section .headimg-items .item .thumb:hover  .img img{transform: scale(0.6);border-radius: 50%;box-shadow: 0px 0px 15px #aaa;}

@media screen and (max-width:768px){
	.headimg-section{padding: 0px}
	.headimg-section .headimg-items{padding: 4px;}
	.headimg-section .headimg-items .item{width: 50%;padding: 4px}
	.headimg-section .headimg-items .item .item-flex{padding: 0px}
	.headimg-section .headimg-items .item .img{top: 0px;left: 0px;right: 0px;bottom: 0px}
}
.headimg-section .lovers-item{width: 32.33%;display: flex;align-items: center;justify-content: space-between;border: 1px solid #eee;padding: 3px;border-radius: 5px;margin:0.5%;}
.headimg-section .lovers-item .it{width: 49.4%;height: 0px;padding-bottom: 50%;position: relative;margin:0.3%}
.headimg-section .lovers-item .it .loading{position: absolute;width:100%; height:100%;z-index: 1;display: flex;justify-content: center;align-items: center;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.headimg-section .lovers-item .it .img{display: block;position: absolute;width:100%; height:100%;z-index: 9;background-color: var(--BackColor,'#edf2f7');}
.headimg-section .lovers-item .it .img img{transition: all 0.5s;width:100%;height: 100%;object-fit: cover;border-radius: 3px}
.headimg-section .lovers-item:hover .it .img img{transform: scale(0.6);border-radius: 50%;box-shadow: 0px 0px 15px #aaa;}
@media screen and (max-width:768px){
	.headimg-section .lovers-item{width: 49%}
}
/*头像：主题列表*/
.headimg-group{padding:10px}
.headimg-group .group-items{display: flex;align-items: center;flex-wrap: wrap;background-color: #fff;padding:10px;border-radius: 10px}
.headimg-group .group-items .item{width: 25%;padding: 10px;cursor: pointer;}
.headimg-group .group-items .item .item-flex{width: 100%;padding: 10px;background-color: #fff;border-radius: 5px;display: flex;flex-direction: column;border: 1px solid #f0f0f0}
.headimg-group .group-items .item .item-flex .img-items{display: flex;align-items: center;flex-wrap: wrap;}
.headimg-group .group-items .item .item-flex .img-items .img{width: 48%;padding-top: 48%;position: relative;overflow: hidden;margin: 1%}
.headimg-group .group-items .item .item-flex .img-items .img img{width: 100%;position: absolute;top: 0px;height: 100%;object-fit: cover;border-radius: 5px;}
.headimg-group .group-items .item .item-flex .title{padding: 15px 10px}
@media screen and (max-width:768px){
	.headimg-group .group-items .item{width: 100%}
}

/*详情*/
.headimg-infos{width: 100%;padding: 0px 10px;position: relative;}
.headimg-infos .info-box{display: flex;justify-content: center;align-items: center;flex-direction: column;background-color: #fff;border-radius: 7px;padding: 20px 0px 30px 0px}
.headimg-infos .info-box .thumb{position:relative;background-color:#fff;width: 400px;padding-top: 400px;border-radius: 5px;overflow: hidden;border: 10px solid #fff;}
.headimg-infos .info-box .thumb .loading{position: absolute;width:100%; height:100%;z-index: 1;display: flex;justify-content: center;align-items: center;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.headimg-infos .info-box .thumb .img{display: block;width:100%;height:100%;overflow: hidden;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 9;padding:5px;border-radius: 5px;overflow: hidden;background-color: var(--BackColor,'#edf2f7');}
.headimg-infos .info-box .thumb .img img{width:100%;height: 100%;object-fit: cover;transform: scale(1);transition: all 0.5s;}
.headimg-infos .info-box .thumb:hover .img img{transform: scale(0.6);border-radius: 50%;box-shadow: 0px 0px 15px #aaa;}

.headimg-infos .info-box .theme-thumb{width: 90%;padding: 10px;overflow: hidden;position: relative;}
.headimg-infos .info-box .theme-thumb .thumb-swiper{width: 100%;padding: 10px;overflow: hidden;}
.headimg-infos .info-box .theme-thumb .thumb-swiper .item img{width: 100%;}
.headimg-infos .info-box .theme-thumb .swiper-horizontal>.swiper-pagination-bullets, 
.headimg-infos .info-box .theme-thumb .swiper-pagination-bullets.swiper-pagination-horizontal, 
.headimg-infos .info-box .theme-thumb .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px}
.headimg-infos .info-box .theme-thumb .swiper-pagination-bullet-active{background-color: var(--MatchColor,#db4646);}


.headimg-infos .loves-thumb{width: 600px;display: flex;align-items: center;}
.headimg-infos .loves-thumb .item{position:relative;background-color:#fff;width: 300px;padding-top: 300px;border-radius: 5px;overflow: hidden;border: 10px solid #fff;}
.headimg-infos .loves-thumb .loading{position: absolute;width:100%; height:100%;z-index: 1;display: flex;justify-content: center;align-items: center;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.headimg-infos .loves-thumb .img{display: block;width:100%;height:100%;overflow: hidden;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 9;border-radius: 5px;overflow: hidden;padding:10px;background-color: var(--BackColor,'#edf2f7');}
.headimg-infos .loves-thumb .img img{width:100%;height: 100%;object-fit: cover;transform: scale(1);transition: all 0.5s;border-radius: 5px}
.headimg-infos .loves-thumb:hover  .img img{transform: scale(0.6);border-radius: 50%;box-shadow: 0px 0px 15px #aaa;}

.headimg-infos span.title{padding: 10px 0px;font-size: 14px;font-weight: bold;}
.headimg-infos div.btns{width: 600px;display: flex;align-items: center;justify-content: center;padding: 10px 0px;margin-top: 15px;}
.headimg-infos div.btns .btn{width: 24%;padding: 10px 0px;display: flex;align-items: center;justify-content: center;transition: all 0.5s;margin:0px 0.5%}
.headimg-infos div.btns .btn i{margin-right: 5px;}
.headimg-infos div.btns .likes{background-color: var(--SimpleColor,#eeeeee);color: #666}
.headimg-infos div.btns .likes-on{background-color: var(--LikeColor,#FF7200);color:#fff}
.headimg-infos div.btns .goods{background-color: var(--SimpleColor,#eeeeee);color: #666}
.headimg-infos div.btns .goods-on{background-color: var(--MatchColor,#2c2c2c);color:#fff}
.headimg-infos div.btns .down{background-color: var(--MatchColor,#db4646);color: #fff}
.headimg-infos div.btns .next{background-color: var(--ThemeColor,#2c2c2c);color: #fff}
.headimg-infos div.btns .likes:hover{color: #444;font-weight: bold;}
.headimg-infos div.btns .likes-on:hover{color:#eee;font-weight: bold;}
.headimg-infos div.btns .goods:hover{color: #444;font-weight: bold;}
.headimg-infos div.btns .goods-on:hover{color:#eee;font-weight: bold;}
.headimg-infos div.btns .down:hover,
.headimg-infos div.btns .next:hover{opacity: 0.8}

@media screen and (max-width:768px){
	.headimg-infos div.btns{width:100%;}
	.headimg-infos div.btns .btn{width:30%;padding:6px 0px;}
	.headimg-infos div.btns .btn .text{font-size: 12px}
	.headimg-infos div.btns .down{display: none;}
}
/*详情*/
.headimg-infos-modal{position: fixed;top: 0px;right: 0px;left: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.1);z-index: 99999;height: 100%;overflow: hidden;display: none;}
.headimg-infos-modal .headimg-infos-flex{width: 100%;height: 100%;padding: 1%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.headimg-infos-modal .headimg-infos-box{width: 96%;max-width: 600px;height: auto;background: #fff;border-radius: 10px;padding:2%;position: relative;cursor: pointer;}
.headimg-infos-modal .headimg-infos-box .imgbox{width: 100%;display: flex;flex-direction: column;align-items: center;}
.headimg-infos-modal .headimg-infos-box span.imginfo{display: block;width: 100%;position: relative;padding-bottom: 100%;overflow: hidden;border-radius: 5px;}
.headimg-infos-modal .headimg-infos-box span.imginfo .img{position: absolute;width: 100%;height: 100%;overflow-y: scroll;}
.headimg-infos-modal .headimg-infos-box span.imginfo .img img{width: 100%;height: 100%;object-fit: cover;}
.headimg-infos-modal .headimg-infos-box span.imginfo .img::-webkit-scrollbar {display: none;}
.headimg-infos-modal .headimg-infos-box p.tips{font-size: 12px;margin-top: 20px;color: #aaa;}
.headimg-infos-modal .headimg-infos-box .modal-close{position: absolute;top: -10px;right: -10px;font-weight: bold;cursor: pointer;width: 30px;height: 30px;border-radius: 15px;background: #fff;text-align: center;line-height: 30px;transition: all 0.5s}
.headimg-infos-modal .headimg-infos-box .modal-close:hover{background-color: var(--MatchColor,#ff2d5a);color: #fff}
.headimg-infos-modal .headimg-infos-box .youlike{width: 100%;margin-top: 15px;border: 1px solid #eee;border-radius: 5px;padding: 3px;overflow: hidden;}
.headimg-infos-modal .headimg-infos-box .youlike .itemlists{width: 100%;display: flex;flex-wrap: wrap;align-items: center;}
.headimg-infos-modal .headimg-infos-box .youlike .itemlists .item{display: inline-block;width: 20%;overflow: hidden;padding: 3px;}
.headimg-infos-modal .headimg-infos-box .youlike .itemlists .item img{width: 100%;border-radius: 5px;}
.headimg-infos-modal .headimg-infos-box .youlike .itemlists .item-on img{filter: grayscale(100%);}