@font-face {
  font-family: 'iconfont';  /* Project id 3162394 */
  src: url('//at.alicdn.com/t/font_3162394_cbrouc1yqs.woff2?t=1649476797821') format('woff2'),
       url('//at.alicdn.com/t/font_3162394_cbrouc1yqs.woff?t=1649476797821') format('woff'),
       url('//at.alicdn.com/t/font_3162394_cbrouc1yqs.ttf?t=1649476797821') format('truetype');
}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}


.container{max-width: 675px;margin: auto;background-color: #000B22;}

.header{display: flex;justify-content: space-between;padding: 0 10px;height: 50px;border-bottom: 2px solid #030303;background-color: #000B22;}
.header .item{display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;text-decoration: none;font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif}
.header .l{width: 30px}
.header .c{flex: 1;font-size: 16px;}
.header .r{width: 30px}
.header .iconfont{font-size: 25px;}

.header .item.c a{padding: 0 10px;color: #fff;}
.header .item.c a.active{color: #C79F62;font-weight: 600;}

ul.pagination{display: inline-block;padding: 0;margin: 0;}
ul.pagination li {display: inline;}
ul.pagination li a,
ul.pagination li span{color: black;float: left;padding: 8px 8px;text-decoration: none; border: 1px solid #ddd;color: #fff;}

ul.pagination li.active a,
ul.pagination li.active span{background-color: #C79F62;color: #f4f4f4;}
ul.pagination li a:hover:not(.active) {background-color: #ddd;}
ul.pagination li:first-child a,
ul.pagination li:first-child span{border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
ul.pagination li:last-child a,
ul.pagination li:last-child span{border-top-right-radius: 5px;border-bottom-right-radius: 5px;}

/* 底部 */
.footer{position: fixed;width: 100%;left: 0;right: 0;bottom: 0px;background-color: #000B22;border-top:2px solid #030303;height: 58px;display: flex;justify-content: space-around;}
.footer .item{display: flex;flex-direction: column;justify-content: center;align-items: center;color:#586A81;}
.footer .item .iconfont{font-size: 20px;}
.footer .item.active{color: #C79F62}
.footblank{height: 54px;}