body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
    margin: 0 !important;
}

html {
  font-size: 55.2px;
}


.tab-bar_1 {
  background-color: rgba(255, 255, 255, 1);
  width: 6.794rem;
  height: 1.115rem;
  margin-top: -0.018rem;
}

.tab-bar-item_1 {
  width: 0.508rem;
  height: 0.761rem;
  margin-top: 0.1rem;
}

.icon_2 {
  width: 0.508rem;
  height: 0.508rem;
}

.text_52 {
  width: 0.472rem;
  height: 0.236rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.235rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 0.236rem;
  margin: 0.019rem 0 0 0.019rem;
}

.tab-bar-item_2 {
  width: 0.508rem;
  height: 0.761rem;
  margin-top: 0.1rem;
}

.icon_3 {
  width: 0.508rem;
  height: 0.508rem;
}

.text_53 {
  width: 0.472rem;
  height: 0.236rem;
  overflow-wrap: break-word;
  color: rgba(198, 94, 50, 1);
  font-size: 0.235rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 0.236rem;
  margin: 0.16rem 0 0 0.019rem;
}

.tab-bar-item_3 {
  width: 0.508rem;
  height: 0.761rem;
  margin-top: 0.1rem;
}

.icon_4 {
  width: 0.508rem;
  height: 0.508rem;
}

.text_54 {
  width: 0.472rem;
  height: 0.236rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.235rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 0.236rem;
  margin: 0.16rem 0 0 0.019rem;
}

.tab-bar-item_4 {
  width: 0.508rem;
  height: 0.761rem;
  margin-top: 0.1rem;
}

.icon_5 {
  width: 0.508rem;
  height: 0.508rem;
}

.text_55 {
  width: 0.472rem;
  height: 0.236rem;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.235rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 0.236rem;
  margin: 0.019rem 0 0 0.019rem;
}


.box_3333 {
  background-color: rgba(252, 244, 237, 1);
  border-radius: 4px;
  width: 5.779rem;
  height: 3.859rem;
  margin: 0.272rem 0 0 0.254rem;
}

.box_3333 .image_1 {
  width: 2.953rem;
  height: 0.544rem;
  margin: 0.544rem 0 0 1.414rem;
}

.box_3333 .input_1 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 17px;
  width: 5.345rem;
  height: 0.616rem;
  margin: 0.508rem 0 0 0.218rem;
}

.box_3333 .icon_1 {
  width: 0.363rem;
  height: 0.363rem;
  margin: 0.127rem 0 0 0.236rem;
}

.box_3333 .text_1 {
  width: 2.537rem;
  height: 0.254rem;
  overflow-wrap: break-word;
  color: rgba(177, 177, 177, 1);
  font-size: 0.253rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: justify;
  white-space: nowrap;
  line-height: 0.254rem;
  margin: 0.182rem 2.066rem 0 0.145rem;
}

.box_3333 .button_1 {
  height: 0.653rem;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngff90a432f7dfb4b5abfff9bff5548779877106989adcd8c638bfa1e7156114db)
    100% no-repeat;
  background-size: 100% 100%;
  width: 4.62rem;
  margin: 0.508rem 0 0.49rem 0.58rem;
}

.box_3333 .text_2 {
  width: 0.544rem;
  height: 0.272rem;
  overflow-wrap: break-word;
  color: rgba(191, 47, 25, 1);
  font-size: 0.271rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 0.272rem;
  margin: 0.182rem 0 0 2.048rem;
}

.top_icon {
  line-height: 0.64rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  font-size: 0.24rem;
  text-align: center;
}

.top_icon {

  position: fixed;
  top: 0.45rem;
  z-index: 9;
}

