#menus {
  float: left;
  margin: 5px auto;
  border: 1px solid #dbdbdb;
  border-width: 1px 1px 0px 1px;
  width: 1198px;
  margin-bottom: 0px;
}
#menus .control {
  float: left;
  width: 55px;
}
#menus .control div {
  display: block;
  text-align: center;
  width: 68px;
  border: 1px solid #dbdbdb;
  border-width: 0 1px 1px 0;
  width: 51px;
  height: 33px;
  line-height: 33px;
  cursor: pointer;
}
    #menus .control div.vip {
        position: relative;
    }

        #menus .control div.vip::before {
            display: inline-block;
            content: "";
            width: 24px;
            height: 26px;
            position: absolute;
            top: 0;
            left: -1px;
            background: url(/static/images/icon_vip3.png) no-repeat left top / 100%;
        }
#menus .control div.tab {
  font-weight: bold;
  border: 1px solid #dbdbdb;
  border-width: 0 0px 1px 0;
  color: #2a2a2a;
}
.menulist,
.menulist ul {
  float: left;
  width: 1120px;
}
.menulist ul {
  padding: 10px 10px 10px 20px;
}
.menulist li {
  width: 185px;
  float: left;
  line-height: 28px;
  height: 28px;
  overflow: hidden;
}

    .menulist ul.five li {
        width: 222px;
    }

    .menulist ul.four li {
        width: 278px;
    }

.menulist li a {
  color: #2a2a2a;
  font-size: 13px;
}
.menulist li a.hot {
  background: url(/static/images/hot.gif) no-repeat right center;
  padding-right: 18px;
}
.menulist li a.new {
  background: url(/static/images/new.gif) no-repeat right center;
  padding-right: 18px;
}

    .menulist li a.vip {
        background: url(/static/images/vip14.png) no-repeat right center / 14px 14px;
        padding-right: 18px;
    }

.menulist li a.tab {
  color: #b92734;
}

    .menulist li.tg_img {
        display: block;
        width: 1100px;
        height: 82px;
        margin-top: 8px;
    }

        .menulist li.tg_img a,
        .menulist li.tg_img a img {
            display: block;
            width: 100%;
            height: 100%;
        }

