#app {
  background-color: #fff;
}
.login_pop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 102;
}
.login_pop .change_psd_success {
  width: 260px;
  height: 135px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 7px;
}
.login_pop .change_psd_success p {
  color: #fff;
  text-align: center;
  padding-top: 25px;
  font-size: 16px;
}
.login_pop .change_psd_success i {
  display: block;
  margin: 20px auto 0;
  width: 40px;
  height: 40px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAD9UlEQVRYhcWZW2wUVRiAv87O7ma3F9ZeUth2dlNraPpQAxHefGl9UBNEW9oiQnzQB1Cxj95CjIlGU4u0TWgUETWKtr54QYkVocRESrTwokYLpjzYyzbpNqmlFdnirA/nLNnL7DKzzOx+yT7Mmf+c/9uZ3Tn/OVPS+kc/eaAAW4FWYAuwEagDSuX5VWAWuAxcAM4CE4BuNZFqMb4eeAbYDWg54rxAJdAC7JBt08AnwBAwYzahYjKuSg48BbxwC7lsaLLvlByryi7BbmASeBrw5CGWjkeONQnsvFVwLkEVeBv4DKi2QSydamBE5sj6U8sm6Ae+APbZ75XBPpnLb3TSSFAFhoFtDkqls03mzLiSRoKHge1OGxmwXeZOIV1wJ7C3IDrG7AV2JTckC1Zh8A2KwGGgJnGQLPgazvxbrVIJvJo4SAiGgCeLomPMEwinm4JPAe6i6WTiRjihyM+eouoYswdQElVJfSEylipeBsPdfNDwuJnwemCrArQ5qyUIuHwcCu2gxRdkdm3JbLdWFbjHQS8AKtVS+rQOGrxVnF+5wiuzJ8123aICTQ66UaOW0R/uIuhex5nlSXojp7gRN123NqnABqfk6jwBDmod1LorGP37dw5GvkcnbmWIDQpQbiZyKPwoB4IP4i5xmRo55KmkP9RJrbuCr5d+oS9yyqocQLnZipo4cdoqmujVHsGr5F4p3OmtZjDcRbVaxvDiBQbmx6yrSRTgqpnA56e/5Ndrc2zyaxzSOilVvIZxzb719Ie6WOfy8VH0J44u/Ji3HHBVASJmIlf16zw3/TkXV/+i2beegXAnAZcvJabFX0ef1kG5y8vRhXN8GD2fv5ogogCXzEZf12/w4sxXnFuZotFbw2C4mxq1DIDNfo03tXb8ioeB+TGGFyduVw7gkqth/wONwH1me+jE+WH5T4KeAJv9GveW34WOzkvB+3GXuHhr/jTfLP1mhxzAxypiUW0JnThvzI1yTY/xUOBuempbZdt3nF6etEsO4KwK/IxYSFuaj+PAwPwYy//9S/sdm3h9bpTxlSt2ys0AEypiO+I4YlFtiThwbGGcYwvjdoolOA7oiefgEBBzIkuexBBONwvWGeC9oulk8j5y/yZ5JnkZWCyKTiqLwIHEgZJ2Yn/BdTLpIelCpc/FI8CRguqk8i7waXKDUbHQA5woiE4qJ4Bn0xuNBGOI1f23ThslcVLmzHiSZCu3/gEepjC3+wjQLnNmkKseXENsje0CovZ7EQUekznWsgWZKVhHgGbgHex5mMfkWM2ILbecmK2oo4iVfiPQi9jBt8qs7NsoxzJ1V0pu8zVEG2LZuhFRbJTJ8yuImeAycBEYI8/XEP8DiCDxQ04R3woAAAAASUVORK5CYII=) no-repeat center;
}
.login_pop .regeat_error {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  width: 218px;
  height: 138px;
  border-radius: 7px;
  font-size: 18px;
  text-align: center;
  line-height: 138px;
}
.login_pop .login_pop_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 460px;
  height: 368px;
  background: #fff;
  border-radius: 7px;
  padding: 78px 45px 0;
}
.login_pop .login_pop_content .login_title {
  position: absolute;
  top: 30px;
  left: 50px;
}
.login_pop .login_pop_content .login_close {
  width: 18px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA1UlEQVQ4jZXSPUoDQRQA4G9HQbxDuhR6jEVQb2Fh4Z0iRIinELTYI1gkZTq71LG2cAeWzfxkXjlv5mPeT7dab7a4wD1+tMUCXzgGdLjFMCZakAE3CAGP2GPZgEVkiS0egv9y+gZsjty9PD8dwpg8F0siECaXatgJgkNMTqESVkTgMvH9iMWHw3ieRXJQClNCOC2tFNe4yiVz0Lwn1dVIQanG9jVsDuWmU92zKVQbcRGLUHVPctjr2/sCutV6cy4yjembPfqAz0Yk9bOPgF98NyBzbIfjHzl4Xakz5GNDAAAAAElFTkSuQmCC) no-repeat center;
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}
.login_pop .login_pop_content .login_close1 {
  top: 15px;
  right: 15px;
}
.login_pop .login_pop_content h3 {
  width: 350px;
  text-align: center;
}
.login_pop .login_pop_content .login_parent1 {
  width: 100%;
  height: 55px;
}
.login_pop .login_pop_content .login_parent1 .login_type {
  float: left;
  cursor: pointer;
  color: #3498da;
  font-size: 14px;
}
.login_pop .login_pop_content .login_parent1 .login_forget_pad {
  float: right;
  cursor: pointer;
  color: #3498da;
  font-size: 14px;
}
.login_pop .login_pop_content .login_parent {
  width: 100%;
  height: 80px;
}
.login_pop .login_pop_content .login_parent .login_input {
  border: 1px solid #ccc;
  border-radius: 7px;
  width: 423px;
  height: 48px;
  padding: 1px 0 1px 35px;
  font-size: 16px;
  float: left;
}
.login_pop .login_pop_content .login_parent .regest_input {
  padding-left: 10px;
  width: 448px;
  height: 40px;
}
.login_pop .login_pop_content .login_parent .login_red {
  border-color: red;
}
.login_pop .login_pop_content .login_parent .regest_select {
  width: 448px;
  padding-left: 10px;
}
.login_pop .login_pop_content .login_parent .regest_select1 {
  padding-left: 0;
}
.login_pop .login_pop_content .login_parent .regest_select1 .el-input__inner {
  width: 458px;
  padding-left: 10px;
  height: 42px;
  border-color: #ccc;
  border-radius: 7px;
  font-size: 16px;
}
.login_pop .login_pop_content .login_parent .login_username {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAlElEQVQoke2PMQoCMRBF3y45wYKtpYVMkSIH8ZRWHsDCGySQQAaLbbaxsLC0EpbYiQRWYq0fppn//h+m8zHvgS1tmgywcVZsCx2SnnpAG9sBtP8CBuAf+JVA52O+A7dGfsDHfCyl0DI+5oMBrnVNSHoGBmDtrDzerItZOD0CK2CuDQNIvXRWdgtFYoAxJE2ff31pegIzpUFtYksFPgAAAABJRU5ErkJggg==) no-repeat;
  background-position: 12px 14px;
}
.login_pop .login_pop_content .login_parent .login_password {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAATCAYAAABPwleqAAABt0lEQVQ4jZ3TP2sVQRSG8d/exCKQRhBSKAhiYTHFKqugjZUWlvEDiAQUDQQVNMFCgiAK/gG1kLQRxEJUbDUIFoLs4i7sYiHC1ULEYCVBLJKsxW7kenOF6IFpZt7nzJx3zonSvOxoIkKnXZswjhN4gHksYwWrqCFK8/JYCw9jG3bgALbgI8Za8A0qfMUShqI0L2u8xQ98w2cUWEji0M2KajMOYW+beAwj2CPNy8W6rv3rSvNysdPW+j8RDW9UmRXVEA4iS+LwncbZjYARprCA7Wv7nT7RaFZUWwfwU7iBW+gOhLEbD7Oi2teT8Cyu4w7OJ3FYWjvrr/kLRvEoK6oJ7MK1FpxO4rDaK/7j5iQOHzSd9QlPcRm3MZPEYaW/lnVflcShiwk8wV1cSuKwvN4G0UC3kzi8xylcSeLwc5AGUZTm5WvcT+Jw7y+idZEV1QzGO7iI2ayoJjcIXtV4MRuleRnhuMbReZwb9NSsqDoaD05jEnNRXdeyohrGUcxppupMEofnPeD+NvlOnMTjJA7LUV3XvZkDbmrm+QWe4TCO4BWm8W7tv3/DPbeMaOb3gqbjMk2jvOwv5xeHNrx97bL6hAAAAABJRU5ErkJggg==) no-repeat;
  background-position: 10px 14px;
}
.login_pop .login_pop_content .login_parent .login_code {
  width: 289px;
}
.login_pop .login_pop_content .login_parent .login_code1 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAABW0lEQVQokY3Tv2sUQRQH8M8uy2ElsRAsrbRZZIr9C2zEH2BhFLEIiCE2NjZCbBW1kZBaLCwtLIQ0IoKQ8hZuwk4XrNJooySCWhjG4vbgEo13XxiGNzPf977vy7xiOOqW8BKV/+M37lZYxQq+zSAsYNVw1G3lnM2zhqMulsgzMh9AedRFG9OjNqa9NqbHcxFwA6dwfV7CLzzo97kIi8ZWLk4fVng3pfs0dppQ7zeh3sYB/Xhf5Jwnj48j4U0T6vtHlZ2W9Bwfca2N6c5U1bU2ptdtTAMocs7amC5jDQFn8AFXcRJPsIcvuFkMR90COtxqQr3ZZ72CF32PF7Hd9/q9xHqve3Miown1Bp4ZW/qpCfUuzuNsiQt4eLi5JtTr2MDbNqZBE+of+Fricx/8C/fwE6/amIrDLv2FJtT7xl/kHJYnhGIGaReXsIWiwqCN6bbZA3QCxyo8Nf+IrvwBmxeQb9XcOk4AAAAASUVORK5CYII=) no-repeat;
  background-position: 12px 14px;
}
.login_pop .login_pop_content .login_parent .login_code.regest_input {
  width: 314px;
}
.login_pop .login_pop_content .login_parent .login_code_img {
  width: 114px;
  margin-left: 20px;
  height: 50px;
  border-radius: 25px;
  font-size: 16px;
  float: left;
  border-radius: 7px;
  overflow: hidden;
  cursor: pointer;
}
.login_pop .login_pop_content .login_parent .regest_code_img {
  height: 42px;
}
.login_pop .login_pop_content .login_parent .login_code_btn {
  outline: none;
  border: 1px solid #3498da;
  color: #3498da;
  background: #fff;
  width: 112px;
  margin-left: 20px;
  height: 48px;
  border-radius: 7px;
  font-size: 15px;
  float: left;
  cursor: pointer;
}
.login_pop .login_pop_content .login_parent .regest_code {
  height: 42px;
}
.login_pop .login_pop_content .login_parent .login_code_btn.nouse {
  border-color: #ccc;
  color: #ccc;
}
.login_pop .login_pop_content .login_parent .login_error {
  color: #f11111;
  margin-left: 10px;
  font-size: 12px;
  float: left;
  line-height: 25px;
  width: 460px;
}
.login_pop .login_pop_content .login_parent .login_btn {
  width: 100%;
  height: 50px;
  outline: none;
  border: none;
  color: #fff;
  background-color: #3498da;
  border-radius: 25px;
  font-size: 14px;
  cursor: pointer;
}
.login_pop .login_pop_content .login_parent .login_or {
  width: 100%;
  text-align: center;
  padding-top: 30px;
}
.login_pop .login_pop_content .login_parent .login_or span {
  font-size: 14px;
  color: #193249;
}
.login_pop .login_pop_content .login_parent .login_or span i {
  color: #3498da;
  cursor: pointer;
  font-style: normal;
  font-size: 14px;
}
.login_pop .login_pop_centent1 {
  height: 448px;
}
.login_pop .login_pop_content2 {
  width: 672px;
  height: 430px;
  padding: 100px 140px 0 0;
}
.login_pop .login_pop_content2 .go_login {
  position: absolute;
  top: 16px;
  right: 140px;
  font-size: 14px;
  color: #193249;
}
.login_pop .login_pop_content2 .go_login i {
  color: #3498da;
  font-size: 14px;
  font-style: normal;
  cursor: pointer;
}
.login_pop .login_pop_content2 .regest_title {
  float: left;
  width: 190px;
  margin-right: 22px;
  line-height: 42px;
  color: #193249;
  font-size: 14px;
  text-align: right;
}
.login_pop .login_pop_content2 .regest_title i {
  color: #f23232;
  margin-right: 5px;
}
.login_pop .login_pop_content2 .regest_title.regest_title1 {
  line-height: 50px;
}
.login_pop .login_pop_content2 .regest_title.red {
  color: red;
}
.login_pop .login_pop_content2 .login_parent {
  height: 44px;
  margin-bottom: 10px;
  position: relative;
}
.login_pop .login_pop_content2 .login_parent .regest_error {
  width: 130px;
  line-height: 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.login_pop .login_pop_content2 .login_parent .regest_btn {
  float: left;
  width: 460px;
  height: 50px;
  background-color: #3498da;
  color: #fff;
  outline: none;
  border-radius: 7px;
  border: none;
  cursor: pointer;
}
.login_pop .login_pop_content2 .login_parent2 {
  height: 52px;
  margin-bottom: 20px;
}
.login_pop .login_pop_content2 .login_parent3 {
  height: 95px;
}
.login_pop .login_pop_content2 .login_parent3 .regest_select2 {
  padding: 0;
  margin: 0;
  float: left;
}
.login_pop .login_pop_content2 .login_parent3 .regest_select2 .el-input__inner {
  width: 153px;
  padding: 0;
  margin: 0;
  padding-left: 10px;
  height: 42px;
  border-color: #ccc;
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.login_pop .login_pop_content2 .login_parent3 .regest_select2:first-of-type .el-input__inner {
  border: 1px solid #ccc;
  border-radius: 7px 0 0 7px;
}
.login_pop .login_pop_content2 .login_parent3 .regest_select2:nth-of-type(3) .el-input__inner {
  border: 1px solid #ccc;
  border-radius: 0 7px 7px 0;
}
.login_pop .login_pop_content2 .login_parent3 .regest_select3 {
  float: left;
  padding: 0;
  margin: 0;
}
.login_pop .login_pop_content2 .login_parent3 .regest_select3 .el-input__inner {
  width: 458px;
  height: 42px;
  border-radius: 7px;
  border-color: #ccc;
  margin-top: 10px;
}
.login_pop .login_pop_content3 {
  height: 560px;
  padding: 80px 140px 0 0;
}
.login_pop .login_pop_content3 .psd_title {
  float: left;
}
.login_pop .login_pop_content3 .psd_title p {
  color: #193249;
  font-size: 14px;
  line-height: 24px;
}
.login_pop .login_pop_content4 {
  height: 280px;
  padding: 80px 140px 0 0;
}
.login_pop .tip_pop_con {
  padding: 40px 68px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 500;
  background-color: #fff;
  border-radius: 10px;
}
.login_pop .tip_pop_con p {
  line-height: 18px;
  font-size: 18px;
  color: #000;
}
.login_pop .tip_pop_con i {
  width: 18px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA1UlEQVQ4jZXSPUoDQRQA4G9HQbxDuhR6jEVQb2Fh4Z0iRIinELTYI1gkZTq71LG2cAeWzfxkXjlv5mPeT7dab7a4wD1+tMUCXzgGdLjFMCZakAE3CAGP2GPZgEVkiS0egv9y+gZsjty9PD8dwpg8F0siECaXatgJgkNMTqESVkTgMvH9iMWHw3ieRXJQClNCOC2tFNe4yiVz0Lwn1dVIQanG9jVsDuWmU92zKVQbcRGLUHVPctjr2/sCutV6cy4yjembPfqAz0Yk9bOPgF98NyBzbIfjHzl4Xakz5GNDAAAAAElFTkSuQmCC) no-repeat center;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.lesson_list_wrap {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 115px;
}
.lesson_list_wrap #lesson_page {
  text-align: center;
  line-height: 40px;
}
.pagination .btn-prev,
.pagination .btn-next {
  position: relative;
  box-sizing: border-box;
  padding: 0 9px;
  color: #193249;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
}
.pagination .btn-prev i.el-icon,
.pagination .btn-next i.el-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  font-size: 25px;
  color: #193249;
}
.pagination .el-pager {
  line-height: 40px;
}
.pagination .el-pager li {
  width: 40px;
  height: unset;
  line-height: unset;
  color: #193249;
  border-radius: 20px;
  background-color: #edf7fe;
}
.pagination .el-pager li.active {
  background-color: #3498da;
  color: #fff;
}
.pagination .el-pager li:hover {
  background-color: #b8c4ce;
  color: #fff;
}
.pagination button {
  background-color: #edf7fe !important;
}
.pagination .el-pagination__jump {
  line-height: 40px !important;
  height: 40px !important;
  font-size: 14px !important;
  color: #333;
}
.pagination .el-pagination__jump .el-input {
  margin: 0 10px;
  width: 50px;
  height: 40px;
}
.pagination .el-pagination__jump .el-input input {
  box-sizing: border-box;
  width: 50px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #3498da;
  background-color: #edf7fe;
  color: #3498da;
  outline: none;
}
.pagination .slot .page_totle {
  margin-left: 10px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #333;
}

