/* pagesA/selectFace/selectFace.wxss */
page{
  background: #000;
}
.d-position-fixed{
  position: fixed;
  width: 100%;
  box-shadow: 10px 10px 10px #4e4e4e;
  bottom: 0;
  left: 0;
}
.operate{
  box-sizing: border-box;
  z-index: 99;
}
.operate button{
  width: 100%;
}

.center-box{
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 98
}
.box-frame{
  background:
  linear-gradient(to top, #26aad1, #26aad1) left top no-repeat,
  linear-gradient(to right, #26aad1, #26aad1) left top no-repeat, 
  linear-gradient(to left, #26aad1, #26aad1) right top no-repeat, 
  linear-gradient(to bottom, #26aad1, #26aad1) right top no-repeat, 
  linear-gradient(to left, #26aad1, #26aad1) left bottom no-repeat, 
  linear-gradient(to bottom, #26aad1, #26aad1) left bottom no-repeat, 
  linear-gradient(to top, #26aad1, #26aad1) right bottom no-repeat, 
  linear-gradient(to left, #26aad1, #26aad1) right bottom no-repeat; 
  background-size: 2px 10px, 10px 2px, 2px 10px, 10px 2px;
  /* height: 200px;
  width: 150px; */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.mask-bg{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .3);
  z-index: 70;
}
.clip-path{
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  background: transparent;
}

.show{
  position: absolute;
  overflow: hidden;
  top: 50%;
  transform: translateY(-50%);
}
.img{
  overflow: scroll;
}

.cut{
  width: 100vw;
  height: 100vw;
  top:50%;
  transform: translateY(-50%);
  position: absolute;
  border: 1px dashed rgba(255, 255, 255, 0.856);
}
.bottom{
  position: absolute;
  width: 100vw;
  bottom: 0;
  
}
button{
  margin-top: 10rpx;
}