/*!/css/app-header.css*/
.page-header{padding:10px;background-color:#fff}.page-header .red-dot:after{position:absolute;top:12px;right:10px;display:block;width:6px;height:6px;content:' ';background-color:red;border-radius:8px}.page-header .avatar-wrapper{position:relative}.page-header .avatar-wrapper .unread-count{position:absolute;bottom:-3px;right:-3px;text-align:center}.page-header .avatar{display:block;width:44px;height:44px;border-radius:44px}.page-header .nickname{display:inline-block;max-width:150px;vertical-align:middle}.page-header #sign-in{position:relative;height:30px;line-height:30px;min-width:48px;margin-top:6px}.page-header .media-body,.page-header .pull-right{vertical-align:middle}.index-swiper{width:100%;height:calc(100vw/2.4);height:-webkit-calc(100vw/2.4);max-height:calc(900px/2.4);max-height:-webkit-calc(900px/2.4)}.index-swiper .swiper-slide{}.index-swiper .swiper-img{position:absolute;height:calc(100vw/2.4);height:-webkit-calc(100vw/2.4);width:100%;max-height:calc(900px/2.4);max-height:-webkit-calc(900px/2.4);-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat;background-position:center}.index-swiper .swiper-pagination{display:-webkit-box;display:-webkit-flex;display:flex;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(0,0,0,.5);color:#fff}.index-swiper .swiper-pagination .swiper-title{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin:0 10px;text-align:left}.index-swiper .swiper-pagination .swiper-title,.index-swiper .swiper-pagination .swiper-pagination-inner{font-size:12px;line-height:2}.index-swiper .swiper-pagination .swiper-pagination-bullet{-webkit-align-self:center;align-self:center;background:#fff}.new-index-tab,.index-tab{background:#fff;margin:5px 0;padding:0 5px}.index-tab a{position:relative;float:left;width:33.3%;height:36px;line-height:36px;padding-left:36px;padding-right:5px;-webkit-box-sizing:border-box;box-sizing:border-box}.new-index-frame{margin:7px!important;border-radius:9px}.new-index-tab a{float:left;display:-webkit-box;display:-webkit-flex;display:flex;width:16%;margin:0 2%;padding:12px 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.new-tab-icon{max-width:40px;max-height:40px;margin:0 auto}.new-cname{color:#535353;font-size:12px;text-align:center}.index-topic-frame{margin:7px!important;border-radius:9px;overflow:hidden;will-change:transform}.new-index-tab,.index-tab a.active{color:#ffa726}.index-tab .tab-icon{top:6px;left:6px;position:absolute;width:24px;height:24px}.index-tab.flat{display:-webkit-flex;display:-webkit-box;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;overflow-x:auto;height:72px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.index-tab.flat::-webkit-scrollbar{display:none}.index-tab.flat a{display:inline-block;float:none;height:46px;line-height:1;padding-left:20px;padding-right:20px;width:auto;-webkit-flex-shrink:0;flex-shrink:0}.index-tab.flat .tab-icon{position:relative;display:block;top:auto;left:auto;margin:auto;margin-bottom:6px;width:28px;height:28px}.index-tab.flat .cname{font-size:12px;text-align:center}.avatar-frame{z-index:1;width:64px;top:-10px;right:-10px;position:absolute}.me-avatar-frame{z-index:1;left:50%;width:92px;position:absolute;margin-top:-46px;margin-left:-46px}.topic-avatar-frame{z-index:1;position:absolute;top:7px;left:-8px;width:52px!important;height:52px!important;border-radius:0!important}.comment-avatar-frame{width:52px!important;height:52px!important;z-index:1;position:absolute;top:9px;left:8px;border-radius:0!important}.index-mid-adv{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;background:#fff;padding:10px}.index-mid-adv .mid-adv-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;text-align:center;width:50%;font-size:13px;color:#535353}.index-mid-adv .mid-adv-item img{width:10rem;height:5rem;max-width:98%;border-radius:9px;margin:0 auto 5px}.open-topic-icon{background:transparent;outline:0;border-width:0;position:fixed;left:12px;width:100px;bottom:26px;z-index:100}.icon-shake{-webkit-animation:reverse indexIconShake 2s linear infinite;animation:reverse indexIconShake 2s linear infinite}@-webkit-keyframes indexIconShake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}69%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}70%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}80%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}90%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}97%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}99%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes indexIconShake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}69%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}70%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}80%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}90%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}97%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}99%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.obstacle-canvas,.creative-workshop,.fish-13-years,.creative-workshop-hb{display:none;background:rgba(0,0,0,.65);position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.creative-workshop iframe,.fish-13-years iframe,.obstacle-canvas iframe,.creative-workshop-hb iframe{width:100%;height:100%}.fish-10-years{display:none;background:rgba(0,0,0,.65);position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.fish-10-years iframe{width:100%;height:100%}.search-bar{width:100%;max-width:900px;margin:0 auto;height:44px;overflow:hidden;will-change:margin-top,transform;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:#fff}.pixel-ratio-1 .search-bar{max-width:900px;margin:0 auto}.search-bar .search-input,.search-page .search-input{height:30px;padding:0 48px 0 8px;border-radius:13px;border:solid 1px #efefef;color:#888;line-height:30px;display:inline-block;margin-left:5px;margin-top:8px;font-size:12px}.search-page .search-input{margin-left:0!important}.search-bar .search-input i,.search-page .search-input i{color:#000}@-webkit-keyframes searchBarHide{0%{margin-top:0}100%{margin-top:-38px}}@keyframes searchBarHide{0%{margin-top:0}100%{margin-top:-38px}}@-webkit-keyframes searchBarShow{0%{margin-top:-38px}100%{margin-top:0}}@keyframes searchBarShow{0%{margin-top:-38px}100%{margin-top:0}}#search-bar-sign-in{height:30px;min-width:48px;margin:6px 5px 0 0;border-radius:13px;font-size:12px;line-height:28px}.page-choose{border-top:solid #d0d0d0 1px;width:100%;height:46px;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:#fff;position:fixed;bottom:0;left:0;font-size:12px}.pixel-ratio-1 .page-choose{max-width:900px;margin:0 auto}.pixel-ratio-2 .page-choose{max-width:900px;margin:0 auto}.pixel-ratio-3 .page-choose{max-width:900px;margin:0 auto}.page-choose .page-icon i{height:26px}.page-choose .page-icon{text-align:center;padding:4px 28px;color:#B8B8B8}.pageIconActive{color:#000!important}.page-choose .page-icon span{display:block;width:22px;height:22px;background-position:center;-webkit-background-size:100% 100%;background-size:100%;background-repeat:no-repeat;margin:2px auto}.page-icon .page-icon-home{background:url(//sff.happyelements.com/mobile/static/img/tab-icon/home_cdbfef4.png)}.page-icon .page-icon-strategy{background:url(//sff.happyelements.com/mobile/static/img/tab-icon/strategy_da00e8f.png)}.page-icon .page-icon-square{background:url(//sff.happyelements.com/mobile/static/img/tab-icon/square_bc4a6dd.png)}.page-icon .page-icon-my{background:url(//sff.happyelements.com/mobile/static/img/tab-icon/my_4a26fc0.png)}.pageIconActive .page-icon-home{background:url(//sff.happyelements.com/mobile/static/img/tab-icon/home-sel_ad4a16a.png)}.pageIconActive .page-icon-strategy{background:url(//sff.happyelements.com/mobile/static/img/tab-icon/strategy-sel_e9314ae.png)}.pageIconActive .page-icon-square{background:url(//sff.happyelements.com/mobile/static/img/tab-icon/square-sel_7a088ad.png)}.pageIconActive .page-icon-my{background:url(//sff.happyelements.com/mobile/static/img/tab-icon/my-sel_a873aa4.png)}.msg-notice-count{border-radius:16px;min-width:12px;padding:0 3px;background:red;color:#fff;font-size:12px;z-index:3;position:absolute;right:10px;text-align:center;top:0;display:inline-block}
/*!/css/danmu.css*/
.act-progress-page .page-content{background:#fff}.progress-div{width:100%;height:-webkit-calc(100% - 2rem);height:calc(100% - 2rem);text-align:center;position:absolute;top:2rem;left:0;z-index:11;background:url(//fcupload.happyelements.com/uploads/image/20200722/9ce72f0e0ad4d0c4563b7400d6360177.jpg);-webkit-background-size:100% 100%;background-size:100% 100%}.boat-gif-frame{width:96.25%;height:86%;margin:10% auto 0;background:url(//fcupload.happyelements.com/uploads/image/20200722/afdbd19034b0acaa33e74ca5204bbb54.png);background-repeat:no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.boat-gif{margin-top:1.98%;width:-webkit-calc(100% - 3.3%);width:calc(100% - 3.3%);border-top-right-radius:7%;border-top-left-radius:7%}.add-progress-value{text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);display:block;margin:0 auto;width:34.375%;background-color:none!important;background:url(//fcupload.happyelements.com/uploads/image/20200724/e3814469c5fe128c2077f3847c5b34a0.png);-webkit-background-size:100% 100%;background-size:100% 100%;border:0;height:38px;margin-top:16px;line-height:38px;font-size:1rem;font-weight:bolder;color:#fff}.add-progress-frame span{display:block;text-align:center}body{--bubble_time:3s;--bubble_scale:.6s}.bubble{position:absolute;width:116px;height:30px;line-height:30px;border-radius:30px;left:-webkit-calc((100% - 116px) / 2);left:calc((100% - 116px) / 2);bottom:30%;-webkit-transform-origin:bottom;transform-origin:bottom;color:#fff;position:absolute;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;z-index:13}.bubble img{width:36px;height:36px;border-radius:36px;margin-top:-3px}.bubble span{height:36px;width:-webkit-calc(100% - 36px);width:calc(100% - 36px);text-align:center}.b1{background:rgba(229,77,66,.8)}.b2{background:rgba(243,123,29,.8)}.b3{background:rgba(251,189,8,.8)}.b4{background:rgba(141,198,63,.8)}.b5{background:rgba(57,181,74,.8)}.b6{background:rgba(224,57,151,.8)}.b7{background:rgba(28,187,180,.8)}.b8{background:rgba(0,129,255,.8)}.b9{background:rgba(224,57,151,.8)}.b10{background:rgba(103,57,182,.8)}.bl1{-webkit-animation:bubble_1 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards;animation:bubble_1 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards}.bl2{-webkit-animation:bubble_2 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards;animation:bubble_2 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards}.bl3{-webkit-animation:bubble_3 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards;animation:bubble_3 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards}.bl4{-webkit-animation:bubble_4 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards;animation:bubble_4 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards}.bl5{-webkit-animation:bubble_5 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards;animation:bubble_5 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards}.bl6{-webkit-animation:bubble_6 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards;animation:bubble_6 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards}.bl7{-webkit-animation:bubble_7 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards;animation:bubble_7 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards}.bl8{-webkit-animation:bubble_8 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards;animation:bubble_8 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards}.bl9{-webkit-animation:bubble_9 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards;animation:bubble_9 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards}.bl10{-webkit-animation:bubble_10 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards;animation:bubble_10 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards}.bl11{-webkit-animation:bubble_11 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards;animation:bubble_11 var(--bubble_time) linear 1 forwards,bubble_big_1 var(--bubble_scale) linear 1 forwards,bubble_y var(--bubble_time) linear 1 forwards}@-webkit-keyframes bubble_11{0%{}25%{margin-left:-20px}50%{margin-left:-40px}100%{margin-left:-55px}}@keyframes bubble_11{0%{}25%{margin-left:-20px}50%{margin-left:-40px}100%{margin-left:-55px}}@-webkit-keyframes bubble_10{0%{}25%{margin-left:-30px}50%{margin-left:-50px}100%{margin-left:-65px}}@keyframes bubble_10{0%{}25%{margin-left:-30px}50%{margin-left:-50px}100%{margin-left:-65px}}@-webkit-keyframes bubble_9{0%{}25%{margin-left:20px}50%{margin-left:40px}100%{margin-left:55px}}@keyframes bubble_9{0%{}25%{margin-left:20px}50%{margin-left:40px}100%{margin-left:55px}}@-webkit-keyframes bubble_8{0%{}25%{margin-left:30px}50%{margin-left:50px}100%{margin-left:65px}}@keyframes bubble_8{0%{}25%{margin-left:30px}50%{margin-left:50px}100%{margin-left:65px}}@-webkit-keyframes bubble_7{0%{}25%{margin-left:6px}50%{margin-left:2px}75%{margin-left:5px}100%{margin-left:18px}}@keyframes bubble_7{0%{}25%{margin-left:6px}50%{margin-left:2px}75%{margin-left:5px}100%{margin-left:18px}}@-webkit-keyframes bubble_6{0%{}25%{margin-left:-6px}50%{margin-left:-2px}75%{margin-left:-5px}100%{margin-left:-18px}}@keyframes bubble_6{0%{}25%{margin-left:-6px}50%{margin-left:-2px}75%{margin-left:-5px}100%{margin-left:-18px}}@-webkit-keyframes bubble_5{0%{}25%{margin-left:10px}50%{margin-left:0}75%{margin-left:-10px}100%{margin-left:-25px}}@keyframes bubble_5{0%{}25%{margin-left:10px}50%{margin-left:0}75%{margin-left:-10px}100%{margin-left:-25px}}@-webkit-keyframes bubble_4{0%{}25%{margin-left:-10px}50%{margin-left:0}75%{margin-left:20px}100%{margin-left:8px}}@keyframes bubble_4{0%{}25%{margin-left:-10px}50%{margin-left:0}75%{margin-left:20px}100%{margin-left:8px}}@-webkit-keyframes bubble_3{0%{}25%{margin-left:-20px}50%{margin-left:0}75%{margin-left:28px}100%{margin-left:-5px}}@keyframes bubble_3{0%{}25%{margin-left:-20px}50%{margin-left:0}75%{margin-left:28px}100%{margin-left:-5px}}@-webkit-keyframes bubble_2{0%{}25%{margin-left:20px}50%{margin-left:25px}75%{margin-left:8px}100%{margin-left:-3px}}@keyframes bubble_2{0%{}25%{margin-left:20px}50%{margin-left:25px}75%{margin-left:8px}100%{margin-left:-3px}}@-webkit-keyframes bubble_1{0%{}25%{margin-left:-8px}50%{margin-left:8px}75%{margin-left:-15px}100%{margin-left:15px}}@keyframes bubble_1{0%{}25%{margin-left:-8px}50%{margin-left:8px}75%{margin-left:-15px}100%{margin-left:15px}}@-webkit-keyframes bubble_big_1{0%{-webkit-transform:scale(0.3);transform:scale(0.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bubble_big_1{0%{-webkit-transform:scale(0.3);transform:scale(0.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bubble_y{0%{margin-bottom:0}10%{margin-bottom:0}75%{opacity:1}100%{margin-bottom:100%;opacity:0}}@keyframes bubble_y{0%{margin-bottom:0}10%{margin-bottom:0}75%{opacity:1}100%{margin-bottom:100%;opacity:0}}.progress-bg{height:14px;padding:3px;overflow:visible;border-radius:18px;width:86%;margin:8px auto 0;background:#fff;z-index:20}.progress-bg .progress-bar{width:0;-webkit-transition:width 1.8s ease;transition:width 1.8s ease;border-radius:8px;position:relative;background-color:#fda44c;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:20px 20px;background-size:20px 20px;float:left;height:100%;font-size:12px;line-height:10px;color:#fff;text-align:center;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15)}.progress-active{width:0;-webkit-animation:reverse progress-bar-stripes 1.2s linear infinite;animation:reverse progress-bar-stripes 1.2s linear infinite}.progress-status-text{width:86%;position:absolute;font-size:13px;margin-top:-3px;color:#09528B;font-weight:bolder}.add-progress-status{color:#fff}.progress-gift{position:absolute;right:1%;width:66px;height:66px;margin-top:-20px}.progress-gift img{width:50px;height:50px}.shake{background:url(//sff.happyelements.com/mobile/static/img/gift-light_5af3dd0.png);-webkit-background-size:100% 100%;background-size:100%}.shake img{-webkit-animation:reverse progress-gift 300ms linear infinite;animation:reverse progress-gift 300ms linear infinite}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-webkit-keyframes progress-gift{0%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}50%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}100%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}}@keyframes progress-gift{0%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}50%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}100%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}}.progress-title{width:100%;position:absolute;top:0;z-index:14}
/*!/css/tabs.css*/
.tabs .tab{display:none}.tabs .tab.active{display:block}.tabs .pull-to-refresh-content{top:0;height:100%}.tabs .pull-to-refresh-content:refreshing{top:2.2rem}.tabs-animated-wrap{position:relative;width:100%;height:100%;overflow:hidden}.tabs-animated-wrap>.tabs{display:-webkit-box;display:-webkit-flex;display:flex;height:100%;-webkit-transition:300ms;transition:300ms}.tabs-animated-wrap>.tabs>.tab{display:block;width:100%;-webkit-flex-shrink:0;-ms-flex:0 0 auto;-webkit-flex-shrink:0;flex-shrink:0}.buttons-tab{z-index:11;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-self:center;align-self:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;position:relative;background:#fff;border-bottom:1px solid #d0d0d0}.buttons-tab .button{bottom:-1px;width:100%;color:#5f646e;border:0;border-radius:0;-webkit-box-flex:1;-webkit-flex:1;flex:1;display:block}.buttons-tab .button .font{display:inline-block;height:-webkit-calc(100% - 3px);height:calc(100% - 3px);border-bottom:solid 3px transparent}.buttons-tab .button.active .font{border-color:#505050}.buttons-tab .button.active{z-index:100;color:#505050;border-color:#505050;font-weight:bolder}.buttons-tab .button.link{-webkit-box-flex:2;-webkit-flex:2;flex:2}.buttons-tab .button.search{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:32px}.act-rank-page .buttons-tab{z-index:10;width:76.25%;margin:3rem auto 0;background:0 0;border-bottom:1px solid #09528B;min-height:50px;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.act-rank-page .buttons-tab a{width:44.809%;max-width:44.809%;min-width:30px;-webkit-align-self:flex-end;align-self:flex-end;background-repeat:no-repeat;border:0;color:#6486aa;font-size:16px;-webkit-background-size:100% 100%!important;background-size:100% 100%!important;background:url(//fcupload.happyelements.com/uploads/image/20200723/c4cdeef582d0bfe18fb4fab81f86380f.png)}.act-rank-page .buttons-tab a:not(:first-child){margin-left:-3px}.act-rank-page .buttons-tab .button.active{border:0;color:#fff;background:url(//fcupload.happyelements.com/uploads/image/20200723/1b5c21037ffedb73f2c3db777ef78714.png)}.act-rank-page .buttons-tab .button:active{-webkit-background-size:100% 100%!important;background-size:100% 100%!important;background:url(//fcupload.happyelements.com/uploads/image/20200723/c4cdeef582d0bfe18fb4fab81f86380f.png)}.rank-tab-arrow-down{position:absolute;right:6px;top:17px;color:#fff;z-index:101}.act-rank-tab-select-con{position:absolute;top:50px;right:0;width:44.809%;max-height:0;overflow:hidden;-webkit-transition:max-height 400ms ease;transition:max-height 400ms ease;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.act-rank-tab-select-con li{height:30px;line-height:30px;list-style:none;padding:5px 10px;background:#003689;color:#fff;text-align:center;cursor:pointer}.act-rank-tab-select-con li.current{background:#ebebeb}.tab-select-close{max-height:0!important}.tab-select-block{max-height:280px!important}
/*!/css/redbag.css*/
.roll-mask{width:100%;height:100%;z-index:100;position:fixed;background:rgba(0,0,0,.26)}.redbag-share-mask{width:100%;height:100%;z-index:100;position:fixed;background:rgba(0,0,0,.4);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}@-webkit-keyframes rollAni1{0%{bottom:120%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-50deg);transform:rotate(-50deg);bottom:-20%}}@keyframes rollAni1{0%{bottom:120%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-50deg);transform:rotate(-50deg);bottom:-20%}}@-webkit-keyframes rollAni2{0%{bottom:120%;-webkit-transform:rotate(50deg);transform:rotate(50deg)}100%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg);bottom:-20%}}@keyframes rollAni2{0%{bottom:120%;-webkit-transform:rotate(50deg);transform:rotate(50deg)}100%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg);bottom:-20%}}@-webkit-keyframes rollAni3{0%{bottom:120%;-webkit-transform:rotate(50deg);transform:rotate(50deg)}100%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg);bottom:-20%}}@keyframes rollAni3{0%{bottom:120%;-webkit-transform:rotate(50deg);transform:rotate(50deg)}100%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg);bottom:-20%}}.rollClass1{position:absolute;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation:rollAni1 2600ms ease-out;animation:rollAni1 2600ms ease-out}.rollClass2{position:absolute;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-animation:rollAni2 1900ms ease-out;animation:rollAni2 1900ms ease-out}.rollClass3{position:absolute;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-animation:rollAni3 1400ms ease-out;animation:rollAni3 1400ms ease-out}.rollClass4{position:absolute;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-animation:rollAni3 2600ms ease-out;animation:rollAni3 2600ms ease-out}.rollClass5{position:absolute;-webkit-transform:scale(0.85);transform:scale(0.85);-webkit-animation:rollAni2 1900ms ease-out;animation:rollAni2 1900ms ease-out}.rollClass6{position:absolute;-webkit-transform:scale(0.85);transform:scale(0.85);-webkit-animation:rollAni1 1400ms ease-out;animation:rollAni1 1400ms ease-out}.rollClass7{position:absolute;-webkit-transform:scale(1.25);transform:scale(1.25);-webkit-animation:rollAni2 2600ms ease-out;animation:rollAni2 2600ms ease-out}.rollClass8{position:absolute;-webkit-transform:scale(1.25);transform:scale(1.25);-webkit-animation:rollAni3 1900ms ease-out;animation:rollAni3 1900ms ease-out}.rollClass9{position:absolute;-webkit-transform:scale(0.85);transform:scale(0.85);-webkit-animation:rollAni1 1400ms ease-out;animation:rollAni1 1400ms ease-out}.rollBase{position:fixed;z-index:102}.add-topic-redbag{border-radius:6px;position:fixed;right:50px;bottom:64px;width:28px;z-index:99;-webkit-animation:icon-bounce-left-top 4s infinite;animation:icon-bounce-left-top 4s infinite}.redbag-article{-webkit-animation:icon-bounce 6s infinite;animation:icon-bounce 6s infinite}.topic-redbag-default{border-radius:6px;position:absolute;-webkit-animation:icon-bounce 6s infinite;animation:icon-bounce 6s infinite;width:28px!important;height:50px!important;z-index:99}.redbag-alert{width:100%;height:100vh;z-index:97;position:fixed;top:0;left:0;-webkit-animation:showRedbagAlert 370ms;animation:showRedbagAlert 370ms}.redbag-alert-bg{border-radius:6px;position:relative;width:180px;height:320px;top:-webkit-calc((100vh - 320px) / 2);top:calc((100vh - 320px) / 2);left:-webkit-calc((100% - 180px) / 2);left:calc((100% - 180px) / 2);z-index:98}.redbag-open{position:absolute;width:42px;height:42px;top:-webkit-calc((100vh - 320px) / 2 + 23px);top:calc((100vh - 320px) / 2 + 23px);left:-webkit-calc((100% - 180px) / 2 + 69px);left:calc((100% - 180px) / 2 + 69px);z-index:99;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@-webkit-keyframes showRedbagAlert{0%{-webkit-transform:scale(0.55);transform:scale(0.55)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showRedbagAlert{0%{-webkit-transform:scale(0.55);transform:scale(0.55)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes openRedbagIcon{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}50%{-webkit-transform:rotateY(375deg);transform:rotateY(375deg)}100%{-webkit-transform:rotateY(0);transform:rotateY(0)}}@keyframes openRedbagIcon{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}50%{-webkit-transform:rotateY(375deg);transform:rotateY(375deg)}100%{-webkit-transform:rotateY(0);transform:rotateY(0)}}@-webkit-keyframes icon-bounce{0%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}85%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}90%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}95%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}98%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes icon-bounce{0%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}85%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}90%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}95%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}98%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes icon-bounce-right-top{0%,100%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}80%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}85%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}90%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}95%{-webkit-transform:rotate(35deg);transform:rotate(35deg)}98%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}}@keyframes icon-bounce-right-top{0%,100%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}80%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}85%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}90%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}95%{-webkit-transform:rotate(35deg);transform:rotate(35deg)}98%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}}@-webkit-keyframes icon-bounce-left-top{0%,100%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}80%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}85%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}90%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}95%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}98%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}}@keyframes icon-bounce-left-top{0%,100%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}80%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}85%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}90%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}95%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}98%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}}@-webkit-keyframes icon-bounce-left-bottom{0%,100%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}80%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}85%{-webkit-transform:rotate(-125deg);transform:rotate(-125deg)}90%{-webkit-transform:rotate(-155deg);transform:rotate(-155deg)}95%{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}98%{-webkit-transform:rotate(-145deg);transform:rotate(-145deg)}}@keyframes icon-bounce-left-bottom{0%,100%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}80%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}85%{-webkit-transform:rotate(-125deg);transform:rotate(-125deg)}90%{-webkit-transform:rotate(-155deg);transform:rotate(-155deg)}95%{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}98%{-webkit-transform:rotate(-145deg);transform:rotate(-145deg)}}@-webkit-keyframes icon-bounce-right-bottom{0%,100%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}80%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}85%{-webkit-transform:rotate(155deg);transform:rotate(155deg)}90%{-webkit-transform:rotate(125deg);transform:rotate(125deg)}95%{-webkit-transform:rotate(150deg);transform:rotate(150deg)}98%{-webkit-transform:rotate(145deg);transform:rotate(145deg)}}@keyframes icon-bounce-right-bottom{0%,100%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}80%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}85%{-webkit-transform:rotate(155deg);transform:rotate(155deg)}90%{-webkit-transform:rotate(125deg);transform:rotate(125deg)}95%{-webkit-transform:rotate(150deg);transform:rotate(150deg)}98%{-webkit-transform:rotate(145deg);transform:rotate(145deg)}}#redbag-record{position:fixed;bottom:24px;width:76px;left:14px}.activity-index-icon,.redbag-index-icon{width:80px;position:fixed;left:16px;bottom:26px;-webkit-animation:icon-bounce 2600ms infinite;animation:icon-bounce 2600ms infinite}.redbag-share-img{max-width:66%}.redbag-share-btn{margin:18px 20% 0;width:60%;max-width:150px}@-webkit-keyframes redbagRookie{0%{-webkit-transform:rotate3d(1,1,0,15deg);transform:rotate3d(1,1,0,15deg)}5%{-webkit-transform:rotate3d(1,1,1,15deg);transform:rotate3d(1,1,1,15deg)}10%{-webkit-transform:rotate3d(1,1,0,15deg);transform:rotate3d(1,1,0,15deg)}15%{-webkit-transform:rotate3d(1,1,1,15deg);transform:rotate3d(1,1,1,15deg)}20%{-webkit-transform:rotate3d(1,1,0,15deg);transform:rotate3d(1,1,0,15deg)}}@keyframes redbagRookie{0%{-webkit-transform:rotate3d(1,1,0,15deg);transform:rotate3d(1,1,0,15deg)}5%{-webkit-transform:rotate3d(1,1,1,15deg);transform:rotate3d(1,1,1,15deg)}10%{-webkit-transform:rotate3d(1,1,0,15deg);transform:rotate3d(1,1,0,15deg)}15%{-webkit-transform:rotate3d(1,1,1,15deg);transform:rotate3d(1,1,1,15deg)}20%{-webkit-transform:rotate3d(1,1,0,15deg);transform:rotate3d(1,1,0,15deg)}}.redbag-rookie{width:80px;position:fixed;left:48%;bottom:44%;-webkit-transform:rotate3d(1,1,0,12deg);transform:rotate3d(1,1,0,12deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-animation:redbagRookie 3s linear infinite;animation:redbagRookie 3s linear infinite;z-index:100}
/*!/css/ff.css*/
body{background:#efeff4;font-family:"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;word-wrap:break-word;line-height:1.5;font-size:15px;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}a{text-decoration:none}a,a:visited{color:#7f7f7f}a.active{color:#03a9f4}a.simulate-active{background:#eee}a.subject{margin:-3px 0;padding:3px 0;font-size:14px;color:#66a3ff}.disabled,[disabled]{opacity:.5;pointer-events:none}.pull-left{float:left}.pull-right{float:right}.pull-right+.pull-right{margin-right:10px}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}.abs-center{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.media:first-child{margin-top:0}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-left,.media-right,.media-body{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.hide{display:none}.hidden{display:none!important}.content-block{background:#fff;padding:10px;margin-bottom:5px}.subject-cover-title{background:-webkit-linear-gradient(bottom,rgba(0,0,0,.7) 0,transparent 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.7)),color-stop(100%,transparent));background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.7)),to(transparent));background:linear-gradient(to top,rgba(0,0,0,.7) 0,transparent 100%);padding:10px;margin-top:-83px;color:#fff}.subject-cover-title .info{color:#fff!important}.subject-cover img{height:calc(100vw/2.4);height:-webkit-calc(100vw/2.4);max-height:calc(900px/2.4);max-height:-webkit-calc(900px/2.4);width:100%;position:relative;top:0}.subject-desc{position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-moz-appearance:3;-webkit-box-orient:vertical}.open-subject-desc{background:#fff;position:absolute;display:none;z-index:2;bottom:-1px;right:1px;width:30px;color:#66a3ff}.open-subject-desc:before{position:absolute;display:block;z-index:2;bottom:0;right:30px;content:'';width:60px;height:22px;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),to(#fff));background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%)}.subject-cover{position:relative;top:0}.tip-text{font-size:12px;color:#a6a6a6}.text-center{text-align:center}.text-right{text-align:right}.preloader-indicator-modal{background-color:rgba(0,0,0,.3)}.color-danger{color:#f44336!important}.color-warning{color:#ff5722!important}.color-info{color:#2196f3!important}.color-success,.color-green{color:#4caf50!important}.bg-green{background-color:#4caf50!important}.bg-red{background-color:#f44336!important}.bg-amber{background-color:#ffc107!important}.bg-bluegray{background-color:#607d8b!important}.bg-orange{background-color:#ff5722!important}.table{width:100%}.table th,.table td{padding:10px;font-size:12px}.table.table-striped>tbody>tr:nth-child(odd){background-color:#f9f9f9}.table.table-centered,.table.table-centered td{text-align:center}.bar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%;height:48px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:48px;background-color:#fff;color:#6d6d72;z-index:99}.bar a{min-width:48px;text-align:center}.bar.top-bar{position:absolute;top:0;border-bottom:1px solid #eee}.bar.top-bar .placeholder{width:48px}.bar.bottom-bar,.bar.my-message-bar{position:absolute;bottom:0;-webkit-justify-content:space-around;justify-content:space-around;border-top:1px solid #eee}.bar.bottom-bar a,.bar.my-message-bar a{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center}.bar.bottom-bar a+a,.bar.my-message-bar a+a{border-left:1px solid #eee}.bar.top-bar~.page-content,.bar.top-bar~.page-loader{padding-top:48px}.bar.bottom-bar~.page-content,.bar.bottom-bar~.page-loader{margin-bottom:48px}.bar a{width:24px}.bar a .material-icons{padding:0 5px}.progress{position:relative;height:20px;line-height:20px;text-align:center;overflow:hidden;color:#777;background-color:#f5f5f5}.progress .progress-bar{float:left;width:0;height:100%;background-color:#badba0;-webkit-transition:width .6s ease;transition:width .6s ease}.progress .progress-value{position:absolute;width:100%;height:100%}.quick-link{display:-webkit-box;display:-webkit-flex;display:flex;background:#fff;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;border:1px solid #eee;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.quick-link a,.quick-link .link-item{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;height:36px;line-height:36px;text-align:center}.quick-link .link-item.active{color:#03a9f4}.quick-link a+a,.quick-link .link-item+.link-item{border-left:1px solid #eee}.index-tab .new-feature{position:relative}.index-tab .new-feature::after{content:' ';position:absolute;top:8px;width:8px;height:8px;margin-left:4px;background-color:red;border-radius:50%}#page-title,#node-title{font-size:16px}.swiper-container.normal{font-size:18px;height:200px}.swiper-container .swiper-slide{-webkit-background-size:cover;background-size:cover;background-position:center}.badge{display:inline-block;min-width:10px;padding:3px;font-size:12px;font-weight:700;line-height:1;background-color:#f44336;border:1px solid #f44336;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;border-radius:4px}.badge.lightblue{background-color:#03a9f4;border-color:#03a9f4}.badge.blue{background-color:#66a3ff;border-color:#66a3ff}.badge.cyan{background-color:#00bcd4;border-color:#00bcd4}.badge.teal{background-color:#009688;border-color:#009688}.badge.green{background-color:#4caf50;border-color:#4caf50}.badge.lime{background-color:#cddc39;border-color:#cddc39}.badge.yellow{background-color:#ffeb3b;border-color:#ffeb3b}.badge.amber{background-color:#ffc107;border-color:#ffc107}.badge.orange{background-color:#ff5722;border-color:#ff5722}.badge.bluegray{background-color:#607d8b;border-color:#607d8b}.badge.silver{background-color:silver;border-color:silver}.badge.hollow{background-color:initial}.badge.hollow{color:#f44336}.badge.hollow.lightblue{color:#03a9f4}.badge.hollow.blue{color:#66a3ff}.badge.hollow.cyan{color:#00bcd4}.badge.hollow.teal{color:#009688}.badge.hollow.green{color:#4caf50}.badge.hollow.lime{color:#cddc39}.badge.hollow.yellow{color:#ffeb3b}.badge.hollow.amber{color:#ffc107}.badge.hollow.orange{color:#ff5722}.badge.hollow.bluegray{color:#607d8b}.badge.hollow.replied{color:#ff4e4e;border-color:#ff4e4e}.badge.new-level{background-color:#fec432;border-color:#fec432;border-radius:14px;padding:1px 4px;line-height:14px;font-weight:400;height:14px;-webkit-box-sizing:content-box;box-sizing:content-box}.badge.new-level .level-crown{width:15px;margin-right:3px}.badge~span,span~.badge,.badge~a,a~.badge{vertical-align:middle}.badge.topic-tag{padding:5px 8px;margin:3px 0;color:#2196f3;border-color:#2196f3;background-color:#fff;border-radius:10px}.badge.topic-tag.tagged{background-color:#2196f3;color:#fff}.badge.medal{background-color:initial;border:0;padding:0}.badge.medal img{height:20px;width:20px}.line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#node-list{display:none;margin:-1px -10px 0;padding:5px 10px;border:1px solid #eee;border-top:0;line-height:30px;-webkit-box-shadow:0 5px 10px #ddd;box-shadow:0 5px 10px #ddd}#node-list .node-item{font-size:16px;margin:10px 0;cursor:pointer}.post-comment .comment-title .tip{position:absolute;width:0;height:0;top:13px;left:48px;border:9px solid rgba(255,255,255,0);border-bottom:9px solid #f7f7f7}.page-choose-animation{-webkit-animation:page-choose-animation 300ms linear forwards;animation:page-choose-animation 300ms linear forwards;-webkit-transition:all 300ms;transition:all 300ms}@-webkit-keyframes page-choose-animation{0%{opacity:1;height:46px}20%{opacity:1;height:46px}40%{opacity:1;height:46px}60%{opacity:1;height:46px}80%{opacity:1;height:46px}99%{opacity:1;height:46px}100%{opacity:0;height:0}}@keyframes page-choose-animation{0%{opacity:1;height:46px}20%{opacity:1;height:46px}40%{opacity:1;height:46px}60%{opacity:1;height:46px}80%{opacity:1;height:46px}99%{opacity:1;height:46px}100%{opacity:0;height:0}}.btn-like-anim{-webkit-animation:like-keyframe 500ms linear 1 forwards;animation:like-keyframe 500ms linear 1 forwards;-webkit-transform-origin:center center;transform-origin:center center}@-webkit-keyframes like-keyframe{0%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(1.5);transform:scale(1.5)}50%{-webkit-transform:scale(2);transform:scale(2)}80%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes like-keyframe{0%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(1.5);transform:scale(1.5)}50%{-webkit-transform:scale(2);transform:scale(2)}80%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.profile-page .detail{padding-top:43px}.profile-page .user-info{display:-webkit-box;display:-webkit-flex;display:flex;width:100%;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff}.profile-page .user-info .avatar img{width:60px;height:60px;border-radius:30px;border:2px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box}.profile-page .info{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-left:10px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.profile-page .info .desc{font-size:12px;color:#777}.profile-page .follow-btn,.profile-page .cancel-follow-btn{margin-top:14px}.profile-page #add-in-game{display:none;text-align:center;background-color:#fff;border-bottom:1px solid #eee;line-height:36px}.profile-page .medal-title{border-bottom:0}.profile .medal-general{display:inline-block;float:right;height:20px;line-height:20px}.profile .medal-general .medal-wrapper{display:inline-block;height:100%}.profile .medal-general .medal{width:20px;height:20px;margin-right:5px}.profile-page .view-medals{display:inline-block;float:right;line-height:20px}.has-app-action .profile-page #add-in-game{display:block}.follow-bar{background-color:#fff;text-align:center}.exp-bar{position:relative;margin:10px;height:16px;background-color:#eee}.exp-bar .progress{position:absolute;height:100%;width:0;background-color:#fff;-webkit-transition:.3s all;transition:.3s all}.exp-bar .exp-value{position:absolute;right:-40px;top:-8px}.infinite-scroll-preloader{display:none;margin:15px;text-align:center}.infinite-scroll-preloader .preloader{width:34px;height:34px}.page-loader{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:#efeff4;z-index:9999}.page-loader .spinner{margin:0}#infinite-loader{display:none}.popover{width:200px}.popup .list-block{margin-top:0}.list-block hr{margin:0;border-width:1px 0 0;border-style:outset}.flex-link{min-height:48px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box!important;display:-webkit-flex!important;display:flex!important;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.flex-link a.link{color:#2196f3;text-decoration:none;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center;display:-webkit-box;display:-webkit-flex;display:flex;border-radius:2px;line-height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;appearance:none;background:0 0;padding:0 10px;margin:0;height:36px;white-space:nowrap;text-overflow:ellipsis;font-size:14px;cursor:pointer;min-width:64px;padding:0 8px;position:relative;overflow:hidden;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.spinner{margin:auto;width:50px;height:48px;text-align:center;font-size:10px}.spinner>div{background-color:#bbb;height:70%;width:6px;display:inline-block;margin-top:6px;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.profile-bg{background:#fff;position:relative}.profile-bg .bg{width:100%;display:block}.profile-bg .shade{position:absolute;top:50%;bottom:0;left:0;right:0;background:-webkit-linear-gradient(bottom,rgba(0,0,0,.3) 0,transparent 50%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.3)),color-stop(50%,transparent));background:linear-gradient(to top,rgba(0,0,0,.3) 0,transparent 50%)}.profile-bg .shade .report{position:absolute;color:#fff;text-decoration:underline;bottom:10px;right:10px}.profile .button.edit-bg{position:absolute;bottom:15px;left:0;height:24px;line-height:24px;background:#8c8c8c;opacity:.6;color:rgba(255,255,255,.7);border:0;border-radius:0 15px 15px 0}.profile .button.follow{position:absolute;top:10px;right:10px;height:28px;line-height:28px;background:#30A3FF;opacity:.95;color:#fff;border:0}.profile .button.follow.followed{background:#fff;color:#30a3ff}.profile .content-block{padding-top:0;margin-bottom:0;text-align:center}.profile .name{line-height:2}.profile .tip{font-size:12px;color:#aaa;line-height:1.5}.profile .avatar{position:absolute;left:50%;margin-left:-32px;margin-top:-32px;width:64px;height:64px;border-radius:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.profile .detail{clear:both}.profile .quick-link{border:0}.profile .quick-link a{color:#000}.profile .quick-link a+a{border-left:0}.profile .quick-link .break{line-height:36px;color:#E6E6E6}.profile .applevel{display:inline-block;min-width:10px;padding:3px 4px;font-size:13px;line-height:1;background-color:#e6f4fc;border:1px solid #e6f4fc;text-align:center;border-radius:10px;margin-left:6px}.applevel .level-number{color:#ff4d4d}.profile .star{display:inline-block;min-width:10px;padding:3px;font-size:13px;height:13px;line-height:13px;background-color:#fcf2d9;border:1px solid #fcf2d9;color:#ff4d4d;text-align:center;border-radius:10px;vertical-align:bottom;margin-left:6px}.profile .game-stat{margin-top:5px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.profile .star .star-num{vertical-align:text-top}.profile .star-icon{display:inline-block;width:18px;margin-right:1px;vertical-align:inherit;margin-top:-3px}.me-page .bg-upload,.my-page .bg-upload{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;cursor:pointer}.me-page .container,.my-page .container{max-width:640px;margin:20px auto}.me-page .img-container,.my-page .img-container{min-height:170px;max-height:469px}.me-page .container img,.my-page .container img{width:100%}.me-page .list-block:nth-of-type(1),.my-page .list-block:nth-of-type(1){margin-top:5px}.me-page .name,.my-page .name{line-height:2}.me-page .name.full,.my-page .name.full{color:#000}.me-page .tip,.my-page .tip{font-size:12px;color:#aaa;line-height:1.5}.me-page .message,.my-page .message{position:relative;margin-top:4px;margin-right:20px;padding:0 5px;color:#aaa}.me-page .unread-count,.my-page .unread-count{position:absolute;right:3px;text-align:center;top:9px}.me-page .message .material-icons,.my-page .message .material-icons{color:#ffc369;font-size:38px;height:38px}.me-page .goto .material-icons,.my-page .goto .material-icons{line-height:20px;vertical-align:middle}.me-page .logout,.my-page .logout{display:none}.pixel-ratio-1 .me-page .logout,.pixel-ratio-1 .my-page .logout{display:initial}.pixel-ratio-1 .me-page .set-password .go,.pixel-ratio-1 .my-page .set-password .go{display:none}.me-page .user-agreement,.my-page .user-agreement{margin:100px auto 10px;text-align:center;text-decoration:underline}.me-page .label-switch,.my-page .label-switch{margin-right:10px}.me-page .list .list-item,.my-page .list .list-item{padding:0;border-bottom:0}.me-page .setting-block li:last-child .flex-item.full,.my-page .setting-block li:last-child .flex-item.full{border-bottom:0}.me-page ul a:last-child .flex-item.full,.my-page ul a:last-child .flex-item.full{border-bottom:0}.me-page ul div:last-child .flex-item.full,.my-page ul div:last-child .flex-item.full{border-bottom:0}.me-page .list .flex-item .media,.my-page .list .flex-item .media{margin:0 15px;color:#ddd}.me-page .me-item .flex-item.full,.my-page .me-item .flex-item.full{padding:8px 0;border-bottom:1px solid #eee}.me-page .me-item .flex-item span,.my-page .me-item .flex-item span{margin-right:10px;color:#9c9c9c}.me-page .material-icons,.my-page .material-icons{font-size:20px}.me-page .my-level .material-icons,.my-page .my-level .material-icons{color:#a2d66b}.me-page .notable .material-icons,.my-page .notable .material-icons{color:#ff7583}.me-page .my-gamefriends .material-icons,.my-page .my-gamefriends .material-icons{color:#6bc1ff}.me-page .my-topics .material-icons,.my-page .my-topics .material-icons{color:#6bc1ff}.me-page .my-comments .material-icons,.my-page .my-comments .material-icons{color:#f5b553}.me-page .my-favorates .material-icons,.my-page .my-favorates .material-icons{color:#ff7583}.me-page .my-account .material-icons,.my-page .my-account .material-icons{color:#a2d66b}.me-page .my-setting .material-icons,.my-page .my-setting .material-icons{color:#6bc1ff}.me-page .medal-general .medal-wrapper,.my-page .medal-general .medal-wrapper{display:inline-block;height:100%;vertical-align:middle}.me-page .medal-general .medal,.my-page .medal-general .medal{width:20px;height:20px;margin-right:5px;vertical-align:middle}.v-middle span{vertical-align:middle}.notable-page .user-link{max-width:25%;display:block}.notable-page .avatar{display:inline-block;margin-bottom:5px}.notable-page .avatar,.notable-all-page .avatar,.like-list-page .avatar{width:35px;height:35px;border-radius:18px;vertical-align:middle}.notable-page .list-item{height:100%;padding:10px 5px;-webkit-box-sizing:border-box;box-sizing:border-box}.notable-page .list-item .value,.notable-all-page .not-cut .value{font-size:12px;color:#a6a6a6}.notable-all-page .value{font-size:12px;color:#ff9314;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.notable-all-page .rank{color:#999;width:40px;font-size:18px;text-align:center}.notable-all-page .not-cut li:nth-of-type(1) .rank{color:gold}.notable-all-page .not-cut li:nth-of-type(2) .rank{color:silver}.notable-all-page .not-cut li:nth-of-type(3) .rank{color:#ad6969}.notable-page .name,.notable-all-page .name{color:#454545}.modal-button,.modal-buttons .button{-webkit-box-flex:1;-webkit-flex:1;flex:1}.modal-text{max-height:320px;overflow:auto}.float-button{position:fixed;right:20px;bottom:30px;width:60px;height:60px;border-radius:60px;background-color:#30A3FF;text-align:center;z-index:100;-webkit-box-shadow:0 8px 10px -4px #92B0CC;box-shadow:0 8px 10px -4px #92B0CC}.float-button .material-icons{font-size:32px;line-height:60px}.arrow-up{position:fixed;left:20px;bottom:30px;width:30px;height:30px;border-radius:5px;background-color:#999;text-align:center;z-index:100;display:none}.arrow-up .material-icons{font-size:32px;line-height:30px}.float-button.goto-stage-button{line-height:44px;color:#fff;width:44px;height:44px}.float-button.goto-stage-button .material-icons{font-size:24px;line-height:44px;color:#fff}.photo-browser .center.sliding{padding-right:12px}.message-page .tab,.strategy-page .tab,.stages-page .tab{position:absolute;top:-12px;left:0;right:0;bottom:0;padding-top:48px;overflow:auto}.message-page .page-content,.stages-page .page-content,.strategy-page .page-content,.explore-page .page-content{overflow:hidden}.explore-page .tab.page-content{overflow:auto;top:-12px}.my-level-page .my-level{font-size:16px;padding:5px;color:#777}.my-level-page .level-img,.level-info-popup .level-img{width:28px;height:28px;position:absolute;margin-top:-3px}.level-info-popup .level-title,.my-level-page .level-title{margin-left:32px}.my-level-page .list-title:before{background:#badba0}.my-level-page .icon-level-help{position:absolute;margin-top:-4px;margin-left:3px;font-size:22px;color:#badba0}.my-level-page .user-level{display:-webkit-box;display:-webkit-flex;display:flex;max-width:600px;margin:10px auto 0;padding:0 10px;color:#badba0}.my-level-page .user-level .progress{height:18px;line-height:18px;-webkit-box-flex:1;-webkit-flex:1;flex:1;margin:0 20px;-webkit-align-self:center;align-self:center}.my-level-page .user-level .current-exp{color:#548c29}.level-info-popup .table th,.my-level-page .table th{color:#badba0}.level-info-popup .table th{width:33.33%}.my-level-page .table th{text-align:left}.unread-count{display:inline-block;height:18px;line-height:18px;border-radius:18px;min-width:12px;padding:0 3px;border-radius:18px;background:red;color:#fff;font-size:12px;z-index:3}.app-action{visibility:hidden}.has-app-action .app-action{visibility:visible}.subject-page .subject-icon{width:64px;height:64px}.subject-page .subject-title{margin:8px 0}.subject-page .info{font-size:12px;color:#777}.subject-header.media{position:relative}.subject-header #shield{position:absolute;right:10px;top:25px}.search-topic-form{position:relative;padding:5px 6px 2px 7px;width:100%;background:#fff;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none}.search-topic-form .topic-search-icon{position:relative;float:left;text-align:center;width:25px;height:25px;font-size:10px;line-height:27px;color:#828282}.topic-search-icon .material-icons{font-size:.875rem}.search-topic-form .search-topic{float:right;width:66px;text-indent:6px;font-size:1rem;color:#1e90ff;text-decoration:none;text-align:center;text-shadow:0 1px 0 #fff}.search-topic-form .input-box{overflow:hidden}.search-topic-form .input-topic{overflow:hidden;background:#eaeaea;border-radius:3px}input[type=search]::-webkit-search-cancel-button{display:none}.search-topic-form .search{margin:0;border:0;padding:3px 0;width:100%;height:25px;font-size:.875rem;background:0 0;vertical-align:top;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none}.search-topic-form .search-topic-btn{float:right;height:32px;padding:0 8px;border-radius:13px;border:solid 1px #efefef;line-height:30px;display:inline-block;margin:8px 5px 0 0;font-size:12px}.search-result.page-content{overflow:auto;top:50px;z-index:1}.search-page .page-content,.square-page .page-content{background:#fff}.search-page .list-block{margin:auto;top:40px;z-index:1}#search-latest-list{margin:0;position:absolute;top:48px;z-index:2;padding:4px 8px 0;opacity:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:top,opacity,transform}@-webkit-keyframes searchLatestListShow{0%{top:76px;opacity:0}30%{top:72px;opacity:.4}100%{top:48px;opacity:1}}@keyframes searchLatestListShow{0%{top:76px;opacity:0}30%{top:72px;opacity:.4}100%{top:48px;opacity:1}}@-webkit-keyframes searchLatestListHide{0%{top:48px;opacity:1}70%{top:72px;opacity:.4}100%{top:76px;opacity:0}}@keyframes searchLatestListHide{0%{top:48px;opacity:1}70%{top:72px;opacity:.4}100%{top:76px;opacity:0}}#search-latest-list .list-frame{border:#d6d6d6 solid 1px;border-radius:7px;overflow:hidden}#search-latest-list ul{border-radius:8px}.search-latest-header{height:30px;line-height:30px;font-size:14px;padding:3px 12px 0 8px}.clear-history{height:22px;line-height:26px;color:#1e90ff;border-bottom:solid #1e90ff 1px}.search-item{position:relative;border-bottom:1px solid #f5f5f5;background-color:#fff;z-index:1;min-height:44px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 9px}.search-item .line{line-height:15px}.search-item .history-icon{margin:0;vertical-align:middle}.search-item .item-main{display:inline-block;max-width:250px;vertical-align:middle}.search-item .material-icons{font-size:18px}.search-item .center{text-align:center;line-height:44px}.search-topic-form .clear-icon{position:relative;float:right;display:none;margin:5px;width:15px;height:15px;background:#bdbdbd;border-radius:7px}.search-topic-form .clear-icon::before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.search-topic-form .clear-icon::after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.search-topic-form .clear-icon::before,.search-topic-form .clear-icon::after{content:' ';position:absolute;top:7px;left:3px;width:9px;height:1px;background:#fff}.subjects-page .subject-list-title{background:#fff;z-index:11;border-bottom:1px solid #eee;line-height:28px;position:relative}.subjects-page .subject-list-title .title{border-bottom:0;display:inline-block;font-size:16px;color:#545454}.subjects-page .note{float:right;margin:auto 12px;color:#b9b9b9;line-height:44px}.subjects-page .page-content{overflow:auto;top:-3px}.subjects-page .subject-list-item{border-bottom:1px solid #eee}.subjects-page .item-info{display:inline-block;margin:auto 6px;position:absolute;top:0;bottom:0}.subjects-page .item-info .item-main{line-height:44px}.subjects-page .number-circle{display:inline-block}.subjects-page .flex-item{line-height:44px}.subjects-page .number{margin-right:6px}.subjects-page .number-text{width:25px;display:inline-block;text-align:center}.subjects-page .subject-item{border-bottom:0}.my-gamefriends-page .follow-icon{padding:2px 10px;background:#30A3FF;color:#fff;border-radius:2px;border:solid 1px #30A3FF;border-radius:22px}.follow-icon.followed{background:#fff;color:#30A3FF}.my-gamefriends-page .my-gamefriends-item .name{color:#000}.my-gamefriends-page .avatar{width:35px;height:35px;border-radius:18px;vertical-align:middle}.background-popup .list .gallery-item{width:50%;padding-top:33.33%}.stage-page .stage-recommend-list.list-block{margin-top:0}.lottery-page .content-block .lottery-info{padding-top:5px}.add-signin-page .page-header{height:30px;line-height:30px;padding:20px 40px;padding-right:30px}.add-signin-page .check-cards{border:1px solid #03a9f4;border-radius:10px;color:#03a9f4;height:30px;line-height:30px}.add-signin-page .card-number{color:#03a9f4;font-size:20px;vertical-align:bottom;margin:auto 5px}.add-signin-page .rule-info{background:#fff}.add-signin-page .rules{padding:10px}.add-signin-page .list-block .list-title:before{background:#03a9f4}.add-signin-page .signin-calendar{margin-top:5px;padding:0 15px}.add-signin-page .content-block-innner{padding:0;margin-right:-15px;width:auto}.add-signin-page .picker-modal{height:320px}.add-signin-page .picker-modal .toolbar+.picker-modal-inner{height:-webkit-calc(100% - 44px);height:calc(100% - 44px)}.add-signin-page .calendar-custom-toolbar:after{content:'';position:absolute;left:0;top:0;bottom:auto;right:auto;height:1px;width:100%;background-color:#c4c4c4;display:block;z-index:15;-webkit-transform-origin:50% 0;transform-origin:50% 0}.add-signin-page .picker-modal .toolbar a.link{width:12px;height:20px}.add-signin-page .navbar-inner,.toolbar-inner{padding-bottom:10px}.add-signin-page .day-signed span{background-image:url(//sff.happyelements.com/mobile/static/img/signed_3801b16.png);-webkit-background-size:30px auto;background-size:30px;background-position-y:1px;background-repeat:no-repeat}.add-signin-page i.icon{width:7px;height:12px}.add-signin-page .picker-calendar-day.picker-calendar-day-selected.day-lastmonth span{background:#fff;color:#000}.add-signin-page .picker-calendar-day.picker-calendar-day-today span{color:#03a9f4;background-color:#fff}.add-signin-page .picker-calendar-day.picker-calendar-day-today.picker-calendar-day-selected span{background:#03a9f4;color:#fff}.add-signin-page .link.icon-only.disabled{opacity:0}.add-signin-page .picker-calendar-day.picker-calendar-day-prev,.add-signin-page .picker-calendar-day.picker-calendar-day-next,.add-signin-page .picker-calendar-day.day-signed,.add-signin-page .picker-calendar-day.day-future{pointer-events:none}.add-signin-page .picker-calendar-day.picker-calendar-day-prev,.add-signin-page .picker-calendar-day.picker-calendar-day-next{pointer-events:none;opacity:0}.add-signin-page .picker-calendar-day.day-future{color:#d4d4d4;cursor:auto}.add-signin-page .signin-record .desc{text-align:center;font-size:16px;margin-bottom:10px}.add-signin-page .signin-record .signin-runningdays{color:#ec7c30;font-weight:700;font-size:22px;margin:auto 5px}.add-signin-page .signin-record .add-signin{background:#03a9f4;color:#fff;width:100%;height:42px;line-height:42px;font-size:16px;border-radius:5px;margin-bottom:15px}.add-signin-page .signin-record .add-signin.disabled{background:#d1d1d1;opacity:1;pointer-events:all}.signin-cards-page .page-header{height:30px;line-height:30px;padding:20px 40px;padding-right:30px;color:#000}.signin-cards-page .get-cards{border:1px solid #03a9f4;border-radius:10px;color:#03a9f4;height:30px;line-height:30px}.signin-cards-page .card-number{color:#03a9f4;font-size:20px;vertical-align:bottom;margin:auto 5px}.signin-cards-page .list-block .list-title:before{background:#03a9f4}.signin-cards-page .list-block .list-title{color:#000}.signin-cards-page .card-img{width:100px}.signin-cards-page .card-count{font-size:16px;color:#000}.signin-cards-page .expire-time{margin-top:10px;color:#000}.modal-button.button-roger,.modal-buttons .button.button-roger{-webkit-box-flex:.3;-webkit-flex:.3;flex:.3;margin-left:auto;margin-right:auto}.tip-popup{color:#000}.tip-title{text-align:center;margin-bottom:10px;font-size:20px}.tip-content{font-size:14px;color:#000}.topic-page .page-content .wrapper{height:100%}.popup{overflow:hidden;height:100%}.popup-topic-actions{top:auto;bottom:0;height:293px;background:#e6e6e6}.popup-topic-actions .action-item{display:inline-block;text-align:-webkit-center;border-bottom:0;display:table-cell}.popup-topic-actions .action-list.list{background:#e6e6e6;overflow-x:auto}.popup-topic-actions .action-list::-webkit-scrollbar{display:none}.popup-topic-actions .action-list.list .list-item.action-item{background-color:#e6e6e6;border-bottom:0;padding:8px 4px;height:70px;width:60px}.popup-topic-actions .action-icon{width:24px;height:24px}.popup-topic-actions .action-deliver{margin:0 10px;opacity:.4}.popup-topic-actions .action-wrapper{width:24px;height:24px;padding:12px;margin-bottom:4px;background:#fff;border-radius:10px}.popup-topic-actions .action-desc{font-size:12px;color:#000}.popup-topic-actions .cancel{width:100%;text-align:center;background:#f6f6f6;line-height:48px}.popup-topic-actions .share-hint{margin:10px 10px 0;font-size:14px}.collection-page .page-content .list-block{margin-bottom:0}.index-pop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:1000;color:#fff}.index-pop .bottom-btn{color:#fff}.index-pop .countdown{position:absolute;top:0;left:0;margin:5px;text-align:left}.index-pop .core{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;left:0;margin:auto;text-align:center}.index-pop .pop-close{position:absolute;top:-40px;font-size:40px;right:7.5%;width:32px;height:32px;-webkit-background-size:cover;background-size:cover;background-image:url(//sff.happyelements.com/mobile/static/img/icon-pop-close_1530637.png)}.index-pop .pop-img img{width:85%}.my-medals-page .tip{background-color:#fff;color:#6c6c6c;padding:10px 20px}.my-medals-page .medal-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.my-medals-page .medal-detail{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin:0 20px;overflow:hidden}.my-medals-page .medal-detail .desc{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.my-medals-page .medal-detail .name{font-weight:700;color:#000}.my-medals-page .medal-img{width:36px;height:36px}.my-medals-page .medal-item .wear{background:#2596f1;color:#fff;width:50px;height:28px;min-width:0;line-height:27px;font-size:12px;border-radius:5px}.my-medals-page .all-medals{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:flex-start;align-content:flex-start;background-color:#fff}.my-medals-page .all-medal-item{background-color:#fff;-webkit-box-flex:0;-webkit-flex:0 0 25%;flex:0 0 25%;margin:10px 0;text-align:center;overflow:auto}.my-medals-page .all-medals .tip-item{position:relative;padding:10px;border-bottom:1px solid #eee;background-color:#fff;z-index:1;-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center}.user-medals-page .medal-list{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.user-medals-page .medal-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:25%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;padding:10px 0;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.user-medals-page .medal-detail{overflow:hidden}.user-medals-page .medal-detail .name{color:#000}.have-medal{-webkit-filter:grayscale(0)!important;filter:grayscale(0)!important}.user-medals-page .medal-img{width:36px;height:36px}.user-medals-page .medal-item .wear{background:#2596f1;color:#fff;width:50px;height:28px;min-width:0;line-height:27px;font-size:12px;border-radius:5px}.user-medals-page .all-medals{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:flex-start;align-content:flex-start;background-color:#fff}.user-medals-page .all-medal-item{background-color:#fff;-webkit-box-flex:0;-webkit-flex:0 0 25%;flex:0 0 25%;margin:10px 0;text-align:center;overflow:auto}.user-medals-page .view-item{text-align:center}.user-medals-page .view-item a{color:#2596f1}#alert_wd{width:130px;height:110px;position:fixed;font-size:16px;left:57px;top:240px;z-index:99999999;background:rgba(0,0,0,.7);border-radius:8px;text-align:center;color:#fff;display:none}#alert_title{padding:20px;height:70px;line-height:25px}#alert_title img{width:45px;height:45px}.topic-content{resize:none;line-height:1.4;padding-top:8px;padding-bottom:7px;height:180px;outline:0;font-size:16px;overflow:auto}.topic-content img{width:70%}.topic-content:empty:before{content:'内容 | 4-5000字';color:#bfbfbf;font-size:16px}.my-black-list-bottom{border-bottom:1px solid #eee!important}.btn-shadow{display:none;background-color:#eee;width:100%;height:50px;line-height:50px;z-index:9999;position:fixed;-webkit-transform:none;transform:none;bottom:0;left:0;padding:5px 2%}.btn-shadow .button{border:0}.btn-shadow .btn-div{text-align:center;height:40px;line-height:50px;width:48%;float:left}.btn-shadow .button{padding:0 20px;margin-top:7px;color:#fff;border-radius:34px}.btn-shadow .follow-icon{background:#30A3FF;border:solid 1px #30a3ff;line-height:34px}.btn-shadow .break{float:left;width:1px;height:28px;background:#BDBDBD;margin:11px 0}.btn-shadow .followed{background:#fff!important;color:#30A3FF!important}.btn-shadow .remove-blacklist-btn{background:#8C8C8C}.btn-shadow .message-icon{background:#FDBE00;border:solid 1px #FDBE00}.btn-shadow .message-icon-disabled{background:#CACACA}.btn-shadow .message-icon img{width:23px;height:23px}.blacklist-item{height:50px;width:100%}.blacklist-item .black-list-infos{float:left;padding-left:7px;line-height:26px}.blacklist-item .black-list-infos div:first-child{font-size:15px;color:#292421}.blacklist-item img{width:50px;height:50px;border-radius:50%;vertical-align:middle;float:left}.me-quick-link a,.me-quick-link .link-item{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;height:45px;line-height:18px;text-align:center}.me-quick-link a{font-size:12px;color:#4f4f4f}.me-quick-link a .count{font-size:16px;color:#373737;font-weight:700;display:block;position:relative}.message-board-title{text-align:center;display:block;font-size:16px;color:#000}.message-board-title .right{display:none;position:absolute;font-size:14px;color:#393939;right:10px}.message-item .content-message{color:#393939;padding:7px 0;text-align:center}.message-item .name-info{width:100%}.message-item .name{color:#393939}.message-item .set-private{color:#66A3FF}.message-item .private_status{color:#B6B6B6}.profile-page .profile{-webkit-transform:none;transform:none}.has_new_game_friends{display:inline-block;width:8px;height:8px;background-color:red;border-radius:50%;position:absolute}.is_new_game_friend{display:inline-block;width:8px;height:8px;background-color:red;border-radius:50%;margin-right:5px}.profile-page .topic-list:after{width:100%;height:55px;display:table;content:" ";background:#efefef}.my-message-page blockquote{padding:15px 10px 5px!important;background:none!important;margin-top:5px!important;border-top:solid 1px #eee!important;text-align:left}.my-message-page .list-item{border-bottom:8px solid #eee}.my-message-page .comment-detail{margin-left:0!important}.my-message-page .basic{line-height:36px!important}.my-message-page .avatar{margin-top:0!important}.my-message-page .name{margin-left:8px!important}.my-message-page .info{text-align:left;padding:12px 2% 0!important}.message-page .avatar{width:40px}.my-message-page .content-text{padding:13px 0;font-size:15px;text-align:left}.my-message-page .my-message-bar{display:none}.miniProgram-nav{border-top:solid 1px #EEE;border-bottom:solid 1px #EEE;background:#F9F9F9;width:100%;height:2.81rem}.miniProgram-back{color:#5E5E5E;height:2.81rem;line-height:2.81rem;cursor:pointer;margin-left:.35rem;font-size:.9rem}.miniProgram-index{color:#5E5E5E;height:2.81rem;line-height:2.81rem;cursor:pointer;width:4.3rem;font-size:.9rem}.four-star-stage-symbol{width:10%;float:left;height:36px;line-height:36px;font-size:1.3rem}.register-guide-btn{cursor:pointer;color:#03a9f4}.index-abtest{position:absolute;bottom:30px;left:.8rem;width:-webkit-calc(100% - 120px);width:calc(100% - 120px);max-width:16.8rem;height:3.5rem;z-index:999;color:#836643;font-size:.91rem;background:-webkit-gradient(linear,left top,right top,from(#a8ecff),color-stop(#aceffb),to(#e5f9d6));background:-webkit-linear-gradient(left,#a8ecff,#aceffb,#e5f9d6);background:linear-gradient(to right,#a8ecff,#aceffb,#e5f9d6);border-radius:12px;padding:4px 14px;-webkit-box-shadow:0 2px 0 rgb(0,0,0,.15);box-shadow:0 2px 0 rgb(0,0,0,.15);cursor:pointer}.index-abtest .abtest-core{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;height:100%}.index-abtest #abtest-goto{width:3.8rem;height:1.2rem;font-size:.82rem;margin:0 8px;padding:6px;text-align:center;color:#fff;background:-webkit-gradient(linear,left top,right top,from(#2385ff),to(#01afff));background:-webkit-linear-gradient(left,#2385ff,#01afff);background:linear-gradient(to right,#2385ff,#01afff);border-radius:1.2rem}.index-abtest #abtest-text-frame{width:-webkit-calc(100% - 3.8rem - 34px);width:calc(100% - 3.8rem - 34px);margin-left:6px;height:auto}.index-abtest img{height:100%}.index-abtest .close{position:absolute;top:.6rem;right:.6rem;width:.6rem;height:.6rem;-webkit-background-size:cover;background-size:cover;background-image:url(//sff.happyelements.com/mobile/static/img/abtest-close_29f1eba.png)}.index-abtest #title{color:#29a8ff}.view-original{margin:0!important;color:#6097D6}.browser-go-home{color:#fff;right:20px;bottom:70px;width:60px;height:48px;font-size:15px;position:fixed;border-radius:60px;background-color:#6ACD20;text-align:center;line-height:18px;z-index:100;padding-top:12px;-webkit-box-shadow:#7f7f7f 0 5px 15px;opacity:.85}.welfare-icon{background:transparent;outline:0;border-width:0;position:fixed;left:12px;width:72px;bottom:26px;z-index:100}.avatar-list-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;min-height:132px;max-height:200px}.modal-avatar{border-radius:44px;width:44px;display:block;margin:0 auto;height:44px}.modal-avatar-frame{width:64px;height:64px;margin:-54px auto auto 6px;display:block}.modal-avatar-div{font-size:12px;color:#000;padding:12px 0 14px;width:33%;float:left;text-align:center}.modal-avatar-btn{display:inline-block;margin-top:4px;border-radius:18px;padding:2px 6px;border:1px solid #A6A6A6;color:#A6A6A6}.avatar_can_use{border:1px solid #679EF2;color:#679EF2}.popup-add-message .notice-gift,.message-info-page .notice-gift,.my-message-page .notice-gift,.message-page .notice-gift{height:50px;padding:10px 0;width:100%}.popup-add-message .notice-gift img,.message-info-page .notice-gift img,.my-message-page .notice-gift img,.message-page .notice-gift img{float:left;width:50px;margin:0}.popup-add-message .notice-gift span,.message-info-page .notice-gift span,.my-message-page .notice-gift span,.message-page .notice-gift span{display:block;width:-webkit-calc(100% - 70px);width:calc(100% - 70px);float:left;color:#000;line-height:50px;height:50px;text-align:left;padding:0 10px;background-color:#efefef;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-message-page .user-list{background:#eee}.my-message-page .list-block{margin:7px!important}.my-message-page .list-item{overflow:hidden;border-radius:9px;border:0;margin-bottom:8px}.notice-gift-frame #message-gift{width:15px;height:15px;vertical-align:middle}.notice-gift-frame .material-icons{font-size:18px;line-height:20px;color:#63DA2C}.delete-comment,.like-comment{margin-right:12px}.delete-comment,.like-comment,.reply-comment{font-size:14px!important}.delete-comment .material-icons,.like-comment .material-icons,.reply-comment .material-icons{font-size:16px!important;line-height:20px}.modal-follow-user{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.modal-follow-user .follow-user{width:33%;text-align:center;padding:5px 0}.modal-follow-user .follow-user img{width:42px;height:42px;border-radius:42px;margin-bottom:-2px}.modal-follow-user .follow-user-nickname{color:#505050;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.modal-follow-user .follow-user-fans{color:#7f7f7f;font-size:12px;margin-top:-4px}.modal-follow-button{color:#277ED1}.real-search-input{display:inline-block;overflow:hidden;height:30px;float:left}.real-search-input:focus{border:0;outline:0}.search-page .search-input i{float:left}.cut-line{height:2px;background:#888}.square-page .node-region,.square-page .notable-region{border-top:solid #efefef 2px}.square-page .region{padding:8px}.square-page .region-title{font-size:14px;font-weight:700}.square-page .region-flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.square-page .region-flex .item{width:25%;text-align:center;padding:8px 0;font-size:12px}.square-page .region-flex .item img{width:32px}.search-page #hot-search{padding:8px}.search-page .hot-search-flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.search-page .hot-search-flex .item{border:solid 1px #30a3ff;padding:2px 7px;margin:8px;border-radius:10px;font-size:14px;background:#e6f4fc;color:#505050}.search-page .hot-search-title{font-size:14px;font-weight:700}.notable-all-page .page-content{background:#94ab21}.notable-all-page .rank-top-frame{position:relative}.notable-all-page .rank-top-frame .bg{display:block;width:100%;max-height:484px}.notable-all-page .rank-list{position:relative;width:90%;margin:0 auto;overflow:scroll;border-top-left-radius:10px;border-top-right-radius:10px}.notable-all-page .real-rank-frame{width:100%;max-width:414px;height:100%;position:absolute;bottom:0;left:0;text-align:center}.real-rank-frame .rank-title{width:69.44%;max-width:288px;margin-top:18px}.real-rank-frame .rank-title-npc{width:12.13%;max-width:50px;position:absolute;top:140px;right:48px}.real-rank-frame .rank-podium{width:100%;position:absolute;bottom:0;left:0}.real-rank-frame .top3-frame{width:90%;display:-webkit-box;display:-webkit-flex;display:flex;margin:0 auto;-webkit-justify-content:space-around;justify-content:space-around;position:relative;bottom:-60px;left:0}.real-rank-frame .top3-frame .top3-child-frame{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;width:26%;text-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.real-rank-frame .top3-frame .rank-top3-user-avatar{width:54px;height:54px;border-radius:54px}.real-rank-frame .top1 .rank-top3-user-avatar{width:68px!important;height:68px!important;border-radius:68px!important}.real-rank-frame .top3-frame .rank-top3-user-avatar-frame{position:relative;width:62px;top:-64px}.real-rank-frame .top1 .rank-top3-user-avatar-frame{width:74px;top:-81px}.real-rank-frame .top3 .rank-top3-user-avatar-frame{top:-66px}.real-rank-frame .top2{margin-top:86px}.real-rank-frame .top3{margin-top:96px}.real-rank-frame .top3-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;position:relative;top:-66px;color:#fff}.real-rank-frame .top1 .top3-name{top:-81px}.real-rank-frame .top3 .top3-name{top:-66px}.rank-list .list .flex-item{padding:10px 0;margin:0 10px}.real-rank-frame .top3-value-frame{position:absolute;width:84%;left:8%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;bottom:26px}.real-rank-frame .top3-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:80%;color:#fff;border-radius:50px;padding:1.4px 6px;background:#83a3ba;position:relative;-webkit-box-shadow:0 2px #718ca0 inset;box-shadow:0 2px #718ca0 inset;-webkit-flex-basis:23%;flex-basis:23%;font-size:13px;font-weight:500}.real-rank-frame .top3-value:nth-child(2){background:#fb790f;-webkit-box-shadow:0 2px #d8680d inset;box-shadow:0 2px #d8680d inset;-webkit-flex-basis:28%;flex-basis:28%;padding:2.5px 8px}.real-rank-frame .top3-value:nth-child(3){background:#d98643;-webkit-box-shadow:0 2px #ba733a inset;box-shadow:0 2px #ba733a inset}.notable-all-page .notable-hot-icon{width:12px;margin-right:4px}.null-icon{display:block;width:100px;margin:0 auto}.square-top-image{width:100%;height:-webkit-calc(100vw/2.4);height:calc(100vw/2.4);max-height:-webkit-calc(900px/2.4);max-height:calc(900px/2.4)}.level-time{font-size:13px;color:#6d6d72;text-align:right;width:-webkit-calc(100% - 10px);width:calc(100% - 10px);display:block;margin-top:8px;margin-bottom:-6px;margin:8px 0 -6px 0}.mini-tools-icon{position:fixed;left:-20px;z-index:99;background:#27ff00;border-radius:30px;width:40px;text-align:right;padding:0 8px;bottom:65px;color:#fff}.mini-tools-button{padding:1px 9px;border-radius:7px;border:0;background:#30A3FF;color:#fff;font-size:14px;margin:6px 10px}.bag-page .tab{position:absolute;top:-12px;left:0;right:0;bottom:0;padding-top:48px;overflow:auto}.bag-page .list{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:flex-start;align-content:flex-start;background-color:#fff;min-height:-webkit-calc(100% - 47px);min-height:calc(100% - 47px)}.bag-page .list .item{text-align:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.bag-page .all-medal-item{-webkit-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;margin:10px 0 0}.bag-page .medal-detail .desc{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bag-page .medal-detail .name{font-weight:700;color:#000}.bag-page .medal-img{width:36px;height:36px}.bag-page .ungot{opacity:.5}.bag-page .all-frame-item{-webkit-flex:0 0 33%;-webkit-box-flex:0;flex:0 0 33%;margin:10px 0}.bag-page .frame-img{width:64px;height:64px}.bag-page .all-avatar-item{-webkit-box-flex:0;-webkit-flex:0 0 33%;flex:0 0 33%;margin:10px 0}.bag-page .avatar-img{width:80px;height:80px}.bag-page .all-bg-item{display:block;width:100%;text-align:center;overflow:hidden}.bag-page .bg-img{width:98%;height:150px;object-fit:cover}.bag-first-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-flex:0;-webkit-flex:0 0 25%;flex:0 0 25%;color:#30A3FF;-webkit-box-sizing:border-box;box-sizing:border-box}.bag-first-item i{font-size:27px}.bag-first-item.uninuse-title{margin:10px 0 0}.bag-first-item.uninuse-frame{-webkit-box-flex:0;-webkit-flex:0 0 33%;flex:0 0 33%}.bag-first-item.upload-avatar{-webkit-box-flex:0;-webkit-flex:0 0 33%;flex:0 0 33%;position:relative}.bag-first-item.upload-bg{-webkit-box-flex:0;-webkit-flex:0 0 100%;flex:0 0 100%;position:relative}.bag-first-item.upload-avatar i{font-size:24px}.profile .peak-level{width:28px;height:28px;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.profile .peak-level .peak-level-bg{width:28px;height:28px;position:absolute;z-index:0}.profile .peak-level .peak-level-num{z-index:1;color:#fcfb87;font-weight:bolder;font-size:12px;-webkit-transform:scale(0.78);transform:scale(0.78)}.timeline-main{background:url(//sff.happyelements.com/mobile/static/img/timeline-bg_22196ed.png);padding:8px;-webkit-background-size:contain;background-size:contain}.hbact-page .not-allow-show-page,.xxlhorse-page .not-allow-show-page{width:100vw;height:100vh;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;background:#efeff4;position:fixed;top:0;left:0}.hbact-page img{width:100%;display:block}.hbact-page .hb-apply{width:37.82%!important;margin:7px 31.09%;display:inline-block}.hbact-page .hbact-middle{background:url(//fcupload.happyelements.com/uploads/image/20211120/b9009805a0f1d28928c5d149b48e6850.jpg);-webkit-background-size:100% 100%;background-size:100% 100%}.hbact-page .bottom-frame{background:url(//fcupload.happyelements.com/uploads/image/20211120/1e110d3077e748850e1a7fb667ec8fd7.jpg);position:relative;-webkit-background-size:100% 100%;background-size:100% 100%}.hbact-page .ranklist-frame-bg{width:92.46%;padding-top:2rem;padding-bottom:2.2rem;margin:0 auto}.hb-modal-frame{width:100vw;height:100vh;position:fixed;z-index:99;background:rgba(0,0,0,.6);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.hb-modal{width:80%;height:70%;background:#fbfde7;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:3px solid #f5d477;border-radius:10px;position:relative}.hb-modal .hb-modal-content{width:100%;overflow:auto;height:100%}.hbact-page .rank-frame{width:88.26%;margin:0 auto;background-color:#fefbff;border-radius:10px;position:absolute;left:5.87%;height:50%;bottom:4rem}.hbact-page .hb-ranklist-disable span,.hbact-page .hb-ranklist-disable,.hbact-page .hb-ranklist-empty{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#fc425c;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.hbact-page .hb-ranklist-empty{color:#d68cff!important}.hbact-page .hb-ranklist-empty span{display:-webkit-box!important;display:-webkit-flex!important;display:flex!important;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.hbact-page .hb-clock{width:20px!important}.hbact-page .real-ranklist-frame,.hbact-page .hb-ranklist-disable,.hbact-page .hb-ranklist-empty{height:85%;padding:6px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto}.hbact-page .hb-modal-close{position:absolute;width:36px;height:36px;right:-14px;top:-14px}.hb-rank-item{height:32px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-radius:7px;color:#fff;background-color:#e290f3;padding:0 6px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:4px 0}.hb-rank-item .rank-icon{width:40px}.hb-rank-item .rank-icon .real-rank-icon{width:25px;height:35px;margin-top:3px}.hb-rank-item .rank-name{text-align:center;-webkit-box-flex:6;-webkit-flex:6;flex:6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-rank-item .rank-count{text-align:center;-webkit-box-flex:3;-webkit-flex:3;flex:3}.hb-rank-item .count-icon{width:20px!important;height:20px}.rank-gift-icon{width:24px!important;height:24px;-webkit-box-flex:1;-webkit-flex:1;flex:1}.hbact-page .ranklist-frame-bottom{height:15%;display:-webkit-box;display:-webkit-flex;display:flex;text-align:center;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}.hbact-page .ranklist-frame-bottom .ranklist-frame-bottom-left{width:50%;height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#fecf06;color:#f13f60;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px}.hbact-page .ranklist-frame-bottom .ranklist-frame-bottom-right{height:70%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:50%;background-color:#fecf06;color:#f13f60;border-top-right-radius:10px;border-bottom-right-radius:10px}.hbact-page .hbact-gift-frame{width:92.46%;background:url(//sff.happyelements.com/mobile/static/img/hbact/progress-frame-bg_6efb91a.png);-webkit-background-size:100% 100%;background-size:100% 100%;margin:0 auto}.hbact-page .progress-frame{width:82.51%;position:relative;left:8.745%;padding-top:5rem}.hbact-page .paddingBottom{height:5.6rem;width:100%}.hbact-page .hb-progress-bg{height:12px;z-index:0;position:relative}.hbact-page .hb-progress{position:absolute;border-radius:6px;position:absolute;bottom:0;height:12px;width:100px;z-index:1}.hbact-page .hbact-scroll{overflow:scroll}.hb-progress-gift{padding:6px 0 3px;width:100%}.hb-progress-gift img{display:inline-block;width:42px;position:relative}.hbact-page .hb-progress-stage-item{display:inline-block}.hbact-page .progress-stage-item{width:24px;display:inline-block;position:absolute;top:-6px}.hbact-page .progress-stage-item-text{position:absolute;top:18px;text-align:center;display:block;width:80px;font-size:12px;color:#fc425c}.hbact-page .now-progress{position:absolute;width:34px;position:absolute;z-index:2;bottom:-10px;left:-17px}.hbact-page .top-frame{position:relative}.hbact-page .hbact-guide{width:6.52%;position:absolute;right:10%;bottom:1%}.hbact-page .next-gift{margin:12px auto 0;width:60.99%!important}.hbact-page .collection{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;padding:12px 0 6px}.hbact-page .gift-shake,.act-olympic-page .gift-shake{-webkit-animation:reverse giftShake 2s linear infinite;animation:reverse giftShake 2s linear infinite}.hbact-page .my-pass-log{text-decoration:underline;color:;font-size:16px;display:block;margin:-10px auto 2px auto;text-align:center}.hbact-page .my-hbpass-log{color:#a06852;font-size:14px;display:block;margin:-10px auto 2px auto;text-align:center}.hbact-page .pass-log .pass-log-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:6px 0;font-size:16px;color:#f13f60}.hbact-page .pass-log .pass-log-item-radius{width:60px;height:26px;border-radius:7px;background-color:#f6ebda;color:#f13f60;padding:2px 3px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 5px;display:block;font-size:14px;text-align:center}.hbact-page .pass-log .hb-modal{display:-webkit-box;display:-webkit-flex;display:flex;height:45%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.hbact-page .submit-modal .hb-modal{display:-webkit-box;display:-webkit-flex;display:flex;height:auto;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.hbact-page .pass-log .hb-modal .hb-modal-content{background:#fff}.hbact-page .submit-modal .hb-modal .hb-modal-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.hb-input{background:#f6ebda;color:#f13f60!important;border-radius:7px;border:0!important;height:30px!important;font-size:12px!important;padding:2px 6px!important;display:inline-block!important}.hbact-page .submit-modal .submit-msg-btn{width:47.28%}.hbact-page .submit-modal .submit-item{display:-webkit-box;display:-webkit-flex;display:flex;color:#f13f60;margin:8px 0}.hbact-page .pass-log-title{width:45%}.hbact-page .pass-log-npc{width:70%}@-webkit-keyframes giftShake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}69%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}70%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}80%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}90%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}97%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}99%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes giftShake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}69%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}70%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}80%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}90%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}97%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}99%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.hbact-page .owner-gift-pop{position:absolute;width:150px;top:0}.hbact-page .hb-hide,.act-olympic-page .hb-hide{display:none!important}.act-olympic-top-div .bg,.act-olympic-middle-div .bg,.act-olympic-bottom-div .bg{width:100%;display:block;position:relative;z-index:1}.act-olympic-top-div,.act-olympic-middle-div,.act-olympic-bottom-div{position:relative}.act-olympic-bottom-div .real-bg{width:100%;display:block;position:absolute;z-index:1}.act-olympic-middle-div .body{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}.act-olympic-bottom-div .topframe{width:92.028%;left:3.986%;position:relative;top:0;z-index:2}.act-olympic-bottom-div .topframe-1{width:100%;position:relative}.act-olympic-middle-div .body .apply{width:40%;margin:8px auto 2px;display:block}.act-olympic-middle-div .body .record-log-btn{text-align:center;font-size:15px;color:#4463a8;text-decoration:underline}.act-olympic-top-div .desc{position:absolute;z-index:2;bottom:0;width:25%;right:0}.act-olympic-modal{position:absolute;display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.6);z-index:4;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.act-olympic-modal .body{width:90%;height:auto;margin:0 auto;position:relative;max-width:390px}.act-olympic-modal .body .bg{width:100%;position:absolute}.act-olympic-modal .body .title{position:relative;padding:1.6rem;font-size:20px;font-weight:bolder;color:#fff;text-align:center}.act-olympic-modal .body .content{width:80%;margin:-1rem auto 0 auto;height:12rem;position:relative;overflow:scroll;z-index:3;color:#6697f1}.act-olympic-modal .body .close{width:2rem;position:absolute;z-index:3;top:-2rem;right:0}.act-olympic-page .page-content{overflow:hidden}.act-olympic-page-content{overflow:scroll;height:100%}.act-olympic-page-content .olympic-record-icon{position:absolute;bottom:20px;left:8px;width:60px;height:60px;z-index:3}.act-olympic-middle-div .hbact-gift-frame{width:92.46%;background:url(//sff.happyelements.com/mobile/static/img/hbact/progress-frame-bg_6efb91a.png);-webkit-background-size:100% 100%;background-size:100% 100%;margin:0 auto}.act-olympic-middle-div .reward-panel{position:relative}.act-olympic-middle-div .real-reward{position:absolute;top:0;z-index:3;width:82.51%;left:8.745%}.act-olympic-middle-div .hb-progress-bg{height:12px;z-index:0;position:relative;width:100%}.act-olympic-middle-div .hb-progress{position:absolute;border-radius:6px;position:absolute;bottom:0;height:12px;width:100px;z-index:1}.act-olympic-middle-div .today-reamming-count{position:absolute;z-index:3;bottom:.5rem;text-align:center;width:100%;color:#4463a8;font-size:14px}.act-olympic-middle-div .hb-progress-stage-item{display:inline-block}.act-olympic-middle-div .progress-stage-item{width:14px;display:inline-block;position:absolute;top:-7px}.act-olympic-middle-div .progress-stage-item-text{position:absolute;top:18px;text-align:center;display:block;width:80px;font-size:12px;color:#2d8dc1}.act-olympic-middle-div .now-progress{position:absolute;width:20px;position:absolute;z-index:2;bottom:-10px;left:-10px}.act-olympic-middle-div .help-btn{position:absolute;width:40%;top:0;z-index:3;left:30%}.act-olympic-middle-div .hb-progress-gift{padding:none;width:100%;margin-bottom:-10px}.act-olympic-bottom-div .rank-list-filter{position:absolute;bottom:0;z-index:3;width:78%;left:11%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.act-olympic-bottom-div .rank-list-filter .rank-list-tab{width:49.7%;background:#edc181;color:#fff6d8;padding:7px;text-align:center;font-weight:700;-webkit-box-sizing:border-box;box-sizing:border-box}.act-olympic-bottom-div .rank-list-filter .rank-list-tab:nth-child(1){border-top-left-radius:99px}.act-olympic-bottom-div .rank-list-filter .rank-list-tab:nth-child(2){border-top-right-radius:99px}.act-olympic-bottom-div .rank-list-filter .active{background:#fff6d8;color:#d29845}.act-olympic-bottom-div .refresh-btn{position:absolute;width:40%;top:1rem;z-index:3;left:30%}.act-olympic-bottom-div .today-ranklist{position:absolute;width:86%;left:7%;height:100%;top:0;padding:.6rem 0;z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box}.act-olympic-bottom-div .hb-rank-item{background-color:#fff6d8;height:50px;color:#dfa164;padding:0 12px}.act-olympic-bottom-div .hb-rank-item .rank-icon{width:30px;text-align:center;margin-right:6px}.act-olympic-bottom-div .hb-rank-item .rank-icon .real-rank-icon{width:30px;height:auto!important;margin-top:6px}.act-olympic-bottom-div .rank-gift-icon{height:auto!important}.act-olympic-bottom-div .rank-avatar{width:42px;height:42px;margin-top:6px;border-radius:26px}.act-olympic-bottom-div .hb-rank-item .rank-count{-webkit-box-flex:2;-webkit-flex:2;flex:2;margin:0 .2rem;border-radius:20px;background:#f5dbad;color:#fff}.act-olympic-bottom-div .rank-frame{height:100%;overflow:scroll}.act-olympic-bottom-div .my-rank{position:absolute;z-index:3;width:100%;display:-webkit-box;display:-webkit-flex;display:flex;top:0;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:100%;color:#b56846;font-weight:bolder}.act-olympic-page-content .medal-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin:6px 0;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.act-olympic-bottom-div .myrank-prefix{font-size:21px;font-weight:bolder}.act-olympic-bottom-div .myrank-value,.act-olympic-bottom-div .myrank-score{font-size:18px;font-weight:bolder}.act-olympic-page-content .copy-code,.act-olympic-page-content .set-address{color:#fff;font-size:14px;background-color:#6697f1;padding:2px 6px;border-radius:19px}.act-olympic-page-content .hb-ranklist-disable,.act-olympic-page-content .hb-ranklist-empty{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#fff6d8;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:100%}.hbanniversary-page .hbanniversary-middle{background:url(//fcupload.happyelements.com/uploads/image/20230110/48ffd7e97628b2141639cf5f95b5ed12.jpg);-webkit-background-size:100% 100%;background-size:100% 100%}.hbanniversary-page .hbanniversary-now-progress{position:absolute;width:34px;z-index:2;bottom:0;left:-17px}.hbanniversary-page .hbanniversary-guide{width:6.52%;position:absolute;right:2%;bottom:1%}.hbanniversary-page .hbanniversary-gift-frame{width:92.46%;-webkit-background-size:100% 100%;background-size:100% 100%;margin:0 auto}.hbanniversary-modal{width:90%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.hbanniversary-page .hbanniversary-modal-close{position:absolute;width:10%;right:0;top:8%}.hbanniversary-page .hbanniversary-progress-frame{width:93%;position:relative;left:5%;padding-top:8rem}.hbanniversary-page .hbanniversary-progress-bg{height:30px;z-index:0;width:100%;position:relative}.hbanniversary-page .hbanniversary-gift-img{height:5.5rem;z-index:0;position:relative;padding:0 1rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:2rem}.hbanniversary-page .hbanniversary-all-count{display:-webkit-box;display:-webkit-flex;display:flex;padding:1rem 2rem 3rem;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.hbanniversary-page .hbanniversary-count-reward{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-content:center;align-content:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding-right:2rem}.hbanniversary-page .hbanniversary-gift-tips{font-size:13px;color:#9e5a45;text-align:center;padding-top:.3%}.hbanniversary-page .hbanniversary-count-number{text-align:center;font-size:20px;line-height:1.8;color:#9e5a45;font-weight:bolder}.hbanniversary-page .hbanniversary-count-img{position:relative;width:37.82%}.hbanniversary-page .progress-stage-item{top:2px;height:17px;width:13px}.hbanniversary-page .my-gift-frame{width:100%;-webkit-background-size:100% 100%;background-size:100% 100%;margin:0 auto;position:relative}.hbanniversary-page .my-gift-img{width:100%;height:650px;display:block}.hbanniversary-page .my-gift-middle{width:100%;margin-top:-1px}.hbanniversary-page .my-progress-frame{width:80%;position:absolute;top:13%;left:10%}.hbanniversary-page .hbanniversary-reward-log{background:url(//fcupload.happyelements.com/uploads/image/20230104/276a4b03aed19fc0a25176c9294b3a4e.png);border:0;width:90%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-background-size:100% 100%;background-size:100%;padding:0;height:55%!important;background-repeat:round}.hbanniversary-page .hb-modal-close-log{width:9%;right:0;top:5%;height:auto}.hbanniversary-content center{color:#fff;font-size:19px;font-weight:700}.hbanniversary-page .hbanniversary-submit-modal{background:0 0;border:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-background-size:100% 100%;background-size:100%;padding:0;background-repeat:no-repeat;padding:0 5%}.hbanniversary-page .submit-modal .hb-modal .hb-modal-content{width:100%;height:100%}.hbanniversary-page .submit-modal .submit-msg-content{position:absolute;width:78%;left:11%;top:53%}.hbanniversary-page .submit-modal .submit-msg-btn{width:36%;position:absolute;bottom:5%;left:32%}.hbanniversary-page .submit-modal .submit-item{color:#9e5a45!important;margin:5px 0;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.hbanniversary-page .hb-input{border-radius:11px;color:#fff!important;border:2px solid #fdeed8!important;height:30px!important;background:#9e5a45!important;font-size:12px!important;padding:2px 6px!important;display:inline-block!important}.hbanniversary-page .progress-stage-item-text{color:#9e5a45;top:28px}.hbanniversary-progress-frame .hb-progress-gift{padding:6px 0 10px;text-align:left}.hbanniversary-page .progress-my-stage-item{width:15px;display:inline-block;position:relative;top:0;height:19px}.hbanniversary-page .pass-log-index{width:1.3rem;height:1.3rem;border-radius:50%;background:#9f5d47;text-align:center;margin-right:.5rem}.hbanniversary-page .pass-log .pass-log-item{color:#fff8e3;font-weight:600;font-size:14px;white-space:pre-wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.hbanniversary-page .hb-progress{height:35px}.hbanniversary-page .hb-progress-stage{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.hbanniversary-my-gift-bottom{position:absolute;margin:0 auto;width:120%;left:-10%}.hbanniversary-my-gift-bottom .hbanniversary-gift-tips{padding-top:8%;white-space:nowrap}.hbanniversary-my-gift-bottom .hbanniversary-count-img{height:2rem;position:relative;width:7rem}.wenhao .hbanniversary-modal-close{top:7%!important}.submit-modal .hb-modal-close{position:absolute;width:9%;right:5%;top:5%;height:auto}.hbanniversary-page .last-img-bg-div{position:absolute!important;bottom:0!important;width:0;overflow:hidden}.hbanniversary-page .last-img-bg{width:86vw}.hbanniversary-page .hb-first-bg{height:15px}.hbanniversary-page .hb-last-bg-div{position:absolute;height:20px;overflow:hidden;width:0;object-fit:cover;border-radius:1%;top:79%}.hbanniversary-page .hb-last-bg{position:relative;width:80vw;overflow:hidden;height:14px}@font-face{font-family:fzy4jw;src:url(//sff.happyelements.com/mobile/static/font/fzy4jw_6af9d32.ttf)}.hbanniversary-main{font-family:fzy4jw;overflow-x:hidden}.hbanniversary-page .hb-modal-frame{width:100%}.hbact-page .pass-log .hb-modal .hbanniversary-content{background:transparent!important}.hbanniversary-gift-content{position:absolute;top:23%;left:10%;width:80%;height:68%;overflow:scroll}.hb-modal-content .hbanniversary-content img{height:100%}.all_rewards .progress-stage-item{top:-3px;height:33px;width:28px}.hbanniversary-page .owner-gift-pop-self{position:absolute;width:150px;top:0}.hbanniversary-page .changeAddress{background:#9f5d47;border:0;border-radius:5px;margin-left:auto}.animal-newyear-frame{width:100%;height:100%}.gov-memory-iframe{width:100%;height:100%}.card-animal-2024-iframe{width:100%;height:100%}.xxl-9-frame{width:100%;height:100%}.full-screen{width:100%;height:100%}.topic-page .like-topic{-webkit-box-flex:0!important;-webkit-flex:none!important;flex:none!important;width:66px!important}
/*!/module/component/list/list.css*/
.list blockquote{margin:initial;color:#a6a6a6;background:#fafafa;padding:5px 10px}.list.top-topic-list .list-item{padding:6px 10px}.list .notice-message-item .avatar{width:36px;height:36px}.list .notice-message-item .content{margin:.4em 0}.list .notice-message-item .content img{width:initial;height:initial;display:block;max-width:100%;margin:2px 0}.list .simple-message-item h4{margin:0}.list .simple-message-item .title{margin:4px 0;-webkit-box-flex:1;-webkit-flex:1;flex:1}.list .simple-message-item .complaint{color:#03a9f4}.list .simple-message-item .response,.list .simple-message-item .response_addr,.list .simple-message-item .copy-code,.list .simple-message-item .show-avatar-frame,.list .simple-message-item .system-message-open-topic{color:#03a9f4}.list .tip{font-size:12px;color:#a6a6a6}#public-message .list{background:#eee}.list .public-message-item:not(:first-child){margin-top:5px}.list .public-message-item .content{display:-webkit-box;overflow:hidden;line-height:18px;color:#777;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.list .public-message-item .title{font-size:16px;font-weight:700}.list .public-message-item .cover{position:relative;height:calc(100vw/2.4);height:-webkit-calc(100vw/2.4);width:100%;max-height:calc(900px/2.4);max-height:-webkit-calc(900px/2.4);-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat;background-position:center}.list .public-message-item .info{font-size:12px;color:#777}.list .public-message-item .show-message{margin-top:10px;padding-top:10px;border-top:1px solid #eee}.list .public-message-item .show-message::after{content:'>';float:right}.public-message-popup .page-content{padding-left:10px;padding-right:10px}.list .my-comment-item .content{display:-webkit-box;-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-bottom:3px;margin-right:10px;padding:0;overflow:hidden;line-height:18px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.list .my-comment-item .time{text-align:right;-webkit-align-self:flex-start;align-self:flex-start}.list.user-list .avatar{width:36px;height:36px;border-radius:50%;vertical-align:middle}.act-rank-page{background:#fff!important}.act-rank-page .page-content{width:100%;height:-webkit-calc(100% - 2rem);height:calc(100% - 2rem);margin-top:2rem;-webkit-background-size:100% 100%!important;background-size:100% 100%!important;background:url(//fcupload.happyelements.com/uploads/image/20200723/7a1dcb18b872b90984e9d5e9a6691ae3.jpg)}.act-rank-page .list{background:none!important}.act-rank-page .page-content .list-block{width:100%}.act-rank-page .page-content-list{display:none;height:70%;overflow:auto;margin:0 auto;width:96.25%;border-radius:2.1rem;background:url(//fcupload.happyelements.com/uploads/image/20200723/6e8e675df9d1b89334432ae6dd6ce2c4.png);background-repeat:no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.act-rank-iframe{margin:0!important;padding:0!important;height:100vh!important;border:0!important;max-width:414px!important;max-height:736px!important;width:96%!important;margin-left:2%!important}.act-rank-top-fix img{width:100%;position:fixed;top:0;left:0;z-index:2}.act-rank-list{width:100%;background:none!important}.act-rank-list-item{z-index:3;border-bottom:0!important;padding:10px 0!important;margin:0 auto;width:-webkit-calc(100% - 20px);width:calc(100% - 20px);background-attachment:fixed;background:url(//sff.happyelements.com/mobile/static/img/li-border-bottom_8d7be63.png) no-repeat!important;background-position:left bottom!important;-webkit-background-size:100% 1px!important;background-size:100% 1px!important;display:-webkit-box;display:-webkit-flex;display:flex}.act-rank-list-item:last-child{border-bottom:0!important;background:none!important}.act-rank-list-item .userinfo{line-height:200%;display:inline-block;width:64%;color:#fff;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.act-rank-list-item .userinfo .avatar{position:relative}.act-rank-list-item .rank-top1{margin-top:4px;background-image:url(//sff.happyelements.com/mobile/static/img/rank-top1_e6a464d.png);background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;width:10%;height:22px;z-index:4;background-position:center}.act-rank-list-item .rank-top2{margin-top:4px;background-image:url(//sff.happyelements.com/mobile/static/img/rank-top2_d7f4e86.png);background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;width:10%;height:22px;z-index:4;background-position:center}.act-rank-list-item .rank-top3{margin-top:4px;background-image:url(//sff.happyelements.com/mobile/static/img/rank-top3_8532856.png);background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;width:10%;height:22px;z-index:4;background-position:center}.act-rank-list-item .rank-key{line-height:200%;display:inline-block;width:10%;color:#fff;text-align:center}.act-rank-list-item .rank-value{display:inline-block;width:18%;color:#fff;line-height:30px;text-align:center}.act-rank-page .page-bottom{margin-top:10px}.page-bottom .avatar,.act-rank-list-item .avatar{margin-left:10px;width:30px;height:30px;vertical-align:middle;border-radius:30px;margin-top:-2px}.page-bottom .rank-value-icon,.act-rank-list-item .rank-value-icon{width:20px;height:20px;vertical-align:middle}.act-rank-bottom-fix{position:fixed;width:100%;bottom:-5px;left:0;z-index:2}.page-bottom .bottom-background{width:100%}.page-bottom .my-rank-frame{background:#063c6b;width:96.25%;height:100%;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:flex;border-radius:80px}.page-bottom .my-rank-frame span{font-size:18px;font-weight:bolder;color:#fff}.page-bottom .rank-value{width:50%;text-align:center}.page-bottom .rank-key{text-align:center;width:50%;padding:0 3%}.page-bottom .refresh-rank{display:block;width:32%;height:42px;margin:8px auto 0;-webkit-background-size:contain!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background:url(//fcupload.happyelements.com/uploads/image/20200723/26d7cb3c1fd8c48110067884dff52af0.png)}.page-bottom .refresh-rank:active{-webkit-transform:scale(0.9);transform:scale(0.9)}.act-rank-page .rank-rewards{margin-top:2px;position:absolute;right:-4px;width:26px;height:26px;-webkit-background-size:cover!important;background-size:cover!important;background:url(//sff.happyelements.com/mobile/static/img/rank-rawards-1_8213715.png)}.act-rank-page .rank-rewards-2{-webkit-background-size:cover!important;background-size:cover!important;background:url(//sff.happyelements.com/mobile/static/img/rank-rawards-2_050ac8f.png)}.act-rank-page .rank-rewards-3{-webkit-background-size:cover!important;background-size:cover!important;background:url(//sff.happyelements.com/mobile/static/img/rank-rawards-3_9cf489a.png)}.act-rank-page .rank-label{color:#ffe974!important}.rank-tab-active{display:block!important}.act-rank-tip-item{position:relative;padding:10px;margin-top:49%;border-bottom:0!important;background-color:rgba(0,0,0,0)!important;text-align:center;color:#fff!important;z-index:1}.view-item{width:100%}
/*!/module/emotion/emotion/tab-icon/index.css*/
.emotion-tab-anipop-sister{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/anipop-sister.png)}.emotion-tab-anipop{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/anipop.png)}.emotion-tab-anipop-2021{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/anipop-2021.png)}.emotion-tab-anipop-2022{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/anipop-2022.png)}.emotion-tab-baby-zhang{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/baby-zhang.png)}.emotion-tab-clown-fish{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/clown-fish.png)}.emotion-tab-lemon{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/lemon.png)}.emotion-tab-mothers-day{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/mothers-day.png)}.emotion-tab-pink-aplysia{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/pink-aplysia.png)}.emotion-tab-green-aplysia{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/green-aplysia.png)}.emotion-tab-tsumtsum{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/tsumtsum.png)}.emotion-tab-chicken{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/chicken.png)}.emotion-tab-fox{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/fox.png)}.emotion-tab-newyear-2021{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/newyear-2021.png)}.emotion-tab-newyear-2024{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/newyear-2024.png)}.emotion-tab-cat{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/cat.png)}.emotion-tab-cat-2{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/cat-2.png)}.emotion-tab-cat-3{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/cat-3.png)}.emotion-tab-xxl-minimovie-2021{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/xxl-minimovie-2021.png)}.emotion-tab-octopus{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/octopus.png)}.emotion-tab-redbag2021{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/redbag2021.png);-webkit-animation:icon-bounce 3s infinite;animation:icon-bounce 3s infinite}.emotion-tab-animal2025{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tab-icon/animal2025.png)}
/*!/module/emotion/emotion/chicken/index.css*/
.emotion-chicken.emotion-1{background-repeat: no-repeat;}.emotion-chicken.emotion-10{background-repeat: no-repeat;}.emotion-chicken.emotion-11{background-repeat: no-repeat;}.emotion-chicken.emotion-12{background-repeat: no-repeat;}.emotion-chicken.emotion-13{background-repeat: no-repeat;}.emotion-chicken.emotion-14{background-repeat: no-repeat;}.emotion-chicken.emotion-15{background-repeat: no-repeat;}.emotion-chicken.emotion-16{background-repeat: no-repeat;}.emotion-chicken.emotion-17{background-repeat: no-repeat;}.emotion-chicken.emotion-18{background-repeat: no-repeat;}.emotion-chicken.emotion-19{background-repeat: no-repeat;}.emotion-chicken.emotion-2{background-repeat: no-repeat;}.emotion-chicken.emotion-20{background-repeat: no-repeat;}.emotion-chicken.emotion-3{background-repeat: no-repeat;}.emotion-chicken.emotion-4{background-repeat: no-repeat;}.emotion-chicken.emotion-5{background-repeat: no-repeat;}.emotion-chicken.emotion-6{background-repeat: no-repeat;}.emotion-chicken.emotion-7{background-repeat: no-repeat;}.emotion-chicken.emotion-8{background-repeat: no-repeat;}.emotion-chicken.emotion-9{background-repeat: no-repeat;}
/*!/module/emotion/emotion/fox/index.css*/
.emotion-fox.emotion-1{background-repeat: no-repeat;}.emotion-fox.emotion-2{background-repeat: no-repeat;}.emotion-fox.emotion-3{background-repeat: no-repeat;}.emotion-fox.emotion-4{background-repeat: no-repeat;}.emotion-fox.emotion-5{background-repeat: no-repeat;}.emotion-fox.emotion-6{background-repeat: no-repeat;}.emotion-fox.emotion-7{background-repeat: no-repeat;}.emotion-fox.emotion-8{background-repeat: no-repeat;}.emotion-fox.emotion-9{background-repeat: no-repeat;}.emotion-fox.emotion-10{background-repeat: no-repeat;}.emotion-fox.emotion-11{background-repeat: no-repeat;}.emotion-fox.emotion-12{background-repeat: no-repeat;}.emotion-fox.emotion-13{background-repeat: no-repeat;}.emotion-fox.emotion-14{background-repeat: no-repeat;}.emotion-fox.emotion-15{background-repeat: no-repeat;}.emotion-fox.emotion-16{background-repeat: no-repeat;}.emotion-fox.emotion-17{background-repeat: no-repeat;}
/*!/module/emotion/emotion/anipop/index.css*/
.emotion-anipop.emotion-1{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/1.gif)}.emotion-anipop.emotion-2{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/2.gif)}.emotion-anipop.emotion-3{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/3.gif)}.emotion-anipop.emotion-4{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/4.gif)}.emotion-anipop.emotion-5{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/5.gif)}.emotion-anipop.emotion-6{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/6.gif)}.emotion-anipop.emotion-7{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/7.gif)}.emotion-anipop.emotion-8{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/8.gif)}.emotion-anipop.emotion-9{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/9.gif)}.emotion-anipop.emotion-10{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/10.gif)}.emotion-anipop.emotion-11{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/11.gif)}.emotion-anipop.emotion-12{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/12.gif)}.emotion-anipop.emotion-13{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/13.gif)}.emotion-anipop.emotion-14{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/14.gif)}.emotion-anipop.emotion-15{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/15.gif)}.emotion-anipop.emotion-16{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/16.gif)}.emotion-anipop.emotion-17{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/17.gif)}.emotion-anipop.emotion-18{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/18.gif)}.emotion-anipop.emotion-19{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/19.gif)}.emotion-anipop.emotion-20{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/20.gif)}.emotion-anipop.emotion-21{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/21.gif)}.emotion-anipop.emotion-22{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/22.gif)}.emotion-anipop.emotion-23{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/23.gif)}.emotion-anipop.emotion-24{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/24.gif)}.emotion-anipop.emotion-25{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/25.gif)}.emotion-anipop.emotion-26{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/26.gif)}.emotion-anipop.emotion-27{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/27.gif)}.emotion-anipop.emotion-28{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/28.gif)}.emotion-anipop.emotion-29{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop/29.gif)}
/*!/module/emotion/emotion/anipop-2021/index.css*/
.emotion-anipop-2021.emotion-1{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2021/1.gif)}.emotion-anipop-2021.emotion-2{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2021/2.gif)}.emotion-anipop-2021.emotion-3{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2021/3.gif)}.emotion-anipop-2021.emotion-4{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2021/4.gif)}.emotion-anipop-2021.emotion-5{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2021/5.gif)}.emotion-anipop-2021.emotion-6{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2021/6.gif)}.emotion-anipop-2021.emotion-7{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2021/7.gif)}.emotion-anipop-2021.emotion-8{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2021/8.gif)}.emotion-anipop-2021.emotion-9{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2021/9.gif)}.emotion-anipop-2021.emotion-10{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2021/10.gif)}.emotion-anipop-2021.emotion-11{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2021/11.gif)}.emotion-anipop-2021.emotion-12{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2021/12.gif)}.emotion-anipop-2021.emotion-13{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2021/13.gif)}.emotion-anipop-2021.emotion-14{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2021/14.gif)}.emotion-anipop-2021.emotion-15{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2021/15.gif)}.emotion-anipop-2021.emotion-16{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2021/16.gif)}
/*!/module/emotion/emotion/anipop-2022/index.css*/
.emotion-anipop-2022.emotion-1{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/1.gif)}.emotion-anipop-2022.emotion-2{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/2.gif)}.emotion-anipop-2022.emotion-3{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/3.gif)}.emotion-anipop-2022.emotion-4{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/4.gif)}.emotion-anipop-2022.emotion-5{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/5.gif)}.emotion-anipop-2022.emotion-6{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/6.gif)}.emotion-anipop-2022.emotion-7{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/7.gif)}.emotion-anipop-2022.emotion-8{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/8.gif)}.emotion-anipop-2022.emotion-9{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/9.gif)}.emotion-anipop-2022.emotion-10{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/10.gif)}.emotion-anipop-2022.emotion-11{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/11.gif)}.emotion-anipop-2022.emotion-12{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/12.gif)}.emotion-anipop-2022.emotion-13{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/13.gif)}.emotion-anipop-2022.emotion-14{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/14.gif)}.emotion-anipop-2022.emotion-15{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/15.gif)}.emotion-anipop-2022.emotion-16{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/16.gif)}.emotion-anipop-2022.emotion-17{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/17.gif)}.emotion-anipop-2022.emotion-18{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/18.gif)}.emotion-anipop-2022.emotion-19{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/19.gif)}.emotion-anipop-2022.emotion-20{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/20.gif)}.emotion-anipop-2022.emotion-21{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/21.gif)}.emotion-anipop-2022.emotion-22{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/22.gif)}.emotion-anipop-2022.emotion-23{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-2022/23.gif)}
/*!/module/emotion/emotion/anipop-sister/index.css*/
.emotion-anipop-sister.emotion-1{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-sister/1.gif)}.emotion-anipop-sister.emotion-2{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-sister/2.gif)}.emotion-anipop-sister.emotion-3{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-sister/3.gif)}.emotion-anipop-sister.emotion-4{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-sister/4.gif)}.emotion-anipop-sister.emotion-5{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-sister/5.gif)}.emotion-anipop-sister.emotion-6{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-sister/6.gif)}.emotion-anipop-sister.emotion-7{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-sister/7.gif)}.emotion-anipop-sister.emotion-8{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-sister/8.gif)}.emotion-anipop-sister.emotion-9{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-sister/9.gif)}.emotion-anipop-sister.emotion-10{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-sister/10.gif)}.emotion-anipop-sister.emotion-11{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-sister/11.gif)}.emotion-anipop-sister.emotion-12{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-sister/12.gif)}.emotion-anipop-sister.emotion-13{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-sister/13.gif)}.emotion-anipop-sister.emotion-14{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-sister/14.gif)}.emotion-anipop-sister.emotion-15{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-sister/15.gif)}.emotion-anipop-sister.emotion-16{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/anipop-sister/16.gif)}
/*!/module/emotion/emotion/clown-fish/index.css*/
.emotion-clown-fish.emotion-1{background-repeat: no-repeat;}.emotion-clown-fish.emotion-2{background-repeat: no-repeat;}.emotion-clown-fish.emotion-3{background-repeat: no-repeat;}.emotion-clown-fish.emotion-4{background-repeat: no-repeat;}.emotion-clown-fish.emotion-5{background-repeat: no-repeat;}.emotion-clown-fish.emotion-6{background-repeat: no-repeat;}.emotion-clown-fish.emotion-7{background-repeat: no-repeat;}.emotion-clown-fish.emotion-8{background-repeat: no-repeat;}
/*!/module/emotion/emotion/green-aplysia/index.css*/
.emotion-green-aplysia.emotion-1{background-repeat: no-repeat;}.emotion-green-aplysia.emotion-2{background-repeat: no-repeat;}.emotion-green-aplysia.emotion-3{background-repeat: no-repeat;}.emotion-green-aplysia.emotion-4{background-repeat: no-repeat;}.emotion-green-aplysia.emotion-5{background-repeat: no-repeat;}.emotion-green-aplysia.emotion-6{background-repeat: no-repeat;}.emotion-green-aplysia.emotion-7{background-repeat: no-repeat;}.emotion-green-aplysia.emotion-8{background-repeat: no-repeat;}.emotion-green-aplysia.emotion-9{background-repeat: no-repeat;}.emotion-green-aplysia.emotion-10{background-repeat: no-repeat;}
/*!/module/emotion/emotion/pink-aplysia/index.css*/
.emotion-pink-aplysia.emotion-1{background-repeat: no-repeat;}.emotion-pink-aplysia.emotion-2{background-repeat: no-repeat;}.emotion-pink-aplysia.emotion-3{background-repeat: no-repeat;}.emotion-pink-aplysia.emotion-4{background-repeat: no-repeat;}.emotion-pink-aplysia.emotion-5{background-repeat: no-repeat;}.emotion-pink-aplysia.emotion-6{background-repeat: no-repeat;}.emotion-pink-aplysia.emotion-7{background-repeat: no-repeat;}.emotion-pink-aplysia.emotion-8{background-repeat: no-repeat;}.emotion-pink-aplysia.emotion-9{background-repeat: no-repeat;}.emotion-pink-aplysia.emotion-10{background-repeat: no-repeat;}
/*!/module/emotion/emotion/lemon/index.css*/
.emotion-lemon.emotion-1{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/lemon/1.gif)}.emotion-lemon.emotion-2{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/lemon/2.gif)}.emotion-lemon.emotion-3{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/lemon/3.gif)}.emotion-lemon.emotion-4{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/lemon/4.gif)}.emotion-lemon.emotion-5{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/lemon/5.gif)}.emotion-lemon.emotion-6{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/lemon/6.gif)}.emotion-lemon.emotion-7{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/lemon/7.gif)}.emotion-lemon.emotion-8{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/lemon/8.gif)}.emotion-lemon.emotion-9{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/lemon/9.gif)}.emotion-lemon.emotion-10{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/lemon/10.gif)}.emotion-lemon.emotion-11{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/lemon/11.gif)}.emotion-lemon.emotion-12{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/lemon/12.gif)}.emotion-lemon.emotion-13{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/lemon/13.gif)}.emotion-lemon.emotion-14{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/lemon/14.gif)}.emotion-lemon.emotion-15{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/lemon/15.gif)}.emotion-lemon.emotion-16{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/lemon/16.gif)}
/*!/module/emotion/emotion/mothers-day/index.css*/
.emotion-mothers-day.emotion-1{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/mothers-day/1.gif)}.emotion-mothers-day.emotion-2{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/mothers-day/2.gif)}.emotion-mothers-day.emotion-3{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/mothers-day/3.gif)}.emotion-mothers-day.emotion-4{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/mothers-day/4.gif)}.emotion-mothers-day.emotion-5{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/mothers-day/5.gif)}.emotion-mothers-day.emotion-6{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/mothers-day/6.gif)}.emotion-mothers-day.emotion-7{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/mothers-day/7.gif)}.emotion-mothers-day.emotion-8{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/mothers-day/8.gif)}.emotion-mothers-day.emotion-9{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/mothers-day/9.gif)}.emotion-mothers-day.emotion-10{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/mothers-day/10.gif)}.emotion-mothers-day.emotion-11{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/mothers-day/11.gif)}.emotion-mothers-day.emotion-12{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/mothers-day/12.gif)}.emotion-mothers-day.emotion-13{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/mothers-day/13.gif)}.emotion-mothers-day.emotion-14{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/mothers-day/14.gif)}.emotion-mothers-day.emotion-15{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/mothers-day/15.gif)}.emotion-mothers-day.emotion-16{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/mothers-day/16.gif)}.emotion-mothers-day.emotion-17{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/mothers-day/17.gif)}.emotion-mothers-day.emotion-18{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/mothers-day/18.gif)}
/*!/module/emotion/emotion/tsumtsum/index.css*/
.emotion-tsumtsum.emotion-1{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/1.gif)}.emotion-tsumtsum.emotion-2{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/2.gif)}.emotion-tsumtsum.emotion-3{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/3.gif)}.emotion-tsumtsum.emotion-4{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/4.gif)}.emotion-tsumtsum.emotion-5{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/5.gif)}.emotion-tsumtsum.emotion-6{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/6.gif)}.emotion-tsumtsum.emotion-7{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/7.gif)}.emotion-tsumtsum.emotion-8{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/8.gif)}.emotion-tsumtsum.emotion-9{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/9.gif)}.emotion-tsumtsum.emotion-10{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/10.gif)}.emotion-tsumtsum.emotion-11{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/11.gif)}.emotion-tsumtsum.emotion-12{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/12.gif)}.emotion-tsumtsum.emotion-13{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/13.gif)}.emotion-tsumtsum.emotion-14{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/14.gif)}.emotion-tsumtsum.emotion-15{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/15.gif)}.emotion-tsumtsum.emotion-16{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/16.gif)}.emotion-tsumtsum.emotion-17{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/17.gif)}.emotion-tsumtsum.emotion-18{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/18.gif)}.emotion-tsumtsum.emotion-19{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/19.gif)}.emotion-tsumtsum.emotion-20{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/tsumtsum/20.gif)}
/*!/module/emotion/emotion/baby-zhang/index.css*/
.emotion-baby-zhang.emotion-1{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/baby-zhang/1.gif)}.emotion-baby-zhang.emotion-2{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/baby-zhang/2.gif)}.emotion-baby-zhang.emotion-3{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/baby-zhang/3.gif)}.emotion-baby-zhang.emotion-4{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/baby-zhang/4.gif)}.emotion-baby-zhang.emotion-5{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/baby-zhang/5.gif)}.emotion-baby-zhang.emotion-6{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/baby-zhang/6.gif)}.emotion-baby-zhang.emotion-7{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/baby-zhang/7.gif)}.emotion-baby-zhang.emotion-8{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/baby-zhang/8.gif)}.emotion-baby-zhang.emotion-9{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/baby-zhang/9.gif)}
/*!/module/emotion/emotion/newyear-2021/index.css*/
.emotion-newyear-2021.emotion-1{background-repeat: no-repeat;}.emotion-newyear-2021.emotion-2{background-repeat: no-repeat;}.emotion-newyear-2021.emotion-3{background-repeat: no-repeat;}.emotion-newyear-2021.emotion-4{background-repeat: no-repeat;}.emotion-newyear-2021.emotion-5{background-repeat: no-repeat;}.emotion-newyear-2021.emotion-6{background-repeat: no-repeat;}.emotion-newyear-2021.emotion-7{background-repeat: no-repeat;}.emotion-newyear-2021.emotion-8{background-repeat: no-repeat;}.emotion-newyear-2021.emotion-9{background-repeat: no-repeat;}.emotion-newyear-2021.emotion-10{background-repeat: no-repeat;}.emotion-newyear-2021.emotion-11{background-repeat: no-repeat;}.emotion-newyear-2021.emotion-12{background-repeat: no-repeat;}.emotion-newyear-2021.emotion-13{background-repeat: no-repeat;}.emotion-newyear-2021.emotion-14{background-repeat: no-repeat;}.emotion-newyear-2021.emotion-15{background-repeat: no-repeat;}.emotion-newyear-2021.emotion-16{background-repeat: no-repeat;}
/*!/module/emotion/emotion/newyear-2024/index.css*/
.emotion-newyear-2024.emotion-1{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/newyear-2024/1.gif)}.emotion-newyear-2024.emotion-2{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/newyear-2024/2.gif)}.emotion-newyear-2024.emotion-3{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/newyear-2024/3.gif)}.emotion-newyear-2024.emotion-4{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/newyear-2024/4.gif)}.emotion-newyear-2024.emotion-5{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/newyear-2024/5.gif)}.emotion-newyear-2024.emotion-6{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/newyear-2024/6.gif)}.emotion-newyear-2024.emotion-7{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/newyear-2024/7.gif)}.emotion-newyear-2024.emotion-8{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/newyear-2024/8.gif)}.emotion-newyear-2024.emotion-9{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/newyear-2024/9.gif)}.emotion-newyear-2024.emotion-10{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/newyear-2024/10.gif)}.emotion-newyear-2024.emotion-11{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/newyear-2024/11.gif)}.emotion-newyear-2024.emotion-12{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/newyear-2024/12.gif)}.emotion-newyear-2024.emotion-13{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/newyear-2024/13.gif)}.emotion-newyear-2024.emotion-14{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/newyear-2024/14.gif)}.emotion-newyear-2024.emotion-15{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/newyear-2024/15.gif)}.emotion-newyear-2024.emotion-16{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/newyear-2024/16.gif)}
/*!/module/emotion/emotion/xxl-minimovie-2021/index.css*/
.emotion-xxl-minimovie-2021.emotion-1{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/xxl-minimovie-2021/1.gif)}.emotion-xxl-minimovie-2021.emotion-2{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/xxl-minimovie-2021/2.gif)}.emotion-xxl-minimovie-2021.emotion-3{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/xxl-minimovie-2021/3.gif)}.emotion-xxl-minimovie-2021.emotion-4{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/xxl-minimovie-2021/4.gif)}.emotion-xxl-minimovie-2021.emotion-5{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/xxl-minimovie-2021/5.gif)}.emotion-xxl-minimovie-2021.emotion-6{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/xxl-minimovie-2021/6.gif)}.emotion-xxl-minimovie-2021.emotion-7{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/xxl-minimovie-2021/7.gif)}.emotion-xxl-minimovie-2021.emotion-8{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/xxl-minimovie-2021/8.gif)}.emotion-xxl-minimovie-2021.emotion-9{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/xxl-minimovie-2021/9.gif)}.emotion-xxl-minimovie-2021.emotion-10{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/xxl-minimovie-2021/10.gif)}
/*!/module/emotion/emotion/cat/index.css*/
.emotion-cat.emotion-1{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat/1.png)}.emotion-cat.emotion-2{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat/2.png)}.emotion-cat.emotion-3{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat/3.png)}.emotion-cat.emotion-4{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat/4.png)}.emotion-cat.emotion-5{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat/5.png)}.emotion-cat.emotion-6{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat/6.png)}.emotion-cat.emotion-7{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat/7.png)}.emotion-cat.emotion-8{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat/8.png)}.emotion-cat.emotion-9{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat/9.png)}.emotion-cat.emotion-10{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat/10.png)}.emotion-cat.emotion-11{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat/11.png)}.emotion-cat.emotion-12{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat/12.png)}.emotion-cat.emotion-13{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat/13.png)}.emotion-cat.emotion-14{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat/14.png)}.emotion-cat.emotion-15{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat/15.png)}.emotion-cat.emotion-16{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat/16.png)}
/*!/module/emotion/emotion/cat-2/index.css*/
.emotion-cat-2.emotion-1{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-2/1.png)}.emotion-cat-2.emotion-2{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-2/2.png)}.emotion-cat-2.emotion-3{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-2/3.png)}.emotion-cat-2.emotion-4{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-2/4.png)}.emotion-cat-2.emotion-5{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-2/5.png)}.emotion-cat-2.emotion-6{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-2/6.png)}.emotion-cat-2.emotion-7{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-2/7.png)}.emotion-cat-2.emotion-8{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-2/8.png)}.emotion-cat-2.emotion-9{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-2/9.png)}.emotion-cat-2.emotion-10{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-2/10.png)}.emotion-cat-2.emotion-11{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-2/11.png)}.emotion-cat-2.emotion-12{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-2/12.png)}.emotion-cat-2.emotion-13{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-2/13.png)}
/*!/module/emotion/emotion/cat-3/index.css*/
.emotion-cat-3.emotion-1{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-3/1.png)}.emotion-cat-3.emotion-2{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-3/2.png)}.emotion-cat-3.emotion-3{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-3/3.png)}.emotion-cat-3.emotion-4{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-3/4.png)}.emotion-cat-3.emotion-5{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-3/5.png)}.emotion-cat-3.emotion-6{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-3/6.png)}.emotion-cat-3.emotion-7{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-3/7.png)}.emotion-cat-3.emotion-8{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-3/8.png)}.emotion-cat-3.emotion-9{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-3/9.png)}.emotion-cat-3.emotion-10{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-3/10.png)}.emotion-cat-3.emotion-11{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-3/11.png)}.emotion-cat-3.emotion-12{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-3/12.png)}.emotion-cat-3.emotion-13{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-3/13.png)}.emotion-cat-3.emotion-14{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/cat-3/14.png)}
/*!/module/emotion/emotion/animal2025/index.css*/
.emotion-animal2025.emotion-1{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/animal2025/1.png)}.emotion-animal2025.emotion-2{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/animal2025/2.png)}.emotion-animal2025.emotion-3{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/animal2025/3.png)}.emotion-animal2025.emotion-4{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/animal2025/4.png)}.emotion-animal2025.emotion-5{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/animal2025/5.png)}
/*!/module/emotion/emotion.css*/
.emotion-container{height:200px;width:285px;margin:auto;font-size:0;overflow-y:auto}.emotion{-webkit-background-size:50px 50px;background-size:50px 50px;display:inline-block;width:50px;height:50px;margin:3px;background-repeat:no-repeat;-webkit-transition:all .1s ease;transition:all .1s ease}.big-emotion{-webkit-background-size:150px 150px;background-size:150px 150px;display:inline-block;width:150px;height:150px;max-width:150px!important;margin:3px;background-repeat:no-repeat}.emotion:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.emotion-tab{width:100%;height:38px;background:#f5f5f5;display:-webkit-box;display:-webkit-flex;display:flex;overflow-x:auto;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.emotion-tab .emotion-tab-bg{padding:5px 0;border-radius:6px}.emotion-tab i{background-repeat:no-repeat;display:block;-webkit-background-size:28px 28px;background-size:28px 28px;height:28px;width:28px;margin:0 7px;border-radius:9px}.emotion-tab .active{background:#fff}.emotion-container .emotion-frame{display:none}.emotion-container .active{display:block!important}
/*!/module/component/lottery/lottery.css*/
.lottery-container .lottery-wheel{position:absolute;top:5%;left:5%;width:90%;height:90%;background-position:center;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;color:#b77a56}.lottery-container .lottery-pointer{background:url(//sff.happyelements.com/mobile/static/img/pop_3751b60.png)!important;-webkit-background-size:cover!important;background-size:cover!important;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:#57C8FB!important;color:#fff}.lottery-record-btn{height:26px;line-height:26px;position:relative;right:10px;top:-38px;color:#2196F3}.lottery-page .list-title .pull-right{padding:10px}.lottery-record-text{display:inline-block;text-decoration:underline}.lottery-record-gift-icon{display:inline-block;width:18px;height:17px;background:url(//sff.happyelements.com/mobile/static/img/gift_9c0e29d.png)!important;-webkit-background-size:cover!important;background-size:cover!important}.lottery-share{padding-top:20px;text-align:center;width:100%;height:85px;font-size:13px;color:#D76933}.lottery-share .share-btn{display:inline-block;background:url(//sff.happyelements.com/mobile/static/img/share-btn_2844473.png)!important;-webkit-background-size:cover!important;background-size:cover!important;width:130px;height:50px}.lottery-triangle{position:absolute;top:-23px;left:0;right:0;margin:auto;display:block;width:0;height:0;border-style:solid;border-width:0 16px 32px;border-color:transparent transparent #57C8FB}.lottery-pointer-frame{position:absolute;top:40%;left:40%;width:20%;height:20%}.lottery-container .lottery-prize{position:absolute;left:0;right:0;width:30%;height:50%;margin:auto;text-align:center;line-height:1;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.lottery-container .prize-level{color:#c9510b;font-weight:700}.lottery-container .prize-image{display:inline-block;margin-top:10%;width:66.67%;height:40%;background-position:center;-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat}.lottery-container .lottery-pointer-text{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;font-size:15px;line-height:1.2}.lottery-container .no-prize{margin-top:40%;font-weight:700;line-height:1.2}
/*!/module/emotion/emotion/octopus/index.css*/
.emotion-octopus.emotion-1{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/octopus/1.gif)}.emotion-octopus.emotion-2{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/octopus/2.gif)}.emotion-octopus.emotion-3{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/octopus/3.gif)}.emotion-octopus.emotion-4{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/octopus/4.gif)}.emotion-octopus.emotion-5{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/octopus/5.gif)}.emotion-octopus.emotion-6{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/octopus/6.gif)}.emotion-octopus.emotion-7{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/octopus/7.gif)}.emotion-octopus.emotion-8{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/octopus/8.gif)}.emotion-octopus.emotion-9{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/octopus/9.gif)}.emotion-octopus.emotion-10{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/octopus/10.gif)}.emotion-octopus.emotion-11{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/octopus/11.gif)}.emotion-octopus.emotion-12{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/octopus/12.gif)}.emotion-octopus.emotion-13{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/octopus/13.gif)}.emotion-octopus.emotion-14{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/octopus/14.gif)}.emotion-octopus.emotion-15{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/octopus/15.gif)}.emotion-octopus.emotion-16{background-image:url(//sff.happyelements.com/mobile/static/module/emotion/emotion/octopus/16.gif)}
/*!/module/widget/comment-info/comment-info.css*/
.comment-info-item .bare .basic{display:table-cell;vertical-align:middle}.list-block{margin:0!important}.comment-info-item .applevel{display:inline-block;min-width:10px;padding:2px 5px;line-height:1;background-color:#e6f4fc;border:1px solid #e6f4fc;text-align:center;border-radius:10px}.comment-info-item .peak-level{width:28px;height:28px;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.comment-info-item .peak-level .peak-level-bg{width:28px;height:28px;position:absolute;z-index:0}.comment-info-item .peak-level .peak-level-num{z-index:1;color:#fcfb87;font-weight:bolder;font-size:12px;-webkit-transform:scale(0.78);transform:scale(0.78)}.comment-info-item .level-number{vertical-align:initial;color:#ff4d4d}.comment-info-item .star{display:inline-block;min-width:10px;padding:1px 3px;height:14px;line-height:14px;background-color:#fcf2d9;border:1px solid #fcf2d9;color:#ff4d4d;text-align:center;border-radius:10px;vertical-align:middle}.comment-info-item .star span{vertical-align:baseline}.comment-info-item .star-icon{display:inline-block;width:14px;vertical-align:top}.comment-info-item .none-comment{text-align:center;margin-top:10px;color:#DBDBDB}.comment-info-item .none-comment>i{display:block;font-size:75px;margin-left:-15px}.comment-info-item .loading{text-align:center;padding:20px 0}.comment-info-item>li{overflow:hidden;padding:10px 10px 5px;border-bottom:1px solid #EBE9E9;position:relative}.comment-info-item .avatar{float:left;height:36px;width:36px;border-radius:3px;margin-top:7px;margin-left:5px}.comment-info-item .avatar>img{height:37px;width:37px;border-radius:37px;position:absolute}.comment-info-item .content{word-break:break-all;word-wrap:break-word}.comment-info-item .content img{display:block;max-width:50%;margin:5px 0}.comment-info-item .content .emotion{display:inline-block;margin:0;vertical-align:bottom}.comment-info-item .comment-detail{margin-left:57px}.comment-info-item .floor{position:absolute;right:10px;margin-top:2px}.comment-info-item .floor,.comment-info-item .info{font-size:13px;color:#B6B6B6}.comment-info-item .content a{color:#6097D6!important}.comment-info-item .go-child a{font-size:14px;margin-top:.08rem}.comment-info-item .name-info{font-size:12px;height:40px;margin-bottom:5px}.comment-info-item .name-info.bare{display:table}.comment-info-item .info{margin-top:5px}.comment-info-item .info span{margin-left:5px;cursor:pointer}.like-comment.disabled{color:#2196f3}.comment-info-item .reply{width:18px;height:12px;border:1px solid #A3A0A0;line-height:13px;text-align:center;font-size:20px;color:#A3A0A0;border-radius:3px;position:absolute;top:8px;right:2px}.comment-info-item .game-stat{margin-top:1px}.bar .bottom-bar{position:absolute;bottom:0;-webkit-justify-content:space-around;justify-content:space-around;border-top:1px solid #eee}.bar .input-frame{border-radius:8px;background:#F7F7F7;color:#7F7F7F;height:16px;margin-top:8px;line-height:16px;padding:8px;width:94%}#par-comment{line-height:24px;margin-bottom:5px}#par-comment .avatar>img{height:37px;width:37px;border-radius:37px}#par-comment .content{margin-top:30px}#par-comment .info{padding:5px 0}#par-comment .content a{padding:3px 0}#comment-info-list .list-item{background-color:#fafafa!important}#comment-info-list .name-info{height:16px}.go-back{margin-top:0!important}.bar .input-frame{margin:8px 5px 0}#comment-info-list blockquote{margin:12px 0 5px;background:#f1f1f1}
/*!/module/widget/comment/comment.css*/
.comment-item .bare .basic{display:table-cell;vertical-align:middle}.comment-item .applevel{display:inline-block;min-width:10px;padding:2px 5px;line-height:1;background-color:#e6f4fc;border:1px solid #e6f4fc;text-align:center;border-radius:10px}.comment-item .level-number{vertical-align:initial;color:#ff4d4d}.comment-item .peak-level{width:28px;height:28px;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.comment-item .peak-level .peak-level-bg{width:28px;height:28px;position:absolute;z-index:0}.comment-item .peak-level .peak-level-num{z-index:1;color:#fcfb87;font-weight:bolder;font-size:12px;-webkit-transform:scale(0.78);transform:scale(0.78)}.topic-add-comment{margin:5px 0 0 5px}.comment-item .star{display:inline-block;min-width:10px;padding:1px 3px;height:14px;line-height:14px;background-color:#fcf2d9;border:1px solid #fcf2d9;color:#ff4d4d;text-align:center;border-radius:10px;vertical-align:middle}.comment-item .star span{vertical-align:baseline}.comment-item .star-icon{display:inline-block;width:14px;vertical-align:top}.comment-item .none-comment{text-align:center;margin-top:10px;color:#DBDBDB}.comment-item .none-comment>i{display:block;font-size:75px;margin-left:-15px}.comment-item .loading{text-align:center;padding:20px 0}.comment-item>li{overflow:hidden;padding:10px 10px 5px;border-bottom:1px solid #EBE9E9;position:relative}.comment-item .avatar{float:left;height:35px;width:35px;border-radius:3px;margin-top:7px;margin-left:5px}.comment-item .avatar>img{height:37px;width:37px;border-radius:44px;margin-top:2px}.comment-item .content{word-break:break-all;word-wrap:break-word}.comment-item .content img{display:block;max-width:50%;margin:5px 0}.comment-item .content .emotion{display:inline-block;margin:0;vertical-align:bottom}.comment-item .comment-detail{margin-left:57px}.comment-item .floor{position:absolute;right:10px;margin-top:2px}.comment-item .floor,.comment-item .info{font-size:12px;color:#B6B6B6}.comment-item .clearfix a{color:#6097D6}.comment-item .go-child a{font-size:14px;margin-top:.08rem}.comment-item .name-info{font-size:12px;height:40px;margin-bottom:5px}.comment-item .name-info.bare{display:table}.comment-item .info{margin-top:5px}.comment-item .info span{margin-left:5px;cursor:pointer}.like-comment.disabled{color:#2196f3}.comment-item .reply{width:18px;height:12px;border:1px solid #A3A0A0;line-height:13px;text-align:center;font-size:20px;color:#A3A0A0;border-radius:3px;position:absolute;top:8px;right:2px}.comment-item .game-stat{margin-top:1px}#comment-count-frame{float:right}.like-topic-topic{line-height:18px;margin-top:5px}.list-title .pull-left{text-align:center;padding:10px 6px}.topic-tab-active{color:#38160f}.topic-tab-active .active{margin-top:5px;margin-left:10%;width:80%;border-top:solid 2px #38160f}.comment-page .list-block{margin:0!important}.comment-page .list-title .pull-right{padding:10px}.topic-page .list-title .pull-right{padding:10px}#hot-comments-frame{margin-top:5px;clear:both}#hot-comments li:last-child{border-bottom:solid #eee 5px;padding-bottom:18px}.hot-comments-title{color:#38160f;font-size:15px;padding-left:6px;height:34px;line-height:34px;margin-bottom:-16px;position:relative;z-index:2;clear:both}.hot-comments-title .material-icons{color:#FF4D5D}.comments-frame{clear:both;margin:0 0 5px!important}#comment-title{width:100%;padding:0;height:41px;position:relative;top:0;border-bottom:0}#nav-comments{display:none;width:100%;padding:0;height:41px;position:fixed;top:0}#nav-comments:before{width:0;height:0}#comment-title:before{width:0;height:0}#comments .clearfix{font-size:13px;color:#7a7a7a!important}#comments blockquote{margin-top:5px}.nav-comments{position:fixed}
/*!/module/widget/delete-modal/delete-modal.css*/
.modal input[type=checkbox]{margin-right:5px}.modal #expire-time{display:inline-block;visibility:hidden;float:right;width:initial;height:initial;padding:6px 15px;margin:-6px 0;-webkit-appearance:menulist;appearance:initial}.modal #expire-time.show{visibility:initial}.modal .badge.reason{line-height:1.5;margin:2px}
/*!/module/widget/mask/mask.css*/
#mask{position:absolute;z-index:1000}#tips{position:absolute;width:186px;height:46px;text-align:left;border-radius:10px;background:rgba(25,25,25,.5);-webkit-box-shadow:0 0 3px 1px #fff;box-shadow:0 0 3px 1px #fff;padding:2px 7px;color:#fff}#next{position:absolute;width:200px;height:50px;font-size:14px;color:#fff;text-align:right}
/*!/module/widget/message-info/message-info.css*/
.message-item .bare .basic{display:table-cell;vertical-align:middle;line-height:44px!important}.message-item .applevel{display:inline-block;min-width:10px;padding:2px 5px;line-height:1;background-color:#e6f4fc;border:1px solid #e6f4fc;text-align:center;border-radius:10px}.message-item .level-number{vertical-align:initial;color:#ff4d4d}.message-item .star{display:inline-block;min-width:10px;padding:1px 3px;height:14px;line-height:14px;background-color:#fcf2d9;border:1px solid #fcf2d9;color:#ff4d4d;text-align:center;border-radius:10px;vertical-align:middle}.message-item .star span{vertical-align:baseline}.message-item .star-icon{display:inline-block;width:14px;vertical-align:top}.message-item .none-comment{text-align:center;margin-top:10px;color:#DBDBDB}.message-item .none-comment>i{display:block;font-size:75px;margin-left:-15px}.message-item .loading{text-align:center;padding:20px 0}.message-item>li{overflow:hidden;padding:10px 10px 5px;border-bottom:1px solid #EBE9E9;position:relative}.message-item .avatar{float:left;height:44px!important;width:44px!important;border-radius:3px;margin-top:5px}.message-item .avatar>img{height:44px;width:44px;border-radius:44px;margin-top:0!important}.message-item .content{word-break:break-all;word-wrap:break-word}.message-item .content img{display:block;max-width:50%;margin:5px 0}.message-item .content .emotion{display:inline-block;margin:0;vertical-align:bottom}.message-item .comment-detail{margin-left:50px}.message-item .floor{position:absolute;right:10px;margin-top:2px}.message-item .floor,.message-item .info{font-size:13px;color:#B6B6B6}.message-item .go-child a{font-size:14px;margin-top:.08rem}.message-item .name-info{font-size:12px;height:40px;margin-bottom:5px}.message-item .name-info.bare{display:table;width:100%;line-height:44px}.message-item .info{margin-top:5px}.message-item .info span{margin-left:5px;cursor:pointer}.like-comment.disabled{color:#2196f3}.message-item .reply{width:18px;height:12px;border:1px solid #A3A0A0;line-height:13px;text-align:center;font-size:20px;color:#A3A0A0;border-radius:3px;position:absolute;top:8px;right:2px}.message-item .game-stat{margin-top:1px}.bar .bottom-bar{position:absolute;bottom:0;-webkit-justify-content:space-around;justify-content:space-around;border-top:1px solid #eee;display:none!important}.bar .input-frame{border-radius:8px;background:#F7F7F7;color:#7F7F7F;height:16px;margin-top:8px;line-height:16px;padding:8px;width:94%}#par-comment{line-height:24px}#par-comment .avatar>img{height:37px;width:37px}#par-comment .content{font-size:15px;margin-top:30px}#par-comment .info{padding:5px 0}#par-comment .content a{padding:3px 0}#comment-info-list .list-item{background-color:#fafafa!important}#comment-info-list .name-info{height:16px}.go-back{margin-top:0!important}.bar .input-frame{margin:8px 5px 0}#comment-info-list blockquote{margin:12px 0 5px;background:#f1f1f1}#message-reply-list{padding:10px;background:#fff}#message-reply-list .message-info-no-data{position:relative;padding:10px;background-color:#fff;z-index:1;text-align:center}.comment-detail .name-info{margin-top:5px;font-size:14px}#message-reply-list .message-reply-info{padding:5px 3px}#message-reply-list a{color:#6097D6}.delete-message{display:inline-block;font-size:13px}.list-block-nav{width:100%;height:6px}.message-info-page .bottom-bar{display:none}.set-private{padding:2px;float:right;color:#66A3FF}.list-item .private_status{color:#B6B6B6}.list-item .reply-message{color:#B6B6B6!important;font-size:13px;display:inline-block}.message-info-page .comment-detail{margin-left:0}.message-info-page .basic{line-height:44px}.message-info-page .avatar{margin-top:0}.message-info-page .name{margin-left:8px}.message-info-page .go-back a{color:#6097D6}
/*!/module/widget/reply/reply.css*/
.at-someone{display:inline-block;padding:1px 6px;background-color:#eee;border:0}.reply-popup{padding:8px 16px;height:100%}.input-actions{margin:15px 0}.input-actions a{display:inline-block}.input-actions .tab-link{padding:0 4px}.input-actions .submit{}.input-tip{position:absolute;right:0;top:5px;background-color:rgba(255,0,0,.5);padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;font-size:10px}.input-tip,.input-tip:visited{color:#fff}.upload-container .upload-item{position:relative;float:left;margin:0 8px 8px 0;width:64px;height:64px;color:rgba(16,136,230,.4)}.upload-container .upload-input{-webkit-box-sizing:border-box;box-sizing:border-box;border:2px dashed;text-align:center}.upload-container .upload-input i.material-icons{height:100%;line-height:65px}.upload-container .upload-item input{position:absolute;top:0;left:0;height:100%;opacity:0;cursor:pointer}.upload-container .upload-item img,.upload-container .upload-item input{width:100%}.upload-container .upload-item .progress{position:absolute;bottom:8px;left:50%;margin-left:-19px;width:38px;height:7px;background-color:rgba(255,255,255,.11)}.upload-container .upload-item .progress .position{width:0;height:100%;border-radius:4px;background-color:#fff;-webkit-transition:all .1s ease-out;transition:all .1s ease-out}.upload-container .upload-item .mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.5}.upload-container .upload-item .error{position:relative;bottom:24px;line-height:20px;background:rgba(0,0,0,.2);color:#fff;text-align:center}.upload-container .upload-item .delete{position:absolute;top:0;right:0;width:24px;height:24px;background:rgba(0,0,0,.2)}.upload-container .upload-item .delete:active{background:rgba(0,0,0,.5)}.upload-container .upload-item .delete:before,.upload-container .upload-item .delete:after{display:block;position:absolute;top:12px;left:5px;z-index:2;width:14px;height:1px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);content:""}.upload-container .upload-item .delete:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#video-url-input{height:72px}.reply-popup .transfer-result{display:none}.reply-popup .video-title{margin-bottom:3px}.reply-popup .video-image img{max-width:100%}.reply-popup .video-input-btn{display:none}.admin .reply-popup .video-input-btn{display:inline-block}.reply-popup .selfie-tip{display:none}.reply-popup .subject-input-btn i,.reply-popup .alternate-input-btn i{font-family:Arial;text-align:center}.reply-popup .alternate-input-btn i{font-size:22px;margin-bottom:4px}.subject-input-btn.unusable,.alternate-input-btn.unusable{color:#c9c9c9}.popup-add-subject,.popup-add-alternate{background:#efeff4}#real-alternate-user-list{overflow:auto;height:-webkit-calc(100% - 44px)!important;height:calc(100% - 44px)!important;top:44px!important}.search-subject-form,.search-alternate-form{position:relative;padding:7px 6px 7px 7px;width:100%;background:#fff;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin-bottom:5px;z-index:2}.search-subject-form .cancel-add-subject,.search-alternate-form .cancel-add-alternate{float:right;width:66px;text-indent:6px;font-size:1rem;color:#1e90ff;text-decoration:none;text-align:center;text-shadow:0 1px 0 #fff}.search-subject-form .input-subject,.search-alternate-form .input-alternate{overflow:hidden;background:#eaeaea;border-radius:3px}.search-subject-form .subject_search_icon{position:relative;float:left;margin:3px 0 0 5px;width:12px;height:12px;color:#828282}.subject_search_icon::before{content:"#"}.subject_clear_icon,.alternate_clear_icon{position:relative;float:right;display:none;margin:5px;width:15px;height:15px;background:#bdbdbd;border-radius:7px}.subject_clear_icon::before,.alternate_clear_icon::before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.subject_clear_icon::after,.alternate_clear_icon::after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.subject_clear_icon::before,.subject_clear_icon::after,.alternate_clear_icon::after,.alternate_clear_icon::before{content:' ';position:absolute;top:7px;left:3px;width:9px;height:1px;background:#fff}.search-subject-form .input-box,.search-alternate-form .input-box{overflow:hidden}.search-subject-form .search,.search-alternate-form .search{margin:0;border:0;padding:3px 5px;width:100%;height:25px;font-size:.875rem;background:0 0;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.item-subject{display:inline-block;color:#73acfc;line-height:25px}.item-subject div{display:inline-block;background-color:#f0f0f0}.item-subject .name{padding:0 8px;font-weight:700}.item-input .hide{display:none}.subject-list-title{background:#fff}.subject-list-title .title{position:relative;margin:auto 10px;padding:8px 0;color:#b9b9b9;border-bottom:1px solid #eee;background-color:#fff;z-index:1}.subject-list-title .title:before{content:" ";display:inline-block;width:4px;height:16px;background:#eee;vertical-align:middle;margin:-2px 8px 0 0}.subject-latest-list .subject-item{border-bottom:0}.subject-item .item-main{line-height:18px;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;color:#333;font-size:.875rem}.subject-item{position:relative;margin:auto 12px;border-bottom:1px solid #f5f5f5;background-color:#fff;z-index:1;min-height:44px;-webkit-box-sizing:border-box;box-sizing:border-box}.subject-item .item-minor{padding:.25rem 0 0;line-height:1rem;font-size:.75rem}.txt-cut{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-input-warning{position:absolute;display:inline-block;top:50px;left:0;right:0;margin:auto;z-index:2;text-align:center}.subject-input-warning i{font-size:20px}.subject-input-warning .warning{background:rgba(50,50,50,.5);border-radius:12px;color:#fff;line-height:30px;display:inline-block;padding:0 10px}.hide{display:none}.number-circle{border-radius:50%;display:block;width:15px;height:15px;padding:2px;margin:auto 3px;background:#ffc107;color:#fff;text-align:center;line-height:15px}.number-text{width:25px;height:15px;padding:5px 0;text-align:center;line-height:18px;color:#dbdde1}.captcha .item-input{width:60%;display:inline-block}.captcha .replace-captcha{display:inline-block}.captcha .replace{color:#49a9f5}.captcha .captcha-img{vertical-align:middle}.reply-content .topic-content-img,.reply-content .video-info{margin:2px 12px}.reply-content .removeImg,.reply-content .removeVideo{color:#fff;background:#2196f3;border-radius:20px;width:20px;height:20px;line-height:20px;font-size:18px;text-align:center;position:relative;left:-10px;top:10px}#add-topic-title{width:-webkit-calc(100% - 60px);width:calc(100% - 60px)}.popup-add-subject,.popup-add-alternate{overflow:auto!important}.popup-add-alternate .avatar{width:44px;height:44px;margin:0 6px!important;border-radius:44px}.popup-add-alternate .line{color:#505050;font-size:16px}.popup-add-alternate .line span{color:#6d6d72;font-size:12px}
/*!/module/widget/shield-modal/shield-modal.css*/
.modal input[type=checkbox]{margin-right:5px}.modal #expire-time{display:inline-block;visibility:hidden;float:right;width:initial;height:initial;padding:6px 15px;margin:-6px 0;-webkit-appearance:menulist;appearance:initial}.modal #expire-time.show{visibility:initial}.modal .badge.reason{line-height:1.5;margin:2px}.modal-title+.modal-text{margin-top:0}.modal .list .list-item{padding:5px}
/*!/module/widget/sign-in/sign-in.css*/
.popup-sign-in{color:#fff;background-color:rgba(0,0,0,.8)}.popup-sign-in .tip,.popup-sign-in .tip-main{margin:20px;font-size:12px;text-align:center}.popup-sign-in .tip-main{font-size:16px}.popup-sign-in .tip b,.popup-sign-in .tip-main b{margin:0 3px;color:orange}.popup-sign-in .close-popup{margin-top:100px}.popup-sign-in .add-signin{margin-top:10px}.popup-sign-in .add-signin a{color:#2196f3}
/*!/module/widget/topic/topic.css*/
.topic{color:#505050;background:#fff}.topic .item-header{position:relative;padding:5px 0;font-size:13px;margin:0 10px}.topic .item-header .avatar{float:left;width:38px;height:38px}.topic .item-header .user-info{border-bottom:1px solid #f0f0f0;padding:10px 0}.topic .item-header .game-stat{margin-top:1px}.topic .item-header .applevel{display:inline-block;min-width:10px;padding:3px;font-size:13px;line-height:1;background-color:#e6f4fc;border:1px solid #e6f4fc;text-align:center;border-radius:10px}.topic .item-header .level-number{vertical-align:initial;color:#ff4d4d}.topic .item-header .star{display:inline-block;min-width:10px;padding:3px;font-size:13px;height:13px;line-height:13px;background-color:#fcf2d9;border:1px solid #fcf2d9;color:#ff4d4d;text-align:center;border-radius:10px;vertical-align:middle}.topic .item-header .star span{vertical-align:text-top}.topic .item-header .star-icon{display:inline-block;width:18px;vertical-align:text-top;margin-top:-2px}.topic .item-header .peak-level{width:28px;height:28px;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.topic .item-header .peak-level .peak-level-bg{width:28px;height:28px;position:absolute;z-index:0}.topic .item-header .peak-level .peak-level-num{z-index:1;color:#fcfb87;font-weight:bolder;font-size:12px;-webkit-transform:scale(0.78);transform:scale(0.78)}.topic .item-header .avatar>img{width:36px;height:36px;border-radius:36px}.topic .item-header .info{float:left;margin-left:14px}.topic .item-header .title-info{position:relative;margin:5px auto;margin-top:20px}.topic .item-header .title-info .title{word-break:break-all;word-wrap:break-word}.topic .item-header .extra{float:left}.topic .item-header .actions{float:right}.topic .item-header .actions .order.remove{margin-right:20px;color:#ff4d4d}.topic .item-header .actions .order.first{margin-right:10px}.topic .item-header .actions .order{vertical-align:middle;position:relative;color:#66a3ff;margin-right:20px}.topic .item-header .actions .order:before{content:'';position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.topic .item-header .views{margin-left:10px}.topic .item-header .views .material-icons{font-size:18px;margin-right:2px;vertical-align:middle}.topic .item-header .info.bare{height:44px;display:table}.topic .item-header .bare .basic{display:table-cell;vertical-align:middle}.topic .item-header .info p{margin:0}.topic .item-header .recommended-topic{position:absolute;bottom:20px;right:0;width:60px;-webkit-transform:rotateZ(2deg);transform:rotateZ(2deg);opacity:.25}.item-header #actions{position:absolute;right:0}.media-content{padding:10px;padding-top:20px;color:#323232;overflow-x:hidden;width:-webkit-calc(100% - 20px);width:calc(100% - 20px)}.media-content img{max-width:100%;margin:2px 0}.media-content iframe{max-width:100%;margin:2px 0;width:100%;height:-webkit-calc(100vw/1.8);height:calc(100vw/1.8)}.media-content .emotion{display:inline-block;margin:0;vertical-align:bottom}.media-content .info{margin-top:10px;color:#a6a6a6}.media-content p{margin:0}.media-content table{width:100%}.media-content td,.media-content th{padding:5px;border:1px solid #ddd}.like-list,.tag-list{margin:5px 0;padding:4px 10px;background:#fff;color:#a6a6a6;height:34px;line-height:34px}.like-list .material-icons{font-size:1em}.like-topic.disabled{opacity:1;color:#03a9f4!important}.topic-item .title{}.topic-item .title span{-webkit-flex-shrink:0;flex-shrink:0}.topic-item .title .line{-webkit-flex-shrink:1;flex-shrink:1}.topic-item .title .title-detail{overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;-webkit-flex-shrink:1;flex-shrink:1}.topic-item .title *{margin-right:4px}.topic .video-container{position:relative;margin-bottom:10px;padding-bottom:56.25%;height:0}.topic .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.topic .topic-lottery{margin:0 -10px;background:#eee}.topic .topic-lottery>*{background:#fff}.topic .topic-lottery .lottery-main{position:relative;padding-top:100%}.topic .topic-lottery .prize-img{width:60px;height:60px}.topic .topic-lottery .prizes .media-body{vertical-align:middle}.topic .topic-lottery .prizes .prize-level{font-size:16px;font-weight:700}.topic .topic-lottery .prizes .prize-count{line-height:60px}.topic .topic-lottery .list-title{font-weight:700}.lottery-records-table{width:100%}.lottery-records-table a{color:#2196f3}.lottery-records-table td{padding:3px 0}.lottery-get-count-list{font-size:14px}.view-original i{margin:5px 2px 0;font-size:13px}.like_list_avatar{margin-left:4px;display:block;float:left}.like_list_avatar img{height:26px;width:26px;border-radius:26px;border:solid 2px #fff;margin:2px 0 0 -6px;position:relative}.like-list .like-text{display:inline-block;height:34px;line-height:34px;margin-left:2px}.operation{padding:0 10px}.topic-alternate-user{color:#6097D6!important}.topic-vote{border-radius:8px;background:#f4f4f4;padding:8px;margin:6px 0}.topic-inside-vote-item{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:4px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border-radius:7px;margin:4px 0;min-height:32px;position:relative;overflow:hidden}.topic-inside-vote-item .vote-icon{width:38px;height:38px;object-fit:cover;border-radius:4px;margin-right:8px;z-index:1}.topic-inside-vote-item .vote-item-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;z-index:1}.topic-inside-vote-item .vote-count{display:-webkit-box;display:-webkit-flex;display:flex;margin-left:auto;z-index:1}.topic-inside-vote-item.my-options .vote-count,.topic-inside-vote-item.my-options .vote-item-text{color:#3470ca;font-weight:600}.topic-inside-vote-item .vote-progress{position:absolute;width:100%;height:100%;top:0;left:0;background:#e7e7e7;z-index:0;width:0;-webkit-transition:all cubic-bezier(0,0,.38,.99) 1300ms;transition:all cubic-bezier(0,0,.38,.99) 1300ms}.topic-inside-vote-item.my-options .vote-progress{background:#acc6f3!important}.topic-vote .vote-type{font-size:13px;margin:3px 6px;color:#000}.send-vote{margin-top:14px;background:#66a3ff;border-radius:7px;min-height:32px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#fff;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
/*!/module/widget/upload/upload.css*/
.upload-popup .mask{position:absolute;top:0;bottom:0;left:0;right:0;background:#000}.upload-popup .container{position:fixed;top:50%;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.upload-popup .img-container{min-height:260px;width:100%}.upload-popup .img-container>img{max-width:100%;min-width:100%}.upload-popup .upload{color:#fff;bottom:15px;position:absolute;background:#000;font-size:16px}.upload-popup .actions{background:#000;position:fixed;bottom:0;height:48px;width:100%}.upload-popup .cancel{left:15px}.upload-popup .submit{right:15px}
/*!/module/widget/welfare/welfare.css*/
.index-welfare-frame{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:1000;color:#fff}.core{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;left:0;margin:auto;text-align:center}.index-welfare-frame .bg{width:90%}.index-welfare-frame .box{position:absolute;width:60%;bottom:5vw;left:20%;z-index:1}.index-welfare-frame .records{width:20%;position:absolute;height:12vw;bottom:16%;left:12%;z-index:2}.welfare-close{position:absolute;top:-40px;font-size:40px;right:7.5%;width:32px;height:32px;-webkit-background-size:cover;background-size:cover;border-radius:32px;background-image:url(//sff.happyelements.com/mobile/static/img/icon-pop-close_1530637.png)}.emotion-chicken.emotion-19{background-position:0px 0px}.emotion-chicken.emotion-1{background-position:-51.5px 0px}.emotion-chicken.emotion-11{background-position:0px -51.5px}.emotion-chicken.emotion-12{background-position:-51.5px -51.5px}.emotion-chicken.emotion-13{background-position:-103px 0px}.emotion-chicken.emotion-14{background-position:-103px -51.5px}.emotion-chicken.emotion-15{background-position:0px -103px}.emotion-chicken.emotion-16{background-position:-51.5px -103px}.emotion-chicken.emotion-17{background-position:-103px -103px}.emotion-chicken.emotion-18{background-position:-154.5px 0px}.emotion-chicken.emotion-10{background-position:-154.5px -51.5px}.emotion-chicken.emotion-2{background-position:-154.5px -103px}.emotion-chicken.emotion-20{background-position:0px -154.5px}.emotion-chicken.emotion-3{background-position:-51.5px -154.5px}.emotion-chicken.emotion-4{background-position:-103px -154.5px}.emotion-chicken.emotion-5{background-position:-154.5px -154.5px}.emotion-chicken.emotion-6{background-position:-206px 0px}.emotion-chicken.emotion-7{background-position:-206px -51.5px}.emotion-chicken.emotion-8{background-position:-206px -103px}.emotion-chicken.emotion-9{background-position:-206px -154.5px}.emotion-chicken.emotion-19,.emotion-chicken.emotion-1,.emotion-chicken.emotion-11,.emotion-chicken.emotion-12,.emotion-chicken.emotion-13,.emotion-chicken.emotion-14,.emotion-chicken.emotion-15,.emotion-chicken.emotion-16,.emotion-chicken.emotion-17,.emotion-chicken.emotion-18,.emotion-chicken.emotion-10,.emotion-chicken.emotion-2,.emotion-chicken.emotion-20,.emotion-chicken.emotion-3,.emotion-chicken.emotion-4,.emotion-chicken.emotion-5,.emotion-chicken.emotion-6,.emotion-chicken.emotion-7,.emotion-chicken.emotion-8,.emotion-chicken.emotion-9{background-size: 257.5px 204.5px;background-image: url(//sff.happyelements.com/mobile/static/app_chicken_0.5_z_fdceef3.png)}.emotion-fox.emotion-9{background-position:0px 0px}.emotion-fox.emotion-1{background-position:-51.5px 0px}.emotion-fox.emotion-3{background-position:0px -51.5px}.emotion-fox.emotion-4{background-position:-51.5px -51.5px}.emotion-fox.emotion-5{background-position:-103px 0px}.emotion-fox.emotion-6{background-position:-103px -51.5px}.emotion-fox.emotion-7{background-position:0px -103px}.emotion-fox.emotion-8{background-position:-51.5px -103px}.emotion-fox.emotion-2{background-position:-103px -103px}.emotion-fox.emotion-10{background-position:-154.5px 0px}.emotion-fox.emotion-11{background-position:-154.5px -51.5px}.emotion-fox.emotion-12{background-position:-154.5px -103px}.emotion-fox.emotion-13{background-position:0px -154.5px}.emotion-fox.emotion-14{background-position:-51.5px -154.5px}.emotion-fox.emotion-15{background-position:-103px -154.5px}.emotion-fox.emotion-16{background-position:-154.5px -154.5px}.emotion-fox.emotion-17{background-position:-206px 0px}.emotion-fox.emotion-9,.emotion-fox.emotion-1,.emotion-fox.emotion-3,.emotion-fox.emotion-4,.emotion-fox.emotion-5,.emotion-fox.emotion-6,.emotion-fox.emotion-7,.emotion-fox.emotion-8,.emotion-fox.emotion-2,.emotion-fox.emotion-10,.emotion-fox.emotion-11,.emotion-fox.emotion-12,.emotion-fox.emotion-13,.emotion-fox.emotion-14,.emotion-fox.emotion-15,.emotion-fox.emotion-16,.emotion-fox.emotion-17{background-size: 257.5px 204.5px;background-image: url(//sff.happyelements.com/mobile/static/app_fox_0.5_z_bd3f668.png)}.emotion-clown-fish.emotion-6{background-position:0px 0px}.emotion-clown-fish.emotion-7{background-position:-50.5px 0px}.emotion-clown-fish.emotion-8{background-position:-101.5px 0px}.emotion-clown-fish.emotion-1{background-position:0px -51.5px}.emotion-clown-fish.emotion-3{background-position:-51.5px -51.5px}.emotion-clown-fish.emotion-2{background-position:0px -102px}.emotion-clown-fish.emotion-4{background-position:-51.5px -102px}.emotion-clown-fish.emotion-5{background-position:-153px 0px}.emotion-clown-fish.emotion-6,.emotion-clown-fish.emotion-7,.emotion-clown-fish.emotion-8,.emotion-clown-fish.emotion-1,.emotion-clown-fish.emotion-3,.emotion-clown-fish.emotion-2,.emotion-clown-fish.emotion-4,.emotion-clown-fish.emotion-5{background-size: 204.5px 147px;background-image: url(//sff.happyelements.com/mobile/static/app_clown-fish_0.5_z_0826de3.png)}.emotion-green-aplysia.emotion-1{background-position:0px 0px}.emotion-green-aplysia.emotion-2{background-position:-51.5px 0px}.emotion-green-aplysia.emotion-3{background-position:0px -51.5px}.emotion-green-aplysia.emotion-4{background-position:-51.5px -51.5px}.emotion-green-aplysia.emotion-5{background-position:-103px 0px}.emotion-green-aplysia.emotion-6{background-position:-103px -51.5px}.emotion-green-aplysia.emotion-7{background-position:0px -103px}.emotion-green-aplysia.emotion-8{background-position:-51.5px -103px}.emotion-green-aplysia.emotion-9{background-position:-103px -103px}.emotion-green-aplysia.emotion-10{background-position:-154.5px 0px}.emotion-green-aplysia.emotion-1,.emotion-green-aplysia.emotion-2,.emotion-green-aplysia.emotion-3,.emotion-green-aplysia.emotion-4,.emotion-green-aplysia.emotion-5,.emotion-green-aplysia.emotion-6,.emotion-green-aplysia.emotion-7,.emotion-green-aplysia.emotion-8,.emotion-green-aplysia.emotion-9,.emotion-green-aplysia.emotion-10{background-size: 206px 153px;background-image: url(//sff.happyelements.com/mobile/static/app_green-aplysia_0.5_z_7703b44.png)}.emotion-pink-aplysia.emotion-1{background-position:0px 0px}.emotion-pink-aplysia.emotion-2{background-position:-51.5px 0px}.emotion-pink-aplysia.emotion-3{background-position:0px -51.5px}.emotion-pink-aplysia.emotion-4{background-position:-51.5px -51.5px}.emotion-pink-aplysia.emotion-5{background-position:-103px 0px}.emotion-pink-aplysia.emotion-6{background-position:-103px -51.5px}.emotion-pink-aplysia.emotion-7{background-position:0px -103px}.emotion-pink-aplysia.emotion-8{background-position:-51.5px -103px}.emotion-pink-aplysia.emotion-9{background-position:-103px -103px}.emotion-pink-aplysia.emotion-10{background-position:-154.5px 0px}.emotion-pink-aplysia.emotion-1,.emotion-pink-aplysia.emotion-2,.emotion-pink-aplysia.emotion-3,.emotion-pink-aplysia.emotion-4,.emotion-pink-aplysia.emotion-5,.emotion-pink-aplysia.emotion-6,.emotion-pink-aplysia.emotion-7,.emotion-pink-aplysia.emotion-8,.emotion-pink-aplysia.emotion-9,.emotion-pink-aplysia.emotion-10{background-size: 206px 153px;background-image: url(//sff.happyelements.com/mobile/static/app_pink-aplysia_0.5_z_a76b092.png)}.emotion-newyear-2021.emotion-9{background-position:0px 0px}.emotion-newyear-2021.emotion-1{background-position:-51.5px 0px}.emotion-newyear-2021.emotion-3{background-position:0px -51.5px}.emotion-newyear-2021.emotion-4{background-position:-51.5px -51.5px}.emotion-newyear-2021.emotion-5{background-position:-103px 0px}.emotion-newyear-2021.emotion-6{background-position:-103px -51.5px}.emotion-newyear-2021.emotion-7{background-position:0px -103px}.emotion-newyear-2021.emotion-8{background-position:-51.5px -103px}.emotion-newyear-2021.emotion-2{background-position:-103px -103px}.emotion-newyear-2021.emotion-10{background-position:-154.5px 0px}.emotion-newyear-2021.emotion-11{background-position:-154.5px -51.5px}.emotion-newyear-2021.emotion-12{background-position:-154.5px -103px}.emotion-newyear-2021.emotion-13{background-position:0px -154.5px}.emotion-newyear-2021.emotion-14{background-position:-51.5px -154.5px}.emotion-newyear-2021.emotion-15{background-position:-103px -154.5px}.emotion-newyear-2021.emotion-16{background-position:-154.5px -154.5px}.emotion-newyear-2021.emotion-9,.emotion-newyear-2021.emotion-1,.emotion-newyear-2021.emotion-3,.emotion-newyear-2021.emotion-4,.emotion-newyear-2021.emotion-5,.emotion-newyear-2021.emotion-6,.emotion-newyear-2021.emotion-7,.emotion-newyear-2021.emotion-8,.emotion-newyear-2021.emotion-2,.emotion-newyear-2021.emotion-10,.emotion-newyear-2021.emotion-11,.emotion-newyear-2021.emotion-12,.emotion-newyear-2021.emotion-13,.emotion-newyear-2021.emotion-14,.emotion-newyear-2021.emotion-15,.emotion-newyear-2021.emotion-16{background-size: 206px 204.5px;background-image: url(//sff.happyelements.com/mobile/static/app_newyear_2021_0.5_z_e6e077f.png)}@media  (min-width:900px){.page-choose{left:50%!important;width:900px!important;margin-left:-450px!important;right:auto}}@media  (min-height:737px){.bubble{bottom:-webkit-calc(100% - 455px)!important;bottom:calc(100% - 455px)!important;-webkit-transform-origin:bottom;transform-origin:bottom}}@media  (max-width:320px){.act-rank-page .buttons-tab{z-index:13;margin:17px auto 0}}@media  (min-width:768px){.index-pop .pop-close{width:50px;height:50px;top:-60px;right:12.5%}.index-pop .pop-img img{width:75%}.upload-popup .img-container{min-height:469px}}@media  (width:320px) and (max-height:416px){.index-pop .pop-close{width:32px;height:32px;right:12.5%}.index-pop .pop-img img{width:75%}}@media  (max-width:350px){.real-rank-frame .top3-frame{bottom:-32px}}