/**app.wxss**/
@import "./libs/weui.wxss";
@import "./wxParse/wxParse.wxss";
/* CENSCBK huawen xhuawen gautami */
/* @font-face {
  font-family: 'huawen';
  src: url("https://qn.youheone.com/censcbk.ttf");
  font-weight: normal;
  font-style: normal;
} */

page{
  font-family:'huawen'!important;
}
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
} 
.page{
  background-color: #F5F5F5;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/**banner**/
.banner swiper {
  width: 100%;
  height: 100%;
}
.banner swiper .slide-image{
  width: 100%;
  height: 100%;
}

/**商品信息**/
.goods-title{

  font-size: 34rpx;
  color: #4c4c4c;
}
.goods-desc{
  font-size: 28rpx;
  color: #808080;
}
.goods-price{
  font-size: 32rpx;
  color: #c80000;
  margin-top: 30rpx;
}
.price-num{
  font-size: 34rpx;
  font-weight: bold;
}
.old-price{
  font-size: 30rpx;
  color: #999;
  text-decoration: line-through ;
  margin-left: 15rpx;
}
.weui-loadmore__tips_in-line {
  background-color: #f5f5f5;
}

/*kong*/
/* 数据为空 */
.kong{
  width: 100%;
  text-align: center;
}
.kong .img{
  margin: 0 auto;
  width: 350rpx;
  height: 350rpx;

}
.kong .text{
  font-size: 32rpx;
  color: #808080;
}

/**flex**/
.main-flex{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
}
.main-flex_item{
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
}
/* 重写地址选择  */
.dialog-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}

.state-item {
  width: 20%;
  height: 70rpx;
  font-size: 11pt;
  line-height: 70rpx;
  text-align: center;
  border-radius: 10rpx;
  border: 2rpx solid #ddd;
}

.border .state-item {
  border: 2rpx solid #c4245c;
}

.date {
  min-width: 40%;
  display: flex;
  font-size: 11pt;
  color: #bdbdbd;
  align-items: center;
}

.date-btn {
  min-width: 80%;
  font-size: 12pt;
  background-color: #c4245c;
  color: #fff;
  position: fixed
}
.picker-view {
  width: 100%;
  display: flex;
  z-index:12;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 0rpx;
  left: 0rpx;
  height: 40%;
}

.picker-item {
  line-height: 70rpx;
  margin-left: 5rpx;
  margin-right: 5rpx;
  text-align: center;
}
.hide{
  display: none;
}
/*没有更多数据*/
.no-more{
  font-size:28rpx;
  text-align:center;
  color:#ccc;
  margin: 20rpx 0rpx;
}
/*加载中按钮*/
.loading{
  font-size:28rpx;
  color:#ccc;
  background:rgba(255, 255, 255, 0);
}
.loadBox button{
  width: 100%;
  background:rgba(255, 255, 255, 0);
}
button[class="loading"]::after {
  border:none;
  background:rgba(255, 255, 255, 0);
}

.line-clamp1{
  text-overflow:-o-ellipsis-lastline;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
}
.line-clamp2{
  text-overflow:-o-ellipsis-lastline;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

/* 一期 */
/* 波浪 波浪  波浪  波浪  波浪 */
.container{
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 150rpx;
    padding: 0px 0px;
    /* border: 5px solid rgb(118, 218, 255); */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    display: inline-block;
}
.showdi{
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 20rpx;
  left: 0rpx;
  bottom: -10rpx;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 45%;
  z-index: 10;
}
.wave {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 150rpx;
    background-color: rgba(108,169,255,0);
    /* background: linear-gradient(180deg, #98C1F7 1%, #6DA9FF); */
}
.wave::before{
        content: "";
        position: absolute;
        width: 2000rpx;
        height: 2000rpx;
        top: 1540rpx;
        left: 50%;
        background-color: rgba(255, 255, 255, 0.9);
        border-radius: 45%;
        transform: translate(-50%, -70%) rotate(0);
        animation: rotate 18s linear infinite;
        z-index: 10;
}
 .wave::after{
        content: "";
        position: absolute;
        width: 2000rpx;
        height: 2000rpx;
        top: 1550rpx;
        left: 95%;
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 43%;
        transform: translate(-50%, -70%) rotate(0);
        animation: rotate 14s linear infinite;
        z-index: 10;
}
.letter::before{
       content: "";
        position: absolute;
        width: 2000rpx;
        height: 2000rpx;
        top: 1570rpx;
        left: 5%;
        background-color: rgba(255, 255, 255, .7);
        border-radius: 42%;
        transform: translate(-50%, -70%) rotate(0);
        animation: rotate 16s linear infinite;
        z-index: 10;
 }
  .letter::after{
      content: "";
        position: absolute;
        width: 2000rpx;
        height: 2000rpx;
        top: 1570rpx;
        left: 25%;
        background-color: rgba(255, 255, 255, 0.15);
        border-radius: 39%;
        transform: translate(-50%, -70%) rotate(0);
        animation: rotate 18s linear infinite;
        z-index: 10;
 }
.minl::after{
      content: "";
        position: absolute;
        width: 2000rpx;
        height: 2000rpx;
        top: 1590rpx;
        left: 75%;
        background-color: rgba(255, 255, 255, 0.9);
        border-radius: 39%;
        transform: translate(-50%, -70%) rotate(0);
        animation: rotate 40s linear infinite;
        z-index: 10;
 }  
@keyframes rotate {
    50% {
        transform: translate(-50%, -73%) rotate(180deg);
    } 100% {
        transform: translate(-50%, -69%) rotate(360deg);
    }
}

/* 二期 */
/* 波浪 */
.container{
  position: relative;
  overflow: hidden;
}

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
}
.bgTop {
    z-index: 15;
    opacity: 0.5;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}
