/*body {*/
/*  margin: 0;*/
/*  padding: 0;*/
/*}*/

/*.box3{*/
/*  width: 100%;*/

/*  !* border: 1px solid rebeccapurple; *!*/
/*}*/

/*!********中间图************!*/
/*.middle {*/
/*  width: 100%;*/

/*  !* border: 1px solid bisque; *!*/
/*  background-color: #f7f7f7;*/
/*}*/

/*.middle-box {*/
/*  width: 1200px;*/

/*  border: 1px solid #f7f7f7;*/
/*  margin: auto;*/
/*}*/
/*!*********MidiPrep***************!*/
/*.middle-box-midiprep{*/
/*  margin-top: 60px;*/
/*}*/
/*.miniprep{*/
/*  width: 1200px;*/
/*  height: 72px;*/
/*  background-color: #C2E7E3;*/
/*  !*border-bottom: 4px solid #dddddd;*!*/
/*}*/
/*.mini-prep {*/
/*  width: 120px;*/
/*  height: 19px;*/
/*  font-size: 20px;*/
/*  display:inline-block;*/
/*  margin-top: 28px;*/
/*  margin-left: 23px;*/
/*  color: #333333;*/
/*}*/
/*.view-all {*/
/*  width: 40px;*/
/*  height: 16px;*/
/*  font-size: 20px;*/
/*  font-family: PingFang-SC-Regular;*/
/*  display:inline-block;*/
/*  float: right;*/
/*  margin-right: 28px;*/
/*  margin-top: 28px;*/
/*  color: #222222;*/
/*}*/
/*.centre{*/
/*  width: 1200px;*/
/*  height: 407px;*/
/*  !* border: 1px solid aqua; *!*/
/*  display: flex;*/
/*  flex-flow: wrap;*/
/*  margin-top: 30px;*/
/*  !* margin: 10px; *!*/
/*}*/
/*.centre-box{*/
/*  width: 277px;*/
/*  height: 376px;*/
/*  flex: 1;*/
/*  !* border: 1px solid yellowgreen; *!*/
/*}*/
/*.centre-box-ash{*/
/*  width: 277px;*/
/*  height: 300px;*/
/*  background-color: #f0efef;*/
/*  border-radius: 5px;*/
/*}*/
/*.box-ash-four{*/
/*  float: right;*/
/*}*/
/*.two-two{*/
/*  float: right;*/
/*  background-image: url('/healthcodon/images/5fzMidi/MidiPrepcombobackgrd.png');*/
/*  margin-right: 10px;*/
/*}*/
/*.three-three {*/
/*  float: right;*/
/*}*/
/*.centre-take{*/
/*  width: 57px;*/
/*  height: 16px;*/
/*  font-size: 16px;*/
/*  color: #777777;*/
/*  !* border: 1px solid darkkhaki; *!*/
/*  position: relative;*/
/*  top: 19px;*/
/*  left: 21px;*/
/*}*/
/*.centre-take-img{*/
/*  width: 249px;*/
/*  height: 168px;*/
/*  margin-top: 55px;*/
/*  margin-left: 26px;*/
/*}*/
/*.figure{*/
/*  width: 54px;*/
/*  height: 16px;*/
/*  font-size: 16px;*/
/*  color: #777777;*/
/*  !* border: 1px solid cornsilk; *!*/
/*  float: right;*/
/*  margin-right: 20px;*/
/*  margin-top: 19px;*/
/*}*/
/*.midiprep-two{*/
/*  width: 190px;*/
/*  height: 52px;*/
/*  !* border: 1px solid violet; *!*/
/*  margin-top: 79px;*/
/*}*/
/*.midiprep-two-character{*/
/*  !* width: 119px; *!*/
/*  height: 18px;*/
/*  !* font-size: 18px; *!*/
/*  line-height: 23px;*/
/*  color: #222222;*/
/*}*/
/*.money-two{*/
/*  width: 183px;*/
/*  height: 15px;*/
/*  !* font-size: 18px; *!*/
/*  color: #000000;*/
/*  margin-top: 20px;*/
/*}*/
/*.money-two-money-p{*/
/*  margin-top: -23px;*/
/*  margin-left: 87px;*/
/*}*/
/*.money-two-money-span{*/
/*  width: 55px;*/
/*  height: 14px;*/
/*  color: #777777;*/
/*  font-size: 16px;*/
/*  opacity: 0.6;*/
/*  !* border: 1px solid #f7f7ff; *!*/
/*  !* border: none; *!*/
/*}*/
/*.character-two{*/
/*  width: 258px;*/
/*  height: 41px;*/
/*  !* border: 1px solid darkorange; *!*/
/*  color: #222222;*/
/*}*/
/*.img-two{*/
/*  margin-top: 31px;*/
/*}*/
/*.figure-two{*/
/*  margin-right: 23px;*/
/*  margin-top: 44px;*/
/*}*/
/*.midiprep-two-two{*/
/*  width: 300px;*/
/*  height: 41px;*/
/*  !* border: 1px solid chartreuse; *!*/
/*  margin-top: 102px;*/
/*}*/
/*.centre-take-three{*/
/*  width: 200px;*/
/*  height: 16px;*/
/*}*/
/*.figure-three{*/
/*  width: 64px;*/
/*}*/
/*.take-img-three{*/
/*  width: 170px;*/
/*  height: 141px;*/
/*  margin-top: 80px;*/
/*  margin-left: 54px;*/
/*}*/
/*!*************第二行*******************!*/
/*.figure-two-two{*/
/*  width: 67px;*/
/*}*/
/*.img-two-non{*/
/*  background-image: url('');*/
/*}*/
/*.img-img{*/
/*  margin-top: 54px;*/
/*  margin-left: 10px;*/
/*}*/
/*.top-img{*/
/*  margin-top: 26px;*/
/*}*/
/*.maxprep-two-bix{*/
/*  margin-top: -30px;*/
/*  margin-left: 33px;*/
/*}*/
/*.maxprep-two-bix-two{*/
/*  margin-top: -27px;*/
/*}*/
/*.img-four{*/
/*  margin-top: -26px;*/
/*  margin-left: -59px;*/
/*}*/
/*.img-centre{*/
/*  margin-top: -20px;*/
/*  margin-left: -44px;*/
/*}*/
/*.se {*/
/*  width: 38px;*/
/*}*/












