.list-wrap {
  padding: .5rem;
}

.list-row {
  padding: .2rem .3rem;
}

.list-row:hover {
  background-color: #c4dcff !important;
  cursor: pointer;
  /* color: #fff; */
}

.list-row-wrap {
  height: 96%;
  overflow-y: scroll;
}

.list-row.true {
  background-color: #2b6ac9 !important;
  color: #fff;

}

.row-title {
  background-color: #7eb2ff;
  color: #fff;
}


.list-row:nth-child(2n) {
  background-color: #ffffff;
}

.addbtn-wrap {
  padding: 3rem 0;
}

.addbtn,.addbtn-hide {
  width: 8rem;
  height: 3rem;
  background-color: #f2f2f2;
  border-radius: .3rem;
  border: unset;
}
.addbtn-hide {
flex: 1;
}


.addbtn:active {
  background-color: #a8a8a8;
}

.app-wrap {
  /* width: 42.24rem; */
  background-color: #fff;
  height: 100vh;
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  -webkit-justify-content: center;
  padding-top: 1.8rem;
}

.border {
  background-color: #fff;
  padding: 0.4rem;
  margin:0 2rem;
  display: flex;
  display: -webkit-flex;

  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;

  border:5px solid  #999;
  display: inline-block;
  zoom: 0.64;
}

#app {
  /* width: 65rem; */
  /* padding-bottom: 2rem; */
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  /* padding: 1rem; */
  border: 1px double #999;
  /* zoom: 0.64; */
}

#plating-result-container2 {
/*  margin-top: -1rem; */
  /* margin-left: 5.4rem; */
}



.yx_gezhi{
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
}

#yx-pos-absolute-1,#yx-pos-absolute-2,#yx-pos-absolute-6,#yx-pos-absolute-7,#yx-pos-absolute-8,#yx-pos-absolute-9{
	border-right:1px solid #333;
}


#yx-pos-absolute-3,#yx-pos-absolute-4,#yx-pos-absolute-5,#yx-pos-absolute-6,#yx-pos-absolute-10,#yx-pos-absolute-11{
	border-top:1px solid #333;
}

#yx-pos-absolute-10,#yx-pos-absolute-11{
	/* bottom: -0.5px !important; */
	
}

.nihaoha{
	
}
.nihaoha::before {
  content: "";
  position: absolute;
  width: 100%;
  height:2px;
  left:0;
  bottom:2px;
  background: #333;
}
/* .nihaoha::after {
  content: "";
  position: absolute;
  width:2px;
  height:100%;
  left:2px;
  top:0;
  background: #000;
} */

.list-main {
  flex: 1;
  /* margin-top: 4.4rem; */
  width: 57rem;
  
}

.fun {
  flex-direction: column;
}


.daxian-btn-1,
.daxian-btn-2 {
  /* font-size: 1rem; */
  width: 5rem
}

.list-col {
  flex: .1;
}

.list-col0 {
  flex: .35;

}

.list-col1 {
  flex: .3;
}

.list-col2 {
  flex: .15;
}

.list-col4 {
  flex: .4;
}


.list-col3 {
  flex: 1
}

.add-window {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .2);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}

.add-window-main-wrap {
  padding: 1rem;
  background-color: #acacac;
  border-radius: 1rem;
}

.add-window-main-wrap .addbtn-wrap {
  padding: 1rem 0 0;
}

.add-window-main-wrap .addbtn-wrap .addbtn {
  flex: 1;
  color: #2b6ac9;
}

.add-window-main-wrap .addbtn-wrap .addbtn:last-child {
  margin-left: 1rem;
}

.add-window-main {
  width: 40rem;
  height: auto;
  background-color: #fff;
  border-radius: 1rem;
  padding: 1rem;

}

.add-window-main .info-row {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: .5rem;
  border-bottom: 1px solid #f2f2f2;
}

.add-window-main .info-row:last-child {
  border-bottom: unset;
}

.add-window-main .info-row .center {
  flex: 1;
  padding: 0 1rem;
}

.add-window-main .info-row .center input {
  width: 100%;
  height: 1.5rem;
  border: unset;
  font-size: 1.2rem;
}

.add-window-main .info-row .right .switch {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  background-color: #999;
  border-radius: .2rem;
  overflow: hidden;

}

