496_dongfengqichen_wxsmall/496_dongfengqichen/pages/scout/register/register.wxss

/* pages/scout/register/register.wxss */
.registerContainer{
  width: 100%;
  /* height: calc(100% - 168rpx); */
  overflow-y: scroll;
}
.tabsBox{
  position: relative;
  width: 611rpx;
  height: 81rpx;
  /* border: 1rpx solid #345489; */
  margin: 0 auto;
  /* border-radius: 10rpx; */
  /* box-sizing: border-box; */
  margin-top: 168rpx;
}
.tabsBox>.item{
  width: 50%;
  height: 100%;
  line-height: 81rpx;
  color: #345489;
  display: inline-block;
  text-align: center;
}
.tabsBox>.item.select{
  color: #ffffff;
  background-color: #345489;
}
.welcome{
  width: 269rpx;
  height: 33rpx;
  margin: 28rpx auto 28rpx auto;
}
.Vehicle{
  position: relative;
  width: 100%;
  height: 100%;
}
.Vehicle>input{
  width: 675rpx;
  height: 66rpx;
  border: 1rpx solid #808080;
  margin: 0 auto 35rpx auto;
  border-radius: 21rpx;
  box-sizing: border-box;
  padding: 0 27rpx;
  font-size: 23rpx;
}
.VcodeBox{
  position: absolute;
  width: 205rpx;
  height: 51rpx;
  border:1rpx solid #808080;
  border-radius: 15rpx;
  right: 45rpx;
  top: 108rpx;
  overflow: hidden;
}
.Vehicle>.tipTxt{
  text-align: center;
  font-size: 22rpx;
  color: #666768;
}
.Vehicle>.license{
  width: 553rpx;
  height: 363rpx;
  margin: 22rpx auto 0 auto;
}
.Vehicle>.submitBtn{
  width: 675rpx;
  height: 70rpx;
  margin: 20rpx auto 0 auto;
}
.Vehicle>.reminder{
  width: 667rpx;
  height: 57rpx;
  margin: 25rpx auto;
}
.NoVehicle{
  position: relative;
  padding-bottom: 45rpx;
}
.NoVehicle>.getCode{
  position: absolute;
  top: 250rpx;
  right: 95rpx;
  font-size: 23rpx;
  color: #1e68e3;
}
.NoVehicle>.codeTip{
  color: #b5b5b6;
}
.NoVehicle>picker{
  position: relative;
  width: 638rpx;
  height: 66rpx;
  line-height: 66rpx;
  border: 1rpx solid #808080;
  margin: 0 auto 13rpx auto;
  border-radius: 21rpx;
  box-sizing: border-box;
  color: #000000;
  padding: 0 30rpx;
  font-size: 23rpx;
}
image.arrowDown{
  position: absolute;
  width: 23rpx;
  height: 11rpx;
  top: 30rpx;
  right: 42rpx;
}
.NoVehicle>input{
  width: 638rpx;
  height: 66rpx;
  line-height: 66rpx;
  border: 1rpx solid #808080;
  margin: 0 auto 13rpx auto;
  border-radius: 21rpx;
  box-sizing: border-box;
  color: #000000;
  padding: 0 30rpx;
  font-size: 23rpx;
}
.NoVehicle>.hintTitle{
  text-align: center;
  font-size: 22rpx;
  color: #666768;
  margin-bottom: 15rpx;
}
.NoVehicle>.hintBox{
  display: flex;
  width: 700rpx;
  margin: 0 auto;
  border-bottom: 2rpx solid #595959;
  justify-content: center;
  margin-bottom: 25rpx;
}
.NoVehicle>.hintBox>.hintItem{
  width: 216rpx;
}
.NoVehicle>.hintBox>.hintItem>.hintImg{
  width: 100%;
  height: 149rpx;
}
.NoVehicle>.hintBox>.hintItem>.hintTxt{
  font-size: 17rpx;
  text-align: center;
  padding: 15rpx 0;
}
.NoVehicle>.upPhotoTitle{
  font-size: 21rpx;
  color: #000000;
  font-weight: bold;
  margin-left: 55rpx;
}
.NoVehicle>.upPhonoBox{
  display: flex;
  margin: 15rpx 25rpx;
  margin-bottom: 40rpx;
}
.NoVehicle>.upPhonoBox>.upPhontBtn{
  width: 125rpx;
  height: 125rpx;
  margin: 10rpx 25rpx;
}
.NoVehicle>.upPhonoBox>.phontBox{
  position: relative;
  width: 125rpx;
  height: 125rpx;
  margin: 10rpx 25rpx;
}
.NoVehicle>.upPhonoBox>.phontBox>.gameRuleClose{
  position: absolute;
  top: -15rpx;
  right: -15rpx;
  width: 31rpx;
  height: 29rpx;
}
.NoVehicle>.upPhonoBox>.phontBox>image{
  width: 100%;
  height: 100%;
}
.NoVehicle>.photoNotes{
  width: 322rpx;
  height: 17rpx;
  margin-left: 55rpx;
}
.NoVehicle>.submitBtn{
  width: 675rpx;
  height: 70rpx;
  margin: 30rpx auto 0 auto;
}
.NoVehicle>.agreementBox{
  margin-top: 20rpx;
  font-size: 16rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
.NoVehicle>.agreementBox>.checkBox{
  border: 1rpx solid #000000;
  width: 20rpx;
  height: 20rpx;
  display: inline-block;
  margin-right: 5rpx;
}

.mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 120rpx);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999;
}

.mask>.ruleContent {
  position: relative;
  width: 484rpx;
  height: 455rpx;
  border-radius: 20rpx;
  /* background-color: #ffffff; */
}

.mask>.ruleContent>.rule {
  position: relative;
  width: 100%;
  height: 100%;
}
.returnbtn{
  background-color: #000000;
  position: absolute;
  height: 50rpx;
  width: 274rpx;
  left:105rpx;
  bottom:60rpx;
  opacity: 0;
}
.closeBtn {
  position: absolute;
  height: 40rpx;
  width: 40rpx;
  right:-40rpx;
  top:-40rpx;
}

/* use cross as close button */

/* .closeBtn::before {
  content: "\2716";
} */
.VcodeGroup{
  position: relative;
  width: 100%;
  height: 100%;
}
.canvasSty{
  width:205rpx;
  height:51rpx;
  position:absolute;
  left:2000px;
  top:0;
  z-index:9999;
  opacity: 0;
}
.VcodeImg{
  width:205rpx;
  height:51rpx;
  position:absolute;
  left:0;
  top:0;
}
.registerTitle{
  width: 611rpx;
  height: 81rpx;
}
.registerTitleMask{
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
}
.registerMainPic{
  width: 655rpx;
  height: 278rpx;
  margin: 0 auto;
  margin-bottom: 25rpx;
}
.agreementGroup{
  width: 652rpx;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-top: 47rpx;
}
.agreementText{
  line-height: 24rpx;
  font-size:24rpx;
  font-family:PingFangSC;
  font-weight:300;
  color:rgba(156,157,157,1);
  display: flex;
  align-items: center;
}
.agreeIcon{
  width: 29rpx;
  height: 28rpx;
  margin-right: 17rpx;
}