<> * { margin: 0; padding: 0; } .browserWarnTip { background-image: url(https://cdn.dancf.com/fe-assets/img/c2184ee3a886ae1650a0929695711ec6.png); background-position: center; min-height: 100vh; } .browserWarnTipHead { height: 80px; display: flex; padding-left: 24px; align-items: center; } .browserWarnTipBody { padding-bottom: 30px; display: flex; flex-direction: column; align-items: center; } .block2 { height: 30px; line-height: 30px; font-size: 20px; font-weight: 600; margin-top: 50px; } .block3 { height: 20px; line-height: 20px; font-size: 14px; font-weight: 400; margin-top: 4px; } .button { width: 165px; height: 48px; } .block4 { margin-top: 33px; display: flex; flex-direction: row; align-items: center; } .block4 a { text-decoration: none; } .block4 a+a { margin-left: 12px; } .block4 .button { width: 165px; height: 48px; outline: 0; border: 1px solid rgba(3032350.1); border-radius: 12px; display: flex; flex-direction: row; align-items: center; justify-content: center; color: #1c1f23; font-size: 14px; background-color: #ffffff; cursor: pointer; transition: all 0.2s ease-in-out; } .block4 .button:hover { color: #1c1f23; background-color: #edf2f5; border-color: rgba(3032350.1); } .block5 { margin-top: 100px; } .block5 .button { width: 165px; height: 48px; color: #ffffff; background-color: #ff5967; border-color: #ff5967; border: 0; outline: 0; color: #ffffff; font-size: 14px; border-radius: 12px; cursor: pointer; transition: all 0.2s ease-in-out; } .block5 .button:hover { color: #ffffff; background-color: #ff7385; }