.detail-icons.mb12{margin-bottom:12px}.detail-icons{border:1px solid var(--c-d1);border-radius:50%;color:var(--c-d1);cursor:pointer;height:50px;line-height:50px;padding:0;position:relative;text-align:center;transition:.3s;width:50px}.detail-icons:hover{color:var(--c-text-primary)}.detail-icons .pc-icon-num{background-color:var(--c-red);border-radius:20px;bottom:32px;color:var(--c-fff);font-size:12px;left:30px;line-height:12px;min-width:24px;padding:6px;position:absolute;text-align:center}.detail-icons .pc-flip-wrap{display:block;position:relative}.detail-icons .pc-flip-wrap .flip-up{display:block;transition:transform .3s cubic-bezier(.77,0,.175,1),visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1)}.detail-icons .pc-flip-wrap .flip-down{display:block;font-size:14px;left:0;opacity:0;position:absolute;top:0;transform:translateY(-35%);transition:transform .3s cubic-bezier(.77,0,.175,1),visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1);visibility:hidden;width:100%}.detail-icons .pc-flip-wrap.active .flip-up{opacity:0;transform:translateY(35%);transition:transform .4s cubic-bezier(.77,0,.175,1),visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1);visibility:hidden}.detail-icons .pc-flip-wrap.active .flip-down{opacity:1;transform:translateY(0);transition:transform .4s cubic-bezier(.77,0,.175,1),visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1);visibility:inherit}.detail-icons.icon-actived{color:var(--c-red)}.detail-icons.icon-actived .pc-flip-wrap{animation:icon-actived 1s forwards}@keyframes icon-actived{0%{transform:scale(1)}10%{transform:scale(.7)}30%{transform:scale(1.3)}46%{transform:scale(1)}}.m-icon-button{align-items:center;background:var(--c-surface);border:none;border-radius:50%;box-shadow:0 5px 14px #0023591a;color:var(--c-black-100);display:none;flex-direction:column;height:50px;justify-content:center;line-height:1;margin:0;padding:0;position:relative;transition:transform .28s cubic-bezier(.22,1,.36,1),background-color .28s cubic-bezier(.22,1,.36,1),color .28s cubic-bezier(.22,1,.36,1);width:50px;-webkit-tap-highlight-color:transparent;cursor:pointer}.m-icon-button__icon{height:18px;margin-bottom:2px;width:18px}.m-icon-button__icon--share{margin-bottom:4px}.m-icon-button__text{font-size:10px;line-height:12px}.m-icon-button__num{background:var(--c-red);border:1px solid var(--c-surface);border-radius:6px;box-sizing:border-box;color:var(--c-fff);font-size:8px;font-style:normal;font-weight:500;height:12px;left:50%;line-height:8px;padding:1px 4px 0;position:absolute;text-align:center;top:6px;z-index:1}.m-icon-button--collapsed{background:var(--c-fff-40);color:var(--c-black-40);transform:translate(calc(50% + 12px))}.m-icon-button--favorited{color:var(--c-red)}@media(max-width:768px){.m-icon-button{display:flex}}