.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{ -webkit-box-sizing: border-box; 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /* background-color: #F8F8F8; */ } .view-content{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row no-wrap; -ms-flex-direction: row no-wrap; 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; 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{ -webkit-align-self:center; -ms-flex-item-align:center; align-self:center; } .view-content image{ -webkit-align-self:center; -ms-flex-item-align:center; align-self:center; } .school { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; width:750rpx; /* height:984upx; */ 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; 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; }