.bbtnbox {
  width: 3.75rem;
  height: .49rem;
  background: linear-gradient(225deg, #c233ff 0%, #e7247a 100%);
  background-size: 100%;
  text-align: center;
  line-height: .49rem;
  font-size: .16rem;
  color: #fff;
  letter-spacing: 1px;
  position: fixed;
  bottom: 0;
  z-index: 999; }

.bbtnbox1 {
  display: block; }

.bbtnbox2 {
  display: none; }

.bbtnbox3 {
  display: none;
  background: #cccccc; }

.bannerbox {
  width: 3.75rem;
  height: 2.78rem; }
  .bannerbox img {
    width: 100%;
    height: 100%; }
  .bannerbox #my-video {
    width: 100%;
    height: 100%; }

.titbox {
  width: 3.75rem;
  height: .65rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ffeae9; }
  .titbox .left {
    width: 2.35rem;
    height: .65rem;
    background: url("../img/titbg.png");
    background-size: 100% 100%;
    position: relative; }
    .titbox .left .spikelogo {
      width: .75rem;
      height: .17rem;
      position: absolute;
      left: .15rem;
      bottom: .08rem; }
    .titbox .left .oldprc {
      color: #fff;
      font-size: .11rem;
      letter-spacing: 1px;
      text-decoration: line-through;
      position: absolute;
      left: .98rem;
      bottom: .08rem; }
    .titbox .left .spikeprc {
      position: absolute;
      left: .15rem;
      top: .01rem;
      color: #fff; }
      .titbox .left .spikeprc .prclogo, .titbox .left .spikeprc .decimal {
        font-size: .13rem; }
      .titbox .left .spikeprc .prcnum {
        font-size: .27rem; }
  .titbox .right {
    position: relative;
    width: 1.4rem;
    height: .65rem; }
    .titbox .right .countdown {
      position: absolute;
      top: .1rem;
      left: .16rem;
      font-size: .12rem;
      color: #bd3060;
      letter-spacing: 1px; }
    .titbox .right .coutdownbox {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden;
      position: absolute;
      left: .05rem;
      bottom: .13rem; }
      .titbox .right .coutdownbox .cdnum {
        width: .17rem;
        height: .22rem;
        line-height: .22rem;
        text-align: center;
        background: #f2315f;
        border-radius: 4px;
        font-size: .11rem;
        color: #fff; }
      .titbox .right .coutdownbox .cdunit {
        font-size: .11rem;
        margin-left: .02rem;
        margin-right: .01rem;
        margin-top: .03rem; }

.txtbox {
  padding-bottom: .1rem;
  width: 3.75rem;
  overflow: hidden;
  border-bottom: 0.05rem solid #f2f2f2; }
  .txtbox .txt1 {
    width: 3.4rem;
    margin: 0 auto;
    margin-top: .09rem;
    font-size: .15rem;
    font-weight: 600;
    color: #222222;
    line-height: .21rem;
    letter-spacing: 1px; }
  .txtbox .txt2 {
    width: 3.4rem;
    margin: 0 auto;
    margin-top: .05rem;
    font-size: .12rem;
    color: #666666;
    line-height: .17rem;
    letter-spacing: 1px; }

.tabbox {
  width: 100%;
  height: .55rem;
  font-size: .16rem;
  color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .tabbox .tab {
    width: 33.333%;
    text-align: center;
    height: .35rem;
    line-height: .35rem;
    border-right: 1px solid #e2e2e2;
    margin-top: .08rem; }
  .tabbox .lasttab {
    border: none; }
  .tabbox .linebox {
    width: 100%;
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .05rem;
    background: #f2f2f2; }
    .tabbox .linebox .line {
      position: absolute;
      bottom: 0;
      width: 33.33%;
      height: .05rem;
      background: #937DE9; }
    .tabbox .linebox .line1 {
      top: 0;
      left: 0; }
    .tabbox .linebox .line2 {
      display: none;
      top: 0;
      left: 33.33%; }
    .tabbox .linebox .line3 {
      display: none;
      top: 0;
      right: 0; }

.bm-box {
  display: none;
  width: 3.2rem;
  min-height: 1.53rem;
  margin-left: .25rem;
  margin-top: .18rem;
  font-size: .14rem; }
  .bm-box .tipbox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .08rem; }
    .bm-box .tipbox .left {
      color: #666;
      width: .83rem; }
    .bm-box .tipbox .right {
      width: 2.3rem;
      line-height: .23rem; }

.kc-box {
  display: none;
  overflow: hidden; }
  .kc-box .kc-box-top {
    margin-top: .18rem;
    margin-left: .15rem; }
    .kc-box .kc-box-top .tip {
      font-size: .2rem; }
    .kc-box .kc-box-top .timetable {
      font-size: .14rem;
      margin-top: .15rem; }
      .kc-box .kc-box-top .timetable .timebox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .kc-box .kc-box-top .timetable .timebox .left {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          color: #353535; }
        .kc-box .kc-box-top .timetable .timebox .right {
          -ms-flex-negative: 0;
              flex-shrink: 0; }
          .kc-box .kc-box-top .timetable .timebox .right .tbox {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: .1rem; }
            .kc-box .kc-box-top .timetable .timebox .right .tbox .time {
              -ms-flex-negative: 0;
                  flex-shrink: 0;
              color: #353535;
              margin-right: .12rem; }
          .kc-box .kc-box-top .timetable .timebox .right .last {
            margin: 0; }
      .kc-box .kc-box-top .timetable .timebox2 {
        margin-top: .15rem; }
  .kc-box .kc-box-bottom {
    margin-top: .25rem;
    width: 100%;
    height: 2.92rem;
    background: url("../img/kcjsbg.png");
    background-size: 100% 100%;
    overflow: hidden; }
    .kc-box .kc-box-bottom .title {
      width: 100%;
      text-align: center;
      margin-top: .23rem;
      font-size: .19rem;
      position: relative;
      height: .25rem;
      line-height: .25rem;
      color: #fff; }
      .kc-box .kc-box-bottom .title .point {
        position: absolute;
        top: 0;
        width: .3rem;
        height: .25rem; }
      .kc-box .kc-box-bottom .title .point_l {
        left: .82rem; }
      .kc-box .kc-box-bottom .title .point_r {
        right: .82rem; }
    .kc-box .kc-box-bottom .kc-txtbox {
      width: 3.4rem;
      height: 1.68rem;
      background: rgba(128, 113, 219, 0.8);
      border-radius: 5px;
      margin: 0 auto;
      margin-top: .36rem;
      overflow: hidden; }
      .kc-box .kc-box-bottom .kc-txtbox .kc-txt {
        width: 3.1rem;
        color: #ffffff;
        margin: 0 auto;
        margin-top: .15rem;
        font-size: .14rem;
        line-height: .23rem; }

.jj-box {
  margin-top: .18rem;
  position: relative; }
  .jj-box .jjbg1 {
    width: .62rem;
    height: .44rem;
    top: 2.9rem;
    left: .49rem; }
  .jj-box .jjbg2 {
    width: .46rem;
    height: .16rem;
    right: .65rem;
    top: 3.0rem; }
  .jj-box .jjbg3 {
    width: .64rem;
    height: .54rem;
    top: 8.62rem;
    left: .49rem; }
  .jj-box .jjbg4 {
    width: .64rem;
    height: .64rem;
    top: 8.8rem;
    right: .41rem; }
  .jj-box .jjbg5 {
    width: .3rem;
    height: .26rem;
    top: 6.25rem;
    right: .82rem; }
  .jj-box .jjbg6 {
    width: .3rem;
    height: .26rem;
    top: 6.25rem;
    left: .82rem; }
  .jj-box .jjbg_logo {
    position: absolute; }
  .jj-box .jj-box-top {
    margin-left: .15rem; }
    .jj-box .jj-box-top .jj-top-tit {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: .19rem;
      font-weight: 600; }
      .jj-box .jj-box-top .jj-top-tit .txt {
        margin-right: .15rem; }
      .jj-box .jj-box-top .jj-top-tit .classlogo {
        width: .28rem;
        height: .24rem; }
    .jj-box .jj-box-top .jj-txt-box {
      margin-top: .15rem; }
      .jj-box .jj-box-top .jj-txt-box .jj-txt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: .45rem;
        border-bottom: 1px solid #eee;
        overflow: hidden;
        font-size: .14rem; }
        .jj-box .jj-box-top .jj-txt-box .jj-txt .imgbox {
          margin-top: .13rem;
          width: .2rem;
          height: .2rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-right: .1rem; }
          .jj-box .jj-box-top .jj-txt-box .jj-txt .imgbox .inforlogo {
            width: .16rem;
            height: .19rem; }
          .jj-box .jj-box-top .jj-txt-box .jj-txt .imgbox .inforlogo2 {
            width: .18rem;
            height: .18rem; }
          .jj-box .jj-box-top .jj-txt-box .jj-txt .imgbox .inforlogo3 {
            width: .19rem;
            height: .155rem; }
          .jj-box .jj-box-top .jj-txt-box .jj-txt .imgbox .inforlogo4 {
            width: .18rem;
            height: .18rem; }
          .jj-box .jj-box-top .jj-txt-box .jj-txt .imgbox .inforlogo5 {
            width: .19rem;
            height: .185rem; }
        .jj-box .jj-box-top .jj-txt-box .jj-txt .jj-tit {
          min-width: .7rem;
          color: #666;
          margin-top: .13rem; }
        .jj-box .jj-box-top .jj-txt-box .jj-txt .jj-tit2 {
          margin-left: .4rem;
          min-width: 0; }
        .jj-box .jj-box-top .jj-txt-box .jj-txt .jj-tit3 {
          min-width: 0;
          margin-left: .08rem; }
        .jj-box .jj-box-top .jj-txt-box .jj-txt .jj-tit4 {
          min-width: 0;
          margin-left: .08rem; }
        .jj-box .jj-box-top .jj-txt-box .jj-txt .jj-conuter {
          margin-top: .13rem;
          color: #353535;
          font-weight: 600; }
        .jj-box .jj-box-top .jj-txt-box .jj-txt .jj-conuter2 {
          text-decoration: line-through; }
        .jj-box .jj-box-top .jj-txt-box .jj-txt .jj-conuter6 {
          margin-left: .15rem; }
      .jj-box .jj-box-top .jj-txt-box .last {
        border: 0; }
  .jj-box .jj-box-bottom {
    width: 100%;
    height: 10.95rem;
    background: url("../img/jjbg.png");
    background-size: 100% 100%;
    overflow: hidden; }
    .jj-box .jj-box-bottom .jj-wall {
      margin-top: .25rem; }
      .jj-box .jj-box-bottom .jj-wall .jj-wall-tit {
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: .19rem; }
      .jj-box .jj-box-bottom .jj-wall .jj-wall-txt-box {
        width: 3.4rem;
        min-height: 2.49rem;
        background: rgba(128, 113, 219, 0.8);
        border-radius: 5px;
        margin: 0 auto;
        margin-top: .15rem;
        padding-top: .15rem; }
        .jj-box .jj-box-bottom .jj-wall .jj-wall-txt-box .jj-wall-tip {
          font-size: .14rem;
          margin: 0 auto;
          margin-bottom: .05rem;
          color: #fff;
          width: 3.1rem;
          line-height: .23rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .jj-box .jj-box-bottom .jj-wall .jj-wall-txt-box .jj-wall-tip .left {
            margin-right: .05rem; }
        .jj-box .jj-box-bottom .jj-wall .jj-wall-txt-box .tip2 {
          margin-left: .15rem;
          margin-top: .05rem;
          color: #8EECF0;
          font-size: .14rem;
          line-height: .2rem; }
        .jj-box .jj-box-bottom .jj-wall .jj-wall-txt-box .tip3 {
          color: #FFFFFF;
          width: 3.1rem;
          font-size: .14rem;
          margin: 0 auto;
          margin-top: 5px;
          line-height: .23rem; }
        .jj-box .jj-box-bottom .jj-wall .jj-wall-txt-box .labbox {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .jj-box .jj-box-bottom .jj-wall .jj-wall-txt-box .labbox .lable {
            -ms-flex-negative: 0;
                flex-shrink: 0;
            font-size: .14rem;
            padding-left: .14rem;
            padding-right: .14rem;
            line-height: .28rem;
            border-radius: .17rem;
            color: #fff;
            text-align: center;
            background: #7063cd;
            margin-top: .08rem;
            margin-left: .15rem; }
      .jj-box .jj-box-bottom .jj-wall .jj-wall-txt-box2 {
        min-height: 1.75rem; }
      .jj-box .jj-box-bottom .jj-wall .jj-wall-txt-box3 {
        padding-bottom: .23rem; }

.popupsbox {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999; }
  .popupsbox .layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: black;
    opacity: 0.4976; }
  .popupsbox .sourcetip {
    width: 3rem;
    height: 1.52rem;
    background: white;
    border-radius: 4px;
    position: absolute;
    top: 1.8rem;
    left: .38rem;
    z-index: 3;
    overflow: hidden; }
    .popupsbox .sourcetip .txt {
      width: 2.76rem;
      margin: 0 auto;
      margin-top: .22rem;
      color: #222;
      font-size: .14rem;
      line-height: .2rem; }
    .popupsbox .sourcetip .btnboxx {
      width: 100%;
      height: .45rem;
      border-top: 1px solid #ddd;
      position: absolute;
      bottom: 0; }
      .popupsbox .sourcetip .btnboxx .left {
        width: 50%;
        height: .45rem;
        line-height: .45rem;
        text-align: center;
        color: #222;
        border-right: 1px solid #ddd;
        position: absolute;
        top: 0;
        left: 0;
        font-size: .15rem; }
      .popupsbox .sourcetip .btnboxx .right {
        width: 100%;
        height: .45rem;
        line-height: .45rem;
        text-align: center;
        color: #4A90E2;
        position: absolute;
        top: 0;
        right: 0;
        font-size: .15rem; }

.i_toorder {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: .16rem;
  color: #fff;
  letter-spacing: 1px;
  background: #5B50C0; }

.i_toshare {
  display: none;
  width: 60%;
  position: absolute;
  top: 0;
  right: 0;
  font-size: .16rem;
  color: #fff;
  letter-spacing: 1px;
  background: linear-gradient(225deg, #c233ff 0%, #e7247a 100%); }

.i_line {
  width: 1px;
  height: 40%;
  background: #fff;
  position: absolute;
  top: 30%;
  right: 60%; }