html{min-height: 100%;}
body{background: url(../images/mobile_index_bg.jpg) center center no-repeat;background-size: 100% 100%;min-height: 100%;height: 100%;}
.index-menu{position: fixed;top: 50%;left: 50%;width: 280px;height: 280px;background: #fff;margin: -180px 0 0 -140px;border-radius: 50%;border: 4px solid #58d1eb;}
.index-menu:before{content: '';position: absolute;left: 50%;top: 0;width: 4px;height: 272px;background: #58d1eb;margin-left: -2px;}
.index-menu:after{content: '';position: absolute;left: 0;top: 50%;width: 272px;height: 4px;background: #58d1eb;margin-top: -2px;}
.menu-box{position: relative;height: 100%;}
.menu-1{position: absolute;left: 20%;top: 22%;width: 60px;height: 60px;}
.menu-1:before{content: '\e699';font-size: 40px;position: absolute;top: 0;left: 0;text-align: center;width: 100%;color: #ddd;}
.menu-1.active:before{color: #58d1eb;}
.menu-1:after{content: '录入订单';font-size: 14px;text-align: center;position: absolute;bottom: 0;left: 0;color: #ddd;}
.menu-1.active:after{color: #999;}
.menu-2{position: absolute;right: 20%;top: 22%;width: 60px;height: 60px;}
.menu-2:before{content: '\e698';font-size: 44px;position: absolute;top: 0;right: 0;text-align: center;width: 100%;color: #ddd;}
.menu-2.active:before{color: #58d1eb;}
.menu-2:after{content: '我的订单';font-size: 14px;text-align: center;position: absolute;bottom: 0;left: 0;color: #ddd;}
.menu-2.active:after{color: #999;}
.menu-3{position: absolute;left: 20%;bottom: 16%;width: 60px;height: 60px;}
.menu-3:before{content: '\e69e';font-size: 40px;position: absolute;top: 0;left: 0;text-align: center;width: 100%;color: #ddd;}
.menu-3.active:before{color: #58d1eb;}
.menu-3:after{content: '财务审核';font-size: 14px;text-align: center;position: absolute;bottom: 0;left: 0;color: #ddd;}
.menu-3.active:after{color: #999;}
.menu-4{position: absolute;right: 20%;bottom: 16%;width: 60px;height: 60px;}
.menu-4:before{content: '\e697';font-size: 40px;position: absolute;top: 0;left: 0;text-align: center;width: 100%;color: #ddd;}
.menu-4.active:before{color: #58d1eb;}
.menu-4:after{content: '审核订单';font-size: 14px;text-align: center;position: absolute;bottom: 0;left: 0;color: #ddd;}
.menu-4.active:after{color: #999;}
.index-footer{position: absolute;width: 100%;left: 0;bottom: 20px;height: 30px;color: #fff;text-align: center;}