.dice-group{position:relative}.position0{display:none}.position1{top:120PX;left:75PX}.position2{top:100PX;left:135PX}.position3{top:120PX;left:195PX}.position4{top:180PX;left:195PX}.position5{top:200PX;left:135PX}.position6{top:180PX;left:75PX}.position7{top:150PX;left:135PX}.dice{width:52PX;height:52PX}.dice,.dice-wrap{position:absolute}.dice-wrap{left:0;top:0;width:200PX;height:200PX;transform-origin:left top;transform:scale(.26)}.dice-wrap:before{position:absolute;content:"";width:80%;height:50%;top:45%;left:10%;background:rgba(0,0,0,.2);border-radius:100%;filter:blur(10PX)}.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.position1{animation:diceAnimation1 1s cubic-bezier(.39,.12,.85,.48)}.dice-throw.position1 .dice-box{animation:diceRotatePerFace1 1s}.dice-throw.position2{animation:diceAnimation2 .8s cubic-bezier(.39,.12,.85,.48)}.dice-throw.position2 .dice-box{animation:diceRotatePerFace2 .8s}.dice-throw.position3{animation:diceAnimation3 .6s cubic-bezier(.39,.12,.85,.48)}.dice-throw.position3 .dice-box{animation:diceRotatePerFace3 .6s}.dice-throw.position4{animation:diceAnimation1 .75s cubic-bezier(.39,.12,.85,.48)}.dice-throw.position4 .dice-box{animation:diceRotatePerFace1 .75s}.dice-throw.position5{animation:diceAnimation2 .5s cubic-bezier(.39,.12,.85,.48)}.dice-throw.position5 .dice-box{animation:diceRotatePerFace2 .5s}.dice-throw.position6{animation:diceAnimation3 .678s cubic-bezier(.39,.12,.85,.48)}.dice-throw.position6 .dice-box{animation:diceRotatePerFace3 .678s}.dice-throw.position7{animation:diceAnimation3 .8s cubic-bezier(.39,.12,.85,.48)}.dice-throw.position7 .dice-box{animation:diceRotatePerFace3 .8s}.dice .point1{transform:rotate3d(-.1,.3,-.8,215deg)}.dice .point2{transform:rotate3d(-.1,.8,-.3,140deg)}.dice .point3{transform:rotate3d(0,.9,.9,90deg)}.dice .point4{transform:rotate3d(0,.9,.9,270deg)}.dice .point5{transform:rotate3d(.3,.3,.8,165deg)}.dice .point6{transform:rotate3d(-.3,.8,.3,165deg)}@keyframes diceAnimation1{0%{transform:translate3d(0,-3.2rem,0) rotate(0)}40%{transform:translateZ(0) rotate(180deg)}60%{transform:translate3d(.533333rem,-1.333333rem,0) rotate(50deg)}80%{transform:translate3d(.8rem,0,0) rotate(-40deg)}90%{transform:translate3d(-.346667rem,-.4rem,0) rotate(180deg)}to{transform:translateZ(0) rotate(0deg)}}@keyframes diceAnimation2{0%{transform:translate3d(0,-3.2rem,0) rotate(0)}40%{transform:translateZ(0) rotate(170deg)}60%{transform:translate3d(-.8rem,-1.2rem,0) rotate(100deg)}80%{transform:translate3d(.8rem,0,0) rotate(-80deg)}90%{transform:translate3d(-.533333rem,-.266667rem,0) rotate(150deg)}to{transform:translateZ(0) rotate(0deg)}}@keyframes diceAnimation3{0%{transform:translate3d(0,-3.2rem,0) rotate(0)}40%{transform:translateZ(0) rotate(140deg)}60%{transform:translate3d(-.8rem,-1.066667rem,0) rotate(30deg)}80%{transform:translate3d(-.533333rem,0,0) rotate(-60deg)}90%{transform:translate3d(.266667rem,-.533333rem,0) rotate(170deg)}to{transform:translateZ(0) rotate(0deg)}}@keyframes diceRotatePerFace1{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 diceRotatePerFace2{16%{transform:rotate3d(-.8,.3,-.75,180deg)}32%{transform:rotate3d(-.16,.6,.18,180deg)}48%{transform:rotate3d(-.1,.3,-1,180deg)}64%{transform:rotate3d(.3,.45,.9,180deg)}80%{transform:rotate3d(-.85,-.42,.73,180deg)}to{transform:rotate3d(-.1,.6,-.4,180deg)}}@keyframes diceRotatePerFace3{16%{transform:rotate3d(-.1,.6,-.4,180deg)}32%{transform:rotate3d(-.16,.6,.18,180deg)}48%{transform:rotate3d(.3,.45,.9,180deg)}64%{transform:rotate3d(-.1,.3,-1,180deg)}80%{transform:rotate3d(-.8,.3,-.75,180deg)}to{transform:rotate3d(-.85,-.42,.73,180deg)}}@keyframes dice-rotateDice{30%{transform:rotate3d(1,1,1,0deg)}to{transform:rotate3d(1,1,1,2turn)}}.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{margin-top:2.666667rem}.dice-activity .dice-content .dice-group{width:320PX;margin:auto;height:320PX;background-image:url(../img/bow.aed6e2c2.png);background-size:contain;background-repeat:no-repeat;background-position:50%}