@media(min-width: 1024px) {
  a {
    text-decoration: none
  }
  .loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999
  }
  .loadingfa {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 29px;
    color: #444;
    position: absolute;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    top: 50%
  }
  .animteeh {
    opacity: .2;
    transition: all ease 1.5s;
    -webkit-transition: all ease 1.5s;
    -moz-transition: all ease 1.5s;
    -o-transition: all ease 1.5s;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
  }
  .animteeh.active {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
  }
  .animts {
    opacity: .2;
    transition: all ease 1.5s;
    -webkit-transition: all ease 1.5s;
    -moz-transition: all ease 1.5s;
    -o-transition: all ease 1.5s;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
  }
  .active.animts {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
  }
  @keyframes rotate {
    from {
      -webkit-transform: rotate(0)
    }
    to {
      -webkit-transform: rotate(360deg)
    }
  }
  @-webkit-keyframes rotate {
    from {
      -webkit-transform: rotate(0)
    }
    to {
      -webkit-transform: rotate(360deg)
    }
  }
  @-moz-keyframes rotate {
    from {
      -moz-transform: rotate(0)
    }
    to {
      -moz-transform: rotate(360deg)
    }
  }
  @-ms-keyframes rotate {
    from {
      -ms-transform: rotate(0)
    }
    to {
      -ms-transform: rotate(360deg)
    }
  }
  @-o-keyframes rotate {
    from {
      -o-transform: rotate(0)
    }
    to {
      -o-transform: rotate(360deg)
    }
  }
  @keyframes rotate1 {
    from {
      -webkit-transform: rotate(0)
    }
    to {
      -webkit-transform: rotate(-360deg)
    }
  }
  @-webkit-keyframes rotate1 {
    from {
      -webkit-transform: rotate(0)
    }
    to {
      -webkit-transform: rotate(-360deg)
    }
  }
  @-moz-keyframes rotate1 {
    from {
      -moz-transform: rotate(0)
    }
    to {
      -moz-transform: rotate(-360deg)
    }
  }
  @-ms-keyframes rotate1 {
    from {
      -ms-transform: rotate(0)
    }
    to {
      -ms-transform: rotate(-360deg)
    }
  }
  @-o-keyframes rotate1 {
    from {
      -o-transform: rotate(0)
    }
    to {
      -o-transform: rotate(-360deg)
    }
  }
  .xuanzhuan {
    animation: 2s linear 0s normal forwards infinite rotate;
    -webkit-animation: 2s linear 0s normal forwards infinite rotate;
    -moz-animation: 2s linear 0s normal forwards infinite rotate;
    -o-animation: 2s linear 0s normal forwards infinite rotate
  }
  .xuanzhuan1 {
    animation: 5s linear 0s normal forwards infinite rotate;
    -webkit-animation: 5s linear 0s normal forwards infinite rotate;
    -moz-animation: 5s linear 0s normal forwards infinite rotate;
    -o-animation: 5s linear 0s normal forwards infinite rotate
  }
  .nizhuan {
    animation: 2s linear 0s normal forwards infinite rotate1;
    -webkit-animation: 2s linear 0s normal forwards infinite rotate1;
    -moz-animation: 2s linear 0s normal forwards infinite rotate1;
    -o-animation: 2s linear 0s normal forwards infinite rotate1
  }
  .nizhuan1 {
    animation: 3s linear 0s normal forwards infinite rotate1;
    -webkit-animation: 3s linear 0s normal forwards infinite rotate1;
    -moz-animation: 3s linear 0s normal forwards infinite rotate1;
    -o-animation: 3s linear 0s normal forwards infinite rotate1
  }
  @keyframes Updown {
    0% {
      transform: translateY(30px);
      -webkit-transform: translateY(30px);
      -moz-transform: translateY(30px);
      -ms-transform: translateY(30px);
      -o-transform: translateY(30px)
    }
    100% {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0)
    }
  }
  .shangxia {
    animation: 1.4s 0s alternate none infinite running Updown
  }
  .yaohuan {
    animation: 2.4s 0s alternate none infinite running swing
  }
  .yaohuan1 {
    animation: 9.4s 0s alternate none infinite running swing
  }
  .flash {
    animation: 2.4s 0s alternate none infinite running flash
  }
  .wobble {
    animation: 20.4s 0s alternate none infinite running wobble
  }
  .dtable {
    display: table;
    width: 100%;
    height: 100%
  }
  .dcell {
    display: table-cell;
    vertical-align: middle
  }
  .shangxia1 {
    animation: 2.4s 0s alternate none infinite running Updown
  }
  .shangxia2 {
    animation: 2.9s 0s alternate none infinite running Updown
  }
  .shangxia3 {
    animation: 3.4s 0s alternate none infinite running Updown
  }
  .shangxia4 {
    animation: 2.5s 0s alternate none infinite running Updown
  }
  .shangxia5 {
    animation: 3.3s 0s alternate none infinite running Updown
  }
  .shangxia6 {
    animation: 2.4s 0s alternate none infinite running Updown
  }
  .shangxia7 {
    animation: 2.6s 0s alternate none infinite running Updown
  }
  .df {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }
  .dc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .ac {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
  .as {
    -webkit-box-align: justify;
    -webkit-align-items: space-between;
    -ms-flex-align: justify;
    align-items: space-between
  }
  .ae {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .jc {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .js {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .je {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  .fww {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .yanshi01 {
    animation-delay: .1s;
    -webkit-animation-delay: .1s
  }
  .yanshi02 {
    animation-delay: .2s;
    -webkit-animation-delay: .2s
  }
  .yanshi03 {
    animation-delay: .3s;
    -webkit-animation-delay: .3s
  }
  .yanshi04 {
    animation-delay: .4s;
    -webkit-animation-delay: .4s
  }
  .yanshi05 {
    animation-delay: .5s;
    -webkit-animation-delay: .5s
  }
  .yanshi06 {
    animation-delay: .6s;
    -webkit-animation-delay: .6s
  }
  .yanshi07 {
    animation-delay: .7s;
    -webkit-animation-delay: .7s
  }
  .yanshi08 {
    animation-delay: .8s;
    -webkit-animation-delay: .8s
  }
  .yanshi09 {
    animation-delay: .9s;
    -webkit-animation-delay: .9s
  }
  .yanshi10 {
    animation-delay: 1s;
    -webkit-animation-delay: 1s
  }
  .yanshi11 {
    animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s
  }
  .yanshi12 {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s
  }
  .yanshi13 {
    animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s
  }
  .yanshi14 {
    animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s
  }
  .yanshi15 {
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s
  }
  .yanshi16 {
    animation-delay: 1.6s;
    -webkit-animation-delay: 1.6s
  }
  .yanshi17 {
    animation-delay: 1.7s;
    -webkit-animation-delay: 1.7s
  }
  .yanshi18 {
    animation-delay: 1.8s;
    -webkit-animation-delay: 1.8s
  }
  .yanshi19 {
    animation-delay: 1.9s;
    -webkit-animation-delay: 1.9s
  }
  .yanshi20 {
    animation-delay: 2s;
    -webkit-animation-delay: 2s
  }
  .yanshi21 {
    animation-delay: 2.1s;
    -webkit-animation-delay: 2.1s
  }
  .yanshi22 {
    animation-delay: 2.2s;
    -webkit-animation-delay: 2.2s
  }
  .yanshi23 {
    animation-delay: 2.3s;
    -webkit-animation-delay: 2.3s
  }
  .yanshi24 {
    animation-delay: 2.4s;
    -webkit-animation-delay: 2.4s
  }
  .yanshi25 {
    animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s
  }
  .yanshi26 {
    animation-delay: 2.6s;
    -webkit-animation-delay: 2.6s
  }
  .yanshi27 {
    animation-delay: 2.7s;
    -webkit-animation-delay: 2.7s
  }
  .yanshi28 {
    animation-delay: 2.8s;
    -webkit-animation-delay: 2.8s
  }
  .yanshi29 {
    animation-delay: 2.9s;
    -webkit-animation-delay: 2.9s
  }
  .yanshi30 {
    animation-delay: 3s;
    -webkit-animation-delay: 3s
  }
  .yanshi31 {
    animation-delay: 3.1s;
    -webkit-animation-delay: 3.1s
  }
  .yanshi32 {
    animation-delay: 3.2s;
    -webkit-animation-delay: 3.2s
  }
  .yanshi33 {
    animation-delay: 3.3s;
    -webkit-animation-delay: 3.3s
  }
  .yanshi34 {
    animation-delay: 3.4s;
    -webkit-animation-delay: 3.4s
  }
  .yanshi35 {
    animation-delay: 3.5s;
    -webkit-animation-delay: 3.5s
  }
  .yanshi36 {
    animation-delay: 3.6s;
    -webkit-animation-delay: 3.6s
  }
  .yanshi37 {
    animation-delay: 3.7s;
    -webkit-animation-delay: 3.7s
  }
  .yanshi38 {
    animation-delay: 3.8s;
    -webkit-animation-delay: 3.8s
  }
  .yanshi39 {
    animation-delay: 3.9s;
    -webkit-animation-delay: 3.9s
  }
  .yanshi40 {
    animation-delay: 4s;
    -webkit-animation-delay: 4s
  }
  .yanshi41 {
    animation-delay: 4.1s;
    -webkit-animation-delay: 4.1s
  }
  .yanshi42 {
    animation-delay: 4.2s;
    -webkit-animation-delay: 4.2s
  }
  .yanshi43 {
    animation-delay: 4.3s;
    -webkit-animation-delay: 4.3s
  }
  .yanshi44 {
    animation-delay: 4.4s;
    -webkit-animation-delay: 4.4s
  }
  .yanshi45 {
    animation-delay: 4.5s;
    -webkit-animation-delay: 4.5s
  }
  .yanshi46 {
    animation-delay: 4.6s;
    -webkit-animation-delay: 4.6s
  }
  .yanshi47 {
    animation-delay: 4.7s;
    -webkit-animation-delay: 4.7s
  }
  .yanshi48 {
    animation-delay: 4.8s;
    -webkit-animation-delay: 4.8s
  }
  .yanshi49 {
    animation-delay: 4.9s;
    -webkit-animation-delay: 4.9s
  }
  .yanshi50 {
    animation-delay: 5s;
    -webkit-animation-delay: 5s
  }
  .yanshi51 {
    animation-delay: 5.1s;
    -webkit-animation-delay: 5.1s
  }
  .yanshi52 {
    animation-delay: 5.2s;
    -webkit-animation-delay: 5.2s
  }
  .yanshi53 {
    animation-delay: 5.3s;
    -webkit-animation-delay: 5.3s
  }
  .yanshi54 {
    animation-delay: 5.4s;
    -webkit-animation-delay: 5.4s
  }
  .yanshi55 {
    animation-delay: 5.5s;
    -webkit-animation-delay: 5.5s
  }
  .yanshi56 {
    animation-delay: 5.6s;
    -webkit-animation-delay: 5.6s
  }
  .yanshi57 {
    animation-delay: 5.7s;
    -webkit-animation-delay: 5.7s
  }
  .yanshi58 {
    animation-delay: 5.8s;
    -webkit-animation-delay: 5.8s
  }
  .yanshi59 {
    animation-delay: 5.9s;
    -webkit-animation-delay: 5.9s
  }
  .yanshi60 {
    animation-delay: 6s;
    -webkit-animation-delay: 6s
  }
  .yanshi61 {
    animation-delay: 6.1s;
    -webkit-animation-delay: 6.1s
  }
  .yanshi62 {
    animation-delay: 6.2s;
    -webkit-animation-delay: 6.2s
  }
  .yanshi63 {
    animation-delay: 6.3s;
    -webkit-animation-delay: 6.3s
  }
  .yanshi64 {
    animation-delay: 6.4s;
    -webkit-animation-delay: 6.4s
  }
  .yanshi65 {
    animation-delay: 6.5s;
    -webkit-animation-delay: 6.5s
  }
  .yanshi66 {
    animation-delay: 6.6s;
    -webkit-animation-delay: 6.6s
  }
  .yanshi67 {
    animation-delay: 6.7s;
    -webkit-animation-delay: 6.7s
  }
  .yanshi68 {
    animation-delay: 6.8s;
    -webkit-animation-delay: 6.8s
  }
  .yanshi69 {
    animation-delay: 6.9s;
    -webkit-animation-delay: 6.9s
  }
  .yanshi70 {
    animation-delay: 7s;
    -webkit-animation-delay: 7s
  }
  .yanshi71 {
    animation-delay: 7.1s;
    -webkit-animation-delay: 7.1s
  }
  .yanshi72 {
    animation-delay: 7.2s;
    -webkit-animation-delay: 7.2s
  }
  .yanshi73 {
    animation-delay: 7.3s;
    -webkit-animation-delay: 7.3s
  }
  .yanshi74 {
    animation-delay: 7.4s;
    -webkit-animation-delay: 7.4s
  }
  .yanshi75 {
    animation-delay: 7.5s;
    -webkit-animation-delay: 7.5s
  }
  .yanshi76 {
    animation-delay: 7.6s;
    -webkit-animation-delay: 7.6s
  }
  .yanshi77 {
    animation-delay: 7.7s;
    -webkit-animation-delay: 7.7s
  }
  .yanshi78 {
    animation-delay: 7.8s;
    -webkit-animation-delay: 7.8s
  }
  .yanshi79 {
    animation-delay: 7.9s;
    -webkit-animation-delay: 7.9s
  }
  .yanshi80 {
    animation-delay: 8s;
    -webkit-animation-delay: 8s
  }
  .yanshi81 {
    animation-delay: 8.1s;
    -webkit-animation-delay: 8.1s
  }
  .yanshi82 {
    animation-delay: 8.2s;
    -webkit-animation-delay: 8.2s
  }
  .yanshi83 {
    animation-delay: 8.3s;
    -webkit-animation-delay: 8.3s
  }
  .yanshi84 {
    animation-delay: 8.4s;
    -webkit-animation-delay: 8.4s
  }
  .yanshi85 {
    animation-delay: 8.5s;
    -webkit-animation-delay: 8.5s
  }
  .yanshi86 {
    animation-delay: 8.6s;
    -webkit-animation-delay: 8.6s
  }
  .yanshi87 {
    animation-delay: 8.7s;
    -webkit-animation-delay: 8.7s
  }
  .yanshi88 {
    animation-delay: 8.8s;
    -webkit-animation-delay: 8.8s
  }
  .yanshi89 {
    animation-delay: 8.9s;
    -webkit-animation-delay: 8.9s
  }
  .yanshi90 {
    animation-delay: 9s;
    -webkit-animation-delay: 9s
  }
  .yanshi91 {
    animation-delay: 9.1s;
    -webkit-animation-delay: 9.1s
  }
  .yanshi92 {
    animation-delay: 9.2s;
    -webkit-animation-delay: 9.2s
  }
  .yanshi93 {
    animation-delay: 9.3s;
    -webkit-animation-delay: 9.3s
  }
  .yanshi94 {
    animation-delay: 9.4s;
    -webkit-animation-delay: 9.4s
  }
  .yanshi95 {
    animation-delay: 9.5s;
    -webkit-animation-delay: 9.5s
  }
  .yanshi96 {
    animation-delay: 9.6s;
    -webkit-animation-delay: 9.6s
  }
  .yanshi97 {
    animation-delay: 9.7s;
    -webkit-animation-delay: 9.7s
  }
  .yanshi98 {
    animation-delay: 9.8s;
    -webkit-animation-delay: 9.8s
  }
  .yanshi99 {
    animation-delay: 9.9s;
    -webkit-animation-delay: 9.9s
  }
  .tanchuceng {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: none;
  }
  .tanin {
    width: 590px;
    height: 390px;
    margin: 0 auto;
    margin-top: 30vh;
    position: relative;
    background: url(../images/tanbg.png) no-repeat center top;
  }
  .tantoux {
    line-height: 35px;
    padding-left: 12px;
    color: #ffea00;
    font-weight: bold;
  }
  .shuzangh {
    text-align: center;
    color: #ffea00;
    line-height: 38px;
  }
  .shuimsnt {
    width: 225px;
    height: 26px;
    background: #750606;
    border: 1px solid #ff0000;
    color: #fff;
  }
  .shuimsnt::-webkit-input-placeholder {
    /* WebKit browsers*/
    color: #fff;
  }
  .shuimsnt:-moz-placeholder {
    /* Mozilla Firefox 4 to 18*/
    color: #fff;
  }
  .shuimsnt::-moz-placeholder {
    /* Mozilla Firefox 19+*/
    color: #fff;
  }
  .shuimsnt:-ms-input-placeholder {
    /* Internet Explorer 10+*/
    color: #fff;
  }
  .chatablewa {
    width: 517px;
    margin: 0 auto;
    max-height: 273px;
    overflow-y: auto;
  }
  .toum {
    background: #700001;
  }
  .chtable {
    width: 100%;
  }
  .chtable td {
    height: 33px;
    text-align: center;
    border: 1px solid #dd0002;
    color: #fff;
  }
  .toum td {
    color: #fcdb6a;
  }
  .chacha {
    position: absolute;
    right: 0px;
    line-height: 35px;
    width: 35px;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    color: #ffea00;
  }
  .header {}
  .inner {
    width: 1100px;
    margin: 0 auto;
  }
  .header .inner {}
  .logo {
    text-align: center;
    height: 129px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .nav {
    background: #f21802;
  }
  .nav .inner {
    height: 50px;
  }
  .nav li a {
    font-size: 18px;
    color: #fff;
    display: block;
    padding: 0px 20px;
    height: 50px;
    text-align: center;
    line-height: 50px;
  }
  .nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .nav ul li a:hover {
    color: #fff000;
  }
  .nav li a.kefua {
    background: #fce224;
    color: #cf1100;
  }
  .banner {
    height: 1114px;
    /* background: url(../images/banner.jpg) no-repeat center top; */
  }
  .zhuanpan {
    /* float:right; */
    position: relative;
    /* right: 124px; */
    padding-top: 39px;
    margin: 0 auto;
    /* background: url(../images/dizuo.png) no-repeat center bottom; */
  }
  .panzi {
    width: 807px;
    height: 830px;
    position: relative;
    margin: 0 auto;
    background: url(../images/panzi.png) no-repeat center top;
  }
  .panbg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/panbg1.png) no-repeat center top;
  }
  .panbg.cur {
    background: url(../images/panbg2.png) no-repeat center top;
  }
  .zhen {
    width: 190px;
    height: 190px;
    position: absolute;
    top: 50%;
    z-index: 30;
    left: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: -95px;
    margin-top: -95px;
  }
  .zhunbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
  }
  .zhunbtn img {
    display: block;
  }
  .zhunbtn a {
    margin: 0px 20px;
  }
  .content {
    padding-top: 16px;
  }
  .cont1 {
    padding: 12px 26px;
    padding-right: 470px;
    /* border:3px solid #e5e5e5; */
  }
  .cont1-1 {
    font-size: 30px;
    color: #e4393c;
    font-weight: bold;
    border-bottom: 1px solid #c2c2c2;
    line-height: 50px;
  }
  .cont1-1 span {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
  }
  .cont1-1:after {
    display: block;
    content: "";
    width: 64px;
    height: 2px;
    background: #ce292c;
  }
  .cont1-2 {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    padding-top: 12px;
    padding-left: 73px;
  }
  .cont1-2 em {
    color: #e4393c;
  }
  .cont2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .cont2-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .cont2-1:after, .cont2-1:before {
    content: "";
    border-bottom: 1px solid #7f7f7f;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .cont2-1 span {
    font-size: 30px;
    color: #e4393c;
    border: 1px solid #e4393c;
    padding: 0px 40px;
    margin: 0px 20px;
    border-radius: 26px;
    line-height: 46px;
  }
  .cont2-2 {
    height: 280px;
    width: 427px;
    padding: 26px;
    background: #fff;
    border-radius: 16px;
  }
  .luntop {
    position: relative;
    height: 189px;
    width: 927px;
    overflow: hidden;
    margin: 0 auto;
    left: 0px;
    top: 98px;
  }
  .contin {
    padding: 0px 78px;
    position: relative;
    left: 1px;
  }
  .luntopwa {
    width: 1000px;
    height: 320px;
    background: url(../images/luntopbg.png) no-repeat center top;
    margin-top: 30px;
  }
  .luntop ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .luntop ul li {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .spannw1 {
    width: 132px;
  }
  .luntop ul li span {}
  .luntop ul li span:first-child {}
  .luntop ul li span:nth-child(2) {}
  .luntop:after {
    /* content:""; */
    position: absolute;
    left: 50%;
    height: 100%;
    background: #a7a7a7;
    width: 1px;
    margin-left: -30px;
  }
  .cont3 {
    padding: 22px 0px;
    padding-bottom: 0px;
  }
  .title {
    font-size: 32px;
    font-weight: bold;
    color: #e4393c;
    margin-bottom: 15px;
    line-height: 40px;
  }
  .title img {
    max-width: 100%;
  }
  .table {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #860a0b;
    margin-bottom: 20px;
  }
  .table td {
    border: 1px solid #5d0000;
    height: 38px;
    font-size: 18px;
    color: #fff;
  }
  .table tr:first-child td {
    background: #ffd652;
    color: #981314;
  }
  .wenzi {
    font-size: 17px;
    color: #fff;
    line-height: 38px;
    margin-bottom: 10px;
  }
  .hong {
    color: #be1204;
  }
  .cont3-1 {
    width: 463px;
    height: 81px;
    background: url(../images/tlbg.png) no-repeat left top;
    position: relative;
    left: -14px;
    line-height: 61px;
    padding-left: 40px;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
  }
  .cont3-2 {
    padding: 0px 12px;
    padding-top: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
  }
  .lunbtn {
    width: 20px;
    height: 38px;
    cursor: pointer;
  }
  .lunbtn.lbtn {
    background: url(../images/lbtn.png) no-repeat center top;
  }
  .lunbtn.rbtn {
    background: url(../images/rbtn.png) no-repeat center top;
  }
  .swdlun {
    width: 932px;
  }
  .cont3-2 ol {
    padding-left: 48px;
  }
  .cont3-2 ol li {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
  }
  .cop {
    color: #ff8586;
    padding: 15px 0px;
    text-align: center;
    /* margin-top:40px; */
    border-top: 1px solid #b94347;
  }
  .btn {
    display: inline-block;
    width: 71px;
    height: 28px;
    background: url(../images/dbtnx.png) no-repeat center top;
    text-align: center;
    line-height: 28px;
    color: #000;
    font-weight: bold;
    margin: 0px 6px;
  }
  body {
    /* background: url(../images/bg.jpg) no-repeat center 0px; */
  }
  .biaotd {
    width: 808px;
    margin: 0 auto;
    text-align: center;
    height: 279px;
    color: #fff;
  }
  .biaotd td {
    border: 1px solid #f46063;
    font-size: 15px;
  }
  .tdwz1 {
    font-size: 22px;
    color: #fee930;
  }
  .tdwz2 {
    display: block;
    width: 47px;
    text-align: center;
    margin: 0 auto;
    color: #fee930;
  }
  .tdwz3 {
    color: #0cff00;
  }
  .huang {
    color: #fff000;
  }
  .userbx {
    height: 30px;
  }
  .pagebos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
  }
  .pagebtn_p a {
    color: #fff;
  }
  .baninx {
    padding-top: 250px;
  }
  .userbx {
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    height: 30px;
    padding-bottom: 15px;
    padding-top: 80px;
  }
  .logoutbtn {
    padding-left: 22px;
    color: #FF0000;
  }
  .logoutbtn:hover {
    text-decoration: underline;
  }
  html {
    background: #d8261c;
  }
  body .el-table .el-table__cell {
    padding: 5px;
  }
  .pagemn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    color: #fff;
  }
  .pagemn .el-pagination__total {
    color: #fff;
  }
  /* dialog */
  .dialog-mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .dialog-box {
    position: fixed;
    top: 50%;
    left: 50%;
    right: 0;
    z-index: 100;
    background-color: #ece5f3;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    -webkit-animation: zoomIn 0.3s ease-in-out 0s both;
    animation: zoomIn 0.3s ease-in-out 0s both;
  }
  .dialog-box1 {
    width: 400px;
    height: 300px;
    margin-top: -150px;
    margin-left: -200px;
    z-index: 100;
  }
  .dialog-box2 {
    width: 400px;
    /* height: 280px; */
    margin-left: -200px;
    margin-top: -140px;
    z-index: 100;
  }
  .dialog-box3 {
    width: 700px;
    height: 470px;
    margin-top: -207px;
    margin-left: -350px;
    z-index: 100;
  }
  .felsx {
    padding-top: 34px;
    /*height: 195px;
    display: flex;
  justify-content: center;
  align-items: flex-end;*/
  }
  .tshibox h3 {
    font-size: 30px;
    font-weight: bold;
    color: #ff0000;
    text-align: center;
    line-height: 40px;
  }
  .tshibox h3.green {
    color: #32bc03;
  }
  .tshibox p {
    font-size: 15px;
    color: #888888;
    line-height: 30px;
    text-align: center;
  }
  .dialog-box .title {
    position: relative;
    padding: 0 20px;
    background-color: #2c3d67;
  }
  .dialog-box .title h3 {
    line-height: 50px;
    font-size: 24px;
    color: #ffe135;
    font-weight: bold;
    text-shadow: 0 1px 3px #333;
  }
  .dialog-box .title h3 em {
    font-size: 18px;
  }
  .tebaelbxin {
    padding: 24px;
    height: 390px;
    overflow-y: auto;
  }
  .tebaelbxin table {
    width: 100%;
    background: #f6f5f7;
    border: 1px solid #e1dee5;
  }
  .tebaelbxin table tr th {
    font-size: 13px;
    color: #b5b5b5;
    line-height: 33px;
    background: #fff;
    text-align: center;
    border: 1px solid #e1dee5;
  }
  .tebaelbxin table tr td {
    font-size: 13px;
    color: #fff;
    line-height: 31px;
    background: #828282;
    text-align: center;
    border: 1px solid #e1dee5;
  }
  .tebaelbxin table tr td.red {
    color: #fe3c60;
  }
  .tebaelbxin table tr td.green {
    color: #2eba03;
  }
  .dialog-box .title a {
    position: absolute;
    top: 12px;
    right: 15px;
    z-index: 9001;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: url(../images/ico-close.png) no-repeat center;
    background-size: 18px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in, -webkit-transform .3s ease-in;
  }
  .dialog-box .title a:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  .dialog-box .content {
    overflow: hidden;
  }
  .dialog-box .content iframe {
    width: 100%;
    height: 100%;
    border: 0;
  }
  .dialog-box .content .btn-w {
    padding: 10px 20px 35px;
  }
  .dialog-box .content .btn-w .btn {
    display: block;
    width: 320px;
    height: 47px;
    background: url(../images/tanbtn.png) no-repeat center top;
    font-size: 20px;
    color: #000;
  }
  .dialog-box .content .btn-w .btn a {
    color: #000;
  }
  .dialog-box .content .btn-w .btn:hover {
    /*background-color: #ee6a00;*/
  }
  .dialog-box .content .btn-w .btn.yellow {}
  .dialog-box .content .btn-w .btn.yellow:hover {
    /*background-color: #f60;*/
  }
  .dialog-box .content .btn-w .btn.blue {
    background-color: #388cff;
  }
  .dialog-box .content .btn-w .btn.blue:hover {
    /*background-color: #1577fd;*/
  }
  .dialog-box .content .btn-w .btn.gray {
    background-color: #b9b9b9;
  }
  .dialog-box .content .btn-w .btn.gray:hover {
    /*background-color: #a9a9a9;*/
  }
  .dialog-box .content .btn-w .btn.disabled {
    background-color: #ccc;
  }
  .dialog-box .content .btn-w .btn.green {
    background-color: #39b510;
  }
  .login-dialog {
    padding: 0 20px;
    background-color: #ececec;
  }
  .login-dialog .ipt-w {
    padding-top: 10px;
  }
  .login-dialog .ipt-w li {
    position: relative;
    padding: 15px 20px 0;
  }
  .login-dialog .ipt-w li input {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 40px;
    color: #333;
    font-size: 14px;
    background-image: url(../images/icon-login.png);
    background-color: #fff;
    background-repeat: no-repeat;
    border-radius: 0;
  }
  .login-dialog .ipt-w li input.userpwd {
    background-position: 2px 0;
  }
  .login-dialog .ipt-w li input.username {
    background-position: 2px -40px;
  }
  .login-dialog .ipt-w li input.vcode {
    background-position: 2px -80px;
  }
  .login-dialog .ipt-w li input:hover {
    border-color: #f4951e;
  }
  .login-dialog .ipt-w li input:focus {
    border-color: #f4951e;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(244, 149, 30, 0.3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(244, 149, 30, 0.3);
  }
  .login-dialog .ipt-w li img {
    position: absolute;
    height: 30px;
    display: inline-block;
    width: 78px;
    top: 20px;
    right: 25px;
    z-index: 100;
    cursor: pointer;
  }
  .login-dialog .opt-w {
    padding: 0 20px;
  }
  .login-dialog .opt-w:before, .login-dialog .opt-w:after {
    content: " ";
    display: table;
  }
  .login-dialog .opt-w:after {
    clear: both;
    overflow: hidden;
  }
  .login-dialog .opt-w a {
    display: inline-block;
    line-height: 36px;
    color: #fe3c5f;
  }
  .login-dialog .opt-w a:hover {
    text-decoration: underline;
  }
  .login-dialog .opt-w a.right {
    float: right;
  }
  .succ-dialog, .fail-dialog {
    position: fixed;
    top: 25%;
    left: 50%;
    right: 0;
    z-index: 9000;
    margin-left: -211.5px;
    width: 423px;
    height: 363px;
    background-color: transparent;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    background: url(../images/dialog-success-bg.png) no-repeat;
    -webkit-animation: zoomIn 0.3s ease-in-out 0s both;
    animation: zoomIn 0.3s ease-in-out 0s both;
  }
  .succ-dialog .btn-close, .fail-dialog .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-color: transparent;
  }
  .succ-dialog .btn-ok, .succ-dialog .btn-cancel, .fail-dialog .btn-ok, .fail-dialog .btn-cancel {
    position: absolute;
    left: 129px;
    top: 254px;
    width: 170px;
    height: 55px;
    background-color: transparent;
  }
  .succ-dialog.fail-dialog, .fail-dialog.fail-dialog {
    background-image: url(../images/dialog-fail-bg.png);
  }
  .exrinpt {
    display: block;
    width: 100%;
    margin-top: 5px;
  }
  input.exrinpt {
    height: 40px;
    text-indent: 5px;
  }
  .red {
    color: #FF0000;
  }
  .btnclose{
    display:none;
  }
}

.chatablewa{
  text-align:center;
}
.fm_status1{
  color:yellow;
}
.fm_status2{
  color:green;
}
.fm_status3{
  color:red;
}
.chatablewa{

}
.chatablewa table{
  width: 100%;
}
.chatablewa th{
  background:#cc2e0d;
  border:1px solid #fff;
  text-align:center;
  color:#fff;
}
.chatablewa td{
  color:#fff;
  border:1px solid #fff;
}
@media(max-width: 1024px) {
  a {
    text-decoration: none
  }
  html {
    font-size: 15.625vw;
  }
  .loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999
  }
  .loadingfa {
    width: 50rem;
    height: 50rem;
    line-height: 50rem;
    text-align: center;
    font-size: 29rem;
    color: #444;
    position: absolute;
    left: 50%;
    margin-top: -25rem;
    margin-left: -25rem;
    top: 50%
  }
  .animteeh {
    opacity: .2;
    transition: all ease 1.5s;
    -webkit-transition: all ease 1.5s;
    -moz-transition: all ease 1.5s;
    -o-transition: all ease 1.5s;
    transform: translateY(100rem);
    -webkit-transform: translateY(100rem);
    -moz-transform: translateY(100rem);
    -ms-transform: translateY(100rem);
    -o-transform: translateY(100rem)
  }
  .animteeh.active {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
  }
  .animts {
    opacity: .2;
    transition: all ease 1.5s;
    -webkit-transition: all ease 1.5s;
    -moz-transition: all ease 1.5s;
    -o-transition: all ease 1.5s;
    transform: translateY(100rem);
    -webkit-transform: translateY(100rem);
    -moz-transform: translateY(100rem);
    -ms-transform: translateY(100rem);
    -o-transform: translateY(100rem)
  }
  .active.animts {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
  }
  @keyframes rotate {
    from {
      -webkit-transform: rotate(0)
    }
    to {
      -webkit-transform: rotate(360deg)
    }
  }
  @-webkit-keyframes rotate {
    from {
      -webkit-transform: rotate(0)
    }
    to {
      -webkit-transform: rotate(360deg)
    }
  }
  @-moz-keyframes rotate {
    from {
      -moz-transform: rotate(0)
    }
    to {
      -moz-transform: rotate(360deg)
    }
  }
  @-ms-keyframes rotate {
    from {
      -ms-transform: rotate(0)
    }
    to {
      -ms-transform: rotate(360deg)
    }
  }
  @-o-keyframes rotate {
    from {
      -o-transform: rotate(0)
    }
    to {
      -o-transform: rotate(360deg)
    }
  }
  @keyframes rotate1 {
    from {
      -webkit-transform: rotate(0)
    }
    to {
      -webkit-transform: rotate(-360deg)
    }
  }
  @-webkit-keyframes rotate1 {
    from {
      -webkit-transform: rotate(0)
    }
    to {
      -webkit-transform: rotate(-360deg)
    }
  }
  @-moz-keyframes rotate1 {
    from {
      -moz-transform: rotate(0)
    }
    to {
      -moz-transform: rotate(-360deg)
    }
  }
  @-ms-keyframes rotate1 {
    from {
      -ms-transform: rotate(0)
    }
    to {
      -ms-transform: rotate(-360deg)
    }
  }
  @-o-keyframes rotate1 {
    from {
      -o-transform: rotate(0)
    }
    to {
      -o-transform: rotate(-360deg)
    }
  }
  .xuanzhuan {
    animation: 2s linear 0s normal forwards infinite rotate;
    -webkit-animation: 2s linear 0s normal forwards infinite rotate;
    -moz-animation: 2s linear 0s normal forwards infinite rotate;
    -o-animation: 2s linear 0s normal forwards infinite rotate
  }
  .xuanzhuan1 {
    animation: 5s linear 0s normal forwards infinite rotate;
    -webkit-animation: 5s linear 0s normal forwards infinite rotate;
    -moz-animation: 5s linear 0s normal forwards infinite rotate;
    -o-animation: 5s linear 0s normal forwards infinite rotate
  }
  .nizhuan {
    animation: 2s linear 0s normal forwards infinite rotate1;
    -webkit-animation: 2s linear 0s normal forwards infinite rotate1;
    -moz-animation: 2s linear 0s normal forwards infinite rotate1;
    -o-animation: 2s linear 0s normal forwards infinite rotate1
  }
  .nizhuan1 {
    animation: 3s linear 0s normal forwards infinite rotate1;
    -webkit-animation: 3s linear 0s normal forwards infinite rotate1;
    -moz-animation: 3s linear 0s normal forwards infinite rotate1;
    -o-animation: 3s linear 0s normal forwards infinite rotate1
  }
  @keyframes Updown {
    0% {
      transform: translateY(30rem);
      -webkit-transform: translateY(30rem);
      -moz-transform: translateY(30rem);
      -ms-transform: translateY(30rem);
      -o-transform: translateY(30rem)
    }
    100% {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0)
    }
  }
  .shangxia {
    animation: 1.4s 0s alternate none infinite running Updown
  }
  .yaohuan {
    animation: 2.4s 0s alternate none infinite running swing
  }
  .yaohuan1 {
    animation: 9.4s 0s alternate none infinite running swing
  }
  .flash {
    animation: 2.4s 0s alternate none infinite running flash
  }
  .wobble {
    animation: 20.4s 0s alternate none infinite running wobble
  }
  .dtable {
    display: table;
    width: 100%;
    height: 100%
  }
  .dcell {
    display: table-cell;
    vertical-align: middle
  }
  .shangxia1 {
    animation: 2.4s 0s alternate none infinite running Updown
  }
  .shangxia2 {
    animation: 2.9s 0s alternate none infinite running Updown
  }
  .shangxia3 {
    animation: 3.4s 0s alternate none infinite running Updown
  }
  .shangxia4 {
    animation: 2.5s 0s alternate none infinite running Updown
  }
  .shangxia5 {
    animation: 3.3s 0s alternate none infinite running Updown
  }
  .shangxia6 {
    animation: 2.4s 0s alternate none infinite running Updown
  }
  .shangxia7 {
    animation: 2.6s 0s alternate none infinite running Updown
  }
  .df {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }
  .dc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .ac {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
  .as {
    -webkit-box-align: justify;
    -webkit-align-items: space-between;
    -ms-flex-align: justify;
    align-items: space-between
  }
  .ae {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .jc {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .js {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .je {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  .fww {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .yanshi01 {
    animation-delay: .1s;
    -webkit-animation-delay: .1s
  }
  .yanshi02 {
    animation-delay: .2s;
    -webkit-animation-delay: .2s
  }
  .yanshi03 {
    animation-delay: .3s;
    -webkit-animation-delay: .3s
  }
  .yanshi04 {
    animation-delay: .4s;
    -webkit-animation-delay: .4s
  }
  .yanshi05 {
    animation-delay: .5s;
    -webkit-animation-delay: .5s
  }
  .yanshi06 {
    animation-delay: .6s;
    -webkit-animation-delay: .6s
  }
  .yanshi07 {
    animation-delay: .7s;
    -webkit-animation-delay: .7s
  }
  .yanshi08 {
    animation-delay: .8s;
    -webkit-animation-delay: .8s
  }
  .yanshi09 {
    animation-delay: .9s;
    -webkit-animation-delay: .9s
  }
  .yanshi10 {
    animation-delay: 1s;
    -webkit-animation-delay: 1s
  }
  .yanshi11 {
    animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s
  }
  .yanshi12 {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s
  }
  .yanshi13 {
    animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s
  }
  .yanshi14 {
    animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s
  }
  .yanshi15 {
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s
  }
  .yanshi16 {
    animation-delay: 1.6s;
    -webkit-animation-delay: 1.6s
  }
  .yanshi17 {
    animation-delay: 1.7s;
    -webkit-animation-delay: 1.7s
  }
  .yanshi18 {
    animation-delay: 1.8s;
    -webkit-animation-delay: 1.8s
  }
  .yanshi19 {
    animation-delay: 1.9s;
    -webkit-animation-delay: 1.9s
  }
  .yanshi20 {
    animation-delay: 2s;
    -webkit-animation-delay: 2s
  }
  .yanshi21 {
    animation-delay: 2.1s;
    -webkit-animation-delay: 2.1s
  }
  .yanshi22 {
    animation-delay: 2.2s;
    -webkit-animation-delay: 2.2s
  }
  .yanshi23 {
    animation-delay: 2.3s;
    -webkit-animation-delay: 2.3s
  }
  .yanshi24 {
    animation-delay: 2.4s;
    -webkit-animation-delay: 2.4s
  }
  .yanshi25 {
    animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s
  }
  .yanshi26 {
    animation-delay: 2.6s;
    -webkit-animation-delay: 2.6s
  }
  .yanshi27 {
    animation-delay: 2.7s;
    -webkit-animation-delay: 2.7s
  }
  .yanshi28 {
    animation-delay: 2.8s;
    -webkit-animation-delay: 2.8s
  }
  .yanshi29 {
    animation-delay: 2.9s;
    -webkit-animation-delay: 2.9s
  }
  .yanshi30 {
    animation-delay: 3s;
    -webkit-animation-delay: 3s
  }
  .yanshi31 {
    animation-delay: 3.1s;
    -webkit-animation-delay: 3.1s
  }
  .yanshi32 {
    animation-delay: 3.2s;
    -webkit-animation-delay: 3.2s
  }
  .yanshi33 {
    animation-delay: 3.3s;
    -webkit-animation-delay: 3.3s
  }
  .yanshi34 {
    animation-delay: 3.4s;
    -webkit-animation-delay: 3.4s
  }
  .yanshi35 {
    animation-delay: 3.5s;
    -webkit-animation-delay: 3.5s
  }
  .yanshi36 {
    animation-delay: 3.6s;
    -webkit-animation-delay: 3.6s
  }
  .yanshi37 {
    animation-delay: 3.7s;
    -webkit-animation-delay: 3.7s
  }
  .yanshi38 {
    animation-delay: 3.8s;
    -webkit-animation-delay: 3.8s
  }
  .yanshi39 {
    animation-delay: 3.9s;
    -webkit-animation-delay: 3.9s
  }
  .yanshi40 {
    animation-delay: 4s;
    -webkit-animation-delay: 4s
  }
  .yanshi41 {
    animation-delay: 4.1s;
    -webkit-animation-delay: 4.1s
  }
  .yanshi42 {
    animation-delay: 4.2s;
    -webkit-animation-delay: 4.2s
  }
  .yanshi43 {
    animation-delay: 4.3s;
    -webkit-animation-delay: 4.3s
  }
  .yanshi44 {
    animation-delay: 4.4s;
    -webkit-animation-delay: 4.4s
  }
  .yanshi45 {
    animation-delay: 4.5s;
    -webkit-animation-delay: 4.5s
  }
  .yanshi46 {
    animation-delay: 4.6s;
    -webkit-animation-delay: 4.6s
  }
  .yanshi47 {
    animation-delay: 4.7s;
    -webkit-animation-delay: 4.7s
  }
  .yanshi48 {
    animation-delay: 4.8s;
    -webkit-animation-delay: 4.8s
  }
  .yanshi49 {
    animation-delay: 4.9s;
    -webkit-animation-delay: 4.9s
  }
  .yanshi50 {
    animation-delay: 5s;
    -webkit-animation-delay: 5s
  }
  .yanshi51 {
    animation-delay: 5.1s;
    -webkit-animation-delay: 5.1s
  }
  .yanshi52 {
    animation-delay: 5.2s;
    -webkit-animation-delay: 5.2s
  }
  .yanshi53 {
    animation-delay: 5.3s;
    -webkit-animation-delay: 5.3s
  }
  .yanshi54 {
    animation-delay: 5.4s;
    -webkit-animation-delay: 5.4s
  }
  .yanshi55 {
    animation-delay: 5.5s;
    -webkit-animation-delay: 5.5s
  }
  .yanshi56 {
    animation-delay: 5.6s;
    -webkit-animation-delay: 5.6s
  }
  .yanshi57 {
    animation-delay: 5.7s;
    -webkit-animation-delay: 5.7s
  }
  .yanshi58 {
    animation-delay: 5.8s;
    -webkit-animation-delay: 5.8s
  }
  .yanshi59 {
    animation-delay: 5.9s;
    -webkit-animation-delay: 5.9s
  }
  .yanshi60 {
    animation-delay: 6s;
    -webkit-animation-delay: 6s
  }
  .yanshi61 {
    animation-delay: 6.1s;
    -webkit-animation-delay: 6.1s
  }
  .yanshi62 {
    animation-delay: 6.2s;
    -webkit-animation-delay: 6.2s
  }
  .yanshi63 {
    animation-delay: 6.3s;
    -webkit-animation-delay: 6.3s
  }
  .yanshi64 {
    animation-delay: 6.4s;
    -webkit-animation-delay: 6.4s
  }
  .yanshi65 {
    animation-delay: 6.5s;
    -webkit-animation-delay: 6.5s
  }
  .yanshi66 {
    animation-delay: 6.6s;
    -webkit-animation-delay: 6.6s
  }
  .yanshi67 {
    animation-delay: 6.7s;
    -webkit-animation-delay: 6.7s
  }
  .yanshi68 {
    animation-delay: 6.8s;
    -webkit-animation-delay: 6.8s
  }
  .yanshi69 {
    animation-delay: 6.9s;
    -webkit-animation-delay: 6.9s
  }
  .yanshi70 {
    animation-delay: 7s;
    -webkit-animation-delay: 7s
  }
  .yanshi71 {
    animation-delay: 7.1s;
    -webkit-animation-delay: 7.1s
  }
  .yanshi72 {
    animation-delay: 7.2s;
    -webkit-animation-delay: 7.2s
  }
  .yanshi73 {
    animation-delay: 7.3s;
    -webkit-animation-delay: 7.3s
  }
  .yanshi74 {
    animation-delay: 7.4s;
    -webkit-animation-delay: 7.4s
  }
  .yanshi75 {
    animation-delay: 7.5s;
    -webkit-animation-delay: 7.5s
  }
  .yanshi76 {
    animation-delay: 7.6s;
    -webkit-animation-delay: 7.6s
  }
  .yanshi77 {
    animation-delay: 7.7s;
    -webkit-animation-delay: 7.7s
  }
  .yanshi78 {
    animation-delay: 7.8s;
    -webkit-animation-delay: 7.8s
  }
  .yanshi79 {
    animation-delay: 7.9s;
    -webkit-animation-delay: 7.9s
  }
  .yanshi80 {
    animation-delay: 8s;
    -webkit-animation-delay: 8s
  }
  .yanshi81 {
    animation-delay: 8.1s;
    -webkit-animation-delay: 8.1s
  }
  .yanshi82 {
    animation-delay: 8.2s;
    -webkit-animation-delay: 8.2s
  }
  .yanshi83 {
    animation-delay: 8.3s;
    -webkit-animation-delay: 8.3s
  }
  .yanshi84 {
    animation-delay: 8.4s;
    -webkit-animation-delay: 8.4s
  }
  .yanshi85 {
    animation-delay: 8.5s;
    -webkit-animation-delay: 8.5s
  }
  .yanshi86 {
    animation-delay: 8.6s;
    -webkit-animation-delay: 8.6s
  }
  .yanshi87 {
    animation-delay: 8.7s;
    -webkit-animation-delay: 8.7s
  }
  .yanshi88 {
    animation-delay: 8.8s;
    -webkit-animation-delay: 8.8s
  }
  .yanshi89 {
    animation-delay: 8.9s;
    -webkit-animation-delay: 8.9s
  }
  .yanshi90 {
    animation-delay: 9s;
    -webkit-animation-delay: 9s
  }
  .yanshi91 {
    animation-delay: 9.1s;
    -webkit-animation-delay: 9.1s
  }
  .yanshi92 {
    animation-delay: 9.2s;
    -webkit-animation-delay: 9.2s
  }
  .yanshi93 {
    animation-delay: 9.3s;
    -webkit-animation-delay: 9.3s
  }
  .yanshi94 {
    animation-delay: 9.4s;
    -webkit-animation-delay: 9.4s
  }
  .yanshi95 {
    animation-delay: 9.5s;
    -webkit-animation-delay: 9.5s
  }
  .yanshi96 {
    animation-delay: 9.6s;
    -webkit-animation-delay: 9.6s
  }
  .yanshi97 {
    animation-delay: 9.7s;
    -webkit-animation-delay: 9.7s
  }
  .yanshi98 {
    animation-delay: 9.8s;
    -webkit-animation-delay: 9.8s
  }
  .yanshi99 {
    animation-delay: 9.9s;
    -webkit-animation-delay: 9.9s
  }
  .newbox {
    height: .55rem;
    width: 100%;
    background: #c31206;
    border-top: .01rem solid #fff000;
    z-index: 99;
  }
  .nav {
    position: fixed;
    left: 50%;
    margin-left: -3.2rem;
    bottom: 0rem;
    width: 6.40rem;
    height: .88rem;
    background: #be1204;
    z-index: 88;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .nav a {
    width: 25%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: .88rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: .18rem;
  }
  .nav a:nth-child(even) {
    background: #a90b03;
  }
  .zhuanpan {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1.92rem;
    padding-bottom: 1.95rem;
    /* background: url(../mb/images/dizuo.png) no-repeat center bottom; */
  }
  .panzi {
    width: 5.82rem;
    height: 5.97rem;
    position: relative;
    background: url(../mb/images/panzi.png) no-repeat center top;
    background-size: 100% 100% !important;
  }
  .panbg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../mb/images/panbg1.png) no-repeat center top;
    background-size: 100% 100%;
  }
  .panbg.cur {
    background: url(../mb/images/panbg2.png) no-repeat center top;
    background-size: 100% 100%;
  }
  .zhen {
    width: 1.37rem;
    height: 1.37rem;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 30;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: -.69rem;
    margin-top: -.69rem;
  }
  .zhen img {
    width: 100%;
  }
  .content {
    padding-top: .16rem;
  }
  .cont1 {
    padding: .12rem .26rem;
    /* background:#fafafa; */
    margin: .22rem 0;
  }
  .cont1-1 {
    font-size: .30rem;
    color: #e4393c;
    font-weight: bold;
    border-bottom: .01rem solid #c2c2c2;
    line-height: .50rem;
  }
  .cont1-1 span {
    color: #000000;
    font-size: .14rem;
    font-weight: 400;
  }
  .cont1-1:after {
    display: block;
    content: "";
    width: .64rem;
    height: .02rem;
    background: #ce292c;
  }
  .cont1-2 {
    width: 6.03rem;
    height: 3.89rem;
    background: url(../mb/images/tiaojian.png) no-repeat center top;
  }
  .cnnwz {
    font-size: .20rem;
    color: #fff;
    padding-left: 1.00rem;
    padding-top: 1.00rem;
    line-height: .30rem;
  }
  .huang {
    color: #fff000;
  }
  .cont1-2 em {
    color: #e4393c;
  }
  .cont2 {
    padding: .14rem .41rem;
    /* background:#e4393c; */
    margin-top: 1.00rem;
  }
  .cont2-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .cont2-1:after, .cont2-1:before {
    content: "";
    border-bottom: .01rem solid #ffff00;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .cont2-1 span {
    font-size: .30rem;
    color: #ffff00;
    border: 1rem solid #ffff00;
    padding: 0rem .40rem;
    margin: 0rem .20rem;
    border-radius: .26rem;
    line-height: .46rem;
  }
  .cont2-2 {
    height: 2.63rem;
  }
  .luntop {
    position: relative;
    height: 1.99rem;
    overflow: hidden;
    top: .85rem;
    width: 4.90rem;
    margin: 0 auto;
  }
  .luntop ul {

    left: 0rem;
    top: 0rem;
    width: 100%;
  }
  .luntop ul li {
    font-size: .20rem;
    color: #000000;
    line-height: .35rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .spannw1 {
    width: 1.60rem;
  }
  .luntop ul li span {
    padding-right: .20rem;
  }
  .cont3 {
    padding: .22rem 0rem;
  }
  .cont3-1 {
    width: 4.63rem;
    height: .81rem;
    background: url(../mb/images/tlbg.png) no-repeat left top;
    position: relative;
    left: 0rem;
    line-height: .61rem;
    padding-left: .40rem;
    font-size: .32rem;
    font-weight: bold;
    color: #fff;
  }
  .cont3-2 {
    padding: 0rem .12rem;
    padding-top: .06rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 18rem;
  }
  .lunbtn {
    width: .20rem;
    height: .38rem;
    cursor: pointer;
  }
  .lunbtn.lbtn {
    background: url(../mb/images/lbtn.png) no-repeat center top;
  }
  .lunbtn.rbtn {
    background: url(../mb/images/rbtn.png) no-repeat center top;
  }
  .swdlun {
    width: 9.32rem;
  }
  .cont3-2 ol {
    padding-left: .33rem;
  }
  .cont3-2 ol li {
    font-size: .18rem;
    color: #fff;
    line-height: .33rem;
  }
  .luntopwa {
    width: 5.92rem;
    height: 3.00rem;
    margin: 0 auto;
    background: url(../mb/images/luntopbg.png) no-repeat center top;
    background-size: 100% 100%;
    margin-top: .3rem;
  }
  .top {
    /* background:#e4393c; */
    height: 1.20rem;
    padding: 0rem .30rem;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .top img {
    display: block;
    margin: 0 auto;
  }
  #innerbox {
    background: url(../mb/images/bg.jpg) no-repeat center 0rem;
    background-size: 6.40rem auto;
  }
  .conbx1 {
    padding-top: 2.85rem;
  }
  .contin {
    padding: 0rem .27rem;
  }
  .tanchuceng {
    position: fixed;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    display: none;
  }
  .tanin {
    width: 5.90rem !important;
    height: auto !important;
    margin: 0 auto;
    margin-top: 1.00rem;
    position: relative;
    background: #f8980c;
    background-size: 100% auto;
    border-radius: .12rem;
  }
  .tantoux {
    line-height: .65rem;
    padding-left: .12rem;
    color: #ffea00;
    font-weight: bold;

  }
  .shuzangh span {
    display: none;
  }
  .tanin .btnclose {
    position: absolute;
    width: .64rem;
    height: .64rem;
    background: url(../mb/images/tclose.png) no-repeat center top;
    background-size: 100% 100%;
    right: -.32rem;
    top: -.32rem;
    text-indent: -333rem;
  }
  .tanin .h15 {
    height: .5rem;
  }
  .tanin .h35 {
    display: none;
  }
  .shuzangh {
    text-align: center;
    color: #ffea00;
    line-height: .38rem;
  }
  .shuimsnt {
    width: 3.55rem;
    height: .76rem;
    background: #fdf4e3;
    border: none;
    color: #fff;
    font-size: .3rem;
    border-radius: .1rem;
    color: #111;
    text-align: center;
  }
  .shuzanghx {
    background: #fdf4e3;
    padding: .25rem 0px;
  }
  .chatablewa {
    width: 5.90rem;
    margin: 0 auto;
    overflow-y: auto;
  }
  .tanin .dengbtns {
    width: 3.56rem;
    height: .75rem;
    background: #f53d3d;
    color: #ffffff;
    border-radius: .1rem;
    text-align: center;
    line-height: .75rem;
    font-size:.24rem;
  }
  .toum {
    background: #700001;
  }
  .chtable {
    width: 100%;
  }
  .chtable td {
    height: .33rem;
    text-align: center;
    border: .01rem solid #dd0002;
    color: #fff;
  }
  .toum td {
    color: #fcdb6a;
  }
  .chacha {
    position: absolute;
    right: 0rem;
    line-height: .65rem;
    width: .65rem;
    cursor: pointer;
    text-align: center;
    font-size: .30rem;
    color: #ffea00;
    display:none;
  }
  .btn {
    display: inline-block;
    width: .71rem;
    height: .28rem;
    background: url(../mb/images/dbtnx.png) no-repeat center top;
    text-align: center;
    line-height: .28rem;
    color: #000;
    font-weight: bold;
    margin: 0rem .06rem;
    background-size: 100% 100%;
  }
  .tlbox {
    text-align: center;
    margin: .15rem 0;
  }
  .luntbxp {
    padding-top: 1.13rem;
    height: 2.15rem
  }
  .biaotd {
    width: 6.03rem;
    margin: 0 auto;
    text-align: center;
    height: 2.79rem;
    color: #fff;
  }
  .biaotd td {
    border: .01rem solid #f46063;
    font-size: .15rem;
  }
  .tdwz1 {
    font-size: .22rem;
    color: #fee930;
  }
  .tdwz2 {
    display: block;
    width: .47rem;
    text-align: center;
    margin: 0 auto;
    color: #fee930;
  }
  .tdwz3 {
    color: #0cff00;
  }
  .cont3 {
    padding: .22rem 0rem;
  }
  .title {
    font-size: .32rem;
    font-weight: bold;
    color: #e4393c;
    margin-bottom: .15rem;
    line-height: .40rem;
  }
  .title img {
    max-width: 100%;
  }
  .table {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #860a0b;
    margin-bottom: .20rem;
  }
  .table td {
    border: .01rem solid #5d0000;
    height: .38rem;
    font-size: .18rem;
    color: #fff;
  }
  .table tr:first-child td {
    background: #ffd652;
    color: #981314;
  }
  .wenzi {
    font-size: .17rem;
    color: #fff;
    line-height: .28rem;
    margin-bottom: .10rem;
  }
  .hong {
    color: #be1204;
  }
  .wenzif {
    font-size: .18rem;
    margin-bottom: .10rem;
  }
  .dfyou {
    width: calc(100% - .86rem);
  }
  .wenzif .hong {
    width: .86rem;
    white-space: nowrap;
  }
  html {
    /* background: #70060a url(../mb/images/htmlbg.png) repeat-y center top; */
    background-size: 100% auto;
  }
  body {
    max-width: 6.40rem;
    margin: 0 auto;
  }
  .pagebos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
  }
  .pagebtn_p a {
    color: #fff;
  }
  .userbx {
    text-align: center;
    line-height: .60rem;
    font-size: .22rem;
    color: #fff;
  }
  .logoutbtn {
    color: #fff000;
    padding-left: .15rem;
  }
  .nav a:nth-child(1) img {
    width: .27rem
  }
  .nav a:nth-child(2) img {
    width: .34rem
  }
  .nav a:nth-child(3) img {
    width: .35rem
  }
  .nav a:nth-child(4) img {
    width: .33rem
  }
  .tbtn img {
    width: 1.02rem;
  }
  .logo img {
    height: 0.8rem;
  }
  .dengbx {
    width: 4.88rem;
    height: .6rem;
/*    background: url(../mb/images/dengbg.png) no-repeat center top;*/
    margin: 0 auto;
    background-size: 100% auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .denginpt {
    width: 3.5rem;
    padding-left: .2rem;
    background: none;
    border: none;
    color: #fff;
    outline: none;
    font-size:.24rem;
  }
  .denhbtmm {
    width: 1.3rem;
    height: .5rem;
  }
  .h100 {
    height: 1rem;
  }
  .denginpt::-webkit-input-placeholder {
    /* WebKit browsers*/
    color: #fff;
  }
  .denginpt:-moz-placeholder {
    /* Mozilla Firefox 4 to 18*/
    color: #fff;
  }
  .denginpt::-moz-placeholder {
    /* Mozilla Firefox 19+*/
    color: #fff;
  }
  .denginpt:-ms-input-placeholder {
    /* Internet Explorer 10+*/
    color: #fff;
  }
  .nvig {
    padding-top: .1rem;
    display: block;
  }
  .nvig img {
    display: block;
  }

  .pagemn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
  }
  .pagemn .el-pagination__total {
    color: #fff;
  }

   body .el-message-box__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body .el-message-box {
    max-width: 90%;
  }
}


@charset "utf-8";
*{ margin:0;padding:0;-webkit-text-size-adjust:100%;text-size-adjust: 100%;-moz-text-size-adjust: 100%;-webkit-appearance: none; box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
img{border:0;}
ul,ol,li{list-style:none;}
a{ text-decoration:none;outline:none}
html{width:100%;}
body{background:#d8261c;width:100%;font-family:"微软雅黑";font-size:0.16rem;}
input{font-family:"微软雅黑";}
html{font-size:15.625vw; /* 640px */}

@media(min-width: 640px){
  html{
    font-size:100px;
  }
}
.main{ margin:0 auto; width:6.4rem;}
.lot-num{height:0.4rem; line-height:0.4rem;text-align:center; color:#e2557f; background:rgba(255,255,255,0.8); width:3rem; border-radius:0.2rem; margin:0 auto;}
.core-w{background:url(../images/t8.png) no-repeat center;padding-top: 0.5rem;background-size:100%;}
.core{position:relative;height:5.4rem; width:5.4rem; margin:0 auto;}

.rotary{ background:url(../images/bg.gif) no-repeat center;background-size:102%; border:0.02rem solid #fdb02f; overflow:hidden; width:100%; height:100%; border-radius:50%; }
.rotary p{ background:rgba(255,255,255,0.3); width:1.8rem; height:1.8rem; position:absolute; left:50%; top:50%; margin-top:-0.9rem; margin-left:-0.9rem; border-radius:50%;}
.rotary ul{width:4.8rem; height:4.8rem; position:absolute;top:50%; background:#fff; margin-top:-2.41rem; left:50%; margin-left:-2.41rem;border-radius:50%; overflow:hidden}
.rotary ul li{ position:absolute; left:50%; top:0;color:#000;width: 0;height: 0; line-height:1.2;}
.rotary ul li span{ display:block; position:absolute; text-align:center; font-weight:bold; top:-2.2rem; width:1.6rem; left:-0.8rem; z-index:90;text-shadow:0 0 0.1rem #fff; font-size:0.24rem;}
.rotary ul li span img{ display:block; margin:0.1rem auto 0; width:0.6rem; }
.rotary ul li i{display:block; font-size:0.14rem; font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:normal; color:#555;}
.rotary ul li:nth-child(2n+1){ border-top-color:#f8ae2d;}
.rotary ul li:nth-child(2n){ border-top-color:#fde34a;}

.hand{background:url(../images/t14.png) no-repeat center;background-size:100%;
  height:1.8rem;
  width:1.8rem; top:50%;
  margin-top:-1.04rem;
  left:50%; margin-left:-0.9rem;z-index:99; position:absolute;}
.hand a{ display:block; margin:0.16rem auto 0; width:1.35rem; height:1.35rem;border-radius:50%}

.mask{ width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:998; position:fixed; left:0; top:0; display:none;}
.opwin{ width:80%; top:15%;text-align:center; position:absolute; background:#fff; border-radius:0.1rem; left:10%; z-index:999; display:none}
.opwin div{padding:0.5rem; }
.opwin h1{ text-align:center; font-size:0.24rem; margin-bottom:0.2rem;}
.opwin h3{ font-weight:100; font-size:0.3rem; margin-top:0.2rem;}

.form li{ margin:0.2rem 0;}
input.txt,input.btn,.a-btn{ width:100%; outline:none; font-size:0.2rem; background:#fff; border:0.01rem solid #d8261c; height:0.6rem;color:#d8261c; padding:0 2%}
input.btn,.a-btn{ width:100%; padding:0;background:#d8261c; color:#fff; font-size:0.24rem}
.a-btn{ display:block; width:60%; margin:0.3rem auto 0; line-height:0.5rem;height:0.5rem;}
.w-btn{font-size:0.6rem; font-weight:100;color:#d8261c; position:absolute; right:5px; top:-10px;}

.result{ position:fixed;}
.result h1{ font-weight:100; font-size:0.5rem; margin-bottom:0.2rem;}

@keyframes  rainbow{
    0% {
        background:url("../images/finger.png") no-repeat center center;background-size:100%;
    }
    50%{
        background:url("../images/ontouch_finger.png") no-repeat center center;background-size:100%;
    }
}
.finger_rainbow{
    animation: 1s rainbow infinite;
}
.finger{opacity:0;
    position:absolute; z-index:99;pointer-events:none;
    left: 2.8rem;
    top: 2.5rem;
    width:1.31rem;
    height:1.02rem;
    background:url("../images/finger.png") no-repeat center center;background-size:100%;
}
.finger{opacity:1;transition-delay:1.5s;-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-o-transition-delay:1.5s;}

.tab{ margin:0.2rem;}

.prize{height:auto; overflow:hidden; margin-bottom:0.1rem;display: -webkit-flex;-webkit-align-items: stretch;-webkit-flex-wrap: wrap;display: flex;align-items: stretch;flex-wrap: wrap;}
.prize dl{ float:left; width:31.33%; padding:0.05rem; text-align:center; margin:0.1rem 1%; background:#fff;border-radius:0.05rem; color:#000}
.prize dl dt{ background:#fff;border-radius:0.05rem; overflow:hidden; margin-bottom:0.01rem;}
.prize dl dt img{ width:100%; display:block}
.prize dl dd{line-height:1.4; margin-top:0.1rem; font-size:0.16rem;}

.tab-ct{background:rgba(255,255,255,0.3); padding:0.2rem; border-radius:0.03rem;height:auto; overflow:hidden;}

.tab-nav{ height:0.65rem;border-radius:0.03rem; overflow:hidden;}
.tab-nav span{ display:block;color:#fff; width:25%;float:left; border-left:0.01rem solid rgba(255,255,255,0.4); box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box;font-size:0.16rem;text-align:center;background:rgba(255,255,255,0.3);line-height:0.5rem;}
.tab-nav span:nth-child(1){ border:0;}
.tab-nav span.on{ font-weight:bold; position:relative; color:#f6e112;}
.tab-nav span.on:after{width: 0;height: 0;border-left:0.1rem solid transparent;border-right:0.1rem solid transparent;border-top:0.1rem solid rgba(255,255,255,0.3); display:block; content:''; position:absolute; left:50%; bottom:-0.1rem; margin-left:-0.1rem;}
.tab-ct{display:none; color:#fff;}

.notice{ width:90%; position:fixed; left:5%; top:20%; text-align:center; line-height:2; font-size:0.24rem; color:#F30; z-index:999}
.notice div{ margin-top:-0.5rem; border-radius:3px; padding:0.4rem;background:rgba(100%,100%,100%,0.9); -webkit-box-shadow: 0 0 0.2rem rgba(0,0,0,.5); -moz-box-shadow: 0 0 0.2rem rgba(0,0,0,.5); -o-box-shadow: 0 0 0.2rem rgba(0,0,0,.5); box-shadow: 0 0 0.2rem rgba(0,0,0,.5); }
.notice div hr{ border:0; border-bottom:0.01rem dashed #fff; padding-bottom:0.2rem; margin-bottom:0.2rem;}
#time{ font-size:0.3rem; font-family:Arial, Helvetica, sans-serif;}

.notice h3{ text-align:center; color:#F30; font-size:0.28rem;line-height:0.6rem; letter-spacing:0.1rem;margin-bottom:0.2rem; background:url(../images/tt.png) no-repeat center; background-size:auto 100%; height:0.8rem; position:relative; z-index:9}
input.txt{ font-size:0.2rem; height:0.6rem; width:100%; border:0; background:#eee; outline:none; padding:0 3%;}
input.f-btn{ border:0;font-size:0.3rem; width:100%; height:0.6rem; border-radius:0.03rem; background:#d8261c; color:#fff; outline:none;}
.nav a {
    float: left;
    width: 10%;
    line-height: 35px;
    color: #ccc0b6;
    text-align: center;
    position: relative;

}

.rotary ul li{ margin-left:-0.86352856223889rem;border-left:0.86352856223889rem solid transparent; border-right:0.86352856223889rem solid transparent;border-top:2.4rem solid red;transform-origin:0.86352856223889rem 2.4rem;-webkit-transform-origin:0.86352856223889rem 2.4rem;-moz-transform-origin:0.86352856223889rem 2.4rem;-o-transform-origin:0.86352856223889rem 2.4rem;}
body{}.rotary ul li:nth-child(1){ border-top-color:#;}.rotary ul li:nth-child(2){ border-top-color:#;}.rotary ul li:nth-child(3){ border-top-color:#;}.rotary ul li:nth-child(4){ border-top-color:#;}.rotary ul li:nth-child(5){ border-top-color:#;}.rotary ul li:nth-child(6){ border-top-color:#;}.rotary ul li:nth-child(7){ border-top-color:#;}.rotary ul li:nth-child(8){ border-top-color:#;}.rotary ul li:nth-child(9){ border-top-color:#;}.result ul img { max-width:80%; margin:0 auto;}
.header_box{ text-align:center;}
.header_box img{ max-width:166px;}.nav{ background:#ba1529; width:100%; height:35px; background-size:100% 100%;margin-top: 130px;}
.nav a{ float:left; width:10%; line-height:35px; color:#fff; text-align:center; position:relative;}
.nav a.cur{ background:url(../images/bg.gif) no-repeat; background-size:100% 100%; color:#a20000;}
.nav a i{ position:absolute; right:-8px; top:-12px; z-index:1000;}
.nav a i img{ max-width:15px;}

.main{
  padding-top: 3rem;
  background-size: 100% auto;
  background-repeat:  no-repeat;

}