.box-flex__start {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: start;
}

.col-flex_1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

/** 本项目的公共样式 **/
*{
  padding: 0px;
  margin: 0px;
  list-style: none;
}

div,p,ul,li,a,textarea,input,button,i{
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

html,
body{
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
  font: 12px "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}

div,p,ul,li,a,textarea{
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
}

textarea,input,button{
  -webkit-appearance: none;
  -moz-appearance: none;
  -moz-appearance: textfield;
  border: none;
  margin: 0;
  padding: 0;
  list-style: none;
  outline: none;
  resize: none;
  background-color: transparent;
}

.wrap{
  width: 1226px;
  height: 736px;
  transform-origin: 0 0;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}