.box{
  width: 750px;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  background: url(../img/bj.png) top no-repeat;
}
header{
  width: 100%;
  height: 405px;
  background: url(../img/header.png) top no-repeat;
  margin-bottom: 38px;
}
.head_fill{
  width: 100%;
  height: 28px;
}
.top{
  width: 690px;
  height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.search{
  width: 187px;
	height: 54px;
	background-color: #987962;
	box-shadow: inset 2px 2px 6px 0px 
		#5e4939;
	border-radius: 5px;
	border: solid 2px #ffffff;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.banner{
  width: 690px;
  height: 230px;
  margin: 31px auto 0;
  overflow: hidden;
}
.gg{
  width: 690px;
  height: 40px;
  margin: 22px auto 0;
  display: flex;
  align-items: center;
}
.gg_title{
  font-size: 30px;
  color: #ffffff;
  margin-left: 20px;
}
.scroll{
  overflow: hidden;
  width: 540px;
}
.scroll ul {
  white-space: nowrap;
}

.scroll ul li {
  display: inline-block;
  margin: 10px;
  font-size: 28px;
  color: #cd351e;
}
.content{
  width: 692px;
  margin: 0 auto;
  flex: 1;
  overflow: auto;
}
.yh{
  width: 692px;
  height: 251px;
  position: relative;
  margin-bottom: 30px;
}
.imgs{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.btn1{
  width: 140px;
  height: 52px;
  background: url(../img/btn1.png);
  position: absolute;
  top: 166px;
  left: 97px;
  cursor: pointer;
}
.btn2,.btn3{
  width: 131px;
  height: 53px;
  background: url(../img/btn2.png);
  position: absolute;
  top: 166px;
  left: 242px;
  cursor: pointer;
}
.btn3 a{
  display: block;
  width: 100%;
  height: 100%;
}
.Copyright{
  width: 444px;
  display: block;
  margin: 20px auto 0;
}
/* .footer_fill{
  width: 100%;
  height: 125px;
} */
footer{
  width: 750px;
  height: 102px;
  background: url(../img/footer.png);
  margin: 23px auto 0;
  display: flex;
}
footer a,footer div{
  width: 20%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
}
footer span{
  color: #f2df9d;
  font-size: 24px;
}
.alert{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  position: fixed;
  top: 0;
  z-index: 2;
  display: none;
}


.earnings{
  width: 630px;
  height: 653px;
  background: url(../img/earnings.png);
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  position: fixed;
  z-index: 3;
  display: none;
}
.earnings_content{
  width: 594px;
  height: 503px;
  background: url(../img/earnings_tab.png);
  margin: 20px auto 0;
}
.earnings_header{
  width: 100%;
  height: 82px;
}
.earnings_fixed{
  width: 100%;
  height: 529px;
  position: relative;
  overflow: auto;
}
.earnings_content_fill{
  width: 100%;
  height: 8px;
}
.earnings_content table{
  width: 590px;
  height: 519px;
  margin: 0 auto;
  text-align: center;
}
/* .earnings_content table thead{
  position: sticky;
  top: 1px;
} */
.earnings_content table th{
  font-size: 18px;
  height: 55px;
  line-height: 55px;
  background-color: #fff894;
  color: #2a1a17;
  border: 1px solid #766868;
  position: sticky;
  top: -1px;
}
.earnings_content table td{
  font-size: 16px;
  height: 45px;
  line-height: 45px;
  /* border: 1px solid #666440; */
  border: 1px solid #766868;
  color: #fff894;
  text-align: center;
}
.earnings_content table tbody{
  height:509px;
  overflow: auto;
}
.earnings_close{
  width: 60px;
  height: 60px;
  margin: 60px auto 0;
  background: url(../img/close.png);
  cursor: pointer;
}



.search_pop{
  width: 630px;
  height: 488px;
  background: url(../img/search_pop.png);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
  display: none;
}
.search_pop_fill{
  width: 100%;
  height: 80px;
}
.search1,.search2,.search3{
  width: 100%;
  height: 408px;
  display: none;
}

.search2{
  display: block;
}
.search2_fill{
  width: 100%;
  height: 25px;
}
.search2 table{
  width: 572px;
  /* height: 267px; */
  margin: 0 auto 0;
}
.search2 th{
  height: 45px;
  background-color: #fff995;
	border: solid 1px #fff995;
  font-size: 22px;
  color: #211213;
}
.search2 .winList td{
  height: 74px;
  /* line-height: 74px; */
  font-size: 20px;
  border: solid 1px #fff995;
  text-align: center;
  color: #fff995;
}

.search3_fill{
  width: 100%;
  height: 120px;
}
.search3_text{
  width: 419px;
  font-size: 28px;
  color: #ef2f31;
  text-align: center;
  margin: 0 auto;
}
.search1_fill{
  width: 100%;
  height: 102px;
}
.search_close{
  width: 60px;
  height: 60px;
  background: url(../img/close.png);
  margin: 20px auto 0;
  cursor: pointer;
}
.account{
  width: 500px;
	height: 66px;
	background-color: #4d3229;
	box-shadow: inset 2px 2px 9px 0px 
		rgba(3, 76, 107, 0.35);
	border-radius: 33px;
	border: solid 2px #fbe467;
  color: #ffffff;
  display: block;
  margin: 0 auto;
  text-align: center;
  line-height: 66px;
  font-size: 28px;
  outline:none
}
.search_btn{
  width: 278px;
  height: 95px;
  background: url(../img/search_btn.png);
  margin: 84px auto 0;
  cursor: pointer;
}



.alert2,.alert3{
  width: 750px;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  position: fixed;
  top: 0;
  z-index: 4;
  
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.alert3_pop{
  width: 548px;
  height: 318px;
  background: url(../img/alert3_pop.png);
 }
/* .alert3{
  display: flex;
} */
.alert2_box{
  width: 548px;
  height: 408px;
}
.remark_pop{
 width: 548px;
 height: 318px;
 background: url(../img/remark_pop.png);
}
.remark_close{
  width: 548px;
  height: 90px;
  background: url(../img/remark_close.png);
  cursor: pointer;
}
.alert3_close{
  width: 548px;
  height: 90px;
  background: url(../img/remark_close.png);
  cursor: pointer;
}
.remark_fill{
  width: 100%;
  height: 125px;
}
.remark_text{
  width: 460px;
  margin: 0 auto;
  font-size: 28px;
  color: #f5ef8f;
  letter-spacing: -1px;
}

.apply{
  width: 630px;
  height: 488px;
  background: url(../img/apply.png);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: fixed;
  z-index: 3;
  display: none;
}
.apply_fill{
  width: 100%;
  height: 80px;
}
.apply_title{
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 30px;
  color: #987962;
  text-align: center;
  font-weight: 700;
  margin-top: 10px;
}
.apply input{
  width: 480px;
	height: 66px;
	background-color: #4d3229;
	box-shadow: inset 2px 2px 9px 0px 
		rgba(3, 76, 107, 0.35);
	border-radius: 5px;
	border: solid 1px #fbe467;
  outline:none;
  display: block;
  margin: 28px auto 0;
  font-size: 28px;
  color: #ffffff;
  padding-left: 20px;
}
.apply_btn{
  width: 506px;
  height: 81px;
  background: url(../img/apply_btn.png);
  margin: 56px auto 0;
  cursor: pointer;
}
.disabled{
  pointer-events: none;
}
.apply_close{
  width: 60px;
  height: 60px;
  background: url(../img/close.png);
  margin: 50px auto 0;
  cursor: pointer;
}

.details{
  width: 630px;
  height: 750px;
  background: url(../img/details.png);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: fixed;
  z-index: 3;
  display: none;
}
.details_fill{
  width: 100%;
  height: 80px;
}
.details_box{
  width: 570px;
  height: 630px;
  padding: 20px 30px;
  overflow: auto;
}
.details_close{
  width: 60px;
  height: 60px;
  background: url(../img/close.png);
  margin: 12px auto 0;
  cursor: pointer;
}



.page_div{
  width: 617px;
  margin: 25px auto 0;
  height: 48px;
  display: flex;
  justify-content: center;
}
.page_div a {
  /* width: 1.302vw; */
  height: 48px;
  text-align: center;
  margin: 0 8px;
  padding: 0 16px;
  cursor: pointer;
  display: inline-block;
  font-family: MicrosoftYaHei;
  font-size: 22px;
  line-height: 48px;
  letter-spacing: 0px;
  color: #000000;
  background-color: #ffffff;
  /* background: #fee6c3; */
}

#firstPage,
#lastPage {
  width: 66px;
  color: #0073A9;
}

#prePage,
#nextPage {
  width:100px;
  height: 48px;
  color: #000000;
  background-color: #ffffff;
}

.page_div .current {
  background-image: linear-gradient(0deg, 
		#f6a231 0%, 
		#fed898 100%), 
	linear-gradient(
		#009688, 
		#009688);
	background-blend-mode: normal, 
		normal;
	border: solid 1px rgba(229, 143, 29, 0.6);
  color: #FFFFFF;
}

.totalPages {
  margin: 0 0.52vw;
}

.totalPages span,
.totalSize span {
  color: #0073A9;
  margin: 0 0.260vw;
}