/* 分页 */

.loadingPage {
  overflow: hidden;
  text-align: center;
}

.clearBoth:after {
  content: '';
  display: block;
  clear: both;
}

.jc-paging ul .jc-pagin-pre:hover,
.jc-paging ul .jc-pagin-next:hover {
  background: #f0f2f5;
}

.loadingPage .jc-pagination {
  height: auto;
  display: inline-block;
}

.jc-tag-light {
  padding: 8px 10px;
}

.jc-tag-lightNormal {
  padding: 8px 10px;
}

/* ********************section ****************************/
/* 隐藏多少条记录 */
.jc-paging ul li:nth-of-type(1) {
  display: none;
}

body {
  min-width: 1200px;
}

section {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
}

/* content-warp */
.content-warp .content_part1 {
  margin: 30px 0px 15px 0px;
}

.content-warp .content_part1 a {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #909399;
}

.nav-crumbs .allow::after {
  position: relative;
  top: 4px;
  margin: 0 7px;
  display: inline-block;
  width: 18px;
  height: 18px;
  content: "";
  background: url(../img/rightPoint.svg) center center;
  background-size: 100% 100%;
  color: rgba(192, 196, 204, 1);
}

.content-warp .content_part1 a:last-of-type {
  color: #303133;
  margin-left: 10px;
}

.content-warp .content_part1 a:hover {
  color: #303133;
}

.content_part2 {
  min-height: 265px;
}

.content_part2 .content_img {
  display: inline-block;
  float: left;
  position: relative;
}

.content_part2 .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
}