.vip-zst {
  width: 1198px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #303030;
  background: #fffcf1;
  border: 1px solid #dbdbdb;
  border-bottom: none;
}
.vip-zst .left {
  font-size: 14px;
  font-weight: bold;
  color: #3365ac;
  padding: 0 5px 0 12px;
}
.vip-zst a {
  font-size: 14px;
  color: #303030;
  text-decoration: none;
}
.vip-zst a.link {
  margin-right: 40px;
}
.vip-zst a.link::after {
  display: inline-block;
  content: "";
  width: 14px;
  height: 14px;
  background: url(/static/images/vip16.png) no-repeat center 1px/100% 100%;
}
.vip-zst a:hover {
  text-decoration: underline;
}
#main .mbar {
  background: url(/static/images/mbar_bg.gif) repeat-x left center;
  height: 40px;
  line-height: 40px;
  display: flex;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-top: none;
}
#main .mbar h3 {
  float: left;
  margin-left: 10px;
  margin-right: 20px;
  color: #b92734;
  font-family: tahoma;
  font-size: 18px;
}
#main .mbar h4 {
  float: left;
  width: 300px;
  margin-left: 10px;
  color: #2a2a2a;
  font-size: 18px;
  font-weight: normal;
}
#main .mbar .submenus {
  float: left;
  color: #000;
  margin-top: 0px;
}
#main .mbar .submenus a {
  color: #1c53a3;
  margin: 0 5px 0 5px;
}
#main .mbar .submenus a:hover {
  color: #b92734;
}
#main .mbar .submenus .tab {
  color: #b92734;
}
#main .mbar .msize {
  float: right;
  width: 570px;
  text-align: right;
  font-family: tahoma;
  vertical-align: text-bottom;
  margin-top: 0px;
  font-size: 12px;
  flex: 1;
}
#main .mbar .msize a {
  color: #1c53a3;
}
#main .mbar .msize a.tab {
  color: #b92734;
  font-weight: bold;
}
#main .mbar .msize span {
  margin-right: 13px;
}
#main .mbar .msize .text {
  font-family: tahoma;
  border: 1px solid #707070;
  width: 68px;
  text-align: center;
  line-height: 18px;
  height: 18px;
}
#main .mbar .msize .select {
  font-family: tahoma;
  border: 1px solid #707070;
  width: 68px;
}
/* 选期尾 */
#main .mbar .msize .xqw {
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  color: #181818;
  border: 1px solid #e0e0e0;
}
#main .mbar .msize .xqw.active {
  color: #5397df;
  border-color: #5397df;
}
#main .mbar .msize .xqw:hover {
  text-decoration: none;
}
/* 单选切换 */
#main .mbar .msize label {
  cursor: pointer;
  margin-right: 3px;
}
#main .topaid {
  background: #f6f6f6;
  text-align: center;
  _padding-top: 8px;
  height: 34px;
  _height: 26px;
  line-height: 34px;
  margin: 0 auto;
  width: 1198px;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
}
#main .bottomaid {
  background: #f6f6f6;
  text-align: right;
  width: 1198px;
  _padding-top: 8px;
  height: 34px;
  _height: 26px;
  line-height: 34px;
  border-top: 1px solid #dbdbdb;
}
#main .topaid span,
#main .bottomaid span {
  margin-right: 10px;
}
#main .topaid label,
.bottomaid label {
  cursor: pointer;
}
#customenus {
  margin: 6px auto;
  border: 1px solid #dbdbdb;
  float: left;
  width: 1198px;
  margin-bottom: 0px;
  overflow: hidden;
}
#customenus .title {
  float: left;
  width: 1186px;
}
#customenus .title {
  background: url(/static/images/custom_title_bg.gif) repeat-x left center;
}
#customenus .title li {
  float: left;
  height: 34px;
  line-height: 34px;
  background: url(/static/images/custom_bg.gif) repeat-x left center;
  padding: 0 20px 0 20px;
  border-right: 1px solid #dbdbdb;
  text-align: center;
  cursor: pointer;
}
#customenus .title li.tab {
  color: #c32231;
  background: url(/static/images/custom_tab_bg.gif) repeat-x left center;
}
#customenus .title li span {
  color: #ff3300;
}
#customenus .title .addfav {
  float: left;
  width: 60px;
  line-height: 34px;
  cursor: pointer;
  margin-left: 20px;
  background: url(/static/images/addfav.gif) no-repeat left center;
  padding-left: 20px;
}
#customenus .title .share {
  float: left;
  width: 80px;
  line-height: 34px;
  cursor: pointer;
  margin-left: 12px;
  background: url(/static/images/share.gif) no-repeat left center;
  padding-left: 18px;
}
#customenus .menulist {
  float: left;
  width: 1170px;
  margin: 5px 20px 10px 10px;
  _margin: 5px 20px 10px 30px;
}
#customenus .menuo ul {
  float: left;
  width: 1170px;
}
#customenus .menulist li {
  line-height: 26px;
}
#caiso {
  margin: 6px auto;
  height: 33px;
  line-height: 33px;
  border: 1px solid #dbdbdb;
  float: left;
  width: 1198px;
  margin-bottom: 0px;
  overflow: hidden;
}
#caiso span {
  font-size: 12px;
  font-weight: bold;
  padding-left: 10px;
}
#caiso a {
  padding: 0 4px 0 4px;
}
/*走势图结束*/
#helptip {
  margin: 6px auto;
  border: 1px solid #dbdbdb;
  float: left;
  width: 1198px;
  margin-bottom: 0px;
  overflow: hidden;
}
#helptip .title {
  float: left;
  margin: 6px;
  background: #f7f7f7;
  height: 34px;
  line-height: 34px;
  width: 1186px;
}
#helptip .title h3 {
  background: url(/static/images/help_icon.gif) left center no-repeat;
  padding-left: 26px;
  margin-left: 10px;
  float: left;
  width: 200px;
}
#helptip .title .showclose {
  float: right;
  background: url(/static/images/show_close.gif) no-repeat left center;
  padding-left: 20px;
  margin-right: 15px;
  width: 28px;
  cursor: pointer;
  text-align: right;
}
#helptip ul {
  width: 1100px;
  float: left;
  margin: 5px 20px 10px 20px;
}
#helptip ul li {
  line-height: 34px;
}
.chart {
  position: relative;
  border: 1px solid #dbdbdb;
  border-top: none;
}
.chart table {
  width: 100%;
  border-spacing: 1px;
  text-align: center;
  border-collapse: collapse;
}
.chart table > tbody:not(.pxt):not(.thead) tr,
.chart table > tbody:not(.pxt):not(.thead) th,
.chart table > tbody:not(.pxt):not(.thead) td {
  overflow: hidden;
}
.chart table > thead th,
.chart table > .thead th,
.chart table > thead td,
.chart table > .thead td {
  height: 20px;
  font-weight: normal;
  color: #181818;
  border: 1px solid #ffffff;
  font-size: 12px !important;
}
.chart table > thead .sort_top,
.chart table > .thead .sort_top,
.chart table > thead .sort_top1,
.chart table > .thead .sort_top1 {
  cursor: pointer;
}
.chart table > thead .sort_top::after,
.chart table > .thead .sort_top::after,
.chart table > thead .sort_top1::after,
.chart table > .thead .sort_top1::after {
  width: 9px;
  height: 11px;
  display: inline-block;
  content: "";
  background-image: url(/static/images/n_sort_desc.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.chart table > thead .sort_bottom,
.chart table > .thead .sort_bottom {
  cursor: pointer;
}
.chart table > thead .sort_bottom::after,
.chart table > .thead .sort_bottom::after {
  width: 9px;
  height: 11px;
  display: inline-block;
  content: "";
  background-image: url(/static/images/n_sort_asc.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.chart table tbody td {
  background: #f7f7f7;
  font-family: "宋体";
  text-align: center;
  border: 1px solid #fff;
  height: 24px;
  overflow: hidden;
  font-size: 12px;
}
.chart table tbody td > .wrap {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.chart table tbody td > .wrap > .hs {
  display: flex;
  width: 16px;
  height: 16px;
  background-color: #e0b26d;
  color: #ffffff;
  justify-content: center;
  align-items: center;
}
.chart table tbody td > .wrap > .zs {
  display: flex;
  width: 16px;
  height: 16px;
  background-color: #8dbcbd;
  color: #ffffff;
  justify-content: center;
  align-items: center;
}
.chart table tbody td > .wrap > .big-hs,
.chart table tbody td > .wrap > .big-zs {
  display: flex;
  width: 24px;
  height: 18px;
  color: #ffffff;
  justify-content: center;
  align-items: center;
}
.chart table tbody td > .wrap > .big-hs.big-zs,
.chart table tbody td > .wrap > .big-zs.big-zs {
  background-color: #8dbcbd;
}
.chart table tbody td > .wrap > .big-hs.big-hs,
.chart table tbody td > .wrap > .big-zs.big-hs {
  background-color: #e0b26d;
}
.chart table tbody td > .wrap > .more-hs {
  display: flex;
  width: 44px;
  height: 18px;
  color: #ffffff;
  justify-content: center;
  align-items: center;
  background-color: #e0b26d;
}
.chart table tbody td > .wrap > .more-rs {
  display: flex;
  width: 44px;
  height: 18px;
  color: #ffffff;
  justify-content: center;
  align-items: center;
  background-color: #c84c59;
}
.chart table tbody td > .wrap > span {
  margin: 0 2px;
}
.chart table tbody tr td:last-of-type {
  border-right: none !important;
}
.chart table .pxt {
  border: 1px solid #cecece;
  border-bottom: none;
}
.chart table .pxt tr .wid106 {
  width: 106.5px;
  max-width: 106.5px;
}
.chart table .pxt tr .wid53 {
  width: 53.3px;
  max-width: 53.3px;
}
.chart table .pxt tr td > .wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #181818;
  font-size: 14px;
  position: relative;
}
.chart table .pxt tr td > .wrap:hover {
  border: 1px solid #c60000;
  border-right: none;
  cursor: pointer;
  background-color: #ffffff !important;
}
.chart table .pxt tr td > .wrap:hover::after {
  display: inline-block;
  content: "";
  width: 2px;
  height: 21px;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  right: -1px;
  z-index: 999;
}
.chart table .pxt tr td > .wrap:hover > .h {
  display: flex;
}
.chart table .pxt tr td > .wrap > .h {
  position: absolute;
  top: -1px;
  right: -122px;
  width: 122px;
  height: 60px;
  background: #ffffff;
  box-shadow: 0px 2px 2px 0px #e0e0e0;
  border: 1px solid #c60606;
  font-size: 14px;
  color: #181818;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: none;
  z-index: 99;
  padding-left: 10px;
  overflow: hidden;
}
.chart table .pxt tr td > .wrap > .h span {
  color: #c60606;
}
.chart table .pxt tr td > .wrap > .hs,
.chart table .pxt tr td > .wrap > .zs,
.chart table .pxt tr td > .wrap > .ls {
  width: 14px;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.chart table .pxt tr td > .wrap > .hs.hs,
.chart table .pxt tr td > .wrap > .zs.hs,
.chart table .pxt tr td > .wrap > .ls.hs {
  background: #ffbf60;
  margin-right: 1px;
}
.chart table .pxt tr td > .wrap > .hs.zs,
.chart table .pxt tr td > .wrap > .zs.zs,
.chart table .pxt tr td > .wrap > .ls.zs {
  background: #9aa5de;
  margin: 0 1px;
}
.chart table .pxt tr td > .wrap > .hs.ls,
.chart table .pxt tr td > .wrap > .zs.ls,
.chart table .pxt tr td > .wrap > .ls.ls {
  background: #6aaced;
  margin-left: 1px;
}
.chart table .pxt tr td.ql {
  background: rgba(133, 142, 195, 0.06);
}
.chart table .pxt tr td.red {
  background: #c60000 !important;
  color: #ffffff;
}
.chart table .zst-tb > tr:nth-of-type(5n) td {
  border-bottom: 1px solid #dbdbdb;
}
.chart table .zst-tb > tr.active td {
  background-color: #eaf0f7;
}
.chart table .zst-tb > tr.active > td.act-text {
  color: #eaf0f7;
}
.chart table .letter-space td[class*="ball"] {
  letter-spacing: -1px;
}
.chart table .even-bg td {
  height: 23px !important;
  font-family: "宋体";
}
.chart table .even-bg tr:nth-of-type(even) td {
  background: #e8f1fa;
}
.chart table .yxh td {
  color: #999999;
  font-family: tahoma;
  background-color: #eaeaea;
}
.chart table .yxh .yx {
  cursor: pointer;
}
.chart table .yxh td:first-child {
  color: #2b2b2b;
}
.chart table .yxh .yx-block-active {
  color: #ffffff !important;
  background: #e0b26d;
}
.chart table .yxh .yx-ball-active {
  color: #ffffff !important;
  background: url(/static/sd/01.gif) no-repeat center center;
  background-size: 16px 16px;
  background-color: #eaeaea;
}
.chart table .h44 td,
.chart table .h44 th {
  height: 44px;
}
.chart table .m3 span:nth-of-type(2) {
  margin: 0 3px;
}
.chart table .m2 span:nth-of-type(2) {
  margin: 0 2px;
}
.chart table .br02 {
  border-right: 1px solid #dbdbdb !important;
}
.chart table .position {
  position: relative;
}
.chart table .position i {
  position: absolute;
  top: -3px;
  right: 0;
}
.chart table .red-text {
  color: #c60000 !important;
}
.chart table .blue-text {
  color: #4472c4 !important;
}
.chart table .fcqf {
  color: #e9c7c7;
}
.chart table .fcqz {
  color: #d0dce9;
}
.chart table .fcqh {
  color: #bbb;
}
.chart table .bg5 {
  color: #fff;
  background: url(/static/images/bql.png) no-repeat center center / 27px 16px;
  background-color: #f7f7f7;
}
.chart table .bg3 {
  color: #fff;
  background: url(/static/images/bqh.png) no-repeat center center / 27px 16px;
  background-color: #f7f7f7;
}
.chart table .fen {
  font-family: tahoma;
}
.chart table .wz3,
.chart table .wz1,
.chart table .color-zs {
  color: #008b8d;
}
.chart table .wz4,
.chart table .wz2,
.chart table .color-hs {
  color: #f29200;
}
.chart table .borderleft {
  border-left: 1px solid #dbdbdb !important;
}
.chart table .toggle-key {
  color: #1b52a2;
  font-weight: bold;
  cursor: pointer;
}
.chart table .h-block-18 {
  background: url(/static/images/bqh.png) no-repeat center center;
  background-size: 16px 16px;
  color: #ffffff;
  font-family: arial;
  background-color: #f7f7f7;
}
.chart table .z-block-18 {
  background: url(/static/images/bql.png) no-repeat center center;
  background-size: 16px 16px;
  background-color: #f7f7f7;
  color: #ffffff;
  font-family: arial;
}
.chart table .r-ball,
.chart table .r2-ball {
  background-image: url(/static/sd/01.gif);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
  color: #ffffff;
  font-weight: bold;
  font-family: Arial;
  letter-spacing: -1px;
}
.chart table .r1-ball-19,
.chart table .r2-ball-19,
.chart table .r3-ball-19 {
  background-image: url(/static/sd/01.gif);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  color: #ffffff;
  font-weight: bold;
  font-family: Arial;
  letter-spacing: -1px;
}
.chart table .r-ball-18,
.chart table .r2-ball-18,
.chart table .r3-ball-18 {
  background-image: url(/static/sd/01.gif);
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center center;
  color: #ffffff;
  font-family: Arial;
  letter-spacing: -1px;
}
.chart table .p-ball {
  background-image: url(/static/sd/ball_blue.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
  color: #ffffff;
  font-weight: bold;
  font-family: Arial;
  letter-spacing: -1px;
}
.chart table .p-ball-18 {
  background-image: url(/static/sd/ball_blue.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px 18px;
  color: #ffffff;
  font-weight: bold;
  font-family: Arial;
  letter-spacing: -1px;
}
.chart table .p-ball-19,
.chart table .p2-ball-19 {
  background-image: url(/static/sd/ball_blue.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
  color: #ffffff;
  font-weight: bold;
  font-family: Arial;
  letter-spacing: -1px;
}
.chart table .hbg-ball {
  background-image: url(/static/sd/ball_hui.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
  color: #ffffff;
}
.chart table .b-yu-19-ball {
  background-image: url(/static/sd/zx_1.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
  color: #333;
  font-family: Arial;
}
.chart table .h-yu-19-ball {
  background-image: url(/static/sd/zx_2.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
  color: #ff0000;
}
.chart table .h-b-ball-14 {
  width: 16px;
  height: 16px;
  border: 1px solid #c9c9c9;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #c9c9c9;
  transform: scale(0.8);
}
.chart table .r-b-ball {
  background: #c84c59 !important;
  color: #ffffff;
}
.chart table .h-b-ball {
  background: #e0b26d !important;
  color: #ffffff;
}
.chart table .h-ball-18 {
  background: url(/static/images/bqh.png) no-repeat center center;
  background-size: 18px 14px;
  color: #ffffff;
  background-color: #f7f7f7;
}
.chart table .h-ball-24 {
  background: url(/static/images/bqh.png) no-repeat center center;
  background-size: 24px 16px;
  color: #ffffff;
  background-color: #f7f7f7;
}
.chart table .ylfc {
  background: #99c !important;
}
.chart table .ylfc-text {
  color: #99c !important;
}
.chart table .nonum {
  color: #f7f7f7;
}
.chart table .red-bg {
  background: #f0e5c6;
}
.chart table .l-k-rbg {
  background: #feeaea;
}
.chart table .l-k-zbg {
  background: #f0f4ff;
}
.chart table .wid18 {
  width: 18px;
  min-width: 18px;
  max-width: 18px;
}
.chart table .wid19 {
  width: 19px;
  min-width: 19px;
  max-width: 19px;
}
.chart table .wid20 {
  width: 20px;
  min-width: 20px;
  max-width: 20px;
}
.chart table .wid21 {
  width: 21px;
  min-width: 21px;
  max-width: 21px;
}
.chart table .wid22 {
  width: 22px;
  min-width: 22px;
  max-width: 22px;
}
.chart table .wid23 {
  width: 23px;
  min-width: 23px;
  max-width: 23px;
}
.chart table .wid24 {
  width: 24px;
  min-width: 24px;
  max-width: 24px;
}
.chart table .wid25 {
  width: 25px;
  min-width: 25px;
  max-width: 25px;
}
.chart table .wid26 {
  width: 26px;
  min-width: 26px;
  max-width: 26px;
}
.chart table .wid27 {
  width: 27px;
  min-width: 27px;
  max-width: 27px;
}
.chart table .wid28 {
  width: 28px;
  min-width: 28px;
  max-width: 28px;
}
.chart table .wid29 {
  width: 29px;
  min-width: 29px;
  max-width: 29px;
}
.chart table .wid30 {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
}
.chart table .wid31 {
  width: 31px;
  min-width: 31px;
  max-width: 31px;
}
.chart table .wid32 {
  width: 32px;
  min-width: 32px;
  max-width: 32px;
}
.chart table .wid33 {
  width: 33px;
  min-width: 33px;
  max-width: 33px;
}
.chart table .wid34 {
  width: 34px;
  min-width: 34px;
}
.chart table .wid35 {
  width: 35px;
  min-width: 35px;
}
.chart table .wid36 {
  width: 36px;
  min-width: 36px;
}
.chart table .wid38 {
  width: 38px;
  min-width: 38px;
}
.chart table .wid39 {
  width: 39px;
  min-width: 39px;
}
.chart table .wid40 {
  width: 40px;
  min-width: 40px;
}
.chart table .wid41 {
  width: 41px;
  min-width: 41px;
}
.chart table .wid42 {
  width: 42px;
  min-width: 42px;
}
.chart table .wid44 {
  width: 44px;
  min-width: 44px;
}
.chart table .wid45 {
  width: 45px;
  min-width: 45px;
}
.chart table .wid46 {
  width: 46px;
  min-width: 46px;
}
.chart table .wid47 {
  width: 47px;
  min-width: 47px;
}
.chart table .wid48 {
  width: 48px;
  min-width: 48px;
}
.chart table .wid49 {
  width: 49px;
  min-width: 49px;
}
.chart table .wid50 {
  width: 50px;
  min-width: 50px;
}
.chart table .wid51 {
  width: 51px;
  min-width: 51px;
}
.chart table .wid52 {
  width: 52px;
  min-width: 52px;
}
.chart table .wid54 {
  width: 54px;
  min-width: 54px;
}
.chart table .wid56 {
  width: 56px;
  min-width: 56px;
}
.chart table .wid58 {
  width: 58px;
  min-width: 58px;
}
.chart table .wid60 {
  width: 60px;
  min-width: 60px;
}
.chart table .wid62 {
  width: 62px;
  min-width: 62px;
}
.chart table .wid64 {
  width: 64px;
  min-width: 64px;
}
.chart table .wid65 {
  width: 65px;
  min-width: 65px;
}
.chart table .wid66 {
  width: 66px;
  min-width: 66px;
}
.chart table .wid68 {
  width: 68px;
  min-width: 68px;
}
.chart table .wid70 {
  width: 70px;
  min-width: 70px;
}
.chart table .wid71 {
  width: 71px;
  min-width: 71px;
}
.chart table .wid72 {
  width: 72px;
  min-width: 72px;
}
.chart table .wid74 {
  width: 74px;
  min-width: 74px;
}
.chart table .wid75 {
  width: 75px;
  min-width: 75px;
}
.chart table .wid76 {
  width: 76px;
  min-width: 76px;
}
.chart table .wid78 {
  width: 78px;
  min-width: 78px;
}
.chart table .wid80 {
  width: 80px;
  min-width: 80px;
}
.chart table .wid82 {
  width: 82px;
  min-width: 82px;
}
.chart table .wid84 {
  width: 84px;
  min-width: 84px;
}
.chart table .wid87 {
  width: 87px;
  min-width: 87px;
}
.chart table .wid90 {
  width: 90px;
  min-width: 90px;
}
.chart table .wid91 {
  width: 91px;
  min-width: 91px;
}
.chart table .wid94 {
  width: 94px;
  min-width: 94px;
}
.chart table .wid97 {
  width: 97px;
  min-width: 97px;
}
.chart table .wid146 {
  width: 146px;
  min-width: 146px;
}
.chart table .wid176 {
  width: 176px;
  min-width: 176px;
}
.chart table .wid210 {
  width: 210px;
  min-width: 210px;
}
.chart table .wid220 {
  width: 220px;
  min-width: 220px;
}
.chart .contrast .n1 {
  background-color: #e9e9e9;
}
.chart .contrast .n2 {
  background-color: #f2e4fd;
}
.chart .contrast .n3 {
  background-color: #ffeacb;
}
.chart .contrast .n4 {
  background-color: #ffb8b3;
}
.chart .contrast .n5 {
  background-color: #ffdef0;
}
.chart .contrast .n6 {
  background-color: #e4ebff;
}
.chart .contrast .n7 {
  background-color: #ffffd9;
}
.chart .contrast .n8 {
  background-color: #eaffdb;
}
.chart .contrast .yellow-diff {
  background-image: url(/static/sd/ball_yellow.gif);
  background-size: 16px 16px;
}
.chart .contrast .yellow-diff-big {
  background-image: url(/static/sd/ball_yellow.gif);
  background-size: 20px 20px;
}
.chart .contrast .orange-diff {
  background-image: url(/static/sd/orange-diff.png);
  background-size: 16px 16px;
}
.chart .contrast .orange-diff-big {
  background-image: url(/static/sd/orange-diff.png);
  background-size: 20px 20px;
}
.chart > .canvas-wrap {
  position: absolute;
  top: 0;
  left: 0;
}
.chart #canvas {
  position: absolute;
}
.chart .canvas-container {
  position: absolute !important;
  top: 0;
}
.chart > .canvas2 {
  position: absolute;
  z-index: -1;
}
.result {
  width: 100%;
  margin-top: 23px;
}
.result > .titl {
  width: 239px;
  height: 48px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 48px;
  background: #f7f7f7;
  border: 1px solid #eeeeee;
  box-sizing: border-box;
}
.result > .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.result > .top > .left {
  width: 239px;
  height: 48px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 48px;
  background: #5398e4;
}
.result > .top > .total {
  font-size: 14px;
  font-weight: bold;
  color: #4a4a4a;
  display: flex;
  align-items: center;
}
.result > .top > .total > img {
  width: 56px;
  height: 45px;
}
.result > .top > .total > .nums {
  font-size: 22px;
  font-weight: bold;
  color: #cf595a;
  margin: 0 6px;
}
.result > .top > .right {
  display: flex;
  align-items: center;
}
.result > .top > .right .yc_copy {
  width: 55px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0px -1px 3px 0px #ffffff, inset 0px 1px 3px 0px #ffffff;
  border-radius: 2px;
  border: 1px solid #bdbcbc;
  cursor: pointer;
  margin-right: 8px;
}
.result > .top > .right .yc_copy::before {
  display: inline-block;
  content: "";
  width: 13px;
  height: 13px;
  background: url(/static/images/copy1.png) no-repeat left center / 13px 13px;
}
.result > .top > .right .ls-yc {
  width: 80px;
  height: 30px;
  box-shadow: inset 0px -1px 3px 0px #ffffff, inset 0px 1px 3px 0px #ffffff;
  border-radius: 2px;
  border: 1px solid #fba035;
  color: #fba035;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.result > .con {
  position: relative;
  overflow: hidden;
}
.result > .con > .top > .line {
  min-height: 40px;
  display: flex;
}
.result > .con > .top > .line:nth-child(odd) {
  background: #f8f9fc;
}
.result > .con > .top > .line:nth-child(even) {
  background: #fefffb;
}
.result > .con > .top > .line > div {
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.result > .con > .top > .line:not(:first-of-type) > .left,
.result > .con > .top > .line:not(:first-of-type) > .center,
.result > .con > .top > .line:not(:first-of-type) > .right {
  border-top: none;
}
.result > .con > .top > .line > .left {
  width: 239px;
  border: 1px solid #cecece;
  box-sizing: border-box;
}
.result > .con > .top > .line > .left > span {
  width: 64px;
  height: 22px;
  background: #ffc570;
  border-radius: 11px;
  font-size: 12px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 24px;
}
.result > .con > .top > .line > .center {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #cecece;
  border-left: none;
}
.result > .con > .top > .line > .center > span {
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  text-align: center;
  line-height: 26px;
  background: #e7e7e7;
  margin: 0 2px;
}
.result > .con > .top > .line > .center > span.direct {
  color: #ffffff;
  background: #cd585c;
}
.result > .con > .bot > .line {
  display: flex;
}
.result > .con > .bot > .line:not(:first-of-type) > .left,
.result > .con > .bot > .line:not(:first-of-type) > .center,
.result > .con > .bot > .line:not(:first-of-type) > .right {
  border-top: none;
}
.result > .con > .bot > .line:nth-child(odd) {
  background: #f8f9fc;
}
.result > .con > .bot > .line:nth-child(even) {
  background: #fefffb;
}
.result > .con > .bot > .line > .left {
  width: 239px;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #cecece;
  box-sizing: border-box;
}
.result > .con > .bot > .line > .left > span {
  width: 64px;
  height: 22px;
  background: #ffc570;
  border-radius: 11px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 24px;
  box-sizing: border-box;
}
.result > .con > .bot > .line > .center {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  min-height: 40px;
  border: 1px solid #cecece;
  border-left: none;
  border-top: none;
}
.result > .con > .bot > .line > .center > span {
  display: block;
  width: 60px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #cecece;
  box-sizing: border-box;
}
.result > .con > .bot > .line > .center > span.bgred {
  background-color: #cd585c;
  color: #ffffff;
}
.result > .con > .unpay {
  position: absolute;
  top: 0;
  left: 238px;
  width: calc(1200px - 238px);
  height: 100%;
  background: #fbfcff;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}
.result > .con > .unpay > .con {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.result > .con > .unpay > .con > .til {
  font-size: 20px;
  color: #4a4a4a;
  display: flex;
  align-items: center;
  margin: 0 6px;
}
.result > .con > .unpay > .con > .til::before {
  display: inline-block;
  content: "";
  background: url(/static/images/rig.png) no-repeat center center / 100% 100%;
  width: 213px;
  height: 7px;
  transform: rotateY(180deg);
}
.result > .con > .unpay > .con > .til::after {
  display: inline-block;
  content: "";
  background: url(/static/images/rig.png) no-repeat center center / 100% 100%;
  width: 213px;
  height: 7px;
}
.result > .con > .unpay > .con > .tip {
  font-size: 16px;
  color: #ffc570;
  margin: 12px 0 20px;
}
.result > .con > .unpay > .con > .text {
  color: #4a4a4a;
  text-align: center;
  padding: 0 147px;
  margin-bottom: 30px;
  width: 100%;
  box-sizing: border-box;
}
.result > .con > .unpay > .con > .buy {
  width: 220px;
  height: 40px;
  background: linear-gradient(180deg, #fdce65 0%, #fba035 100%);
  box-shadow: inset 0px -1px 3px 0px #ffbbbb, inset 0px 1px 3px 0px #ffbbbb;
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  cursor: pointer;
}
.result > .con > .unpay > .con > .buy::before {
  width: 23px;
  height: 22px;
  display: inline-block;
  content: "";
  background: url(/static/images/clock2.png) no-repeat left center;
  background-size: 100%;
  margin-right: 5px;
}
.result > .con > .unpay > .con > .hint {
  margin-top: 10px;
  display: flex;
  align-items: center;
  color: #999999;
}
.result > .con > .unpay > .con > .hint > a {
  color: #cf595a;
  text-decoration: underline;
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.result > .con > .unpay > .con > .hint > a::before {
  display: block;
  content: "";
  width: 12px;
  height: 10px;
  background: url(/static/images/lq.png) no-repeat left center / 100%;
  margin-right: 2px;
  margin-top: 3px;
}
.result > .con > .collect {
  position: absolute;
  top: 0;
  left: 238px;
  width: calc(1200px - 238px);
  height: 100%;
  background: #fbfcff;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}
.result > .con > .collect > .con {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.result > .con > .collect > .con > .clock {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.result > .con > .collect > .con > .clock > span {
  margin-right: 8px;
}
.result > .con > .collect > .con > .clock > .right {
  display: flex;
  align-items: center;
  font-size: 22px;
}
.result > .con > .collect > .con > .clock > .right > span {
  width: 32px;
  height: 32px;
  background: #fff6e7;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #ffad2a;
  margin: 0 5px;
}
.result > .con > .collect > .con > img {
  width: 200px;
}
.result > .con > .collect > .con > .tip {
  font-size: 14px;
  color: #999999;
  margin-top: 9px;
}
.pastyc-pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(153, 153, 153, 0.43);
  justify-content: center;
  align-items: center;
  display: none;
  z-index: 9999;
}
.pastyc-pop > .con {
  width: 952px;
}
.pastyc-pop > .con > .top {
  width: 100%;
  height: 40px;
  background: #5398e4;
  font-size: 16px;
  color: #ffffff;
  padding: 0 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.pastyc-pop > .con > .top > img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.pastyc-pop > .con > .mid {
  width: 100%;
  padding: 16px 0 16px 24px;
  background: #ffffff;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.pastyc-pop > .con > .mid > .qi {
  width: 140px;
  height: 36px;
  background: #f6f6f6;
  border-radius: 2px;
  border: 1px solid #cecece;
  color: #4a4a4a;
  outline: none;
  text-align: center;
  cursor: pointer;
}
.pastyc-pop > .con > .mid > .qi > option {
  text-align: center;
}
.pastyc-pop > .con > .mid > input {
  width: 140px;
  height: 36px;
  background: #f6f6f6;
  border-radius: 2px;
  border: 1px solid #cecece;
  font-size: 16px;
  color: #4a4a4a;
  outline: none;
  text-align: center;
}
.pastyc-pop > .con > .mid > .past-yc {
  width: 82px;
  height: 28px;
  background: #fba035;
  box-shadow: inset 0px 1px 3px 0px #f7f7f7;
  border-radius: 2px;
  color: #ffffff;
  margin-left: 20px;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
}
.pastyc-pop > .con > .bot {
  background-color: #ffffff;
  flex-direction: column;
  display: none;
  box-sizing: border-box;
}
.pastyc-pop > .con > .bot > .bot1 {
  width: 100%;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #cecece;
  border-right: none;
  border-bottom: none;
  box-sizing: border-box;
}
.pastyc-pop > .con > .bot > .bot1 > .line {
  width: 50%;
  display: flex;
}
.pastyc-pop > .con > .bot > .bot1 > .line > .left {
  width: 170px;
  min-height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #181818;
  background-color: #f8e6c0;
}
.pastyc-pop > .con > .bot > .bot1 > .line > .left > span {
  width: 60px;
  height: 24px;
  background: #fba035;
  border-radius: 11px;
  font-size: 12px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4px;
}
.pastyc-pop > .con > .bot > .bot1 > .line > .center {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.pastyc-pop > .con > .bot > .bot1 > .line > .center > span {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  text-align: center;
  line-height: 26px;
  background: #e7e7e7;
  margin: 0 2px;
  display: block;
}
.pastyc-pop > .con > .bot > .bot1 > .line > .center > span.red {
  background: #cd585c;
  color: #ffffff;
}
.pastyc-pop > .con > .bot > .bot2 {
  width: 100%;
  background-color: #ffffff;
  padding-bottom: 20px;
  box-sizing: border-box;
}
.pastyc-pop > .con > .bot > .bot2 > .line {
  display: flex;
  background: #f8f9fc;
}
.pastyc-pop > .con > .bot > .bot2 > .line > .left {
  width: 170px;
  min-height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #cecece;
  font-size: 16px;
  color: #181818;
  box-sizing: border-box;
}
.pastyc-pop > .con > .bot > .bot2 > .line > .left > span {
  width: 60px;
  height: 24px;
  background: #fba035;
  border-radius: 11px;
  font-size: 12px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4px;
}
.pastyc-pop > .con > .bot > .bot2 > .line > .center {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  min-height: 40px;
  border: 1px solid #cecece;
  border-left: none;
  border-right: none;
  font-size: 16px;
  color: #181818;
}
.pastyc-pop > .con > .bot > .bot2 > .line > .center > span {
  width: 44px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #cecece;
  font-size: 16px;
  display: block;
}
.pastyc-pop > .con > .bot > .bot2 > .line > .center > span.red {
  color: #fff;
  background: #cd585c;
}
.pastyc-pop > .con > .empty {
  flex: 1;
  height: 228px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid #cecece;
  border-left: none;
  border-right: none;
  display: none;
  background-color: #ffffff;
  box-sizing: border-box;
}
.pastyc-pop > .con > .empty > img {
  width: 256px;
  height: 164px;
}
.pastyc-pop > .con > .empty > span {
  font-size: 14px;
  color: #4a4a4a;
  margin-top: 4px;
}
.pastyc-pop > .con > .show {
  display: flex;
}