#ymzxBox,#ymgjBox {
    position: relative;
    width: 100%; 
    height:265px;
    padding:0;
    overflow: hidden; 
}

#ymzxBox .courseCxBox,#ymgjBox .courseCxBox{
	margin-top:10px;
	margin-right:0px;
}
#ymzxBox .roll__list,#ymgjBox .roll__list{
	position: absolute;
 	left: 0px; 
 	top: 0px;
 	padding-left:0;
 	width:150%;
}
#ymzxBox .roll__list::before,
#ymzxBox .roll__list::after ,
#ymgjBox .roll__list::before,
#ymgjBox .roll__list::after {
    content: "";
    display: table;
    line-height: 0;
}

#ymzxBox .roll__list::after ,
#ymgjBox .roll__list::after {
    clear: both;
}
/* ģ��ľ���css */
#ymzxBox .roll__list li ,
#ymgjBox .roll__list li {
    float: left;
    display: block;
    margin-left: 18px;
    width: 280px;
    height: 260px;
    line-height: 100px;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    color: #fff; 
} 
#ymzxBox .pre,
#ymgjBox .pre {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid rgba(0, 0, 0, 0.5);
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out;
    
    position: absolute;
    top: 50%;
    left: 18px;
    background-image: url('images/lf.png');
    background-position: -83px 0;
    cursor: pointer;
    transform: translateY(-50%);
}
#ymzxBox .next,
#ymgjBox .next {
     width: 0;
      height: 0;
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent;
      border-left: 20px solid rgba(0, 0, 0, 0.5);
      opacity: 0.5;
      transition: opacity 0.3s ease-in-out;
      
      position: absolute;
  top: 50%;
  right: 16px;
  background-image: url(images/lf.png);
  background-position: -123px 0; 
  cursor: pointer;
  transform: translateY(-50%);
} 

#ymzxBox .next:hover,#ymzxBox .pre:hover,
#ymgjBox .next:hover,#ymgjBox .pre:hover {
    opacity: 1;
}