.detail { position: fixed; left: 50%; bottom: 90px; transform: translateX(-50%); width: 357px; height: 47px; background: url('./image/icon_detail.png') no-repeat; background-size: 100%; display: flex; justify-content: flex-end; padding: 14px 10px 0 0; .btn { width: 55px; height: 22px; background: linear-gradient(180deg, #44C9FF 0%, #259CFE 100%); border-radius: 12px; color: #FFFFFF; font-size: 11px; line-height: 22px; text-align: center; } .close { color: rgba(255, 255, 255, .55); font-size: 14px; padding: 0 8px; padding-top: 6px; } } .fingerGuide { width: 100%; height: 100%; .content { width: 100%; height: 100%; } .box { position: fixed; box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 0px 5000px; transition: all 0.25s; border-radius: 8px; } .boxItem1{ position: absolute; left: -16px; top: -55px; img{ width: 94px; } } .boxItem2{ position: absolute; left: -12px; top: -40px; img{ width: 42px; } } .boxItem3{ position: absolute; left: -80px; top: 0; img{ width: 83px; } } .item { position: absolute; right: 50px; bottom: 0; .title { width: 182px; img { width: 100%; display: block; } .des { position: absolute; left: 0; top: 0; padding: 8px 9px 0 10px; font-size: 13px; color: #FFFFFF; line-height: 19px; } } .icon { width: 88px; height: 99px; margin-left: auto; margin-right: -39px; margin-top: -17px; img { width: 100%; height: 100%; object-fit: contain; display: block; } } .btn { position: absolute; left: 0; bottom: 45px; width: 83px; height: 27px; line-height: 27px; background: linear-gradient(180deg, #FFF385 0%, #FFC036 100%); border-radius: 13px; border: 1px solid #FFF9DA; font-size: 13px; font-weight: 500; color: #131415; padding: 0; } } }