.zxs {
  /*width:1000px;*/
  background: white;
  border: 1px solid #ddd;
  padding: 0px 15px;
  margin: 0px auto 20px;
  min-height: 500px;
}

.zxs .n {
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 2px;
}

.zxs_cnt .d {
  position: relative;
  color: var(--color-secondary-text);
  font-size: 16px;
  border-bottom: 1px solid #fff;
  clear: left;
}

.zxs_cnt .d .d_title {
  padding: 9px;
  padding: 9px 280px 9px 15px;
  background: var(--color-secondary-secondary);
}

.zxs_cnt .d .state_i {
  background: url("/Images/z2.png") no-repeat;
  display: inline-block;
  width: 19px;
  height: 13px;
  margin-right: 10px;
  float: left;
}

.zxs_cnt .d .float {
  float: right;
  left: -65px;
}

.zxs_cnt .d .p {
  position: absolute;
  right: 15px;
  top: 9px;
}

.zxs_cnt .e .d_title {
  background: var(--color-secondary-tertiary);
  padding-left: 30px;
}

.zxs_cnt .f .d_title {
  background: var(--color-secondary-fourthly);
  padding-left: 45px;
}

.zxs_cnt .m .d_title {
  background: var(--color-secondary-fifth);
  padding-left: 60px;
}

.zxs_cnt .active {
  background: #5da479;
  color: #fff;
}

.zxs_cnt .titi {
  cursor: pointer;
  /*text-decoration: underline;*/
}

/* @media screen and (max-width: 1190px) {
    .zxs_cnt .titi{
        width:379px !important;
    }
} */

.num {
  display: inline-block;
  height: 18px;
  padding: 0 8px;
  background: #ff673a;
  color: #fff;
  text-decoration: none;
  border-radius: 18px;
  margin-left: 15px;
  line-height: 17px;
  font-size: 11px;
}

.num1 {
  display: inline-block;
  height: 18px;
  padding: 0 8px;
  background: #ffca28;
  color: #fff;
  text-decoration: none;
  border-radius: 18px;
  margin-left: 15px;
  line-height: 17px;
  font-size: 11px;
}

.zxs_cnt .titi:hover {
  color: red;
}

.book_name .titi {
  cursor: default;
}

.book_name .d .d_title {
  background: #c4e9e0;
  color: #fff;
}

.introduction {
  position: absolute;
  top: 30px;
  right: 40px;
  text-align: center;
  font-size: 14px;
}

.introduction div {
  margin: 5px 0 0 0;
  color: #528392;
  font-weight: 400;
}

.recommend {
  text-align: center;
  clear: both;
  display: none;
}

.recommend input {
  background: #3c81b5;
  color: white;
  border: none;
  padding: 10px 22px;
  /*width: 120px;*/
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  margin: 30px 10px;
  border-radius: 4px;
}

.recommend .practice_Excellent {
  background: #5da479;
}

.recommend .practice_Basis {
  background: #ffca28;
}

.book_name .titi:hover {
  color: #5da479;
}

.state {
  display: block;
  position: relative;
  margin-left: 10px;
  background: url("/Images/state.gif") no-repeat;
  width: 130px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  text-indent: 5px;
  font-size: 11px;
}

.state em {
  color: #797777;
  position: absolute;
  right: 0;
  top: 0;
  height: 20px;
  line-height: 20px;
  background: #e9e9e9;
  display: block;
  text-align: center;
  font-size: 12px;
}

.zxs_cnt .l {
  float: right;
  margin-left: 10px;
  margin-right: 5px;
}

.zxs_cnt .l i {
  display: inline-block;
  padding-left: 20px;
  height: 18px;
  margin-left: 20px;
  cursor: pointer;
  vertical-align: -3px;
  margin-right: 4px;
}

.zxs_cnt .l .i1 {
  background: url("/Images/z5.png") no-repeat;
}

.zxs_cnt .l .i2 {
  background: url("/Images/z6.png") no-repeat;
}

.zxs_cnt .l .i3 {
  margin-left: 0px;
  margin-right: 0px;
}

.zxs_cnt .l .i4 {
  background: url("/Images/z9.png") no-repeat;
}

.zxs_cnt .l .i5 {
  background: url("/Images/z7.png") no-repeat;
}

.book-title {
  color: #069697;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  padding-top: 20px;
}

.zxs_cnt .active2 .l .i1 {
  background: url("/Images/z3.png") no-repeat;
}

.zxs_cnt .active2 .l .i2 {
  background: url("/Images/z4.png") no-repeat;
}

.zxs_cnt .active2 .l .i4 {
  background: url("/Images/z10.png") no-repeat;
}

.zxs_cnt .active2 .l .i5 {
  background: url("/Images/z8.png") no-repeat;
}

.zxs_cnt .cnt {
  background: #f7f7f7;
  color: #6f6f6f;
  padding: 20px 30px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  width: 94%;
}

/* 表格padding */

.zxs_cnt .cnt td {
  padding: 5px 10px;
}

/*.zxs_cnt .cnt p{text-indent: 2em}*/

.zxs_cnt .eRecommod {
  position: absolute;
  margin-top: 23px;
  margin-left: 523px;
  left: -80px;
}

/*Custom AIE color icon --add by zh*/

i.aie-icon-unrated {
  width: 16px;
  height: 16px;
  display: inline-block;
  /* Required to make a span sizeable */
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url("/Plugins/dynatree/src/skin/unrated.gif");
  background-position: 0 2px;
  margin-right: 8px;
  float: left;
}

i.aie-icon-inadequate {
  width: 16px;
  height: 16px;
  display: inline-block;
  /* Required to make a span sizeable */
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url("/Plugins/dynatree/src/skin/inadequate.gif");
  background-position: 0 2px;
  margin-right: 8px;
  float: left;
}

i.aie-icon-weak {
  width: 16px;
  height: 16px;
  display: inline-block;
  /* Required to make a span sizeable */
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url("/Plugins/dynatree/src/skin/weak.gif");
  background-position: 0 2px;
  margin-right: 8px;
  float: left;
}

i.aie-icon-fair {
  width: 16px;
  height: 16px;
  display: inline-block;
  /* Required to make a span sizeable */
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url("/Plugins/dynatree/src/skin/fair.gif");
  background-position: 0 2px;
  margin-right: 8px;
  float: left;
}

