.md-bottom-order { z-index: 999998; background-color: rgba(0,0,0,0.8); width: 100%; height: 82px; position: fixed; left: 0; bottom: 0; box-sizing: border-box; padding-top: 24px; transition: height ease-out 0.3s }
.md-bottom-order.md-bottom-order-show { height: 490px }
.md-bottom-order.md-bottom-order-show .md-bottom-shadow { bottom: 0 }
.md-bottom-order.md-bottom-order-show .md-bottom-con .md-bottom-title .arrow { transform: rotateX(0) }
.md-bottom-order .md-bottom-shadow { width: 100%; height: 190px; position: absolute; bottom: -190px; left: 0; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8)); transition: bottom ease-out 0.3s }
.md-bottom-order .md-bottom-con { box-sizing: border-box; width: 1034px; height: 100%; position: relative; border-radius: 6px; margin: 0 auto; padding-top: 64px; }
.md-bottom-order .md-bottom-con .md-bottom-title { width: 963px; height: 120px; position: absolute; top: -57px; cursor: pointer }
.md-bottom-order .md-bottom-con .md-bottom-title .img { width: 963px; height: 120px; background: url(../images/toubu.png) no-repeat }
.md-bottom-order .md-bottom-con .md-bottom-title .arrow { display: block; width: 28px; height: 34px; border-radius: 100%; position: absolute; top: 60px; right: -48px; transform: rotateX(180deg) }
.md-bottom-order .md-bottom-con .md-bottom-title .arrow .arrow-img { width: 28px; height: 34px; background: url(../images/md-bottom-arrow.png) no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -11px; margin-top: -12px; animation: gift .5s linear infinite alternate }