img {
image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */

}

/* 导航 */
.nav-row { display: flex; }
.nav-row .nav-col { flex: 1; text-align: center; }
.nav-grid .nav-col {
padding: 0.75rem 0;
}
.nav-grid .aui-grid-label {
margin-top: -0.3rem;
font-size: 0.6rem;
font-weight: bold;
color: #333;
}
.aui-nav-ico {
background-size: 2.0rem 2.0rem;
background-repeat: no-repeat;
width: 2.0rem;
height: 2.0rem;
display: inline-block;
vertical-align: middle;
}
.aui-minicourse-ico {
background-image: url('//7nsts.w3cschool.cn/images/w3cschool_mobile/learn/aui-minicourse-ico.png');
}
.aui-video-ico {
background-image: url('//7nsts.w3cschool.cn/images/w3cschool_mobile/learn/aui-video-ico.png');
}
.aui-column-ico {
background-image: url('//7nsts.w3cschool.cn/images/w3cschool_mobile/learn/aui-column-ico.png');
}
.aui-codecamp-ico {
background-image: url('//7nsts.w3cschool.cn/images/w3cschool_mobile/learn/aui-codecamp-ico.png');
}
.aui-exam-ico {
background-image: url('//7nsts.w3cschool.cn/images/w3cschool_mobile/learn/aui-exam-ico.png');
}
.nav-tag {
position: relative;
}
.nav-tag .nav-badge {
left: 15%;
font-size: 0.5rem;
}
/* 课程展示  */
.aui-card-header {
padding: 0.75rem 0.75rem 0;
color: #333;
}
.aui-card-list-header .aui-iconfont {
margin-right: 0.25rem;
}
.aui-card-list {
margin-bottom: 0.5rem;
}

.aui-card-list-header-more {
float: right;
font-size: 0.65rem;
color: #666;
}
.aui-list:before,.aui-list:after,.aui-list .aui-list-course:after {
height: 0 !important;
}
.aui-img-radius {
border-radius: 0.2rem;
}
.aui-scroll {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.aui-scroll::-webkit-scrollbar {
display: none;
}
.aui-course-title {
font-size: 0.75rem;
color: #333;
}
.aui-course-text {
font-size: 0.6rem;
color: #757575;
margin-top: 0.15rem;
}
.aui-course-eval {
display: inline-block;
}
.aui-course-eval .course-star-box .icon-star {
font-size: 0.4rem;
/*margin-right: 0.15rem;*/
color: #bdbdbd;
vertical-align: middle;
}
.aui-course-eval .course-star-box .isdone {
color: #ffb200 !important;
}
.aui-course-eval .course-eval-score {
margin: 0 0.5rem 0 0.25rem;
}
.aui-course-price {
font-size: 0.65rem;
color: #d2322d;
}
.aui-course-price .curprice-black {
color: #333;
}
.aui-course-price .delprice {
font-size: 0.6rem;
color: #757575;
margin-left: 0.15rem;
}
.vipinfo-box {
position: absolute;
top: .5rem;
left: 0;
}
.vipinfo-meta {
background: #ff191c;
background: linear-gradient(90deg,#ff7577,#ff191c);
padding: 0 0.15rem;
border-radius: 0.15rem;
font-size: 0.6rem;
color: #fff;
}
.freeInfo_yellow {
background: #ffa422;
background: linear-gradient(90deg,#ffa422,#ff7621);
}
.vipprice-tag {
background-color: #FF2D3D;
background: linear-gradient(90deg, #FF7544 0%, #FF2D3D 100%);
margin-right: 0.15rem;
}
.aui-course-price .sale-tag {
font-size: 0.55rem;
border-radius: 0.2rem;
padding: 0.02rem 0.1rem;
border: 1px solid #ff5900;
color: #ff5900;
margin-right: 0.25rem;
}
/* 布局1 */
.aui-course-list {
padding-left: 0.75rem;
}
.aui-course-list .aui-list-item-media {
width: 6.4rem;
}
.aui-course-list .aui-list-item-media img {
margin-top: 0.25rem;
background-color: #f5f5f5;
}
.aui-course-list .aui-course-title {
line-height: 1.05rem;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
margin-bottom: 0.25rem;
}
.aui-course-wrapper {
padding-bottom: 0.5rem;
}
/* 布局2 */
.aui-scroll-list {
position: relative;
padding: 0.5rem 0;
font-size: 0.7rem;
}
.aui-scroll-wrapper {
padding: 0 0.5rem 0.5rem;
}
.aui-scroll-list-item {
position: relative;
display: inline-block;
width: 8.4rem;
padding: 0 0.25rem;
vertical-align: top;
}
.aui-scroll-list-item img {
width: 100%;
display: block;
background-color: #f5f5f5;
}
.aui-scroll-list-item .aui-course-title {
margin-top: 0.5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* 布局3 */
.aui-row-course {
margin-left: -0.375rem;
margin-right: -0.375rem;
}
.aui-row-course .aui-col-course {
padding: 0.125rem 0.375rem;
margin-bottom: 0.5rem;
}
.aui-row-course .aui-col-course img {
width: 100%;
min-height: 4.5rem;
background-color: #f5f5f5;
}
.aui-row-course .aui-col-title {
margin: 0.3rem 0 0.25rem;
font-size: 0.75rem;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.aui-row-course .aui-course-eval .course-eval-score {
margin: 0 0.25rem 0 0.25rem;
}
.aui-card-header span { font-weight: 600; }
.cover-wrap { position: relative; }
.course-view-number { position: absolute; bottom: 0.15rem; right: 0.15rem; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; border-radius: 20px; background: rgba(0, 0, 0, 0.5); color: #fff; padding: 0 0.35rem; font-size: 12px; }
.course-view-number i { margin-right: 0.08rem; }
.aui-col-description, .aui-course-description { display: -webkit-box; overflow: hidden; color: #969696; font-size: 0.65rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; height: 40px; }
.aui-media-list .aui-list-item-inner { padding-top: 0.65rem; }

.index-header {  background-color: #fff; }