.header-box{
  position:absolute;
  left:0;
  right:0;
  top:0;
  z-index:9
}
.logo-box{
  background:#222228;
  text-align:center;
  padding:23px 0
}
.logo-box img{
  cursor:pointer
}
.nav-box{
  background:rgba(34,34,40,.92)
}
.nav-box .nav-wapper{
  width:1140px;
  margin:0 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.nav-box .nav-wapper .nav{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1
}
.nav-box .nav-wapper .nav ul{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:5px 0
}
.nav-box .nav-wapper .nav ul li{
  list-style:none;
  cursor:pointer;
  color:#fff;
  font-size:14px;
  padding:5px 0;
  -webkit-transition:all .3s;
  transition:all .3s;
  border-bottom:2px solid transparent
}
.nav-box .nav-wapper .nav ul .router-link-active,.nav-box .nav-wapper .nav ul li:hover {
  color:#f5cd7b;
  border-bottom:2px solid #f5cd7b
}
.nav-box .nav-wapper .rightbar{
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding-left:180px
}
.nav-box .nav-wapper .rightbar .username,.nav-box .nav-wapper .rightbar{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.nav-box .nav-wapper .rightbar .username{
  cursor:pointer;color: #fff;
}
.nav-box .nav-wapper .rightbar .username img{
  width:24px
}
.nav-box .nav-wapper .rightbar .username span{
  font-size:14px;
  color:#f5cd7b
}
.nav-box .nav-wapper .rightbar .btn-group{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.nav-box .nav-wapper .rightbar .btn-group .gold-btn{
  /* background:#f5cd7b; */
  cursor:pointer;
  font-size:14px;
  color:#222228;
  padding:3px 15px;
  border-radius:5px;
  margin:0 10px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.nav-box .nav-wapper .rightbar .btn-group .gold-btn img{
  margin-top:-3px;
  margin-left:5px
}
.nav-box .nav-wapper .rightbar .btn-group .logout{
  /* background:#212126; */
  cursor:pointer;
  font-size:14px;
  color:#fff;
  padding:3px 15px;
  border-radius:5px;
  margin:0 10px
}



.footerbar {
  background: url(../images/footerbg.d70ff0c3.png) no-repeat;
  background-size: auto;
  background-size: cover;
  padding: 100px 0 60px 0;
  margin-top: -70px;
}
.footerbar .topllink {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:400px;
  margin:0 auto
}
.footerbar .topllink .link-list {
  color:#fff;
  font-size:14px;
  cursor:pointer;
  -webkit-transition:all .3s;
  transition:all .3s
}
.footerbar .topllink .link-list a {  color:#fff;
  font-size:15px !important;}
.footerbar .topllink .link-list span {
  color:#a4a4b7;font-size:14px !important;
}
.footerbar .topllink .link-list:hover {
  text-decoration:underline
}
.footerbar .paylist {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:400px;
  margin:0 auto;
  padding:30px 0
}
.footerbar .copyright {
  text-align:center;
  color:#a3a3b6;
  font-size:12px;
  letter-spacing:2px
}