/**********************************************
 * @Object      首页
 * @Authors     Foxs
***********************************************/
.index-section .index-content{padding:10px;position: relative;}
.index-section .index-content .mores{display: flex;justify-content: center;margin:25px 0px}
.index-section .index-content .mores .btn{display: flex;align-items: center;padding:10px 40px;background-color: var(--BackColor,#f7f7f7);color:#666;border-radius: 5px;transition:  all 0.5s;margin:0px 10px}
.index-section .index-content .mores .btn i{margin-right: 5px}
.index-section .index-content .mores .btn:hover{background-color: var(--ThemeColor,#2c2c2c);color:#fff;}
/*图集*/
.index-section .index-atlas{width:100%;border-radius: 10px;background-color: #fff;padding:10px 10px}
.index-section .index-atlas .lists{display: flex;align-items: center;flex-wrap: wrap;}
.index-section .index-atlas .lists .item{width:20%;padding: 10px;text-decoration: none;border-radius: 5px}
.index-section .index-atlas .lists .item .item-flex{width:100%;height: auto;position: relative;}
.index-section .index-atlas .lists .item .item-flex .thumb{position:relative;border-radius: 5px;overflow: hidden;cursor: pointer;height: 0px;padding-top: 150%;background-color: var(--BackColor,#f7f7f7);}
.index-section .index-atlas .lists .item .item-flex .thumb .loading{position: absolute;top:0px;right:0px;bottom:0px;left:0px;margin:50% auto;}
.index-section .index-atlas .lists .item .item-flex .thumb .img{display: block;width:100%;height: 100%;}
.index-section .index-atlas .lists .item .item-flex .thumb .img img{width:100%;height: 100%;object-fit: cover;position: absolute;top: 0px;left: 0px;z-index: 1;transition: all 0.5s;}
.index-section .index-atlas .lists .item .item-flex:hover .img img{transform: scale(1.05);}
.index-section .index-atlas .lists .item .item-flex .thumb .new{position: absolute;top: 0px;left: -1px;color: var(--MatchColor,#db4646);z-index: 9}
.index-section .index-atlas .lists .item .item-flex .thumb .new i{font-size: 40px;}
.index-section .index-atlas .lists .item .item-flex .title{display: block;font-size: 12px;color:#666;line-height: 40px;padding:0px 10px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-section .index-atlas .lists .item .item-flex .likes{position: absolute;top:20px;left: 20px;background-color: rgba(0, 0, 0,0.8);font-size: 12px;color:#fff;width:30px;height: 30px;border-radius: 15px;text-align: center;line-height: 30px;z-index: 99;display: none;cursor: pointer;}
.index-section .index-atlas .lists .item .item-flex .likes-on{background-color:var(--MatchColor,#db4646);}
.index-section .index-atlas .lists .item .item-flex:hover .likes{display: block;}
@media screen and (max-width:768px){
    .index-section .index-atlas{padding: 4px;}
    .index-section .index-atlas .lists .item{width: 50%;padding: 4px}
}

/*模特*/
.index-section .index-goddess{width:100%;border-radius: 10px;background-color: #fff;padding:10px 10px}
.index-section .index-goddess .lists{display: flex;align-items: center;flex-wrap: wrap;}
.index-section .index-goddess .lists .item{width:20%;padding: 10px;text-decoration: none;border-radius: 5px}
.index-section .index-goddess .lists .item .item-flex{width:100%;height: auto;}
.index-section .index-goddess .lists .item .item-flex .thumb{position:relative;border-radius: 5px;overflow: hidden;cursor: pointer;height: 0px;padding-top: 150%;background-color: var(--BackColor,#f7f7f7);}
.index-section .index-goddess .lists .item .item-flex .thumb .loading{position: absolute;top:0px;right:0px;bottom:0px;left:0px;margin:50% auto;}
.index-section .index-goddess .lists .item .item-flex .thumb .img{display: block;width:100%;height: 100%;}
.index-section .index-goddess .lists .item .item-flex .thumb .img img{width:100%;height: 100%;object-fit: cover;position: absolute;top: 0px;left: 0px;z-index: 1;transition: all 0.5s;}
.index-section .index-goddess .lists .item .item-flex:hover .img img{transform: scale(1.05);}
.index-section .index-goddess .lists .item .item-flex .title{display:block;font-size: 14px;color:#666;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0px 15px;text-align: center;}
.index-section .index-goddess .lists .item .item-flex:hover .title{color:var(--MatchColor,#db4646);font-weight: bold;}
@media screen and (max-width:768px){
    .index-section .index-goddess{padding: 4px;}
    .index-section .index-goddess .lists .item{width: 50%;padding: 4px}
}

/*电脑壁纸*/
.index-section .index-computer{width:100%;border-radius: 10px;background-color: #fff;padding:10px 10px}
.index-section .index-computer .lists{display: flex;align-items: center;flex-wrap: wrap;}
.index-section .index-computer .lists .item{width:20%;padding: 10px;text-decoration: none;border-radius: 5px}
.index-section .index-computer .lists .item .item-flex{display: flex;flex-direction: column;}
.index-section .index-computer .lists .item .thumb{position:relative;background-color:#fff;width: 100%;padding-top: 60%;border-radius: 5px;overflow: hidden;}
.index-section .index-computer .lists .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;}
.index-section .index-computer .lists .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;transition: all 0.3s}
.index-section .index-computer .lists .item .thumb .img img{width:100%;height: 100%;object-fit: cover;transform: scale(1);transition: all 0.5s;}
.index-section .index-computer .lists .item .thumb:hover .img{width:90%;height:90%;border:10px solid #111;border-radius: 5px;top:5%;bottom:5%;left:5%;right: 5%}
.index-section .index-computer .lists .item .thumb:hover .img img{transform: scale(0.8);border-radius: 5px}

@media screen and (max-width:768px){
    .index-section .index-computer{padding: 4px;}
    .index-section .index-computer .lists .item{width: 50%;padding: 4px}
}
/*手机壁纸*/
.index-section .index-mobile{width:100%;border-radius: 10px;background-color: #fff;padding:10px 10px}
.index-section .index-mobile .lists{display: flex;align-items: center;flex-wrap: wrap;}
.index-section .index-mobile .lists .item{width:20%;padding: 10px;text-decoration: none;border-radius: 5px}
.index-section .index-mobile .lists .item .thumb{position:relative;background-color:#fff;width: 100%;padding-top: 180%;border-radius: 5px;overflow: hidden;}
.index-section .index-mobile .lists .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;}
.index-section .index-mobile .lists .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;}
.index-section .index-mobile .lists .item .thumb .img img{width:100%;height: 100%;object-fit: cover;transform: scale(1);transition: all 0.5s;}
.index-section .index-mobile .lists .item .thumb:hover  .img img{transform: scale(1.1);}
.index-section .index-mobile .lists .item .thumb .mask{position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0);z-index: 99;transition: all 0.3s;}
.index-section .index-mobile .lists .item .thumb .mask .times{display: block;width: 100%;text-align: center;font-size: 10px;color: #fff;margin-top: 100px;opacity: 0;transition: all 0.3s;font-family: 'ali-fangyuanti';}
.index-section .index-mobile .lists .item .thumb .mask .dates{display: block;width: 100%;text-align: center;font-size: 10px;color: #fff;margin-top: 10px;opacity: 0;transition: all 0.3s;}
.index-section .index-mobile .lists .item .thumb .mask .download{position: absolute;bottom: 20px;right: 20px;color: #eee;cursor: pointer;opacity: 0;}
.index-section .index-mobile .lists .item .thumb .mask .codeview{position: absolute;bottom: 20px;left: 20px;color: #eee;cursor: pointer;opacity: 0;display: none;}

.index-section .index-mobile .lists .item .thumb:hover .mask{display: block;border-radius: 5px;background: rgba(0, 0, 0, 0.2);}
.index-section .index-mobile .lists .item .thumb:hover .times{opacity: 1;font-size: 40px;}
.index-section .index-mobile .lists .item .thumb:hover .dates{opacity: 1;font-size: 14px;}
.index-section .index-mobile .lists .item .thumb:hover .download{opacity: 1;font-size: 14px;}
.index-section .index-mobile .lists .item .thumb:hover .codeview{opacity: 1;font-size: 20px;}
@media screen and (max-width:768px){
    .index-section .index-mobile{padding: 4px;}
    .index-section .index-mobile .lists .item{width: 50%;padding: 4px}
}
/*头像*/
.index-section .index-headimg{width:100%;border-radius: 10px;background-color: #fff;padding:10px 10px}
.index-section .index-headimg .lists{display: flex;align-items: center;flex-wrap: wrap;}
.index-section .index-headimg .lists .item{width:20%;padding: 10px;text-decoration: none;border-radius: 5px}
.index-section .index-headimg .lists .item .item-flex{background-color:#fff;width: 100%;padding: 10px;}
.index-section .index-headimg .lists .item .thumb{position:relative;background-color:#fff;width: 100%;padding-top: 100%;border-radius: 5px;overflow: hidden;}
.index-section .index-headimg .lists .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;}
.index-section .index-headimg .lists .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;}
.index-section .index-headimg .lists .item .thumb .img img{width:100%;height: 100%;object-fit: cover;transform: scale(1);transition: all 0.5s;}
.index-section .index-headimg .lists .item .thumb:hover  .img{background-color: var(--BackColor,'#edf2f7');}
.index-section .index-headimg .lists .item .thumb:hover  .img img{transform: scale(0.6);border-radius: 50%;box-shadow: 0px 0px 15px #aaa;}
@media screen and (max-width:768px){
    .index-section .index-headimg{padding: 4px;}
    .index-section .index-headimg .lists .item{width: 50%;padding: 4px}
}
/*分类*/
.index-section .index-types{padding:20px;background-color: #fff;border-radius: 10px;display: flex;align-items: center;flex-wrap: wrap;}
.index-section .index-types .item{width:25%;padding:10px;cursor: pointer;}
.index-section .index-types .item .info{background-color: var(--BackColor,#f7f7f7);padding:50px 0px;display: flex;flex-direction: column;align-items: center;text-decoration: none}
.index-section .index-types .item .info .name{height:40px;line-height: 40px;font-size: 30px;font-weight: bold;color:#333;font-family: "ali-heiti";transition: all 0.5s}
.index-section .index-types .item .info .counts{padding:5px 10px;border-radius: 5px;background-color: #e5e5e5;color:#444;margin-top:15px;font-size: 12px}
.index-section .index-types .item .info .counts b{font-size: 14px;padding:0px 5px;color:var(--MatchColor,#db4646);}
.index-section .index-types .item:hover .info .name{font-size: 35px;}

@media screen and (max-width:768px){
    .index-section .index-types{padding: 4px;}
    .index-section .index-types .item{width: 50%;padding: 4px}
}

/*服务协议*/
.index-section .index-servers h1{font-size: 30px;color:#111;margin-bottom: 20px;text-align: center;font-weight: bold;}
.index-section .index-servers{padding:30px;background-color: #fff;border-radius: 10px;}
.index-section .index-servers h3{font-size: 18px;line-height: 40px;color: #333;margin:10px 0px;font-weight: bold;}
.index-section .index-servers p{line-height: 30px;font-size: 14px;color:#666;margin-bottom: 10px}

/*隐私协议*/
.index-section .index-privacy h1{font-size: 30px;color:#111;margin-bottom: 20px;text-align: center;font-weight: bold;}
.index-section .index-privacy{padding:30px;background-color: #fff;border-radius: 10px;}
.index-section .index-privacy h3{font-size: 18px;line-height: 40px;color: #333;margin:10px 0px;font-weight: bold;}
.index-section .index-privacy p{line-height: 30px;font-size: 14px;color:#666;margin-bottom: 10px}
.index-section .index-privacy li{line-height: 30px;font-size: 14px;color:#666;margin-bottom: 10px}