i.aie-icon-good {
  width: 16px;
  height: 16px;
  display: inline-block;
  /* Required to make a span sizeable */
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url("/Plugins/dynatree/src/skin/good.gif");
  background-position: 0 2px;
  margin-right: 8px;
  float: left;
}

i.aie-icon-excellent {
  width: 16px;
  height: 16px;
  display: inline-block;
  /* Required to make a span sizeable */
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url("/Plugins/dynatree/src/skin/excellent.gif");
  background-position: 0 2px;
  margin-right: 8px;
  float: left;
}

i.aie-icon-master {
  width: 16px;
  height: 16px;
  display: inline-block;
  /* Required to make a span sizeable */
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url("/Plugins/dynatree/src/skin/master.gif");
  background-position: 0 2px;
  margin-right: 8px;
  float: left;
}

i.aie-icon-folder {
  background-position: 0px -14px;
}

.scroltTop {
  position: fixed;
  margin-left: 1170px;
  bottom: 20px;
  z-index: 9;
}

a.external {
  display: block;
  background: url("/Images/index/scrtool.png") no-repeat;
  width: 40px;
  height: 40px;
  text-indent: -999em;
}

a.external:hover {
  background: url("/Images/index/scrtol1.png") no-repeat;
}

.tab_new {
  border-top: 0 none;
}

.learn_tab {
  border-top: 2px solid #999;
  border-bottom: 1px solid #e6e6e6;
  height: 28px;
}

.tab_new .choiced {
  background: #5bb587;
  color: #fff;
}

.tab_new a {
  border-top: 1px solid #e6e6e6;
}

.learn_tab a {
  display: inline-block;
  width: 95px;
  height: 28px;
  border-right: 1px solid #ccc;
  text-align: center;
  line-height: 24px;
  color: #72bd8b;
}

img {
  vertical-align: middle;
}

/*.content_c .zf_e,.studyMaterial .zf_e:hover {background-position: 5px -1px;}*/

.content_c .jc_edit {
  background-position: 5px;
  right: 10px;
  margin-top: 6px;
  color: #000;
}

.content_c .jc_edit:hover {
  background-position: 5px;
}

.studyMaterial {
  background: var(--color-secondary-tertiary);
  /* height: 37px; */
}

.studyMaterial > i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/images/study.png") no-repeat;
  vertical-align: top;
  margin-right: 10px;
  margin-left: 35px;
}

.konwbj tr td:nth-child(2) {
  color: #000;
}

.content_no {
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #f7f7f7;
}

.first > .e + .studyMaterial > i {
  margin-left: 20px;
}

.detailStudyingKn > li {
  text-align: left;
  display: inline-block;
  border: 1px solid var(--color-secondary-secondary);
  height: 40px;
  line-height: 35px;
  width: 100%;
  padding: 0px 15px;
  margin: 5px 0;
  box-sizing: border-box;
}

.detailStudyingKn > li > a {
  color: #666;
  border-bottom: 1px dashed #58aef0;
}

.studyMaterial b {
  float: right;
  margin: 5px 20px 0 0;
  font-weight: normal;
  cursor: pointer;
  padding: 0px 20px;
  line-height: 25px;
  border: solid 1px var(--color-secondary-primary);
}

.studyMaterial b:hover {
  border: solid 1px #bbb;
}

.jbox .jbox-title-panel {
  background: var(--color-base-secondary) !important;
}

.jbox-button {
  background: var(--color-base-secondary) !important;
  color: #fff !important;
}

.JB_container {
  margin-left: 630px;
  margin-top: 20px;
}

a.zf_e_JB {
  padding-left: 27px;
  background: url("/Images/zf.png") 10px 0px no-repeat;
  color: #444444;
}

span.jc_edit_JB {
  background: url("/Images/jc2.png") 10px 0px no-repeat;
  padding-left: 27px;
  cursor: pointer;
}

a.zf_e_JB:hover {
  background: url("/Images/zf2.jpg") 10px 0px no-repeat;
  color: #5da479;
}

span.jc_edit_JB:hover {
  background: url("/Images/jc3.jpg") 10px 0px no-repeat;
  color: #5da479;
}

.zxs_list_b .group-wrap {
  display: flex;
  justify-content: flex-start;
  align-content: center;
}

.zxs_list_b .group-wrap .group-extend {
  margin-left: 4px;
}

.zxs_list_b .group-wrap .group-extend,
.zxs_list_b .group {
  /*width: 100%;*/
  height: 37px;
  line-height: 37px;
  background-color: #fff;
  padding-left: 0;
  font-size: 14px;
  box-sizing: border-box;
}

.zxs_list_b .group-wrap .group_item {
  padding: 3px 15px;
  border: 1px solid var(--color-secondary-secondary);
  color: var(--color-secondary-text);
}

.zxs_list_b .group-wrap .group_item:hover {
  /*color: #fff;*/
  /*background:#5daff9;*/
  border: 1px solid var(--color-secondary-secondary);
}

.zxs_list_b .group-wrap .current {
  background: var(--color-secondary-primary);
  color: #fff;
  border: 1px solid var(--color-secondary-secondary);
  cursor: default;
}

.zxs_list_b .group-wrap span:nth-child(2) {
  /*padding-left:34px;*/
}

.zxs_list_b .group-wrap span {
  cursor: pointer;
}

.kn-all {
  width: 264px;
  border: 2px solid #eff1f0;
  float: left;
}

.kn-all > .kn-top > div {
  width: 131px;
  margin: 0 auto;
  width: 205px;
}

.stu-analysis {
  margin-top: 13px;
}

.kn-top > div span {
  display: inline-block;
  margin: 0 3px;
  color: #000;
  font-size: 13px;
}

.kn-all > div span > em {
  display: inline-block;
  width: 14px;
  height: 12px;
  margin-right: 2px;
  background: #f50;
  vertical-align: middle;
}

.kn-top {
  background: rgb(240, 240, 240);
  height: 47px;
  line-height: 20px;
  padding-top: 3px;
}

.kn-all > div span:first-child > em {
  background: #008000;
}

.kn-all > div span:nth-child(2) > em {
  background: #3a0;
}

.kn-all > div span:nth-child(3) > em {
  background: #73c673;
}

