/*
 * 桑格云课堂 首页
 */
 input{
    color: rgba(46, 47, 51, .8)
}
input:focus,textarea:focus {
    color: #2E2F33;
}
.ykt-content {padding-top: 4.5rem;position: relative;background: #F5F7FA;}
/*banner*/
#banner {width: 100%;height: 3rem;position: absolute;top: 0;left: 0;z-index: 99;background:url('https://sanger-sc-prod.oss-cn-shanghai.aliyuncs.com/static/img/edu/banner.jpg') no-repeat;background-size:cover;margin-top: 72px;}
/*banner  正在学习*/
.banner-study {color: #fff;height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
  animation: fadeIn 3s forwards;  -webkit-animation: fadeIn 3s forwards;
}
.banner-study .p1 {display: flex;align-items: center;}
.banner-study .p1 .title {font-size: 0.54rem;font-weight: 700;margin-bottom: 0.05rem;color: #fff;}
.banner-study .p1 .study-btn {margin-left: 0.81rem;font-size: 0.16rem;background: #fff;border-radius: 15px;padding: 0 0.1rem;height: 0.29rem;line-height: 0.28rem;}
.banner-study .p1 .study-btn a {color: #09B07F;}
.banner-study .p2 {font-size: 0.16rem;letter-spacing: 1px;}
.banner-study .p2 span:last-child {margin-left: 0.1rem;}
.banner-study .search {width: 50%;position: relative;margin-top: 25px;}
.banner-study .search input {width: 100%;background: #fff;border-radius: .5rem;height: 0.44rem;padding-left: 0.13rem;border: 0;padding-right: 0.6rem;}
.banner-study .search button{position: absolute;top: 0;right: -2px;border: none;width: 0.6rem;height: 0.44rem;line-height: 0.44rem;text-align: center;background: #09B07F;border-radius: .22rem;color: #fff;cursor: pointer;}

/*锚点子导航*/
.detail-top-nav-box {position: fixed;top: 5rem;left: 4%;z-index: 100;background: #FFFFFF;
    box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.16);
    border-radius: 10px 10px 10px 10px;
    padding: .2rem 0;
    width: 1.1rem;box-sizing: border-box;}
.detail-top-nav {font-size: 16px;justify-content: center;}
.detail-top-nav li {cursor:pointer;background: #fff;color: rgba(46, 47, 51,.8);width: 100%;font-size: .14rem;display: flex;flex-direction: column;align-items: center;margin-top: .14rem;}
.detail-top-nav li:first-child {margin-top: 0;}
.detail-top-nav li.current{color: #09B07F;}
.detail-top-nav li.current .icon-wrapper {background: #09B07F;color: #fff;}
.detail-top-nav li:not(.current):hover .icon-wrapper,.detail-top-nav li:hover{color: #09B07F;}
.detail-top-nav li .my-icon {width: 24px;height: 24px;}
.detail-top-nav li .icon-wrapper {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EAEDF3;
    border-radius: 5px;
    margin-bottom: 6px;
}
/* 导航 */
.ykt-menu .ykt-menu-list {
    display: flex;
    color: #595858;
}
.ykt-menu .ykt-menu-list .ykt-menu-item {
    width: 22%;
    border-right: 1px solid rgba(112, 112, 112, .16);
    padding: 0 .2rem;
    margin: .35rem 0;
}
.ykt-menu .ykt-menu-list .ykt-menu-item:last-child {
    border: 0;
    flex: 1;
}
.ykt-menu .ykt-menu-list .ykt-menu-item .icon-wrapper {
    color: #09B07F;
    margin-right: 5px;
}
.ykt-menu .ykt-menu-list .ykt-menu-item .icon-wrapper .my-icon {
    width: 24px;
    height: 24px;
}
.ykt-menu .ykt-menu-list .ykt-menu-item .ykt-menu-item-title {
    font-size: .16rem;
    display: flex;
    justify-content: space-between;
}
.ykt-menu .ykt-menu-list .ykt-menu-item .ykt-menu-item-bottom {display: flex;margin-top: .15rem;flex-wrap: wrap;}
.ykt-menu .ykt-menu-list .ykt-menu-item .ykt-menu-item-bottom > a {width: 33%;display: inline-block;margin-top: .1rem;color: rgba(89, 88, 88, .8);}
.ykt-menu .ykt-menu-list .ykt-menu-item .ykt-menu-item-bottom > a:hover {color: #09B07F;cursor: pointer;}
.ykt-menu .ykt-menu-list .ykt-menu-item .ykt-menu-item-title .ykt-menu-item-button {display: inline-block;background: rgba(108, 117, 125, .16);border-radius: .2rem;padding: 2px 14px;cursor: pointer;}
.ykt-menu .ykt-menu-list .ykt-menu-item .ykt-menu-item-title .ykt-menu-item-button a {color: #fff;}
.ykt-menu .ykt-menu-list .ykt-menu-item .ykt-menu-item-title .ykt-menu-item-button:hover {background: #fff;}
.ykt-menu .ykt-menu-list .ykt-menu-item .ykt-menu-item-title .ykt-menu-item-button:hover a {color:#09B07F;}
/*专题精选*/
.selected-card-list {display:block;width:23.6%;height:2.83rem;background: #fff;border-radius:14px;overflow:hidden;position: relative;transition:all .2s ease;margin-bottom: 0.25rem;margin-right: 0.2rem;box-sizing: border-box;}
.selected-card-list:nth-child(4n) {margin-right: 0;}
.selected-card-list .img {height:1.8rem;overflow:hidden;margin-bottom: 15px;position: relative;}
.selected-card-list .img .bg {width:100%;height:100%;border-radius: 8px;}
.selected-card-list h3 {font-size:0.16rem;padding:0 0.16rem;margin-bottom: 0.03rem;color:#2E2F33;line-height:1.5;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.selected-card-list .dec {color:#999;height:0.24rem;line-height:0.24rem;padding:0 0.15rem;overflow:hidden;margin-bottom: 0.08rem;color:#999;text-overflow: ellipsis;white-space: nowrap;}
.selected-card-list .bot {padding:0 0.16rem;color:#999;position: absolute;bottom:0.2rem;left:0;width:100%;}
.selected-card-list .bot li:first-child {color:#FF0000;}
.selected-card-list:hover {box-shadow:rgba(146, 157, 154, 0.24) 0px 4px 14px 0px;color: inherit;transform: translateY(-10px);}
.selected-card-list .tag {position: absolute;display:inline-block;font-size:0.14rem;background:#FF5D00;color:#fff;top:0.1rem;right:0.1rem;padding:0 0.08rem;height:0.2rem;line-height:0.19rem;z-index:2;border-radius: 5px;}
.selected-card-list .duration {position: absolute;display: inline-block;background: rgba(0,0,0,.5);color:#fff;right:0;bottom:0;padding:2px 5px;z-index:2;}
.selected-ke,.card-list-wrap {position: relative;}
.card-list-wrap {margin-bottom: 0.4rem;}
.xkt,.sxpxb,.zxgj{position: relative;}
.zxgj .selected-card-list {padding: .1rem;border: 1px solid #DEE1E8;}
.xkt,.sxpxb {background: #fff;}
.more {position: absolute;top: .3rem;right: 13.5%;z-index: 9;display: inline-block;padding: 0 0.1rem;height: 0.29rem;line-height: 0.28rem;border-radius: 15px;color: #6C757D;font-size: 0.14rem;}
.more:hover, .more:hover a, .more:hover .layui-icon{color: #09B07F;cursor: pointer;}
.more img{margin-left: 0.05rem;width: 0.06rem;height: 0.11rem;}
/*限时课程*/
.xskc {background: #fff;padding:0.5rem 0;margin-bottom: 0.5rem;}
.xskc-time-line {position: relative;margin-bottom: 0.4rem;}
.xskc-time-line:after {content:"";position: absolute;width:100%;height: 0.04rem;background: #c4e4ff;left:0;bottom:0.17rem;}
.xskc-time-line .item {width:33%;text-align:center;font-size:16px;}
.xskc-time-line .item p {height: 0.45rem;}
.xskc-time-line .item em {display: inline-block;width:0.32rem;height: 0.32rem;background: #d2d2d4;border-radius: 50%;position: relative;z-index: 2;}
.xskc-time-line .item em:before {content:"";position: absolute;top:0.09rem;left:0.13rem;
    width: 0;
    height: 0;
    border-left: 9px solid white;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.xskc-time-line .item.current em {background: #09B07F;}
.xskc-card {display:block;width:3.85rem;height:3.68rem;background:#fff;border-radius:5px;overflow:hidden;position: relative;border:1px solid #e8e8e8;transition:all 0.2s ease-in-out 0s;}
.xskc-card:not(:nth-child(3n)) {margin-right: 0.25rem;}
.xskc-card .img {height:2.15rem;overflow:hidden;margin-bottom: 0.1rem;position: relative;}
.xskc-card .img .bg {width:100%;height:100%;}
.xskc-card h3 {font-size:0.18rem;font-weight:normal;padding:0 0.15rem;margin-bottom: 0.05rem;color:#515151;line-height:1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.xskc-card .dec {color:#999;height:0.24rem;line-height:0.24rem;padding:0 0.15rem;overflow:hidden;margin-bottom: 0.08rem;color:#999;text-overflow: ellipsis;white-space: nowrap;}
.xskc-card .bot {padding:0 0.16rem;color:#999;position: absolute;bottom:0.2rem;left:0;width:100%;}
.xskc-card:hover {box-shadow:rgba(146, 157, 154, 0.24) 0px 4px 14px 0px;color: inherit;transform: translateY(-10px);}
.xskc-card .tag {position: absolute;display:inline-block;font-size:14px;background: rgba(0,0,0,.5);color:#fff;top:0.1rem;right:0.1rem;padding:0.05rem 0.1rem;z-index:2;border-radius: 3px;}
.xskc-card .tag img {width:0.12rem;vertical-align: middle;margin-left: 0.03rem;}
.xskc-card .layui-btn {padding:0 0.15rem;}

/*文章*/
.article-wrap {background: #fff;padding:0.5rem 0;}
.doc-list-item {padding:0.2rem 0.1rem;border-bottom:1px dashed #e8e8e8;width:48%;}
.doc-list-item:nth-child(2n + 1) {margin-right:0.45rem;}
.doc-list-item .img {width:1.5rem;margin-right: 0.28rem;position: relative;border:1px solid #e8e8e8;border-radius: 4px;height: 1.8rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items:center;
    align-items:center;
}
.doc-list-item .img .pic {max-width:100%;}
.doc-list-item .con {min-width: 0;}
.doc-list-item .con h3 {font-size:0.2rem;font-weight: 500;margin-bottom: 0.1rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.doc-list-item .con .desc {line-height: 1.75;margin-bottom: 0.1rem;color:#999;height: 110px;overflow:hidden;}
.doc-list-item .con .time {color:#999;font-size: 0.13rem;}

/*课程卡片*/
.index-card-list {display:block;width:23.6%;height:2.83rem;background:#fff;border-radius:0.14rem;overflow:hidden;margin-bottom: 0.25rem;position: relative;transition:all 0.2s ease-in-out 0s;box-shadow: 0px 3px 6px 1px rgba(153,154,170,0.16);margin-right: 0.2rem;}
.index-card-list:nth-child(4n) {margin-right: 0;}
.index-card-list .img {height:1.8rem;overflow:hidden;margin-bottom: 0.15rem;position: relative;}
.index-card-list .img .bg {width:100%;height:100%;}
.index-card-list h3 {font-size:0.16rem;padding:0 0.16rem;margin-bottom: 0.03rem;color:#2E2F33;line-height:1.5;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.index-card-list .dec {color:#999;height:0.24rem;line-height:0.24rem;padding:0 0.15rem;overflow:hidden;margin-bottom: 0.08rem;color:#999;text-overflow: ellipsis;white-space: nowrap;}
.index-card-list .bot {padding:0 0.16rem;color:#999;position: absolute;bottom:0.2rem;left:0;width:100%;}
.index-card-list .bot li:first-child {color:#FF0000;}
.index-card-list .bot li:last-child {font-size:0.14rem;}
.index-card-list .bot .view {color: #182A54;display: flex;align-items: center;}
.index-card-list .bot .view .read-icon {width: 0.14rem;margin-top: 3px;}
.index-card-list .bot .view .text{margin-left: 4px;color: #999AAA;}
.index-card-list:hover {box-shadow:rgba(146, 157, 154, 0.24) 0px 4px 14px 0px;color: inherit;transform: translateY(-10px);}
.index-card-list .tag {position: absolute;display:inline-block;font-size:0.14rem;background:rgba(0,0,0,.5);color:#fff;top:0.1rem;right:0.1rem;padding:0 5px;height:0.28rem;line-height:0.28rem;z-index:2;border-radius: 3px;}
.index-card-list .duration {position: absolute;display: inline-block;background: rgba(0,0,0,.5);color:#fff;right:0;bottom:0;padding:2px 5px;z-index:2;}

.layer_notice .select-wrap label {white-space: nowrap;display: inline-block;margin:0 0.08rem 0.2rem;}
.layer_notice .select-wrap label span {display: inline-block;height:32px;line-height: 32px;border:1px solid #cfd2d4;background: #fff;border-radius: 100px;padding:0 20px;cursor: pointer;}
.layer_notice .select-wrap label input {display: none!important;}
.layer_notice .select-wrap label input:checked + span {background: #09B07F;color:#fff;border-color:#09B07F;}
/* 搜索 */
.search-banner .banner-box {
    height: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    opacity: 0;
  animation: fadeIn 3s forwards;  -webkit-animation: fadeIn 3s forwards;
}
.search-banner .banner-box .search {width: 50%;position: relative;margin: 0 auto 0;}
.search-banner .banner-box .search input {width: 100%;background: #fff;border-radius: 0.5rem;height: 0.44rem;padding-left: 0.13rem;border: 0;    padding-bottom: 2px;}
.search-banner .banner-box .search button{position: absolute;top: 0;right: -2px;border: none;width: 0.6rem;height: 0.44rem;line-height: 0.44rem;text-align: center;background: #09B07F;border-radius: .22rem;color: #fff;cursor: pointer;}
.search-banner .info {
    font-size: 0.16rem;
    margin-top: 0.24rem;
    letter-spacing: 1px;
}
.search-card-list {
    margin-top: 3rem;
}

.live-courses-box {
    padding-top: 0.4rem;
    padding-bottom: .4rem;
    display: flex;
    gap: .4rem;
    background: #fff;
}
.live-courses-box .live-courses-box-item {
    flex: 1;
    position: relative;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
}
.live-courses-box .live-courses-box-item img {
    transition: all 500ms ease-out; 
}
.live-courses-box .live-courses-box-item:hover img {
    transform: scale(1.1);

}
.live-courses-box img {
    width: 100%;
}
.live-courses-box .live-courses-box-item .live-courses-box-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: .24rem;
}
.live-courses-box .live-courses-box-item .live-courses-box-button span {
    display: inline-block;
    padding: 5px .4rem;
    border-radius: .5rem;
    background-color: rgba(255,255,255,.33);
}
.pt50 {padding-top: .5rem;}
/* 生信培训班菜单 */
.sxpxb-menu {width: 100%;margin-bottom: .32rem;}
.sxpxb-menu ul {display: flex;}
.sxpxb-menu ul li {display: inline-block;padding: 5px 15px;color: #2E2F33;font-size: .14rem;border: 1px solid #DEDEDE;border-radius: .5rem;cursor: pointer;margin-left: 8px;}
.sxpxb-menu ul li:first-child {margin-left: 0;}
.sxpxb-menu ul li:hover {border-color: #09B07F;color:#09B07F}
.sxpxb-menu ul li.current {color: #fff;border-color: #09B07F;background: #09B07F;}

.anchor:last-child {padding-bottom: 15px;}