/**app.wxss**/
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
} 
/**app.wxss**/

view, input, button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32rpx;
  color: #27364e; /* 字体颜色 */
}
/* 
#27364e 字体颜色深蓝  
#939aa6 深色边框线  
#e6e6e6 输入框等浅色边框线 
#f55d55主色红色 
#FAAEAA 浅色红色13335069822
 */
input {
  border: solid 1px #e6e6e6; /* 输入框颜色 */
  padding-left: 10rpx;
  z-index: 0;
}
.allpage {
  height: 100vh;
  /* background-color: #333; */
  flex-direction: column;
}

.top {
  opacity: 0.9;
  height: 85rpx;
  width: 100%;
  border-bottom: 1px solid #939aa6; /*深色边线*/
  background-color: #fdfdfd;
  justify-content: space-between; /*主轴上的排列方式 */
  align-items: stretch; /*交叉轴对齐方式 占满 */
}

.Fpage {
  flex-direction: column;
  justify-content: flex-start;
}

.Ftop {
  opacity: 0.9;
  position: fixed;
  height: 85rpx;
  width: 100%;
  border-bottom: 1px solid #939aa6;
  background-color: #fdfdfd;
  justify-content: space-between; /*主轴上的排列方式 */
  align-items: stretch; /*交叉轴对齐方式 占满 */
}

.topl {
  font-size: 32rpx;
  width: 150rpx;
  color: #f55d55; /*主色红色 #FAAEAA 浅色红色 */
}

.topc {
  width: 350rpx;
  flex-grow: 1;
  font-size: 36rpx;
  font-weight: bold;
}

.topr {
  width: 160rpx;
  font-size: 32rpx;
  color: #f55d55;
}

.topr image {
  margin-left: 50rpx;
  width: 60rpx;
  height: 60rpx;
}

.body {
  width: 100%;
  /* background-color: #fd6969; */
  flex-grow: 1;
}

.INP {
  border: solid 1px #939aa6;
  height: 85rpx;
  width: 450rpx;
  padding-left: 10rpx;
}

.BUT {
  background-color: #f55d55;
  color: #fff;
  width: 460rpx;
  height: 80rpx;
  font-size: 36rpx;
  margin: 10rpx;
}
.SBUT {
  background-color: #f55d55;
  color: #fff;
  width: 200rpx;
  height: 70rpx;
  font-size: 32rpx;
  border-radius: 5rpx;
}
.TiShi{ height: 100vh;width: 750rpx; position: fixed;z-index: 100}
.TiShiK{position: relative;height: 100vh;width: 750rpx; display: flex; justify-content:center; align-items: center;}
.TiShiB{ position: absolute; left: 0;top: 0; width: 750rpx; height: 100vh;background: #FFF; opacity: 0.05;}
.TiShiN{ width:285rpx; height:285rpx;z-index: 10; border-radius: 20rpx; margin-top: -330rpx;opacity: 0.8;
position: relative;}
.TiShiN image{height:280rpx;width:280rpx; border-radius: 20rpx;}
.TiShiTXT{ width: 280rpx; height: 50rpx; color: #FFFFFF; position: absolute; top: 200rpx; left: 0rpx;}