.tui-container { width: 100%; padding-top: 60rpx; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .titleRed image{ width:86rpx !important; height:8rpx !important; background:rgba(239,58,58,1); opacity:0.9; margin: 0 auto; } .tui-extend-box { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 32rpx; font-family: PingFangSC; font-weight: 500; color: rgba(44, 44, 44, 1); line-height: 45rpx; } .box-distance { padding-bottom: 60rpx; } .tui-extend-box image { width: 6rpx !important; height: 30rpx !important; background: rgba(239, 58, 58, 1); display: inline-block !important; margin-right: 20rpx !important; margin-left: 40rpx !important; margin-top: 6rpx !important; } /*底部抽屉样式 start*/ .mask-screen { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.5; overflow: hidden; z-index: 9; } .region-box { width: 100%; overflow: hidden; position: fixed; bottom: 0; left: 0; z-index: 10; background: #fff; padding-top: 20rpx; height: 712rpx; padding: 40rpx 30rpx 48rpx 30rpx; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .region-txt { width: 96rpx; height: 82rpx; background: #e9edfc; line-height: 82rpx; border-radius: 6rpx; font-size: 30rpx; color: #333; text-align: center; margin-right: 23rpx; margin-bottom: 26rpx; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .region-txt:nth-of-type(6n) { margin-right: 0; } .grow { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .active { background: #5677fc; color: #fff; } .uni-tip-wel{ width: 560rpx; height: 608rpx; background:rgba(255,255,255,1); border-radius:8rpx; margin-top: 235rpx; margin-left: 95rpx; 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; } .uni-tip-wel-content{ font-size:34rpx; font-family:PingFangSC-Medium,PingFangSC; font-weight:500; color:rgba(44,44,44,1); line-height:48rpx; text-align: center; margin: 40rpx auto 54rpx auto; } .uni-tip--wel-button{ width:480rpx; height:80rpx; background:rgba(26,173,23,1); -webkit-box-shadow:0rpx 6rpx 12rpx 0rpx rgba(26,173,23,0.2); box-shadow:0rpx 6rpx 12rpx 0rpx rgba(26,173,23,0.2); border-radius:40rpx; margin: 0 auto; } .uni-tip-wel-button-text{ font-size:30rpx; font-family:PingFangSC-Medium,PingFangSC; font-weight:500; color:rgba(255,255,255,1); line-height:80rpx; text-align: center; } /* 授权窗口 */ .uni-tip { position: relative; left: 95rpx; top: 410rpx; padding: 0rpx; -webkit-box-sizing: border-box; box-sizing: border-box; width: 560rpx; height: 515rpx; background: rgba(255, 255, 255, 1); border-radius: 8rpx; } .uni-tip-title { text-align: center; padding: 21rpx 100rpx; 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; width: 420rpx; height: 40rpx; font-size: 28rpx; font-family: PingFangSC; font-weight: 400; color: rgba(0, 0, 0, 1); line-height: 40rpx; } .uni-tip-content-son { width: 452rpx; height: 74rpx; font-size: 26rpx; font-family: PingFangSC-Regular, PingFangSC; font-weight: 400; color: rgba(136, 136, 136, 1); line-height: 37rpx; margin: 0 auto; margin-bottom: 36rpx; } /* .uni-tip-content-son ul{ list-style: upper-alpha; } */ .uni-tip-group-button { height: 99rpx; 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: 1rpx solid rgba(229, 229, 229, 1); font-size: 32rpx; font-family: PingFangSC; font-weight: 400; color: #000000; line-height: 99rpx; } .uni-tip-button { width: 100%; text-align: center; } .jiangexian{ border-right: 1rpx solid rgba(229,229,229,1); } .getwenli { position: fixed; bottom: 0; width: 100%; height: 100rpx; background: rgba(255, 255, 255, 1); border-radius: 8rpx; text-align: center; 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; margin: 0 auto; } .get-grade { position: relative; left: 95rpx; top: 359rpx; width: 560rpx; height: 616rpx; background: rgba(255, 255, 255, 1); border-radius: 8rpx; text-align: center; 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; margin: 0 auto; } .get-grade-title { padding: 40rpx; font-size: 34rpx; font-family: PingFangSC-Medium, PingFangSC; font-weight: 500; color: rgba(44, 44, 44, 1); line-height: 48rpx; } .get-grade-content2 input { width: 480rpx; height: 80rpx; background: rgba(248, 248, 248, 1); border-radius: 40rpx; border: 1rpx solid rgba(242, 242, 242, 1); margin: 20rpx 40rpx; } .get-grade-content1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin: auto 40rpx; } .get-grade-content1 view:nth-child(1){ margin-right: 20rpx; } .i-picker-two{ width:230rpx; height:80rpx; background:rgba(248,248,248,1); border-radius:40rpx; border:1rpx solid rgba(242,242,242,1); line-height: 80rpx; } .i-picker-two view{ float: left; margin-left: 40rpx; font-size:28rpx; font-family:PingFangSC-Regular,PingFangSC; font-weight:400; color:rgba(47,49,51,1); line-height:80rpx; } .i-picker-two image{ float: right; line-height: 80rpx; width:40rpx; height:40rpx !important; margin-right: 20rpx; margin-top: 20rpx; display: block; } .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 { 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; } .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: #F2F2F2 ; } .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; } swiper { width: 750rpx; height: 308rpx; padding: 0; margin: 0; } swiper-item { border-radius: 20rpx; } swiper-item image { position: relative; left: 30rpx; width: 690rpx; height: 500rpx; margin: 8rpx 0rpx 8rpx 0rpx; border-radius: 20rpx; } .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; } .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; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; padding-right: 61rpx; padding-left: 61rpx; height: 210rpx; width: 750rpx; background: rgba(255, 255, 255, 1); } .view-content image { width: 128rpx; height: 128rpx; overflow: visible; vertical-align: middle; margin-top: 8rpx; } .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 view { 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 view:first-child { margin-left: 61rpx; margin-right: 0rpx; } .view-content view:nth-child(2) { margin-left: 122rpx; margin-right: 122rpx; } .view-content view: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; background: rgba(255, 255, 255, 1); margin-top: 20rpx; } .school image { width: 170rpx; height: 54rpx; margin: 0 auto; 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 view: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; margin-bottom: 20rpx; } .major image:nth-child(1) { 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; }