body {
  margin: 0;
  padding: 0;
}

.box {
  width: 100%;
  /* border: 1px solid rebeccapurple; */
}

/********中间图************/
.middle {
  width: 100%;
  /* border: 1px solid bisque; */
  background-color: #f7f7f7;
}

.middle-box {
  width: 1200px;
  border: 1px solid #f7f7f7;
  margin: auto;
}
/*********MidiPrep***************/
.middle-box-midiprep{
  margin-top: 60px;
}
.miniprep{
  width: 1200px;
  height: 72px;
  /*background-color: #C2E7E3;*/
  border-bottom: 4px solid #dddddd;
  margin-left: 10px;
}
.mini-prep {
  width: 120px;
  height: 19px;
  font-size: 20px;
  display:inline-block;
  margin-top: 28px;
  margin-left: 23px;
  color: #333333;
}
.view-all {
  width: 30px;
  height: 16px;
  font-size: 20px;
  font-family: PingFang-SC-Regular;
  display:inline-block;
  float: right;
  margin-right: 28px;
  margin-top: 28px;
  color: #222222;
}
.centre{
  width: 1200px;
  height: 407px;
  /* border: 1px solid aqua; */
  display: flex;
  flex-flow: wrap;
  margin-top: 30px;
  /* margin: 10px; */
}
.centre-box{
  width: 277px;
  height: 376px;
  flex: 1;
  /* border: 1px solid yellowgreen; */
}
.centre-box-ash{
  width: 277px;
  height: 300px;
  background-color: #f0efef;
  border-radius: 5px;
  margin-left:20px
}
.box-ash-four{
  float: right;
}
.two-two{
  float: right;
  background-image: url('/healthcodon/images/5fzMidi/MidiPrepcombobackgrd.png');
  margin-right: 10px;
}
.three-three {
  float: right;
}
.centre-take{
  width: 57px;
  height: 16px;
  font-size: 16px;
  color: #777777;
  /* border: 1px solid darkkhaki; */
  position: relative;
  top: 19px;
  left: 21px;
}
.centre-take-img{
  width: 249px;
  height: 168px;
  margin-top: 55px;
  margin-left: 26px;
}
.figure{
  width: 54px;
  height: 16px;
  font-size: 16px;
  color: #777777;
  /* border: 1px solid cornsilk; */
  float: right;
  margin-right: 20px;
  margin-top: 19px;
}
.midiprep-two{
  width: 190px;
  height: 52px;
  /* border: 1px solid violet; */
  margin-top: 79px;
}
.midiprep-two-character{
  /* width: 119px; */
  height: 18px;
  /* font-size: 18px; */
  line-height: 23px;
  color: #222222;
}
.money-two{
  width: 183px;
  height: 15px;
  /* font-size: 18px; */
  color: #000000;
  margin-top: 20px;
}
.money-two-money-p{
  margin-top: -23px;
  margin-left: 87px;
}
.money-two-money-span{
  width: 55px;
  height: 14px;
  color: #777777;
  font-size: 16px;
  opacity: 0.6;
  /* border: 1px solid #f7f7ff; */
  /* border: none; */
}
.character-two{
  width: 258px;
  height: 41px;
  /* border: 1px solid darkorange; */
  color: #222222;
}
.img-two{
  margin-top: 31px;
}
.figure-two{
  margin-right: 23px;
  margin-top: 44px;
}
.midiprep-two-two{
  width: 300px;
  height: 41px;
  /* border: 1px solid chartreuse; */
  margin-top: 102px;
}
.centre-take-three{
  width: 200px;
  height: 16px;
}
.figure-three{
  width: 64px;
}
.take-img-three{
  width: 170px;
  height: 141px;
  margin-top: 80px;
  margin-left: 54px;
}
/*************第二行*******************/
.figure-two-two{
  width: 67px;
}
.img-two-non{
  background-image: url('');
}
.img-img{
  margin-top: 54px;
  margin-left: 10px;
}
.top-img{
  margin-top: 26px;
}
.maxprep-two-bix{
  margin-top: -30px;
  margin-left: 33px;
}
.maxprep-two-bix-two{
  margin-top: -27px;
}
.img-four{
  margin-top: -26px;
  margin-left: -59px;
}
.img-centre{
  margin-top: -20px;
  margin-left: -44px;
}
.se {
  width: 38px;
}