.pay-view{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.64); box-sizing: border-box; z-index: 999; .modelClose{ position: absolute; right: 30px; top: 30px; font-size: 30px; } .pay-main{ position: absolute; bottom: 0px; width: 100%; height: 782px; border-radius: 40px 40px 0 0; background: #fff; padding: 40px; box-sizing: border-box; .pay-title{ font-family: "Verdana Bold"; font-weight: 700; font-size: 34px; color: #000; margin-bottom: 40px; } .desc{ font-family: "Verdana"; font-weight: 400; font-size: 28px; line-height: 48px; color: rgba(33, 33, 33, 0.76); margin-bottom: 90px; } .pay-btn{ margin-left: 50%; transform: translateX(-50%); margin-bottom: 20px; width: 550px; height: 80px; border-radius: 40px; background: #3b3b3b; border: 2px solid #ffffff38; font-family: DINCondensed-Bold; font-weight: 700; font-size: 32px; color: #fff; } } } textarea::-webkit-scrollbar{ display:none; } textarea::-webkit-input-placeholder{ color: rgba(43, 37, 37, 0.3); font-size: 28px; } input::-webkit-input-placeholder{ color: rgba(132, 132, 132, 1); font-size: 28px; } @font-face{ font-family: DINCondensed-Bold; src: url('https://dm.static.elab-plus.com/miniprogram/DINAlternateBold.ttf'); } .grid-view1 { display: grid; grid-template-columns: repeat(3, 1fr); /* grid-row-gap: 20rem; */ grid-gap: 20px 20px; } input,textarea{ border: none; outline: none; appearance: none; cursor:pointer; } input:focus,textarea:focus{ border: none; outline: none; appearance: none; }