@charset "utf-8";
/* CSS Document */

.nav2{width:100%;max-width:800px;margin:0 auto;box-sizing:border-box;padding:2px;font-size:13px;background:#00FFFF;overflow: hidden;}
.nav2 ul{padding:2px 0;display:flex;justify-content:space-between}
.nav2 ul li{width:100%;box-sizing:border-box;padding:0 2px}
.nav2 ul li a{display:block;padding:3px 0;text-align:center;color:#fff;border-radius:50px;}
.nav2 ul li a:hover{background:#51F2F2}
#nav2[data-fixed="fixed"]{position:fixed;top:0;left:0;right:0;margin:auto;z-index:1;box-shadow:0 5px 10px rgba(0,0,0,.1)}
.nav-img{text-align:center;background:#000}
.nav-img img{width:auto;height:50px}
@media screen and (max-width:800px){.nav-img img{height:70px}
}
@media screen and (min-width:800px){.nav2{padding:4px;font-size:16px}
.nav2 ul{padding:4px 0}
.nav2 ul li{padding:0 4px}
.nav2 ul li a{padding:5px 0;cursor:pointer}
}
#nav2[data-fixed="fixed"]{position:fixed;top:0;left:0;right:0;margin:auto;z-index:1;box-shadow:0 5px 10px rgba(0,0,0,.1)}


.xf[data-fixed="fixed"]{position:fixed;top:0;left:0;right:0;margin:auto;z-index:50}
.xf{width:100%;max-width:800px;margin:0 auto;box-sizing:border-box;box-shadow:0 5px 10px rgba(0,0,0,.1)}



	.enter {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: #f0f8ff;
}

.enter ul {
    display: flex;
}

.enter ul li {
    flex: 1;
}

.enter ul li a {
    display: block;
    padding: 5px 0;
}

.enter ul li a.active {
    color: #fff;
    background: #df0000;
}