/* pages/upload/upload.wxss */

.page{
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.bg{
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: -1;
}
.sfbg{
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: -1;
}

.loading{
    position: absolute;
    top: 150rpx;
    left: 50%;
    transform: translateX(-50%);
}

.loadings{
  position: absolute;
  margin-top: 300rpx;
  left: 24%;
  /* transform: translateX(-50%); */
}
.loadingtrue{
  position: absolute;
  margin-top: 840rpx;
  left: 33%;
}
.loadingfk{
  position: absolute;
  margin-top: 55rpx;
  left: 260rpx;

}
.loadingtext{
  position: absolute;
  margin-top: 185rpx;
  left: 295rpx;
}

.img{
    display: block;
    width: 280rpx;
    height: 280rpx;
    margin: 150rpx auto 30rpx;
}

.msg-img{
    display: block;
    width: 462rpx;
    height: 102rpx;
    margin: auto;
    margin-top: 150rpx;
}

.detail{
    width: 70%;
    margin:30rpx auto 0rpx;
    display: flex;
    text-align: center;
    color: gray;
}
.left,
.right{
    flex: 1;
}

.detail .title{
    font-size: 34rpx;
    font-weight: 600;
    line-height: 2;
}

.detail .value{
    line-height: 1.5;
    font-size: 34rpx;
}

.text_text{
  margin-left: 225rpx;
  margin-top: 5%;
  font-size: 32rpx;
}

.texit{
  width: 400rpx;
  height: 70rpx;
  margin-top: 15%;
  font-size: 36rpx;
  margin-left: 215rpx;
  color: aliceblue;
  border: 2rpx;
  text-align: center;
  border-radius: 15%;
  background-color: rgb(42,84,244);
}
.bexit{
  width: 450rpx;
  height: 80rpx;
  line-height: 80rpx;
  text-align: center;
  margin-top: 15%;
  font-size: 36rpx;
  color: aliceblue;
  margin: 100rpx auto;
  border:2rpx;
  border-radius: 70rpx;
  background-color: rgb(42,84,244);
}
.gunabi{
  position:absolute;
  width: 120rpx;
  height:80rpx;
  background-size:100%;
  text-align: center; 
  top: 10px; 
  right: 50px;
  font-size: 22px;
  line-height: 50rpx;
  color:#ffff ;
}
.modal-mask{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.5;
  z-index: 1;
}
.modal-dialog{
  overflow: hidden;
  position: fixed;
  top: 5%;
  background: rgb(4,4,4);
  border-radius: 30rpx;
  right: 5%;
  height: 1200rpx;
  width:90%;
  z-index: 2;
}
.img_on{
  /* margin: auto; */
  margin-top: 180rpx;
  margin-left: 140rpx;
  margin-right: auto;
  width:200px;
  height: 100px;
}
.img_down{
  /* margin: auto; */
  margin-left: 60rpx;
  margin-right: auto;
  margin-top: 70rpx;
}
.seconds{
  color: #ffff;
  position:absolute;
  width: 120rpx;
  height:80rpx;
  background-size:100%;
  text-align: center; 
  top: 10px; 
  right: 10px;
  font-size: 22px;
  line-height: 50rpx;
}
