.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: 1upx; */ outline: none; padding-left: 10rpx; border:0; /* margin-top: 10upx; */ height:70rpx; } .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; } /* 授权窗口 */ .uni-tip { padding: 15rpx; width: 300rpx; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10rpx; width:560rpx; height:515rpx; background:rgba(255,255,255,1); border-radius:8rpx; } .uni-tip-title { text-align: center; padding: 21rpx 100rpx; /* width:136upx; */ height:48rpx; font-size:34rpx; font-family:PingFangSC; font-weight:500; color:rgba(0,0,0,1); line-height:48rpx; border-bottom: 1px solid rgba(229,229,229,1); } .uni-tip-image { border:0rpx; text-align: center; } .uni-tip-image image{ width: 64rpx; height: 64rpx; border:0rpx; margin-top: 36rpx; margin-bottom: 24rpx; } .uni-tip-content { margin-left: 54rpx; padding-bottom: 36rpx; width:420rpx; height:40rpx; font-size:28rpx; font-family:PingFangSC; font-weight:400; color:rgba(0,0,0,1); line-height:40rpx; } .uni-tip-group-button { margin-top: 10rpx; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; border-top: 1px solid rgba(229,229,229,1); padding-top: 27rpx; } .uni-tip-group-button view:nth-child(1){ width:144rpx; height:45rpx; font-size:32rpx; font-family:PingFangSC; font-weight:400; color:#000000; line-height:45rpx; } .uni-tip-group-button view:nth-child(2){ width:111rpx; height:45rpx; font-size:32rpx; font-family:PingFangSC; font-weight:400; color:#02BB00; line-height:45rpx; } .uni-tip-button { width: 100%; text-align: center; /* font-size: 14upx; */ /* color: #3b4144; */ } .get-grade{ width:560rpx; height:616rpx; background:rgba(255,255,255,1); border-radius:8rpx; text-align: center; } .get-grade-title{ padding: 40rpx; } /* .get-grade-content{ margin: 0 auto; } */ .get-grade-content ._select{ width:230rpx; height:80rpx; background:rgba(248,248,248,1); border-radius:40rpx; border:1rpx solid rgba(242,242,242,1); margin-right: 20rpx; } /* .get-grade-content option{ margin: 20upx 40upx; } */ .get-grade-content input{ width:480rpx; height:80rpx; background:rgba(248,248,248,1); border-radius:40rpx; border:1rpx solid rgba(242,242,242,1); margin: 10rpx 40rpx; } .uni-get-grade-button{ width:480rpx; height:80rpx; background:rgba(239,58,58,1); -webkit-box-shadow:0rpx 6rpx 12rpx 0rpx rgba(239,58,58,0.2); box-shadow:0rpx 6rpx 12rpx 0rpx rgba(239,58,58,0.2); border-radius:40rpx; text-align: center; margin: 22rpx 40rpx; } ._select{ width: auto; padding: 0 0 0 55rpx; margin: 0; } .get-grade-button{ /* margin: 24upx 100upx; */ width:120rpx; height:42rpx; font-size:30rpx; font-family:PingFangSC; font-weight:500; color:rgba(255,255,255,1); line-height:80rpx; margin: 0 auto; /* height:80upx; */ } .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; } .logo { height: 200rpx; width: 200rpx; margin-top: 200rpx; margin-left: auto; margin-right: auto; margin-bottom: 50rpx; } .text-area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .title { font-size: 36rpx; color: #8f8f94; }