Page {
  width: 100%;
  height: 100%;
  background-color: #F7F7F7;
}

.container {
  width: 100%;
  background-color: #F7F7F7;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}
.top{
  height: 538rpx;
  width: 100%;
 
}
.top_img{
  height: 269px;
  width: 100%;
}
.bottom{
  /* height: 1000rpx; */
  padding: 30rpx 20rpx;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.left{
  width: 345rpx;
}
.left_1,.left_3,.right_2,.right_4{
  height: 120rpx;
  background-color: #DBA901;
  color: #fff;
  border-radius: 10rpx;
  border:4rpx solid #000; 
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 20rpx;
}
.left_2,.left_4,.right_1,.right_3{
  height: 240rpx;
  background-color:#1296db;
  color: #fff;
  border-radius: 10rpx;
  border:4rpx solid #000; 
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 20rpx;
}

.right{
  width: 345rpx;
  margin-left: 20rpx;
}

.content-button{
  height: 300rpx;
  width: 690rpx;
  margin-left: 30rpx;
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
  background: #FFFFFF;
  box-shadow: 0px 9px 9px 1px rgba(131, 131, 131, 0.16);
  border-radius: 10px;
  margin-top: 5px;
}
.content-view{
height:50%;
width: 50%;
display: flex;
flex-flow: row nowrap;
justify-content: space-evenly;
align-items: center;

}
.content-view image{
  width: 50rpx;
  height: 50rpx;
}
.content-view-title{
  font-size: 28rpx;
  font-weight: 800;
  color: #070604;
  margin-bottom: 9px;
}
.content-view-english{
  font-size: 18rpx;
  font-weight: 800;
  color: #BE9962;
}
.profile{
  box-sizing: border-box;
  border-bottom: solid 1rpx rgba(229, 212, 174, 0.5);
  border-right: solid 1rpx rgba(229, 212, 174, 0.5);
}
.environment{
  box-sizing: border-box;
  border-bottom: solid 1rpx rgba(229, 212, 174, 0.5);
  border-left: solid 1rpx rgba(229, 212, 174, 0.5);
}

.culture{
  box-sizing: border-box;
  border-top: solid 1rpx rgba(229, 212, 174, 0.5);
  border-right: solid 1rpx rgba(229, 212, 174, 0.5);
}
.benefits{
  box-sizing: border-box;
  border-top: solid 1rpx rgba(229, 212, 174, 0.5);
  border-left: solid 1rpx rgba(229, 212, 174, 0.5);
}


.person-button{
  width: 344px;
height: 88px;
background: #FFE084;
border-radius: 10px;
margin: 0 auto;
margin-top: 20px;
display: flex;
flex-flow: row nowrap;
justify-content: space-evenly;
align-items: center;
box-shadow: 0px 9px 9px 1px rgba(131, 131, 131, 0.16);
}
.head-img{
  width: 55px;
height: 55px;
border-radius: 50%;
}
.welcome{
  width: 105px;
  height: 55px;
}
.person-center{
  width: 88px;
  height: 28px;
  border-radius: 10px
}

.school-view{
  width: 347px;
  height: 147px;
  margin: 20px auto;
  margin-bottom: 60px;
  /* box-shadow: 0px 9px 9px 1px rgba(131, 131, 131, 0.16); */
}
.school-img{
  width: 347px;
  height: 147px;
  position: absolute;
}
.school-view-right{
  position: relative;
  left:165px ;
  height: 147px;
  width:183px;
}
.school-position{
  width: 157px;
  height: 45px;
 margin-top: 20px;
}
.school-trip{
  width: 157px;
  height: 45px;
  margin-top: 12px;
  
}