.sx-lib { position: relative; margin: 0 0 12px; cursor: pointer; border: 1px dashed #1890ff; background: #fff; }
.sx-lib .mk-sx { pointer-events: none; }
.mk-sx { background: #fff; color: #000; font-size: 12px; line-height: 1.4; }
.mk-sx__box { margin: 5px 0; background: #fff; border-radius: 4px; }
.mk-sx__head { height: 30px; line-height: 30px; text-align: center; font-weight: 700; background: #f1f1f1; border: 1px solid #e6e6e6; }
.mk-sx__zodiac { border: 1px solid #e6e6e6; }
.mk-sx__zodiac .mk-sx__head { border: 0; border-bottom: 1px solid #e6e6e6; }
.mk-sx__grid { list-style: none; margin: 0; padding: 8px 0; text-align: center; }
.mk-sx__grid:after { content: ""; display: block; clear: both; }
.mk-sx__cell { float: left; width: 33.33%; box-sizing: border-box; padding: 5px 0; }
.mk-sx__cell dl, .mk-sx__cell dt, .mk-sx__cell dd { margin: 0; }
.mk-sx__cell img { width: 40px; height: auto; vertical-align: middle; }
.mk-sx__ball { display: inline-block; margin: 0 2px; width: 18px; height: 18px; border-radius: 9px; color: #fff; text-align: center; font-size: 12px; line-height: 18px; }
.mk-sx__ball--red { background: #f00; }
.mk-sx__ball--blue { background: #36f; }
.mk-sx__ball--green { background: #093; }
.mk-sx table { width: 100%; border-collapse: collapse; }
.mk-sx th, .mk-sx td { border: 1px solid #e6e6e6; padding: 6px; }
.mk-sx__wx th { height: 30px; background: #f1f1f1; border-color: #ccc; }
.mk-sx__wx td { border-color: #d8ccb4; text-align: center; background: #fff; }
.mk-sx__wx .mk-sx__nums { text-align: left; padding-left: 5px; padding-right: 5px; }
.mk-sx__name { width: 50px; text-align: center; color: navy; font-size: 14px; }
.mk-sx__attr td { text-align: center; font-size: 14px; padding: 8px 0; }
.mk-sx__attr span { color: #0000ff; }
.mk-sx__attr i { display: inline-block; width: 8px; font-style: normal; }