.el-loading-spinner{width:30%;background:rgba(0,0,0,.8);left:50%;transform:translateX(-50%);border-radius:5px;padding:15px 0;color:#fff}.el-loading-spinner i{color:#fff;font-size:22px}.el-loading-spinner .el-loading-text{color:#fff}.el-message-box{width:70%}.canteenApp{max-width:640px;background:#ececec;margin:0 auto}.canteenApp .header{height:70px;border-bottom:1px solid #ececec}.canteenApp .header,.canteenApp .header .li{background:#fff;width:100%}.canteenApp .header h3{font-size:16px;padding:8px 0 0 3%}.canteenApp .header .li h2{width:92%;margin:0 auto;font-size:14px;padding-top:10px;font-weight:500;color:#555}.canteenApp .header .li h2 font{float:right;color:red;font-size:12px;margin-top:4px}.canteenApp .money{background:#fff;margin-top:1px;height:50px;line-height:50px}.canteenApp .money span{padding-left:4%;color:#555}.canteenApp .money span font{color:#796048;font-weight:700}.canteenApp .money a{float:right;margin-right:15px;border:1px solid #796048;color:#796048;height:32px;line-height:32px;width:60px;text-align:center;border-radius:32px;margin-top:9px}.canteenApp .h2{padding:20px 0 10px 0;color:#666;font-size:18px;text-align:center}.canteenApp .pro{background:#fff;display:block;width:92%;border-radius:6px;margin:0 auto 15px auto;padding-bottom:15px}.canteenApp .email:after,.canteenApp .pro .bussTitle:after,.canteenApp .pro .goods:after{display:block;clear:both;content:"";visibility:hidden;height:0}.canteenApp .pro .bussTitle{width:92%;margin:0 auto;padding:15px 0 10px 0}.canteenApp .pro .bussTitle img{width:50px;border-radius:5px;float:left}.canteenApp .pro .bussTitle .name{float:left;width:68%;margin-left:2%}.canteenApp .pro .bussTitle .name p{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.canteenApp .pro .bussTitle .name p:last-child{font-size:13px;padding-top:8px;color:#999;font-weight:400}.canteenApp .pro .bussTitle .status{float:right;font-size:13px;color:#666;margin-top:12px}.canteenApp .goods{background:#f5f5f5;width:92%;margin:0 auto 1px auto}.canteenApp .goods .left{float:left;width:16%;border-radius:5px;margin:4% 2% 2% 4%}.canteenApp .goods .right{float:left;margin-top:4%;width:73%;position:relative}.canteenApp .goods .right p{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;width:78%}.canteenApp .goods .right .num{font-size:13px;color:#999;padding-top:12px}.canteenApp .goods .right .price{color:red;font-size:15px;position:absolute;top:50%;transform:translateY(-50%);right:0;text-align:right}.canteenApp .goods .right .price div{font-size:12px;color:#999;text-decoration:line-through}.canteenApp .goods .right .price b{color:red;font-size:16px;font-weight:600}.canteenApp .goods .right .price i{color:red;font-size:13px;font-style:normal}.canteenApp .goods .right .price font{color:#666;font-size:14px;padding-left:8px}