@font-face {
      font-family: 'zt';
      src: url('https://cnm666.oss-cn-hongkong.aliyuncs.com/ArimaMadurai-Thin.ttf');
	  font-weight: normal;
      font-style: normal;
      }
	  
	  * {
	  box-sizing: border-box;
	  margin: 0;
	  padding: 0;
	  font-family: "Arima Madurai",Microsoft JhengHei,Georgia,Times,serif;
	  }
	  .main {
	  max-width:800px;
	  margin: 30vh auto auto auto;
	  padding:50px;
	  background:#fff;
	  }
	  .logo {
	  font-family: "zt" !important;
      width: 150px;
      height: 50px;
      background-color: black;
      border-radius: 3px;
	  }
      .logo::before {
      content: "MUZI LI";
      position: relative;
      font-size: 36px;
      font-weight: 900;
      line-height: 50px;
      top: 0;
      left: 2px;
      color: white;
      }
      .logo::after {
      content: "";
      display: block;
      opacity: 0;
      transition: opacity .5s;
      position: relative;
      width: calc(61px * 1.5);
      height: calc(49px * 1.5);
      top: -115px;
      left: -4px;
      background-image: url(https://cnm666.oss-cn-hongkong.aliyuncs.com/22.png);
      background-size: cover;
      }
      .logo:hover::after { 
      opacity: 1; 
      }
	  .main p{
	  font-family: "zt" !important;
	  font-size:1em;
	  font-weight:900;
	  color:#424242;
	  margin:20px 0;
	  }
	  .main a {
	  margin-right: .3rem;
	  padding: .25rem .5rem;
	  border-radius: .1875rem;
	  border: 1px solid rgba(153,153,153,0.1);
	  text-decoration: none;
	  color:#424242;
	  
	  }