#mypage ul.footer.nh17 li a{background:#fff; padding:5px 0; border:none; font-weight:normal; font-family:"微软雅黑"; color:#a8a8a8;}
#mypage ul.footer.nh17 li a div{ width:20px; height:20px; margin:0 auto; background: url(../images/footer/footericonshop.png) 0 0 no-repeat; background-size:400% 200%;}
#mypage ul.footer.nh17 li:nth-child(2) a div{ background-position: -21px 0;}
#mypage ul.footer.nh17 li:nth-child(3) a div{ background:url(../images/footer3.jpg);background-size:100% 100%;}
#mypage ul.footer.nh17 li:nth-child(4) a div{ background-position: -42px 0;}
#mypage ul.footer.nh17 li:nth-child(5) a div{ background-position: -62px 0;}
#mypage ul.footer.nh17 li a.active div{ width:20px; height:20px; margin:0 auto; background: url(../images/footer/footericonshop.png) 0 -20px no-repeat; background-size:400% 200%;}
#mypage ul.footer.nh17 li:nth-child(2) a.active div{ background-position: -21px -20px;}
#mypage ul.footer.nh17 li:nth-child(3) a.active div{ background:url(../images/footer3.png);background-size:100% 100%;}
#mypage ul.footer.nh17 li:nth-child(4) a.active div{ background-position: -42px -20px;}
#mypage ul.footer.nh17 li:nth-child(5) a.active div{ background-position: -62px -20px;}
#mypage ul.footer.nh17 li:nth-child(4) a.active i { display: none; }

#mypage ul.footer.nh17 li a.active p{ color:#f9384c;}
#mypage ul.footer.nh17 li:nth-child(4) a p { position: relative; }
#mypage ul.footer.nh17 li:nth-child(4) a p i { position: absolute; right: 28%; top: -120%; width: 10px; height: 10px; background: url(../images/msg-icon.png) no-repeat; background-size: cover; }
#mypage ul.footer.nh17{margin:0px;padding:0px;display: flex;justify-content: space-around;}
#mypage ul.footer.nh17 li{width:20%;float:left;padding-top:5px;background: #fff;}
#mypage ul.footer.nh17 li p{margin:0px;}
#mypage ul.footer.nh17 li a{text-decoration: none;color: #999!important;font-size:12px;}
.ui-footer{background:#fff!important;background: #fff!important;border-top: 1px solid #e0e0e0;}