.myAcct {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}

.myAcct .nav {
  width: 160px;
  margin-right: 30px;
  font-size: 14px;
}

.myAcct .nav li {
  height: 50px;
  padding-left: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  line-height: 50px;
}

.myAcct .nav .active {
  background: #194f90;
  position: relative;
  color: #fff;
  border-bottom: none;
}

.myAcct .nav .active::before {
  content: '';
  display: block;
  width: 10px;
  height: 100%;
  position: absolute;
  left: 0;
  background: #fed925;
}

.myAcct .nav .logOut {
  color: red;
}

.myAcct .myAcctForm {
  width: 950px;
}

.addBtn {
  width: 120px;
  height: 36px;
  border: 1px solid #194f90;
  color: #194f90;
  border-radius: 5px;
  text-align: center;
  line-height: 36px;
  margin-top: 30px;
}

.delete {
  position: absolute;
  width: 36px;
  height: 36px;
  right: 0;
  bottom: 0;
  background: url(../imgs/delete.svg) no-repeat;
  background-position: center center;
  cursor: pointer;
}

.orderForm {
  width: 950px;
  font-size: 14px;
}

.orderForm .menu {
  display: flex;
  height: 50px;
  border-bottom: 2px solid #e5e5e5;
  line-height: 50px;
}

.orderForm .menu li {
  margin: 0 20px;
}

.orderForm .menu .active {
  color: #194f90;
  height: 100%;
  border-bottom: 2px solid #194f90;
}

.orderForm .menu a {
  display: block;
}

.orderForm .title {
  display: flex;
  align-items: center;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  height: 40px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.orderForm .title p {
  text-align: center;
}

.orderForm .cont {
  display: flex;
  flex-direction: column;
}

.orderForm .cont li {
  border: 1px solid #e5e5e5;
  margin-bottom: 10px;
}

.orderForm .cont li .danhao {
  display: flex;
  align-items: center;
  background: #f5f5f5;
  height: 40px;
  padding-left: 20px;
  color: #707070;
}

.orderForm .cont li .danhao p {
  margin-right: 20px;
  font-size: 12px;
}

.orderForm .cont li .neirong {
  display: flex;
  font-size: 12px;
}

.orderForm .cont li .neirong > div {
  padding: 20px;
  border-right: 1px solid #e5e5e5;
  box-sizing: border-box;
}

.orderForm .cont li .neirong .name {
  display: flex;
}

.orderForm .cont li .neirong .name img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  margin-right: 20px;
}

.orderForm .cont li .neirong .name div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 28px;
}

.orderForm .cont li .neirong .name div p {
  font-size: 14px;
}

.orderForm .cont li .neirong .name div span {
  color: #707070;
}

.orderForm .cont li .neirong .jine {
  font-weight: bold;
}

.orderForm .cont li .neirong .caozuo {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: none;
  line-height: 28px;
}

.orderForm .cont li .neirong .caozuo a:hover {
  text-decoration: underline;
  color: #194f90;
}

.orderForm .cont li .neirong .caozuo .anniu {
  width: 80px;
  height: 24px;
  line-height: 24px;
  background: red;
  color: #fff;
  cursor: pointer;
  opacity: .5;
}

.orderForm .cont li .neirong .caozuo .anniu:hover {
  opacity: 1;
}

.orderForm .cont li .neirong .caozuo .shanchu {
  background: #999;
}

.orderForm .cont li .neirong .daizf {
  color: red;
}

.orderForm .cont li .neirong .daish {
  color: green;
}

.orderForm .cont li .neirong .yqx {
  color: #707070;
}

.orderForm .name {
  width: 350px;
}

.orderForm .jiage,
.orderForm .xinghao,
.orderForm .jine,
.orderForm .zhuangtai,
.orderForm .caozuo {
  width: 120px;
  text-align: center;
}

.orderDetails {
  width: 950px;
}

.orderDetails .title {
  margin-bottom: 0 !important;
  border-bottom: none !important;
}

.orderDetails .cont .name {
  color: #194f90;
}

.orderDetails .name {
  width: 250px;
}

.orderDetails .number,
.orderDetails .jiage,
.orderDetails .xinghao,
.orderDetails .jine,
.orderDetails .zhuangtai,
.orderDetails .caozuo {
  width: 120px;
  text-align: center;
}

.orderDetails .dingdanxq {
  margin-top: 20px;
  border: 1px solid #e5e5e5;
  font-size: 12px;
  display: flex;
  flex-direction: column;
}

.orderDetails .dingdanxq .title p {
  width: 120px;
  text-align: center;
}

.orderDetails .dingdanxq > * {
  display: flex;
  align-items: center;
  height: 40px;
  border-bottom: 1px solid #f5f5f5;
  padding: 0 20px;
}

.orderDetails .dingdanxq span {
  font-weight: bold;
  background: #f5f5f5;
}

.orderDetails .dingdanxq p {
  width: 120px;
  line-height: 40px;
  border-right: 1px solid #f5f5f5;
}

.orderDetails .dingdanxq i {
  padding-left: 20px;
}

.history {
  width: 950px;
}

.history .jifen {
  width: 100%;
  height: 90px;
  background: url(../imgs/jifenBg.jpg) no-repeat;
  background-size: cover;
  line-height: 90px;
  border-radius: 10px;
}

.history .jifen p {
  font-size: 28px;
  margin-left: 50px;
  color: #fff;
}

.history .jifen p i {
  font-size: 18px;
}

.history .hisList {
  font-size: 14px;
  color: #707070;
}

.history .hisList > p {
  line-height: 50px;
  font-weight: bold;
  border-top: 1px solid #ccc;
  margin-top: 20px;
}

.history .hisList .title {
  background: #dce3eb;
  display: flex;
  line-height: 50px;
  color: #194f90;
  font-weight: bold;
}

.history .hisList .title p {
  text-align: center;
}

.history .hisList .cont li {
  display: flex;
  min-height: 50px;
  align-items: center;
  text-align: center;
}

.history .hisList .cont li:nth-child(even) {
  background: #f5f5f5;
}

.history .hisList .time,
.history .hisList .number,
.history .hisList .score {
  width: 200px;
  border-right: 1px solid #fff;
}

.history .hisList .name {
  width: 350px;
  border-right: 1px solid #fff;
  text-align: left;
  padding: 0 30px;
  line-height: 28px;
}