.kn-all > div span:nth-child(5) > em {
  background: #9c3;
}

.kn-all > div span:nth-child(6) > em {
  background: #ffca28;
}

.kn-all > div span:nth-child(8) > em {
  background: #ccc;
}

/*.kn-all>div span:first-child>em{
    background: #3a0;
}
.kn-all>div span:nth-child(3)>em{
  background: #9c3;
}
.kn-all>div span:nth-child(2)>em{
     background: #73C673;
}
.kn-all>div span:nth-child(5)>em{
  background: #FFCA28;
}
.kn-all>div span:nth-child(7)>em{
 background: #ccc;
}*/

.btn-sure {
  display: block;
  background-color: var(--color-base-secondary);
  width: 65px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 3px;
  padding: 5px 15px;
  color: #fff;
  margin-bottom: 10px;
  cursor: pointer;
}

.stu-stu {
  float: right;
  margin-left: 22px;
}

.stu-analysis:after {
  display: block;
  clear: both;
  content: "";
}

.stu-stu {
  width: 73%;
}

.stu-stu thead {
  height: 35px;
  line-height: 35px;
  background-color: var(--color-base-secondary);
  color: #fff;
}

.stu-stu > table {
  width: 100%;
}

.stu-stu thead th {
  font-weight: normal;
  font-size: 17px;
}

.stu-stu thead th:nth-child(4),
.stu-stu thead th:nth-child(5),
.stu-stu thead th:nth-child(6) {
  text-decoration: underline;
}

.stu-stu tbody tr {
  height: 37px;
  line-height: 37px;
}

.stu-stu tbody .mark {
  display: inline-block;
  width: 16px;
  height: 12px;
}

.stu-stu tbody tr > td:nth-child(1) {
  color: #fbb040;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

.stu-stu tbody tr > td {
  text-align: center;
  height: 42px;
  line-height: 42px;
}

.stu-stu tbody tr > td:first-child {
  position: relative;
}

/* .stu-stu tbody tr > td:last-child > span {
  display: inline-block;
  height: 18px;
  padding: 0 8px;
  background: #ff673a;
  color: #fff;
  text-decoration: none;
  border-radius: 18px;
  margin-left: 5px;
  line-height: 17px;
  font-size: 11px;
} */
.stu-stu tbody tr:nth-child(2n-1) {
  background-color: #f4f4f4;
}

.stu-stu tbody tr:hover {
  background-color: #d8eaf8;
}

.stu-stu tbody {
  border: 1px solid #ebebeb;
}

.mess {
  background: url("/Images/messageIcon.png") no-repeat;
  width: 60px;
  height: 60px;
}

/*tr>td:first-child>div:first-child{
    position: absolute;
    top:-5px;
    left: -50px;
}*/

.stu-stu .cck-box-c {
  vertical-align: -12px;
}
.stu-stu .float {
  margin: 0 auto;
}

.selfstudy-stu .layui-layer-title {
  background-color: #5da479;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  padding: 0;
}

.selfstudy-stu .layui-layer-title > div {
  height: 25px;
  line-height: 25px;
  color: #fff;
}

.selfstudy-stu .layui-layer-title > div > i {
  background: url(/Plugins/jBox/Skins/Default/images/jbox-title-icon.gif) no-repeat scroll 3px 5px transparent;
  display: inline-block;
  width: 18px;
  height: 17px;
}

.first > .stu-self > div {
  background-color: #bfdcca;
  color: #4f9b67;
}

.second > .stu-self > div {
  background-color: #e0ede1;
  color: #4f9b67;
}

.third > .stu-self > div {
  background-color: #e7f0ea;
  color: #5da479;
}

.stu-self > div {
  padding: 8px 22px;
  background-image: url(/images/jian.png);
  background-position: 0px -2px;
  background-repeat: no-repeat;
  color: #fff;
  border-radius: 3px;
  height: 30px;
  box-sizing: border-box;
  line-height: 15px;
  margin-top: 3.5px;
  cursor: pointer;
}

.stu-self > div.hr {
  background-image: none;
  margin-left: 20px;
}

.stu-self > div.ar {
  background-image: none;
  margin-left: 20px;
}

.selfstudy-stu .layui-layer-setwin {
  top: 6px;
}

.detail-kn .top > span {
  height: 31px;
  display: inline-block;
  width: 97px;
  border-radius: 3px;
  font-size: 13px;
  line-height: 31px;
  text-align: center;
  margin-right: 14px;
  background-color: #f6f6f6;
  cursor: pointer;
}

.detail-kn .top > span.current {
  background-color: #5da479;
  color: #fff;
}

.detail-kn .top > span:first-child.current > i {
  background-position: -160px 0;
  vertical-align: -9px;
}

.detail-kn .top > span:nth-child(2).current > i {
  background-position: -190px 0;
  vertical-align: -9px;
}

.detail-kn .top > span:nth-child(3).current > i {
  background: url(/Images/alldate_1.png) no-repeat 3px 3px;
}

.detail-kn .top > span:first-child > i {
  background-position: -304px 2px;
}

.detail-kn .top > span:nth-child(3) > i {
  background-position: -225px 2px;
}

.detail-kn .top > span > i {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(/Images/spirts2.png) no-repeat -273px 2px;
  vertical-align: -7px;
  margin-right: 7px;
}

.detail-kn .top > span:nth-child(3) > i {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(/Images/alldate_2.png) no-repeat 3px 3px;
  vertical-align: -7px;
  margin-right: 7px;
}

.detail-kn > div:first-child {
  padding: 15px 18px 0 18px;
}

.detail-kn .top {
  height: 44px;
}

.detail-kn .content,
.detail-kn .history,
.detail-kn .detail-his {
  height: 388px;
  border-top: 1px solid #eeeeee;
  overflow: auto;
}

.detail-kn > .bottom {
  height: 44px;
  background-color: #eeeeee;
  line-height: 44px;
  padding-left: 18px;
  font-size: 13px;
  color: #3f3f3f;
}

.detail-kn > .bottom span > i {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/images/spirts2.png) no-repeat -103px -38px;
  vertical-align: -10px;
  margin-left: 8px;
  margin-right: 2px;
  cursor: pointer;
}

.detail-kn > .bottom > div > span:first-child > i.on {
  background-position: -66px -38px;
}

