@charset "utf-8";

.sp_D_pop_loading{display: none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);z-index: 2016;}
.sp_D_pop_loading iconify-icon{font-size: 0.6rem;color: #FFF;}
.sp_D_pop{display: none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);width: 94vw; max-width: 1366px; max-height: 95%; background: #FFF;z-index: 2016;overflow: hidden;}

.sp_D_pop_tit{padding:.26rem .3rem; background: #FFF;display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;justify-content: space-between;position: relative;}
.sp_D_pop_tit p{max-width: 24%; padding: .06rem .2rem; -webkit-border-radius:2rem; border-radius:2rem; border: 1px solid #CCC;font-size: 0.18rem;font-weight: bold;}
.sp_D_pop_tit h5{font-size: 0.2rem;font-weight: bold;}
.sp_D_pop_tit iconify-icon{font-size: 0.3rem;cursor: pointer;-webkit-transition:all .5s ease; transition:all .5s ease;}
.sp_D_pop_tit iconify-icon:hover{color: var(--i_color); -webkit-transform:rotate(-180deg); transform:rotate(-180deg);}

.sp_D_pop_list{background: #F1F1F1;padding: .6rem .3rem .4rem; }

.sp_D_pop_list ul{padding: 0 5%;display:-webkit-flex; display:flex; flex-wrap:wrap;gap: .2rem 3%;}
.sp_D_pop_list li{width: 17.6%;}
.sp_D_pop_list li a{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;}
.sp_D_pop_list li iconify-icon{font-size: 0.26rem;color: #666;}
.sp_D_pop_list li a i{margin-left: 0.1rem;font-size: 0.16rem;color: #666}
.sp_D_pop_list li a:hover iconify-icon,.sp_D_pop_list li a:hover i{color: var(--i_color);}
.sp_D_pop_list li a:hover i{text-decoration: underline;}


.sp_D_pop_list>h6{margin-top: 0.4rem; font-size: 0.16rem;}
.sp_D_pop_list>h6 b{font-weight: bold;}
.sp_D_pop_list>h6 a{color: var(--i_color);}
.sp_D_pop_list>h6 a:hover{text-decoration: underline;}

@media screen and (max-width:1024px) {
	.sp_D_pop_tit{padding: .2rem .3rem;}
	.sp_D_pop_tit p{max-width: 88%;}
	.sp_D_pop_tit h5{margin-top: 0.1rem; width: 100%;font-size: 0.18rem;}
	.sp_D_pop_tit iconify-icon{position:absolute; top:.2rem;right: .3rem;}

	.sp_D_pop_list{padding: 0.4rem .3rem .4rem;}
	.sp_D_pop_list ul{padding: 0 0;gap: .2rem 2%;}
	.sp_D_pop_list li{width: 18.4%;}
	.sp_D_pop_list li iconify-icon{font-size: 0.2rem;}
	.sp_D_pop_list li a i{font-size: 0.15rem;}
}
@media screen and (max-width:768px) {
	.sp_D_pop_list li{width: 32%;}
}
@media screen and (max-width:560px) {
	.sp_D_pop_tit{padding: .2rem .2rem;}
	.sp_D_pop_tit iconify-icon{right: 0.2rem;}
	.sp_D_pop_tit p{max-width: 78%;font-size: 0.15rem;}
	.sp_D_pop_tit h5{font-size: 0.16rem;}

	.sp_D_pop_list{padding: 0.3rem 0.2rem 0.3rem;}
	.sp_D_pop_list ul{gap: .14rem 2%;}
	.sp_D_pop_list li{width: 49%;}
	.sp_D_pop_list>h6{font-size: 0.15rem;}
}