/**********************************************
 * @Object      模特
 * @Authors     Foxs
***********************************************/
 /*狐狸模特：首页模特列表*/
.goddess-section .goddess-content{padding:10px;position: relative;}
.goddess-section .goddess-types{position: absolute;left: -100px;width: 90px;height: 100%;top:0px}
.goddess-section .goddess-types .type-items{display: flex;flex-direction: column;align-items: center;background-color: #fff;padding:10px 10px;border-radius: 5px;position: sticky;top: 120px}
.goddess-section .goddess-types .type-items .item{padding:5px 20px;margin:5px 0px;font-size: 12px;color:#888;}
.goddess-section .goddess-types .type-items .item-on{background-color: var(--MainColor,#db4646);color:#fff;border-radius: 5px}
.goddess-section .goddess-types .type-items .item:hover{color:var(--MainColor,#db4646);font-weight: bold;}
.goddess-section .goddess-types .type-items .item-on:hover{opacity: 0.8;color:#fff}

.goddess-section .goddess-items{display: flex;align-items: center;flex-wrap: wrap;border-radius: 10px;background-color: #fff;padding:10px}
.goddess-section .goddess-items .item{width:20%;padding: 10px;text-decoration: none;border-radius: 5px}
.goddess-section .goddess-items .item .item-flex{width:100%;height: auto;}

.goddess-section .goddess-items .item .item-flex .thumb{position:relative;border-radius: 5px;overflow: hidden;cursor: pointer;height: 0px;padding-top: 150%;background-color: var(--BackColor,#f7f7f7);}
.goddess-section .goddess-items .item .item-flex .thumb .loading{position: absolute;top:0px;right:0px;bottom:0px;left:0px;margin:50% auto;}
.goddess-section .goddess-items .item .item-flex .thumb .img{display: block;width:100%;height: 100%;}
.goddess-section .goddess-items .item .item-flex .thumb .img img{width:100%;height: 108%;object-fit: cover;position: absolute;top: 0px;left: 0px;z-index: 1;transition: all 0.5s;}
.goddess-section .goddess-items .item .item-flex:hover .img img{transform: scale(1.05);}

.goddess-section .goddess-items .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;}
.goddess-section .goddess-items .item .item-flex:hover .title{color:var(--MatchColor,#db4646);font-weight: bold;}
@media screen and (max-width:768px){
    .goddess-section .goddess-items{padding: 4px;}
    .goddess-section .goddess-items .item{width: 50%;padding: 4px}
}

/*电影信息*/
.goddess-section .goddess-infos{padding: 10px;flex-direction: column;}
.goddess-section .goddess-infos .baseinfo{width:100%;background-color: #fff;display: flex;align-items: stretch;justify-content: space-between;padding: 30px 20px;border-radius: 10px;margin-bottom: 15px;}

.goddess-section .goddess-infos .baseinfo .thumb{width: 300px;}
.goddess-section .goddess-infos .baseinfo .thumb img{width: 100%;height: 108%;border-radius: 10px;object-fit: cover;}
.goddess-section .goddess-infos .baseinfo .infos{width: calc(100% - 350px);padding: 10px 0px;display: flex;flex-direction: column;}
.goddess-section .goddess-infos .baseinfo .infos .attrs{background-color: #f7f7f7;color:#666;padding:13px 20px;border-radius: 10px}
.goddess-section .goddess-infos .baseinfo .infos .attrs .its{display: flex;align-items: center;padding:10px 0px}
.goddess-section .goddess-infos .baseinfo .infos .attrs .tags{margin-bottom: 0px}
.goddess-section .goddess-infos .baseinfo .infos .attrs .tags a.tag{text-decoration: none;transform: all 0.5s;color: #718096;}
.goddess-section .goddess-infos .baseinfo .infos .attrs .tags span.slash{padding: 0px 5px;color: #d7dae1}
.goddess-section .goddess-infos .baseinfo .infos .intro{line-height: 30px;background-color: #f7f7f7;color:#666;padding:20px;margin-top: 20px;border-radius: 10px}
.goddess-section .goddess-infos .baseinfo .infos .intro .tips{display: flex;flex-direction: column;align-items: center;padding:20px 0px}
.goddess-section .goddess-infos .baseinfo .infos .intro .tips .ico i{font-size: 40px;color:#ddd}
.goddess-section .goddess-infos .baseinfo .infos .intro .tips .text{font-size: 14px;color:#ddd}
.goddess-section .goddess-infos .baseinfo .infos .intro b{color:var(--MatchColor,#db4646);}
.goddess-section .goddess-infos .baseinfo .infos .tools{display: flex;align-items: center;margin-top: 15px}
.goddess-section .goddess-infos .baseinfo .infos .tools .item{padding:8px 15px;border-radius: 5px;background-color:#f7f7f7;color:#666;margin-right: 20px;cursor: pointer;}
.goddess-section .goddess-infos .baseinfo .infos .tools .item:last-child{margin-right: 0px}
.goddess-section .goddess-infos .baseinfo .infos .tools .item .text{font-size: 14px}
.goddess-section .goddess-infos .baseinfo .infos .tools .goods-on{background: var(--ThemeColor,#2c2c2c);color: #fff}
.goddess-section .goddess-infos .baseinfo .infos .tools .likes-on{background-color: var(--MatchColor,#db4646);color: #fff}
@media screen and (max-width:768px){
.goddess-section .goddess-infos .baseinfo .infos .tools{justify-content: center;}
}

.goddess-section .goddess-infos .atlaitems{width:100%}
.goddess-section .goddess-infos .atlaitems .lists{display: flex;align-items: center;flex-wrap: wrap;border-radius: 10px;background-color: #fff;padding:10px}
.goddess-section .goddess-infos .atlaitems .lists .item{width:20%;padding: 10px;text-decoration: none;border-radius: 5px}
.goddess-section .goddess-infos .atlaitems .lists .item .item-flex{position:relative;border-radius: 5px;overflow: hidden;cursor: pointer;height: 0px;padding-top: 150%;}
.goddess-section .goddess-infos .atlaitems .lists .item .item-flex .img{display: block;width:100%;height: 100%;}
.goddess-section .goddess-infos .atlaitems .lists .item .item-flex .img img{width:100%;height: 100%;object-fit: cover;position: absolute;top: 0px;left: 0px;z-index: 1;transition: all 0.5s;}
.goddess-section .goddess-infos .atlaitems .lists .item .item-flex:hover .img img{transform: scale(1.05);}
.goddess-section .goddess-infos .atlaitems .lists .item .item-flex .new{position: absolute;top: 0px;left: -1px;color: var(--MainColor,#db4646);z-index: 9}
.goddess-section .goddess-infos .atlaitems .lists .item .item-flex .new i{font-size: 40px;}
.goddess-section .goddess-infos .atlaitems .lists .item .masks{position: absolute;top:0px;bottom:0px;right: 0px;left:0px;z-index: 99}
.goddess-section .goddess-infos .atlaitems .lists .item .masks .title{position: absolute;bottom:-80px;left:0px;right: 0px;background-color: rgba(0, 0, 0,0.8);font-size: 12px;color:#fff;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0px 15px;transition: all 0.5s;text-align: center}
.goddess-section .goddess-infos .atlaitems .lists .item .masks .counts{position: absolute;top:20px;right: 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}
.goddess-section .goddess-infos .atlaitems .lists .item:hover .title{bottom:0px}

@media screen and (max-width:768px){
	.goddess-section .goddess-infos .baseinfo{flex-direction: column;}
	.goddess-section .goddess-infos .baseinfo .thumb{width:100%;}
	.goddess-section .goddess-infos .baseinfo .infos{width:100%;}
    .goddess-section .goddess-infos .atlaitems .lists{padding: 4px;}
    .goddess-section .goddess-infos .atlaitems .lists .item{width: 50%;padding: 4px}
}

.goddess-section .goddess-infos .youlikes{width:100%}