.navbar-burger{cursor:pointer;display:block;width:5rem;margin-left:auto}
.navbar-burger span {background-color: currentColor;display: block;height: 4px;left: calc(90% - 8px);position: absolute;transform-origin: center;transition-duration: 86ms;transition-property: background-color,opacity,transform;transition-timing-function: ease-out;width: 32px;}
.navbar-burger span:nth-child(1){top:calc(40% - 9px)}
.navbar-burger span:nth-child(2){top:calc(43% - 1px)}
.navbar-burger span:nth-child(3){top:calc(50% + 4px)}
.navbar-burger:hover{background-color:rgba(0,0,0,.05)}
.navbar-menu{display:none}
.navbar-item{color:#ffffff;display:block;padding:0.2rem 0.2rem;position:relative;font-weight:600;}
a.navbar-item:hover{background-color:transparent;color:#000000;background-color:#fed325;}
.navbar-item{flex-grow:0;flex-shrink:0}
.btn1 {background-color: #2791d8 !important;color: #ffffff;margin: 3px 5px;padding: 3px 5px !important;}
p.xin {font-size: 12px;}
.juli {margin-top: 85px;}
@media screen and (max-width:1023px){.navbar>.container{display:block}
.navbar-brand .navbar-item{align-items:center;display:flex}
.navbar-menu{background-color:#34495e;box-shadow:0 8px 16px rgba(10,10,10,.1);padding:.5rem 0}
p.xin {font-size: 12px;}
.bold {font-weight: 500;font-size: 14px;}
.juli {margin-top: 48px;}
}
@media screen and (min-width:1024px){.navbar,.navbar-end,.navbar-menu{align-items:stretch;display:flex}
.navbar{min-height:4rem}
.navbar-burger{display:none}
.navbar-item{align-items:center;display:flex}
.navbar-menu{flex-grow:1;flex-shrink:0}
.navbar-end{justify-content:flex-end;margin-left:auto}
.navbar>.container .navbar-brand{margin-left:-1rem}
.navbar>.container .navbar-menu{margin-right:-1rem}
a.navbar-item.is-active:not(:hover),a.navbar-link.is-active:not(:hover){background-color:transparent}
p.xin {font-size: 16px;}
.bold {font-weight: 500;font-size: 17px;}
.juli {margin-top: 85px;}
}
@media screen and (max-width:1023px){.navbar{color:#ecf0f1;margin-top: -25px;}
.navbar .navbar-menu{background-color:#000;border-radius:0}
.navbar .navbar-item:not(.is-active):not(:hover),.navbar .navbar-link:not(.is-active):not(:hover){color:#fff}
p.xin {font-size: 12px;}
.bold {font-weight: 500;font-size: 14px;}
.juli {margin-top: 48px;}
}
@media screen and (max-width:1023px){.navbar>.container{display:block}
.navbar-brand .navbar-item,.navbar-tabs .navbar-item{align-items:center;display:flex}
.navbar-menu{background-color:#0a0b0b;box-shadow:0 8px 16px rgba(10,10,10,.1);padding:.5rem 0}
.navbar-menu.is-active{display:block;width:400px;margin-top:430px;}
.navbar.is-fixed-bottom-touch,.navbar.is-fixed-top-touch{left:0;position:fixed;right:0;z-index:30}
.navbar.is-fixed-bottom-touch{bottom:0}
.navbar.is-fixed-bottom-touch.has-shadow{box-shadow:0 -2px 3px rgba(10,10,10,.1)}
.navbar.is-fixed-top-touch{top:0}
.navbar.is-fixed-top .navbar-menu,.navbar.is-fixed-top-touch .navbar-menu{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 4rem);overflow:auto}
p.xin {font-size: 12px;}
.bold {font-weight: 500;font-size: 14px;}
.juli {margin-top: 48px;}
}
