.mask { height: 1000%; width: 100vw; background-color: rgba(0, 0, 0, 0.5); /* position: absolute; */ position: fixed; top: 0; z-index: 1004; } .main { position: fixed; bottom: 0; left: 0; border-radius: 25rpx 25rpx 0 0; background-color: #fff; overflow: hidden; z-index: 9; } .daBox { padding: 50rpx 65rpx 60rpx; } .Title { font-size: 30rpx; font-weight: bold; margin-bottom: 50rpx; } .box { background-color: #fff; } .reminder { height: 75rpx; line-height: 75rpx; width: 100vw; font-size: 25rpx; background-color: #e0f9f1; color: #2dd8a2; text-align: center; /* border-radius: 50rpx 50rpx 0 0; */ } .icon { margin-right: 16rpx; display: block; width: 48rpx; height: 48rpx; background-size: contain; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAES0lEQVR4nO2aXWhURxiGn5hIRUxUSEBR1Avv2m2pQgMi2EpKNVoh9qJNqReFXlgVpDeiXqkQUGmLaEEK7YVCxIChhVCspaVgU1B60yooSGktqGkVwb+akL/1YvYks9/O2T2zZ87MqvvCsGfOz/t977uzM2dnBup4vtEYIOYCYBfwOnAV+D9ADkExCOQL5XzgXIJgnGkDxgLnQkOAmPkayGEKM0IGrwXUDQidQGjUDQidQGhUMqADuAv8CazPPp1U6AI+A9pdkv7A9Jg9WgiSFpMa56QDPoB9GucIsNwRL79pxK5MuKrxXUnJBcXio/KeA14AOlFvay5NWAEMFMqrKfMzif8XaE3JW4QPgAnct4S0MIm/DbycRbDthmAhTfAqPsJ+Q9BR1M/EJ0zi75Cx+AhHDcGv+whcQJchvjfxoP65nRAJ/O0rOPApAcVHaAIOAxeBn4E3PMZuB4ZR4ocIIL4W0AzkgNmhE6njWUDQ6ShgLtBS+JxA/enyOk9YrQFNqMTnoZLXhbRox/NFXT+eZ+B9BHwJ7EW9Y9QU5gA9qGFPjsWuSx/hW2cRWlDDXtbC9fKOF2UJcZxsRA4D/wHXgFviWp8PYU0J71tnOPegUO6L43vaOXktuh7V9d/5auAXrb4kqYg0SGqAfOl4E/jRcS4yxohjfiOSTopeE/UeVKfoEi2ift8xvxFJW8DXqCYa4TXgDLAJd8PVXFG3NaADlc8LFe77C/gCy1XpBuA0pZ1YL+6m1j8R3Mcsns1ROmtVrnwbPZg0+TywBfhGnH8f+Nwi0XJI0wJy2H0Ra6MDm4fGgHcpNWEn8JEFTxyaRf2BxbPnsTNsIDpI2gdEGAN2AG9R3Gt3A19ZckmkaQE3gJdQ3+ysCvcOAWejiq0BbcD3lA5Zg5Y8JqQdBW4AJx3kEYs24BKlHUo/MNMB/znBW1NLcVmLB7gguFc54k0NH+JBLZPp/C865K4avsQD3BQxFjvmt0Yb8Ad+xAM8FHFkp+gVvsU3UrxsPkHAzRu+xYOaOtNj3csoTkW0kp34hahtsiYsFfH+SRmrKswAfiUb8XtQO0THC8cSORHzcsp4VWEj2Yg3rebuE/esFtfLvVlmshcI4BB+xJtM6BTXvovh01eHR1H/Rp3hmEgiS/HShG5x/lQMp1wdngC2psxzCjtikqsGcTs4zhrO96BmnPRzcZMh7ahvXr93EtidItcptKH+gaU1IU58DtWq+g3XZfm4DP9mSk3IAwdxsJjytoHcxoQke3cqmXCb0rkBiTgTjuPgBarLQJ7EBJuNSzOBIxS//eVRiyMrE+YZZ0IvDl7YbE2odtfWMmAbqh/YjnnBtBziTDhgyWNEUhOCbFnTYDLhJ1fklUwIumVNw2bgMdND44euyaUJPYVSC+IjzEf1H4uyIN+AWqsrN3T5bPZBUM6EZ158hDXA7xS/ip7D4f78pwULgFdQv7s66niK8QQ3olH2ufUz2wAAAABJRU5ErkJggg==); } .twoLines { display: flex; flex-wrap: wrap; justify-content: space-between; } .twoLines-item { border-radius: 5rpx; background-color: #f2f2f2; display: flex; align-items: center; justify-content: center; width: 292rpx; height: 105rpx; line-height: 105rpx; margin-bottom: 30rpx; font-size: 25rpx; overflow: hidden; } .applyentryseasonyear-box { display: flex; justify-content: space-between; flex-wrap: wrap; } .applyentryseasonyear-item, .year-item { font-size: 34rpx; font-weight: bolder; text-align: center; width: 292rpx; height: 105rpx; line-height: 105rpx; background-color: #f2f2f2; margin-bottom: 30rpx; border-radius: 5rpx; overflow: hidden; } .nian { font-size: 20rpx; font-weight: normal; } .threeLines { display: flex; flex-wrap: wrap; font-size: 28rpx; } .threeLines-item { width: 192rpx; height: 105rpx; line-height: 105rpx; text-align: center; background-color: #f2f2f2; margin-bottom: 30rpx; margin-right: 18rpx; border-radius: 5rpx; overflow: hidden; } .threeLines-item:nth-of-type(3n) { margin-right: 0; } .OK { height: 90rpx; line-height: 90rpx; text-align: center; border-radius: 50rpx; color: #fff; background-color: #26d79f; margin-top: 23rpx; } .other { display: flex; background-color: #f2f2f2; height: 75rpx; line-height: 75rpx; padding-left: 28rpx; border-radius: 5rpx; font-size: 26rpx; } .other .otherInput { line-height: 75rpx; height: 75rpx; padding-left: 14rpx; flex: 1; } .other .otherPicker { line-height: 75rpx; height: 75rpx; padding-left: 14rpx; flex: 1; } .other .otherOK { line-height: 75rpx; height: 75rpx; width: 135rpx; background-color: #d7d7d7; border-radius: 0 5rpx 5rpx 0; text-align: center; font-size: 22rpx; font-weight: bold; color: #fff; } .cooperationCcontact { text-align: center; } .QRcode { /* background-image: url(https://ada.xiaoapi.com/gter/yifang/images/%E3%80%905_0%E3%80%91%E5%AE%8C%E5%96%84%E4%B8%AA%E4%BA%BA%E4%BF%A1%E6%81%AF/u1036.svg); */ background-size: cover; width: 195rpx; height: 195rpx; display: block; margin: 0 auto; } .skip { width: 240rpx; height: 70rpx; line-height: 70rpx; text-align: center; border-radius: 50rpx; border: 2rpx solid #d4d4d4; margin: 0 auto; font-size: 26rpx; } .hint { font-size: 21rpx; line-height: 21rpx; text-align: center; margin-top: 36rpx; } .indication { text-align: center; height: 40rpx; line-height: 40rpx; background-color: #fbf6eb; font-size: 25rpx; color: #d48f29; padding: 0 20rpx; display: inline-block; margin: 0 auto; vertical-align: middle; margin-top: 28rpx; margin-bottom: 97rpx; border-radius: 5rpx; } .cooperationCcontact-Title { margin-top: 32rpx; margin-bottom: 50rpx; font-weight: bold; font-size: 32rpx; line-height: 32rpx; } .year-box { display: flex; position: relative; flex-wrap: wrap; flex-direction: column; flex-flow: column wrap; place-content: space-between; height: 390rpx; margin-bottom: 50rpx; } .enrollmentYearline { position: absolute; height: 380rpx; border-left: 3rpx dotted rgb(215, 215, 215); left: 196.25rpx; } .year-item { width: 165rpx; height: 75rpx; line-height: 75rpx; margin-bottom: 10rpx; overflow: hidden; } .greenBj { background-color: rgb(38, 215, 159) !important; } .greenPitchOn { background-color: rgba(38, 215, 159, 0.204) !important; } .cooperationCcontact-box { height: 150rpx; background-color: rgb(242, 242, 242); display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 50rpx; border-radius: 7.5rpx; padding: 20rpx; } .cooperationCcontact-btn { width: 150rpx; height: 60rpx; line-height: 60rpx; font-size: 26rpx; background-color: rgb(51, 51, 51); color: #fff; border-radius: 750rpx; margin-top: 20rpx; }