.btns {} .btn1, .btn2 { width: 50%; height: 80rpx; line-height: 80rpx; text-align: center; display: inline-block; position: absolute; bottom: 0; } .btn2 { border-top: 1px solid #eeeeee; /* background-color: #4486e8; */ right: 0; } .btn1 { border-top: 1px solid #eeeeee; border-right: 1px solid #eeeeee; background-color: #4486e8; color: #fff; left: 0; } .masks { background-color: #f0f0f0; height: 100%; width: 100%; position: absolute; opacity: 0.9; top: 0; z-index: 999; } .mask2 { width: 70%; height: 400rpx; background-color: #fff; margin: 200rpx auto; position: relative; } .sq { width: 90rpx; height: 90rpx; /* background-color: red; */ margin: 0 auto; padding-top: 25rpx; padding-bottom: 40rpx; } .masks ._img { width: 90rpx; height: 90rpx; } .text { font-size: 30rpx; width: 100%; text-align: left; /* padding-top: 40rpx; */ text-align: center; } .title { height: 100rpx; line-height: 100rpx; border-bottom: 1px solid #eeeeee; /* background-color: red; */ font-size: 36rpx; margin: 0px auto; width: 100%; text-align: center; /* line-height: 80rpx; */ } .mask { width: 70%; height: 300rpx; background-color: #fff; margin: 200rpx auto; position: relative; } .content { display: flex; flex-direction: column; align-items: center; background-color: #ffffff; min-height: 100vh; } .top { /* background-color: #4486e8; */ /* background: url(@/static/bjt.png) no-repeat; */ background-image: linear-gradient(#55C5E3, #fff); width: 100%; height: 600rpx; float: left; /* display:inline-block; */ } .top2 { /* background-color: #4486e8; */ background-image: linear-gradient(#55C5E3, #fff); width: 100%; height: 400rpx; float: left; } .info { color: #eeeeee; text-align: center; margin-top: 40rpx; font-size: 36rpx; } /* 头像 */ .tx-w { margin-top: 50rpx; } .tx { margin-left: 90rpx; } .tx image { width: 140rpx; height: 140rpx; border-radius: 50%; color: #fff; } .studentName { margin-left: 280rpx; } .infos { margin-top: -100rpx; color: #707374; } .name { margin-left: 280rpx; } .name-qm { margin-left: ; text-align: center; margin-top: 40rpx; font-size: 60rpx; } .nicheng { width: 700rpx; height: 240rpx; background-color: rgba(255, 255, 255, 0.8); position: absolute; margin-top: 50px; margin-left: 3.3%; /* display: flex; flex-direction: column; */ /* box-shadow: 0rpx 2rpx 0rpx 0rpx #a9caf5; */ border-radius: 20rpx; } .nicheng2 { width: 90%; height: 240rpx; background-color: rgba(255, 255, 255, 0.3); position: absolute; margin-top: 150rpx; margin-left: 5%; /* display: flex; flex-direction: column; */ /* box-shadow: 0rpx 2rpx 0rpx 0rpx #a9caf5; */ border-radius: 20rpx; } /* 登陆 */ .login { width: 200rpx; height: 200rpx; /* background-color: red; */ margin: 0 auto; margin-top: -100rpx; margin-left: 40%; font-size: 35rpx; color: #fff; } .stuinfos { margin-left: 3.3%; } .tip button { background-color: #79E7E1; color: #fff; } .tip { width: 450rpx; height: 70rpx; /* background-color:orchid; */ font-size: 50rpx; margin: 0 auto; color: #515151; margin-top: 100%; } /* 学生信息 */ .student { width: 700rpx; /* height: 180px; */ margin-top: 360rpx; box-shadow: 0rpx 2rpx 0rpx 0rpx #e6ebfe; border-radius: 20rpx; margin-bottom: 16rpx; /* color: cornflowerblue; */ background-color: #eef9fc; color: #707374; /* display: flex; */ /* flex-direction: row; */ } ._img { /* margin-top: 10px; */ width: 40rpx; height: 40rpx; /* margin-top: 9px; */ margin-right: 30rpx; margin-bottom: -4rpx; } .st { display: inline-block; margin-bottom: 3rpx; /* width: 20px; height: 20px; */ /* margin-top: 10px; */ /* background-color: red; */ } .stinfo { /* height: 30px; */ margin-left: 30rpx; font-size: 40rpx; color: #4486e8; /* border-bottom: #eeecec 1px solid; */ /* text-align: center; */ font-weight: 500; } .th { /* background-color: orange; */ display: flex; justify-content: flex-start; border-top: lightsteelblue 2rpx solid; } .tr { display: flex; justify-content: flex-start; } .stname { width: 140rpx; height: 100rpx; line-height: 100rpx; text-align: center; /* background-color: red; */ border-bottom: lightsteelblue 2rpx solid; } .sex { width: 140rpx; height: 100rpx; line-height: 100rpx; text-align: center; /* background-color: blueviolet; */ border-bottom: lightsteelblue 2rpx solid; } .age { width: 140rpx; height: 100rpx; line-height: 100rpx; text-align: center; /* background-color: burlywood; */ border-bottom: lightsteelblue 2rpx solid; } .class { width: 140rpx; height: 100rpx; line-height: 100rpx; text-align: center; /* background-color: orange; */ border-bottom: lightsteelblue 2rpx solid; } /* 幼儿园 */ .kindergarten { width: 700rpx; background-color: #eef9fc; box-shadow: 0rpx 2rpx 0px 0px #e6ebfe; border-radius: 20rpx; margin-bottom: 16rpx; color: #707374; } .kinderclass { width: 340rpx; height: 100rpx; line-height: 100rpx; text-align: center; /* background-color: red; */ border-bottom: lightsteelblue 1px solid; } .teacher { width: 360rpx; height: 100rpx; line-height: 100rpx; text-align: center; /* background-color: red; */ border-bottom: lightsteelblue 2rpx solid; /* padding-left: 50px; */ } .score { width: 140rpx; height: 100rpx; line-height: 100rpx; text-align: center; border-bottom: lightsteelblue 2rpx solid; } .read { width: 140rpx; height: 100rpx; line-height: 100rpx; text-align: center; border-bottom: lightsteelblue 2rpx solid; color: cornflowerblue; } /* 家长信息 */ .parentinfo { /* position: absolute; */ width: 700rpx; /* height: 106px; */ /* margin-top: 510px; */ background-color: #eef9fc; box-shadow: 0rpx 2rpx 0rpx 0rpx #e6ebfe; border-radius: 20rpx; color: #707374; } .parent { width: 350rpx; height: 100rpx; line-height: 100rpx; text-align: center; /* background-color: red; */ border-bottom: lightsteelblue 2rpx solid; } .phone { width: 350rpx; height: 100rpx; line-height: 100rpx; text-align: center; /* background-color: red; */ border-bottom: lightsteelblue 2rpx solid; }