.drawMain {
	position: absolute;
	overflow: hidden;
	min-width: 750px;
	z-index:2;
}

.drawTit {
	display: block;
  width: 657px;
	height: 98px;
  margin: 234px auto 0px;
}

.mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.55);
	backdrop-filter: blur(.06rem);
	-webkit-backdrop-filter: blur(.06rem);
	z-index: -1;
	transition: all .3s;
	-webkit-transition: all .3s;
	opacity: 0;
}
.mask.active{
	opacity:1;
	z-index: 20;
}
.drawBook {
	display: block;
	width: 1000px;
	height: 562px;
	pointer-events: none;
	position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.drawBook img {
	display: none;
	width: 100%;
}

.drawBook img.active {
	display: block;
}

.showBook {
	display: none;
  width: 1000px;
  height: 562px;
  pointer-events: none;
	position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.showBook img {
	display: none;
	width: 100%;
}

.showBook img.active {
	display: block;
}

.drawBtn {
	height: 67px;
  width:720px;
	margin: 0 auto;;
	display: flex;
	display: -webkit-flex;
  justify-content: space-between;
	align-items: center;
}


.drawBtn img {
  height: 67px;
  width: 220px;
	display: block;
	cursor: pointer;
}

.drawBtn img:nth-child(3) {
  width:247px;
}

.drawNum {
	font-size: 32px;
	color: #7e79af;
	text-align: center;
	font-family: 'zaozi';
	text-shadow: -0.03rem -0.03rem 0 #fff, 0.03rem -0.03rem 0 #fff, -0.03rem 0.03rem 0 #fff, 0.03rem 0.03rem 0 #fff;
  margin-top:27px;
}


@media screen and (max-width : 1080px) {
	.drawMain{
		min-width:auto;
	}
}