page { padding-bottom: 120px; } .p1020 { padding: 10px 10px 10px 20px; } .container { margin-top: 10px; } .container::after { content: "."; display: block; height: 0; visibility: hidden; clear: both; } .container .item { width: calc(33.33% - 10px); float: left; margin-right: 10px; background: #f6f6f6; border-radius: 16px; font-size: 14px; font-weight: 400; text-align: center; padding: 8px 0; color: #1d1d1d; margin-bottom: 10px; line-height: 20px; /* display: flex; align-items: center; justify-content: center; */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .container .item.active { background: #027AFF; color: #ffffff; } .headTxt { font-size: 18px; font-weight: 400; color: #999999; line-height: 25px; margin-top: 10px; } .resetBtn{ height: 50px; opacity: 1; background: #fff; border: 1rpx solid #027AFF; border-radius: 25px; font-size: 18px; font-weight: 601; color: #027AFF; padding: 0; line-height: 50px; margin-bottom: 40px; } .resetBtn:active{ background-color: #f2f2f2; } .loginOut { width: 100%; height: 50px; opacity: 1; background: #027AFF; border-radius: 25px; font-size: 18px; font-weight: 601; color: #ffffff; padding: 0; line-height: 50px; margin-bottom: 40px; } .loginOut{ margin-top: 20rpx; } .pl10{ padding-left: 10px; } .pr10{ padding-right: 10px; } .btmFix { position: fixed; bottom: 0px; left: 0; width: 100%; /* background-color: #ffffff; */ z-index: 99; }