/* 头部 */
header[data-v-475ef0de] {
  height: 80px;
  background: #fff;
  position: fixed;
  top: 0;
  border-bottom: 1px solid #e8eaec;
  z-index: 90;
  width: 100%;
}
header .header_con_wrap[data-v-475ef0de] {
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 100%;
}
header .title[data-v-475ef0de] {
  position: relative;
  float: left;
  height: 100%;
  text-align: center;
  width: 202px;
}
header .title a[data-v-475ef0de] {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  right: 0;
  bottom: 0;
}
header .title a img[data-v-475ef0de] {
  width: 70%;
}
header nav[data-v-475ef0de] {
  float: left;
  height: 100%;
}
header nav .nav_btn[data-v-475ef0de] {
  font-size: 18px;
  display: inline-block;
  padding: 0 18px;
  line-height: 80px;
  cursor: pointer;
  height: 100%;
  color: #193249;
  position: relative;
}
header nav .nav_btn[data-v-475ef0de]:hover {
  color: #3498da;
}
header nav .nav_btn:hover .navTwoApp[data-v-475ef0de] {
  display: block;
}
header nav .nav_btn:hover .box_up[data-v-475ef0de] {
  display: block;
}
header nav .nav_btn:hover .dropdown[data-v-475ef0de] {
  display: flex;
}
header nav .nav_btn.active[data-v-475ef0de] {
  color: #2060ad;
}
header nav .navMenu[data-v-475ef0de] {
  width: 1920px;
  position: absolute;
  left: -360px;
  display: block;
  top: 66px;
  overflow: hidden;
}
header nav .navMenu .index_nav[data-v-475ef0de] {
  z-index: 22;
}
header nav .navMenu .index_nav .navMenusel[data-v-475ef0de] {
  position: absolute;
  left: 40%;
  top: 0;
}
header nav .navMenu .index_nav .navMenutext[data-v-475ef0de] {
  position: absolute;
  left: 35%;
  top: 0;
}
header nav .navMenu .index_nav .navMenutext .nav_btn[data-v-475ef0de] {
  color: #193249;
}
header nav .navMenu .index_nav .navMenutext .nav_btn[data-v-475ef0de]:hover {
  color: #3498da;
}
header nav .navMenu .index_nav .navMenutext .nav_btn.active[data-v-475ef0de] {
  font-weight: 600;
  color: #3498da;
}
header nav .navMenu .index_nav .navMenutext li[data-v-475ef0de] {
  text-align: center;
  font-weight: 600;
  margin-left: 36px;
  font-size: 16px;
  font-weight: normal;
  margin-top: 5px;
  cursor: pointer;
}
header .login_wrap[data-v-475ef0de] {
  position: absolute;
  z-index: 999;
  right: 0;
  height: 100%;
}
header .login_wrap .login_name[data-v-475ef0de] {
  line-height: 80px;
  margin-left: 10px;
  font-size: 16px;
  float: right;
}
header .login_wrap .no_login[data-v-475ef0de] {
  display: inline-block;
  line-height: 80px;
  float: right;
}
header .login_wrap .no_login span[data-v-475ef0de]:first-child {
  border: 1px solid #2060ad;
  padding: 2px 20px;
  border-radius: 20px;
  color: #2060ad;
  margin-right: 20px;
}
header .login_wrap .no_login span[data-v-475ef0de] {
  color: #193249;
  font-size: 16px;
  cursor: pointer;
}
header .login_wrap .no_login span[data-v-475ef0de]:hover {
  color: #3498da;
}
header .login_wrap .no_login i[data-v-475ef0de] {
  padding: 0 15px;
  color: #dddddd;
  font-style: normal;
}
header .login_wrap .login_btn[data-v-475ef0de] {
  float: right;
  height: 100%;
  width: 80px;
  background: url(/./static/img/icon_login.7354eab.png) no-repeat right center;
}
header .login_wrap:hover .userInfoModule[data-v-475ef0de] {
  display: block;
}
header .login_wrap .userInfoModule[data-v-475ef0de] {
  display: none;
  position: absolute;
  top: 80px;
  right: -15px;
  z-index: 1000;
  box-sizing: border-box;
  padding: 0 30px;
  width: 286px;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  box-shadow: 0px 2px 8px 2px #ededed;
}
header .login_wrap .userInfoModule .userBasicInfo[data-v-475ef0de] {
  display: flex;
  margin: 20px 0 10px 0;
}
header .login_wrap .userInfoModule .userBasicInfo .userName[data-v-475ef0de] {
  color: #787d82;
  line-height: 42px;
  margin-left: 20px;
}
header .login_wrap .userInfoModule .userBasicInfo .userHeadPortrait[data-v-475ef0de] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
}
header .login_wrap .userInfoModule .userBasicInfoBtns[data-v-475ef0de] {
  display: flex;
}
header .login_wrap .userInfoModule .userBasicInfoBtns p[data-v-475ef0de] {
  flex-wrap: wrap;
  flex-basis: 40%;
  color: #787d82;
  margin: 10px 5px;
  background-color: #f4f7fc;
  padding: 5px;
  font-size: 14px;
  cursor: pointer;
}
header .login_wrap .userInfoModule .userBasicInfoBtns p[data-v-475ef0de]:hover {
  background-color: #d9dde1;
  color: #4d565d;
}
header .login_wrap .userInfoModule .historyLesson[data-v-475ef0de] {
  padding: 10px 0;
  cursor: pointer;
}
header .login_wrap .userInfoModule .historyLesson div[data-v-475ef0de] {
  display: flex;
}
header .login_wrap .userInfoModule .historyLesson div i[data-v-475ef0de] {
  font-size: 20px;
  vertical-align: middle;
}
header .login_wrap .userInfoModule .historyLesson div p[data-v-475ef0de] {
  width: 100%;
  line-height: 22px;
  margin-left: 5px;
  font-size: 14px;
  color: #787d82;
}
header .login_wrap .userInfoModule .historyLesson span[data-v-475ef0de] {
  margin-top: 5px;
  font-size: 14px;
  display: block;
  text-align: right;
  color: #91dead;
}
header .login_wrap .userInfoModule .userOperationBtns[data-v-475ef0de] {
  display: flex;
  padding: 20px 0;
  cursor: pointer;
  border-top: 1px solid #f4f7fc;
  line-height: 24px;
  font-size: 14px;
}
header .login_wrap .userInfoModule .userOperationBtns p[data-v-475ef0de] {
  flex: 1;
  flex-basis: 50%;
  color: #787d82;
  text-align: center;
}
/* 尾部 */
footer[data-v-475ef0de] {
  overflow: hidden;
  background-color: #ebf0f4;
  color: #959cae;
  padding-top: 27px;
}
footer div[data-v-475ef0de] {
  width: 1200px;
  margin: 0 auto;
}
footer .link_list[data-v-475ef0de] {
  margin: 0 auto 18px;
  text-align: center;
  font-size: 0;
}
footer .link_list .link[data-v-475ef0de] {
  display: inline-block;
  padding: 0 22px;
  font-size: 14px;
  border-right: 1px solid #d2d8e0;
  color: #9ba2b3;
}
footer .link_list .link[data-v-475ef0de]:last-of-type {
  border-right: none;
}
footer .link_list .link[data-v-475ef0de]:hover {
  color: #1a8cfe;
}
footer .tip[data-v-475ef0de] {
  margin-bottom: 30px;
  text-align: center;
  color: #9ba2b3;
  font-size: 14px;
}
header.fixed[data-v-475ef0de] {
  position: absolute !important;
  width: 100% !important;
}
footer.fixed[data-v-475ef0de] {
  position: fixed !important;
  bottom: 0 !important;
  width: 100% !important;
}
.dropdown[data-v-475ef0de] {
  background: #fff;
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  position: absolute;
  display: none;
  flex-direction: column;
  z-index: 100;
  margin: 10px 0 0 0;
  left: 50%;
  margin-left: -80px;
  width: 160px;
}
.dropdown > .navTwoApp[data-v-475ef0de] {
  display: inline-block;
  text-align: center;
  font-weight: 600;
  padding: 0 30px;
  font-size: 16px;
  font-weight: normal;
  line-height: 40px;
  margin-top: 5px;
  cursor: pointer;
  color: #193249;
}
.dropdown > .navTwoApp[data-v-475ef0de]:hover {
  color: #3498da !important;
}
.box_up[data-v-475ef0de] {
  display: none;
  position: absolute;
  top: -10px;
  left: 30px;
  width: 0px;
  height: 0px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  margin-left: -10px;
  left: 50%;
}
.box_up_div[data-v-475ef0de] {
  position: absolute;
  height: 15px;
  top: -15px;
  width: 100%;
}
.page-body[data-v-475ef0de] {
  width: 100%;
  min-height: calc(100vh - 81px - 113px);
  overflow: hidden;
}