.detail-kn > .bottom > div > span:nth-child(2) > i.on {
  background-position: 0px -38px;
}

.detail-kn > .bottom > div > span:first-child {
  margin-right: 10px;
}

.detail-kn > .bottom > div > span:nth-child(2) > i {
  background-position: -33px -38px;
}

.detail-kn > .bottom > div > span:nth-child(2) {
  margin-right: 61px;
  margin-left: 9px;
}

.detail-kn > .bottom > span:nth-child(4) {
  float: right;
  margin-right: 16px;
  background-color: #f4b200;
  padding: 0 16px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  height: 26px;
  line-height: 26px;
  margin-top: 9px;
  border-radius: 3px;
  cursor: pointer;
}

.detail-kn > .bottom .back {
  margin-left: 200px;
  background-color: #f4b200;
  padding: 0 16px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  height: 26px;
  line-height: 26px;
  border-radius: 3px;
  cursor: pointer;
}

.detail-kn > .bottom > span > b {
  display: inline-block;
  width: 24px;
  height: 23px;
  background: url(/Images/spirts2.png) no-repeat -39px -8px;
  vertical-align: -7px;
  cursor: pointer;
}

.detail-kn > .bottom > span > b.on {
  background-position: -4px -8px;
}

.detail-kn .content > p,
.detail-kn .detail-his > p {
  font-size: 14px;
  color: #3f3f3f;
  margin: 17px;
}

.detail-kn .content > p > span,
.detail-kn .detail-his > p > span {
  margin-left: 25px;
  cursor: pointer;
}

.detail-kn .content > p > span > i,
.detail-kn .detail-his > p > span > i {
  display: inline-block;
  width: 20px;
  height: 19px;
  background: url(/images/add-follow.png) no-repeat;
  vertical-align: middle;
  margin-right: 3px;
}

.detail-kn .content > div {
  font-size: 14px;
  margin: 0 10px 10px 18px;
}

.jbox-body {
  z-index: 20000000000000 !important;
}

.detail-kn table {
  width: 100%;
  text-align: center;
  border: 1px solid #eee;
  font-size: 13px;
}

.detail-kn table tr {
  height: 30px;
}

.detail-kn table > thead > tr {
  background-color: #5da479;
  color: #fff;
}

.detail-kn table > thead > tr > th {
  font-weight: normal;
  text-decoration: underline;
  cursor: pointer;
}

.detail-kn table tbody tr > td:nth-child(1) span {
  cursor: pointer;
}

.detail-kn table tbody tr > td:nth-child(1) span:hover {
  color: #5da479;
}

.detail-kn table > thead > tr > th[data-flag="down"],
.detail-kn table > thead > tr > th[data-flag="up"] {
  background-color: #686c75;
}

.detail-kn table > thead > tr > th:first-child,
.detail-kn table > thead > tr > th:last-child {
  text-decoration: none;
  cursor: none;
}

.detail-kn table > tbody > tr:nth-child(2n-1) {
  background-color: #eee;
}

.detail-kn table > tbody > tr > td:nth-child(3) > b {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(/images/spirts2.png) no-repeat -30px -4px;
  background-size: 410px;
  margin-top: 5px;
}

.detail-kn table > tbody > tr > td:nth-child(3) > b.on {
  background-position: -1px -4px;
}

.detail-kn table > tbody > tr > td:nth-child(4) > b {
  display: inline-block;
  width: 24px;
  height: 25px;
  background: url(/images/spirts2.png) no-repeat -30px -4px;
  background-size: 410px;
  margin-top: 5px;
}

.detail-kn table > tbody > tr > td:nth-child(4) > b.on {
  background-position: -102px 3px;
}

.detail-kn table > tbody > tr > td:first-child i {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(/images/spirts2.png) no-repeat -225px 2px;
  vertical-align: middle;
  margin-left: 25px;
  margin-right: 9px;
}

.detail-kn .content > p > span.on > i,
.detail-kn .detail-his > p > span.on > i {
  background: url(/images/followed.png) no-repeat;
}

.detail-kn .lookup {
  background-color: #f4b100;
  padding: 5px 8px;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
  margin-left: 750px;
}

.detail-kn .bottom > .understand {
  display: inline-block;
}

.detail-kn .back {
  display: none;
}

#toggleOne.no {
  background-color: #cec9bc;
  cursor: default;
}

.no-tui {
  text-align: center;
}

.detail-kn > .bottom .toggleOne.no-toggle {
  background: rgba(177, 168, 168, 0.47);
  cursor: pointer;
}

span.sr_tabs {
  padding: 6px 20px;
  display: inline-block;
  border-right: 1px solid #eee;
  cursor: pointer;
  font-size: 13px;
}

span.sr_tabs:hover {
  background: #5da479;
  color: #fff;
}

span.sr_tabs_c {
  background: #5da479;
  color: #fff;
}

.li-resouces {
  position: relative;
}

.btn-publish-task {
  position: absolute;
  left: -70px;
  background-color: #666;
  color: #fff;
  display: inline-block;
  padding: 0px 8px;
  font-size: 11px;
  line-height: 12px;
  border-radius: 10px;
  cursor: pointer;
  top: 5px;
  display: none;
  width: 110px;
  text-align: center;
  z-index: 20000;
  text-align: left;
}

.btn-publish-task span {
  display: inline-block;
  margin: 8px 0;
}

.btn-publish-task span:hover {
  color: #ccc;
}

.btn-publish-task-1 {
  position: absolute;
  left: -70px;
  background-color: #666;
  color: #fff;
  display: inline-block;
  padding: 0px 8px;
  font-size: 11px;
  line-height: 12px;
  border-radius: 10px;
  cursor: pointer;
  top: 5px;
  display: none;
  width: 110px;
  text-align: center;
  z-index: 20000;
  text-align: left;
}

.btn-publish-task-1 span {
  display: inline-block;
  margin: 8px 0;
}

.btn-publish-task-1 span:hover {
  color: #ccc;
}

.btn-publish-task-2 {
  position: absolute;
  left: -110px;
  background-color: #666;
  color: #fff;
  display: inline-block;
  padding: 0px 8px;
  font-size: 11px;
  line-height: 12px;
  border-radius: 10px;
  cursor: pointer;
  top: 5px;
  display: none;
  width: 110px;
  text-align: center;
  z-index: 20000;
  text-align: left;
}

