body{padding-bottom: 100px;background: #f7f8fa;}

.banner{margin-top:25px;}

.buy{margin: 25px;text-align: center;background: #e8ffe8;padding: 20px 25px 30px 22px;border-radius: 20px;}
.buy .title{display: block;margin-bottom: 25px;}

.buy .title i{position: relative;color: #1dc01d;font-size: 30px;}
.buy .title i::before{content: '';border-bottom: 1px solid #1dc01d;width: 90px;height: 0px;position: absolute;left: -100px;top: 20px;}
.buy .title i::after{content: '';border-bottom: 1px solid #1dc01d;width: 90px;height: 0px;position: absolute;right: -100px;top: 20px;}

.buy .box{text-align: left;}
.buy .box span{color: #1dc01d;width: 210px;display: inline-block;margin-bottom: 10px;}
.buy .box span:last-child{width: 220px;}
.buy .box span i{background-color: #1dc01d;color: white;display: inline-block;margin-right: 5px;width: 40px;height: 40px;    line-height: 40px;text-align: center;border-radius: 6px;}

.menu{margin: 25px;width: 700px;padding: 15px 0;border-radius: 20px;overflow: hidden;background: #fff;}
.menu .icon{display: flex;flex-wrap: wrap;}
.menu .icon a{text-align: center;width: 20%;margin: 15px 0;}
.menu .icon img{width:80px;height: 80px;border-radius: 50%;}
.menu .icon i{text-align:center;display: block;margin-top: 5px;}

.order{margin: 25px;padding: 20px 20px 18px 100px;position: relative;border-radius: 20px;overflow: hidden;background: #fff;}
.order li{white-space: nowrap; overflow: hidden;text-overflow: ellipsis;color: #999;}
.order label{position: absolute;top: 23px;left: 20px;font-weight: bold;line-height: 30px;padding-right: 20px;font-style: italic;}
.order label i{color: #0185ff;}

.tips{position: fixed;bottom: 20%;right:0;z-index: 5;}
.tips a{display: block;font-size: 22px;padding: 20px 15px;border-radius: 10px 0 0 10px;background: #20d0a1;color:#fff; border-right: 0;margin-bottom: 10px;writing-mode: vertical-rl;letter-spacing: 5px;}