.switch-btn{position: fixed;z-index: 9999; width: 0.5rem;right: .25rem;bottom: .25rem;background: url('../images/');}
.switch-btn img{width:100%;}

.topNav{display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;width: 7.5rem; z-index: 10; border-bottom: 1px solid #eee; background: #FFFFFF; height: 0.9rem; overflow: hidden;position: fixed;}
.topNav .logo{width: 2.5rem; height: 100%; margin-left: .25rem;}
.topNav .logo img{height: 0.8rem; margin-top: .05rem;}

.topNav .channel{width: 1rem;height: 100%;margin-right: .25rem;text-align: right;background:url('../images/openMore.png') no-repeat right center;background-size:0.35rem auto;}
.topNav .channel.active { background-image:url('../images/closeMore.png')}


.dropdown {position: fixed;top: -200%; padding-top: .25rem; width: 100%; height: 100vh; background-color: #f1f1f1; box-sizing: border-box; -webkit-transition: top .3s; transition: top .3s; z-index: 9;overflow: auto;}


.dropdown.active {top: 0.9rem;}

.dropdown ul { display: -webkit-box;display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;-webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0 .05rem;padding-bottom: 0.9rem;}

.dropdown ul li { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;-webkit-box-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;  -webkit-align-items: center; margin: .15rem .1rem;padding: .02rem; width: 2.25rem;height: 0.75rem;border-radius: 0.6rem; background-color: #fff; font-size: .3rem; font-weight: 400; text-decoration: none; color: #666; box-sizing: border-box; border: 1px solid #FFFFFF;}
.dropdown ul li a{display: block;height: 0.5rem;overflow: hidden;margin-top: 0.05rem;}