.dis-cont{
  display: flex;
  justify-content: space-between;
}
.dis-left{
  width: 860px;
  height: fit-content;
  margin-bottom: 40px;
}

.dis-right{
  width: 330px;
  height: fit-content;
  margin-bottom: 40px;
}
.left-nav{
  display: flex;
  align-items: center;
  background-color: #fafafa;
  height: 60px;
}
.left-nav li{
  color: #333;
}
.left-nav li a{
  display: block;
  width: 80px;
  text-align: center;
  border-right: 1px solid #cfcfcf;
}
.left-nav li a:hover{
  color: #FF651B;
}
.left-nav li:last-child a{
  border-right: none;
}

.d-click{
  color: #FF651B !important;
}
.article-item{
  height: fit-content;
  background-color: #f6f6f6;
  margin-top: 10px;
  padding: 20px;
}

.article-item h2 a{
  font-size: 17px;
  color: #666;
  margin-bottom: 15px;
  font-weight: bold;
  line-height: 40px;
}
.article-item h2 a:hover{
	color: #333;
}
.img-art,.vedio-art{
  display: flex;
  justify-content: space-between;
  
}
.img-art img,.vedio-art img{
  width: 190px;
  height: 105px;
  margin-right: 20px;
}

.img-art p,.vedio-art p{
  height: 97px;
  text-indent: 2em;
  color: #999;
  font-size: 15px;
  line-height: 24px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.txt-art p{
  height: 50px;
  text-indent: 2em;
  color: #999;
  font-size: 15px;
  line-height: 24px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.art a{
  font-size: 15px;
  color: #FF651B;
  display: block;
  text-align: right;
  margin-top: 3px;
}
.art img{
  width: 11px;
  height: 7px;
  margin: 0 5px;
}
.action{
  display: flex;
  margin-top: 10px;
}

.action li{
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.action a{
  font-size: 14px;
  color: #FF651B;
  display: flex;
}

.action a img{
  margin-right: 5px;
  width: 18px;
}

.vedio-art .img{
  position: relative;
}
.img .play{
  position: absolute;
  width: 42px;
  height: 42px;
  left: 50%;
  margin-left: -28px;
  top: 50%;
  margin-top: -28px;
  cursor: pointer;
}
.draft{
  background-color: #fff;
  padding: 20px;
}
.draft ul{
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #eee;
}

.draft li{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.draft li span{
  width: 37px;
  height: 37px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.draft .s1{
  background-color: #acf7da;
}
.draft .s2{
  background-color: #fbe6c7;
}
.draft .s3{
  background-color: #fd95bd;
}
.draft .s4{
  background-color: #f9d5a1;
}

.draft li a{
  text-align: center;
  display: block;
  width: 56px;
  font-size: 14px;
  line-height: 50px;
  color: #666;
  text-align: center;
}
.draft li a:hover{
  color: #FF651B;
}

.draft div{
  text-align: center;
  margin-top: 18px;
}
.draft div a{
  color: #999;
  font-size: 14px;
}

.crate{
  background-color: #f6f6f6;
  margin-top: 10px;
  padding: 20px;
}
.c-level{
  display: flex;
  align-items: center;
}
.c-level img{
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.c-level .c1{
  color: #333;
  margin: 0 10px;
  font-size: 15px;
}

.c-level .lev{
  color: #FF651B;
  font-size: 15px;
}

.crate ul{
  display: flex;
  margin-top: 15px;
}

.crate ul li{
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #ddd;
}

.crate li:last-child{
  border-right: none;
}
.crate li a{
	color: #999;
	font-size: 14px;
}

.crate li a:hover{
	color: #EF4034;
}
.crate li .ge{
  color: #666;
  margin-bottom: 15px;
  background-color:#f9d5a1;
  padding: 10px;
  border-radius: 50%;
}

.crate li .ar{
  color: #666;
  margin-bottom: 15px;
  background-color: #fd95bd;
  padding: 10px;
  border-radius: 50%;
}

.c-more{
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.c-more a{
  color: #666;
  font-size: 14px;
}
.c-more a:hover{
  color: #FF651B;
}

.c-more .home{
  padding-left: 5px;
  border-left: 2px solid #FF651B;
}

.imgli{
  margin-top: 20px;
}
.imgli img{
  width: 330px;
}