/*
 * 桑格云课堂 Header
 * font字体调用
 * 全局css控制
 */
 @font-face {
    font-family: 'iconfont';
    src: url('../../font/iconfont/iconfont.eot');
    src: url('../../font/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../../font/iconfont/iconfont.woff2') format('woff2'),
    url('../../font/iconfont/iconfont.woff') format('woff'),
    url('../../font/iconfont/iconfont.ttf') format('truetype'),
    url('../../font/iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 0.18rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.transition {transition:all .25s ease;-webkit-transition:all .25s ease;}

/*滚动条样式，仅支持webkit*/
::-webkit-scrollbar {
    width: 0.08rem;height:0.08rem;
}
::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 2em;
}
::-webkit-scrollbar-thumb {
    background-color: #abaeb1;
    border-radius: 2em;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #747679;
}
.miniScrollbar::-webkit-scrollbar {
    width: 0.05rem;height:0.05rem;
}

/*全局自定义颜色*/
.gray_1 {color:#adb5bd;}
.blue_1 {color:#09B07F;}
.red_1 {color:#ff5156;}
a:hover {color:#09B07F;}

html,body {min-height: 100%;min-width:12rem;}
body {background: #fff;font-size:0.14rem;color:#333;}

/*布局*/
.wrap {padding: 0 13.54%;color: #2E2F33;}
a {color: #2E2F33;}

/*公用卡片结构*/
.c-card {background-color:#fff;border-radius:0.03rem;}
.c-card .layui-tab {margin:0;}

/*header*/
.header {background:#fff;box-shadow:0 0 0.01rem 0.01rem rgba(0,0,0,.1);position: relative;}
.header-top {height:0.32rem;background:#f5f5f5;}
.header-top .link>li {float:left;margin-right:0.3rem;font-size:0.12rem;line-height:0.32rem;}
.header-top a {color:#666;}
.header-top a:hover {color:#09B07F;text-decoration: none;}
.header-nav-wrap {height:0.8rem;background:#fff;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items:center;
    align-items:center;
}
.header-nav-wrap .logo {display:block;width:3rem;}
.header-nav-wrap .logo img {width:100%;}
.header-nav {margin-left:0.55rem;height:0.5rem;-webkit-flex:1;flex:1;}
.header-nav>li {float:left;line-height:0.5rem;font-size:0.16rem;}
.header-nav>li:not(:first-child) {margin-left: 0.3rem;}
.header-nav>li>a {display: inline-block;}
.header-nav>li a {color:#333;}
.header-nav>li a:hover {color:#09B07F;}
.header-nav>li.this>a {color:#09B07F;}
.header-nav>li>a>i {font-size:0.12rem;color:#999;display: inline-block;}
.header-nav>li.fc-dropdown.show>a>i {transform:rotate(180deg);}
.hd-search {height:0.32rem;position: relative;width:4rem;margin:0 auto 0.2rem;}
.hd-search input {background:#fff;border:0.01rem solid #d4d4d4;border-radius:0.2rem;height:100%;padding:0 0.35rem 0 0.1rem;width:4rem;font-size:0.14rem;transition: all .2s ease;}
.hd-search button {position:absolute;height:100%;width:0.4rem;text-align:center;cursor: pointer;top:0;right:0;border:none;background: transparent;}
.hd-search button i {font-size:0.2rem;color:#8a8a8a;}
.hd-search input:hover {border-color:#09B07F;}
.hd-search input:focus ~ button i {color:#09B07F;}
.hd-user-center {
    margin-left: 0.5rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items:center;
    align-items:center;
}
.hd-user-center label {font-size:0.16rem;margin-right: 0.15rem;}
.hd-user-center .user-avatar {width:0.32rem;height: 0.32rem;border-radius:1rem;overflow:hidden;background: #eceef0;}
.hd-user-center .reg {padding:0 0.13rem;}

/*面包屑*/
.breadcrumb {line-height: 0.36rem;}
.breadcrumb li {float:left;margin-right:0.05rem;color:#999;}
.breadcrumb li.iconfont {font-size:0.12rem;}

/*footer*/
.footer {text-align: center;color:#999;background:#e6e6e6;padding:0.25rem 0;border-top:0.01rem solid #ddd;}
.footer li {line-height:1.75;}
.footer li:first-child {margin-bottom: 0.08rem;}

/*首页兼容提示*/
.sangerUserAgent{text-align:center;position:fixed;z-index:1001;width:7rem;left:50%;margin-left:-3.5rem;background:#fff;top:20%;box-shadow:0 0 2rem rgba(0,0,0,0.5);border:0.01rem solid #e0e0e0;border-radius:0.1rem;display:none;}
.sangerUserAgent .index-tip{padding:0.5rem;position:relative;}
.sangerUserAgent .index-tip table{width:100%;margin-top:0.3rem;}
.sangerUserAgent .index-tip table td p{line-height:0.25rem;}
.sangerUserAgent .close{position:absolute;top:0.2rem;right:0.2rem;color:#555;cursor:pointer;-webkit-transform:rotate(45deg);transform:rotate(45deg);display:block;width:0.3rem;height:0.3rem;font-size:0.34rem;text-align: center;line-height:0.3rem;color:#999;}

/*layui*/
.layui-layer-msg {box-shadow: 0 0 0.08rem rgba(0,0,0,.1)!important;}

/*暂无数据提示结构*/
.empty {text-align:center;padding:0.3rem 0;}
.empty img {margin-bottom: 0.1rem;}
.empty p {color:#999;font-size:0.16rem;}

/*日期*/
.lay-date {background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzE4JyBoZWlnaHQ9JzE4Jz48cGF0aCBkPSdNMjg4IDIxMS4yYy0zOC40IDAtNzAuNC0zMi03MC40LTcwLjRWNzAuNEMyMTcuNiAzMiAyNDkuNiAwIDI4OCAwYzM4LjQgMCA3MC40IDMyIDcwLjQgNzAuNHY3MC40YzYuNCAzOC40LTI1LjYgNzAuNC03MC40IDcwLjR6IG00NDEuNiAwYy0zOC40IDAtNzAuNC0zMi03MC40LTcwLjRWNzAuNGMwLTM4LjQgMzItNzAuNCA3MC40LTcwLjQgMzguNCAwIDcwLjQgMzIgNzAuNCA3MC40djcwLjRjNi40IDM4LjQtMjUuNiA3MC40LTcwLjQgNzAuNHogbTExNS4yIDY3MmgtMTA4Ljh2LTEwOC44aDEwOC44djEwOC44eiBtMC0xNzkuMmgtMTA4LjhWNjAxLjZoMTA4LjhWNzA0eiBtMC0xNzIuOGgtMTA4LjhWNDIyLjRoMTA4Ljh2MTA4Ljh6IG0tMTg1LjYgMzUySDU1MC40di0xMDguOGgxMDguOHYxMDguOHogbTAtMTc5LjJINTUwLjRWNjAxLjZoMTA4LjhWNzA0eiBtMC0xNzIuOEg1NTAuNFY0MjIuNGgxMDguOHYxMDguOHogbS0xODUuNiAzNTJIMzY0Ljh2LTEwOC44aDEwOC44djEwOC44eiBtMC0xNzkuMkgzNjQuOFY2MDEuNmgxMDguOFY3MDR6IG0wLTE3Mi44SDM2NC44VjQyMi40aDEwOC44djEwOC44eiBtLTE4NS42IDM1MkgxNzkuMnYtMTA4LjhoMTA4Ljh2MTA4Ljh6IG0wLTE3OS4ySDE3OS4yVjYwMS42aDEwOC44VjcwNHogbTAtMTcyLjhIMTc5LjJWNDIyLjRoMTA4Ljh2MTA4Ljh6IG02MjcuMi0xNzkuMkgxMDguOHY2MDEuNmg4MTIuOFYzNTJ6IG0wIDY3MkgxMDguOGMtMzguNCAwLTc2LjgtMzItNzYuOC03MC40VjE3OS4yYzAtMzguNCAzMi03MC40IDc2LjgtNzAuNGg3Ni44djMyYzAgNTcuNiA1MS4yIDEwOC44IDEwOC44IDEwOC44IDY0IDAgMTA4LjgtNDQuOCAxMDguOC0xMDguOHYtMzJoMjI0djMyYzAgNTcuNiA1MS4yIDEwOC44IDEwOC44IDEwOC44IDY0IDAgMTA4LjgtNDQuOCAxMDguOC0xMDguOHYtMzJoNzAuNGMzOC40IDAgNzYuOCAzMiA3Ni44IDcwLjR2Nzc0LjRjMCAzOC40LTMyIDcwLjQtNzYuOCA3MC40eiBtMCAwJyBmaWxsPScjYmZiZmJmJz48L3BhdGg+PC9zdmc+") no-repeat right 0.1rem center #fff;border:0.01rem solid #d8d8d8;border-radius:0.02rem;height:0.32rem;line-height: 0.32rem;padding:0 0.3rem 0 0.05rem;transition:all .2s ease;}
.lay-date:hover,lay-date:focus {border-color:#9a9a9a;}

/*列表模块*/
.edu-list-item {margin-bottom: 0.2rem;font-size:0.14rem;}
.edu-list-item h3 {margin-bottom: 0.2rem;display: flex;align-items: center;}
.edu-list-item h3 .stage-icon {margin-right: 0.08rem;}
.edu-list-item h3 .stage-icon.icon0{width: 0.25rem;height: 0.25rem;background: url('/static/img/edu/base.svg') no-repeat;background-size: 100%;}
.edu-list-item h3 .stage-icon.icon1{width: 0.27rem;height: 0.26rem;background: url('/static/img/edu/sz.svg') no-repeat;background-size: 100%;}
.edu-list-item h3 .stage-icon.icon2{width: 0.28rem;height: 0.25rem;background: url('/static/img/edu/tz.png') no-repeat;background-size: 100%;}
.edu-list-item h3 .text{font-size:0.18rem;display: inline-block;padding: 0.02rem 0.08rem;border-radius: 0.04rem;}
.edu-list-item h3 img {margin-right: 0.08rem;width: 0.25rem;height: 0.25rem;}
.edu-list-item-title {padding: 0.08rem 0.05rem;background:#F2F2F2;position: relative;font-size:0.18rem;padding-left: 0.06rem;border-left: 0.02rem solid #09B07F;margin-bottom: 0.2rem;}
.edu-list-item ul {margin: 0.1rem 0 0.4rem 0;}
.edu-list-item ul li {padding:0.1rem 0.1rem 0.1rem 0;}

.edu-list-item ul li,.edu-list-item ul li a {color:#999AAA;}
.edu-list-item ul li:hover a{color: #09B07F;}
.edu-list-item .label {width:0.8rem;}
.edu-list-item .con {-webkit-flex:2;flex:2;}

/*主标题*/
.ke-title {margin-bottom:0.3rem;padding-top: 20px;}
.ke-title h3 {font-size:0.2rem;font-weight: bold;}
.ke-title .refresh {display: inline-block;height: 0.32rem;line-height: 0.32rem;background: #fff;border:0.01rem solid #e8e8e8;border-radius: 0.5rem;color:#666;float:right;padding:0 0.12rem 0 0.1rem;transition:all .2s ease;}
.ke-title .refresh i {vertical-align: bottom;margin-right: 0.05rem;font-size:0.18rem;transition:all .2s ease-in-out;display: inline-block;}
.ke-title .refresh:hover {background: #09B07F;color:#fff;border-color:#09B07F;}
.ke-title .refresh:hover i {color:#fff;transform: rotate(360deg);}
.ke-title .more {color:#666;float:right;}
.ke-title .more:hover {color:#09B07F;}
.layui-icon {
    font-size: .16rem !important;
}

/*课程卡片*/
.card-list {padding:.12rem;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;margin-right: 0.2rem;border: 1px solid #DEE1E8;}
.card-list:nth-child(4n) {margin-right: 0;}
.card-list .img {height:1.8rem;overflow:hidden;margin-bottom: 0.15rem;position: relative;}
.card-list .img img{border-radius: 8px;}
.card-list .img .bg {width:100%;height:100%;}
.card-list h3 {font-size:0.16rem;margin-bottom: 0.03rem;color:#2E2F33;line-height:1.5;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.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;}
.card-list .bot {padding:0 0.16rem;color:#999;position: absolute;bottom:0.2rem;left:0;width:100%;}
.card-list .bot li:first-child {color:#FF0000;}
.card-list .bot li:last-child {font-size:0.14rem;}
.card-list .bot .view {color: #999AAA;display: flex;align-items: center;}
.card-list .bot .view img {width: 0.15rem;margin-top: 0.04rem;}
.card-list .bot .view .text{margin-left: 0.04rem;}
.card-list:hover {box-shadow:rgba(146, 157, 154, 0.24) 0rem 0.04rem 0.14rem 0rem;color: inherit;transform: translateY(-0.1rem);}
.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: 0.05rem;}
.card-list .duration {position: absolute;display: inline-block;background: rgba(0,0,0,.5);color:#fff;right:0;bottom:0;padding:0.02rem 0.05rem;z-index:2;}

/*全局标题结构*/
.main-title {margin-bottom: 0.2rem;}
.main-title h3 {font-size: 0.24rem;}
.main-title .layui-laypage {margin:0;}

/*公告弹出层*/
.notice-popupbox-wrap{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.5);z-index:9998;display: none;}
.notice-popupbox{position:fixed;width:7rem;height:6rem;left:50%;top:15%;margin-left:-3rem;margin-top:-0.8rem;background:url(/static/img/edu/notice-bg.png) no-repeat center;z-index:9999;}
.notice-popupbox .info{font-size:0.14rem;color:#2E2F33;line-height:0.26rem;margin:2.1rem 0.3rem 0 0.3rem;;height: 2.9rem;overflow-y:auto;padding:0 0.16rem 0 0.16rem;}
.notice-popupbox-wrap .close{width:2.4rem;height:0.5rem;position:absolute;bottom:0.38rem;left:2.3rem;}
.notice-popupbox-wrap .close:hover{cursor: pointer;}


/*标题 一*/
.site-title {
    margin: 0 0 0.2rem;
}
.site-title fieldset {
    border: none;
    padding: 0;
    border-top: 0.01rem solid #eee;
}
.site-title fieldset legend {
    margin-left: 0.2rem;
    padding: 0 0.1rem;
    font-size: 0.22rem;
    font-weight: 300;
}

/*面包屑*/
.breadcrumb {
    display: flex;
    align-items: center;
    height: 0.4rem;
    line-height: 0.4rem;
    margin: 0.1rem 0;
    color: #999AAA;
  }
  
  .breadcrumb a {
    font-size: 0.13rem !important;
    color: #999AAA !important;
    cursor: pointer;
    margin: 0 3px;
  }
  .breadcrumb a:first-child {
    margin-left: 0;
  }
  .breadcrumb a:hover {
    color: #09B07F !important;
  }
  
  .breadcrumb cite {
    font-size: 0.13rem;
    color: #999AAA;
    font-style: normal;
    cursor: auto;
    margin-left: 3px;
  }

@media screen and (max-width: 15rem) {
    .card-list {width:22.5%}
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #09B07F !important;}
.layui-laypage a:hover {color: #09B07F !important;}