123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 |
- .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;
- }
|