.M-box {
  position: relative;
  width: 671px;
  height: 360px; }
  .M-box ul {
    position: absolute; }
    .M-box ul li {
      position: absolute;
      width: 216px;
      height: 303px; }
      .M-box ul li a {
        display: block;
        width: 100%;
        height: 100%; }
        .M-box ul li a img {
          width: 100%;
          height: 100%; }
      .M-box ul li::after {
        display: block;
        height: 100%;
        width: 100%;
        background: rgba(16, 39, 66, 0.84);
        content: '';
        position: absolute;
        top: 0;
        left: 0; }
    .M-box ul .on {
      left: 226px;
      top: 0;
      height: 409px;
      width: 265px;
      z-index: 9; }
      .M-box ul .on::after {
        display: none; }
    .M-box ul .zuo {
      left: 58px;
      top: 50px;
      z-index: 7; }
    .M-box ul .you {
      left: 436px;
      top: 50px;
      z-index: 7; }
    .M-box ul .hide {
      z-index: 6 !important; }
    .M-box ul .ts {
      transition: all .2s; }

/*# sourceMappingURL=M-box.css.map */