.add-window-main .info-row .right .switch .switch-item {
  font-size: 1rem;
  color: #fff;
  padding: .2rem;
  width: 3rem;
  text-align: center;
}

.add-window-main .info-row .right .switch .switch-item.selected {
  background-color: #2b6ac9;
}

.modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.top-button {
  width: 5.2rem;
  height: 3rem;
  background-color: #f2f2f2;
  border-radius: .3rem;
  border: unset;
  margin-bottom: .3rem
}

.top-button:active {
  background-color: #a8a8a8;
}

.top-button:hover {
  cursor: pointer;
}

.list-main.hide {
  display: none;
}

.nomore {
  width: 100%;
  color: #999;
  text-align: center;
  padding: .5rem;
  font-size: .8rem;
}

.yx-pos-absolute {
  z-index: 2;
}

.fun {}

canvas {
  z-index: 0;
}

#daxian-wrap {
  display: block;
  padding: 5.0rem 0;
  zoom: 0.64;
}

.fun {
  padding: 5.0rem 0;
  zoom: 0.64;
}

#daxian-wrap .daxian-row {
  flex: 1;
  display: flex;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  
  /* width: 8rem; */

}

.daxian-row button {
  flex: 1;
  height: 4rem;
}

.right-menu {
  flex: 1;
  display: none;
  flex-direction: column;
  align-items: flex-end;
}

.menu-btn {
  background-color: #fff;
  border: unset;
  margin-left: 0.4rem;
  padding: 0.1rem .2rem;
  border-radius: 0.3rem;
}

.menu-btn:active {
  background-color: #f2f2f2;
}

.menu-btn span {
  position: relative;
  top: -0.2rem;
}

table,
table tr th,
table tr td {
  border: 1px solid #333;
}

table {


  text-align: center;
  border-collapse: collapse;
  padding: 2px;
}

table td,
table th {
  font-size: 0.9rem;
  text-align: center;
  padding: 0;
}

tr:nth-child(4n+5),
tr:nth-child(4n+4) {
  background-color: #e2efda;
}

#add-window3 .add-window-main {
  width: unset;
  min-width: 50rem;

}

#add-window3 .add-window-main-wrap {
  transform: scale(0.9);
  transform-origin: center;

}


#addbtn14 {
  margin-left: unset !important;
}

.row1 {
  background-color: rgb(217, 225, 242);
}

.fontChange {
  font-size: 0.9rem;
}

.inner-wrap,
.start-wrap {
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}

.menu-item {
  padding: 1rem 0;
  border-bottom: 1px solid #f2f2f2;
}

.menu-item:last-of-type {
  border-bottom: unset;
}

.menu-item .menu-item-left {
  flex: 1;
}

.menu-item .menu-item-right {
  flex: 1;
  position: relative;
}


.menu-item .menu-item-right input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
  position: absolute;

}

.menu-item .menu-item-right label {
  cursor: pointer;
  width: 3rem;
  height: 1.6rem;
  background: grey;
  display: block;
  border-radius: 2rem;
  position: relative;
}

.menu-item .menu-item-right label:after {
  content: '';
  position: absolute;
  top: 0.1rem;
  left: 0.05rem;
  width: 1.4rem;
  height: 1.4rem;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}

.menu-item .menu-item-right .switch-txt::before,
.menu-item .menu-item-right .switch-txt::after {
  display: block;
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
}


.menu-item .menu-item-right label.checked {
  background: #2b6ac9;
 
}

.menu-item .menu-item-right label:active:after {
  width: 2rem;
}

.menu-item .menu-item-right   label.checked:after {
  left: calc(100% - 0.05rem);
  transform: translateX(-100%);
}





.checkeds label:active:after {
  width: 2rem;
}
.checkeds label:after {
	 background: #4CD263!important;

  transform: translateX(100%);
}


.memo-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

}

.memo-wrap .momo-area {
  flex: 1;
  resize: none;
  padding: 1rem;
  font-size: 1rem;
}

.memo-wrap .text {
  width: 5rem;
  height: 2.5rem;
  text-align: center;
  line-height: 2.5rem;
  background-color: #f2f2f2;
  margin-bottom: 1rem;
}