* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

li {
  list-style: none;
}

em,
i,
s {
  font-style: normal;
}

html {
  width: 100vw;
}

article {
  position: relative;
  padding-bottom: 21vw;
  min-height: calc(100vh - 21vw);
}

header {
  display: flex;
  width: 100vw;
  height: 9.6vw;
  background: #d65702;
  padding: 0 3.2vw;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

header .home {
  display: flex;
  align-items: center;
}

header .home a {
  overflow: hidden;
  white-space: nowrap;
}

header .home > a:first-of-type {
  color: #ffffff;
  box-sizing: border-box;
  font-size: 3.7333vw;
  font-family: PingFang SC;
  display: flex;
  align-items: center;
}

header .home > a:first-of-type::before {
  content: "";
  display: inline-block;
  width: 3.7333vw;
  height: 3.7333vw;
  background: url("/_source/static.800820.net/m800820/static/images/home.png") no-repeat left center;
  background-size: 100%;
  margin-right: 0.8vw;
}

header .home > h1,
header .home > a:not(:first-of-type) {
  font-size: 3.7333vw;
  font-family: PingFang SC;
  color: #ffffff;
  display: flex;
  align-items: center;
}

header .home > h1::before,
header .home > a:not(:first-of-type)::before {
  content: "";
  display: inline-block;
  width: 2.4vw;
  height: 2.4vw;
  background: url("/_source/static.800820.net/m800820/static/images/gengduo-right.png") no-repeat left center;
  background-size: 100%;
  margin: 0 1.0333vw;
}
header .home > h1 a {
  color: #ffffff;
}

header .zst {
  font-size: 3.7333vw;
  font-family: PingFang SC;
  color: #ffffff;
  display: flex;
  align-items: center;
}

header .zst::before {
  content: "";
  display: inline-block;
  width: 3.7333vw;
  height: 3.7333vw;
  background: url("/_source/static.800820.net/m800820/static/images/zoushitu@2x.png") no-repeat left center;
  background-size: 95%;
  margin-right: 1.0667vw;
  margin-top: 0.2667vw;
}

footer {
  width: 100vw;
  padding: 3.5vw 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
  bottom: 0;
  border-top: 0.2667vw solid #d5d5d5;
  font-family: Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei",
    "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
}
.footer-zst {
  width: 100vw;
  padding: 3.5vw 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  border-top: 0.2667vw solid #d5d5d5;
  font-family: Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei",
    "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
}

footer p:first-of-type {
  font-size: 4.5vw;
  color: #666;
  margin-bottom: 1.4vw;
}

footer p:first-of-type > em > a {
  color: #45a1db;
}

footer p:first-of-type > em:nth-of-type(2) {
  margin: 0 5vw;
}

footer p:last-of-type {
  font-size: 4.5vw;
  color: #999999;
  text-align: center;
}
footer p:last-of-type a {
  font-size: 3.9vw;
  color: #999999;
  margin-bottom: 0.8vw;
}

nav {
  width: 100vw;
}

nav #menu {
  height: 32vw;
  background: #f7f7f7;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-evenly;
  padding: 0 4vw;
  box-sizing: border-box;
}

nav #menu > a {
  width: 17.3333vw;
  height: 10.6667vw;
  font-size: 3.7333vw;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  text-align: center;
  line-height: 10.6667vw;
  border: 0.2667vw solid #d3d3d3;
  border-radius: 1.3333vw;
}

nav #menu > a.tab {
  border: 0.2667vw solid #4fcc94;
  border-radius: 1.3333vw;
  color: #4fcc94;
}
nav > div.menu-tk > a {
  width: 22vw !important;
}

/*按分类多少来排列，尽量让上下一致*/

.classWidth1 {
  width: 99.3333vw !important;
  height: 15.6667vw !important;
  line-height: 15.6667vw !important;
}

.classWidth2 {
  width: 44.3333vw !important;
  height: 15.6667vw !important;
  line-height: 15.6667vw !important;
}

.classWidth3 {
  width: 28.3333vw !important;
  height: 15.6667vw !important;
  line-height: 15.6667vw !important;
}

.classWidth4 {
  width: 21.3333vw !important;
  height: 15.6667vw !important;
  line-height: 15.6667vw !important;
}

.classWidth5 {
  width: 17.3333vw !important;
  height: 15.6667vw !important;
  line-height: 15.6667vw !important;
}

.classWidth6 {
  width: 28.3333vw !important;
}

.classWidth7 {
  width: 21.3333vw !important;
}

.classWidth8 {
  width: 21.3333vw !important;
}

.classWidth9 {
  width: 17.3333vw !important;
}

section .zst-wrap .zst-item .zst-content > a:nth-last-of-type(-n + 2) {
  margin-bottom: 4vw;
}

h2 {
  text-align: center;
  margin: 6.6667vw 0 4vw 0;
  font-size: 4.8vw;
  color: #333;
}

