@charset "utf-8";

.boxnav{}
.nav02{ height: calc(100% - .5rem); display: flex; align-items: center;}
.nav02>div{width: 100%;}
.nav02 p{text-align: center;}
.nav02 {font-size: .3rem; letter-spacing: .02rem;}
.p1{color: #3486da; font-weight: bold;font-size: 14px; letter-spacing: .05rem; padding: 1px 0px 0px 0px; width: 100%;}
.p2{font-size: 30px; letter-spacing: .05rem; padding: .1rem 0; width: 100%; text-align: center; color: #fff;}
.nav02 .p3 span{text-align: center; color: #fff; display: inline-block; width: 45%;font-size: 12px; color: #fff;}
.dot{width: .2rem;height: .2rem; display: inline-block; border-radius: 1rem; position: relative; top: 0rem; margin-right: .1rem; }
.dot1{background: #ff0006}
.dot2{background: #00ea37}