.dice{position:relative;width:100PX;height:100PX}.dice-wrap{position:absolute;left:0;top:0;width:200PX;height:200PX;transform-origin:left top;transform:scale(.5)}.dice-box{top:calc(50% - 50PX);left:calc(50% - 50PX);transform-style:preserve-3d;transform:rotate3d(0,.9,.9,90deg);transition:.5s cubic-bezier(.42,1.57,.62,.86)}.dice-box,.dice-face{position:absolute;width:100PX;height:100PX}.dice-face{box-sizing:border-box;background-color:#f6f3f0;border:2PX solid #fff;border-radius:20PX;transform-style:preserve-3d;transition:.5s}.dice-face:before{position:absolute;content:"";width:100%;height:100%;border-radius:20PX;transform:translateZ(-1PX)}.dice-face:after{position:absolute;content:"";width:20PX;height:20PX;top:50%;left:50%;margin:-10PX 0 0 -10PX;background-color:#131210;border-radius:100%;transform:translateZ(1PX)}.dice-front{transform:translateZ(50PX)}.dice-front:after{width:40PX;height:40PX;margin:-20PX 0 0 -20PX;background-color:#f63330}.dice-up{transform:rotateX(90deg) translateZ(50PX)}.dice-up:after{margin:-30PX 0 0 -30PX;box-shadow:40PX 40PX #131210}.dice-left{transform:rotateY(-90deg) translateZ(50PX)}.dice-left:after{margin:-40PX 0 0 -40PX;box-shadow:30PX 30PX #131210,60PX 60PX #131210}.dice-right{transform:rotateY(90deg) translateZ(50PX)}.dice-right:after{margin:-30PX 0 0 -30PX;box-shadow:40PX 0 #131210,0 40PX #131210,40PX 40PX #131210}.dice-bottom{transform:rotateX(-90deg) translateZ(50PX)}.dice-bottom:after{margin:-36PX 0 0 -36PX;box-shadow:26PX 26PX #131210,52PX 52PX #131210,52PX 0 #131210,0 52PX #131210}.dice-back{transform:rotateX(180deg) translateZ(50PX)}.dice-back:after{margin:-40PX 0 0 -30PX;background-color:#f63330;box-shadow:40PX 0 #f63330,0 30PX #f63330,40PX 30PX #f63330,0 60PX #f63330,40PX 60PX #f63330}.dice-rolling{animation:dice-rotatePerFace 3s cubic-bezier(.42,1.57,.62,.86) infinite}.dice-throw{animation:dice-rotateDice .7s ease-in reverse,dice-throwDice 1s linear}@keyframes dice-rotateDice{30%{transform:rotate3d(1,1,1,0deg)}to{transform:rotate3d(1,1,1,2turn)}}@keyframes dice-rotatePerFace{16%{transform:rotate3d(-.1,.6,-.4,180deg)}32%{transform:rotate3d(-.85,-.42,.73,180deg)}48%{transform:rotate3d(-.8,.3,-.75,180deg)}64%{transform:rotate3d(.3,.45,.9,180deg)}80%{transform:rotate3d(-.16,.6,.18,180deg)}to{transform:rotate3d(-.1,.3,-1,180deg)}}@keyframes dice-throwDice{20%{margin-top:-100PX}40%{margin-top:0}60%{margin-top:-30PX}80%{margin-top:0}85%{margin-top:-10PX}90%{margin-top:0}95%{margin-top:-3PX}to{margin-top:0}}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.oneRows{-webkit-line-clamp:1}.oneRows,.twoRows{white-space:normal;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.twoRows{-webkit-line-clamp:2}.dice-activity .dice-content{display:flex;flex-wrap:wrap;justify-content:center;padding:1.28rem .64rem}