table {
  border: 0.1333vw solid #fff;
  width: 100%;
  margin-top: 0.6667vw;
  position: relative;
  border: 0;
}

th,
td,
tr {
  font-size: 2.9333vw;
  height: 5.0667vw;
  text-align: center;
  background-color: #4fcc94;
  color: #fff;
  white-space: nowrap;
  z-index: 999;
}

.number-box {
  width: 100%;
  position: relative;
}

.title_1 {
  padding: 0 3.8vw;
  background-color: #4fcc94;
  color: #fff;
}

.title_2 {
  padding: 0 0.5333vw;
  background-color: #f55f1b;
  color: #fff;
}

.title_3 {
  padding: 0 0.5333vw;
  background-color: #fba035;
  color: #fff;
}

.title_4 {
  color: #fff;
  padding: 0 0.5333vw;
  background-color: #4eafec;
}

.title_3 {
  color: #fff;
  padding: 0 0.5333vw;
  background-color: #fba035;
}

td {
  color: #333;
  background-color: #f7f7f7;
  width: 5.0667vw;
}

.nu1 {
  background-color: #e8fff5;
}

.nu2 {
  background-color: #fff3e4;
}

.nu3 {
  background-color: #e8fff5;
}

.nu4 {
  background-color: #e3f4ff;
}

.header-a {
  display: inline-block;
}

/* .list-category {
       margin-top: 2.6667vw;
       background-color: #fff;
       .ititle-wrap {
           display: flex;
           align-items: center;
           padding: 6.6667vw 4vw 4vw 4vw;
           border-bottom: #4fcc94 0.2667vw solid;
           &::before {
               content: '';
               display: inline-block;
               width: 1.3333vw;
               height: 5.3333vw;
               background-color: #4fcc94;
               margin-right: 2.2667vw;
           }
           .ititle {
               font-size: 4.8vw;
               
               
               color: #333333;
           }
       }
       .list {
           >li {
               padding: 4vw;
               font-size: 4vw;
               display: flex;
               justify-content: space-between;
               align-items: center;
               &:not(:last-of-type) {
                   border-bottom: solid 0.2667vw #f8f8f8;
               }
               &::before {
                   content: '';
                   width: 2.1333vw;
                   height: 2.1333vw;
                   border-radius: 50%;
                   background-color: #aae8cc;
                   position: absolute;
                   left: 4vw;
                   vertical-align: middle;
               }
               >a {
                   padding-left: 4.0667vw;
                   font-size: 4vw;
                   
                   
                   color: #666666;
               }
               span {
                   font-size: 3.2vw;
                   
                   
                   color: #999999;
               }
           }
       }
   }
    */

#w-item p.active {
  width: 26%;
}

/* 组选橙色圈圈 */

.zxactive {
  box-sizing: border-box;
  border: 0.1333vw solid #f55f1b;
  border-radius: 50%;
  color: #f55f1b;
}

/* 组选蓝色圈圈 */

.zxactiveblue {
  box-sizing: border-box;
  border: 2px solid #4eafec;
  border-radius: 50%;
  color: #4eafec;
}

/* 有颜色形态方块 */

.hzzsactive {
  background-color: #f55f1b;
  color: #fff;
}

/* 有颜色形态方块 */

.xtactiveblue {
  background-color: #4eafec;
  color: #fff;
}

.xtactiveorange {
  background-color: #f55f1b;
  color: #fff;
}

.table-text th {
  width: 11.11111111%;
}

/* 期尾走势图 */

#qwzs p:not(:last-child)::after {
  content: "";
  height: 6.4vw;
  width: 1px;
  border-right: 0.2667vw solid #4fcc94;
  position: absolute;
  top: 2.6667vw;
  left: 17.4vw;
}

#qwzs p.active {
  width: 22%;
}

/*走势图下的list.css文件*/

article {
  position: relative;
  padding-bottom: 21vw;
  min-height: calc(100vh - 21vw);
  /*background-color: #f7f7f7;*/
}

nav {
  width: 100vw;
}

nav #menu {
  height: 50vw;
  background: #f7f7f7;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-evenly;
  padding: 0 4vw;
  box-sizing: border-box;
}

nav #menu > a {
  height: 10.6667vw;
  font-size: 3.7333vw;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  text-align: center;
  line-height: 10.6667vw;
  border: 0.2667vw solid #d3d3d3;
  border-radius: 1.3333vw;
}
nav #menu > a:last-child {
  /*width: 100% !important;*/
}
nav > div.menu-tk > a:last-child{
    width: 100% !important;
}

nav #menu > a.tab {
    border: 0.2667vw solid #d3d3d3;
    border-radius: 1.3333vw;
    color: #ff3300;
}

section {
  padding-bottom: 23.5vw;
  background-color: #ffffff;
  margin-bottom: -80px;
}

