.storyList{overflow-y:hidden;overflow-x:auto;padding:0 20px 5px;justify-content:start;display:flex}.storyList .storyItem{height:102px;margin-right:10px;width:84px}.storyList .storyItem .storyItemName{height:20px;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#000;text-align:center;width:100%;line-height:1.2em;margin-top:.5em;display:inline-block}.storyList .storyItem:last-child{padding-right:15px}.storyList .storyItem .storyColor{height:84px;justify-content:center;align-items:center;border-radius:42px;background:radial-gradient(ellipse at 70% 70%,#67d767 8%,#9fee9f 42%,#74bb74 58%);width:84px;display:flex}.storyList .watched .storyColor{background:#aaa}.storyList .storyItem .storyColor img{height:80px;border:2px solid #fff;border-radius:40px;cursor:pointer;width:80px}.storyShowBox{height:100vh;color:#fff;position:absolute;top:0;background:#111;left:0;width:100%;z-index:10}.storyShowBox .storyShowItem{height:100vh;flex-direction:column;background-size:contain;background-position:50%;width:100%;background-image:url(https://equintharovelis.shop/assets/assets/storynew/images/story/1.jpg);background-repeat:no-repeat;display:flex}.storyShowBox .storyShowItem .storyHeader{padding:5px 20px 20px;font-size:.85rem;flex-direction:row;align-items:center;display:flex;z-index:20}.storyShowBox .storyShowItem .storyHeader .name,.storyShowBox .storyShowItem .storyHeader img{cursor:pointer}.storyShowBox .storyShowItem .storyNavigation{flex:1;display:flex}.storyShowBox .storyShowItem .storyNavigation .leftNavigation{flex:1;background:url(https://equintharovelis.shop/assets/assets/storynew/images/left.svg) 10vw no-repeat;background-size:48px 48px}.storyShowBox .storyShowItem .storyNavigation .rightNavigation{flex:2;background:url(https://equintharovelis.shop/assets/assets/storynew/images/right.svg) 52vw no-repeat;background-size:48px 48px}.storyShowBox .storyHeader img{height:32px;border-radius:16px;width:32px}.storyShowBox .storyHeader a{text-decoration:none;color:#fff}.storyShowBox .storyHeader .name{font-size:16px;margin-right:8px;margin-left:12px}.storyShowBox .storyHeader .time{color:#ccc}.storyShowBox .storyProgressBar{height:10px;padding:0 17px;margin-top:10px;display:flex}.storyShowBox .storyProgressBar .progressBarOut{flex:1;height:3px;margin:0 3px;border-radius:5px;background:#aaa}.storyShowBox .storyProgressBar .progressBarOut .progressBarIn{height:3px;background:#fff;width:0}.closeStory{height:48px;font-size:42px;font-weight:700;right:10px;color:#fff;opacity:1;width:48px;line-height:48px}.closeStory,.storyText{position:absolute;text-align:center;cursor:pointer}.storyText{transform:translateX(-50%);padding:6px 24px;font-size:16px;font-weight:500;text-transform:uppercase;bottom:156px;border-radius:24px;background:hsla(0,0%,100%,.5);left:50%;width:30%!important;z-index:1000}.storyText,.storyText a{text-decoration:none;color:#000}.bubble{height:30px;color:#000;position:absolute;text-align:center;top:73px;margin:0 auto;border-radius:10px;background:#fbea06;cursor:pointer;left:calc(50% - 61px);width:122px;line-height:29px!important}.bubble .tip{transform:none!important;position:relative!important;bottom:auto!important;background:none!important;left:auto!important;width:auto!important;line-height:19px}.bubble:before{border-color:transparent hsla(0,0%,100%,.5) hsla(0,0%,100%,.5) transparent;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);content:"";position:absolute;border-style:solid;border-width:10px;bottom:35.5px;left:50px}.fullhd{height:36px;right:calc(50% - 220px);position:absolute;background-size:100%;bottom:4vh;width:48px}