.btn-publish-task-2 span {
  display: inline-block;
  margin: 8px 0;
}

.btn-publish-task-2 span:hover {
  color: #ccc;
}

.cbx-resouce {
  margin-right: 5px;
  margin-top: 3px;
}

.a-sel-student {
  margin-left: 5px;
  border-bottom: 1px solid blue;
  font-size: 12px;
  color: blue;
}

.student-list {
  display: none;
  background-color: #777;
  color: #fff;
  position: absolute;
  margin-left: 215px;
  top: 0px;
  padding: 10px 12px;
  width: 120px;
  line-height: 23px;
  overflow: auto;
  z-index: 100;
  /*height: 270px;*/
  cursor: default;
  margin-top: 5px;
}

.student-list .confirm-btn {
  text-align: center;
  border: 1px solid #fff;
  cursor: pointer;
  display: none;
}

.study-task {
  margin-top: 10px;
}

.study-task table {
  border: 1px solid #ccc;
}

.study-task table thead tr {
  background-color: #62abe5;
  color: #fff;
}

.study-task table th,
.study-task table td {
  padding: 5px;
  text-align: center;
}

.study-task table td.xuhao {
  font-size: 16px;
  font-style: italic;
  color: #fbb040;
  font-weight: bold;
}

.study-task table td u {
  cursor: pointer;
}

.study-task .back_to_tasks {
  float: right;
  color: rgb(98, 171, 229);
  margin-bottom: 5px;
  line-height: 25px;
  margin-right: 10px;
  cursor: pointer;
}

.study-task .task-name {
  float: left;
  font-weight: bold;
  font-size: 15px;
  margin-left: 10px;
}

/*20190417补充*/

.content_c .detailStudyingKn .li-resouces {
  display: block;
}

.detailStudyingKn li {
  color: #666;
}

.detailStudyingKn select {
  color: #666;
  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  margin-top: -4px;
  padding: 0 0px;
  width: 85%;
  text-align: left;
  padding-left: 30px;
}

.detailStudyingKn select:hover {
  border: solid 1px #ccc;
}

.detailStudyingKn > li > table {
  margin: -7px 0;
}

.detailStudyingKn .li_head {
  border: none;
  padding: 0px 0px 0px 100px;
  margin-bottom: -18px;
}

.detailStudyingKn .li_head > table {
  width: 100%;
}

.detailStudyingKn .li_head > table td.li_firstChirld {
  width: 55%;
  text-align: left;
  padding-left: 40px;
}

.detailStudyingKn .li_head > table td.li_secondChirld {
  width: 14%;
}

.detailStudyingKn .li_head > table td.li_thirdChirld {
  width: 14%;
  position: relative;
}

.detailStudyingKn .li_head > table td.li_thirdChirld img {
  width: 10px;
  position: absolute;
  top: 13px;
  left: 115px;
}

.detailStudyingKn .li_head > table td.li_fourthChirld {
  width: 16%;
  position: relative;
}

.detailStudyingKn .li_head > table td.li_fourthChirld img {
  width: 10px;
  position: absolute;
  top: 13px;
  left: 114px; /*135px*/
}

.detailStudyingKn .li_head > table td.li_secondChirld2 {
  width: 14%;
  position: relative;
}

.detailStudyingKn .li_head > table td.li_secondChirld2 img {
  width: 10px;
  position: absolute;
  top: 13px;
  left: 115px;
}

.detailStudyingKn .li_head td {
  padding-bottom: 0;
}

.detailStudyingKn li .inf_table {
  float: right;
  width: 44%;
}

.detailStudyingKn li .inf_table .duration {
  padding-top: 5px;
  width: 30%;
}

.detailStudyingKn li .inf_table .difficulty {
  width: 30%;
  padding-top: 10px;
}

.detailStudyingKn li .inf_table .source {
  padding-top: 5px;
  width: 70%;
  text-align: center;
}

.studyMaterial img {
  width: 15px;
  margin: 0 0 4px 8px;
}

/*20191015更新教师可切换到学生选择知识点作为学习任务*/

.d_title .taskInput {
  float: left;
  /*display:none;*/
  margin-top: 7px;
  margin-right: 5px;
}

.studyTaskContent {
  padding-left: 30px;
  padding-right: 10px;
  border-top: 1px dashed #ccc;
  padding-top: 30px;
  padding-bottom: 15px;
  color: #616161;
  position: relative;
}

#divStudyTaskContent .backTitle {
  height: 35px;
}

#divStudyTaskContent lable {
  float: left;
  margin-right: 5px;
}

#divStudyTaskContent .title {
  cursor: pointer;
}

#divStudyTaskContent .title i {
  float: left;
  width: 16px;
  height: 16px;
  background: url(/Images/iconsp.png) no-repeat -362px -48px;
  margin-right: 5px;
  margin-top: 4px;
}

#divStudyTaskContent .show i {
  float: left;
  width: 16px;
  height: 16px;
  background: url(/Images/iconsp.png) no-repeat -381px -48px;
  margin-right: 5px;
  margin-top: 4px;
}

#divStudyTaskContent .analysis {
  margin-top: 15px;
}

#divStudyTaskContent .analysis table {
  border: none;
}

.studyTaskContent .thisType0 {
  position: absolute;
  right: 10px;
  top: 10px;
  background: url(/Images/fbtpic.png) no-repeat 15px;
  padding-left: 40px;
}

.studyTaskContent .thisType1 {
  position: absolute;
  right: 10px;
  top: 10px;
  background: url(/Images/video2.png) no-repeat 10px;
  padding-left: 40px;
}

.studyTaskContent .thisType2 {
  position: absolute;
  right: 10px;
  top: 10px;
  background: url(/Images/knowledge.png) no-repeat 10px;
  padding-left: 40px;
  background-size: 20px;
}

#deleteAll {
  text-decoration: underline;
  background: url(/Images/deleteErrorQuestions.png) no-repeat;
  padding-left: 24px;
  background-size: 20px;
  margin-left: 30px;
}

#divStudyTaskList #checkAll,
#divStudyTaskList #deleteAll,
#divStudyTaskList .checkBox {
  cursor: pointer;
}

