* {
  -webkit-box-sizing : border-box;
  -moz-box-sizing : border-box;
  box-sizing : border-box;
}

*:before, *:after {
  -webkit-box-sizing : border-box;
  -moz-box-sizing : border-box;
  box-sizing : border-box;
}

html, body {
  margin : 0;
  padding : 0;
  width : 100%;
  height : 100%;
}

p, h1, h2, h3, h4, h5, h6 {
  margin : 0;
  font-weight : normal;
}

ul, li {
  list-style : none;
  margin : 0;
  padding : 0;
}
table {
  border-collapse : collapse;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin : 0;
  padding : 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style : normal;
  font-weight : normal;
}

a {
  text-decoration : none;
}

.flex {
  display : flex;
}

.Center {
  display : flex;
  justify-content : center;
  align-items : center;
}

.itemCenter {
  display : flex;
  align-items : center;
}

.between {
  display : flex;
  align-items : center;
  justify-content : space-between;
}

input, textarea, select, button {
  outline : none;
}

input[type='radio' i]:disabled, input:disabled {
  /* -webkit-appearance : none;
  -moz-appearance : none;
  appearance : none; */
}

input[type='radio'], input[type='checkbox'] {
  width : 20px;
  height : 20px;
  margin-right : 4px;
  appearance : none;
  position : relative;
}
input[type='radio']:before, input[type='checkbox']:before {
  content : '';
  width : 20px;
  height : 20px;
  border : 1px solid #7D7D7D;
  display : inline-block;
  border-radius : 2px;
  vertical-align : middle;
}
input[type='radio']:checked:before, input[type='checkbox']:checked:before {
  content : '';
  width : 20px;
  height : 20px;
  /* border : 1px solid #C59C5A; */
  background : #0075FF;
  display : inline-block;
  border-radius : 2px;
  vertical-align : middle;
}
input[type='radio']:checked:after, input[type='checkbox']:checked:after {
  content : '';
  width : 10px;
  height : 5px;
  border : 2px solid white;
  border-top : transparent;
  border-right : transparent;
  text-align : center;
  display : block;
  position : absolute;
  top : 6px;
  left : 5px;
  vertical-align : middle;
  transform : rotate(-45deg);
}
body {
  margin : 0 auto;
}

.hrPage {
  opacity : 0;
  height : 0;
}

.right {
  flex : 1;
  padding : 10px 20px 0;
  overflow-y : scroll;
  border-right : 1px solid rgba(215, 215, 215, 1);
  border-left : 1px solid rgba(215, 215, 215, 1);
}

.right input[type='text'] {
  height : 22px;
  line-height : 20px;
  padding : 0 10px;
  font-size : 19px;
  border : none;
  outline : none;
  text-align : center;
  border : 1px solid transparent;
  background-color : #FFD602;
  margin : 0 3px;
}

.right input[type='text']:focus {
  border : 1px solid rgba(128, 128, 255, 1);
  background-color : rgba(128, 128, 255, .25882352941176473);
}