.greeting-container{min-height:100vh;background-color:#fff}.greeting-container .safe-container{padding:20px 0;width:1200px;margin:0 auto}.greeting-container .safe-container .nav-list-bar{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:-16px}.greeting-container .safe-container .nav-list-bar .nav-list-item{margin-right:24px;margin-bottom:16px;height:33px;padding:6px 8px;background:#f5f5f8;border-radius:4px;font-size:15px;color:#171718;cursor:pointer;transition:all 0.2s}.greeting-container .safe-container .nav-list-bar .nav-list-item:hover,.greeting-container .safe-container .nav-list-bar .nav-list-item.active{background:#0057ff;color:#fff}.greeting-container .safe-container .crumbs-bar{display:flex;align-items:center;margin-top:30px;font-size:12px;color:rgba(23,23,24,0.4)}.greeting-container .safe-container .crumbs-bar i{margin:0 9px;display:inline-block;font-size:12px}.greeting-container .safe-container .main-container{margin:30px 0 60px 0;width:100%;display:grid;grid-template-columns:repeat(4, 288px);grid-gap:16px 20px}.greeting-container .safe-container .main-container .card-greeting{padding:15px;width:288px;height:332px;background:#ffffff;box-shadow:0 0 14px rgba(0,17,51,0.14);border-radius:4px;transition:box-shadow 0.2s}.greeting-container .safe-container .main-container .card-greeting:hover{box-shadow:0 8px 36px 6px rgba(0,17,51,0.2)}.greeting-container .safe-container .main-container .card-greeting .copy{display:flex;align-items:center;justify-content:flex-end;font-size:13px;color:#999999;cursor:pointer}.greeting-container .safe-container .main-container .card-greeting .copy i{font-size:12px;margin-right:9px}.greeting-container .safe-container .main-container .card-greeting .greeting-statement{margin-top:8px;width:258px;height:81px;font-size:16px;display:-webkit-box;color:#333333;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:27px}.greeting-container .safe-container .main-container .card-greeting .gap-title{font-size:16px;color:#999999;margin-top:8px;line-height:28px}.greeting-container .safe-container .main-container .card-greeting .template-box{position:relative}.greeting-container .safe-container .main-container .card-greeting .template-box .template-box-list{display:flex;align-items:center;justify-content:space-between;padding:6px;margin-top:6px;width:258px;height:145px;background:#f1f3f5;border-radius:4px;cursor:pointer}.greeting-container .safe-container .main-container .card-greeting .template-box .template-box-list img{width:78px;height:133px;border-radius:4px}.greeting-container .safe-container .main-container .card-greeting .template-box .template-ctx{opacity:0;transition:all 0.2s;cursor:pointer}.greeting-container .safe-container .main-container .card-greeting .template-box .template-ctx:hover{opacity:1}.greeting-container .safe-container .main-container .card-greeting .template-box .template-ctx .mask{position:absolute;top:0;left:0;right:0;bottom:0;background:#171718;opacity:0.2;border-radius:4px}.greeting-container .safe-container .main-container .card-greeting .template-box .template-ctx .look-more{display:grid;place-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:130px;height:36px;border-radius:4px;font-size:16px;color:#ffffff;background:#0057ff}.greeting-container .copy-success-tips{align-items:center;justify-content:center;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);font-size:18px;color:#ffffff;width:200px;height:50px;z-index:99999;border-radius:4px;background-color:rgba(0,0,0,0.6)}