/*
 * 美吉云课堂 首页
 */
 input{
    color: #cbcaca;
}
input:focus,textarea:focus {
    color: #17233d;
}
.ykt-content {margin-top: 3.5rem;}
/*banner*/
#banner {width: 100%;height: 3.5rem;position: absolute;top: 0;left: 0;z-index: 99;background:url('/static/img/edu/banner.jpg') no-repeat;background-size:cover;}
/*banner  正在学习*/
.banner-study {position: absolute;bottom: 0.08rem;left: 13.54%;color: #fff;height: calc(100% - 72px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 86%;
}
.banner-study .p1 {display: flex;align-items: center;}
.banner-study .p1 .title {font-size: 0.4rem;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: #3385FF;}
.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: 14px;height: 0.3rem;padding-left: 0.13rem;border: 0;padding-right: 0.6rem;}
.banner-study .search button{position: absolute;top: 0;right: -2px;border: none;width: 0.54rem;height: 0.3rem;line-height: 0.29rem;text-align: center;background: #3385FF;border-radius: 20px;color: #fff;cursor: pointer;}

/*锚点子导航*/
.detail-top-nav-box {display: flex;justify-content: center;align-items: center;}
.detail-top-nav-wrap .wrap {margin:0 auto;}
.detail-top-nav {display: flex;font-size: 16px;justify-content: center;padding: 0.39rem 0 0.1rem 0;}
.detail-top-nav li {height:0.38rem;line-height:0.38rem;padding:0 0.48rem;cursor:pointer;background: #fff;color: #17233d;border-radius: 19px;box-shadow: 0px 3px 6px 1px rgba(153,154,170,0.16);}
.detail-top-nav li + li {margin-left: 0.25rem;}
.detail-top-nav li.current {background: #3385FF; color: #fff;}
.detail-top-nav li:not(.current):hover {color: #3385FF;}

/*专题精选*/
.selected-card-list {display:block;width:23.6%;height:2.83rem;background: #fff;border-radius:14px;overflow:hidden;position: relative;transition:all .2s ease;box-shadow:0px 3px 6px 1px rgba(153,154,170,0.16);margin-bottom: 0.25rem;margin-right: 0.2rem;}
.selected-card-list:nth-child(4n) {margin-right: 0;}
.selected-card-list .img {height:1.87rem;overflow:hidden;margin-bottom: 15px;position: relative;}
.selected-card-list .img .bg {width:100%;height:100%;object-fit: cover;}
.selected-card-list h3 {font-size:0.16rem;padding:0 0.16rem;margin-bottom: 0.03rem;color:#17233d;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 {margin-bottom: 0.4rem;position: relative;}
.xkt{position: relative;}
.more {position: absolute;top: 0;right: -4px;z-index: 9;display: inline-block;padding: 0 0.1rem;background: #fff;height: 0.29rem;line-height: 0.28rem;border-radius: 15px;color: #484848;font-size: 0.16rem;}
.more:hover, .more:hover a, .more:hover .layui-icon{color: #3385ff;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: #3385ff;}
.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.87rem;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:#17233d;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: #41a4ff;color:#fff;border-color:#41a4ff;}
/* 搜索 */
.search-banner .banner-box {
    margin-left: 13.54%;
    margin-top: 1rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(100% - 72px);
    width: 86%;
}
.search-banner .banner-box .search {width: 50%;position: relative;}
.search-banner .banner-box .search input {width: 100%;background: #fff;border-radius: 0.14rem;height: 0.3rem;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.54rem;height: 0.3rem;line-height: 0.29rem;text-align: center;background: #3385FF;border-radius: 20px;color: #fff;cursor: pointer;}
.search-banner .info {
    font-size: 0.16rem;
    margin-top: 0.24rem;
    letter-spacing: 1px;
}
.search-card-list {
    margin-top: 3.5rem;
}

.live-courses-box {
    margin-top: 0.5rem;
}
.pt50 {padding-top: .5rem;}