body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{margin:0;padding:0}.headerContainer{width:1000px;height:100%;margin:0 auto;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;line-height:35px;font-size:12px}.headerContainer span{margin:0 6px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.appHeader{width:100%;height:35px;background:#f5f5f5}.shoppingCartNumber{color:red;font-weight:900;font-size:14px;margin-left:2px}.logoContainer{width:1000px;height:150px;margin:0 auto;box-sizing:border-box;padding-top:20px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.logoImage{width:120px;height:20px}.logoImage img{width:100%}.logoSearch{float:right;width:440px;height:30px;margin-top:10px;border:2px solid #f50;position:relative}.logoSearch *{border:none;outline:none}.logoSearch input{width:335px;height:29px;padding-left:10px}.logoSearch button{width:93px;height:30px;position:absolute;right:0;background:#f50;color:#fff}.allProductContainer{width:1000px;margin:10px auto 0;border-bottom:2px solid #e6e6e6;position:relative;-webkit-justify-content:space-between;justify-content:space-between}.addContent,.allProductContainer{display:-webkit-flex;display:flex}.addContent{width:560px;height:32px;-webkit-justify-content:space-around;justify-content:space-around;font-size:14px}.addProduct{cursor:pointer;-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.addProduct:hover{color:#f40;border-bottom:2px solid #f40;-webkit-transform:translateY(2px);transform:translateY(2px)}.productItem{width:130px;height:32px;color:#3c3c3c;text-align:center}.active{color:#f40}.productItem span{margin:0 30px 0 5px;color:#f40}.productCount{font-size:12px}.totalNumber{font-weight:900;color:#f40}.totalButton{display:inline-block;width:55px;height:25px;color:#fff;background:#aaa;text-align:center;line-height:25px;border-radius:4px;margin-left:10px;cursor:pointer}.totalButtonActive{background:#f22d00}.detailContainer{width:1000px;margin:0 auto;height:50px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;font-size:12px;line-height:50px}.detailContainer div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.selectCircle{display:inline-block;width:12px;height:12px;border:1px solid #909090;margin-right:15px;border-radius:50%}.listContainer{width:1000px;margin:20px auto 0}.itemContent{width:100%;height:132px;border:1px solid #ccc;display:-webkit-flex;display:flex;border-radius:4px;font-size:12px;margin-bottom:20px}.selectContent{-webkit-justify-content:center;justify-content:center}.config,.count,.number,.operation,.productMessage,.selectContent{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.config,.count,.number,.operation,.productMessage{position:relative}.messageImg{width:80px;height:80px;border:1px solid #ccc;border-radius:4px}.messageImg img{width:100%;height:100%}.messageName{width:200px;height:80px;margin-left:10px}.messageName:hover,.operation div:hover{color:#f40}.config div,.count div,.number div,.operation div{height:80px}.config div{color:#9c9c9c}.count div{font-weight:900}.number div{display:-webkit-flex;display:flex}.operation div{cursor:pointer}.number div .input{display:inline-block;text-align:center;width:41px;height:25px}.number div span{line-height:25px;display:inline-block;height:25px;padding:0 5px;border:1px solid #ccc;cursor:pointer}.blink{color:#f40}.largeImg{position:absolute;left:100px;display:none}.showLarge{display:block}.bottomContent{width:100%;font-size:12px;margin-top:20px}.bottom{width:1000px;height:50px;background:#f5f5f5;margin:0 auto;box-sizing:border-box;padding-left:10px;border-radius:8px;position:relative}.bottom,.bottom div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.bottom div{height:100%}.bottom .selectCircle{margin-right:3px}.delete{margin-left:30px}.delete:hover{color:#f40}.bottom .count{width:auto;font-size:18px;color:#f40;font-weight:900;margin:0 5px}.bottom .total{font-size:22px;color:#f40;font-weight:900}.bottom .bottomRight{position:absolute;height:100%;right:0;padding-right:130px}.bottom .button{width:120px;height:50px;font-size:20px;background:#ccc;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:absolute;right:0;color:#fff;cursor:pointer}.bottom .buttonActive{background:#f22d00}.selectCircleActive{background:#f40;border:1px solid #f40}
/*# sourceMappingURL=main.98c65622.chunk.css.map */