* {
  margin: 0px;
  padding: 0px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
}

html,
body {
  height: 100%;
  min-height: 100%;
  color: #171717;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: normal;
  font-family: PingFangSC-Regular, -apple-system-font, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

ul,
li,
p,
a {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}

i {
  font-style: normal;
}

body.blue .date i,
body.blue .wordListLi,
body.blue .wordsInfoListBox .wordListLi.wordListModeShow {
  background-color: #5E7095;
}

body.blue .wordlistBox {
  border-top-color: #5E7095;
  border-bottom-color: #5E7095;
}

body.blue .wordlistBox>ul,
body.blue .minLi {
  border-right-color: #5E7095;
}

body.blue .wordlistBox>ul,
body.blue .wordsInfoListBox .dayUl li,
body.blue .wordsInfoListBox .timeTitle {
  border-left-color: #5E7095;
}

body.blue .wordsInfoListBox .timeTitle {
  border-bottom-color: #5E7095;
}

body.blue .minUl:nth-child(2n+1) {
  background-color: rgba(94, 112, 149, 0.1);
}

body.blue.ebbinghausMode .wordsInfoListBg .wordListUl .flex4 {
  background-color: rgba(94, 112, 149, 0.35);
}

body.blue .wordsInfoListBox .dayUl li,
body.blue .wordsInfoListBox .timeTitle,
body.blue .wordTitleR,
body.blue .wordTitleDetail,
body.blue .flex1.minLi {
  color: #5E7095;
}

body.green .date i,
body.green .wordsInfoListBox .wordListLi.wordListModeShow,
body.green .wordListLi {
  background-color: #7C8E79;
}

body.green .wordlistBox {
  border-top-color: #7C8E79;
  border-bottom-color: #7C8E79;
}

body.green .wordlistBox>ul,
body.green .minLi {
  border-right-color: #7C8E79;
}

body.green .wordsInfoListBox .timeTitle {
  border-bottom-color: #7C8E79;
}

body.green .wordlistBox>ul,
body.green .wordsInfoListBox .dayUl li,
body.green .wordsInfoListBox .timeTitle {
  border-left-color: #7C8E79;
}

body.green .minUl:nth-child(2n+1) {
  background-color: rgba(124, 142, 121, 0.1);
}

body.green.ebbinghausMode .wordsInfoListBg .wordListUl .flex4 {
  background-color: rgba(124, 142, 121, 0.35);
}

body.green .wordsInfoListBox .dayUl li,
body.green .wordsInfoListBox .timeTitle,
body.green .wordTitleR,
body.green .wordTitleDetail,
body.green .flex1.minLi {
  color: #7C8E79;
}

body.purple .date i,
body.purple .wordsInfoListBox .wordListLi.wordListModeShow,
body.purple .wordListLi {
  background-color: #947DAE;
}

body.purple .wordlistBox {
  border-top-color: #947DAE;
  border-bottom-color: #947DAE;
}

body.purple .wordlistBox>ul,
body.purple .minLi {
  border-right-color: #947DAE;
}

body.purple .wordlistBox>ul,
body.purple .dayUl li,
body.purple .wordsInfoListBox .timeTitle {
  border-left-color: #947DAE;
}

body.purple .wordsInfoListBox .timeTitle {
  border-bottom-color: #947DAE;
}

body.purple .minUl:nth-child(2n+1) {
  background-color: rgba(148, 125, 174, 0.1);
}

body.purple .wordsInfoListBox .dayUl li,
body.purple .wordsInfoListBox .timeTitle,
body.purple .wordTitleR,
body.purple .wordTitleDetail,
body.purple .flex1.minLi {
  color: #947DAE;
}

body.purple.ebbinghausMode .wordsInfoListBg .wordListUl .flex4 {
  background-color: #E1DCF3;
}

body.ink .wordlistBox {
  border-top-color: #000000;
  border-bottom-color: #000000;
}

body.ink .wordlistBox>ul,
body.ink .minLi {
  border-right-color: #000000;
}

body.ink .wordlistBox>ul,
body.ink .wordsInfoListBox .timeTitle {
  border-left-color: #000000;
}

body.ink .date i,
body.ink .wordsInfoListBox .wordListLi.wordListModeShow,
body.ink .wordListLi {
  background-color: #000000;
}

body.ink .minUl:nth-child(2n+1) {
  background-color: rgba(0, 0, 0, 0.06);
}

body.ink.ebbinghausMode .wordsInfoListBg .wordListUl .flex4 {
  background-color: rgba(0, 0, 0, 0.35);
}

body.ink .wordsInfoListBox .timeTitle {
  border-bottom-color: #000;
}

body.ink .flex1.minLi,
body.ink .wordsInfoListBox .dayUl li,
body.ink .wordsInfoListBox .timeTitle {
  color: #000000;
}

body.orange .date i,
body.orange .wordsInfoListBox .wordListLi.wordListModeShow,
body.orange .wordListLi {
  background-color: #E69941;
}

body.orange .wordlistBox {
  border-top-color: #E69941;
  border-bottom-color: #E69941;
}

body.orange .wordlistBox>ul,
body.orange .minLi {
  border-right-color: #E69941;
}

body.orange .wordlistBox>ul,
body.orange .wordsInfoListBox .timeTitle,
body.orange .wordsInfoListBox .dayUl li {
  border-left-color: #E69941;
}

body.orange .wordsInfoListBox .timeTitle {
  border-bottom-color: #E69941;
}

body.orange .minUl:nth-child(2n+1) {
  background-color: rgba(230, 153, 65, 0.1);
}

body.orange.ebbinghausMode .wordsInfoListBg .wordListUl .flex4 {
  background-color: rgba(230, 153, 65, 0.35);
}

body.orange .wordsInfoListBox .dayUl li,
body.orange .wordsInfoListBox .timeTitle,
body.orange .wordTitleR,
body.orange .wordTitleDetail,
body.orange .flex1.minLi {
  color: #E69941;
}

.doubleColumnMode .minLi.flex3,
.spellingMode .minLi.flex3 {
  border-right-style: solid;
}

.wordsInfoListBox .center {
  text-align: center;
}

.wordsInfoListBox .leftW.minLi,
.wordsInfoListBox .leftW.wordListLi i {
  padding-left: 5px;
  padding-right: 1px;
}

.wordsInfoListBox .leftW.wordListLi i {
  display: block;
}

.wordsInfoListBox {
  min-height: 100vh;
}

.wordsInfoListBox .wordsInfoListBg {
  min-height: calc(100vh - 33px);
}

.wordsInfoListBox .wordsInfoListBg {
  padding-top:20px;
  padding-right:2.5%;
  padding-bottom:13px;
  padding-left:2.5%;
}

.wordsInfoListBox .wordsInfoListContBox {
  padding: 2.5%;
}

.wordsInfoListBox .wordTitle {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  font-family: Helvetica, Arial, sans-serif;
}

.wordsInfoListBox .wordsInfoListContBox {
  position: relative;
  border-radius: 10px;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.wordsInfoListBox .nailIcon {
  width: 20px;
  height: 21px;
  position: absolute;
  top: -10px;
  right: 10px;
}

.wordsInfoListBox .wordlistBox {
  border-top-width: 2px;
  border-top-style: solid;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.wordsInfoListBox .wordlistBox>ul {
  border-left-width: 2px;
  border-left-style: solid;
  border-right-width: 2px;
  border-right-style: solid;
}


.wordsInfoListBox .wordListUl {
  display: flex;
}

.wordsInfoListBox .wordListLi {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #fff;
  box-sizing: border-box;
}

.wordListMode .wordsInfoListBox .minLi.flex6 {
  font-size: 10px;
}

.wordListMode .wordsInfoListBox .phon.flex6 {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
}

.spellingMode .minLi.flex3,
.ebbinghausMode .minLi.flex3,
.doubleColumnMode .minLi.flex3,
.wordListMode .wordsInfoListBox .minLi.flex6.exp {
  /* display: inline-flex; */
  display: block;
  align-items: center;
}

.wordListMode .wordsInfoListBox .word.flex5 {
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  word-break: break-word;
}

.wordsInfoListBox .minUl .longFlex1,
.wordListMode .wordsInfoListBox .word.flex5,
.wordsInfoListBox .minUl .flex1,
.wordsInfoListBox .minUl .flex2 {
  display: inline-flex;
  align-items: center;
}

.wordsInfoListBox .flex1 {
  flex: 1.3;
  justify-content: center;
  min-width: 9.29%;
}

.wordsInfoListBox .flex2 {
  flex: 3;
  min-width: 21.43%;
}

.wordsInfoListBox .flex3 {
  flex: 2.7;
  font-size: 10px;
  min-width: 19.29%;
}

.wordsInfoListBox .flex5 {
  flex: 4.5;
  min-width: 32.14%;
}

.wordsInfoListBox .flex6 {
  flex: 3.7;
  min-width: 26.43%;
}

.wordsInfoListBox .flex6.exp {
  flex: 4.5;
  min-width: 32.14%;
}

.longFlex1 {
  flex: 2;
  min-width: 14.29%;
}

.longFlex2 {
  flex: 12;
  min-width: 85.71%;
}

.wordsInfoListBox .minLi.ebbinghausShow {
  flex: 0.875;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 2px;
  min-width: 6.3%;
}

.wordsInfoListBox .flex2.minLi {
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
}

.wordsInfoListBox .wordListLi {
  padding-top: 4px;
  padding-bottom: 4px;
  color: #fff;
  display: inline-flex;
  justify-content: center;
}

.wordsInfoListBox .flex4.wordListLi {
  flex: 7;
  min-width: 50%;
  padding-top: 0;
  padding-bottom: 0;
}

.wordsInfoListBox .flex1.wordListLi {
  justify-content: center;
}

.wordsInfoListBox .dayUl,
.wordsInfoListBox .wordListLi,
.wordsInfoListBox .timeTitle {
  font-size: 12px;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
}

.wordsInfoListBox .minUl {
  display: flex;
  font-size: 11px;

}

.ebbinghausMode .wordListLi.flex3,
.wordsInfoListBox .exp.flex6.wordListModeShow,
.wordsInfoListBox .flex4.ebbinghausShow,
.wordsInfoListBox .minUl .ebbinghausShow.last,
.wordsInfoListBox .minUl .minLi:last-child,
.wordsInfoListBox .wordListLi:last-child {
  border-right: none;
}

.wordsInfoListBox .minLi {
  border-right-width: 1px;
  border-right-style: dotted;
  box-sizing: border-box;
  padding-top: 3px;
  padding-bottom: 3px;
  word-break: break-word;
}

.wordsInfoListBox #longExpBox .minLi.longFlex1 {
  justify-content: center;
}

.wordsInfoListBox #longExpBox .minLi.longFlex2 {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.wordListLi.longFlex2 {
  padding-left: 5px;
  padding-right: 5px;
}

.wordsInfoListBox .wordsInfo {
  margin-top: 10px;
  display: flex;
}

.wordsInfoListBox .wordsTotal {
  font-size: 14px;
  color: rgba(23, 23, 23, 0.67);
}

.wordsInfoListBox .minUl:nth-child(2n) {
  background-color: #fff;
}

.wordsInfoListBox .dayUl {
  display: flex;
}

.wordsInfoListBox .dayUl li {
  display: flex;
  width: 12.5%;
  font-size: 10px;
  border-left-style: dotted;
  border-left-width: 1px;
  text-align: center;
  justify-content: center;
  padding: 3px 0;
}

#normalExpBox,
#longExpBox,
.wordListMode .wordsInfoListBox .wordListModeHide,
.wordListMode .wordsInfoListBox .spellingModeHide,
.wordsInfoListBox .wordListModeShow,
.wordsInfoListBox .ebbinghausShow,
.wordListMode .wordsInfoListBox .ebbinghausHide,
.ebbinghausMode .wordsInfoListBox .ebbinghausHide {
  display: none;
}

.wordListLi.ebbinghausHide {
  display: flex;
}

.wordListMode .wordsInfoListBox .wordListModeShow,
.wordsInfoListBox .spellingModeHide,
.ebbinghausMode .wordsInfoListBox .ebbinghausShow {
  display: block;
}

.wordsInfoListBox .flex4 {
  color: #77736F;
}

.wordsInfoListBox .flex4.wordListModeShow {
  color: #fff;
  padding-top: 4px;
  padding-bottom: 4px;
  flex: 7;
  min-width: 50%;
  border-right: none;
}

.wordsInfoListBox .minUl .flex4.wordListModeShow {
  color: inherit;
  padding-top: 3px;
  padding-bottom: 3px;
}

.wordsInfoListBox .timeTitle {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  border-left-style: dotted;
  border-left-width: 1px;
  border-bottom-color: #B7B0AD;
  padding: 3px 0;
  box-sizing: border-box;
}

.wordTitleBox {
  display: flex;
  font-weight: bold;
  margin-bottom: 2.5%;
  font-family: Helvetica, Arial, sans-serif;
}

.wordTitleBox .wordTitleBox {
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
}

.wordTitleR {
  font-size: 14px;
}

.wordTitleDetail {
  display: flex;
  font-size: 14px;
  margin-bottom: 2.5%;
}

.wordTitleDetail div {
  flex: 1;
}

.wordName {
  margin-right: 10px;
}

.date i {
  display: inline-block;
  width: 60px;
  height: 1px;
}

.liTop {
  display: flex;
  flex-direction: column;
}

.liTop .rPhon,
.liBot {
  margin-top: 2px;
  color: #63656b;
}

.liTop .lWord {
  display: inline-flex;
  flex: 1;
  word-break: break-word;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.minLi .eudic_wordtype {
  display: initial;
}

.minLi a {
  color: inherit;
}

.minLi .eudic_wordtype_cont {
  display: inline;
}

.eudic_wordtype_cont w span {
  margin-left: 4px;
  margin-right: 15px;
}

body #ID224342347child .ldoceEntry .EXAMPLE {
  color: #63656b;
}

body.orange .date i,
body.orange .wordsInfoListBox .wordListLi.wordListModeShow,
body.orange .wordListLi,
body.orange,
body.purple .date i,
body.purple .wordsInfoListBox .wordListLi.wordListModeShow,
body.purple .wordListLi,
body.purple,
body.green .date i,
body.green .wordsInfoListBox .wordListLi.wordListModeShow,
body.green .wordListLi,
body.green,
body.blue .date i,
body.blue .wordListLi,
body.blue .wordsInfoListBox .wordListLi.wordListModeShow,
body.blue,
body.orange .minUl:nth-child(2n+1),
body.purple .minUl:nth-child(2n+1),
body.green .minUl:nth-child(2n+1),
body.blue .minUl:nth-child(2n+1),
body.ink .minUl:nth-child(2n+1),
body.ink .date i,
body.ink .wordsInfoListBox .wordListLi.wordListModeShow,
body.ink .wordListLi {
  -webkit-print-color-adjust: exact;
  -moz-print-color-adjust: exact;
  -ms-print-color-adjust: exact;
  print-color-adjust: exact;
}

@media print {
  .wordsInfoListBox .wordsInfoListBg {
    padding-top:0px;
    padding-right: 6%;
    padding-left: 6%;
  }
  .wordsInfoListBox .wordsInfoListContBox{
    padding:0 2.5% 2.5% 2.5%; 
  }
  body #ID224342347child .mobile .lm5pp_popup {
    display: none;
  }

  .wordsInfoListBox .minUl,
  .wordListMode .wordsInfoListBox .word.flex5 {
    font-size: 11px;
  }
  .wordsInfoListBox .dayUl li{
    font-size: 9px;
  }
  .wordListMode .wordsInfoListBox .minLi.flex6,
  .wordsInfoListBox .flex3 {
    font-size: 10px;
  }

  .wordTitleDetail,
  .liTop .lWord,
  .wordsInfoListBox .dayUl,
  .wordsInfoListBox .wordListLi,
  .wordsInfoListBox .timeTitle {
    font-size: 13px;
  }

  .wordTitleR,
  .wordsInfoListBox .wordsTotal {
    font-size: 14px;
  }

  .wordsInfoListBox .flex1 {
    flex: 0.6;
    min-width: 4.29%;
  }

  .wordsInfoListBox .flex5 {
    flex: 3.7;
    min-width: 26.43%;
  }

  .wordsInfoListBox .flex6 {
    flex: 3.7;
    min-width: 26.43%;
  }

  .wordsInfoListBox .flex6.exp {
    flex: 6;
    min-width: 42.86%;
  }

  body.ink .minUl {
    border-bottom: 0.5px solid rgba(0, 0, 0, 1);
  }

  body.blue .minUl {
    border-bottom: 0.5px solid rgba(94, 112, 149, 1);
  }

  body.green .minUl {
    border-bottom: 0.5px solid rgba(124, 142, 121, 1);
  }

  body.purple .minUl {
    border-bottom: 0.5px solid rgba(148, 125, 174, 1);
  }

  body.orange .minUl {
    border-bottom: 0.5px solid rgba(230, 153, 65, 1);
  }

  .wordsInfoListBox .wordlistBox {
    border-top-width: 0;
    border-bottom-width: 0;
  }

  .wordsInfoListBox .wordlistBox>ul {
    border-left-width: 0.5px;
    border-right-width: 0.5px;
  }
  .doubleColumnMode .minLi.flex3, 
  .spellingMode .minLi.flex3 {
    border-right-width: 0.5px;
  }
  .ebbinghausMode .wordsInfoListBox .wordListUl .flex3{
    flex: 2.8;
  }

  body.level0 .wordsInfoListBox .minUl,
  body.level0.wordListMode .wordsInfoListBox .word.flex5 {
    font-size: 10px;
  }
  body.level0 .wordsInfoListBox .dayUl li{
    font-size: 8px;
  }
  body.level0.wordListMode .wordsInfoListBox .minLi.flex6,
  body.level0 .wordsInfoListBox .flex3 {
    font-size: 9px;
  }
  body.level0 .wordTitleDetail,
  body.level0 .liTop .lWord,
  body.level0 .wordsInfoListBox .dayUl,
  body.level0 .wordsInfoListBox .wordListLi,
  body.level0 .wordsInfoListBox .timeTitle {
    font-size: 12px;
  }

  body.level0 .wordTitleR,
  body.level0 .wordsInfoListBox .wordsTotal {
    font-size: 13px;
  }

  body.level2 .wordsInfoListBox .minUl,
  body.level2.wordListMode .wordsInfoListBox .word.flex5 {
    font-size: 13px;
  }
  body.level2 .wordsInfoListBox .dayUl li{
    font-size: 11px;
  }
  body.level2.wordListMode .wordsInfoListBox .minLi.flex6,
  body.level2 .wordsInfoListBox .flex3 {
    font-size: 12px;
  }
  body.level2 .wordTitleDetail,
  body.level2 .liTop .lWord,
  body.level2 .wordsInfoListBox .dayUl,
  body.level2 .wordsInfoListBox .wordListLi,
  body.level2 .wordsInfoListBox .timeTitle {
    font-size: 15px;
  }

  body.level2 .wordTitleR,
  body.level2 .wordsInfoListBox .wordsTotal {
    font-size: 16px;
  }
  body.level3 .wordsInfoListBox .minUl,
  body.level3.wordListMode .wordsInfoListBox .word.flex5 {
    font-size: 15px;
  }
  body.level3 .wordsInfoListBox .dayUl li{
    font-size: 13px;
  }
  body.level3.wordListMode .wordsInfoListBox .minLi.flex6,
  body.level3 .wordsInfoListBox .flex3 {
    font-size: 14px;
  }
  body.level3 .wordTitleDetail,
  body.level3 .liTop .lWord,
  body.level3 .wordsInfoListBox .dayUl,
  body.level3 .wordsInfoListBox .wordListLi,
  body.level3 .wordsInfoListBox .timeTitle {
    font-size: 17px;
  }

  body.level3 .wordTitleR,
  body.level3 .wordsInfoListBox .wordsTotal {
    font-size: 18px;
  }

} 