.alert-choose {
  padding: 25px 40px;
  font-size: 14px;
}

.not_receiver,
.receiver {
  display: inline-block;
  width: 400px;
  height: 440px;
  box-sizing: border-box;
  position: relative;
  float: left;
}

.not_receiver {
  margin-right: 30px;
  margin-left: 8px;
}

.not_receiver_content,
.receiver_content {
  width: 100%;
  height: 93%;
  border: 1px solid #ccc;
  margin-bottom: 15px;
  margin-top: 5px;
  padding-bottom: 5px;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 12px 12px 12px 10px;
  overflow-y: scroll;
}

.not_receiverList,
.receiverList {
  display: inline-block;
  box-sizing: border-box;
  background-color: #f7f8f8;
  width: 112px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #555555;
  margin: 0px 0px 0px 5px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 4px;
  padding: 0 8px;
}

.not_receiverList:hover,
.receiverList:hover {
  background-color: #52a3e2;
  color: #fff;
}

.choose-all,
.cancel-all {
  padding: 5px 10px;
  border-radius: 3px;
  cursor: pointer;
  position: absolute;
  top: -3px;
  left: 334px;
  width: 57px;
  color: #5fbfe7;
}

.choose-all:hover,
.cancel-all:hover {
  opacity: 0.8;
}

.cancel-all {
  color: #ccc;
}

#divStudyTaskContent .tr_kgt .answer_content {
  text-align: left;
}

.info .layui-layer-title {
}

n_title,
.r_title {
  color: #666666;
}

#tips {
  float: right;
  margin-right: 5px;
}

#tips .icon {
  margin-top: 2px;
}

/*锁定功能*/

.book_name d {
  position: relative;
}

.knowledge-lock {
  width: 115px;
  height: 30px;
  padding: 3px 10px;
  box-sizing: border-box;
  background: #5ac49a;
  border: none;
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
  position: absolute;
  top: 52%;
  right: 15px;
  transform: translateY(-50%);
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
}

.knowledge-lock i {
  display: inline-block;
  width: 13px;
  height: 16px;
  background: url("/Images/lock-btn.png") 0 0 no-repeat;
  padding-right: 2px;
}

i.aie-icon-level.lock-off,
i.aie-icon-folder.lock-off {
  width: 20px;
  height: 20px;
  background: url("/Images/lock-off.png") 0 0 no-repeat;
  cursor: pointer;
}

i.aie-icon-level.lock-on,
i.aie-icon-folder.lock-on {
  width: 20px;
  height: 20px;
  background: url("/Images/lock-on.png") 0 0 no-repeat;
  cursor: pointer;
}

i.aie-icon-folder.lock-half {
  width: 20px;
  height: 20px;
  background: url("/Images/lock-half.png") 0 0 no-repeat;
  cursor: pointer;
}

.backgroundDiv {
  background: url("/Images/EnglishLearningCenter_bg.png");
  width: 100%;
  height: 180px;
  background-size: cover;
}

.subjectCss {
  background: url("/Images/bgforzxs.png");
  width: 100%;
  height: 180px;
  background-size: cover;
}

.tittleContentCss {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 130px;
}

.selfstudy-stu .ask-some-question {
  background-position-x: 0px;
  background-position-y: -29px;
  font-size: 14px;
  color: #3f3f3f;
}

.selfstudy-stu .ask-some-question:hover {
  background-position-y: -29px;
  color: #3f3f3f !important;
}

.coursename {
  background: var(--self-study-room-ins-bgforzxs) no-repeat;
  width: 100%;
  height: 180px;
  background-size: cover;
  text-align: center;
  line-height: 130px;
  color: var(--color-secondary-text);
  font-weight: bold;
}

/*20200720知识点锁新增选项卡*/

.flexR {
  display: flex;
  justify-content: flex-end;
}

