@charset "UTF-8";
.plus-top-wrapper {
  font-size: 0;
  padding: 24px 20px 0 20px;
  height: 1.4rem; }
  .plus-top-wrapper .plus-head-l {
    height: 100%;
    float: left; }
    .plus-top-wrapper .plus-head-l .plus-date {
      height: 36px;
      color: #424141;
      margin-bottom: .29rem; }
      .plus-top-wrapper .plus-head-l .plus-date .plus-day {
        height: 100%;
        float: left;
        font-size: 50px;
        line-height: 38px;
        font-weight: bolder; }
      .plus-top-wrapper .plus-head-l .plus-date .plus-date-r {
        height: 100%;
        width: .95rem;
        display: inline-block;
        position: relative;
        margin-left: .25rem; }
        .plus-top-wrapper .plus-head-l .plus-date .plus-date-r .plus-week {
          line-height: 12px;
          font-size: 12px; }
        .plus-top-wrapper .plus-head-l .plus-date .plus-date-r .plus-y-m {
          line-height: 12px;
          position: absolute;
          font-size: 12px;
          bottom: 0; }
    .plus-top-wrapper .plus-head-l .plus-weather {
      font-size: 13px; }
  .plus-top-wrapper .plus-head-r {
    height: 100%;
    float: right;
    width: 4.03rem; }
    .plus-top-wrapper .plus-head-r img {
      height: 100%;
      width: 100%;
      overflow: hidden; }

.plus-mid-wrapper {
  position: absolute;
  bottom: 4.4rem;
  width: 100%; }
  .plus-mid-wrapper ul {
    margin: 0 .92rem; }
    .plus-mid-wrapper ul li {
      width: 1.26rem;
      display: inline-block; }
      .plus-mid-wrapper ul li a {
        width: 100%; }
      .plus-mid-wrapper ul li img {
        width: 100%;
        margin-bottom: .2rem;
        border-radius: 50%; }
      .plus-mid-wrapper ul li .plus-title {
        font-size: 13px;
        text-align: center; }
      .plus-mid-wrapper ul li:last-child {
        float: right; }
      .plus-mid-wrapper ul li:nth-child(2n) {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        transform: translate(-50%); }

.plusbot-wrapper {
  bottom: .9rem;
  width: 100%;
  position: absolute; }

