@charset "UTF-8";
/**********************************************
 * @Object      图集
 * @Authors     Foxs
 * @Link        http://www.yehuli.vip
***********************************************/
@import url(/app/yefoxs/static/plugs/bootstrap/bootstrap.min.css);
@import url(/app/yefoxs/static/plugs/swiper/swiper.bundle.min.css);
@import url(/app/yefoxs/static/plugs/layui/css/layui.css);
@import url(/app/yefoxs/static/plugs/animate/animate.css);
@import url(/app/yefoxs/static/plugs/magic/magic.min.css);


html,body{
	font-family: '微软雅黑';
	background-color:#f7f7f7;
	--ThemeColor:#2c2c2c;
	--MatchColor:#ff2d5a;
	--LockColor:#ffa12b;
	--BackColor:#f7f7f7;
	--pagesWidth:80%;
	--MaxWidth:1400px;
	--MinWidth:1200px;
}
.container-section {width: var(--pagesWidth);min-width: var(--MinWidth);max-width: var(--MaxWidth);margin:0px auto;}
.container-section a{text-decoration: none;}
.container-section a:hover{text-decoration: none;}

.container-section .highligh-keyword{color:var(--MainColor,#db4646);font-weight: bold;}
.container-section .headtips{display: flex;justify-content: center;height: 30px;line-height:30px;font-size: 14px;margin:20px 0px;font-weight: bold;cursor: pointer;}
.container-section .headtips .text{transition: all 0.5s;margin:0px 10px}
.container-section .headtips:hover .text{color:var(--MainColor,'#db4646');}

/*公共：详情内容*/
.section-infos{position: relative;display: flex;align-items: flex-start;justify-content: space-between;padding:10px}
.section-infos .content-infos{width:calc(70% - 20px);border-radius: 10px}
.section-infos .content-infos .blockitem{background-color: #fff;border-radius: 10px;background-color:#fff;margin-bottom: 20px}
.section-infos .content-infos .blockitem:last-child{margin-bottom: 0px}

.section-infos .content-sidebar{width: 30%;min-width: 300px;flex-shrink: 0;position: sticky;top:100px;}
.section-infos .content-sidebar .blockitem{background-color:#fff;margin-bottom:15px;padding:20px;border-radius: 10px;}
.section-infos .content-sidebar .blockitem:last-child{margin-bottom: 0px}

@media screen and (max-width:550px){
    .section-infos{flex-direction: column;}
    .section-infos .content-infos{width:100%;margin-right: 0px}
    .section-infos .content-sidebar{width:100%;margin-top: 20px}
    .section-infos .content-sidebar .blockitem{padding:5px}
}

/*公共分页*/
.pages{width:100%;text-align: center;background: #fff;}
.pages .pagination>li{display:inline-block;width:30px;height:30px;text-align:center;border-radius: 3px;overflow: hidden;margin:0px 5px;cursor: pointer;}
@media screen and (max-width:500px){
	.pages .pagination>li{width:25px;height:25px;}
}
.pages .pagination>li a,
.pages .pagination>li span{display: block;line-height: 30px;padding:0px;border:0px;margin:0px;float: none;font-size:12px;}

.pages .pagination>li>a{color:#5a5a5a;transition: all 0.3s ease 0s;}
.pages .pagination>li:hover a{color:#333;background: #fff;font-weight: bold;font-size: 14px;}
.pages .pagination>li.active>span{width:100%;height:30px;color:#fff;border:0px;border-radius: 3px}
.pages .pagination>li.disabled>span{border-radius: 3px}

.pages .pagination>.active>a, 
.pages .pagination>.active>a:focus, 
.pages .pagination>.active>a:hover, 
.pages .pagination>.active>span, 
.pages .pagination>.active>span:focus, 
.pages .pagination>.active>span:hover{background-color:var(--ThemeColor,#ff2d5a);color:#fff;}

/*公共PC底部*/
.footer{width:100%;background:#f7f7f7;padding:25px 0px;position:sticky;bottom: 0px;z-index:999;display: none}
.footer .content{display: flex;justify-content: space-between;padding-top: 0px;}
.footer .content .web-power{font-size:12px;}
@media screen and (max-width:768px){
	.footer{display:none;}
}
/*公共手机底部*/
.bottom{width:100%;background:#fff;position: fixed;bottom:0px;left:0px;display: none;justify-content: space-between;z-index: 999;}
.bottom .item{display:block;width:20%;padding:15px 0px;text-decoration: none}
.bottom .item span{display:block;width:100%;color:#333;text-align:center;}
.bottom .item span:nth-child(1){font-size: 12px;padding-bottom:5px;}
.bottom .item span:nth-child(2){font-size: 12px;color:#aaa;}
.bottom .item span.headimg{width:40px;height:40px;border-radius: 40px;overflow: hidden;margin:auto;}
.bottom .item span.headimg img{width:100%;}
.bottom .item-on span:nth-child(1){color:var(--MatchColor,#db4646);}
.bottom .item-on span:nth-child(2){color:var(--MatchColor,#db4646);font-weight: bold}
@media screen and (max-width:768px){
	.bottom{display: flex;}
}

/*空数据提示*/
.container-section .content-empty{width: 100%;margin: 20px auto;margin-top: 0px;border-radius: 10px;display: flex;flex-direction: column;align-items: center;padding: 60px 0px;background-color: #fff;}
.container-section .content-empty .ico{color: #ddd}
.container-section .content-empty .ico i{font-size: 100px}
.container-section .content-empty .tips{font-size: 14px;color: #ddd;margin-top: 30px;}
.container-section .content-empty .back{padding:5px 10px;font-size: 12px;background-color: var(--MatchColor,#db4646);color:#fff;margin-top: 20px;border-radius: 5px}
.container-section .content-empty .else{color:#aaa;margin-top: 20px}

/*左边侧栏工具*/

.container-section .follow-tools{position: absolute;left: -80px;width: 80px;height: 100%;top:20px}
.container-section .follow-tools .tool-items{position: sticky;top: 120px}
.container-section .follow-tools .tool-items .item{display: flex;flex-direction: column;align-items: center;padding-bottom: 20px;cursor: pointer;text-decoration: none;position: relative;}
.container-section .follow-tools .tool-items .item .ico {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 25px;transition: all 0.5s}
.container-section .follow-tools .tool-items .item .ico i{font-size: 24px}
.container-section .follow-tools .tool-items .item .text{padding: 3px 10px;background-color: #2c2c2c;color:#fff;border-radius: 5px;font-size: 12px;position: absolute;top:58px;display: none;transition: all 0.5s}
.container-section .follow-tools .tool-items .item .text::before {
    content: '';
    top: -5px;
    left: 0px;
    right: 0px;
    height: 0;
    width: 0;
    margin:0px auto;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #2c2c2c;
    position: absolute;line-height: 30px;
    z-index: 9;transition: all 0.5s
}
.container-section .follow-tools .tool-items .item .num{font-size: 12px;color: #999;margin-top: 5px;}
.container-section .follow-tools .tool-items .item:hover .ico{opacity: 0.7;}
.container-section .follow-tools .tool-items .item:hover .text{display: block;}
.container-section .follow-tools .tool-items .views .ico{background: #666;color: #fff}
.container-section .follow-tools .tool-items .goods-on .ico{background: var(--ThemeColor,#2c2c2c);color: #fff}
.container-section .follow-tools .tool-items .likes-on .ico{background-color: var(--MatchColor,#db4646);color: #fff}
.container-section .follow-tools .tool-items .unlock-on .ico{background-color: var(--LockColor,#ffa12b);color: #fff}

.container-section .mobile-tools{position: fixed;right: 15px;width: 50px;bottom:70px}
.container-section .mobile-tools .tool-items .item{display: flex;flex-direction: column;align-items: center;padding-bottom: 20px;cursor: pointer;text-decoration: none;position: relative;}
.container-section .mobile-tools .tool-items .item .ico {width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 25px;transition: all 0.5s}
.container-section .mobile-tools .tool-items .item .ico i{font-size: 16px}
.container-section .mobile-tools .tool-items .item .text{padding: 3px 10px;background-color: #2c2c2c;color:#fff;border-radius: 5px;font-size: 12px;position: absolute;top:58px;display: none;transition: all 0.5s}

.container-section .mobile-tools .tool-items .item .num{font-size: 12px;color: #fff;margin-top: 5px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.container-section .mobile-tools .tool-items .views .ico{background: #666;color: #fff}
.container-section .mobile-tools .tool-items .goddess img{width:100%;border-radius: 50%}
.container-section .mobile-tools .tool-items .goddess .text{width:60px;overflow: hidden;}
.container-section .mobile-tools .tool-items .goods-on .ico{background: var(--ThemeColor,#2c2c2c);color: #fff}
.container-section .mobile-tools .tool-items .likes-on .ico{background-color: var(--MatchColor,#db4646);color: #fff}
.container-section .mobile-tools .tool-items .unlock-on .ico{background-color: var(--LockColor,#ffa12b);color: #fff}

/*解锁验证*/
.resource-unlock-modal{position: fixed;top: 0px;right: 0px;left: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.1);z-index: 999;height: 100%;overflow: hidden;display:none}
.resource-unlock-modal .resource-unlock-flex{width: 100%;height: 100%;padding: 1%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.resource-unlock-modal .resource-unlock-boxs{width: 100%;max-width: 700px;height: auto;background: #fff;border-radius: 10px;padding:40px 2%;display: flex;flex-direction: column;align-items: center;position: relative;}
.resource-unlock-modal .resource-unlock-boxs span.title{width:100%;padding:10px 30px;font-size:16px;color:var(--ThemeColor,'#2c2c2c');font-weight:bold;display: block;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.resource-unlock-modal .resource-unlock-boxs span.subtitle{font-size: 12px;margin-bottom: 10px;background-color: #f7f9fc;border-radius: 3px;color: #aaa;padding: 5px 10px}
.resource-unlock-modal .resource-unlock-boxs .unlock-types{width: 100%;display: flex;align-items: center;margin-top: 25px;justify-content: space-between;}
.resource-unlock-modal .resource-unlock-boxs .unlock-types .item{width: 32%;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 25px 0px;border-radius: 5px;cursor: pointer;}
.resource-unlock-modal .resource-unlock-boxs .unlock-types .item span.ico{padding-bottom: 10px;}
.resource-unlock-modal .resource-unlock-boxs .unlock-types .item span.ico i{font-size: 20px;}
.resource-unlock-modal .resource-unlock-boxs .unlock-types .item span.text{font-weight: bold;font-size: 14px;}
.resource-unlock-modal .resource-unlock-boxs .unlock-types .item span.tip{font-size: 12px;margin-top: 10px;}
.resource-unlock-modal .resource-unlock-boxs .unlock-types .item-free{background-color: var(--ThemeColor,#2c2c2c);color: #fff}
.resource-unlock-modal .resource-unlock-boxs .unlock-types .item-coin{background-color: var(--MatchColor,#ff2d5a);color: #fff}
.resource-unlock-modal .resource-unlock-boxs .unlock-types .item-svip{background-image: linear-gradient(160deg, #fdefc4 0%, #fbce8c 100%);color: #735210}


.resource-unlock-modal .resource-unlock-boxs .unlock-tips{width: 100%;padding: 20px;color: #666;background-color: #f7f9fc;border-radius: 3px;margin-top: 20px}
.resource-unlock-modal .resource-unlock-boxs .unlock-tips p{font-size: 12px;line-height: 35px;}
.resource-unlock-modal .resource-unlock-boxs .unlock-tips p b{padding: 2px 5px;color:var(--MatchColor,#db4646);font-weight: bold;}


.resource-unlock-modal .resource-unlock-boxs .modal-close{
    position: absolute;top: 20px;right: 20px;
    font-weight: bold;cursor: pointer;
    width: 30px;height: 30px;border-radius: 15px;
    text-align: center;line-height: 30px;
    background-color: var(--ThemeColor,#2c2c2c);color:#fff}
.resource-unlock-modal .resource-unlock-boxs .modal-close i{font-size: 14px;}
.resource-unlock-modal .resource-unlock-boxs .modal-close:hover{background-color: var(--MatchColor,#db4646);}
/*免费下载验证*/
.free-unlock-modal{position: fixed;top: 0px;right: 0px;left: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.1);z-index: 9999;height: 100%;overflow: hidden;display: none;}
.free-unlock-modal .free-unlock-flex{width: 100%;height: 100%;padding: 1%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.free-unlock-modal .free-unlock-boxs{width: 100%;max-width: 680px;height: auto;background: #fff;border-radius: 10px;padding:40px 2%;display: flex;flex-direction: column;align-items: center;position: relative;}
.free-unlock-modal .free-unlock-boxs .modal-title{padding:10px 0px;font-size:16px;color:#111;font-weight:bold;display:flex;justify-content:center;}
.free-unlock-modal .free-unlock-boxs .unlock-verify{width: 100%;display: flex;align-items: stretch;justify-content: space-between;margin-top: 20px;}
.free-unlock-modal .free-unlock-boxs .unlock-verify .image-code{width: 35%;min-width:120px;border-radius: 5px;border: 1px solid #eee;border-radius: 5px;padding: 10px;flex-shrink: 0;}
.free-unlock-modal .free-unlock-boxs .unlock-verify .image-code img{width: 100%;border-radius: 5px;}
.free-unlock-modal .free-unlock-boxs .unlock-verify .input-code{width: 100%;display: flex;flex-direction: column;justify-content: space-between;padding: 5px 0px;margin-left: 20px;}
.free-unlock-modal .free-unlock-boxs .unlock-verify .input-code .tips{width: 100%;padding: 18px;border-radius: 5px;background-color: #f7f9fc;display: flex;flex-direction: column;}
.free-unlock-modal .free-unlock-boxs .unlock-verify .input-code .tips .it{line-height: 30px;color: #666;font-size: 12px;}
.free-unlock-modal .free-unlock-boxs .unlock-verify .input-code .tips .it b{color: var(--MatchColor,#db4646);padding: 0px 5px}
.free-unlock-modal .free-unlock-boxs .unlock-verify .input-code .input{width: 100%;display: flex;align-items: stretch;}
.free-unlock-modal .free-unlock-boxs .unlock-verify .input-code .input input{width: 100%;border: 1px solid #eee;padding:12px 10px;border-radius: 3px 0px 0px 3px;}
.free-unlock-modal .free-unlock-boxs .unlock-verify .input-code .input .submit{width: 30%;min-width: 80px;padding: 13px 0px;font-size: 12px;background-color: var(--MatchColor,#db4646);color: #fff;text-align: center;border-radius: 0px 3px 3px 0px;flex-shrink: 0;cursor: pointer;}


.free-unlock-modal .free-unlock-boxs .unlock-foxad{width: 100%;margin-top: 30px}
.free-unlock-modal .free-unlock-boxs .unlock-foxad img{width: 100%;border-radius: 5px}
.free-unlock-modal .free-unlock-boxs .modal-close{
	position: absolute;top: 20px;right: 20px;
	font-weight: bold;cursor: pointer;
	width: 30px;height: 30px;border-radius: 15px;
	text-align: center;line-height: 30px;
	background-color: var(--ThemeColor,#2c2c2c);color:#fff}
.free-unlock-modal .free-unlock-boxs .modal-close i{font-size: 14px;}
.free-unlock-modal .free-unlock-boxs .modal-close:hover{background-color: var(--MatchColor,#db4646);}

@media screen and (max-width:768px){
    .free-unlock-modal .free-unlock-boxs{padding: 30px 10px}
    .free-unlock-modal .free-unlock-boxs .unlock-verify{position: relative;padding-bottom: 60px;}
    .free-unlock-modal .free-unlock-boxs .unlock-verify .image-code{padding: 0px;width: 30%;}
    .free-unlock-modal .free-unlock-boxs .unlock-verify .input-code{margin-left: 10px;padding: 3px 0px}
    .free-unlock-modal .free-unlock-boxs .unlock-verify .input-code .tips{padding: 12px 10px}
    .free-unlock-modal .free-unlock-boxs .unlock-verify .input-code .tips .it{line-height: 30px;}
    .free-unlock-modal .free-unlock-boxs .unlock-verify .input-code .input{position: absolute; left: 0px;right: 0px;bottom: 0px}
    .free-unlock-modal .free-unlock-boxs .unlock-verify .input-code .input input{padding: 13px 10px}
    .free-unlock-modal .free-unlock-boxs .unlock-verify .input-code .input .downbtn{padding: 16px 0px;font-size: 14px;}
}

/*购买会员*/
.buy-vip-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;}
.buy-vip-modal .buy-vip-flex{width: 100%;height: 100%;padding: 1%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.buy-vip-modal .buy-vip-boxs{width: 100%;max-width: 700px;height: auto;background: #fff;border-radius: 10px;padding:30px 2%;display: flex;flex-direction: column;position: relative;}
.buy-vip-modal .buy-vip-boxs .vip-ico {display: flex;justify-content: center;}
.buy-vip-modal .buy-vip-boxs .vip-ico i {font-size: 40px;color: #e69114;margin-bottom: 8px;}
.buy-vip-modal .buy-vip-boxs .buyvip-title {font-size: 16px;font-weight: bold;text-align: center;position: relative;margin-bottom: 10px;}

.buy-vip-modal .buy-vip-boxs .vip-cards{display: flex;align-items: center;justify-content: space-between;overflow-x: scroll;margin: 20px 0px 10px 0px;}
.buy-vip-modal .buy-vip-boxs .vip-cards::-webkit-scrollbar {display: none;}
.buy-vip-modal .buy-vip-boxs .vip-cards .item{width: 32%;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 5px;cursor: pointer;flex-shrink: 0;}

.buy-vip-modal .buy-vip-boxs .vip-cards .item .cardinfo{width: 100%;background: #f7f9fc;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 20px 10px;transition: all 0.5s;}
.buy-vip-modal .buy-vip-boxs .vip-cards .item .cardinfo .title{font-size: 14px;font-weight: bold;padding: 5px 0px;color:#6d3004}
.buy-vip-modal .buy-vip-boxs .vip-cards .item .cardinfo .price{display: flex;align-items: flex-end;padding: 10px 0px}
.buy-vip-modal .buy-vip-boxs .vip-cards .item .cardinfo .price .cur{font-size: 24px;color:var(--MatchColor,#ff2d5a);font-weight: bold;}
.buy-vip-modal .buy-vip-boxs .vip-cards .item .cardinfo .price .old{font-size: 12px;color: #666;padding-bottom: 3px;padding-left: 5px;text-decoration: line-through;}
.buy-vip-modal .buy-vip-boxs .vip-cards .item .cardinfo .fcoin{margin:10px 0px;padding:3px 10px;font-size:12px;background:#6d3004;color:#fff;border-radius:3px;display:flex;align-items:center;}
.buy-vip-modal .buy-vip-boxs .vip-cards .item .cardinfo .fcoin i{font-size: 14px;margin-right: 3px;}
.buy-vip-modal .buy-vip-boxs .vip-cards .item .cardinfo .prices{font-size: 12px;color: #d73232;padding-top: 5px;font-weight: bold;}
.buy-vip-modal .buy-vip-boxs .vip-cards .item .cardinfo .prices b{padding: 0px 3px;font-size: 14px;}

.buy-vip-modal .buy-vip-boxs .vip-cards .item .interests{width: 100%;background: #f7f9fc;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 20px 10px;border-top: 3px solid #fff;transition: all 0.5s;}
.buy-vip-modal .buy-vip-boxs .vip-cards .item .interests .it{width: 100%;display: flex;justify-content: flex-start;font-size: 12px;padding: 15px 0px}
.buy-vip-modal .buy-vip-boxs .vip-cards .item .interests .it .text{color: #777;}
.buy-vip-modal .buy-vip-boxs .vip-cards .item .interests .it i{margin-right: 5px;}
.buy-vip-modal .buy-vip-boxs .vip-cards .item .interests .it i.foxs-right{color: green}
.buy-vip-modal .buy-vip-boxs .vip-cards .item .interests .it i.foxs-error{color: #db4646}

.buy-vip-modal .buy-vip-boxs .vip-cards .item-on .cardinfo{background-image: linear-gradient(120deg, #fdefc4 0%, #fbce8c 100%);}
.buy-vip-modal .buy-vip-boxs .vip-cards .item-on .interests{background-color: #fff9ef;}

.buy-vip-modal .buy-vip-boxs .vip-interests{background: #f7f9fc;padding: 20px;margin: 15px 0px}
.buy-vip-modal .buy-vip-boxs .vip-interests .interests-item{width: 100%;display: none;flex-wrap: wrap;justify-content: space-between;}
.buy-vip-modal .buy-vip-boxs .vip-interests .interests-item-on{display: flex;}
.buy-vip-modal .buy-vip-boxs .vip-interests .interests-item .item{display: flex;align-items: flex-start;justify-content: flex-start;width: 33.333%;font-size: 12px;padding: 10px 10px}
.buy-vip-modal .buy-vip-boxs .vip-interests .interests-item .item .text{color: #777;}
.buy-vip-modal .buy-vip-boxs .vip-interests .interests-item .item i{margin-right: 5px;}
.buy-vip-modal .buy-vip-boxs .vip-interests .interests-item .item i.foxs-right{color: green}
.buy-vip-modal .buy-vip-boxs .vip-interests .interests-item .item i.foxs-error{color: #db4646}

.buy-vip-modal .buy-vip-boxs .paybtns{display:flex;justify-content:center;padding:20px 0px;}
.buy-vip-modal .buy-vip-boxs .paybtns .btnitem{padding:11px 20px;font-size:12px;color:14px;border-radius:5px;margin:0px 20px;display:flex;align-items:center;}
.buy-vip-modal .buy-vip-boxs .paybtns .btnitem i{margin-right:5px}
.buy-vip-modal .buy-vip-boxs .paybtns .wxpay{background:#5fb878;color:#fff;cursor: pointer;}
.buy-vip-modal .buy-vip-boxs .paybtns .fcoinpay{background:#111;color:#fff;cursor: pointer;}

.buy-vip-modal .buy-vip-boxs .pay{display: flex;align-items: stretch;justify-content: space-between;}


.buy-vip-modal .buy-vip-boxs .tips{width:100%;padding:20px;border-radius: 5px;display: flex;align-items: center;justify-content: space-between;background-color: #f7f9fc;}
.buy-vip-modal .buy-vip-boxs .tips .wximg{width:100px;flex-shrink: 0;}
.buy-vip-modal .buy-vip-boxs .tips .wximg img{width:100%;border-radius: 3px;display: block;border: 3px solid #fff}
.buy-vip-modal .buy-vip-boxs .tips .infos{display: flex;flex-direction: column;}
.buy-vip-modal .buy-vip-boxs .tips .infos .it{line-height: 30px;color: #999;font-size: 12px;}
.buy-vip-modal .buy-vip-boxs .tips .infos .it b{font-size:12px;color:var(--MatchColor,#ff2d5a);}
.buy-vip-modal .buy-vip-boxs .modal-close{position: absolute;top: 10px;right: 10px;font-weight: bold;cursor: pointer;width: 30px;height: 30px;border-radius: 15px;background: #111;color: #fff;text-align: center;line-height: 30px;}
.buy-vip-modal .buy-vip-boxs .modal-close:hover{background-color: var(--MatchColor,#ff2d5a);color: #fff}


/*购买狐豆*/
.buy-coin-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;}
.buy-coin-modal .buy-coin-flex {width: 100%;height: 100%;padding: 1%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.buy-coin-modal .buy-coin-boxs {width: 96%;max-width: 700px;height: auto;background: #fff;border-radius: 10px;padding: 50px 2%;display: flex;flex-direction: column;position: relative;}
.buy-coin-modal .buy-coin-boxs .coin-title {font-size: 20px;font-weight: bold;text-align: center;position: relative;margin-bottom: 15px;}
.buy-coin-modal .buy-coin-boxs .coin-tip {font-size: 12px;color: #333;padding: 5px 10px;border-radius: 3px;background-color: var(--MatchColor,#db4646);color: #fff;display: inline-block;margin: 0px auto;}
.buy-coin-modal .buy-coin-boxs .coin-items {display: flex;align-items: center;flex-wrap: wrap;margin-top: 30px;}
.buy-coin-modal .buy-coin-boxs .coin-items .item {width: 33.3333%;padding: 10px;}
.buy-coin-modal .buy-coin-boxs .coin-items .item input[name=coin] {display: none;}

.buy-coin-modal .buy-coin-boxs .coin-items .item label {width: 100%;padding: 20px 0px;border-radius: 10px;background-color: #f7f9fc;color: #333;border: 3px solid #f7f9fc;display: flex;flex-direction: column;align-items: center;cursor: pointer;}
.buy-coin-modal .buy-coin-boxs .coin-items .item input[name=coin]:checked+label {background-color: var(--MatchColor,#db4646);color: #fff}
.buy-coin-modal .buy-coin-boxs .coin-items .item:hover label {border: 3px solid var(--MatchColor,#db4646)}
.buy-coin-modal .buy-coin-boxs .coin-items .item .icon {font-size: 18px;}
.buy-coin-modal .buy-coin-boxs .coin-items .item .nums {padding: 18px 0px;font-size: 12px;}
.buy-coin-modal .buy-coin-boxs .coin-items .item .price {font-weight: bold;font-size: 14px;color: var(--MatchColor,#db4646);}
.buy-coin-modal .buy-coin-boxs .coin-items .item input[name=coin]:checked+label .price {color: #fff;}
.buy-coin-modal .buy-coin-boxs .paybtns {display: flex;justify-content: center;padding: 20px 0px;}
.buy-coin-modal .buy-coin-boxs .paybtns .btnitem {padding: 11px 20px;font-size: 12px;color: 14px;border-radius: 5px;margin: 0px 20px;display: flex;align-items: center;}
.buy-coin-modal .buy-coin-boxs .paybtns .btnitem i {margin-right: 5px}
.buy-coin-modal .buy-coin-boxs .paybtns .thispay {background: #5fb878;color: #fff;cursor: pointer;}
.buy-coin-modal .buy-coin-boxs .modal-close {position: absolute;top: 15px;right: 15px;font-weight: bold;cursor: pointer;width: 30px;height: 30px;border-radius: 15px;color: var(--ThemeColor,#db4646);text-align: center;line-height: 30px;text-decoration: none}
.buy-coin-modal .buy-coin-boxs .modal-close i {font-size: 24px;}
.buy-coin-modal .buy-coin-boxs .modal-close:hover {color: var(--MatchColor,#db4646);}


@media screen and (max-width:768px){
	.buy-coin-modal .buy-coin-boxs{width:98%;padding:30px 10px}
	.buy-coin-modal .buy-coin-boxs .coin-items .item{padding:5px}
}

/*狐狸豆兑换*/
.redeem-foxscoin-modal{position: fixed;top: 0px;right: 0px;left: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.1);z-index: 9999999;height: 100%;overflow: hidden;display: none;}
.redeem-foxscoin-modal .redeem-foxscoin-flex{width: 100%;height: 100%;padding: 1%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.redeem-foxscoin-modal .redeem-foxscoin-boxs{width: 96%;max-width: 600px;height: auto;background: #fff;border-radius: 10px;padding:30px 2%;display: flex;flex-direction: column;position: relative;}
.redeem-foxscoin-modal .redeem-foxscoin-boxs h3.title{padding:10px 0px;font-size:24px;color:#111;font-weight:bold;display:flex;justify-content:center;}

.redeem-foxscoin-modal .redeem-foxscoin-boxs .redeem-infos{margin-top: 20px}
.redeem-foxscoin-modal .redeem-foxscoin-boxs .redeem-infos .input-item{display:flex;align-items: center;padding:2px 20px;width:100%;border-bottom:1px solid #eee;margin:10px 0px}
.redeem-foxscoin-modal .redeem-foxscoin-boxs .redeem-infos .input-item .tit{display:flex;align-items: center;width:100px;justify-content:center;flex-shrink: 0;font-weight: bold;color:#666}
.redeem-foxscoin-modal .redeem-foxscoin-boxs .redeem-infos .input-item .input{width:100%;flex-shrink: 1}
.redeem-foxscoin-modal .redeem-foxscoin-boxs .redeem-infos .input-item .input input{width:100%;padding:15px 10px;border:0px;color:#777}
.redeem-foxscoin-modal .redeem-foxscoin-boxs .redeem-infos .input-item .input input:focus{color:#444}

.redeem-foxscoin-modal .redeem-foxscoin-boxs .tips{padding:20px 0px 10px 0px;font-size:12px;color:#999;font-weight:bold;display:flex;justify-content:center;font-weight:bold;}
.redeem-foxscoin-modal .redeem-foxscoin-boxs .tips b{padding: 0px 10px;color: var(--MatchColor,#ff2d5a);}
.redeem-foxscoin-modal .redeem-foxscoin-boxs .tips b a{color: var(--MatchColor,#ff2d5a);}
.redeem-foxscoin-modal .redeem-foxscoin-boxs .btns{display:flex;justify-content:center;padding:20px 0px;}
.redeem-foxscoin-modal .redeem-foxscoin-boxs .btns .btnitem{padding:11px 20px;font-size:12px;color:14px;border-radius:5px;margin:0px 20px;display:flex;align-items:center;}
.redeem-foxscoin-modal .redeem-foxscoin-boxs .btns .buycard{background-color:var(--ThemeColor,#ff2d5a);color:#fff}
.redeem-foxscoin-modal .redeem-foxscoin-boxs .btns .confirm{background-color:var(--MatchColor,#ff2d5a);color:#fff}

.redeem-foxscoin-modal .redeem-foxscoin-boxs .intro{width:100%;display: flex;flex-direction: column;align-items: center;}
.redeem-foxscoin-modal .redeem-foxscoin-boxs .intro .headtips{font-size: 12px;
    background-color: #f7f7f7;
    width: 100%;
    text-align: center;
    padding: 10px 0px;}
.redeem-foxscoin-modal .redeem-foxscoin-boxs .intro .img{width:100%}
.redeem-foxscoin-modal .redeem-foxscoin-boxs .intro .img img{width:100%}

.redeem-foxscoin-modal .redeem-foxscoin-boxs .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;}
.redeem-foxscoin-modal .redeem-foxscoin-boxs .modal-close:hover{background-color: var(--MatchColor,#ff2d5a);color: #fff}
@media screen and (max-width:768px){
    .redeem-foxscoin-modal .redeem-foxscoin-boxs .redeem-infos .input-item{padding:2px 5px}
    .redeem-foxscoin-modal .redeem-foxscoin-boxs .redeem-infos .input-item .tit{width:80px;}
}


/*加载*/
.page-loading-modal{position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.5);z-index: 999999;display: none;}
.page-loading-flex{height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.page-loading-flex .page-loading-boxs{width: 400px;background: #fff;border-radius: 5px;padding:50px 20px;position: relative;}
.page-loading-flex .page-loading-boxs .title{line-height: 40px;font-size: 16px;font-weight: bold;text-align: center;display: block;}
.page-loading-flex .page-loading-boxs .loading{display: flex;justify-content: center;padding: 20px 0px}
.page-loading-flex .page-loading-boxs .modal-close{position: absolute;top:20px;right:20px;transition: all 0.5s ease 0s;cursor: pointer;}
.page-loading-flex .page-loading-boxs .modal-close i{font-size: 20px}
.page-loading-flex .page-loading-boxs .modal-close:hover{color:var(--MainColor,#db4646);}




/*浏览图集*/
.view-image-modal{position: fixed;top: 0px;right: 0px;left: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.9);z-index: 999999;height: 100%;overflow: hidden;display: none;}
.view-image-modal .view-image-flex{width: 100%;height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.view-image-modal .view-image-flex .view-image-boxs{width: 100%;height: 100%;}
.view-image-modal .view-image-flex .view-image-boxs .item{display: block;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.view-image-modal .view-image-boxs .item img{display: block;}
.view-image-modal .view-image-flex .swiper-close{position: absolute;top: 20px;right: 20px;font-size: 30px;color: #fff;transition: all .4s;cursor: pointer;z-index: 9999;}
.view-image-modal .view-image-flex .images-nums{position: absolute;top: 20px;left: 20px;font-size: 20px;color: #fff;z-index: 9999;}
.view-image-modal .view-image-flex .swiper-container-horizontal .swiper-scrollbar{background: #eee;}
.view-image-modal .view-image-flex .swiper-lazy-preloader-white:after{background-image: url('');}

.view-image-modal-pc .view-image-flex{padding: 10px;}
.view-image-modal-pc .view-image-flex .view-image-box .item img{height: 100%;}
.view-image-modal-mobile .view-image-flex{padding: 0px;}
.view-image-modal-mobile .view-image-flex .view-image-boxs .item img{width: 100%;border-radius: 0px;}
.view-image-modal-mobile .view-image-flex .swiper-close{top: 10px;right: 10px;font-size: 18px;}
.view-image-modal-mobile .view-image-flex .images-nums{top: 14px;left: 10px;font-size: 12px;}
.view-image-modal-mobile .view-image-flex .swiper-button-white{display: none;}

/*站点登录*/
.foxs-login-modal{position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.5);z-index: 999999;display: none;}
.foxs-login-flex{height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.foxs-login-flex .foxs-login-boxs{width: 96%;max-width:500px;background: #fff;border-radius: 5px;padding:50px 50px;position: relative;}
.foxs-login-flex .foxs-login-boxs .modal-logo{display: flex;justify-content: center;}
.foxs-login-flex .foxs-login-boxs .modal-logo i{font-size: 50px}
.foxs-login-flex .foxs-login-boxs .modal-title{display: flex;justify-content: center;font-size: 20px;font-weight: bold;margin-top:20px;margin-bottom: 20px}
.foxs-login-flex .foxs-login-boxs .modal-form{width:100%}
.foxs-login-flex .foxs-login-boxs .modal-form .group-item{width:100%;display:flex;align-items:center;padding:20px 0px;border-bottom:1px solid #eee;margin-top: 15px;}
.foxs-login-flex .foxs-login-boxs .modal-form .group-item .text{font-size:14px;color:#999;min-width:90px;}
.foxs-login-flex .foxs-login-boxs .modal-form .group-item .input{width:100%;position:relative}
.foxs-login-flex .foxs-login-boxs .modal-form .group-item .input input{width:100%;border:0px;padding:0px 10px;outline:none;color:#555;background-color: #fff;outline: none;}

.foxs-login-flex .foxs-login-boxs .modal-form .verify-item{display:flex;align-items: center;margin-top: 0px;}
.foxs-login-flex .foxs-login-boxs .modal-form .regtips{display:flex;justify-content: center;padding:15px 0px;color:#999}
.foxs-login-flex .foxs-login-boxs .modal-form .regtips a{color:#ff2d55;font-weight: bold;}
.foxs-login-flex .foxs-login-boxs .modal-form .group-btns{display:flex;justify-content:center;margin-top:30px;}
.foxs-login-flex .foxs-login-boxs .modal-form .group-btns .subtn{padding:10px 20px;font-size:14px;border-radius:5px;background:#111;color:#fff;margin:0px 20px;cursor: pointer;}
.foxs-login-flex .foxs-login-boxs .modal-form .group-btns a.confirm{background:#ff2d55;}
.foxs-login-flex .foxs-login-boxs .modal-form .group-btns a.cancel{background:#111;}
.foxs-login-flex .modal-close{position: absolute;top: 20px;right: 20px;font-weight: bold;cursor: pointer;width: 30px;height: 30px;border-radius: 15px;background: #111;color: #fff;text-align: center;line-height: 30px;}
.foxs-login-flex .modal-close:hover{background-color: var(--MatchColor,#ff2d5a);color: #fff}












/*=====================================================================================================================*/

.header-pc{width:100%;height:auto;position: fixed;top:0px;left:0px;z-index: 99;background:rgba(1,1,1,1);border-bottom:5px solid #fff;}
.header-pc .container{padding-top:0px;}
.header-pc .content{padding:10px 0px;height:70px;display: flex;align-items:center;}
.header-pc .logo{width: 230px;display: flex;align-items: center;}
.header-pc .logo i{font-size: 40px;color: #fff}
.header-pc .logo .name{font-size: 28px;color: #fff;padding-left: 10px;font-family: "ali-heiti";min-width: 125px;}
.header-pc .navbar{width:80%;padding-left: 20px;min-height: auto;margin-bottom:0px;display: flex;align-items: center;justify-content: left;}
.header-pc .navbar a{display: inline-block;padding:5px 10px;min-width:50px;color:#fff;font-size: 14px;border-radius: 3px;transition:all .4s;
	-moz-transition:all .4s;
	-webkit-transition:all .4s;
	-o-transition:all .4s;cursor: pointer;}
.header-pc .navbar a:hover{background: var(--ThemeColor,#ff2d5a));color:#fff;font-weight: bold;}
.header-pc .navbar a.on{background-color: var(--ThemeColor,#ff2d5a));color:#fff;}
.header-pc .navbar .atlas{position: relative;cursor: pointer;margin:0px 5px;}
.header-pc .navbar .atlas .slide{display: flex;align-items: center;color: #fff;padding: 14px 5px;}
.header-pc .navbar .atlas .slide .text{padding: 0px 5px}
.header-pc .navbar .atlas .slide .ico{margin-left: 3px;transition: all 0.5s;}
.header-pc .navbar .atlas .slide .ico i{font-size: 12px;}
.header-pc .navbar .atlas .active{background-color:#fff;border-top-left-radius: 3px;border-top-right-radius: 3px;color:#333;}
.header-pc .navbar .atlas .active .ico{transform: rotate(90deg)}

.header-pc .navbar .atlas .atlacates{display: none;width:100%;position: absolute;top:50px;left:0px;width: 700px;padding: 15px;background:#fff;boxs-shadow: 3px 7px 10px #999;border-radius: 5px;border-top-left-radius: 0px;}
.header-pc .navbar .atlas .atlacates .items{display:flex;flex-wrap: wrap;}
.header-pc .navbar .atlas .atlacates a{width:10.5%;background: #eee;padding:10px 8px;color:#666;text-align: center;font-size: 12px;margin: 1%;}
.header-pc .navbar .atlas .atlacates a:hover{background-color: var(--ThemeColor,#ff2d5a);color:#fff;border-radius: 3px;}



.header-pc .navbar span.search-form{display:inline-block;display: flex;margin-left: 10px;position: relative;}
.header-pc .navbar span.search-form input[type=text]{width:200px;background: #fff;border:0px;font-size:12px;padding:10px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;outline:none;color:#eee;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header-pc .navbar span.search-form button.submit{display: inline-block;padding:10px;font-size: 12px;color:#aaa;background: #fff;border:0px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;outline:none;}
.header-pc .navbar span.search-form .hotTags{width:100%;position:absolute;top:40px;left:0px;background: #fff;padding:10px;display: none;justify-content: flex-start;flex-wrap: wrap;border-radius: 5px;}
.header-pc .navbar span.search-form .hotTags a{color:#666;font-size: 12px;width:33.33333%;}
.header-pc .navbar span.search-form .hotTags a:hover{color:var(--ThemeColor,#ff2d5a);font-weight: bold;}
.header-pc .userlogin{width:20%;min-width:70px;padding:0px 10px;display:flex;justify-content:flex-end;position: relative;align-items: center;}
.header-pc .userlogin a{display:none;}
.header-pc .userlogin a.notlog{color:#fff}
.header-pc .userlogin a.login-show{display:flex;}
.header-pc .userlogin a.logged{width:70px;height:50px;padding:0px 10px;flex-direction:column;align-items:center;justify-content:center}
.header-pc .userlogin a.logged img{width: 30px;height:auto;border-radius: 100%;border:3px solid #fff;}

.header-pc .userlogin a.login{background:var(--ThemeColor,#ff2d5a);color:#fff;font-size: 14px;display: inline-block;padding:5px 10px;border-radius: 3px;}




.header-mb{height:45px;justify-content: space-between;background:#fff;position: sticky;top:0px;margin:auto;align-items: center;z-index: 999;}
.header-mb a{display: block;text-align: center;color:#111;text-align: center;}
.header-mb a.user{width:10%;text-align: center;color:#333;}
.header-mb a.user-info img{display: block;width:60%;border-radius: 100%;margin:auto;}
.header-mb span.searchBtn,
.header-mb a.searchBtn{width:10%;color:#333;text-align: center;}
.header-mb a.backpre{width:10%;text-align: center;color:#333;font-size: 14px;}
.header-mb .navinfo{width:80%;height:40px;overflow: hidden;white-space: nowrap;overflow-x: scroll;overflow-y: hidden;text-align: justify;padding: 0px 5px;boxs-sizing: border-boxs;}
.header-mb .navinfo a.item{display:inline-block;color:#aaa;font-size: 12px;height:40px;padding:0px 10px;line-height: 40px;}
.header-mb .navinfo a.on{color:var(--ThemeColor,#ff2d5a);font-weight: bold;}
.header-mb .navinfo::-webkit-scrollbar {display: none;}

.header-mb .navinfo span.title{display:block;width:100%;text-align: center;height:40px;line-height: 40px;color:#666;}
.header-mb .navinfo span.search-input{display: flex;height:40px;width:100%;flex-direction: column;justify-content: center;}
.header-mb .navinfo span.search-input input{width:100%;padding:6px 10px;border:1px solid #eee;font-size: 12px;border-radius: 3px;outline: none;color:#999;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.header-mb .navinfo span.search-input input:focus{color:#333;}

@media screen and (min-width:768px){
	.header-mb{display:none;}
	.header-pc{display:block;}
}
@media screen and (max-width:768px){
	.header-mb{display:flex;}
	.header-pc{display:none;}
}
.mb-slide-navbar{width:100%;height:100%;background: rgba(1,1,1,0.5);position: fixed;top:0px;left:-1000px;z-index: 999;}
.mb-slide-navbar .continfo{height:100%;width:60%;background: #fff;}
.mb-slide-navbar .continfo .baseinfo{width:100%;padding:20px 0px;background: #f0f0f0;position: relative;}
.mb-slide-navbar .continfo .baseinfo span.slideOutIco{position: absolute;top:10px;left:10px;}
.mb-slide-navbar .continfo .baseinfo span.picname{display: block;margin:auto;width:60px;height:60px;border-radius: 30px;overflow: hidden;}
.mb-slide-navbar .continfo .baseinfo span.picname img{display:block;width:100%;}
.mb-slide-navbar .continfo .baseinfo .nickname {color:#333;text-align:center;font-size:12px;padding-top: 10px;}
.mb-slide-navbar .continfo .baseinfo .nickname b{display: inline-block;padding:2px 10px;background: var(--ThemeColor,#ff2d5a);border-radius: 3px;color:#fff;margin-right:10px;}
.mb-slide-navbar .continfo .baseinfo .nickname span.text{font-size: 14px;}
.mb-slide-navbar .slide-navbar{width:100%;padding:20px 10px;}
.mb-slide-navbar .slide-navbar a{display: block;padding:10px 0px;display: flex;justify-content: flex-start;font-size: 14px;}
.mb-slide-navbar .slide-navbar a span.ico{width:30px;text-align:center;color:#333;}
.mb-slide-navbar .slide-navbar a span.text{padding:0px 10px;color:#666;}
@media screen and (min-width:768px){
	.mb-slide-navbar{display: none;}
}
/*common:container*/
.container{padding:0px;padding-top: 80px;}
@media screen and (max-width:768px){
	.container{padding-top:0px;margin-bottom: 62px;}
}
/*公共标签*/
.tags{width:100%;margin-bottom: 20px;}
.tags .items{width:100%;background:#fff;border-radius: 3px;}
.tags .items a.item{display: inline-block;padding:5px 10px;margin:5px 0px;color:#666;flex-wrap: wrap;justify-content: space-between;}
.tags .items a:hover{color:#fff;background:var(--ThemeColor,#ff2d5a);border-radius: 3px;}
.tags .items a.on{color:#fff;background:var(--ThemeColor,#ff2d5a);border-radius: 3px;}
@media screen and (max-width:500px){
	.tags{display:none;}
}
/*公共模块头部*/
.container-block{width:100%;padding:1%;background: #fff;margin:10px 0px;border-radius: 5px;}
.container-block .head{width:100%;display: flex;height:30px;padding:20px 0px 30px 0px;justify-content: space-between;position: relative;}
.container-block .head span,
.container-block .head a{display: inline-block;}
.container-block .head .left{padding-left: 100px;}
.container-block .head .title{color:#aaa;position: absolute;left:-20px;top:0px;background:var(--ThemeColor,#ff2d5a);color:#fff;padding:5px 10px;font-size: 12px;}
.container-block .head .title::after{
    content: '';
    bottom: -2px;
    left: 1px;
    height: 0;
    width: 0;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    position: absolute;
    transform: rotate(34deg);
    border-bottom: 4px solid var(--ThemeColor,#ff2d5a);
}
.container-block .head .right{display: flex;align-items: center;justify-content: flex-end;}
.container-block .head .right .rand{padding:5px 10px;border-radius: 3px;color:#666;background: #eee;font-size: 12px;transition: background 0.5s ease 0s;cursor: pointer;}
.container-block .head .right .rand:hover{background:var(--ThemeColor,#ff2d5a);color:#fff;}


/*公共模块：模特列表*/
.modo-block .items{width:100%;padding:0px 5px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.modo-block .items .item{width:19%;overflow: hidden;cursor: pointer}
.modo-block .items .item span{display:block;}
.modo-block .items .item .img{width:100%;border-radius: 5px;overflow: hidden;transition: boxs-shadow 0.5s ease 0s;}
.modo-block .items img{display:block;width:100%;transform: scale(1);transition: transform 0.5s ease 0s;}
.modo-block .items .name{text-align: center;padding:10px 0px;font-size: 12px;color:#666;}
.modo-block .item .img:hover{boxs-shadow: 0px 0px 10px #333}
.modo-block .item .img:hover img{transform: scale(1.25);}
.modo-block .item:hover .name{color:var(--ThemeColor,#ff2d5a);font-weight: bold;}

/*公共模块：图集列表*/
.atlas-block .items{width:100%;padding:0px 5px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.atlas-block .items .item{width:19%;overflow: hidden;cursor: pointer;margin:15px 0px}
.atlas-block .items .item span{display:block;}
.atlas-block .items .item .img{width:100%;border-radius: 5px;overflow: hidden;transition: boxs-shadow 0.5s ease 0s;}
.atlas-block .items img{display:block;width:100%;transform: scale(1);transition: transform 0.5s ease 0s;}
.atlas-block .items .name{text-align: center;padding:10px 0px;font-size: 12px;color:#666;}
.atlas-block .items .item .img:hover{boxs-shadow: 0px 0px 10px #333}
.atlas-block .items .item .img:hover img{transform: scale(1.25);}





/*内容空空*/
.empty-tips{width: 100%;display: flex;flex-direction: column;align-items: center;padding: 50px 0px}
.empty-tips .empty-icon i{font-size: 70px;color: #aaa}
.empty-tips .empty-text{margin-top: 25px;font-size: 12px;color: #aaa}
/*图片内容*/
.atlasinfo{position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:9999;background:#fff;display:none;}
.atlasinfo .atlas-top{display: flex;justify-content: space-between;padding:10px;align-items: center;background: #fff;}
.atlasinfo .atlas-top .atlas-goddess{display: flex;align-items: center;}
.atlasinfo .atlas-top .atlas-goddess .backpre{color: #111;padding-right: 10px;}
.atlasinfo .atlas-top .atlas-goddess .goddess{display: flex;align-items: center;}
.atlasinfo .atlas-top .atlas-goddess .goddess img{width:20px;height:20px;border-radius: 10px;}
.atlasinfo .atlas-top .atlas-goddess .goddess span.name{font-size: 12px;color: #111;font-weight: bold;padding-left: 5px;}
.atlasinfo .atlas-top .atlas-goddess span.follow{font-size: 12px;color: #db4646;font-weight: bold;padding-left: 10px;}
.atlasinfo .atlas-top .view{display: flex;align-items: center;font-size: 12px;color: #aaa}
.atlasinfo .atlas-top .view .text{padding-left: 10px;}
.atlasinfo .atlas-images{padding: 0px 5px;overflow:scroll;height:calc(100% - 80px);}
.atlasinfo .atlas-images .imageitems{width: 100%;min-height: 1000px;}
.atlasinfo .atlas-images .imageitems .item{padding: 3px 0px}
.atlasinfo .atlas-images .imageitems .item img{width: 100%}

.atlasinfo .atlas-images .imginfo{width:100%;}
.atlasinfo .atlas-images .imginfo .surplus-img{display:block;padding:10px 0px 20px 0px;font-size:12px;color:#aaa;text-align:center}
.atlasinfo .atlas-images .imginfo .loadmore{display:block;width:96%;text-align:center;font-size:14px;padding:10px 0px;border-radius:5px;background-color:#eee;color:#111;margin:0px auto;}

/*图集：图集未解锁*/
.atlasinfo .atlas-images .unlock{width:100%;height:auto;background-color: #eee;margin:5px auto;padding:20px 0px;border-radius: 5px;}
.atlasinfo .atlas-images .unlock p.tip{font-size: 14px;text-align: center;padding-bottom:20px;margin-bottom: 0px;font-weight: bold;color: #666}
.atlasinfo .atlas-images .unlock p.tip b{font-size: 20px;padding:10px;color:var(--MatchColor,#ff2d5a);}
.atlasinfo .atlas-images .unlock .btns{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 0px 10px}
.atlasinfo .atlas-images .unlock .btns .btn-item{width: 32%;margin:10px 0px;padding: 10px 0px;border-radius: 5px;color:#fff;background-color: var(--MatchColor,#ff2d5a);display: flex;align-items: center;justify-content: center;}
.atlasinfo .atlas-images .unlock .btns .btn-item span{font-weight: bold;font-size: 12px;}
.atlasinfo .atlas-images .unlock .btns .btn-item span.ico{margin-right: 3px;}
.atlasinfo .atlas-images .unlock .btns .btn-item span.ico i{font-size: 12px;}
.atlasinfo .atlas-images .unlock .btns .open-member{background-image: linear-gradient(160deg, #fdefc4 0%, #fbce8c 100%);color: #735210}
.atlasinfo .atlas-images .unlock .btns .one-unlock{background-color: #5fb878;}
.atlasinfo .atlas-images .unlock .btns .fcoin-unlock{background-color: var(--ThemeColor,#ff2d5a);}

.atlasinfo .atlas-relaitem{width: 100%;}
.atlasinfo .atlas-relaitem .title{display: flex;flex-direction: column;align-items: center;padding: 15px}
.atlasinfo .atlas-relaitem .title .text{font-size: 14px;color:var(--ThemeColor,#ff2d5a);font-weight: bold; padding-bottom: 10px;}
.atlasinfo .atlas-relaitem .title .line{width:20px;height:3px;background-color: var(--MatchColor,#ff2d5a); }
.atlasinfo .atlas-relaitem .itemlists{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.atlasinfo .atlas-relaitem .itemlists .item{width: 49%;padding: 1% 0px;}
.atlasinfo .atlas-relaitem .itemlists .item img{width: 100%;border-radius: 3px;}
/*底部*/
.atlasinfo .atlas-bottom{position: fixed;bottom:0px;left:0px;right: 0px;padding: 10px;background-color: #fff;display: flex;align-items: center;justify-content: space-between;}
.atlasinfo .atlas-bottom .comment{width: 50%;}
.atlasinfo .atlas-bottom .comment input{width: 100%;background: #eee;height: 25px;line-height: 25px;border-radius: 13px;border: 0px;font-size: 12px;padding: 0px 20px;outline: none;}
.atlasinfo .atlas-bottom .item{width: 15%;display: flex;align-items: center;color: #aaa;font-size: 16px;justify-content: flex-end;}
.atlasinfo .atlas-bottom .like-on{color: var(--MatchColor,#ff2d5a);}
.atlasinfo .atlas-bottom .like .num{padding-left: 5px;font-size: 12px;font-weight: bold;}
.atlasinfo .atlas-bottom .recommend-on{color: var(--ThemeColor,#ff2d5a);}
.atlasinfo .atlas-bottom .recommend .num{padding-left: 5px;font-size: 12px;font-weight: bold;}
.atlasinfo .atlas-bottom .view{color: #999;}
.atlasinfo .atlas-bottom .view .num{padding-left: 5px;font-size: 12px;font-weight: bold;}

.atlasinfo-loading{position: fixed;top:0px;bottom:0px;left:0px;right:0px;background: rgba(255,255,255,0.5);z-index: 9999;display: none;}
.atlasinfo-loading .loading-boxs{height:100%;display: flex;justify-content: center;align-items: center;}
/*图集：图评*/
.mb-atlas-comment-modal{width:100%;height:100%;position: fixed;bottom:0px;left:0px;right:0px;margin:auto;background-color: #fff;z-index: 9999999;display: none;}
.mb-atlas-comment-modal .comment-top{display: flex;justify-content: space-between;align-items: center;background-color: #eee;}
.mb-atlas-comment-modal .comment-top .star-info{padding-left: 10px;}
.mb-atlas-comment-modal .comment-top span{font-size: 12px;color:#666;display: inline-block;}
.mb-atlas-comment-modal .comment-top span.slidedown{padding:10px;}
.mb-atlas-comment-modal .comment-top .star-info .title{font-size: 12px;font-weight: bold;}
.mb-atlas-comment-modal .comment-top .star-info .people-count{font-size: 12px;padding-left: 5px;font-weight: 300;}
.mb-atlas-comment-modal .comment-top .star-info .star-count{color:#FF9933;padding: 0px 5px}
.mb-atlas-comment-modal .curcomment{width:100%;padding:10px 0px;}
.mb-atlas-comment-modal .curcomment .my-score{width:100%;text-align: center;font-size: 12px;color:#aaa;padding:10px 0px;}
.mb-atlas-comment-modal .curcomment .my-score .number{color:#FF9933;font-size: 14px;}
.mb-atlas-comment-modal .curcomment  .star-do{display: flex;justify-content: center;padding: 10px 0px 20px 0px;border-bottom:1px solid #eee;}
.mb-atlas-comment-modal .curcomment  .star-do .item{width:15%;display: flex;flex-direction: column;text-align: center;}
.mb-atlas-comment-modal .curcomment  .star-do .item .icon{color:#FF9933;font-size: 20px;position: relative;}
.mb-atlas-comment-modal .curcomment  .star-do .item .icon em{display: block;width:50%;height:100%;position:absolute;top:0px;cursor: pointer;}
.mb-atlas-comment-modal .curcomment  .star-do .item .icon em.em_01{left:0px;}
.mb-atlas-comment-modal .curcomment  .star-do .item .icon em.em_02{right:0px;}
.mb-atlas-comment-modal .curcomment  .star-do .item .text{color:#aaa;font-size: 12px;padding-top: 10px;}
.mb-atlas-comment-modal .curcomment  .star-do .item-on .text{color:#FF9933;}
.mb-atlas-comment-modal .textarea{width:100%;border-bottom:1px solid #eee;display: none;}
.mb-atlas-comment-modal .textarea textarea{width:100%;resize: none;border:0px;outline: none;padding:10px;min-height: 100px;font-size: 12px;color:#aaa;}
.mb-atlas-comment-modal .textarea textarea:focus{color:#666;}
.mb-atlas-comment-modal .submit{width:100%;padding:10px;text-align: center;background-color: var(--ThemeColor,#ff2d5a);color:#fff;font-size: 14px;position:absolute;bottom:0px;left:0px;z-index: 999}

.mb-atlas-comment-modal .list{width: 100%;height: calc(100% - 220px);overflow-y: scroll;}
.mb-atlas-comment-modal .list .item{width:100%;padding:20px 10px;border-bottom:1px dashed #eee;}
.mb-atlas-comment-modal .list .item .user-head{width:100%;display: flex;justify-content: flex-start;}
.mb-atlas-comment-modal .list .item .user-head span.picname{width:40px;}
.mb-atlas-comment-modal .list .item .user-head span.picname img{width:100%;border-radius: 50%}
.mb-atlas-comment-modal .list .item .user-head .userinfo{padding-left:10px;height:40px;display: flex;flex-direction: column;justify-content: center;}
.mb-atlas-comment-modal .list .item .user-head .userinfo .nickname{color:#666;}
.mb-atlas-comment-modal .list .item .user-head .userinfo .atlas_score{font-size: 12px;padding-top:3px;}
.mb-atlas-comment-modal .list .item .user-head .userinfo .atlas_score .tit{color:#aaa;}
.mb-atlas-comment-modal .list .item .user-head .userinfo .atlas_score .u-star{color:#FF9933;}
.mb-atlas-comment-modal .list .item .user-head .userinfo .atlas_score .score{color:#aaa;padding-left:5px;}
.mb-atlas-comment-modal .list .item .info{width:100%;padding-left: 50px;}
.mb-atlas-comment-modal .list .item .info h3{font-size: 14px;margin:0px;color:#666;}
.mb-atlas-comment-modal .list .item .info p{font-size: 12px;line-height: 30px;color:#666;padding-top: 10px;}
.mb-atlas-comment-modal .list .item .info .comattr{width:100%;}
.mb-atlas-comment-modal .list .item .info .comattr span{display: inline-block;font-size: 12px;color:#aaa;}

/*右侧浮窗*/
.float-right{
    width:200px;
}
/*图片相册*/
.canvas{width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(1,1,1,0.9);z-index: 9999;display: none;}
.canvas .likebtn{position:absolute;bottom:0px;right:0px;padding:10px;z-index:99999;color:#fff;}
.canvas .iteminfo{position:absolute;bottom:0px;left:0px;font-size:14px;text-align:center;padding:10px;color:#fff;z-index:999 }
.canvas .closebtn{position:absolute;top:0px;right:0px;margin:auto;font-size:14px;text-align:center;padding:10px;color:#fff;z-index:999;cursor: pointer}
.canvas .lightboxs{width:100%;height:100%;overflow: hidden;display: flex;justify-content: space-between;}
.canvas .lightboxs .slide{width:10%;min-width: 50px;max-width: 80px;display: flex;align-items:center;justify-content:center;}
.canvas .slidebtn{display: inline-block;font-size:30px;width:50px;height:50px;line-height:50px;text-align:center;border-radius:25px;color:#fff;cursor: pointer;}
.canvas .lightboxs .itemlist{width:90%;display: flex;align-items:center;justify-content:center;position: relative;}
.canvas .lightboxs .itemlist .item img{width:100%;border-radius: 3px;}
.canvas .lightboxs .itemlist .item .likebtn{position:absolute;bottom:0px;right:0px;padding:10px;z-index:999;color:#fff;}
@media screen and (max-width:768px){
	.canvas .lightboxs .slide{display: none;}
	.canvas .lightboxs .itemlist{width:100%;}
}

/*狐狸豆充值*/
.recharge-foxscoin-modal{position: fixed;top: 0px;right: 0px;left: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.1);z-index: 9999999;height: 100%;overflow: hidden;display: none;}
.recharge-foxscoin-modal .recharge-foxscoin-flex{width: 100%;height: 100%;padding: 1%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.recharge-foxscoin-modal .recharge-foxscoin-boxs{width: 96%;max-width: 800px;height: auto;background: #fff;border-radius: 10px;padding:30px 2%;display: flex;flex-direction: column;position: relative;}
.recharge-foxscoin-modal .recharge-foxscoin-boxs h3.title{padding:10px 0px;font-size:24px;color:#111;font-weight:bold;display:flex;justify-content:center;}

.recharge-foxscoin-modal .recharge-foxscoin-boxs .recharge-infos{display:flex;align-items:stretch;justify-content:space-between;margin-top: 20px}
.recharge-foxscoin-modal .recharge-foxscoin-boxs .recharge-infos .imgcode{width:50%;border:1px solid #eee;border-radius: 5px}
.recharge-foxscoin-modal .recharge-foxscoin-boxs .recharge-infos .imgcode img{width:100%}
.recharge-foxscoin-modal .recharge-foxscoin-boxs .recharge-infos .infos{
	padding:20px 10px;
	border:1px solid #eee;
	width:48%;
}
.recharge-foxscoin-modal .recharge-foxscoin-boxs .recharge-infos .infos p{line-height:30px;margin:10px 0px;font-weight: bold;}
.recharge-foxscoin-modal .recharge-foxscoin-boxs .recharge-infos .infos .coininfo{display:flex;flex-direction: column;background-color:#f0f0f0;padding:20px;border-radius:5px;margin-top: 20px}
.recharge-foxscoin-modal .recharge-foxscoin-boxs .recharge-infos .infos .coininfo .item{display:flex;align-items: center;padding:15px 10px;}
.recharge-foxscoin-modal .recharge-foxscoin-boxs .recharge-infos .infos .coininfo .item .icon{width:20px;flex-shrink:0}
.recharge-foxscoin-modal .recharge-foxscoin-boxs .recharge-infos .infos .coininfo .item .nums{width:100%;flex-shrink:1}
.recharge-foxscoin-modal .recharge-foxscoin-boxs .recharge-infos .infos .coininfo .item .price{width:80px;flex-shrink:0}
.recharge-foxscoin-modal .recharge-foxscoin-boxs .tips{padding:20px 0px 10px 0px;font-size:12px;color:#aaa;font-weight:bold;display:flex;justify-content:center;}
.recharge-foxscoin-modal .recharge-foxscoin-boxs .tips b{padding: 0px 10px;color: var(--MatchColor,#ff2d5a);}
.recharge-foxscoin-modal .recharge-foxscoin-boxs .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;}
.recharge-foxscoin-modal .recharge-foxscoin-boxs .modal-close:hover{background-color: var(--MatchColor,#ff2d5a);color: #fff}
@media screen and (max-width:768px){
	.recharge-foxscoin-modal .recharge-foxscoin-boxs .recharge-infos{flex-direction: column}
	.recharge-foxscoin-modal .recharge-foxscoin-boxs .recharge-infos .imgcode{width:100%;border:0px;}
	.recharge-foxscoin-modal .recharge-foxscoin-boxs .recharge-infos .infos{width:100%;padding:10px 0px;border:0px;}
	.recharge-foxscoin-modal .recharge-foxscoin-boxs .recharge-infos .infos p{line-height20px;margin:0px;text-align:center;color:red;}
}

/*狐狸豆兑换*/
.redeem-foxscoin-modal{position: fixed;top: 0px;right: 0px;left: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.1);z-index: 9999999;height: 100%;overflow: hidden;display: none;}
.redeem-foxscoin-modal .redeem-foxscoin-flex{width: 100%;height: 100%;padding: 1%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.redeem-foxscoin-modal .redeem-foxscoin-boxss{width: 96%;max-width: 600px;height: auto;background: #fff;border-radius: 10px;padding:30px 2%;display: flex;flex-direction: column;position: relative;}
.redeem-foxscoin-modal .redeem-foxscoin-boxss h3.title{padding:10px 0px;font-size:24px;color:#111;font-weight:bold;display:flex;justify-content:center;}

.redeem-foxscoin-modal .redeem-foxscoin-boxss .redeem-infos{margin-top: 20px}
.redeem-foxscoin-modal .redeem-foxscoin-boxss .redeem-infos .input-item{display:flex;align-items: center;padding:2px 20px;width:100%;border-bottom:1px solid #eee;margin:10px 0px}
.redeem-foxscoin-modal .redeem-foxscoin-boxss .redeem-infos .input-item .tit{display:flex;align-items: center;width:100px;justify-content:center;flex-shrink: 0;font-weight: bold;color:#666}
.redeem-foxscoin-modal .redeem-foxscoin-boxss .redeem-infos .input-item .input{width:100%;flex-shrink: 1}
.redeem-foxscoin-modal .redeem-foxscoin-boxss .redeem-infos .input-item .input input{width:100%;padding:15px 10px;border:0px;color:#777}
.redeem-foxscoin-modal .redeem-foxscoin-boxss .redeem-infos .input-item .input input:focus{color:#444}

.redeem-foxscoin-modal .redeem-foxscoin-boxss .tips{padding:20px 0px 10px 0px;font-size:12px;color:#999;font-weight:bold;display:flex;justify-content:center;font-weight:bold;}
.redeem-foxscoin-modal .redeem-foxscoin-boxss .tips b{padding: 0px 10px;color: var(--MatchColor,#ff2d5a);}
.redeem-foxscoin-modal .redeem-foxscoin-boxss .tips b a{color: var(--MatchColor,#ff2d5a);}
.redeem-foxscoin-modal .redeem-foxscoin-boxss .btns{display:flex;justify-content:center;padding:20px 0px;}
.redeem-foxscoin-modal .redeem-foxscoin-boxss .btns .btnitem{padding:11px 20px;font-size:12px;color:14px;border-radius:5px;margin:0px 20px;display:flex;align-items:center;}
.redeem-foxscoin-modal .redeem-foxscoin-boxss .btns .buycard{background-color:var(--ThemeColor,#ff2d5a);color:#fff}
.redeem-foxscoin-modal .redeem-foxscoin-boxss .btns .confirm{background-color:var(--MatchColor,#ff2d5a);color:#fff}


.redeem-foxscoin-modal .redeem-foxscoin-boxss .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;}
.redeem-foxscoin-modal .redeem-foxscoin-boxss .modal-close:hover{background-color: var(--MatchColor,#ff2d5a);color: #fff}
@media screen and (max-width:768px){
	.redeem-foxscoin-modal .redeem-foxscoin-boxss .redeem-infos .input-item{padding:2px 5px}
	.redeem-foxscoin-modal .redeem-foxscoin-boxss .redeem-infos .input-item .tit{width:80px;}
}

/*支付二维码*/
.vip-paycode-modal{position: fixed;top: 0px;right: 0px;left: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.1);z-index: 9999999;height: 100%;overflow: hidden;display:none}
.vip-paycode-modal .vip-paycode-flex{width: 100%;height: 100%;padding: 1%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.vip-paycode-modal .vip-paycode-boxs{width: 96%;max-width: 400px;height: auto;background: #fff;border-radius: 10px;padding:2%;display: flex;flex-direction: column;position: relative;}
.vip-paycode-modal .vip-paycode-boxs span.title{padding:10px 0px;font-size:14px;color:#111;font-weight:bold;display:flex;justify-content:center;}
.vip-paycode-modal .vip-paycode-boxs img{width:100%}
.vip-paycode-modal .vip-paycode-boxs .tips{padding:20px 0px 10px 0px;font-size:12px;color:red;font-weight:bold;display:flex;justify-content:center;}
.vip-paycode-modal .vip-paycode-boxs .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;}
.vip-paycode-modal .vip-paycode-boxs .modal-close:hover{background-color: var(--MatchColor,#ff2d5a);color: #fff}
/*一元刷图*/
.onedollar-viewimg-modal{position: fixed;top: 0px;right: 0px;left: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.9);z-index: 999999;height: 100%;overflow: hidden;}
.onedollar-viewimg-modal .onedollar-viewimg-flex{width: 100%;height: 100%;padding: 10px;overflow: hidden;display: flex;justify-content: center;align-items: center;position: relative;}
.onedollar-viewimg-modal .onedollar-viewimg-boxs{width: 100%;height: 100%;}
.onedollar-viewimg-modal .onedollar-viewimg-flex .swiper-close{position: absolute;top: 20px;right: 20px;font-size: 30px;font-weight: bold;color: #fff;transition: all .4s;cursor: pointer;z-index: 9999;}
.onedollar-viewimg-modal .onedollar-viewimg-boxs .item{display: block;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.onedollar-viewimg-modal .swiper-lazy-preloader-white:after{background-image: url('');}
.onedollar-viewimg-modal .attr{position: absolute;bottom: 50px;right: 20px;display: flex;flex-direction: column;transition:all .9s;z-index: 9999999;}
.onedollar-viewimg-modal .attr .item{display: flex;flex-direction: column;align-items: center;color: #fff;margin-bottom: 30px;cursor: pointer;}
.onedollar-viewimg-modal .attr .item i{font-size: 20px;}
.onedollar-viewimg-modal .attr .item .text{font-size: 12px;padding-top: 5px;}
.onedollar-viewimg-modal .attr .modo img{width: 40px;height: 40px;border-radius: 50%;display: block;border: 3px solid #fff}
.onedollar-viewimg-modal .attr .likes:hover i{color: #cc1d1d}
.onedollar-viewimg-modal .attr .like-on i{color: #cc1d1d}
/*一元刷图: PC*/
.onedollar-viewimg-modal-pc .onedollar-viewimg-boxs .item img{display: block;height: 100%;border-radius: 5px;}
/*一元刷图: 手机端*/
.onedollar-viewimg-modal-mobile .onedollar-viewimg-flex{padding: 0px;}
.onedollar-viewimg-modal-mobile .onedollar-viewimg-boxs .item img{display: block;width: 100%;}
.onedollar-viewimg-modal-mobile .onedollar-viewimg-flex .swiper-close{top: 10px;right: 10px;font-size: 18px;}
.onedollar-viewimg-modal-mobile .swiper-button-white{display: none;}
.onedollar-viewimg-modal-mobile .attr{bottom: 20px;right: 20px;}


/*浏览图集*/
.view-image-modal{position: fixed;top: 0px;right: 0px;left: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.9);z-index: 999999;height: 100%;overflow: hidden;display: none;}
.view-image-modal .view-image-flex{width: 100%;height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.view-image-modal .view-image-boxs{width: 100%;height: 100%;}
.view-image-modal .view-image-boxs .item{display: block;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.view-image-modal .view-image-boxs .item img{display: block;}
.view-image-modal .swiper-close{position: absolute;top: 20px;right: 20px;font-size: 30px;color: #fff;transition: all .4s;cursor: pointer;z-index: 9999;}
.view-image-modal .images-nums{position: absolute;top: 20px;left: 20px;font-size: 20px;color: #fff;z-index: 9999;}
.view-image-modal .swiper-container-horizontal .swiper-scrollbar{background: #eee;}
.view-image-modal  .swiper-lazy-preloader-white:after{background-image: url('');}

.view-image-modal-pc .view-image-flex{padding: 10px;}
.view-image-modal-pc .view-image-boxs .item img{height: 100%;}

.view-image-modal-mobile .view-image-flex{padding: 0px;}
.view-image-modal-mobile .view-image-boxs .item img{width: 100%;border-radius: 0px;}
.view-image-modal-mobile .swiper-close{top: 10px;right: 10px;font-size: 18px;}
.view-image-modal-mobile .images-nums{top: 14px;left: 10px;font-size: 12px;}
.view-image-modal-mobile .swiper-button-white{display: none;}

/*解锁图集*/
.unlock-atlas-modal{position: fixed;top: 0px;right: 0px;left: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.2);z-index: 999999;height: 100%;overflow: hidden;display: none;}
.unlock-atlas-modal .unlock-atlas-flex{width: 100%;height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.key-unlock-atlas{width: 550px;height: auto;background: #fff;boxs-shadow: 0px 0px 10px #aaa;border-radius: 5px;padding: 30px;position: relative;}
.key-unlock-atlas .atlas-name{font-size: 14px;font-weight: bold;color: #666;padding: 20px 0px}

.key-unlock-atlas .unlock-info{width: 100%;margin: 30px 0px;border-radius: 5px;display: flex;justify-content: space-between;}
.key-unlock-atlas .unlock-info .check-unlock{width: 58%;display: flex;flex-direction: column;padding: 10px 0px;justify-content: space-between;}
.key-unlock-atlas .unlock-info .check-unlock .input-code{display: flex;flex-direction: column;}
.key-unlock-atlas .unlock-info .check-unlock .input-code .input{width: 100%;display: flex;align-items: stretch;}
.key-unlock-atlas .unlock-info .check-unlock .input-code .input .text{font-size: 12px;background: #eee;color: #666;width: 120px;margin-right: 10px;line-height: 38px;text-align: center;border-radius: 3px;}
.key-unlock-atlas .unlock-info .check-unlock .input-code input{width: 95%;border-radius: 3px;border: 1px solid #ddd;padding: 10px;}
.key-unlock-atlas .unlock-info .check-unlock .input-code .tips{font-size: 12px;padding: 10px 0px;padding-top: 20px;padding-left: 5px;}
.key-unlock-atlas .unlock-info .check-unlock .input-code .tips b{color:var(--Colors,#db4646);padding: 0px 5px}

.key-unlock-atlas .unlock-info .unlock-btn-items{display: flex;align-items: center;flex-wrap: wrap;}
.key-unlock-atlas .unlock-info .unlock-btn-items .item{cursor: pointer;padding: 8px 0;width: 46%;border-radius: 5px;background: var(--Colors,#db4646);color: #fff;display: flex;align-items: center;justify-content: center;margin-top: 10px;}
.key-unlock-atlas .unlock-info .unlock-btn-items .item .ident{padding-right: 5px;}
.key-unlock-atlas .unlock-info .unlock-btn-items .item:nth-child(n+1){margin-right: 10px;}
.key-unlock-atlas .unlock-info .unlock-btn-items .empty-tips{padding:15px 10px;background: #eee;color: #aaa;font-size: 12px;text-align: center;width: 90%;border-radius: 5px;}

.key-unlock-atlas .unlock-info .wx-code{width: 32%}
.key-unlock-atlas .unlock-info .wx-code .img{display: block;border: 1px solid #eee;}
.key-unlock-atlas .unlock-info .wx-code .img img{width: 100%;border-radius: 5px;}
.key-unlock-atlas .unlock-info .wx-code .tips{padding-top: 10px;font-size: 12px;color: #aaa;text-align: center;}
.key-unlock-atlas .download-tips{padding: 10px;color: #666;line-height: 30px;background: #f7f7f7;border-radius: 3px;}
.key-unlock-atlas .download-tips p{font-size: 12px;}
.key-unlock-atlas .download-tips p .key{font-size: 12px;padding: 2px 10px;border-radius: 3px;background:var(--Colors,#db4646);color: #fff;margin-left: 10px;}
.key-unlock-atlas .download-tips p .copy{font-size: 12px;color: var(--Colors,#db4646);font-weight: bold;padding-left: 10px;}
.key-unlock-atlas .download-tips p .font{color: var(--Colors,#db4646);font-size: 12px;font-weight: bold;}

.key-unlock-atlas .close-modal{position: absolute;top:15px;right:15px;transition: all 0.5s ease 0s;cursor: pointer;}
.key-unlock-atlas .close-modal:hover{color:var(--Colors,#db4646);}
.key-unlock-atlas .close-modal i{font-size: 20px;}
@media screen and (max-width:768px){

    .key-unlock-atlas{padding:20px 10px}
    .key-unlock-atlas .unlock-info{margin: 15px 0px}
    .key-unlock-atlas .atlas-name{line-height: 30px;padding-bottom: 5px;}
    .key-unlock-atlas .unlock-info .check-unlock .input-code .tips{padding-top:10px;line-height:25px;padding-bottom: 0px;}
    .key-unlock-atlas .unlock-info .check-unlock{padding:5px 0px}
    .key-unlock-atlas .unlock-info .wx-code{width:40%}
}

/*下载图集*/
.download-atlas-modal{position: fixed;top: 0px;right: 0px;left: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.2);z-index: 999999;height: 100%;overflow: hidden;display: none;}
.download-atlas-modal .download-atlas-flex{width: 100%;height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.key-download-atlas{width: 550px;height: auto;background: #fff;boxs-shadow: 0px 0px 10px #aaa;border-radius: 5px;padding: 30px;position: relative;}
.key-download-atlas .atlas-name{font-size: 14px;font-weight: bold;color: #666;padding: 20px 0px}

.key-download-atlas .unlock-info{width: 100%;margin: 30px 0px;border-radius: 5px;display: flex;justify-content: space-between;}
.key-download-atlas .unlock-info .check-unlock{width: 58%;display: flex;flex-direction: column;padding: 10px 0px;justify-content: space-between;}
.key-download-atlas .unlock-info .check-unlock .input-code{display: flex;flex-direction: column;}
.key-download-atlas .unlock-info .check-unlock .input-code .input{width: 100%;display: flex;align-items: stretch;}
.key-download-atlas .unlock-info .check-unlock .input-code .input .text{font-size: 12px;background: #eee;color: #666;width: 120px;margin-right: 10px;line-height: 38px;text-align: center;border-radius: 3px;}
.key-download-atlas .unlock-info .check-unlock .input-code input{width: 95%;border-radius: 3px;border: 1px solid #ddd;padding: 10px;}
.key-download-atlas .unlock-info .check-unlock .input-code .tips{font-size: 12px;padding: 10px 0px;padding-top: 20px;padding-left: 5px;}
.key-download-atlas .unlock-info .check-unlock .input-code .tips b{color:var(--Colors,#db4646);padding: 0px 5px}

.key-download-atlas .unlock-info .unlock-btn-items{display: flex;align-items: center;flex-wrap: wrap;}
.key-download-atlas .unlock-info .unlock-btn-items .item{cursor: pointer;padding: 8px 0;width: 46%;border-radius: 5px;background: var(--Colors,#db4646);color: #fff;display: flex;align-items: center;justify-content: center;margin-top: 10px;}
.key-download-atlas .unlock-info .unlock-btn-items .item .ident{padding-right: 5px;}
.key-download-atlas .unlock-info .unlock-btn-items .item:nth-child(n+1){margin-right: 10px;}
.key-download-atlas .unlock-info .unlock-btn-items .empty-tips{padding:15px 10px;background: #eee;color: #aaa;font-size: 12px;text-align: center;width: 90%;border-radius: 5px;}

.key-download-atlas .unlock-info .wx-code{width: 32%}
.key-download-atlas .unlock-info .wx-code .img{display: block;border: 1px solid #eee;}
.key-download-atlas .unlock-info .wx-code .img img{width: 100%;border-radius: 5px;}
.key-download-atlas .unlock-info .wx-code .tips{padding-top: 10px;font-size: 12px;color: #aaa;text-align: center;}
.key-download-atlas .download-tips{padding: 10px;color: #666;line-height: 30px;background: #f7f7f7;border-radius: 3px;}
.key-download-atlas .download-tips p{font-size: 12px;}
.key-download-atlas .download-tips p .key{font-size: 12px;padding: 2px 10px;border-radius: 3px;background:var(--Colors,#db4646);color: #fff;margin-left: 10px;}
.key-download-atlas .download-tips p .copy{font-size: 12px;color: var(--Colors,#db4646);font-weight: bold;padding-left: 10px;}
.key-download-atlas .download-tips p .font{color: var(--Colors,#db4646);font-size: 12px;font-weight: bold;}

.key-download-atlas .close-modal{position: absolute;top:15px;right:15px;transition: all 0.5s ease 0s;cursor: pointer;}
.key-download-atlas .close-modal:hover{color:var(--Colors,#db4646);}
.key-download-atlas .close-modal i{font-size: 20px;}
@media screen and (max-width:768px){

    .key-download-atlas{padding:20px 10px}
    .key-download-atlas .unlock-info{margin: 15px 0px}
    .key-download-atlas .atlas-name{line-height: 30px;padding-bottom: 5px;}
    .key-download-atlas .unlock-info .check-unlock .input-code .tips{padding-top:10px;line-height:25px;padding-bottom: 0px;}
    .key-download-atlas .unlock-info .check-unlock{padding:5px 0px}
    .key-download-atlas .unlock-info .wx-code{width:40%}
}

/*编辑标签*/
.edittags-modal-modal{position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;background: #fff;z-index: 999;display: none;max-width: 640px;margin: auto;}
.edittags-modal-flex{width: 100%;height: 100%;display: flex;flex-direction: column;padding: 20px 23px;justify-content: space-between;}
@media screen and (max-width:768px){
	.edittags-modal-flex{padding: 10px}
}
.edittags-modal-flex .tag-selected{display: flex;display: flex;overflow-x: auto;}
.edittags-modal-flex .tag-selected .item{width:19%;margin:0.5%;text-align: center;flex-shrink: 0;padding:5px 0px;border-radius: 3px;background:#eee;color:#666;font-size:12px;}
.edittags-modal-flex .tag-selected .item-on{background: #db4646;color:#fff;}
.edittags-modal-flex .tag-add{width:100%;display: flex;align-items: stretch;justify-content: space-between;padding: 2px;margin-bottom: 5px;}
.edittags-modal-flex .tag-add input{width:80%;border:1px solid #eee;padding:6px 0px;font-size:12px;outline:none;padding-left:10px;}
.edittags-modal-flex .tag-add .confirm-btn{width:20%;background: #eee;text-align: center;font-size:12px;color:#666;border-top-left-radius: 0px;border-bottom-left-radius: 0px;line-height: 30px;}
.edittags-modal-flex .tag-library{width: 100%;position: relative;height: calc(100% - 115px);overflow-x: auto;}

.edittags-modal-flex .tag-library .taglists{display: flex;flex-wrap: wrap;align-items: center;align-content: flex-start;}
.edittags-modal-flex .tag-library .taglists .item{width:19%;margin:0.5%;text-align: center;padding:5px 0px;border-radius: 3px;background:#eee;color:#666;font-size:12px;}
.edittags-modal-flex .tag-library .taglists .item-on{background: #db4646;color:#fff;}
.edittags-modal-flex .tag-library .taglists{padding:10px 0px;display: flex;flex-wrap: wrap;}
.edittags-modal-flex .tag-library .searchtag{position: absolute; top: 0px;left: 0px;z-index: 9;width: 100%;height: 100%;background: #fff;display: none;}
.edittags-modal-flex .btns{display: flex;justify-content: center;}
.edittags-modal-flex .btns .btn{padding: 5px 10px;border-radius: 3px;color: #fff;font-size: 12px;}
.edittags-modal-flex .btns .confirm{background: #db4646;color: #fff;margin-left: 30px;}
.edittags-modal-flex .btns .cancel{background: #333;color: #fff;}
/*layer*/
.layui-layer-dialog .layui-layer-content{color:#555;}
/*layer-confirm*/
.layui-layer-confirm-ff2d55 .layui-layer-title{background:#fff;border-bottom:0px;}
.layui-layer-confirm-ff2d55 .layui-layer-btn a{color:#fff;border:0px;font-size: 12px;}
.layui-layer-confirm-ff2d55 .layui-layer-btn .layui-layer-btn0{background:var(--ThemeColor,#ff2d5a);}
.layui-layer-confirm-ff2d55 .layui-layer-btn .layui-layer-btn1{background:#2b303b;}
/*layer-later*/
.layui-layer-alert-ff2d55 .layui-layer-title{
    background:var(--ThemeColor,#ff2d5a);
    color:#fff;
}
.layui-layer-alert-ff2d55 .layui-layer-btn .layui-layer-btn0{
    background: var(--ThemeColor,#ff2d5a);
}
.layui-layer-alert-ff2d55 .layui-layer-btn a{
    border:0px;
    font-size: 12px;
}
/*layer-success*/
.layui-layer-success-ff2d55 .layui-layer-title{
    background:#fff;
    border:0px;
    color:#111;
}
.layui-layer-success-ff2d55 .layui-layer-btn .layui-layer-btn0{
    background: var(--ThemeColor,#ff2d5a);
    border:0px;
}
/*layer-error*/
.layui-layer-error-ff2d55 .layui-layer-title{
    background:#fff;
    border:0px;
    color:#111;
}
.layui-layer-error-ff2d55 .layui-layer-btn .layui-layer-btn0{
    background: var(--ThemeColor,#ff2d5a);
    border:0px;
}
/*layer-msg*/
.layui-layer-msg-ff2d55 .layui-layer-content{
    background: #fff;
    color: #180303;
    text-align: center;
    boxs-shadow: 0px 0px 10px #ddd;
    border-radius: 3px;
}
/*layerui flow more*/
.layui-flow-more{display:block;width:100%;color:#111;text-align: center;color:#aaa;font-size: 12px;}
.layui-flow-more a{display:inline-block;padding:2px 10px;color:#aaa;text-decoration: none;}
.layui-flow-more a cite{font-style:normal;}
.layui-flow-more a i{ color: var(--MatchColor,#ff2d5a);}

/*选择组件样式重置*/
.magic-checkboxs+label, .magic-radio+label{padding-left: 22px;}
.magic-checkboxs+label:before, .magic-radio+label:before{width:15px;height:15px;top:-2px;}
.magic-checkboxs:checked+label:before{background:var(--Colors,#db4646);}
.magic-checkboxs+label:after{width:6px;height: 9px;top:2px;left:5px;}
.magic-radio:checked+label:before{border:2px solid var(--Colors,#db4646);}
.magic-radio+label:after{width:7px;height:7px;background: var(--Colors,#db4646);top:4px;left:6px;}
.magic-radio+ label:hover:before,
.magic-checkboxs+ label:hover:before {border:2px solid var(--Colors,#db4646);animation-name: hover-color;}
@keyframes hover-color {
    from {border-color: #c0c0c0;}
    to {border-color: var(--Colors,#db4646);} 
}