html, body, div, nav, header, footer, article, section, a, ul, li, p, h1, h3, span, input {padding: 0; margin: 0;}
li {list-style: none;}
a {text-decoration: none; cursor: pointer;}
input {outline: none;}
button {outline:none;}
em {font-style: normal;}

.clearfix:after {content:""; display:block; clear:both}
.clearfix {zoom: 1;}

html, body, #app { min-width: 1200px; margin: 0 auto; height: 100%;}
table{width: 100%!important;}


/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
    font-family: 'iconfont';  /* Project id 1583427 */
    src: url('//at.alicdn.com/t/c/font_1583427_0ripltn1yabp.woff2?t=1669347448911') format('woff2'),
         url('//at.alicdn.com/t/c/font_1583427_0ripltn1yabp.woff?t=1669347448911') format('woff'),
         url('//at.alicdn.com/t/c/font_1583427_0ripltn1yabp.ttf?t=1669347448911') format('truetype');
  }
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tongji:before { content: "\e60e"; }

.icon-shouji:before { content: "\e630"; }

.icon-pc:before { content: "\e607"; }

.icon-dingdan:before { content: "\e60a"; }

.icon-shu:before { content: "\e6df"; }

.icon-clock:before { content: "\e6f1"; }

.icon-anquan:before { content: "\e61e"; }

