.index-foot{ border-top: 1px solid #ebebeb; z-index:22;height: 4.4rem;width:100%;background:#fff;position:fixed;bottom:0;left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); max-width: 750px; box-sizing:border-box;}
.index-foot li{float:left;width:20%;height:100%;text-align:center;}
.index-foot li a .index-foot-top{height: 1.9rem;margin: 0.5rem auto 0;position:relative;}
.index-foot li a .index-foot-top img{display:block;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.index-foot li a .index-foot-top:before {display: block; content: ''; position: absolute; left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); }
.index-foot li:nth-of-type(1) a .index-foot-top:before { width: 2rem;  height: 1.75rem; top: 0; background: url('/images/index/footer_1.png') 100% /100% 100% no-repeat; }
.index-foot li.style-font:nth-of-type(1) a .index-foot-top:before { background: url('/images/index/footer_1_1.png') 100% /100% 100% no-repeat; }
.index-foot li:nth-of-type(2) a .index-foot-top:before { width: 2rem;  height: 1.45rem; top: 0.25rem; background: url('/images/index/footer_2.png') 100% /100% 100% no-repeat; }
.index-foot li.style-font:nth-of-type(2) a .index-foot-top:before { background: url('/images/index/footer_2_2.png') 100% /100% 100% no-repeat; }
.index-foot li:nth-of-type(3) { position: relative; }
.index-foot li:nth-of-type(3) a { display: block; width: 4rem; height: 4rem; margin: 0.1rem auto 0 auto; border-radius: 50%; -webkit-border-radius: 50%; background: #f77a1c; position: relative; }
.index-foot li:nth-of-type(3) a span {display: block;width: 1.3rem;height: 1.3rem;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 0.75rem;}
.index-foot li:nth-of-type(3) a span:before {position: absolute;content: '';display: block;width: 1.3rem;height: 0.2rem;background: #fff;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.index-foot li:nth-of-type(3) a span:after {position: absolute;content: '';display: block;width: 0.2rem;height: 1.3rem;background: #fff;top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.index-foot li:nth-of-type(3) a p { position: absolute; bottom: 0.75rem; font-size: 1.1rem; text-align: center; color: #fff; }
.index-foot li:nth-of-type(4) a .index-foot-top:before { width: 1.95rem;  height: 1.9rem; top: 0; background: url('/images/index/footer_wst.png') 100% /100% 100% no-repeat; }
.index-foot li.style-font:nth-of-type(4) a .index-foot-top:before { background: url('/images/index/footer_wst_act.png') 100% /100% 100% no-repeat; }
.index-foot li:nth-of-type(5) a .index-foot-top:before { width: 1.9rem;  height: 1.9rem; top: 0; background: url('/images/index/footer_3.png') 100% /100% 100% no-repeat; }
.index-foot li.style-font:nth-of-type(5) a .index-foot-top:before { background: url('/images/index/footer_3_3.png') 100% /100% 100% no-repeat; }
.index-foot li a p{font-size: 1.1rem;width:100%;color:#999999; line-height:1.1rem; margin-top:.1rem;}
.index-foot li.style-font a p{color:#f77a1c;}
.share-cover {position: fixed; top: 0; left: 0; background: rgba(0,0,0,.75); width: 100%; height: 100%; z-index: 22222;}
.share-cover .share-cover-img { max-width: 80%; position: absolute; top: 15%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

.footer-issue-cover { z-index: 25; position: absolute; max-width: 750px; width: 100%; height: 100%; }
.footer-issue-cover .issue-box {padding: 7% 0 4% 0;border-bottom: 1px solid #eaeaea;}
.footer-issue-cover .issue-cover { position: fixed;bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background: #fff; max-width: 750px; width: 100%; z-index: 26; }
.footer-issue-cover .issue-box li { width: 33.33%; float: left; }
.footer-issue-cover .issue-box li p {font-size: 1.3rem;color: #555555;text-align: center;margin-top: 0.5rem;}
.footer-issue-cover .issue-box li span { display: block; width: 100%; height: 5rem; }
.footer-issue-cover .issue-box li:nth-of-type(1) span{ background: url('/images/index/article_icon.png') top center /5rem 100% no-repeat; }
.footer-issue-cover .issue-box li:nth-of-type(2) span{ background: url('/images/index/video_icon.png') top center /5rem 100% no-repeat; }
.footer-issue-cover .issue-box li:nth-of-type(3) span{ background: url('/images/index/atlas_icon.png') top center /5rem 100% no-repeat; }
.footer-issue-cover .issus-cancel { position: relative; text-align: center; height: 4.7rem; line-height: 4.7rem; color: #aaaaaa; font-size: 1.2rem; }
.footer-issue-cover .issus-cancel span {position: relative;display: inline-block;width: 1.3rem;margin-right: 0.5rem;height: 1.3rem;}
.footer-issue-cover .issus-cancel span:before {position: absolute;content: '';display: block;width: 1.3rem;height: 2px;top: 50%;left: 0;transform: rotate(-45deg);background: #aaaaaa;}
.footer-issue-cover .issus-cancel span:after {position: absolute;content: '';display: block;width: 1.3rem;height: 2px;top: 50%;right: 0;transform: rotate(45deg);background: #aaaaaa;}


.cover-bg{height:100%;width:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.5);z-index:25;}