.plus-close-wrapper {
  height: .9rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  border-top: 1px solid whitesmoke; }
  .plus-close-wrapper img {
    height: .31rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.ovfHiden {
  overflow: hidden;
  height: 100%; }

[v-cloak] {
  display: none; }

/* CSS Document */
* {
  margin: 0;
  padding: 0; }

body {
  word-wrap: break-word;
  font-family: Helvetica;
  font-size: .24rem; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

a, u, s, del {
  color: #000;
  text-decoration: none; }

fieldset, img {
  border: 0; }

img {
  display: block; }

i, em, b {
  font-style: normal;
  font-weight: 400; }

li {
  list-style: none; }

table {
  border-collapse: collapse; }

.ind2 {
  text-indent: 2em; }

/*溢出隐藏出现省略号*/
.over {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/*让图片垂直对齐方式*/
.valign:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle; }

.valign img {
  vertical-align: middle; }

/*清除浮动*/
.clear {
  zoom: 1; }

.clear:after {
  content: "";
  clear: both;
  display: block; }

/*标签点击清除蓝色*/
* {
  -webkit-tap-highlight-color: transparent; }

input {
  outline: medium; }

button {
  background: none;
  border: 0;
  cursor: pointer; }

::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
  visibility: hidden;
  opacity: 0; }

.head-wrapper {
  position: relative;
  height: .9rem;
  padding: 0 20px;
  line-height: .9rem;
  font-size: 17px;
  color: #96d2fa;
  text-align: center;
  background: -webkit-linear-gradient(left, #08121e, #1c2743);
  background: -o-linear-gradient(right, #08121e, #1c2743);
  background: -moz-linear-gradient(right, #08121e, #1c2743);
  background: linear-gradient(to right, #08121e, #1c2743); }
  .head-wrapper .back {
    background: url("../img/common/back.png") no-repeat;
    background-size: 10px 20px;
    float: left;
    height: 20px;
    width: 10px;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .head-wrapper .bigger {
    background: url("../img/common/bigger.png") no-repeat;
    background-size: 18px 18px;
    float: right;
    height: 18px;
    width: 18px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }

.bottom-wrapper {
  position: fixed;
  width: 100%;
  height: .93rem;
  bottom: 0;
  z-index: 1000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }

.public-bottom-box {
  height: .93rem;
  display: flex;
  justify-content: space-around;
  background: linear-gradient(90deg, #1b2556 0%, #171e49 50%, #13183d 100%); }
  .public-bottom-box a {
    width: 1rem;
    display: block; }
    .public-bottom-box a .img-box {
      height: .6rem;
      box-sizing: border-box;
      padding-top: .1rem;
      margin-bottom: .05rem; }
      .public-bottom-box a .img-box img {
        width: .4rem;
        margin: 0 auto; }
    .public-bottom-box a p {
      font-size: .2rem;
      line-height: .2rem;
      color: #ffffff;
      text-align: center; }
  .public-bottom-box .destination img {
    width: 0.3rem !important; }
  .public-bottom-box .plus .img-box {
    height: auto;
    padding-top: .2rem; }
    .public-bottom-box .plus .img-box img {
      width: .52rem; }
  .public-bottom-box .mine .img-box img {
    width: .36rem; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.plus-wrapper {
  position: fixed;
  top: -100%;
  right: 0;
  left: 0;
  bottom: 100%;
  z-index: 999;
  background: #fff;
  transition: .3s; }

body > .loading {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-size: 2rem 2rem; }
  body > .loading img {
    width: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.img-plus {
  width: 100%;
  height: 4rem; }

.body-fixed {
  position: fixed;
  width: 100%; }

.logo-box {
  height: .9rem;
  background: linear-gradient(43deg, #08121e 0%, #121d31 47%, #1c2743 100%); }
  .logo-box img {
    height: .7rem;
    margin-left: .44rem;
    padding-top: .1rem; }

.fixed-nav {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100; }

.slider-top-box {
  height: 3.1rem;
  /*  .swiper-pagination-bullet {
      background-color: #eee;
      width:18px;
      height: 4px;
      vertical-align: middle;
      border-radius: 2px;
      opacity: .8;
      display: inline-block;
      font-size: 0;
    }
    .swiper-pagination-bullet-active {
      width: 8px;
      height: 8px;
      border: 4px solid #fff;
      border-radius: 100%;
      background-color: transparent;
      opacity: 1;
      display: inline-block;
      font-size: 0;
    }*/ }
  .slider-top-box .swiper-container {
    height: 101%; }
    .slider-top-box .swiper-container .swiper-slide a {
      display: block;
      height: 100%;
      overflow: hidden; }
      .slider-top-box .swiper-container .swiper-slide a img {
        width: 100%;
        height: 100%; }
  .slider-top-box .swiper-pagination-bullet {
    background: #eee;
    width: .18rem;
    height: .04rem;
    vertical-align: middle;
    border-radius: 2px;
    opacity: .8;
    margin: 4px; }
  .slider-top-box .swiper-pagination-bullet-active {
    width: 0.12rem;
    height: 0.12rem;
    line-height: 0.12rem;
    border: 0.06rem solid #fff;
    border-radius: 100%;
    background-clip: padding-box;
    background-color: transparent;
    opacity: 1; }

.search-nav-box {
  padding-top: .2rem;
  background: linear-gradient(43deg, #08121e 0%, #121d31 47%, #1c2743 100%); }
  .search-nav-box .search-box {
    width: 5.9rem;
    height: .56rem;
    border-radius: 2.8rem;
    overflow: hidden;
    margin: 0 auto; }
    .search-nav-box .search-box p {
      font-size: .24rem;
      line-height: .56rem;
      width: 100%;
      height: 100%;
      text-indent: .6rem;
      border: 0;
      color: #96d2fa;
      background: url("../img/index/011.png") no-repeat 0.12rem center, linear-gradient(43deg, #242b52 0%, #242b52 47%, #242b52 100%);
      background-size: .35rem auto; }
  .search-nav-box .nav-box-wrap .swiper-container {
    padding-bottom: 0.5rem; }
    .search-nav-box .nav-box-wrap .swiper-container .swiper-pagination-bullet {
      border: 1px solid #fff;
      width: .32rem;
      height: .03rem;
      vertical-align: middle;
      border-radius: 2px;
      margin: 4px;
      background-color: transparent;
      opacity: 1; }
    .search-nav-box .nav-box-wrap .swiper-container .swiper-pagination-bullet-active {
      background-clip: padding-box;
      background-color: #fff;
      opacity: 1; }
  .search-nav-box .nav-box {
    height: 3.54rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-content: space-around; }
    .search-nav-box .nav-box a {
      display: block;
      height: 1.2rem;
      width: 1.27rem;
      margin: 0 .2rem;
      text-align: center; }
      .search-nav-box .nav-box a .icon1, .search-nav-box .nav-box a .icon2 {
        display: inline-block;
        width: 0.9rem;
        height: 0.9rem;
        background: url("../img/index/nav1.png") no-repeat;
        background-size: 6.46rem 2.42rem;
        background-position: 0 0; }
      .search-nav-box .nav-box a .icon2 {
        background: url("../img/index/nav2.png") no-repeat;
        background-size: 6.46rem 2.42rem;
        background-position: 0 0; }
      .search-nav-box .nav-box a p {
        text-align: center;
        color: #fff;
        line-height: .24rem;
        padding-top: .1rem; }

.nav-banner-box {
  padding-bottom: .2rem;
  background: linear-gradient(43deg, #08121e 0%, #121d31 47%, #1c2743 100%); }
  .nav-banner-box img {
    width: 100%; }

.allScenic-box img {
  width: 100%; }

.hotcity-box {
  height: 3.92rem;
  background: linear-gradient(43deg, #08121e 0%, #121d31 47%, #1c2743 100%); }
  .hotcity-box h4 {
    font-size: .38rem;
    line-height: 1.06rem;
    letter-spacing: 1px;
    color: #fff;
    height: 1.06rem;
    margin-left: .42rem; }
  .hotcity-box .slider-box {
    height: 2.8rem; }
    .hotcity-box .slider-box .swiper-slide {
      width: 2rem;
      margin-right: .22rem; }
      .hotcity-box .slider-box .swiper-slide:nth-child(1) {
        margin-left: .42rem; }
      .hotcity-box .slider-box .swiper-slide a {
        display: block; }
        .hotcity-box .slider-box .swiper-slide a img {
          width: 100%; }
        .hotcity-box .slider-box .swiper-slide a p {
          font-size: .32rem;
          font-weight: normal;
          line-height: .32rem;
          letter-spacing: 1px;
          color: #fff;
          padding-top: .19rem; }

.sxfour-box {
  height: 6rem;
  padding-top: .2rem;
  box-sizing: border-box;
  background: #191d2a; }
  .sxfour-box .inner-box {
    height: 5.6rem;
    background: linear-gradient(180deg, #1d3551 0%, #1e2935 18%, #1e1c18 54%, #5d431b 75%, #352b16 86%, #0d1311 100%); }
    .sxfour-box .inner-box h4 {
      font-size: .38rem;
      line-height: 1.06rem;
      letter-spacing: 1px;
      color: #fff;
      height: 1.06rem;
      margin-left: .42rem; }
    .sxfour-box .inner-box .slider-box .swiper-container {
      height: 3.63rem; }
      .sxfour-box .inner-box .slider-box .swiper-container .swiper-slide {
        width: 6.43rem;
        margin-right: .22rem; }
        .sxfour-box .inner-box .slider-box .swiper-container .swiper-slide:nth-child(1) {
          margin-left: .42rem; }
        .sxfour-box .inner-box .slider-box .swiper-container .swiper-slide a {
          display: block;
          height: 100%;
          overflow: hidden; }
          .sxfour-box .inner-box .slider-box .swiper-container .swiper-slide a img {
            height: 100%; }

.slider-nav-outer-box {
  height: .9rem;
  background: linear-gradient(0deg, #242c51 0%, #21274b 45%, #1e2244 100%); }

.slider-nav-box {
  height: .9rem;
  color: #fff;
  background: linear-gradient(0deg, #242c51 0%, #21274b 45%, #1e2244 100%); }
  .slider-nav-box .swiper-slide {
    width: 0.85rem; }
    .slider-nav-box .swiper-slide:nth-child(1) {
      padding-left: .42rem; }
    .slider-nav-box .swiper-slide:nth-child(6) {
      width: 1.2rem;
      margin-right: .25rem; }
    .slider-nav-box .swiper-slide p {
      display: inline-block;
      font-size: .28rem;
      padding-bottom: .03rem;
      padding-top: .25rem; }
      .slider-nav-box .swiper-slide p a {
        color: #fff; }
      .slider-nav-box .swiper-slide p.active {
        border-bottom: 2px solid #96d2fa; }

.zt-big-box {
  height: 5.4rem;
  background: #192221; }
  .zt-big-box h4 {
    font-size: .38rem;
    line-height: 1.06rem;
    letter-spacing: 1px;
    color: #fff;
    height: 1.06rem;
    margin-left: .42rem; }
  .zt-big-box .content ul {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; }
    .zt-big-box .content ul li {
      display: inline-block;
      width: 6.43rem;
      margin-right: .22rem; }
      .zt-big-box .content ul li:nth-child(1) {
        margin-left: .42rem; }
      .zt-big-box .content ul li a {
        display: block; }
        .zt-big-box .content ul li a .img-box {
          overflow: hidden;
          height: 3.62rem; }
          .zt-big-box .content ul li a .img-box img {
            width: 100%; }
      .zt-big-box .content ul li .info-box {
        padding-top: .2rem; }
        .zt-big-box .content ul li .info-box .name {
          font-size: .24rem;
          line-height: .24rem;
          margin-right: .1rem;
          color: #fff; }

.list-box {
  box-sizing: border-box;
  padding-bottom: .93rem;
  background: linear-gradient(43deg, #08121e 0%, #121d31 47%, #1c2743 100%); }
  .list-box > .tip, .list-box .tip-end {
    height: .6rem;
    text-align: center;
    font-size: .26rem;
    line-height: .6rem;
    padding-bottom: .5rem;
    color: #fff; }
  .list-box .dropload-down {
    color: #fff; }

.travel-box .content {
  width: 6.66rem;
  margin: 0 auto; }
  .travel-box .content .item {
    box-sizing: border-box;
    padding-top: .5rem;
    border-bottom: 1px solid #454d5f;
    display: flex;
    justify-content: space-between;
    padding-bottom: .45rem; }
    .travel-box .content .item:last-child {
      border: 0; }
    .travel-box .content .item .item-left {
      width: 3.72rem; }
      .travel-box .content .item .item-left h5 {
        font-size: .34rem;
        line-height: .4rem;
        margin-bottom: .6rem;
        padding-top: .1rem;
        height: .8rem;
        overflow: hidden; }
        .travel-box .content .item .item-left h5 a {
          color: #fff; }
      .travel-box .content .item .item-left .tag {
        display: inline-block;
        box-sizing: border-box;
        padding: 0 .2rem;
        height: .41rem;
        border-radius: .02rem;
        font-size: .2rem;
        line-height: .41rem;
        text-align: center; }
        .travel-box .content .item .item-left .tag.meitu {
          border: solid 1px #ff6969;
          color: #ff6969; }
        .travel-box .content .item .item-left .tag.gonglue {
          border: solid 1px #3ebbdf;
          color: #3ebbdf; }
        .travel-box .content .item .item-left .tag.xvni {
          border: solid 1px #d37dff;
          color: #d37dff; }
        .travel-box .content .item .item-left .tag.huodong {
          border: solid 1px #3edf99;
          color: #3edf99; }
        .travel-box .content .item .item-left .tag.video {
          border: solid 1px #fa7d49;
          color: #fa7d49; }
      .travel-box .content .item .item-left .people-info {
        overflow: hidden;
        margin-top: .4rem; }
        .travel-box .content .item .item-left .people-info .head-img {
          float: left;
          width: .43rem;
          height: .43rem;
          border-radius: 50%;
          margin-right: .16rem; }
        .travel-box .content .item .item-left .people-info .name {
          float: left;
          font-size: .24rem;
          line-height: .43rem;
          margin-right: .1rem;
          color: #a1a1a2; }
        .travel-box .content .item .item-left .people-info .v-img {
          float: left;
          width: .16rem;
          height: .16rem;
          margin-top: .15rem; }
    .travel-box .content .item .item-right {
      width: 2.69rem; }
      .travel-box .content .item .item-right a {
        display: block; }
        .travel-box .content .item .item-right a .img-box {
          height: 1.94rem;
          overflow: hidden; }
          .travel-box .content .item .item-right a .img-box img {
            width: 100%;
            height: 100%; }
      .travel-box .content .item .item-right .view-box {
        overflow: hidden;
        color: #a1a1a2;
        margin-top: .35rem; }
        .travel-box .content .item .item-right .view-box .view-num {
          float: right;
          font-size: .24rem;
          line-height: .43rem; }
        .travel-box .content .item .item-right .view-box .reply-num {
          float: right;
          font-size: .24rem;
          line-height: .43rem; }

.zt-small-box {
  height: 3.9rem;
  background: linear-gradient(43deg, #08121e 0%, #121d31 47%, #1c2743 100%); }
  .zt-small-box .title {
    margin-left: .42rem;
    margin-right: .42rem;
    height: 1.34rem;
    display: flex;
    justify-content: space-between; }
    .zt-small-box .title h4 {
      font-size: .4rem;
      color: #fff;
      align-self: center; }
  .zt-small-box .slider-box ul {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; }
    .zt-small-box .slider-box ul li {
      width: 3rem;
      margin-right: .22rem;
      display: inline-block; }
      .zt-small-box .slider-box ul li:nth-child(1) {
        margin-left: .42rem; }
      .zt-small-box .slider-box ul li a {
        display: block; }
        .zt-small-box .slider-box ul li a .img-box {
          overflow: hidden;
          height: 2rem; }
          .zt-small-box .slider-box ul li a .img-box img {
            width: 100%;
            height: 100%; }
      .zt-small-box .slider-box ul li .name {
        font-size: .24rem;
        line-height: .5rem;
        color: #fff; }

.zt-video-box {
  height: 5.4rem;
  background: #1d2427; }
  .zt-video-box h4 {
    font-size: .38rem;
    line-height: 1.06rem;
    letter-spacing: 1px;
    color: #fff;
    height: 1.06rem;
    margin-left: .42rem; }
  .zt-video-box .slider-box ul {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; }
    .zt-video-box .slider-box ul li {
      display: inline-block;
      width: 6.4rem;
      margin-right: .22rem; }
      .zt-video-box .slider-box ul li:nth-child(1) {
        margin-left: .42rem; }
      .zt-video-box .slider-box ul li a {
        display: block; }
        .zt-video-box .slider-box ul li a .img-box {
          overflow: hidden;
          height: 3.64rem;
          position: relative; }
          .zt-video-box .slider-box ul li a .img-box .cover-img {
            width: 100%;
            height: 100%; }
          .zt-video-box .slider-box ul li a .img-box .cover-icon {
            position: absolute;
            width: .95rem;
            height: .95rem;
            border-radius: 50%;
            box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.5);
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            margin: auto; }
      .zt-video-box .slider-box ul li .info-box {
        padding-top: .2rem; }
        .zt-video-box .slider-box ul li .info-box .name {
          font-size: .24rem;
          line-height: .24rem;
          margin-right: .1rem;
          color: #fff; }

.mask-ad {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10000; }
  .mask-ad .adBeanbox {
    width: 6.9rem;
    height: 9rem;
    border-radius: 7px;
    position: absolute;
    top: 1.5rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #fff; }
    .mask-ad .adBeanbox .adJumpUrl {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      width: 90%; }
      .mask-ad .adBeanbox .adJumpUrl .urlimg {
        width: 100%; }
      .mask-ad .adBeanbox .adJumpUrl .closeBtn {
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 100%;
        overflow: hidden;
        cursor: pointer;
        display: inline-block;
        position: absolute;
        bottom: -0.8rem;
        left: 45%; }
        .mask-ad .adBeanbox .adJumpUrl .closeBtn img {
          width: 100%; }

.mask-video {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 200; }
  .mask-video video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 40%; }

.mask-imgs {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 200; }
  .mask-imgs .swiper-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%; }
    .mask-imgs .swiper-container .swiper-pagination {
      color: #fff;
      bottom: 1.2rem; }
    .mask-imgs .swiper-container .swiper-slide {
      display: flex;
      align-items: center; }
      .mask-imgs .swiper-container .swiper-slide img {
        width: 100%; }

.mask-sms-login {
  display: none;
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }
  .mask-sms-login .sms-login-box {
    width: 5.6rem;
    height: 4.2rem;
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
    .mask-sms-login .sms-login-box .close-btn {
      position: absolute;
      top: .35rem;
      right: .35rem;
      width: .28rem; }
    .mask-sms-login .sms-login-box > h5 {
      font-size: .35rem;
      line-height: .35rem;
      text-align: center;
      padding-top: .5rem; }
    .mask-sms-login .sms-login-box .input-box {
      padding: 0 .4rem; }
      .mask-sms-login .sms-login-box .input-box .account-box {
        height: .8rem;
        font-size: .28rem;
        line-height: .8rem;
        border-bottom: 1px solid #f5f5f5; }
        .mask-sms-login .sms-login-box .input-box .account-box span {
          color: #29a9ff; }
        .mask-sms-login .sms-login-box .input-box .account-box .account-input {
          border: 0;
          height: .8rem;
          width: 4rem;
          font-size: 14px; }
      .mask-sms-login .sms-login-box .input-box .passw-box {
        height: .8rem;
        font-size: .28rem;
        line-height: .8rem;
        border-bottom: 1px solid #f5f5f5; }
        .mask-sms-login .sms-login-box .input-box .passw-box .passw-input {
          float: left;
          width: 2rem;
          height: .8rem;
          border: 0;
          font-size: 14px; }
        .mask-sms-login .sms-login-box .input-box .passw-box .get-code-btn {
          float: right;
          margin-top: .1rem;
          width: 2.06rem;
          height: .56rem;
          background-color: #ffcc00;
          box-shadow: 0px 2px 0px 0px #ed8b00;
          border-radius: 4px;
          font-size: 14px; }
          .mask-sms-login .sms-login-box .input-box .passw-box .get-code-btn.active {
            background: none;
            box-shadow: none;
            border: 1px solid #959595; }
    .mask-sms-login .sms-login-box .login-btn {
      width: 4.95rem;
      height: .65rem;
      background-color: #d1d1d1;
      display: block;
      margin: .53rem auto 0rem;
      font-size: .32rem;
      letter-spacing: 3px;
      color: #ffffff; }
      .mask-sms-login .sms-login-box .login-btn.active {
        background: #ffcc00;
        color: #424141; }

.mask-tip {
  display: none;
  position: fixed;
  z-index: 2000;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 5.5rem;
  text-align: center; }
  .mask-tip .tip-detail {
    display: inline-block;
    padding: 0 .5rem;
    height: .92rem;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: .46rem;
    font-size: .28rem;
    line-height: .92rem;
    color: #fefefe;
    text-align: center; }

.jinyan {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1001; }
  .jinyan .jinyanbac {
    width: 100%;
    height: 100%; }
  .jinyan .closejy {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    height: 30px;
    z-index: 1002; }
  .jinyan .banger1, .jinyan .banger2 {
    position: absolute;
    top: 235px;
    z-index: 1002;
    height: 180px; }
  .jinyan .banger2 {
    right: 0; }
  .jinyan .fire {
    position: absolute;
    top: 0;
    z-index: 1001;
    width: 100%; }

/*# sourceMappingURL=index.css.map */