.lock-manage {
  margin-top: 13px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.lock-manage .structure-wrap {
  width: 25%;
  border: 2px solid #eff1f0;
  flex-grow: 0;
  flex-shrink: 0;
}

.lock-manage .student-wrap {
  width: 75%;
  margin-left: 15px;
}

.lock-manage .structure-wrap .tooltip {
  background: rgb(240, 240, 240);
  height: 40px;
  line-height: 20px;
  font-size: 12px;
  color: rgba(51, 51, 51, 1);
  padding: 5px 20px;
}

.lock-manage .structure-wrap .tooltip .help {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("/Images/help12.png") 0 0 no-repeat;
}

.lock-manage .structure-wrap .tooltip .help:hover {
  background-image: url("/Images/help12-green.png");
}

.lock-manage .structure-wrap .tooltip > div {
  /*display: inline-block;*/
  height: 50%;
}

.lock-manage .structure-wrap .tooltip > div.f {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.tooltip > div.f > p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.tooltip > div.f > p:not(:last-of-type) {
  margin-right: 25px;
}

.lock-manage .structure-wrap .tooltip > div:first-of-type {
  vertical-align: top;
}

.lock-manage .structure-wrap .tooltip i {
  display: inline-block;
  width: 10px;
  height: 12px;
  margin-left: 8px;
  background: url("/Images/lock-half.png") center center no-repeat;
  background-size: 100%;
  cursor: pointer;
}

.lock-manage .structure-wrap .tooltip i.tt-lock-on {
  background-image: url("/Images/lock-on.png");
}

.lock-manage .structure-wrap .tooltip i.tt-lock-on.pre {
  background-image: url("/Images/lock-on-pre.png");
}

.lock-manage .structure-wrap .tooltip i.tt-lock-on.mix {
  background-image: url("/Images/lock-on-mix.png");
}

.lock-manage .structure-wrap .tooltip i.tt-lock-half.pre {
  background-image: url("/Images/lock-half-pre.png");
}

.lock-manage .structure-wrap .tooltip i.tt-lock-half.mix {
  background-image: url("/Images/lock-half-mix.png");
}

.tp i.lock {
  display: inline-block;
  width: 10px;
  height: 12px;
  background: url("/Images/lock-on-pre.png") center center no-repeat;
  background-size: 100%;
}

.tp i.lock.lock-post {
  background-image: url("/Images/lock-on.png");
}

.tp i.lock.lock-mix {
  background-image: url("/Images/lock-on-mix.png");
}

.tp i.lock-half {
  display: inline-block;
  width: 10px;
  height: 12px;
  background: url("/Images/lock-half.png") center center no-repeat;
  background-size: 100%;
}

.tp i.lock-half.lock-pre {
  background-image: url("/Images/lock-half-pre.png");
}

.tp i.lock-half.lock-mix {
  background-image: url("/Images/lock-half-mix.png");
}

.lock-manage .student-wrap table {
  line-height: 40px;
  text-align: center;
  table-layout: fixed;
}

.lock-manage .student-wrap table td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.student-wrap table td.p {
  padding: 0 8px;
}

.lock-manage .student-wrap table a {
  color: var(--color-base-secondary);
}

.lock-manage .student-wrap table a:not(:last-of-type) {
  margin-right: 10px;
}

.lock-manage .student-wrap thead tr {
  background: rgba(247, 245, 249, 1);
}

.student-wrap thead th {
  font-weight: normal;
  color: #7f7f7f;
}

.lock-manage .student-wrap tbody tr:nth-of-type(2n) {
  background: rgba(247, 245, 249, 1);
}

/*.lock-manage tbody tr td:nth-of-type(2) {
    font-style: italic;
    color: #fbb040;
}*/

.lock-manage .stu-list .cl,
.lock-manage .stu-list .sl {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  vertical-align: middle;
  margin-right: 6px;
  background-color: #ffc447;
}

.lock-manage .stu-list .cl {
  background-color: #42c29b;
}

.lock-manage span.aie-icon-level.lock-half {
  background: url("/Images/lock-half.png") center center no-repeat;
  background-size: 85%;
}

.lock-manage span.aie-icon-level.lock-on {
  background: url("/Images/lock-on.png") center center no-repeat;
  background-size: 85%;
}

.lock-manage span.aie-icon-level.lock-half.pre {
  background: url("/Images/lock-half-pre.png") center center no-repeat;
  background-size: 85%;
}

.lock-manage span.aie-icon-level.lock-on.pre {
  background: url("/Images/lock-on-pre.png") center center no-repeat;
  background-size: 85%;
}

.lock-manage span.aie-icon-level.lock-on.pre.post {
  background-image: url("/Images/lock-on-mix.png");
}

.lock-manage span.aie-icon-level.lock-half.pre.post {
  background-image: url("/Images/lock-half-mix.png");
}

.lock-manage span.aie-icon-level.lock-half.lock-on.pre.post {
  background-image: url("/Images/lock-on-mix.png");
}

.lock-manage .type-area {
  margin: 9px 0;
  height: 32px;
}

.lock-manage .type-area > div {
  margin-left: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.lock-manage .type-area > div > i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/Images/lock/class-lockon.png") 0 0 no-repeat;
  background-size: 100%;
  margin-right: 2px;
}

.lock-manage .type-area > div:nth-of-type(2) > i {
  background: url("/Images/lock/class-unlock.png") 0 0 no-repeat;
  background-size: 100%;
}

.lock-manage .type-area > div:nth-of-type(3) > i {
  background: url("/Images/lock/multi-lock.png") 0 0 no-repeat;
  background-size: 100%;
}

.lock-manage .type-area {
  display: none;
}

.lock-manage .type-area.show {
  display: flex;
}

.lock-manage .multi-area {
  display: none;
}

.lock-manage .multi-area.show {
  display: flex;
}

.lock-manage .type-area input[type="button"] {
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 3px;
  background: transparent;
  color: #666;
  cursor: pointer;
}

.lock-manage .type-area input[type="button"]:hover {
  color: #333;
}

.lock-manage .multi-area {
  margin: 9px 0;
  height: 32px;
}

.lock-manage .multi-area input[type="button"] {
  display: inline-block;
  width: 64px;
  height: 32px;
  border: 1px solid transparent;
  border-radius: 3px;
  background: transparent;
  color: #fff;
  background: var(--color-base-primary);
  margin-left: 16px;
  cursor: pointer;
}

.lock-manage .multi-area input[type="button"].cancel {
  background: rgba(237, 237, 237, 0.99);
  color: #666;
}

.typeCss {
  background: var(--color-secondary-secondary);
  border-radius: 2px;
  font-size: 12px;
  color: var(--color-secondary-text);
  padding: 5px 10px;
  margin: 0 5px;
}

.zxs_cnt .eRead {
  position: absolute;
  margin-top: 0px;
  margin-left: 553px;
  left: -15px;
}

.iSatr {
  background: url(/Images/xb_zd.png) no-repeat;
  width: 100px;
  display: inline-block;
  height: 18px;
}

.dSatr {
  background: url(/Images/xb_nd.png) no-repeat;
  width: 100px;
  display: inline-block;
  height: 18px;
}

.zndcss {
  display: flex;
  align-items: center;
}

.zd {
  margin-right: 15px;
}

.relearn-manage {
}

.control-title {
  padding: 10px 25px;
}

.check-dictation {
  margin-left: 25px;
}

.check {
  margin-left: 25px;
}

.check-module {
  margin-left: 25px;
}

.check-all-dictation {
  margin-right: 25px;
}

.check-all {
  margin-right: 25px;
}

.check-all-module {
  margin-right: 25px;
}

.check-all-text {
  color: var(--color-base-fourthly);
  cursor: pointer;
}

.control-tb {
  width: 100%;
  line-height: 40px;
}

.control-tb tr:nth-child(2n + 1) {
  background: rgba(247, 245, 249, 1);
}

.control-default-dictation {
  color: #61abe5;
  margin-left: 10px;
  cursor: pointer;
}

.control-no-dictation {
  color: #61abe5;
  margin-left: 10px;
  cursor: pointer;
}

.control-yes-dictation {
  color: #61abe5;
  margin-left: 10px;
  cursor: pointer;
}

.control-no {
  color: #61abe5;
  cursor: pointer;
}

.control-yes {
  color: #61abe5;
  margin-left: 10px;
  cursor: pointer;
}

.question_extend td {
  border: none;
}

.module-manage td {
  text-align: center;
}

.lm-write-skip-box {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

.lm-write-skip-box label {
  margin-right: 20px;
}

.lm-write-skip-box input {
  margin-right: 10px;
}

.study-state-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.study-state-box .switch-box {
  margin-right: 16px;
}

.study-state,
.study-state-sentence,
.study-state-all-box,
.study-state-all-box-sentence {
  display: flex;
}

.study-state > span,
.study-state-sentence > span,
.study-state-all-box > span,
.study-state-all-box-sentence > span {
  width: 46px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #676464;
  margin-right: 12px;
  border-radius: 2px;
  border: 1px solid #cccccc;
  cursor: pointer;
  font-size: 14px;
}

.study-state-checked,
.study-state-all-checked {
  background: var(--color-base-secondary) !important;
  color: #fff !important;
  border: 1px solid var(--color-base-secondary) !important;
}

.switch-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sub-switch {
  display: inline-block;
  /* width: 42px; */
  /* height: 20px; */
  cursor: pointer;
}

.sub-switch.on {
  font-size: 32px;
  color: var(--color-base-secondary);
  /* background: url("/Images/btn_on_b.png"); */
}

.sub-switch.off {
  font-size: 32px;
  color: #cccccc;
  /* background: url("/Images/btn_off_b.png"); */
}

.sub-switch.expire {
  cursor: not-allowed;
}

.module-manage-all {
  width: 500px;
  /* height: 190px; */
  height: 350px;
  box-sizing: border-box;
  padding: 10px 0 0 0;
}

.module-manage-all > div {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  color: #333333;
}

.module-manage-all > div:nth-child(5) {
  margin-bottom: 0px !important;
}

.module-manage-all input[type="checkbox"] {
  margin-right: 14px;
}

.module-manage-all .module-manage-all-title {
  display: inline-block;
  width: 100px;
  margin-right: 10px;
  text-align: end;
  flex-shrink: 1;
}

.module-manage-all .lm-write-skip-all label {
  margin-right: 20px;
  display: flex;
  align-items: center;
}

.module-manage-all .lm-write-skip-all input {
  margin-right: 10px;
}

.module-manage-all .study-state-all .switch-box {
  margin-right: 16px;
}

/* .module-manage-all .study-state-all-box {
  display: none;
} */

.module-manage-all .module-manage-all-tips {
  margin-top: 14px;
  color: #ff4646;
  font-size: 12px;
}
/*语文智习室*/

.state-bar {
  box-sizing: border-box;
  padding-top: 7px;
}

.knowledge-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  margin-left: 50px;
  margin-right: 50px;
  border-bottom: 1px solid #dedede;
}

.chinese-knowledge {
  display: flex;
  justify-content: flex-start;
  padding: 20px 50px 0;
  line-height: 26px;
  color: #666;
}

.chinese-knowledge .chinese-property {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.chinese-knowledge .chinese-property-left {
  padding-right: 30px;
}

.chinese-knowledge .chinese-property-right > div {
  padding-bottom: 12px;
}

.chinese-knowledge .chinese-property-right > div:last-of-type {
  padding-bottom: 0;
}

.chinese-knowledge .chinese-property-right .c-basic {
  padding-bottom: 16px;
}

.chinese-knowledge .properties-flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.chinese-knowledge .properties-flex.pr40 > div {
  padding-right: 40px;
}

.chinese-knowledge .c-pinyin {
  text-align: center;
  font-size: 20px;
  color: #333;
  margin-right: 10px;
}

.chinese-knowledge .c-value {
  text-align: center;
  font-size: 30px;
  font-family: "楷体";
  color: #333;
  margin-right: 10px;
}

.chinese-knowledge .c-picture img {
  height: 160px;
  cursor: pointer;
}

.chinese-knowledge .c-prononuce {
  width: 20px;
  height: 20px;
  background: url("/Images/chinese/ic_sound.png") center center no-repeat;
  cursor: pointer;
}

.chinese-knowledge .chinese-property-right .c-content {
  letter-spacing: 1px;
  line-height: 30px;
  font-size: 18px;
  font-family: "楷体";
}

.chinese-knowledge .c-author {
  text-align: center;
  font-size: 14px;
}

.modern-text .chinese-property-right .chinese-property:not(:last-of-type) {
  padding-bottom: 40px;
}

.modern-text .property-name {
  font-weight: bold;
  padding-bottom: 10px;
}

.chinese-picture-mask {
  transition: background-color 0.3s;
}

.chinese-picture-mask .cpm-img-wrap {
  transition: all 0.3s;
}

.charater-quiz,
.charater-writer {
  width: 160px;
  height: 160px;
  border: 1px solid #ccc;
  cursor: pointer;
}

.languageS > div {
  padding: 8px 22px;
  border-radius: 3px;
  height: 30px;
  box-sizing: border-box;
  line-height: 15px;
  margin: 4px 0;
  cursor: pointer;
  background-color: #bfdcca;
  color: #4f9b67;
}
.knowledgeSearchBox {
  margin-left: auto;
  color: var(--color-secondary-text);
  font-size: 14px;
  display: flex;
  align-items: center;
  height: 37px;
  cursor: pointer;
}
.knowledgeSearchBox img {
  width: 16px;
  height: 16px;
  margin-right: 2px;
}
.knowledgeSearchLayerBoxHtml {
  display: none;
}
.knowledgeSearchLayer {
  width: 700px;
  height: 480px;
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #fff;
}
.knowledgeSearchLayerInput {
  width: 300px;
  height: 30px;
  text-align: center;
  position: relative;
  margin: 20px auto;
}
.knowledgeSearchLayerInput input {
  width: 100%;
  height: 100%;
  border: 1px solid #d1d1d1;
  color: #333333;
  font-size: 14px;
  border-radius: 1px;
  padding: 0 10px;
  box-sizing: border-box;
}
.knowledgeSearchLayerInput img {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 7px;
  right: 5px;
}
.knowledgeSearchLayerContent {
  width: 100%;
  height: 410px;
  overflow-y: auto;
}
.knowledgeSearchLayerContent > div {
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  padding-left: 16px;
  color: #676464;
  font-size: 14px;
  display: flex;
  align-items: center;
  font-family:
    Microsoft YaHei-Regular,
    Microsoft YaHei;
  cursor: pointer;
}
.knowledgeSearchLayerContent > div:nth-child(odd) {
  background: #f4f4f4;
}
.knowledgeSearchLayerContent .knowledgeSelected {
  color: #30b382;
}
.float {
  float: none;
}