section .wrap {
  background-color: #f7f7f7;
}

section .wrap .kjh {
  width: 100vw;
  background-color: #ffffff;
}

section .wrap .kjh > li > a {
  padding: 4vw;
  box-sizing: border-box;
  display: block;
  background: url("/_source/static.800820.net/images/kjh-gengduo.png") no-repeat right center;
  background-size: 3.2vw 3.2vw;
  background-origin: content-box;
}

section .wrap .kjh > li > a > .kj-title {
  display: flex;
  align-items: center;
}

section .wrap .kjh > li > a > .kj-title > h3 {
  font-size: 4.8vw;
  font-family: PingFang SC;
  color: #333333;
  margin-right: 2.1333vw;
}

section .wrap .kjh > li > a > .kj-title > span {
  font-size: 3.2vw;
  font-family: PingFang SC;
  color: #999999;
}

section .wrap .kjh > li > a .num-container {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: 3.0667vw;
  width: 90vw;
}

section .wrap .kjh > li > a .num-container > span:not(.text-dec) {
  display: block;
  width: 8.5333vw;
  height: 8.5333vw;
  font-size: 4.8vw;
  border-radius: 4.2667vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1.0667vw;
  margin-bottom: 2.1333vw;
}

section .wrap .kjh > li > a .num-container > span:not(.text-dec).rb {
  color: #f55f1b;
  border: 0.1333vw solid #f55f1b;
}

section .wrap .kjh > li > a .num-container > span:not(.text-dec).bb {
  color: #6ea5f0;
  border: 0.1333vw solid #6ea5f0;
}

section .wrap .kjh > li > a .num-container .text-dec {
  display: flex;
  align-items: center;
  padding-bottom: 2.1333vw;
  font-size: 3.7333vw;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
}

section .wrap .kjh > li > a .num-container .text-dec > :first-child {
  margin: 0 4vw;
}

section .wrap .kjh > li > a > p > span {
  font-size: 3.2vw;
  font-family: PingFang SC;
  color: #999999;
  margin-right: 4vw;
}

section .wrap .kjh > li:not(:last-of-type) {
  background: url("/_source/static.800820.net/images/dotted-line.png") no-repeat bottom;
  background-size: 100%;
}

.list-category {
  margin-top: 2.6667vw;
  background-color: #fff;
}

.list-category .ititle-wrap {
  display: flex;
  align-items: center;
  padding: 6.6667vw 4vw 4vw 4vw;
  border-bottom: #4fcc94 0.2667vw solid;
}

.list-category .ititle-wrap::before {
  content: "";
  display: inline-block;
  width: 1.3333vw;
  height: 5.3333vw;
  background-color: #4fcc94;
  margin-right: 2.2667vw;
}

.list-category .ititle-wrap .ititle {
  font-size: 4.8vw;
  font-family: PingFang SC;
  color: #333333;
}

.list-category .list > li {
  padding: 4vw;
  font-size: 4vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.list-category .list > li {
  border-bottom: solid 0.2667vw #f8f8f8;
}

.list-category .list > li::before {
  content: "";
  width: 2.1333vw;
  height: 2.1333vw;
  border-radius: 50%;
  background-color: #aae8cc;
  position: absolute;
  left: 4vw;
  vertical-align: middle;
}

.list-category .list > li > a {
  padding-left: 4.0667vw;
  font-size: 4vw;
  font-family: PingFang SC;
  color: #666666;
}

.list-category .list > li span {
  font-size: 3.2vw;
  font-family: PingFang SC;
  color: #999999;
}

/*新增chart  list-end hot-zst样式*/

.list-end {
  text-align: center;
}

.list-end a {
  font-size: 4vw;
  color: #999;
  line-height: 12vw;
  display: inline-block;
  margin: 0 auto;
}

.hot-zst-link {
  display: flex;
  flex-wrap: wrap;
  margin: 1.3333vw 0 15.6667vw 6.6667vw;
}

.hot-zst-link a {
  white-space: nowrap;
  width: 33.33333%;
  line-height: 9.8667vw;
  font-size: 4vw;
  color: #666;
}

.hot-zst-link a.active {
  color: #ccc;
}

.tqw_ad {
  width: 100%;
  display: flex !important;
  height: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.tqw_ad > span {
  width: 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  writing-mode: vertical-rl;
  font-size: 1rem;
  letter-spacing: 0.9em;
  color: #000000 !important;
  font-size: .6rem !important;
}
.tqw_ad .right {
  flex: 1;
}
.tqw_ad .right a {
  background: none;
  display: flex;
  height: 3.4rem;
  overflow: hidden;
  padding-left: 0;
  line-height: 3.4rem;
  color: #333;
}
.tqw_ad .right a:not(:last-of-type) {
  border-bottom: 1px dotted #ddd;
}