.header-nav .category-title:hover ~ .category-wrap{
	display: block !important;
}

.position{
	margin: 21px 0 16px 0;
	font-size: 14px;
	color: #666;
}



.main{
	margin-top: 20px;
	margin-bottom: 20px;
}
.main .left{
	width: 910px;
	background: #FFF;
	padding: 30px;
	border-radius: 3px;
}
.main .left h1{
    font-size: 26px;
    color: #242B3A;
    text-align: center;
    margin:10px 0 30px;
}
.main .left .article-info{
    color: #999;
    font-size: 14px;
}
.main .left .content{
  font-size: 16px;
  font-weight: 400;
  color: #242B3A;
  line-height: 30px;
  margin-top: 20px;
  overflow: hidden;
}
.main .left .content p{
    font-size: 16px;
    line-height: 36px;
    word-wrap: normal;
}
.main .left .content p span{
    text-wrap: wrap !important;
}

.main .left .content p img{
    display: block;
    max-width: 100%;
    margin: 5px auto !important;
}

.site-intro{
	margin: 20px auto;
	font-size: 14px;
	color: #242B3A;
	line-height: 20px;
}


.main .right{
	width: 274px;
}

/*帮我选课*/
.sign-box{
  width: 274px;
  /*height: 375px;*/
  background-color: #FFF;
}
.sign-box .title{
    color: rgba(18, 102, 244, 1);
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
}
.sign-box form{
  padding:0 20px;
}

.sign-box form input{
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 40px;
  border: 1px solid rgba(229, 229, 229, 1);
  width: 234px;
  margin: 10px 0;
  padding: 0 10px;
}

.sign-box form .sub-btn{
  background-color: rgba(18, 102, 244, 1);
  border-radius: 6px;
  height: 48px;
  width: 234px;
  color: #FFF;
  cursor: pointer;
}

.sign-box .tips{
  width: 196px;
    /*height: 20px;*/
    color: rgba(107, 113, 124, 1);
    font-size: 14px;
    text-align: center;

    line-height: 20px;
    /*margin: 12px 0 30px 39px;;*/
    margin: 10px auto;
    
}

/*推荐课程*/
.right-re-box{
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 274px;
    margin-top: 20px;
    padding: 20px;
}
.right-re-box h3,.right-box .album-box h3{
    height: 33px;
    color: rgba(36, 43, 58, 1);
    font-size: 24px;
    font-weight: 600;
    text-align: left;
    line-height: 33px;
    position: relative;
    padding-left: 16px;
}
.right-re-box h3::before,.right-box .album-box h3::before{
  content: '';
  width: 4px;
  height: 22px;
  border-radius: 8px;
  position: absolute;
  top: 6px;
  left: 0;
  background-color: var(--theme-color);
}

.right-re-box .list-box{
  margin-top: 20px;
}

.right-re-box .list-box li{
    margin-bottom: 20px;
}
.right-re-box .list-box .title{
    height: 20px;
    color: rgba(36, 43, 58, 1);
    font-size: 14px;
    line-height: 20px;
    position: relative;
    padding-left: 25px;
}

.right-re-box .list-box .title em{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 18px;
    height: 18px;
    background: #E5E5E5;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    border-radius: 3px;
}
.right-re-box .list-box .title em.active{
    background-color: #fd9101;
    color: #FFF;
}
.right-re-box .list-box li:hover .title{
  color: #fd9101;
}
.right-re-box .list-box li .cover-box{
  width: 234px;
  height: 156px;
  margin-top: 12px;
  border-radius: 3px;
  overflow: hidden;
  display: none;
  border: 1px solid #f1f1f1;
}
.right-re-box .list-box li .cover-box img{
  width: 100%;
  border-radius: 3px;
}
.right-re-box .list-box li .show{
  display: block;
}