.bgBottom {
    z-index: 5;
}
.wave2 {
    position: absolute;
    left: -1rpx;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 70rpx;
}
.waveTop {
  animation: move_wave 7s linear infinite;
  animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 80rpx;
}
.waveMiddle {
    animation: move_wave 11s linear infinite;
}
.waveBottom {
    background-size: 50% 60rpx;
}
.waveBottom {
    animation: move_wave 17s linear infinite;
}

/* 向上向下 动画 */
.slidedown {
  animation: slidedown 0.4s linear;
}
@keyframes slidedown {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(100%);
  }
}
.slideup {
  animation: slideup 0.4s linear;
}

@keyframes slideup {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

/* 表单提示，必填，选填 */
.noticeBox{
  position: relative;
}
.noticeRed{
  font-size: 24rpx !important;
  color: red !important;
  position: absolute !important;
  bottom: 20rpx !important;
  right: 20rpx !important;
}
.noticeRed2{
  font-size: 24rpx !important;
  color: red !important;
  padding-left: 10rpx !important;

}

.gray-tips{
  font-size:24rpx;
  color:#999;
  padding: 10rpx;
}

/* 去全局公共样式 */
.ft20{
  font-size: 20rpx;
}
.ft22{
  font-size: 22rpx;
}
.ft24{
  font-size: 24rpx;
}
.ft26{
  font-size: 26rpx;
}
.ft28{
  font-size: 28rpx;
}
.ft30{
  font-size: 30rpx;
}
.ft32{
  font-size: 32rpx;
}
.ft34{
  font-size: 34rpx;
}
.ft36{
  font-size: 36rpx;
}
.ft38{
  font-size: 38rpx;
}
.ft40{
  font-size: 40rpx;
}
.ft50{
  font-size: 50rpx;
}
.ft70{
  font-size: 70rpx;
}


/* ***********************最多需要修改的地方************************************************* */
.allcolor{
  color: #6CA9FF !important;/*  主题字体颜色 */
}
.allback{
 background:  #6CA9FF!important;/*  #6CA9FF!important;主题字背景颜色 */
}
.allborder{
  border-color: #6CA9FF!important;/*  #6CA9FF!important;主题边框颜色 */
}
/*  部分 特色 颜色处理 */
.color003887{  
  color:#003887;
}
.color79bffc{
  color: #79bffc;
}
.whitecolor{
  color:#FFFFFF;
}
.border_color{
  border-color: #82b6ff!important;
}

.box_show{
  box-shadow: 0px 5px 8px #71acff;
}
.border_r_c{
  border-right: 1rpx solid #b6d4ff;
}

.fdopen {
  background: #fff!important;
  border: 2px solid #6da9ff!important;
}
.fdbtn_new{
  background: #6da9ff;
  border: 2px solid #6da9ff;
}
.error {
  color: #c80000 !important;
}
.mask_time {
  color: #0ff;
}
/* 换芯周期工单 */
.rechange{
  background: #FD5A00!important;
}
.recolor{
  color:#FD5A00;
  line-height: 50rpx;
}
.rgkf_top {
   border-top: 1rpx solid #6caaff!important;
 }
.fitop_new{
  background: linear-gradient(180deg, #cbe9fc 30%, #92d4fb, #6CA9FF)!important;/*渐变色*/
}
.balanceWrap_new{
   background: linear-gradient(to right, #94d3fe , #6CA9FF)!important;/*渐变色*/
}
.active_new{
 background: linear-gradient(#5699fb, #7bb0fa);
}
.backNum_new{
   text-shadow:4px 4px 4px #1681EF;
}
.cen_show::before{
  display: inline-block;
  content: '';
  width: 20rpx;
  height: 20rpx;
  border-radius: 50%;
  border:1px solid #6DA9FF;
  background: #fff;
  position: absolute;
  left: -10rpx;
  top: 15rpx;
}
.cen_show::after{
  display: inline-block;
  content: '';
  width: 20rpx;
  height: 20rpx;
  border-radius: 50%;
  border:1px solid #6DA9FF;
  background: #fff;
  position: absolute;
  right: -10rpx;
  top: 15rpx;
}
.ellipsis{
  word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;
text-overflow:ellipsis;
}