/* *::-webkit-scrollbar { 滚动条整体样式
  width: 0.520833rem; 高宽分别对应横竖滚动条的尺寸
  height: 1px;
}
*::-webkit-scrollbar-thumb { 滚动条里面小方块
border-radius: 1.041667rem;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #acdfe3;
}
*::-webkit-scrollbar-track { 滚动条里面轨道
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 1.041667rem;
background: #EDEDED;
} */

.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.text-black {
  color: #000;
}
.text-grey {
  color: #9EA7B4;
}
.text-warning {
  color: #FFB04C;
}
.text-success {
  color: #8EE4C7;
}
.text-primary {
  color: #4C84FF;
}
.text-info {
  color: #A1BFFF;
}
.text-danger {
  color: #EF876F;
}
.text-pay {
  color: #F25454;
}
.font-size20 {
  font-size: 20px;
}
article {
  color: #657180;
}
article h2,
article > .title {
  height: 48px;
  line-height: 48px;
  font-size: 24px;
  color: #000;
  margin: 1em auto 0;
}
article section {
  padding: 1em;
}
article section h3,
article section > .title {
  height: 28px;
  font-size: 20px;
  color: #464C5B;
  margin-bottom: 0.9em;
  display: flex;
  align-items: center;
}
article section h3::before,
article section > .title::before {
  content: "";
  display: inline-block;
  width: 0.25em;
  height: 0.9em;
  margin-right: 0.5em;
  background: #4C84FF;
}
article section h4 {
  font-size: 16px;
  color: #464C5B;
}
article section p {
  font-size: 16px;
  line-height: 1.75;
  text-align: justify;
}
article section p + p {
  margin-top: 0.5em;
}
article section .subtitle {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: 16px;
  line-height: 20px;
  color: #464C5B;
}
article section .subtitle.subtitle-table {
  margin: 0 3px 2px 1px;
  line-height: 3;
  color: #fff;
  background-color: #A1BFFF;
}
article section .subinfo {
  margin-top: 0.8em;
  margin-bottom: 1em;
}
article section .subinfo p + p {
  margin-top: 0;
}
article section .el-alert.content {
  margin-top: 1em;
  border: 1px solid #FFDDB9;
  border-radius: 0.6em;
  background: #FFFCF7;
}
article section .el-table.my-table /deep/ th,
article section .el-table.my-table /deep/ td {
  border-width: 3px;
  border-color: #fff;
  background: #f5f5f5;
}
article section .el-table.my-table /deep/ th.table-cell-success,
article section .el-table.my-table /deep/ td.table-cell-success {
  background: #CDE7B7;
}
article section .el-table.my-table /deep/ th.table-cell-warning,
article section .el-table.my-table /deep/ td.table-cell-warning {
  background: #FF8419;
}
article section .el-table.my-table /deep/ th.table-cell-danger,
article section .el-table.my-table /deep/ td.table-cell-danger {
  background: #EBABAB;
}
article section .el-table.my-table /deep/ th.table-cell-good,
article section .el-table.my-table /deep/ td.table-cell-good {
  background: #AED9F4;
}
article section .el-table.my-table /deep/ .success-row td {
  background: rgba(124, 191, 69, 0.2);
}
article section .el-table.my-table /deep/ .danger-row td {
  background: rgba(239, 165, 111, 0.2);
}
article section .el-table.my-table /deep/ .primary-row td {
  background: #F3F7FF;
}
article section .el-table.my-table /deep/ .info-row td {
  background: #f5f5f5;
}
article section .el-table.my-table /deep/ .el-table__empty-block {
  box-sizing: border-box;
  background: #f5f5f5;
  border-right: 2px solid #fff;
}
article section .el-table.my-table.el-table--border {
  border-color: transparent;
}
article section .el-table.my-table.el-table--border /deep/ th,
article section .el-table.my-table.el-table--border /deep/ td {
  border-width: 3px;
  border-color: #fff;
}
article section .el-table.my-table.el-table--border:before,
article section .el-table.my-table.el-table--border:after {
  background: transparent;
}
article section .concept {
  padding: 1em 0;
}
article section .concept + .concept {
  border-top: 1px solid #E8EAEC;
}
article section .concept .concept-noun {
  font-size: 18px;
  font-weight: bold;
  line-height: 40px;
}
article section .concept .concept-explanation {
  font-size: 16px;
  line-height: 1.75;
  color: #657180;
}
article section.remark p {
  text-indent: 2em;
}
article section.remark:before {
  content: "";
  display: block;
  margin-bottom: 1.5em;
  border-top: 1px solid #ddd;
}
.page-aiaction-child {
  width: 1200px;
  margin: 0 auto 2em;
  padding: 2em;
  background: #fff;
  position: relative;
}
.page-aiaction-child .print-catalogues {
  position: absolute;
  left: 2em;
  top: 3em;
  width: 1200px;
  height: 848px;
  background: #fff;
  overflow: hidden;
  z-index: -1;
}
.page-aiaction-child .print-catalogues img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.page-aiaction-child .print-catalogues .cover-info {
  position: absolute;
  left: 100px;
  top: 46.8%;
  transform: translateY(-50%);
}
.page-aiaction-child .print-catalogues .cover-info p {
  font-size: 28px;
  color: #34393f;
  line-height: 2;
}

/* 高考大讲堂 */
.fl {
  float: left;
}
.fr {
  float: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-success {
  color: #CDE7B7;
}
.text-warning {
  color: #FF8419;
}
.text-danger {
  color: #EBABAB;
}
.text-info {
  color: #cecabd;
}
.text-grey {
  color: #9ea7b5;
}
.text-white {
  color: #fff;
}
.text-link {
  text-decoration: underline;
}
.text-small {
  font-size: 0.9rem;
}
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.max-1200 {
  max-width: 1200px;
  margin: 0 auto;
}
.scrollbar::-webkit-scrollbar {
  width: 0.520833rem;
  height: 1px;
}
.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 1.041667rem;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #ccc;
}
.scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 1.041667rem;
  background: #EDEDED;
}
.singleLine-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multiLine-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}