.index-nav{padding-bottom:1.5rem}.index-nav .img{width:auto;height:4rem;margin:1.5rem auto 0}figure{position:relative;margin:.5rem 1.5rem 2rem}figure figcaption{font-size:.9rem;color:#646464}figure .desc{font-size:.75rem;margin-top:.5em;color:#b4b4b4}figure aside{font-size:.75rem;position:absolute;right:0;bottom:0;color:#b4b4b4}.products{height:20px;width:80px;background:red;text-align:center;line-height:20px;font-size:12px;color:#fff;border-radius:20px}.article-view-txt,.article-play-icon{position:absolute;right:.5rem;margin-top:-1.5rem}.article-play-icon{overflow:hidden;width:2rem;height:2rem;margin-top:-2.5rem;white-space:nowrap;text-indent:-999rem;background:url(img/icon-play.png) no-repeat;background-size:100% auto}.article-view-txt{color:#fff}.flex-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;padding-top:20px;padding-bottom:20px;border-bottom:10px solid #f0f0f0;color:#505050}.flex-box .flex-item{width:42%;text-align:center}.flex-box .flex-item .flex-img{-ms-flex-item-align:start;align-self:flex-start;width:100%;display:block}.flex-box .flex-item .flex-title{font-size:1rem;margin-top:.5rem}.flex-box .flex-item .flex-text{font-size:.7rem;height:1rem;margin-bottom:1.5rem;white-space:nowrap;color:#a0a0a0;display:block}.flex-box .flex-item .flex-button{font-size:.7rem;width:6em;height:1.5rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;background:#0078ff}.flex-box .flex-right{padding-top:0}.flex-box .flex-right.has-new{padding-top:.6rem}.flex-box .is-new{height:20px;width:80px;background:red;text-align:center;line-height:20px;font-size:12px;color:#fff;border-radius:20px;margin:4px auto 0}.modal-inner{padding-top:0rem}.button{width:40%;margin:0 auto}