/* 遮罩背景
 ***************************************/
 .common_mask {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 216vw;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}


.div_kv{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100vw;
  height: 216vw;
  background: url(../img/kv_bg.jpg) no-repeat center center;
  background-size: 100%;
}

.btn_open{
  position: absolute;
	top: 65%;
	left: 50%;
	transform: translate(-50%, -50%);
  width: 35.4667vw;
  height: 10vw;
  background: url(../img/btn_open.png) no-repeat center center;
  background-size: 100%;
  display: none;
}

.title {
  position: absolute;
  top: 23%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 32.6667vw;
  height: 8.8vw;
  background: url(../img/prize_title.png) no-repeat center center;
  background-size: 100%;
}

.div_prize {
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  left: 50%;
  width: 82.2667vw;
  height: 93.0667vw;
  background: url(../img/prize_1.png) no-repeat center center;
  background-size: 100%;
}

.div_prize_null {
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 82.2667vw;
  height: 97.2vw;
  background: url(../img/prize_null.png) no-repeat center center;
  background-size: 100%;
}

.div_bless {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 58.5333vw;
  height: 68.2667vw;
  background: url(../img/bless.png) no-repeat center center;
  background-size: 100%;
}

.div_receive {
  position: absolute;
	top: 76%;
	left: 50%;
	transform: translate(-50%, -50%);
  width: 35.4667vw;
  height: 10vw;
  background: url(../img/btn_receive.png) no-repeat center center;
  background-size: 100%;
}

.div_ok {
  position: absolute;
	top: 76%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 35.4667vw;
  width: 35.4667vw;
  height: 10vw;
  background: url(../img/btn_ok.png) no-repeat center center;
  background-size: 100%;
}

.tip_812 {
  position: absolute;
	top: 82%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 48.8vw;
  height: 2.8vw;
  background: url(../img/tip_812.png) no-repeat center center;
  background-size: 100%;
}

.info_bg{
	position: absolute;
	top: 37vw;
  left: 18.5vw;
	width: 64vw;
	height: 103.8667vw;
	background: url(../img/info_bg.png) no-repeat center center;
	background-size: 100%;
}

.infor-name{
    position: absolute;
    top: 24.3vw;
    left: 8.5vw;
    width: 45vw;
    height: 7vw;
    font-size: 4vw;
    color: white;
    -webkit-text-fill-color:white;
    text-indent: 1vw;
    background: transparent;
    border: none;
}

.infor-phone{
    position: absolute;
	  top: 38.1vw;
    left: 8.5vw;
    width: 45vw;
    height: 7vw;
    font-size: 4vw;
    color: white;
    -webkit-text-fill-color:white;
    text-indent: 1vw;
    background: transparent;
    border: none;
}

.infor-size{
    position: absolute;
    top: 81vw;
    left: 8.5vw;
    width: 45vw;
    height: 7vw;
    font-size: 4vw;
    color: white;
    -webkit-text-fill-color:white;
    text-indent: 1vw;
    background: transparent;
    border: none;
	background: url(../img/edit_bg.png) no-repeat center / 100% auto;
	display: none;
}

.infor-locTop{
    position: absolute;
	  top: 52.3vw;
    left: 8.5vw;
    width: 45vw;
    height: 21vw;
}

.infor-loc{
    width: 44vw;
    height: 21vw;
    padding: 1vw 1vw;
    font-size: 4vw;
    font-weight: 560;
    color: white;
    -webkit-text-fill-color:white;
    background: transparent;
    border: none;
}

.infor-tip{
  display: none;
  position: absolute;
  top: 89.8vw;
  left: 21vw;
  width: 31.4667vw;
  height: 4.4vw;
  font-size: 3vw;
  color: red;
}

.infor-submit{
    position: absolute;
    top: 102.8vw;
    left: 13.3vw;
    width: 35.4667vw;
    height: 10vw;
    background: url(../img/btn_sure.png) no-repeat center / 100% auto;
}

.btn_size{
    position: absolute;
    top: 117.8vw;
    left: 16.5vw;
    width: 28.4vw;
    height: 6.6667vw;
    background: url(../img/btn_size.png) no-repeat center / 100% auto;
    display: none;
}

.pic_size{
    position: absolute;
    top: 29.8vw;
    left: -9vw;
    width: 80.5333vw;
    height: 55.7333vw;
    background: url(../img/size.png) no-repeat center / 100% auto;
    display: none;
}

/* 登录 */
.login_box {
  display: none;
  position: absolute;
  width: 100vw;
  height: 216vw;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: url(../img/login_bg.jpg) no-repeat center / 100% auto;
  z-index: 9999;
}

.kv_content {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 90;
  height: 100vw;
}

.kv_from {
    flex-direction: row;
    align-items: center;
    width: 34vw;
    height: 9vw;
    position: absolute;
    top: 0;
    left: 10vw;
    bottom: 14vw;
    right: 0;
    margin: auto;
}

.kv_from:last-child {
  /* border-top: 0.1333vw solid #fff; */
  height: 12.0667vw;
  border-bottom: 0;
  padding-bottom: 0;
}

.kv_lable {
  display: flex;
  align-items: center;
  width: 29.2667vw;
  font-weight: 600;
  font-size: 4vw;
  color: #fff;
}

.kv_lable span {
  color: #f73029;
}

.kv_input {
  width: 33vw;
  height: 8vw;
  outline: none;
  background-color: transparent;
  border: 0;
  font-size: 4vw;
  color: black;
  text-align: center;
}

.kv_input::placeholder {
  color: #A4A5A6A8;
}

.kv_btn {
  position: absolute;
  width: 43.8667vw;
  height: 8.5333vw;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 20vw auto;
  background: url(../img/btn_login.png) no-repeat center / 100% auto;
}