.colsediv{
    background: rgba(0, 0, 0, 0.48);
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
    color: rgb(255, 255, 255);
    width: 1rem;
    text-align: center;
    padding: 0.01rem;
    font-size: 0.28rem;
}
.footer {
    background-color: rgba(249, 245, 245, 1);
    position: fixed;
    bottom: 0;

}
.page {
  background-color: rgba(195, 21, 0, 1);
  position: relative;
  width: 6.794rem;

  overflow: hidden;
}
.footer a { text-decoration: none; color: #333333 }
.group_1 {
    width: 6.794rem;
    margin-bottom: 1rem;
}

.list1 { width:100%;} 

@keyframes mysnow{
0%{
    bottom:100%;
    opacity:1;
}
50%{
    opacity:1;
    
}
100%{
    transform: rotate(0deg);
    opacity: 1;
    bottom:0;
}
}
@-webkit-keyframes mysnow{
0%{
    bottom:100%;
    opacity:1;
}
50%{
    opacity:1;
    
}
100%{
    -webkit-transform: rotate(0deg);
    opacity: 1;
    bottom:0;
}
}
@-moz-keyframes mysnow{
0%{
    bottom:100%;
    opacity:1;
}
50%{
    opacity:1;
   
}
100%{
  
    opacity: 1;
    bottom:0;
}
}
@-ms-keyframes mysnow{
0%{
    bottom:100%;
    opacity:0;
}
50%{
    opacity:1;
   
}
100%{
    -ms-transform: rotate(0deg);
    opacity: 1;
    bottom:0;
}
}
@-o-keyframes mysnow{
0%{
    bottom:100%;
    opacity:1;
}
50%{
    opacity:1;
   
}
100%{
    -o-transform: rotate(0deg);
    opacity: 1;
    bottom:0;
}
}
.play_music { left: 0.4rem;width: 0.8rem;height: 0.8rem; }
.play_music2 { animation: rotate 2s linear infinite;  }

.roll{
position:absolute;
opacity:1;
animation: mysnow 5s ;
-webkit-animation: mysnow 5s ;
-moz-animation: mysnow 5s ;
-ms-animation: mysnow 5s ;
-o-animation: mysnow 5s ;
height:80px;
}

/* 封装好的c3动画 */
@keyframes rotate {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}



/* 漂浮物样式*/
#introduction {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

.roll5 {
  position: absolute;
  animation: mysnow 20s linear;
  -webkit-animation: mysnow 20s linear;
  -moz-animation: mysnow 20s linear;
  -ms-animation: mysnow 20s linear;
  -o-animation: mysnow 20s linear;
}
.roll4 {
  position: absolute;
  animation: mysnow 12s linear;
  -webkit-animation: mysnow 12s linear;
  -moz-animation: mysnow 12s linear;
  -ms-animation: mysnow 12s linear;
  -o-animation: mysnow 12s linear;
}
.roll3 {
  position: absolute;
  animation: mysnow 8s ease-out;
  -webkit-animation: mysnow 8s ease-out;
  -moz-animation: mysnow 8s ease-out;
  -ms-animation: mysnow 8s ease-out;
  -o-animation: mysnow 8s ease-out;
}
.roll {
  position: fixed;
  z-index: 9999999;
  -webkit-user-select: none;
    user-select: none;
  -webkit-pointer-events: none;
  pointer-events: none;
   -webkit-touch-callout: none;
   touch-callout: none;
}

.flex_y_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

/* c3实现公告滚动样式*/
.notice_box {
    font-size: 0.22rem;
  position: fixed;
  left: 0rem;
  top: 0rem;
  width: 100%;
  height: 0.48rem;
  z-index: 100;
  overflow: hidden;
background-color: rgba(128, 118, 118, 0.65);
}
.notice_bg {
  width: 100%;
  height: 0.48rem;
  z-index: 2;
  overflow-x: hidden;
  position: relative;
}
.bg_notice{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.notice_con {
  position: absolute;
  top: 0rem;
  left: 0.4rem;
  line-height: 0.48rem;
  white-space: nowrap;
  /*color: white;*/
  transition: all 25s;
  z-index: 2;
}
.notice_box .Ticonfont {
    opacity: 1;
    height: 100%;
    padding: 0px 0.2rem;
    line-height: 0.48rem;
    opacity: 1;
    height: 100%;
    padding: 0px 0.2rem;
    line-height: 0.48rem;
    position: relative;
    z-index: 999;
    color:#fff;
    font-size: 0.33rem;
}
/* 漂浮物样式*/
#introduction {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
.tabbar_bg {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 1.74rem;
  color: white;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
}
.baoming_box {
  margin-top: 0.14rem;
  height: 0.64rem;
  box-shadow: 0rem 0.04rem 0.06rem rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 0.08rem;
  width: 100%;
  text-align: center;
  line-height: 0.64rem;
  color: #fff;
  font-size: 0.24rem;
  background-size: 100% 100% !important;
}
/* c3公告滚动动画 */
@keyframes movenotice {
  from {
    transform: translateX(8rem);
    /* left:110%;
  */
  }
  to {
    /* left:-110%;
  */
    transform: translateX(-110%);
  }
}
.swiper-container {
  width: 100%;
  height: auto;
}
.swiper-slide {
  height: auto;
}
@media (min-width: 992px){
   body {
        /*max-width: 375px!important;*/
        margin: 0 auto!important;
        background-color: #F5F5F5!important;
    }
}
input {
  background-color: transparent;
  border: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}


button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}