gaobaoUniApp/pages/index/index.wxss

/**index.wxss**/
/* .userinfo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.userinfo-avatar {
  width: 128rpx;
  height: 128rpx;
  margin: 20rpx;
  border-radius: 50%;
}

.userinfo-nickname {
  color: #aaa;
}

.usermotto {
  margin-top: 200px;
}
 */
.search-input-box{
		width:690rpx;
		height:70rpx;
		background:rgba(248,248,248,1);
		border-radius:36rpx;
		border:1rpx solid rgba(242,242,242,1); 
		margin-top: 42rpx;
	}
	.search-input-box image{
		width:70rpx;
		height:70rpx;
		margin-left: 20rpx;
		float: left;
	}
	.search-input-box  uni-input {
		overflow: visible;
		float: left;
	}
	.search-input-box input{
		 box-sizing: border-box;
		 margin-bottom: 1rpx;
		 outline: none;
		 padding-left: 10rpx;
		 border:0;
		 margin-top: 10rpx;
		 }
	.search-input-box .uni-input-placeholder{
		width:196rpx;
		height:40rpx;
		font-size:28rpx;
		font-family:PingFangSC;
		font-weight:400;
		color:rgba(175,178,191,1);
		line-height:40rpx;
	}

	.banner{
		width:690rpx;
		height:308rpx;
		border-radius:20rpx;
	}

	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		/* background-color: #F8F8F8; */
	}

	.view-content{
		display: flex;
		flex-direction: row no-wrap;
		height:210rpx;
		background:rgba(255,255,255,1);
	}
	.view-content image{
		width:128rpx;
		height:128rpx;
		overflow: visible;
		vertical-align:middle;
	}
	.view-content p{
		text-align:center;
		width:96rpx;
		height:33rpx;
		font-size:24rpx;
		font-family:PingFangSC;
		font-weight:500;
		color:rgba(117,119,128,1);
		line-height:33rpx;
		
	}
	.view-content div{
		display: flex;
		flex-direction: column;
		width:80rpx;
		height:28rpx;
	}
	.view-content div:first-child{
		margin-left: 61rpx;
		margin-right: 0rpx;
	}
	.view-content div:nth-child(2){
		margin-left: 122rpx;
		margin-right: 122rpx;
	}
	.view-content div:nth-child(3){
		margin-right: 61rpx;
	}
	.view-content p{
		align-self:center;
	}
	.view-content image{
		align-self:center;
	}

	.school {
		align-items:flex-start;
		width:750rpx;
		/* height:984rpx; */
		background:rgba(255,255,255,1);
	}
	.school image{
		width: 170rpx;
		height: 54rpx;
		    margin: 0 auto;
		    /* text-align: center; */
		    /* vertical-align: middle; */
		    display: block;
	}
	.school-content{
		display: flex;
		flex-wrap: wrap;
	}
	.school-content div:first-child{
		margin-left: 98rpx;
		margin-right: 195rpx;
	}
	.schol-icon image{
		width: 180rpx;
		height: 180rpx;
	}
	.schol-icon span{
		width:112rpx;
		height:40rpx;
		font-size:28rpx;
		font-family:PingFangSC;
		font-weight:500;
		color:rgba(44,44,44,1);
		line-height:40rpx;
		margin-top: 24rpx;
		margin-bottom: 40rpx;
	}
	.schol-icon{
		    display: flex;
		    flex-direction: column;
		    align-items: flex-end;
			text-align: -webkit-center;
		}
	

	.major{
		width:750rpx;
		height:470rpx;
		background:rgba(255,255,255,1);
		margin-top: 20rpx;
	}
	.major image{
		width: 170rpx;
		height: 54rpx;
		margin: 0 auto;
		display: block;
	}

	.footer{
		display: flex;
		position: fixed;
		bottom: 0;
		width:750rpx;
		height:99rpx;
		background:rgba(255,255,255,1);
		margin-top: 20rpx;
	}
	.footer div:first-child{
		margin-left: 92rpx;
		margin-right: 184rpx;
	}
	.footer div:nth-child(2){
		margin-right: 183rpx;
	}
	.footer div:nth-child(3){
		margin-right: 93rpx;
	}
	.footer image{
		width:66rpx;
		height:67rpx;
		overflow: visible;
	}
	.footer div:first-child p{
		margin-left: 15rpx;
	}
	.footer div:nth-child(3) p{
		margin-left: 15rpx;
	}
	.footer div{
		display: flex;
		flex-direction: column;
		width:80rpx;
		height:28rpx;
		font-size:20rpx;
		font-family:PingFangSC;
		font-weight:500;
		color:rgba(175,178,191,1);
		line-height:28rpx;
	}