.containers .box{
  position: absolute;
  top:3.6rem;
  width:92%;
  margin:0 auto;
  left:4%;
}

.containers .box .list{
  height: 1rem;
  line-height:  1rem;
background: #FFFFFF;
border-radius: .1rem;
box-shadow:0 0 2px #ccc;
margin-bottom:.3rem;
}
.containers .box .list input{
 height: 1rem;
 line-height:  1rem;
  font-size: .3rem;
font-family: PingFang;
font-weight: 500;
color: #999999;
padding-left: .2rem;

border:none;
}

.containers .box button{
 height: 1rem;
 line-height:  1rem;
background: linear-gradient(90deg, #FEA901 0%, #FF8700 100%);
border-radius: .1rem;
font-size: .36rem;
font-family: PingFang;
font-weight: bold;
color: #FFFFFF;
text-align:center;
width: 100%;
margin-top:.8rem;
}


.containers .logo{
  text-align: center;
  margin-top:.6rem;
}
.containers .logo img{
	width: 52%;
}



.containers .box .list2{
  height: 1.4rem;
 
background: #FFFFFF;
border-radius: .1rem;
box-shadow:0 0 2px #ccc;
margin-bottom:.3rem;
padding:0 .5rem;

}
.containers .box .list2 a{
	display: flex;
	align-items: center;
	width: 100%;
	    height: 1.4rem;
}
.containers .box .list2 img{
	width: .8rem;
}
.containers .box  .list2>a>div{
 margin-left: .5rem;
}
.containers .box  .p1{
  font-size: .34rem;
font-family: PingFang;
font-weight: bold;
color: #333333;
display: block;
}
.containers .box  .p2{
  font-size: .24rem;
font-family: PingFang;
font-weight: 400;
color: #999999;
margin-top:.2rem;
display: block;
}




.containers .image{
  position: relative;
}
.containers .image .p1{
  position: absolute;
  left:.35rem;
  font-size: .6rem;
font-family: PingFang;
font-weight: bold;
color: #FFFFFF;
top:.95rem;
}

.containers .image p.year{
  font-size: .28rem;
font-family: PingFang;
font-weight: bold;
color: #FFFFFF;
opacity: 0.6;
position: absolute;
left:.35rem;
top:1.85rem;
}

.containers .box2{
  position: absolute;
  top:2.6rem;
  width:92%;
  margin:0 auto;
  left:4%;
}
.containers .box2  .con{
  padding:0 .3rem;
  background: #FFFFFF;
  border-radius: .1rem;
  box-shadow:0 0 2px #ccc;
  margin-bottom:.5rem;

}
.containers .box2 .list3{
  height: 1.08rem;


line-height: 1.08rem;
border-bottom: 1px dashed #E6E6E6;
display:flex;
justify-content:space-between;

}


.containers .image div.year{
  position: absolute;
  right:.35rem;
  width: 2.27rem;
height: .7rem;
line-height:.7rem;
background:url(../images/arrow2.png) no-repeat right .2rem center;
background-color: rgba(0,0,0,0.3);
border-radius: .35rem;
top: 1.45rem;
font-size: .28rem;
font-family: PingFang;
font-weight: bold;
color: #FFFFFF;
padding-left:.45rem;
box-sizing:border-box;
}

.containers .box3{
  position: absolute;
  top:2.5rem;
  width:92%;
  margin:0 auto .5rem;
  left:4%;

}

.containers .box3 .list{
  height: 1.08rem;
background: #FFFFFF;
border-radius: .1rem;
line-height:  1.08rem;
padding:0 .34rem;

box-shadow:0 0 2px #ccc;
margin-bottom:.2rem;
}
.containers .box3 .list a{
	  height: 1.08rem;
	  display:flex;
	  justify-content:space-between;
}

.containers .box3 .list .left{
	font-size: .28rem;
	font-family: PingFang;
	font-weight: bold;
	color: #333333;
}
.layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99;
    display: none;
}