@nutui/nutui 2.3.3 → 2.3.7-beta.0

package/CHANGELOG.md

@@ -1,4 +1,19 @@
 
+## 2.3.6
+
+`2021-10-17`
+
+* :sparkles: feat(infiniteloading、scroller): 加载中文案 props 提取 #662 (#719) @lzzwoniu
+* :bug: fix(tabbar): 标签栏右上角数字角标等于100时不显示 (#590) @yuyuko233
+## 2.3.3~2.3.5
+
+`2021-08-26`
+
+* :sparkles: feat(coutdown): 扩展倒计时功能 @yangxiaolu1993
+* :sparkles: feat(noticebar): 扩展纵向滚动 @yangxiaolu1993
+* :sparkles: feat(ninegrid): 新增九宫格组件 @Drjingfubo
+* :bug: fix(calendar): 组件个别月份不展示问题 (#596) @irisSong 
+* :bug: fix(tab): 底部滚动条逻辑 (#580) @zhenyulei 
 ## 2.3.2
 `2021-06-22`
 

package/dist/nutui.css

@@ -1,5 +1,5 @@
 /*!
- * @nutui/nutui v2.3.3 - nutui.css, bbc592e111efe87d022c, Tue Jun 22 2021 19:07:24 GMT+0800 (中国标准时间)
+ * @nutui/nutui v2.3.7-beta.0 - nutui.css, 9cab7675ee9a29df502b, Mon Oct 25 2021 13:46:52 GMT+0800 (中国标准时间)
  * (c) 2017-2020 JDC
  * Released under the MIT License.
  */
@@ -26,7 +26,9 @@
 
 .nut-navbar{height:40px;line-height:40px;background-color:#fff;position:relative}.nut-navbar .nav-left{position:absolute;left:15px;top:50%;height:40px;line-height:40px;margin-top:-20px;font-size:14px}.nut-navbar .nav-left .back{float:left;margin-right:8px}.nut-navbar .nav-left .back .back-icon{display:inline-block;width:20px;height:20px;background:url("data:image/svg+xml, %3Csvg width='19' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.552 35.569a1.5 1.5 0 0 1-2.121-.017c-5.952-6.05-9.905-10.1-15.857-16.15a2 2 0 0 1 0-2.804c5.952-6.05 9.905-10.1 15.857-16.15a1.5 1.5 0 1 1 2.138 2.104C12.847 8.368 9.125 12.184 3.403 18c5.722 5.816 9.444 9.632 15.166 15.448a1.5 1.5 0 0 1-.017 2.121z' fill='rgb(158,158,158)' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat;background-size:contain;vertical-align:middle}.nut-navbar .nav-center .nav-title{width:auto;margin:0 80px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;text-align:center}.nut-navbar .nav-right{position:absolute;right:15px;top:50%;height:40px;line-height:40px;margin-top:-20px;font-size:14px}.nut-navbar .nav-right .more{float:right;margin-left:8px}.nut-navbar .nav-right .more .more-icon:after{content:'•••';font-size:16px}
 
-.nut-noticebar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;padding:0 16px;font-size:14px;line-height:24px;position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#848484;background-color:#fbf8dc;color:#d37d42}.nut-noticebar.wrapable{height:auto;padding:8px 16px}.nut-noticebar.wrapable .wrap{height:auto}.nut-noticebar.wrapable .wrap .content{position:relative;white-space:normal;word-wrap:break-word}.nut-noticebar a{text-decoration:none;color:#d37d42}.nut-noticebar .withicon{position:relative;padding-right:40px}.nut-noticebar .left-icon{height:16px;min-width:16px;margin-right:5px;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:100% 100%}.nut-noticebar .right-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-width:20px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:5px}.nut-noticebar .wrap{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:24px;overflow:hidden;position:relative}.nut-noticebar .content{position:absolute;white-space:nowrap}.nut-noticebar .content.nut-ellipsis{max-width:100%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.nut-noticebar .play{-webkit-animation:nut-notice-bar-play linear both running;animation:nut-notice-bar-play linear both running}.nut-noticebar .play-infinite{-webkit-animation:nut-notice-bar-play-infinite linear infinite both running;animation:nut-notice-bar-play-infinite linear infinite both running}.nut-noticebar .play-vertical{-webkit-animation:nut-notice-bar-play-vertical linear infinite both running;animation:nut-notice-bar-play-vertical linear infinite both running}@-webkit-keyframes nut-notice-bar-play{to{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@keyframes nut-notice-bar-play{to{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@-webkit-keyframes nut-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@keyframes nut-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@-webkit-keyframes nut-notice-bar-play-vertical{to{-webkit-transform:translateY(40px);transform:translateY(40px)}}@keyframes nut-notice-bar-play-vertical{to{-webkit-transform:translateY(40px);transform:translateY(40px)}}
+.nut-noticebar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;padding:0 16px;font-size:14px;line-height:24px;position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#848484;background-color:#fbf8dc;color:#d37d42}.nut-noticebar.wrapable{height:auto;padding:8px 16px}.nut-noticebar.wrapable .wrap{height:auto}.nut-noticebar.wrapable .wrap .content{position:relative;white-space:normal;word-wrap:break-word}.nut-noticebar a{text-decoration:none;color:#d37d42}.nut-noticebar .withicon{position:relative;padding-right:40px}.nut-noticebar .left-icon{height:16px;min-width:16px;margin-right:5px;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:100% 100%}.nut-noticebar .right-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-width:20px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:5px}.nut-noticebar .wrap{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:24px;overflow:hidden;position:relative}.nut-noticebar .content{position:absolute;white-space:nowrap}.nut-noticebar .content.nut-ellipsis{max-width:100%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.nut-noticebar .play{-webkit-animation:nut-notice-bar-play linear both running;animation:nut-notice-bar-play linear both running}.nut-noticebar .play-infinite{-webkit-animation:nut-notice-bar-play-infinite linear infinite both running;animation:nut-notice-bar-play-infinite linear infinite both running}.nut-noticebar .play-vertical{-webkit-animation:nut-notice-bar-play-vertical linear infinite both running;animation:nut-notice-bar-play-vertical linear infinite both running}@-webkit-keyframes nut-notice-bar-play{to{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@keyframes nut-notice-bar-play{to{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@-webkit-keyframes nut-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@keyframes nut-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@-webkit-keyframes nut-notice-bar-play-vertical{to{-webkit-transform:translateY(40px);transform:translateY(40px)}}@keyframes nut-notice-bar-play-vertical{to{-webkit-transform:translateY(40px);transform:translateY(40px)}}.nut-noticebar-vertical{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:0 16px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.nut-noticebar-vertical .horseLamp_list{display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.nut-noticebar-vertical .horseLamp_list .horseLamp_list_item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:40px;font-size:16px}.nut-noticebar-vertical .go{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}
+
+.nut-noticebar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;padding:0 16px;font-size:14px;line-height:24px;position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#848484;background-color:#fbf8dc;color:#d37d42}.nut-noticebar.wrapable{height:auto;padding:8px 16px}.nut-noticebar.wrapable .wrap{height:auto}.nut-noticebar.wrapable .wrap .content{position:relative;white-space:normal;word-wrap:break-word}.nut-noticebar a{text-decoration:none;color:#d37d42}.nut-noticebar .withicon{position:relative;padding-right:40px}.nut-noticebar .left-icon{height:16px;min-width:16px;margin-right:5px;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:100% 100%}.nut-noticebar .right-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-width:20px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:5px}.nut-noticebar .wrap{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:24px;overflow:hidden;position:relative}.nut-noticebar .content{position:absolute;white-space:nowrap}.nut-noticebar .content.nut-ellipsis{max-width:100%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.nut-noticebar .play{-webkit-animation:nut-notice-bar-play linear both running;animation:nut-notice-bar-play linear both running}.nut-noticebar .play-infinite{-webkit-animation:nut-notice-bar-play-infinite linear infinite both running;animation:nut-notice-bar-play-infinite linear infinite both running}.nut-noticebar .play-vertical{-webkit-animation:nut-notice-bar-play-vertical linear infinite both running;animation:nut-notice-bar-play-vertical linear infinite both running}@-webkit-keyframes nut-notice-bar-play{to{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@keyframes nut-notice-bar-play{to{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@-webkit-keyframes nut-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@keyframes nut-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@-webkit-keyframes nut-notice-bar-play-vertical{to{-webkit-transform:translateY(40px);transform:translateY(40px)}}@keyframes nut-notice-bar-play-vertical{to{-webkit-transform:translateY(40px);transform:translateY(40px)}}.nut-noticebar-vertical{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:0 16px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.nut-noticebar-vertical .horseLamp_list{display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.nut-noticebar-vertical .horseLamp_list .horseLamp_list_item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:40px;font-size:16px}.nut-noticebar-vertical .go{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}
 
 .nut-switch{position:relative;width:auto;display:inline-block !important;background:#fff;-webkit-border-radius:1000px;border-radius:1000px;vertical-align:bottom;-webkit-box-sizing:content-box;box-sizing:content-box;border:2px solid #dadada;-webkit-transition:all .2s cubic-bezier(0.55, 0.085, 0.68, 0.53);-o-transition:all .2s cubic-bezier(0.55, 0.085, 0.68, 0.53);transition:all .2s cubic-bezier(0.55, 0.085, 0.68, 0.53)}.nut-switch .nut-switch-label{position:relative;width:auto;left:0;margin-left:20px;margin-right:3px;padding:0 2px 0 2px !important;text-align:center !important;color:#999 !important;font-style:normal !important;font-size:12px}.nut-switch .nut-switch-btn{position:absolute;left:0;background:#dadada;border:2px solid #fff;-webkit-border-radius:50%;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s cubic-bezier(0.55, 0.085, 0.68, 0.53);-o-transition:all .2s cubic-bezier(0.55, 0.085, 0.68, 0.53);transition:all .2s cubic-bezier(0.55, 0.085, 0.68, 0.53)}.nut-switch.nut-switch-active{border-color:#f0250f}.nut-switch.nut-switch-active .nut-switch-label{left:4px;margin-left:0px;color:red !important;margin-right:22px}.nut-switch.nut-switch-active .nut-switch-btn{background-color:#f0250f}.nut-switch.nut-switch-disabled{opacity:0.6}.nut-switch-small{height:14px;min-width:30px}.nut-switch-small .nut-switch-label{font-size:10px;top:-2px;margin-left:-25px}.nut-switch-small .nut-switch-btn{height:14px;width:14px}.nut-switch-small.nut-switch-active .nut-switch-btn{left:100%;margin-left:-15px}.nut-switch-base{height:20px;line-height:20px;min-width:38px}.nut-switch-base .nut-switch-btn{height:20px;width:22px}.nut-switch-base.nut-switch-active .nut-switch-btn{left:100%;margin-left:-21px}.nut-switch-large{height:28px;line-height:28px;min-width:58px;font-size:14px}.nut-switch-large .nut-switch-label{margin-right:8px;left:6px}.nut-switch-large .nut-switch-btn{height:28px;min-width:28px}.nut-switch-large.nut-switch-active .nut-switch-label{margin-right:30px}.nut-switch-large.nut-switch-active .nut-switch-btn{left:100%;margin-left:-28px}
 
@@ -123,7 +125,7 @@
 
 .nut-notify{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px 16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word}.nut-notify--primary{background-color:#1989fa}.nut-notify--success{background-color:#07c160}.nut-notify--danger{background-color:#ee0a24}.nut-notify--warning{background-color:#ff976a}
 
-.nut-countup{display:inline-block;width:100%;padding:5px;color:#000;font-weight:bold}.nut-countup .run-number{margin:0 auto;padding:0;overflow:hidden;text-align:center;font-weight:bold;position:relative}.nut-countup .run-number li{position:absolute;-webkit-transition:none;-o-transition:none;transition:none;list-style:none}.nut-countup .run-number li span{display:block}.nut-countup .pointstyl{position:absolute;display:block}.nut-countup .run-number-machine-img{overflow:hidden}.nut-countup .run-number-machine-img li{float:left;background-position:center 0;background-repeat:repeat-y;background-attachment:scroll}.nut-countup .run-number-img{position:relative}.nut-countup .run-number-img li{position:absolute;-webkit-transition:none;-o-transition:none;transition:none;display:inline-block;background-position:0 0;background-repeat:no-repeat}
+.nut-countup{display:inline-block;width:100%;padding:5px;color:#000;font-weight:bold}.nut-countup .run-number{padding:0;width:100%;overflow:hidden;text-align:center;font-weight:bold;position:relative}.nut-countup .run-number li{position:absolute;-webkit-transition:none;-o-transition:none;transition:none;list-style:none}.nut-countup .run-number li span{display:block}.nut-countup .pointstyl{position:absolute;display:block}.nut-countup .run-number-machine-img{overflow:hidden}.nut-countup .run-number-machine-img li{float:left;background-position:center 0;background-repeat:repeat-y;background-attachment:scroll}.nut-countup .run-number-img{position:relative}.nut-countup .run-number-img li{position:absolute;-webkit-transition:none;-o-transition:none;transition:none;display:inline-block;background-position:0 0;background-repeat:no-repeat}
 
 .nut-fixednav{height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;z-index:0;width:300px}.nut-fixednav.active.left .fixed-btn img{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.nut-fixednav.active.left .fixed-list{left:0}.nut-fixednav.active .fixed-btn img{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.nut-fixednav.active .fixed-list{right:0}.nut-fixednav .fixed-btn{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;right:0;z-index:2;width:50px;padding-left:5px;height:50px;background:-o-linear-gradient(315deg, #f2140c 0%, #f2270c 70%, #f24d0c 100%);background:linear-gradient(135deg, #f2140c 0%, #f2270c 70%, #f24d0c 100%);-webkit-border-radius:25px 0px 0px 25px;border-radius:25px 0px 0px 25px;-webkit-box-shadow:0px 2px 4px 0px rgba(0,0,0,0.2);box-shadow:0px 2px 4px 0px rgba(0,0,0,0.2);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.nut-fixednav .fixed-btn>img{margin-right:5px;width:4px;height:10px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.nut-fixednav .fixed-btn>span{width:24px;line-height:13px;font-size:10px;color:#fff;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.nut-fixednav ul.fixed-list{position:absolute;right:-100%;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;z-index:1;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:44px;background:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-border-radius:25px 0px 0px 25px;border-radius:25px 0px 0px 25px;-webkit-box-shadow:2px 2px 8px 0px rgba(0,0,0,0.2);box-shadow:2px 2px 8px 0px rgba(0,0,0,0.2);padding-left:20px;padding-right:50px}.nut-fixednav ul.fixed-list li{position:relative;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-width:40px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.nut-fixednav ul.fixed-list li>img{width:20px;height:20px;margin-bottom:2px}.nut-fixednav ul.fixed-list li span{font-size:10px;color:#333}.nut-fixednav ul.fixed-list li b{position:absolute;right:0;top:1px;height:14px;line-height:14px;font-size:10px;padding:0 3px;color:#f0250f;background:#fff;border:1px solid #f0250f;-webkit-border-radius:7px;border-radius:7px;text-align:center;min-width:12px}.nut-fixednav.left .fixed-btn{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;right:auto;left:0;-webkit-border-radius:0 25px 25px 0;border-radius:0 25px 25px 0}.nut-fixednav.left .fixed-btn>img{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.nut-fixednav.left ul.fixed-list{left:-100%;right:auto;-webkit-border-radius:0px 25px 25px 0px;border-radius:0px 25px 25px 0px;padding-left:50px;padding-right:20px}
 
@@ -137,10 +139,9 @@
 
 .nut-coupon{position:relative;width:133px;min-height:76px;padding:7px 12px;text-align:center;background-color:#fff;-webkit-border-radius:8px;border-radius:8px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.nut-coupon-info{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}.nut-coupon-imgbox{margin-right:5px}.nut-coupon-img{display:block;width:44px;height:44px}.nut-coupon-desc{width:100%;text-align:left}.nut-coupon-discount{font-weight:bold;font-size:24px;color:#e8220e;white-space:nowrap}.nut-coupon-discount .rmb{font-size:14px}.nut-coupon-quota{margin-bottom:4px;font-weight:bold;font-size:12px;color:#e8220e;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.nut-coupon-limitStr{margin-bottom:7px;font-size:12px;color:#8c8c8c;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.nut-coupon-btn{width:100%;height:22px;line-height:24px;font-size:14px;text-align:center;color:#e8220e;background:#fdedec;border:1px solid #e8220e;-webkit-border-radius:10px;border-radius:10px}.nut-coupon-1 .nut-coupon-info{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.nut-coupon-1 .nut-coupon-quota{text-align:center;font-size:17px}.nut-coupon-use .nut-coupon-btn{color:#fff;background:#f2140c;border-color:#f2140c}.nut-coupon-ban:after{content:'';display:inline-block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.4);z-index:2}.nut-coupon-ban .nut-coupon-btn{color:#fff;background:#999;border-color:#999}
 
-.cube-item{height:90px;width:88px;-webkit-border-radius:26px;border-radius:26px;overflow:hidden;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0)}.cube-item::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:60px;-webkit-border-radius:0 0 26px 26px;border-radius:0 0 26px 26px}.cube-item-box{height:63px;width:100%;text-align:center;position:absolute;background:#fff;-webkit-border-radius:26px 26px 11px 11px;border-radius:26px 26px 11px 11px;-webkit-transform:translateZ(0);transform:translateZ(0);background-size:cover;background-repeat:no-repeat;overflow:hidden}.cube-item .sub-name{width:100%;position:absolute;top:63px;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:14px;text-align:center;line-height:27px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transform:translateZ(0);transform:translateZ(0)}.cube-item .sub-image{display:block;width:60px;height:60px;margin:0 auto;background-color:#fff;background-position:center;background-size:100%;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}.cube-item .sub-desc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:77px;-webkit-box-sizing:border-box;box-sizing:border-box;height:15px;color:#fff;-webkit-border-radius:6px;border-radius:6px;font-size:12px;text-align:center;position:absolute;bottom:29px;left:50%;-webkit-transform-origin:0 center;-ms-transform-origin:0 center;transform-origin:0 center;-webkit-transform:translate3d(-50%, 0, 1px);transform:translate3d(-50%, 0, 1px)}.cube-item .sub-desc span{width:100%;display:block;line-height:normal;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cube-item--pic::before{background:url("https://img12.360buyimg.com/imagetools/jfs/t1/184083/34/6101/38841/60b065caEaaf7c5d0/eec4cd260f46d9f0.png") no-repeat center/100%;height:100%}.cube-item--pic .cube-item-box{display:none}.cube-item--pic .sub-desc{display:none}.cube-item--pic .sub-name{display:none}.cube-item--act::before{background:url("https://img11.360buyimg.com/imagetools/jfs/t1/195605/17/5252/39357/60b065caEe0aa4c7e/04a341f4e51c6a9b.png") no-repeat center/100%}.cube-item--act .sub-desc{background:#ff5c17}.cube-item--rank::before{background:url("https://img14.360buyimg.com/imagetools/jfs/t1/183388/37/6207/39741/60b065caEea1440a1/8860c63660fc9ac4.png") no-repeat center/100%}.cube-item--rank .sub-desc{background:#1f95fb}.cube-item--shop::before{background:url("https://img12.360buyimg.com/imagetools/jfs/t1/184083/34/6101/38841/60b065caEaaf7c5d0/eec4cd260f46d9f0.png") no-repeat center/100%}.cube-item--shop .sub-desc{background:#ffd01f}.cube-item--shop .sub-desc span{color:#000}.cube-item--lbs::before{background:url("https://img10.360buyimg.com/imagetools/jfs/t1/129094/23/18726/38672/60b065caEb849e8cb/da761e3ebae5bc84.png") no-repeat center/100%}.cube-item--lbs .sub-desc{background:#ffd01f}.cube-item--lbs .sub-desc span{color:#000}.cube-item--unread{-webkit-box-shadow:0 0 20px rgba(255,255,255,0.2);box-shadow:0 0 20px rgba(255,255,255,0.2);-webkit-animation:show 2s infinite;animation:show 2s infinite}.cube-item--special{background-size:cover;background-repeat:no-repeat}.cube-item--special:before{display:none}.cube-item--special .cube-item-box{display:none}.cube-item--special .sub-desc{display:none}@-webkit-keyframes show{0%{-webkit-box-shadow:0 0 20px rgba(255,255,255,0.2);box-shadow:0 0 20px rgba(255,255,255,0.2)}50%{-webkit-box-shadow:0 0 20px rgba(255,255,255,0.5);box-shadow:0 0 20px rgba(255,255,255,0.5)}100%{-webkit-box-shadow:0 0 20px rgba(255,255,255,0.2);box-shadow:0 0 20px rgba(255,255,255,0.2)}}@keyframes show{0%{-webkit-box-shadow:0 0 20px rgba(255,255,255,0.2);box-shadow:0 0 20px rgba(255,255,255,0.2)}50%{-webkit-box-shadow:0 0 20px rgba(255,255,255,0.5);box-shadow:0 0 20px rgba(255,255,255,0.5)}100%{-webkit-box-shadow:0 0 20px rgba(255,255,255,0.2);box-shadow:0 0 20px rgba(255,255,255,0.2)}}.cube-wrapper--inited .cube-col .cube-item .sub-image{-webkit-animation:cube-image 0.2s cubic-bezier(0.33, 0, 0.67, 1) 1s forwards;animation:cube-image 0.2s cubic-bezier(0.33, 0, 0.67, 1) 1s forwards}@-webkit-keyframes cube-image{0%{-webkit-transform:translateY(13px);transform:translateY(13px)}66%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes cube-image{0%{-webkit-transform:translateY(13px);transform:translateY(13px)}66%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
-
-.adjust-position{margin-top:-20px;margin-bottom:-20px}.header-wrap{position:relative;height:710px}.header-wrap .img-header{position:absolute;bottom:0;width:100%}.cube{width:100%;z-index:10}.cube-container{width:100%;padding:15px 0;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;overflow:hidden}.cube-wrapper{width:100%;white-space:nowrap;-webkit-perspective:500px;perspective:500px;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);-o-transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1)}.cube-col{display:inline-block;width:25%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:inherit;-o-transition:inherit;transition:inherit}.cube-col--anime:nth-child(5) .cube-item-wrap{-webkit-animation:cube5 560ms cubic-bezier(0.33, 0, 0.67, 1) 1s both;animation:cube5 560ms cubic-bezier(0.33, 0, 0.67, 1) 1s both}@-webkit-keyframes cube5{0%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.67, 1);-webkit-transform:translate3d(733px, 0, 0);transform:translate3d(733px, 0, 0)}57%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.67, 1);-webkit-transform:translate3d(-30px, 0, 0);transform:translate3d(-30px, 0, 0)}58%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(-30px, 0, 0);transform:translate3d(-30px, 0, 0)}100%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes cube5{0%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.67, 1);-webkit-transform:translate3d(733px, 0, 0);transform:translate3d(733px, 0, 0)}57%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.67, 1);-webkit-transform:translate3d(-30px, 0, 0);transform:translate3d(-30px, 0, 0)}58%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(-30px, 0, 0);transform:translate3d(-30px, 0, 0)}100%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.cube-col--anime:nth-child(6) .cube-item-wrap{-webkit-animation:cube6 560ms cubic-bezier(0.33, 0, 0.83, 1) 1.08s both;animation:cube6 560ms cubic-bezier(0.33, 0, 0.83, 1) 1.08s both}@-webkit-keyframes cube6{0%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(554px, 0, 0);transform:translate3d(554px, 0, 0)}57%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}58%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}100%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes cube6{0%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(554px, 0, 0);transform:translate3d(554px, 0, 0)}57%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}58%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}100%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.cube-col--anime:nth-child(7) .cube-item-wrap{-webkit-animation:cube7 560ms cubic-bezier(0.33, 0, 0.83, 1) 1.16s both;animation:cube7 560ms cubic-bezier(0.33, 0, 0.83, 1) 1.16s both}@-webkit-keyframes cube7{0%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(378px, 0, 0);transform:translate3d(378px, 0, 0)}57%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}58%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}100%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes cube7{0%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(378px, 0, 0);transform:translate3d(378px, 0, 0)}57%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}58%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}100%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.cube-col--anime:nth-child(8) .cube-item-wrap{-webkit-animation:cube8 560ms cubic-bezier(0.33, 0, 0.83, 1) 1.28s both;animation:cube8 560ms cubic-bezier(0.33, 0, 0.83, 1) 1.28s both}@-webkit-keyframes cube8{0%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(205px, 0, 0);transform:translate3d(205px, 0, 0)}57%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}58%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}100%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes cube8{0%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(205px, 0, 0);transform:translate3d(205px, 0, 0)}57%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}58%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}100%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.cube-item-wrap{margin-bottom:16px}
+.adjust-position{margin-top:-20px;margin-bottom:-20px}.header-wrap{position:relative;height:710px}.header-wrap .img-header{position:absolute;bottom:0;width:100%}.cube-item{height:90px;width:88px;-webkit-border-radius:26px;border-radius:26px;overflow:hidden;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0)}.cube-item::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:60px;-webkit-border-radius:0 0 26px 26px;border-radius:0 0 26px 26px}.cube-item-box{height:63px;width:100%;text-align:center;position:absolute;background:#fff;-webkit-border-radius:26px 26px 11px 11px;border-radius:26px 26px 11px 11px;-webkit-transform:translateZ(0);transform:translateZ(0);background-size:cover;background-repeat:no-repeat;overflow:hidden}.cube-item .sub-name{width:100%;position:absolute;top:63px;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:14px;text-align:center;line-height:27px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transform:translateZ(0);transform:translateZ(0)}.cube-item .sub-image{display:block;width:60px;height:60px;margin:0 auto;background-color:#fff;background-position:center;background-size:100%;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}.cube-item .sub-desc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:77px;-webkit-box-sizing:border-box;box-sizing:border-box;height:15px;color:#fff;-webkit-border-radius:6px;border-radius:6px;font-size:12px;text-align:center;position:absolute;bottom:29px;left:50%;-webkit-transform-origin:0 center;-ms-transform-origin:0 center;transform-origin:0 center;-webkit-transform:translate3d(-50%, 0, 1px);transform:translate3d(-50%, 0, 1px)}.cube-item .sub-desc span{width:100%;display:block;line-height:normal;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cube-item--pic::before{background:url("https://img12.360buyimg.com/imagetools/jfs/t1/184083/34/6101/38841/60b065caEaaf7c5d0/eec4cd260f46d9f0.png") no-repeat center/100%;height:100%}.cube-item--pic .cube-item-box{display:none}.cube-item--pic .sub-desc{display:none}.cube-item--pic .sub-name{display:none}.cube-item--act::before{background:url("https://img11.360buyimg.com/imagetools/jfs/t1/195605/17/5252/39357/60b065caEe0aa4c7e/04a341f4e51c6a9b.png") no-repeat center/100%}.cube-item--act .sub-desc{background:#ff5c17}.cube-item--rank::before{background:url("https://img14.360buyimg.com/imagetools/jfs/t1/183388/37/6207/39741/60b065caEea1440a1/8860c63660fc9ac4.png") no-repeat center/100%}.cube-item--rank .sub-desc{background:#1f95fb}.cube-item--shop::before{background:url("https://img12.360buyimg.com/imagetools/jfs/t1/184083/34/6101/38841/60b065caEaaf7c5d0/eec4cd260f46d9f0.png") no-repeat center/100%}.cube-item--shop .sub-desc{background:#ffd01f}.cube-item--shop .sub-desc span{color:#000}.cube-item--lbs::before{background:url("https://img10.360buyimg.com/imagetools/jfs/t1/129094/23/18726/38672/60b065caEb849e8cb/da761e3ebae5bc84.png") no-repeat center/100%}.cube-item--lbs .sub-desc{background:#ffd01f}.cube-item--lbs .sub-desc span{color:#000}.cube-item--unread{-webkit-box-shadow:0 0 20px rgba(255,255,255,0.2);box-shadow:0 0 20px rgba(255,255,255,0.2);-webkit-animation:show 2s infinite;animation:show 2s infinite}.cube-item--special{background-size:cover;background-repeat:no-repeat}.cube-item--special:before{display:none}.cube-item--special .cube-item-box{display:none}.cube-item--special .sub-desc{display:none}@-webkit-keyframes show{0%{-webkit-box-shadow:0 0 20px rgba(255,255,255,0.2);box-shadow:0 0 20px rgba(255,255,255,0.2)}50%{-webkit-box-shadow:0 0 20px rgba(255,255,255,0.5);box-shadow:0 0 20px rgba(255,255,255,0.5)}100%{-webkit-box-shadow:0 0 20px rgba(255,255,255,0.2);box-shadow:0 0 20px rgba(255,255,255,0.2)}}@keyframes show{0%{-webkit-box-shadow:0 0 20px rgba(255,255,255,0.2);box-shadow:0 0 20px rgba(255,255,255,0.2)}50%{-webkit-box-shadow:0 0 20px rgba(255,255,255,0.5);box-shadow:0 0 20px rgba(255,255,255,0.5)}100%{-webkit-box-shadow:0 0 20px rgba(255,255,255,0.2);box-shadow:0 0 20px rgba(255,255,255,0.2)}}.cube-wrapper--inited .cube-col .cube-item .sub-image{-webkit-animation:cube-image 0.2s cubic-bezier(0.33, 0, 0.67, 1) 1s forwards;animation:cube-image 0.2s cubic-bezier(0.33, 0, 0.67, 1) 1s forwards}@-webkit-keyframes cube-image{0%{-webkit-transform:translateY(13px);transform:translateY(13px)}66%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes cube-image{0%{-webkit-transform:translateY(13px);transform:translateY(13px)}66%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.cube{width:100%;z-index:10}.cube-container{width:100%;padding:15px 0;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;overflow:hidden}.cube-wrapper{width:100%;white-space:nowrap;-webkit-perspective:500px;perspective:500px;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);-o-transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1)}.cube-col{display:inline-block;width:25%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:inherit;-o-transition:inherit;transition:inherit}.cube-col--anime:nth-child(5) .cube-item-wrap{-webkit-animation:cube5 560ms cubic-bezier(0.33, 0, 0.67, 1) 1s both;animation:cube5 560ms cubic-bezier(0.33, 0, 0.67, 1) 1s both}@-webkit-keyframes cube5{0%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.67, 1);-webkit-transform:translate3d(733px, 0, 0);transform:translate3d(733px, 0, 0)}57%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.67, 1);-webkit-transform:translate3d(-30px, 0, 0);transform:translate3d(-30px, 0, 0)}58%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(-30px, 0, 0);transform:translate3d(-30px, 0, 0)}100%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes cube5{0%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.67, 1);-webkit-transform:translate3d(733px, 0, 0);transform:translate3d(733px, 0, 0)}57%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.67, 1);-webkit-transform:translate3d(-30px, 0, 0);transform:translate3d(-30px, 0, 0)}58%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(-30px, 0, 0);transform:translate3d(-30px, 0, 0)}100%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.cube-col--anime:nth-child(6) .cube-item-wrap{-webkit-animation:cube6 560ms cubic-bezier(0.33, 0, 0.83, 1) 1.08s both;animation:cube6 560ms cubic-bezier(0.33, 0, 0.83, 1) 1.08s both}@-webkit-keyframes cube6{0%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(554px, 0, 0);transform:translate3d(554px, 0, 0)}57%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}58%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}100%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes cube6{0%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(554px, 0, 0);transform:translate3d(554px, 0, 0)}57%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}58%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}100%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.cube-col--anime:nth-child(7) .cube-item-wrap{-webkit-animation:cube7 560ms cubic-bezier(0.33, 0, 0.83, 1) 1.16s both;animation:cube7 560ms cubic-bezier(0.33, 0, 0.83, 1) 1.16s both}@-webkit-keyframes cube7{0%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(378px, 0, 0);transform:translate3d(378px, 0, 0)}57%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}58%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}100%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes cube7{0%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(378px, 0, 0);transform:translate3d(378px, 0, 0)}57%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}58%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}100%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.cube-col--anime:nth-child(8) .cube-item-wrap{-webkit-animation:cube8 560ms cubic-bezier(0.33, 0, 0.83, 1) 1.28s both;animation:cube8 560ms cubic-bezier(0.33, 0, 0.83, 1) 1.28s both}@-webkit-keyframes cube8{0%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(205px, 0, 0);transform:translate3d(205px, 0, 0)}57%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}58%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}100%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes cube8{0%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(205px, 0, 0);transform:translate3d(205px, 0, 0)}57%{-webkit-animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);animation-timing-function:cubic-bezier(0.33, 0, 0.83, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}58%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}100%{-webkit-animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);animation-timing-function:cubic-bezier(0.17, 0, 0.67, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.cube-item-wrap{margin-bottom:16px}
 
+.fade-x-leave-active{-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.fade-x-enter,.fade-x-leave-to{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.fade-x-enter-active{animation:fade-in 0.6s;-ms-animation:fade-in 0.6s;-webkit-animation:fade-in 0.6s}.bounce-enter-active{animation:bounce-in 0.6s;-ms-animation:bounce-in 0.6s;-webkit-animation:bounce-in 0.6s}.bounce-leave-active{-webkit-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}.bounce-enter,.bounce-leave-to{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}@-webkit-keyframes fade-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}60%{-webkit-transform:translateX(0);transform:translateX(0)}80%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}60%{-webkit-transform:translateX(0);transform:translateX(0)}80%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes bounce-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes shake-rotate{0%{-webkit-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}2%{-webkit-transform:translate(0px, 0px) rotate(1.5deg);transform:translate(0px, 0px) rotate(1.5deg)}4%{-webkit-transform:translate(0px, 0px) rotate(-7.5deg);transform:translate(0px, 0px) rotate(-7.5deg)}6%{-webkit-transform:translate(0px, 0px) rotate(-2.5deg);transform:translate(0px, 0px) rotate(-2.5deg)}8%{-webkit-transform:translate(0px, 0px) rotate(6.5deg);transform:translate(0px, 0px) rotate(6.5deg)}10%{-webkit-transform:translate(0px, 0px) rotate(-4.5deg);transform:translate(0px, 0px) rotate(-4.5deg)}12%{-webkit-transform:translate(0px, 0px) rotate(0.5deg);transform:translate(0px, 0px) rotate(0.5deg)}14%{-webkit-transform:translate(0px, 0px) rotate(-6.5deg);transform:translate(0px, 0px) rotate(-6.5deg)}16%{-webkit-transform:translate(0px, 0px) rotate(1.5deg);transform:translate(0px, 0px) rotate(1.5deg)}18%{-webkit-transform:translate(0px, 0px) rotate(-2.5deg);transform:translate(0px, 0px) rotate(-2.5deg)}20%{-webkit-transform:translate(0px, 0px) rotate(1.5deg);transform:translate(0px, 0px) rotate(1.5deg)}22%{-webkit-transform:translate(0px, 0px) rotate(1.5deg);transform:translate(0px, 0px) rotate(1.5deg)}24%{-webkit-transform:translate(0px, 0px) rotate(2.5deg);transform:translate(0px, 0px) rotate(2.5deg)}26%{-webkit-transform:translate(0px, 0px) rotate(6.5deg);transform:translate(0px, 0px) rotate(6.5deg)}28%{-webkit-transform:translate(0px, 0px) rotate(2.5deg);transform:translate(0px, 0px) rotate(2.5deg)}30%{-webkit-transform:translate(0px, 0px) rotate(1.5deg);transform:translate(0px, 0px) rotate(1.5deg)}32%{-webkit-transform:translate(0px, 0px) rotate(-4.5deg);transform:translate(0px, 0px) rotate(-4.5deg)}34%{-webkit-transform:translate(0px, 0px) rotate(-3.5deg);transform:translate(0px, 0px) rotate(-3.5deg)}36%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}38%{-webkit-transform:translate(0px, 0px) rotate(4.5deg);transform:translate(0px, 0px) rotate(4.5deg)}40%{-webkit-transform:translate(0px, 0px) rotate(4.5deg);transform:translate(0px, 0px) rotate(4.5deg)}42%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}44%{-webkit-transform:translate(0px, 0px) rotate(1.5deg);transform:translate(0px, 0px) rotate(1.5deg)}46%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}48%{-webkit-transform:translate(0px, 0px) rotate(-7.5deg);transform:translate(0px, 0px) rotate(-7.5deg)}50%{-webkit-transform:translate(0px, 0px) rotate(3.5deg);transform:translate(0px, 0px) rotate(3.5deg)}52%{-webkit-transform:translate(0px, 0px) rotate(-5.5deg);transform:translate(0px, 0px) rotate(-5.5deg)}54%{-webkit-transform:translate(0px, 0px) rotate(-6.5deg);transform:translate(0px, 0px) rotate(-6.5deg)}56%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}58%{-webkit-transform:translate(0px, 0px) rotate(3.5deg);transform:translate(0px, 0px) rotate(3.5deg)}60%{-webkit-transform:translate(0px, 0px) rotate(-2.5deg);transform:translate(0px, 0px) rotate(-2.5deg)}62%{-webkit-transform:translate(0px, 0px) rotate(3.5deg);transform:translate(0px, 0px) rotate(3.5deg)}64%{-webkit-transform:translate(0px, 0px) rotate(6.5deg);transform:translate(0px, 0px) rotate(6.5deg)}66%{-webkit-transform:translate(0px, 0px) rotate(-6.5deg);transform:translate(0px, 0px) rotate(-6.5deg)}68%{-webkit-transform:translate(0px, 0px) rotate(-2.5deg);transform:translate(0px, 0px) rotate(-2.5deg)}70%{-webkit-transform:translate(0px, 0px) rotate(-3.5deg);transform:translate(0px, 0px) rotate(-3.5deg)}72%{-webkit-transform:translate(0px, 0px) rotate(-6.5deg);transform:translate(0px, 0px) rotate(-6.5deg)}74%{-webkit-transform:translate(0px, 0px) rotate(-5.5deg);transform:translate(0px, 0px) rotate(-5.5deg)}76%{-webkit-transform:translate(0px, 0px) rotate(1.5deg);transform:translate(0px, 0px) rotate(1.5deg)}78%{-webkit-transform:translate(0px, 0px) rotate(-1.5deg);transform:translate(0px, 0px) rotate(-1.5deg)}80%{-webkit-transform:translate(0px, 0px) rotate(3.5deg);transform:translate(0px, 0px) rotate(3.5deg)}82%{-webkit-transform:translate(0px, 0px) rotate(1.5deg);transform:translate(0px, 0px) rotate(1.5deg)}84%{-webkit-transform:translate(0px, 0px) rotate(-7.5deg);transform:translate(0px, 0px) rotate(-7.5deg)}86%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}88%{-webkit-transform:translate(0px, 0px) rotate(0.5deg);transform:translate(0px, 0px) rotate(0.5deg)}90%{-webkit-transform:translate(0px, 0px) rotate(-3.5deg);transform:translate(0px, 0px) rotate(-3.5deg)}92%{-webkit-transform:translate(0px, 0px) rotate(-4.5deg);transform:translate(0px, 0px) rotate(-4.5deg)}94%{-webkit-transform:translate(0px, 0px) rotate(2.5deg);transform:translate(0px, 0px) rotate(2.5deg)}96%{-webkit-transform:translate(0px, 0px) rotate(2.5deg);transform:translate(0px, 0px) rotate(2.5deg)}98%{-webkit-transform:translate(0px, 0px) rotate(-2.5deg);transform:translate(0px, 0px) rotate(-2.5deg)}}@keyframes shake-rotate{0%{-webkit-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}2%{-webkit-transform:translate(0px, 0px) rotate(1.5deg);transform:translate(0px, 0px) rotate(1.5deg)}4%{-webkit-transform:translate(0px, 0px) rotate(-7.5deg);transform:translate(0px, 0px) rotate(-7.5deg)}6%{-webkit-transform:translate(0px, 0px) rotate(-2.5deg);transform:translate(0px, 0px) rotate(-2.5deg)}8%{-webkit-transform:translate(0px, 0px) rotate(6.5deg);transform:translate(0px, 0px) rotate(6.5deg)}10%{-webkit-transform:translate(0px, 0px) rotate(-4.5deg);transform:translate(0px, 0px) rotate(-4.5deg)}12%{-webkit-transform:translate(0px, 0px) rotate(0.5deg);transform:translate(0px, 0px) rotate(0.5deg)}14%{-webkit-transform:translate(0px, 0px) rotate(-6.5deg);transform:translate(0px, 0px) rotate(-6.5deg)}16%{-webkit-transform:translate(0px, 0px) rotate(1.5deg);transform:translate(0px, 0px) rotate(1.5deg)}18%{-webkit-transform:translate(0px, 0px) rotate(-2.5deg);transform:translate(0px, 0px) rotate(-2.5deg)}20%{-webkit-transform:translate(0px, 0px) rotate(1.5deg);transform:translate(0px, 0px) rotate(1.5deg)}22%{-webkit-transform:translate(0px, 0px) rotate(1.5deg);transform:translate(0px, 0px) rotate(1.5deg)}24%{-webkit-transform:translate(0px, 0px) rotate(2.5deg);transform:translate(0px, 0px) rotate(2.5deg)}26%{-webkit-transform:translate(0px, 0px) rotate(6.5deg);transform:translate(0px, 0px) rotate(6.5deg)}28%{-webkit-transform:translate(0px, 0px) rotate(2.5deg);transform:translate(0px, 0px) rotate(2.5deg)}30%{-webkit-transform:translate(0px, 0px) rotate(1.5deg);transform:translate(0px, 0px) rotate(1.5deg)}32%{-webkit-transform:translate(0px, 0px) rotate(-4.5deg);transform:translate(0px, 0px) rotate(-4.5deg)}34%{-webkit-transform:translate(0px, 0px) rotate(-3.5deg);transform:translate(0px, 0px) rotate(-3.5deg)}36%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}38%{-webkit-transform:translate(0px, 0px) rotate(4.5deg);transform:translate(0px, 0px) rotate(4.5deg)}40%{-webkit-transform:translate(0px, 0px) rotate(4.5deg);transform:translate(0px, 0px) rotate(4.5deg)}42%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}44%{-webkit-transform:translate(0px, 0px) rotate(1.5deg);transform:translate(0px, 0px) rotate(1.5deg)}46%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}48%{-webkit-transform:translate(0px, 0px) rotate(-7.5deg);transform:translate(0px, 0px) rotate(-7.5deg)}50%{-webkit-transform:translate(0px, 0px) rotate(3.5deg);transform:translate(0px, 0px) rotate(3.5deg)}52%{-webkit-transform:translate(0px, 0px) rotate(-5.5deg);transform:translate(0px, 0px) rotate(-5.5deg)}54%{-webkit-transform:translate(0px, 0px) rotate(-6.5deg);transform:translate(0px, 0px) rotate(-6.5deg)}56%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}58%{-webkit-transform:translate(0px, 0px) rotate(3.5deg);transform:translate(0px, 0px) rotate(3.5deg)}60%{-webkit-transform:translate(0px, 0px) rotate(-2.5deg);transform:translate(0px, 0px) rotate(-2.5deg)}62%{-webkit-transform:translate(0px, 0px) rotate(3.5deg);transform:translate(0px, 0px) rotate(3.5deg)}64%{-webkit-transform:translate(0px, 0px) rotate(6.5deg);transform:translate(0px, 0px) rotate(6.5deg)}66%{-webkit-transform:translate(0px, 0px) rotate(-6.5deg);transform:translate(0px, 0px) rotate(-6.5deg)}68%{-webkit-transform:translate(0px, 0px) rotate(-2.5deg);transform:translate(0px, 0px) rotate(-2.5deg)}70%{-webkit-transform:translate(0px, 0px) rotate(-3.5deg);transform:translate(0px, 0px) rotate(-3.5deg)}72%{-webkit-transform:translate(0px, 0px) rotate(-6.5deg);transform:translate(0px, 0px) rotate(-6.5deg)}74%{-webkit-transform:translate(0px, 0px) rotate(-5.5deg);transform:translate(0px, 0px) rotate(-5.5deg)}76%{-webkit-transform:translate(0px, 0px) rotate(1.5deg);transform:translate(0px, 0px) rotate(1.5deg)}78%{-webkit-transform:translate(0px, 0px) rotate(-1.5deg);transform:translate(0px, 0px) rotate(-1.5deg)}80%{-webkit-transform:translate(0px, 0px) rotate(3.5deg);transform:translate(0px, 0px) rotate(3.5deg)}82%{-webkit-transform:translate(0px, 0px) rotate(1.5deg);transform:translate(0px, 0px) rotate(1.5deg)}84%{-webkit-transform:translate(0px, 0px) rotate(-7.5deg);transform:translate(0px, 0px) rotate(-7.5deg)}86%{-webkit-transform:translate(0px, 0px) rotate(-0.5deg);transform:translate(0px, 0px) rotate(-0.5deg)}88%{-webkit-transform:translate(0px, 0px) rotate(0.5deg);transform:translate(0px, 0px) rotate(0.5deg)}90%{-webkit-transform:translate(0px, 0px) rotate(-3.5deg);transform:translate(0px, 0px) rotate(-3.5deg)}92%{-webkit-transform:translate(0px, 0px) rotate(-4.5deg);transform:translate(0px, 0px) rotate(-4.5deg)}94%{-webkit-transform:translate(0px, 0px) rotate(2.5deg);transform:translate(0px, 0px) rotate(2.5deg)}96%{-webkit-transform:translate(0px, 0px) rotate(2.5deg);transform:translate(0px, 0px) rotate(2.5deg)}98%{-webkit-transform:translate(0px, 0px) rotate(-2.5deg);transform:translate(0px, 0px) rotate(-2.5deg)}}@-webkit-keyframes box-rotate{0%{-webkit-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}100%{-webkit-transform:translate(0px, 0px) rotate(360deg);transform:translate(0px, 0px) rotate(360deg)}}@keyframes box-rotate{0%{-webkit-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg)}100%{-webkit-transform:translate(0px, 0px) rotate(360deg);transform:translate(0px, 0px) rotate(360deg)}}.nut-ninegrid{height:357px;width:357px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-image:url("//img10.360buyimg.com/imagetools/jfs/t1/182262/4/21143/406696/6126fceeEccce5223/61a6b338777fd857.png");background-size:100% 100%;overflow:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:12px;-webkit-perspective:1000;perspective:1000}.nut-ninegrid .item{position:relative;width:107px;height:107px}.nut-ninegrid .item .front,.nut-ninegrid .item .back{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-border-radius:8px;border-radius:8px;padding:9px 8px 0 8px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-image:-webkit-gradient(linear, left top, left bottom, from(#ffefd1), to(#ffc8a4));background-image:-o-linear-gradient(#ffefd1, #ffc8a4);background-image:linear-gradient(#ffefd1, #ffc8a4);-webkit-transition:1s;-o-transition:1s;transition:1s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.nut-ninegrid .item .front>p,.nut-ninegrid .item .back>p{width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-family:PingFangSC-Medium;text-align:center;font-size:13px;height:15px;margin-bottom:3px;color:#2e2d2d;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.nut-ninegrid .item .front .nut-price,.nut-ninegrid .item .back .nut-price{height:40px}.nut-ninegrid .item .front .nut-price>span,.nut-ninegrid .item .back .nut-price>span{font-family:PingFangSC-Medium;font-size:10px !important;color:#f91232 !important}.nut-ninegrid .item .front .nut-price>span.price-big,.nut-ninegrid .item .back .nut-price>span.price-big{font-size:16px !important}.nut-ninegrid .item .front>img,.nut-ninegrid .item .back>img{width:71px;height:71px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.nut-ninegrid .item .front{z-index:2;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.nut-ninegrid .item .back{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.nut-ninegrid .item.d{-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg)}.nut-ninegrid .item.active .front{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.nut-ninegrid .item.active .back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.nut-ninegrid .item.shake{-webkit-animation:shake-rotate 0.5s 1;animation:shake-rotate 0.5s 1}.nut-ninegrid .item .center{-webkit-border-radius:8px;border-radius:8px;overflow:hidden;background-image:-webkit-gradient(linear, left top, left bottom, from(#ff733e), to(#ff4e57));background-image:-o-linear-gradient(#ff733e, #ff4e57);background-image:linear-gradient(#ff733e, #ff4e57);border:1px solid #ffa07c;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.nut-ninegrid .item .center>img{width:15px;height:16px}.nut-ninegrid .item .center>img.rotate{-webkit-animation-name:box-rotate;animation-name:box-rotate;-webkit-animation-duration:1s;animation-duration:1s}.nut-ninegrid .item .center>span{font-family:PingFangSC-Medium;font-size:16px;color:#ffd4a7}.nut-ninegrid .item .center>p{font-family:PingFangSC-Medium;font-size:12px;color:#ffd4a7}
 
 
 /*# sourceMappingURL=nutui.css.map*/