/* 养老大赛公开课样式表文件 */
.refi-open-class .left_wrapper {
    width: 800px;
    padding: 0 0 40px 0;
}
.refi-open-class .left_wrapper .path-box {
    padding: 25px 0;
    font-size: 14px;
    color: #999;
}
.refi-open-class .left_wrapper .path-box a {
    color: #999;
}
.refi-open-class .left_wrapper .title {
    font-size: 24px;
    font-weight: bold;
    color: #242424;
    padding: 10px 0 30px 0;
}
.refi-open-class .left_wrapper .title  img {
    margin: -3px 0 0 0;
}
.refi-open-class .left_wrapper .list-box ul {
    margin: 0 0 0 10px;
    border-left: solid 1px #fcebeb;
    padding: 0 0 0 30px;
}
.refi-open-class .left_wrapper .list-box li {
    margin: 0 0 40px 0;
}
.refi-open-class .left_wrapper .list-box li:last-child {
    margin: 0;
}
.refi-open-class .left_wrapper .list-box li .circle-icon {
    left: -38px;
    top: 0;
}
.refi-open-class .left_wrapper .list-box li h3 {
    font-size: 18px;
    color: #191f2c;
}
.refi-open-class .left_wrapper .list-box li .date-info {
    font-size: 14px;
    color: #bdbfc3;
    padding: 10px 0 15px 0;
}
.refi-open-class .left_wrapper .list-box li .info {
    display: block;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    box-shadow: 0 0 10px #e4e4e4;
    -webkit-box-shadow: 0 0 10px #e4e4e4;
    -moz-box-shadow: 0 0 10px #e4e4e4;
    padding: 20px;
    overflow: hidden;
    min-height: 160px;
}
.refi-open-class .left_wrapper .list-box li .info:hover {
    box-shadow: 0 0 10px #ffdede;
    -webkit-box-shadow: 0 0 10px #ffdede;
    -moz-box-shadow: 0 0 10px #ffdede;
}
.refi-open-class .left_wrapper .list-box li .info .pic {
    width: 282px;
    height: 158px;
}
.refi-open-class .left_wrapper .list-box li .info .right-box {
    padding: 0 0 0 30px;
    width: 390px;
}
.refi-open-class .left_wrapper .list-box li .info h4 {
    font-size: 16px;
    color: #191f2c;
    line-height: 30px;
    padding: 0 0 36px 0;
}
.refi-open-class .left_wrapper .list-box li .info:hover h4 {
    color: #da4b4b;
}
.refi-open-class .left_wrapper .list-box li .info p {
    font-size: 14px;
    color: #191f2c;
    padding: 0 0 13px 0;
}
.refi-open-class .left_wrapper .list-box li .info .les-plan {
    font-size: 14px;
    color: #999999;
}
.refi-open-class .left_wrapper .view-more {
    line-height: 46px;
    margin: 30px 0;
    font-size: 14px;
    color: #999;
    background: #f2f2f2;
    cursor: pointer;
}
.refi-open-class .left_wrapper .view-more:hover {
    background: #ebebeb;
}

.refi-open-class .right_wrapper {
    width: 348px;
    top: 80px;
    right: calc(50% - 600px);
    padding: 0 15px;
    background: linear-gradient(to bottom, #f8f8f8, #fcfcfc);
    background: -moz-linear-gradient(to bottom, #f8f8f8, #fcfcfc);
    background: -o-linear-gradient(to bottom, #f8f8f8, #fcfcfc);
    background: -webkit-linear-gradient(top, #f8f8f8, #fcfcfc);
}
.refi-open-class .right_wrapper .title {
    font-size: 24px;
    color: #242424;
    font-weight: bold;
    padding: 30px 0;
}
.refi-open-class .right_wrapper li {
    padding: 18px 5px;
    border-bottom: solid 1px #efeff3;
}
.refi-open-class .right_wrapper li a.title {
    display: block;
    font-size: 14px;
    color: #242424;
    padding: 0 0 0 12px;
    margin: 0 0 12px 0;
    line-height: 24px;
    background: url("../images/2025/refi_match/icon-03.png") no-repeat left 10px;
}
.refi-open-class .right_wrapper li .date-info {
    line-height: 22px;
    font-size: 14px;
    color: #bbbbbb;
    margin: 0 0 0 12px;
}
.refi-open-class .right_wrapper li span.mark {
    line-height: 22px;
    padding: 0 10px;
    background: #fff0ee;
    font-size: 14px;
    color: #f68a8a;
}
.refi-open-class .right_wrapper li a.title:hover {
    color: #da4b4b;
}
.refi-open-class .right_wrapper .view-more {
    font-size: 14px;
    color: #da4b4b;
    margin: 20px 0;
    display: inline-block;
}
.refi-open-class .right_wrapper ul {
    padding: 0 10px 0 0;
}
.refi-open-class .right_wrapper .list-box .zUIpanelScrollBox,.zUIpanelScrollBar{
	width:5px;
	top:4px;
	right:2px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
.refi-open-class .right_wrapper .list-box .zUIpanelScrollBox{
	background: #dbdbdb;
}
.refi-open-class .right_wrapper .list-box .zUIpanelScrollBar{
	background:#bdbdbd;
}