.content_img .mask img {
  width: 79px;
  height: 79px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.content_part2 .content_img>img {
  width: 468px;
  height: 265px;
  display: block;
}

.content_text .text_part1 a {
  height: 28px;
  font-size: 20px;
  color: #333333;
}

.content_text .text_part1>a:nth-of-type(2) {
  display: inline-block;
  width: 67px;
  height: 24px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #b5b7bb;
  border-radius: 3px;
  float: right;
}

.content_text .text_part1>a:nth-of-type(2) span {
  display: inline-block;
  height: 17px;
  font-size: 12px;
  color: #b5b7bb;
  position: relative;
  top: -4px;
}

.content_text .text_part1>a:nth-of-type(2) i {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background: url("../img/collect_icon1.png")0px 0px no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: -2px;
}

.container .content_text .text_part1 .on {
  border: 1px solid #ffaa2e;
}

.container .content_text .text_part1 .on i {
  background: url("../img/icon_12.png")0px 0px no-repeat;
  background-size: 100% 100%;
}

.content_text .text_part2 a {
  margin-top: 15px;
  display: inline-block;
  padding: 0px 5px;
  margin-right: 6px;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
  color: #23b8ff;
  background: #ffffff;
  border: 1px solid #23b8ff
}

.content_text .text_part3 {
  margin-top: 12px;
}

.text_part3 span {
  height: 20px;
  font-size: 14px;
  color: #666666;
}

.text_part3 a {
  height: 20px;
  font-size: 14px;
  color: #666666;
}

.content_text .text_part4 {
  height: 20px;
  font-size: 14px;
  text-align: left;
  color: #666666;
  letter-spacing: 0px;
  margin: 12px 0px;
}

.content_text .text_part4 a {
  font-size: 14px;
  color: #666666;
}

.content_text span {
  height: 20px;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0px;
}

.content_text .text_part5 a {
  height: 20px;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0px;
  display: inline-block;
  margin-right: 20px;
}

.content_text .text_part5 a img {
  width: 14px;
  position: relative;
  margin-right: 5px;
}

.content_text .text_part5 a:nth-of-type(1) img {
  position: relative;
  top: 1px;
}

.content_text .text_part5 a:nth-of-type(2) img {
  position: relative;
  top: 1px;
}

.content_text .text_part5 a:nth-of-type(3) img {
  position: relative;
  top: 3px;
}

.content_text .text_part5 a:nth-of-type(4) img {
  position: relative;
  top: 3px;
}

.content_text .text_part5 a:last-of-type img {
  width: 16px;
  position: relative;
  top: 3px;
}

.content_text .text_part6 {
  height: 42px;
  margin: 18px 0px 4px 0px;
}

.content_text .text_part6 a {
  height: 42px;
  font-size: 30px;
  color: #ff4d4d;
  margin-right: 10px;
  float: left;
}

.content_text .text_part6 span {
  height: 20px;
  font-size: 14px;
  text-decoration: line-through;
  color: #999999;
  display: inline-block;
  float: left;
  margin-top: 11px;
}

.content_text .text_part7 {
  min-height: 40px;
  position: relative;
}

.content_text .text_part7>a:nth-of-type(1) {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0px 20px;
  background: #ffffff;
  border: 1px solid #ff4d4d;
  border-radius: 3px;
  font-size: 14px;
  color: #ff4d4d;
  margin-right: 10px;
}

.content_text .text_part7>a:nth-of-type(1):hover {
  color: #fff;
  background: #ff4d4d;
}

.content_text .text_part7>a:nth-of-type(2) {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0px 20px;
  color: #ff4d4d;
  border: 1px solid #ff4d4d;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  background-color: #ffffff;
}

.content_text .text_part7>a:nth-of-type(2):hover {
  color: #fff;
  background: #ff4d4d;
}

.text_part7 p {
  float: right;
  margin-top: 20px;
  height: 20px;
  position: relative;
}

.text_part7 p>a {
  display: inline-block;
  padding: 0px 5px;
  height: 17px;
  font-size: 12px;
  color: #999999;
}

.text_part7 p a:nth-of-type(4) img {
  width: 14px;
  height: 14px;
  margin-left: 2px;
  position: relative;
  top: 2px;
}


.tag-top {
  display: none;
  position: absolute;
  left: 532px;
  top: 49px;
  width: 315px;
  min-height: 30px;
  padding: 20px;
  background: #FFFFFF;
  border: 1px solid #EBEEF5;
  box-shadow: 0px 6px 12px rgba(99, 110, 155, 0.1);
  border-radius: 5px;
  z-index: 2500;
  color: #999999;
  font-size: 14px;
}

.tag-top .radius {
  position: absolute;
  left: 50%;
  top: -6px;
  margin-left: -6px;
  width: 12px;
  height: 12px;
  border-left: 1px solid #EBEEF5;
  border-top: 1px solid #EBEEF5;
  transform: rotate(45deg);
  background: #FFFFFF;
}

.content_img .mask span {
  height: 28px;
  font-size: 20px;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 67%;
  transform: translate(-50%, 0);
}

.content_part2 .content_text {
  width: 700px;
  min-height: 265px;
  float: right;
}

/* ********content-warp结束*************** */
section .wrap-part-left {
  width: 810px;
  height: auto;
  padding: 0px 30px 30px 30px;
}

section .container {
  height: auto;
}

section .wrap-part-right {
  width: 360px;
}

.jc-tabs {
  width: 100%;
}

section .nav-part {
  width: 740px;
  height: 44px;
  border-bottom: 1px solid #e4e7ed;
}

section .nav-part .parent {
  float: left;
  height: 44px;
  margin-right: 56px;
  position: relative;
}

section .nav-part .parent>a {
  display: inline-block;
  width: 74px;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  transition: all .2s;
  text-align: center;
}

section .nav-part .parent>a:hover {
  color: rgba(26, 140, 254, 1);
}

section .nav-part .active>a {
  font-size: 18px;
  font-weight: 700;
  color: #1a8cfe;
}

section .nav-part .parent>i {
  display: none;
  width: 100%;
  height: 4px;
  background: #1a8cfe;
  border-radius: 2px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  transition: all .2s;
}

section .nav-part .active i {
  display: block;
}

section .wrap-content {
  display: none;
  width: 748px;
  min-height: 650px;
}

section .wrap-part-left .on {
  display: block;
}


section .course-list>li {
  position: relative;
}

.line-bottom {
  width: 740px;
  height: 1px;
  background: #e5e8ed;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

section .course-list h5 {
  width: 740px;
  height: 82px;
  cursor: pointer;
  position: relative;
}

section .course-list h5 .list-img {
  width: 20px;
  height: 20px;
  margin-top: 33px;
}

section .course-list h5 .list_text {
  margin-top: 31px;
  margin-left: 12px;
  font-size: 16px;
  font-weight: 700;
  color: #303133;
  display: inline-block;
}

section .course-list h5 .collapses {
  width: 6px;
  height: 12px;
  background: url("../img/more.png")0px 0px no-repeat;
  background-size: 100% 100%;
  transition: transform .4s;
  position: absolute;
  right: 32px;
  top: 50%;
  margin-top: -5px;
}

section .course-list h5 .rotate {
  transform: rotate(90deg);
}

section .list-lesson {
  display: none;
}

section .list-lesson li {
  width: 740px;
  height: 53px;
  line-height: 53px;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
}

section .list-lesson li a:nth-of-type(1) {
  font-size: 14px;
  color: #303133;
}

section .list-lesson li .publish {
  color: #909399 !important;
}

section .list-lesson li:hover {
  background: #e6f3ff;
}

section .list-lesson li:hover a:nth-of-type(1) {
  color: #1a8cfe;
}


section .list-lesson .play_bg {
  margin: 19px 10px 18px 32px;
  float: left;
  width: 16px;
  height: 16px;
  background: url("../img/play.png")0px 0px no-repeat;
  background-size: 100% 100%;
}

section .list-lesson li:hover .play_bg {
  background: url("../img/play_on.png")0px 0px no-repeat;
  background-size: 100% 100%;
}

section .list-lesson .test_look {
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  color: #1BA9E9;
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translate(0, -50%);
}

section .list-lesson .lock_icon {
  display: inline-block;
  color: #1BA9E9;
  line-height: normal;
  font-size: 14px;
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translate(0, -50%);
}


/* wrap-part */
.wrap-part {
  width: 810px;
  height: auto;
  margin-left: -30px;
  margin-right: -30px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 24px 0px rgba(38, 47, 125, 0.06);
  overflow: hidden;
}

.card-img>img {
  display: block;
  width: 100%;
  height: 100%;
}

.card-title {
  width: 100%;
  display: block;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  color: #333444;
}

.card-body>p {
  width: 100%;
  overflow: hidden;
}

.card-text {
  height: 22px;
}

.card-text .price {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #fa5555;
  float: left;
}

.card-text .price_lose {
  height: 17px;
  font-size: 12px;
  text-decoration: line-through;
  color: #c0c4cc;
  margin-left: 6px;
}

.howStudy {
  display: inline-block;
  height: 17px;
  font-size: 12px;
  color: #909399;

}

.price {
  float: right;
  font-size: 16px;
  color: #fa5555;
}

.wrap-part>p {
  height: 65px;
}

.wrap-part .more_data {
  margin-top: 6px;
}

.wrap-part .study_title {
  display: inline-block;
  height: 33px;
  font-size: 24px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 30px;
}

.aEle {
  display: block;
  width: 100%;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  color: #909399;
  margin-top: 8px;
  margin-bottom: 8px;
}

.aEle img {
  display: inline-block;
  margin-right: 3px;
  width: 4px;
  height: 5px;
  margin-top: 7px;
  float: left;
}

.lesson_text:hover .lesson_text_left>a>img {
  transform: scale(1.1);
}

.lesson_text_left img {
  width: 100%;
  height: 100%;
  transition: all .2s;
}

.lesson_text {
  overflow: hidden;
  border-bottom: 1px solid#eeefff;
  padding: 16px 0px;
}

.lesson_text_left {
  width: 212px;
  height: 129px;
  border-radius: 6px;
}


.lesson_text_right .p1 a {
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  color: #333444;
}

.lesson_text_right .p2 {
  height: 20px;
  margin-top: 5px;
}

.lesson_text_right .p2 a {
  display: inline-block;
  float: left;
  font-size: 12px;
  color: #999aaa;
  margin-right: 10px;
}

.lesson_text_right .p2 .a1 {
  margin-right: 15px;
}

.lesson_text_right .p2 .a2 img {
  width: 12px;
  height: 10px;
  margin-right: 4px;
}

.lesson_text_right .p2 .a3 img {
  width: 12px;
  height: 12px;
  margin-right: 3px;
}

.lesson_text_right .p2 .a4 img {
  width: 12px;
  height: 12px;
  margin-right: 3px;
}

.lesson_text_right .p3 a {
  font-size: 14px;
  color: #777888;
  height: 40px;
  display: block;
}

.lesson_text_right .p4 {
  margin-top: 12px;
}

.lesson_text_right .p4 a {
  font-size: 12px;
  padding: 0px 5px;
  margin-right: 5px;
}

/* 问答区 */
.questions {
  padding-top: 24px;
}

.questions h6 {
  color: #28293D;
  font-size: 18px;
}

.questions-submit {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.questions-submit .inputBox {
  width: 604px;
  height: 42px;
  position: relative;
}

.questions-submit input {
  width: 100%;
  height: 100%;
  border: 1px solid #E4E4EB;
  border-radius: 6px;
  outline: none;
  resize: none;
  padding: 12px 69px 12px 16px;
  font-size: 14px;
}

.questions-submit span {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translate(0, -50%);
  color: #8F90A6;
  font-size: 12px;
}

.que-btn {
  display: inline-block;
  width: 120px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  background: #0063F7;
  border-radius: 6px;
}

.que-btn:hover {
  color: #fff;
}

.que-group {
  height: 40px;
  line-height: 40px;
  margin-top: 12px;
  padding: 0 16px;
  background: #FAFAFC;
  border-radius: 6px;
  margin-bottom: 20px;
}

.que-nav {
  color: #555770;
  font-size: 12px;
}

.que-nav span {
  margin-right: 12px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.que-nav .active {
  color: #0063F7;

}

.que-nav .active:before {
  content: "";
  width: 12px;
  height: 3px;
  background: #0063F7;
  border-radius: 25%;
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translate(-50%, 0);
}

.que-count span {
  color: #3E7BFA;
}

.que-list {
  width: 100%;
  padding: 12px 0;
}

.que-content {
  display: none;
  position: relative;
  min-height: 350px;
}

.not-data-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.que-content-box .on {
  display: block;
}

.que-list {
  display: flex;
}

.user-img {
  width: 24px;
  height: 24px;
}

.user-img img {
  height: 100%;
  border-radius: 50%;
}

.que-detail {
  margin-left: 8px;
  width: 100%;
}

.user-que {
  min-height: 20px;
  color: #28293D;
  line-height: 18px;
  word-wrap: break-word;
}

.que-jietu {
  margin-top: 12px;
}

.que-jietu img {
  width: 89px;
  margin-right: 12px;
  margin-top: 12px;
}

.que-msg {
  width: 100%;
  height: 30px; 
  padding-bottom: 12px;
  color: #8F90A6; 
  border-bottom: 1px solid #E4E4EB;
  display: flex;
  justify-content: end;
}

.que-ip-province,.que-time{
  margin-left: 10px;
  font-size:14px;
}
 
.icon-group p {
  float: left;
  margin-right: 10px;
}

.icon-bg {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 3px;
  position: relative;
  top: 2px;
}

.see-icon {
  background: url(../img/icon-see.png)no-repeat center;
  background-size: contain;
}

.zan-icon {
  background: url(../img/icon-zan.png)no-repeat center;
  background-size: contain;
}

.disucss-icon {
  background: url(../img/icon-disucss.png)no-repeat center;
  background-size: contain;
}

.t-answer {
  width: 100%;
  min-height: 48px;
  background: #E5F0FF;
  border-radius: 6px;
  padding: 12px;
  color: #555770; 
  margin:12px 0 12px;
}

.t-bg {
  width: 32px;
  height: 20px;
  line-height: 20px;
  background: #FF8800;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
}

.t-answer-text {
  line-height: 25px;
  word-wrap: break-word;
  display:inline-block;
}
.t-answer-text img{
  max-width:100%;
}
.not-data-wrapper img {
  width: 160px;
  display: block;
  margin-bottom: 24px;
}

.not-data-wrapper p {
  color: #8F90A6;
}

.no-answer span {
  color: #0063F7;
  font-size: 14px;
}

.no-answer div {
  width: 114px;
  height: 24px;
  line-height: 24px;
  background: #0063F7;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  color: #fff;
}

.modal-wrapper {
  padding: 0 27px 29px;
}

.modal-wrapper img {
  width: 88px;
  display: block;
  margin: 26px auto 14px auto;
}

.modal-wrapper .p1 {
  font-size: 20px;
  color: #936622;
  text-align: center;
}

.modal-wrapper .p2 {
  font-size: 14px;
  color: #936622;
  text-align: center;
  line-height: 18px;
  margin-top: 17px;
}

.modal-wrapper .btn {
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border: 1px solid #F8B358;
  border-radius: 50px;
  margin-top: 14px;
  color: #936622;
  cursor: pointer;
}

.jc-alertbtn {
  position: fixed;
  margin: auto !important;
  top: 50%;
  transform: translate(0, -50%);

}

.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

/* 问答区 */

/* 页码插件 */
.jc-paging {
  text-align: center;
}

#pagination1 {
  display: inline-block;
}

.jc-paging ul li {
  border: 1px solid #F3F3F3;
  background: #fff;
}

/* 页码插件 */

/* *******lesson_text_right ***********/

.lesson_text_right {
  width: 512px;
  height: 129px;
}

.wrap-part-right .p1 {
  border-top: 1px solid#e4e7ed;
}

.wrap-part-right .p1 img {
  width: 100%;
}

.wrap-part1 .card-img {
  background: none;
}

.card {
  border: none;
}



.recommand_lesson {
  min-height: 200px;
}

.not_recommand_lesson {
  width: 100%;
  height: 200px;
  line-height: 200px;
  text-align: center;
}

/* wrap-part2 */
.wrap-part2 {
  height: 124px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 24px 0px rgba(38, 47, 125, 0.06);

}

.wrap-part2 .col-4 {
  padding-left: 24px !important;
  margin-left: -8px;
}

.container .wrap-part2 .row {
  margin-right: 0px;
}

.wrap-part2 .col-4 a {
  display: inline-block;
  overflow: hidden;
}

.wrap-part2 .col-4 img {
  width: 76px;
  height: 76px;
}

.appDownload_sort {
  width: 100%;
  overflow: hidden;
}

.wrap-part-right .wrap-part2 .col-8 {
  padding-left: 0px;
  padding-right: 0px;
}

.wrap-part2 .appDownload_sort img {
  width: 92px;
  height: 33px;
}


.wrap-part2 .appDownload-title a {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: #333444;
  letter-spacing: 1px;
}

/* wrap-part3 */

section .wrap-part3 .noBottom_line {
  border-bottom: none;
}

.wrap-part3 {
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 24px 0px rgba(38, 47, 125, 0.06);
}

.wrap-part3 .wrap_box {
  height: 100%;
  border-bottom: 1px solid #e4e7ed;
  overflow: hidden;
  padding: 16px 0 20px;
}

.border-bottom-none {
  border-bottom: none !important;
}

.wrap-part3 .tabList {
  border-bottom: 1px solid #e4e7ed;
}

.tabList span {
  min-width: 72px;
  height: 41px;
  line-height: 41px;
  display: inline-block;
  color: #999999;
  position: relative;
  margin-right: 30px;
  padding-bottom: 8px;
  cursor: pointer;
}

.tabList span:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0px;
  height: 2px;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  background: #1A87EB;
  transition: all .5s;
}

.tabList .active {
  color: #333333;
  font-size: 18px;
}

.tabList .active:before {
  width: 72px;
}

.wrap-part3 .tab-item-box {
  min-height: 300px;
  overflow: hidden;
  display: none;
}

.tab-content .on {
  display: block;
}

.more-course {
  text-align: center;
}

.more-course a {
  color: #1A87EB;
}

.wrap-part3 .part-content .wrap_img_left {
  position: relative;
  transition: transform .2s;
}

.line-clamp-2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.recommand_lesson .mask>img,
.wrap_img_left .mask>img {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -12.5px;
  transform: scale(1.3);
  transition: all .4s;
  opacity: 0;
}

.recommand_lesson .mask>img {
  width: 35px;
  height: 35px;
}

.recommand_lesson .mask,
.wrap_img_left .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
  opacity: 0;
  transition: all 0.4s;
}

.recommand_lesson .card-img {
  display: block;
  position: relative;
  height: auto;
}

.part-content:hover .mask,
.recommand_lesson .card:hover .mask {
  opacity: 1;
}


.recommand_lesson .card:hover .mask>img {
  opacity: 1;
  transform: none;
  transform: scale(1);
  margin-left: -17.5px;
  margin-top: -17.5px;
}

.part-content:hover .mask>img {
  opacity: 1;
  transform: none;
  transform: scale(1);
}

.part-content:hover .wrap_img_left>img,
.recommand_lesson .card:hover .wrap_img_part>img {
  transform: scale(1.05);
}

.wrap-part3 .part-content .wrap_img_left>img {
  width: 136px;
  height: 77px;
  display: block;
  transition: transform 0.4s;
  border-radius: 2px;
}

.recommand_lesson .wrap_img_part>img {
  transition: transform 0.4s;
}

.wrap-part3 .part-content .wrap_text_right {
  width: 158px;
  height: 77px;
  margin-left: 10px;
  position: relative;
}

.wrap_text_right .a1 {
  height: 36px;
  font-size: 14px;
  color: #333333;
  position: absolute;
  top: 0;
}

.wrap_text_right .a2 {
  font-size: 14px;
  color: #FF0000;
  position: absolute;
  bottom: 0;
}


.wrap-part4 {
  min-height: 500px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 24px 0px rgba(38, 47, 125, 0.06);
  padding-left: 24px;
  padding-right: 16px;
  padding-bottom: 30px;
}

.wrap-part4 .part4-img {
  overflow: hidden;
}

.wrap-part4 h5 {
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  color: #000000;
  font-weight: 400
}

.wrap-part4 .head_img {
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 50%;
}

.wrap-part4 .head_img img {
  width: 64px;
}

.wrap-part4 .figure {
  margin-left: 16px;
}

.wrap-part4 .figure_p1 a {
  display: block;
  height: 22px;
  font-size: 16px;
  color: #000000;
}

.wrap-part4 .figure_p2 a {
  display: block;
  height: 20px;
  font-size: 14px;
  color: #606266;
  margin-top: 3px;
}

.wrap-part4 .live_text {
  margin-top: 24px;
  line-height: 25px;
  font-size: 14px;
  color: #606266;
  text-indent: 2em;
  max-height: 500px;
}

/* 课程简介 */

.lesson_msg>h3 {
  height: 25px;
  font-size: 18px;
  font-weight: 700;
  color: #000000;
}

.lesson_msg .lesson_part>h5 {
  height: 20px;
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  margin-top: 24px;
  margin-bottom: 12px;
}

.lesson_msg p {
  font-size: 14px;
  color: #000000;
  margin: 15px 0px;
}

.lesson_msg .lesson_part .min_title {
  height: 20px;
  font-size: 14px;
  text-align: left;
  color: #000000;
}

.lesson_msg .lesson_part .lesson_txt {
  text-indent: 2em;
  margin-top: 40px;
  line-height: 22px;
  height: auto;
  font-size: 14px;
  color: #000000;
}

/* ********学员评论********** */
.score {
  height: auto;
  overflow: hidden;
}

.loadingPage {
  overflow: hidden;
  text-align: center;
}

.tag .jc-tag {
  border-radius: 15px;
  margin-right: 10px;
}

/* ***************资料下载 *******************/
.data_download .download_title {
  height: 44px;
  background: #f2f6fc;
  border-radius: 3px;
}

.data_download .download_title span {
  margin-top: 12px;
  margin-left: 12px;
  display: inline-block;
  height: 20px;
  font-size: 14px;
  color: #909399;
}

.data_download .download_title a {
  margin-top: 12px;
  margin-right: 19px;
  float: right;
  height: 20px;
  font-size: 14px;
  color: #1a8cfe;
}

.data_download .download_list {
  padding-left: 12px;
}

.data_download .download_list li {
  border-bottom: 1px solid#eeeeee;
  padding-top: 20px;
  padding-bottom: 12px;
  overflow: hidden;
}

.exercises .download_list li:nth-of-type(1) {
  padding-top: 12px;
  padding-bottom: 12px;
}

.data_download .download_list li span {
  display: inline-block;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #303133;
  margin-top: 8px;
}

.data_download .download_list li span:nth-of-type(1) {
  max-width: 450px;
}

.data_download .download_list li a {
  float: right;
}

.data_download .download_list li img {
  width: 34px;
  height: 28px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}


/* **************练习习题******************** */

.exercises .exercises_list {
  padding-left: 12px;
}

.exercises .exercises_list li:nth-of-type(1) {
  padding-top: 12px;
  padding-bottom: 12px;
}

.exercises .exercises_list li {
  overflow: hidden;
  border-bottom: 1px solid#eeeeee;
  position: relative;
  padding-top: 20px;
  padding-bottom: 12px;
}

.exercises .exercises_list li span {
  display: inline-block;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #303133;
  float: left;
  margin-top: 8px;
}

.exercises_list li span:nth-of-type(2) {
  position: absolute;
  left: 462px;
  top: 13px;
}

.exercises_list li span:nth-of-type(3) {
  position: absolute;
  left: 507px;
  top: 13px;
  margin-left: 45px;
}

.exercises .exercises_list li span:nth-of-type(1) {
  max-width: 300px;
}

.exercises .exercises_list li a {
  float: right;
}

.exercises .exercises_list li .look_result {
  position: absolute;
  left: 333px;
}

.exercises {
  position: relative;
}

/* .not_exercises_data {
  text-align: center;
  margin-top: 120px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
} */

/* ********************底部 *****************************************/

.course_footer {
  width: 100%;
  background: #303133;
  text-align: center;
  padding-top: 36px;
  padding-bottom: 32px;
  margin-top: 100px;
}

.course_footer a {
  font-size: 12px;
  transition: color 0.5s;
}

.course_footer .wrap_img {
  opacity: 1;
}
 

.course_footer a:hover {
  color: #fff;
  opacity: 1;
}

.course_footer .p1 {
  margin: 12px 0px;
}

/* 学员评论添加官方回复 */
.official_reply {
  background: #f7f8fb;
  padding: 12px;
  width: 100%;
}

.official_reply .time {
  font-size: 12px;
  color: #c0c4cc;
  margin-bottom: 4px;
}

.official_discuss_left span:nth-of-type(1) {
  width: 90px;
  height: 22px;
  line-height: 20px;
  background: #e6f7ff;
  border: 1px solid #91d5ff;
  display: inline-block;
  margin-right: 5px;
  font-size: 12px;
  color: #1890ff;
  text-align: center;
  border-radius: 5px;
}

.official_discuss_left span:nth-of-type(2) {
  font-size: 14px;
  color: #303133;
  font-weight: 500;
  margin-right: 10px;
}

.official_discuss_left span:nth-of-type(3) {
  font-size: 14px;
  font-weight: 500;
  color: #909399;
}

.official_discuss_right {
  width: 455px;
  font-size: 14px;
  font-weight: 500;
  color: #303133;
}

/* 资料下载 */
.down_lesson {
  position: relative;
}

.notDataBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

.notDataBox img {
  width: 200px;
  display: block;
  margin: 30px auto;
}

.notDataBox p {
  color: #8F90A6;
  text-align: center;
}

/* 资料下载 */
@media screen and (max-width: 1400px) {
  .tag-top {
    left: 387px;
  }

  .tag-top .radius {
    position: absolute;
    left: 96%;
    top: -6px;
    margin-left: -6px;
    width: 12px;
    height: 12px;
    border-left: 1px solid #EBEEF5;
    border-top: 1px solid #EBEEF5;
    transform: rotate(45deg);
    background: #FFFFFF;
  }
}

a.studyNow {
  cursor: pointer;
}

/*综合评分*/
.comprehensive-score {
  margin-top: 24px;
  padding: 12px 16px;
  background: #F0F5FF;
  font-size: 14px;
  cursor: default;
}

.comprehensive-score .score {
  margin-right: 4px;
  color: #FF8800;
}

.comprehensive-score .warning {
  margin-left: 4px;
  padding-left: 16px;
  color: #8F90A6;
  font-size: 12px;
  background: url('../img/warning.png')no-repeat left center;
}

/*进行评论模块*/
.course-comment-box {
  margin-bottom: 24px;
}

.not-study-course {
  margin-top: 24px;
  text-align: center;
  color: #000000;
  font-size: 14px;
}

.not-study-course .study {
  margin-left: 4px;
  color: #0063F7;
  font-weight: bold;
  cursor: pointer;
}

.is-study-course {
  margin-top: 24px;
}

.is-study-course .operate-scoring {
  margin-bottom: 12px;
  color: #000000;
  font-size: 0;
}

.is-study-course .operate-scoring .list {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

.is-study-course .operate-scoring .explain {
  margin-right: 12px;
}

.is-study-course .course-scoring .score {
  margin-right: 12px;
  font-size: 0;
}

.is-study-course .course-scoring .score span {
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
  width: 16px;
  height: 20px;
  background-image: url('../img/start-normal.svg');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.is-study-course .course-scoring .score .active {
  background-image: url('../img/start-active.svg');
}

.is-study-course .course-scoring .evaluate {
  margin-right: 12px;
  font-size: 14px;
}

.is-study-course .course-scoring .quick-evaluation span,
.is-study-course .course-difficulty .quick-difficulty span {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  padding: 2px 4px;
  background: #FFFFFF;
  color: #8F90A6;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #E4E4EB;
  cursor: pointer;
  transition: all .3s;
}

.is-study-course .course-scoring .quick-evaluation :last-child {
  margin-right: 0;
}

.is-study-course .course-scoring .quick-evaluation .active {
  background: #FFCC00;
  border-color: #FFCC00;
  color: #28293D;
}

.is-study-course .course-difficulty .quick-difficulty .active {
  background: #0063F7;
  border-color: #0063F7;
  color: #FFFFFF;
}

.user-comment-box {
  margin-top: 12px;
}

.comment-edit-box {
  position: relative;
  height: 69px;
}

.comment-edit-box .comment-input {
  width: 100%;
  height: 100%;
  border: 1px solid #E4E4EB;
  padding: 12px;
  border-radius: 6px 6px 0 0;
  color: #28293D;
  font-size: 14px;
  resize: none;
}

.comment-edit-box .comment-input::placeholder {
  color: #8F90A6;
}

.comment-edit-box .comment-input::-webkit-scrollbar {
  display: none;
}

.comment-edit-box .number-words {
  position: absolute;
  bottom: 12px;
  right: 12px;
  color: #8F90A6;
  font-size: 12px;
}

.comment-edit-box .number-words i {
  transition: color .3s;
}

.comment-edit-box .number-words .text-active {
  color: #0063F7;
}

.comment-operate {
  position: relative;
  height: 50px;
  line-height: 50px;
  border: 1px solid #E4E4EB;
  padding: 0 12px;
  border-radius: 0 0 6px 6px;
  border-top: none;
}

.comment-operate .expression-box {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url('../img/expression.png')no-repeat center center;
  border: 1px solid #E4E4EB;
  border-radius: 3px;
  cursor: pointer;
}

.comment-operate .btn-send-comment {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: #9DBFF9;
  border-radius: 3px;
  font-size: 14px;
  padding: 4px 12px;
  color: #FFFFFF;
  cursor: not-allowed;
  transition: all .3s;
}

.comment-operate .btn-active {
  background: #0063F7;
  cursor: pointer;
}

/*课程已评论信息*/
.course-commentator-list {
  position: relative;
  margin-bottom: 12px;
  padding-left: 52px;
  min-height: 40px;
}

.course-commentator-list:last-child {
  margin-bottom: 0;
}

.course-commentator-list .user-head {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}

.course-commentator-list .user-head img {
  display: block;
  width: 100%;
  height: 100%;
}

.course-commentator-list .user-detail {
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid #E4E4EB;
  font-size: 14px;
}

.course-commentator-list .user-detail .user-name {
  color: #555770;
  display: flex;
  align-items: center;
}

.course-commentator-list .user-detail .user-name .name {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

.course-commentator-list .user-detail .user-name .vip-box {
  position: relative;
  display: inline-block;
  margin-left: 4px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-image: url('../img/vip-sprites.png');
  background-repeat: no-repeat;
  background-position: -47px 0;
  cursor: pointer;
}

.ip-province {
  display: inline-block;
  color:#c0c4cc;
  font-size: 12px;
  margin-left: 15px;
}

.course-commentator-list .user-detail .user-name .vip-jz {
  background-position: -5px 0;
}

.course-commentator-list .user-detail .user-name .vip-bj {
  background-position: -26px 0;
}

.course-commentator-list .user-detail .user-name .vip-hj {
  background-position: -47px 0;
}

.course-commentator-list .user-detail .user-name .vip-dg {
  background-position: -68px 0;
}

.course-commentator-list .user-detail .user-name .vip-sl {
  background-position: -89px 0;
}

.course-commentator-list .user-detail .user-name .vip-xmz {
  background-position: -110px 0;
}

.course-commentator-list .user-detail .user-name .vip-oml {
  background-position: -131px 0;
}

.course-commentator-list .user-detail .user-name .vip-jqr {
  background-position: -152px 0;
}

.course-commentator-list .user-detail .user-name .vip-jqsj {
  background-position: -173px 0;
}

.course-commentator-list .user-detail .user-name .vip-defautl {
  width: 16px;
  height: 16px;
  background: url('../img/vip-default.png')center no-repeat;
  background-size: contain;
}

.course-commentator-list .user-detail .user-name .vip-box .vip-name {
  position: absolute;
  top: -4px;
  left: 20px;
  padding: 2px 4px;
  font-size: 12px;
  color: #28293D;
  background: #FFFFFF;
  border: 1px solid #E4E4EB;
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 3px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
}

.course-commentator-list .user-detail .user-name .vip-box:hover .vip-name {
  visibility: visible;
  opacity: 1;
}

.course-commentator-list .user-detail .quick-evaluation {
  margin: 8px 0;
  font-size: 0;
  cursor: default;
  min-height: 20px;
}

.course-commentator-list .user-detail .quick-evaluation .tag {
  margin-right: 8px;
  font-size: 14px;
  padding: 2px 4px;
  border-radius: 3px;
  background: #FFCC00;
}

.course-commentator-list .user-detail .quick-evaluation :last-child {
  margin-right: 0;
}

.course-commentator-list .user-detail .quick-evaluation .difficulty {
  background: #0063F7;
  color: #FFFFFF;
}

.course-commentator-list .user-detail .quick-evaluation .score-box {
  float: right;
  color: #28293D;
  font-size: 12px;
  font-weight: bold;
}

.course-commentator-list .user-detail .quick-evaluation .score-box .score {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  font-size: 12px;
  color: #28293D;
}

.course-commentator-list .user-detail .quick-evaluation .score-box .icon {
  display: inline-block;
  width: 94px;
  height: 16px;
  vertical-align: middle;
  background: url('../img/start-selected-show.png')no-repeat right center;
}

.course-commentator-list .user-detail .quick-evaluation .score-box .icon-1 {
  width: 16px;
}

.course-commentator-list .user-detail .quick-evaluation .score-box .icon-2 {
  width: 34px;
}

.course-commentator-list .user-detail .quick-evaluation .score-box .icon-3 {
  width: 52px;
}

.course-commentator-list .user-detail .quick-evaluation .score-box .icon-4 {
  width: 72px;
}

.course-commentator-list .user-detail .quick-evaluation .score-box .icon-5 {
  width: 94px;
}

.course-commentator-list .user-detail .comment-content {
  color: #28293D;
  font-size: 14px;
  line-height: 150%;
  word-wrap: break-word;
}

.course-commentator-list .user-detail .other {
  margin-top: 10px;
  font-size: 14px;
}

.course-commentator-list .user-detail .other .release-time {
  font-size: 12px;
  color: #555770;
}

.course-commentator-list .user-detail .other .operate-box {
  float: right;
}

.course-commentator-list .user-detail .other .operate-box .operate {
  display: inline-block;
  vertical-align: middle;
}

.btn-operate {
  position: relative;
  width: 16px;
  height: 16px;
  background: url('../img/more-operate.png')no-repeat center center;
  /* cursor: pointer; */
}

.btn-operate .operate-list {
  position: absolute;
  bottom: -35px;
  left: 0;
  padding: 4px 8px;
  filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));
  border: 1px solid #E4E4EB;
  color: #28293D;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 3px;
  background-color: white;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
  z-index: 50;
}

.btn-operate .active {
  visibility: visible;
  opacity: 1;
}

.btn-reply {
  margin-right: 4px;
  margin-left: 12px;
  color: #555770;
  font-size: 14px;
  cursor: pointer;
  transition: color .3s;
}

.kefu-reply {
  width: 28px;
  height: 19px;
}

.btn-reply-active {
  color: #0063F7;
}

.btn-reply:hover {
  color: #0063F7;
}

/*用户回复动态框*/
.user-comment-reply {
  position: relative;
  padding-top: 12px;
  padding-left: 52px;
  min-height: 69px;
}

.user-comment-reply .login-head {
  position: absolute;
  top: 12px;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}

.reply-edit-box {
  position: relative;
  width: 556px;
  height: 69px;
}

.reply-edit-box .comment-input {
  width: 100%;
  height: 100%;
  resize: none;
  border: 1px solid #C7C9D9;
  border-radius: 6px;
  padding: 12px;
  color: #28293D;
}

.reply-edit-box .comment-input::placeholder {
  color: #8F90A6;
}

.reply-edit-box .comment-input::-webkit-scrollbar {
  display: none;
}

.reply-edit-box .number-words {
  position: absolute;
  bottom: 12px;
  right: 12px;
  color: #8F90A6;
  font-size: 12px;
}

.reply-edit-box .number-words i {
  transition: color .3s;
}

.reply-edit-box .number-words .text-active {
  color: #0063F7;
}

.user-comment-reply .btn-send-comment {
  position: absolute;
  top: 12px;
  right: 0;
  width: 68px;
  height: 68px;
  background: #0063F7;
  border-radius: 6px;
  padding: 16px 20px;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
}

/*二级评论*/
.reply-box {
  margin-top: 10px;
  background: #FAFAFC;
  border-radius: 3px;
  padding: 8px 12px;
}

.reply-box .reply-list {
  position: relative;
  margin-bottom: 8px;
  padding-left: 36px;
  min-height: 28px;
}

.reply-box .hideMore {
  display: none;
}

.reply-box .reply-list:last-child {
  margin-bottom: 0;
}

.reply-box .reply-list:last-child .reply-detail {
  border-bottom: none;
}

.reply-box .reply-more {
  margin: 12px 0 8px 0;
  text-align: center;
  color: #28293D;
  font-size: 14px;
  line-height: 150%;
}

.reply-box .reply-more span {
  cursor: pointer;
  font-size: 14px;
}

.reply-box .reply-list .reply-head {
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
}

.reply-box .reply-list .reply-head img {
  display: block;
  width: 100%;
  height: 100%;
}

.reply-box .reply-list .reply-detail {
  padding-bottom: 5px;
  border-bottom: 1px solid #EBEBF0;
}

.reply-box .reply-list .reply-detail .reply-content {
  color: #28293D;
  font-size: 14px;
  line-height: 150%;
}

.reply-box .reply-list .reply-detail .reply-content .name {
  color: #0063F7;
}

.by-reply {
  margin-right: 10px;
}

.reply-box .reply-list .reply-detail .reply-content .reply-mg {
  margin: 0 4px;
}

.reply-box .reply-list .reply-detail .reply-content .official {
  padding-left: 47px;
  background: url('../img/kf-tag-normal.png')no-repeat left center;
}

.reply-box .reply-list .reply-detail .reply-other {
  margin-top: 5px;
  font-size: 12px;
  color: #555770; 
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.reply-other .ip-province{
  color: #555770;
}
.reply-box .reply-list .reply-detail .reply-other .list {
  display: inline-block;
  vertical-align: middle;
}

.reply-box .reply-list .reply-detail .reply-other .release-time {
  /* margin-right: 10px; */
  font-size: 12px;
  color: #555770;
}

/*弹窗*/
.dialog {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 180;
  transition: visibility .3s;
}

.dialog .mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0;
  z-index: 190;
  transition: visibility .3s;
}

.dialog .box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 200;
}

.dialog .dialog-wrapper {
  width: 374px;
  height: auto;
  text-align: center;
  background: #FFFFFF;
  box-shadow: 0px 24px 36px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 24px;
  transform: scale(0);
  transition: all .3s;
  z-index: 220;
}

.dialog .dialog-title {
  position: relative;
  color: #1D2129;
  font-size: 16px;
  text-align: center;
}

.dialog .dialog-title-icon span {
  position: relative;
  margin-left: 28px;
}

.dialog .dialog-title-icon span::before {
  position: absolute;
  left: -28px;
  top: 50%;
  margin-top: -10px;
  content: "";
  width: 20px;
  height: 20px;
  background: url('../img/dialog-title-close.png')no-repeat center center;
}

.dialog .dialog-title-border {
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #E5E6E8;
}

.dialog .tip-box {
  margin: 24px 0;
  font-size: 14px;
  line-height: 22px;
  color: #1D2129;
}

.dialog .dialog-close {
  position: absolute;
  top: 14px;
  right: 16px;
  cursor: pointer;
}

/*评论提交成功*/
.dialog-comment-success .dialog-wrapper {
  text-align: center;
}

.btn-dialog-gray {
  padding: 7px 20px;
  background: #F2F3F5;
  border-radius: 2px;
  color: #1D2129;
  font-size: 14px;
}

.btn-dialog-blue {
  padding: 7px 20px;
  background: #165DFF;
  border-radius: 2px;
  color: #FFFFFF;
  font-size: 14px;
}

/*删除评论*/
.dialog-comment-delete .btn-dialog-close {
  margin-right: 12px;
}

/*举报*/
.dialog-comment-report .dialog-wrapper {
  width: 520px;
}

.dialog-comment-report .dialog-wrapper {
  padding: 0 0 16px 0;
}

.dialog-comment-report button.btn-dialog-close {
  margin-right: 12px;
}

.report-box {
  margin-bottom: 16px;
  padding: 24px 0;
  border-bottom: 1px solid #E5E6E8;
  text-align: left;
}

.report-box .report-list {
  margin-bottom: 21px;
  padding-left: 20px;
}

.report-box .report-list:last-child {
  margin-bottom: 0;
}

.report-box .report-list .report-type {
  color: #8F90A6;
  font-size: 14px;
}

.report-radius-box {
  margin-top: 9px;
  color: #1D2129;
  font-size: 14px;
}

.report-radius-box span {
  position: relative;
  margin-right: 20px;
  padding-left: 24px;
  cursor: pointer;
}

.report-radius-box span:last-child {
  margin-right: 0;
}

.report-radius-box span::before {
  position: absolute;
  content: "";
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border: 2px solid #E5E6EB;
  border-radius: 50%;
}

.report-radius-box .active::before {
  background: #165DFF;
  border-color: #165DFF;
}

.report-radius-box .active::after {
  position: absolute;
  content: "";
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background: #FFFFFF;
  border-radius: 50%;
}

/*弹窗显示*/
.dialog-show {
  visibility: visible;
}

.dialog-show .mask {
  opacity: 0.6;
}

.dialog-show .dialog-wrapper {
  transform: scale(1);
}

/*吐司*/
.toastBox {
  display: none;
  position: fixed;
  top: 50%;
  left: 0;
  text-align: center;
  width: 100%;
  transform: translateY(-50%);
  z-index: 999;
}

.toastBox .box {
  display: inline-block;
  padding: 8px 24px;
  color: white;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  letter-spacing: 1px;
  cursor: default;
}

/* 下面都是新改的 */
input,
select,
textarea {
  outline: none;
  font-family: inherit;
}

li {
  list-style: none;
}

i {
  font-style: normal;
}

button {
  border: none;
  outline: none;
  cursor: pointer;
}

.zoom-mask-layer {
  z-index: 2061;
}