123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 |
- body {
- margin: 0;
- display: flex;
- flex-direction: column;
- height: 100vh;
-
- background-color:#F3F3F3;
- }
- .toobar {
- height: 5%;
- display: flex;
- align-items: center;
- background-color: white;
- }
- .toobar img {
- width: 10px;
- height: 20px;
- padding-left: 5px;
- padding-right: 5px;
- margin-left: 10px;
- }
- .toobar font {
- position: relative;
- left: 50%;
- transform: translate(-100%, 0);
- }
- .up {
- display: flex;
- flex-direction: column;
- justify-content: center;
-
- padding-bottom: 20px;
- width: 100%;
-
-
- background: #FFFFFF;
- border-top: #F3F3F3 2px;
- border-top-style: solid;
- box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
- border-radius: 0px 0px 4px 4px;
- font-weight: 600;
- font-family: PingFangSC-Semibold, PingFang SC;
- }
- .up font{
- margin-left: 20px;
- }
- .upFont0{
- color: black;
- }
- .upFont1{
- color: black;
- margin-top: 10px;
- }
- .upFont2{
- color: #2D5FEE;
- margin-top: 20px;
- }
- .upFont3{
- color: black;
- margin-top: 20px;
- }
- .middle {
- width: 100%;
- height: 57%;
- background-color:transparent;
-
- display: flex;
- flex-direction: column;
- }
- .middle font{
- color: #999999;
- margin-left: 20px;
- margin-right: 20px;
- }
- .bottom {
- display: flex;
- flex-grow: 1;
- width: 100%;
-
- background-color: white;
- justify-content: center;
- align-items: center;
- }
- .bottom button{
- font-size: 16px;
- font-family: PingFangSC-Semibold, PingFang SC;
- font-weight: 600;
- color: white;
- width: 90%;
- height: 50px;
- background-color: #FB4645;
- border: none;
- border-radius: 3px;
- }
|