﻿/* 通用 */
* {
	/*font-family: simhei, '黑体';*/
	font-family: sans-serif;
	color: #333333;
	margin: 0;
}

body, .mui-content {
	background: #f5f5f5;
	/*font-family: simhei, '黑体';*/
	font-family: sans-serif;
	color: #333333;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

p {
	margin: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* 广告 */
.adver {
	width: 100%;
	height: 44px;	
	background: #fff;
	margin-bottom: 5px;
	z-index: 1000;
}

.adver>.left {
	margin-top: 10px;
	margin-left: 13px;
}

.adver .chaoge {
	margin: 0;
	width: 24px;
	height: 24px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}

.adver .chaoge img {
	width: 24px;
}

.adver .tagline {
	margin: 0;
	margin-left: 8px;
}

.adver .tagline p {
	color: #000;
	margin: 0;
}

.adver .tagline-one {
	line-height: 12px;
	font-size: 12px;
}

.adver .tagline-two {
	color: #000;
	line-height: 10px;
	font-size: 10px;
	padding-top: 4px;
}

.adver>.right a {
	display: block;
	width: 60px;
	height: 20px;
	margin-top: 12px;
	margin-right: 10px;
	background: #FFD615;
	border-radius: 5px;
	color: #262626;
	font-size: 10px;
	text-align: center;
}

/* 公共头部 */
.mui-bar {
	background: #FFFFFF;
	z-index: 10000;
}	
.mui-icon-left-nav {
	color: #333333;
}

.mui-title {
	line-height: 46px;
	font-weight: 600;
}

.mui-bar.hasadver {
	height: 93px;
	padding: 0;
	background: #f5f5f5;
}

.mui-bar-nav.hasadver~.mui-content {
	padding-top: 93px;
}

.mui-bar.hasadver .adver~div {
	background: #FFFFFF;
	overflow: hidden;
	padding: 0 10px;
}

/* 列表为空  */
.none {
	position: fixed;
	top: 50%;
	left: 50%;	
}

.none .img-box {
	margin: -50%;
	width: 180px;
	font-size: 12px;
	text-align: center;
}

.none .img-box img {
	width: 114px;
}

/* 没有更多了 */
.loadmore,
.nomore {
	color: #CCCCCC;
	margin-top: 22px;
	text-align: center;
	font-size: 12px;
	line-height: 1;
}
.loadmore {
	color: #FFD615;
}
.loadmore span {
	color: #FFD615;
	font-size: 14px;
}

/* 级联样式 */
.mui-btn-blue, .mui-btn-primary, input[type=submit],.mui-btn-blue.mui-active:enabled, .mui-btn-blue:enabled:active, .mui-btn-primary.mui-active:enabled, .mui-btn-primary:enabled:active, input[type=submit].mui-active:enabled, input[type=submit]:enabled:active {
	border-color: #FFD615;
	background-color: #FFD615;
}

/* radio、checkbox样式 */
.mui-checkbox.mui-left label, .mui-radio.mui-left label {
	padding: 0;
	padding-left: 25px;
}
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio] {
	width: 16px;
	height: 16px;
	cursor: pointer;
}
.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before {
	font-size: 16px;
}
.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before {
	content: '\e442';
	color: #FFD615;
}
.mui-checkbox.mui-left input[type=checkbox], .mui-radio.mui-left input[type=radio] {
	left: 0;;
}

/* 组课卡片 */
.group::after{
	content: '';
	position: absolute;
	left: 1%;
	bottom: -6px;
	width: 98%;
	height: 4px;
	background: #FFFFFF;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 2px 5px 0 rgba(204, 204, 204, 0.3);
	z-index: 0;
}

/* 标签样式   */
.lesson_sign {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 0;
	right: 0;
	overflow: hidden;
}

.lesson_sign span {
	display: block;
	position: absolute;
	left: 8px;
	top: 8px;
	width: 120%;
    background: #FFD615;
    color: #FFF;
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: context-menu;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    font-size: 10px;
    cursor: auto;
    z-index: 100;
}

/* toast框 */
.mui-toast-container {
	/*bottom: 70px !important;*/
	position: absolute;
	top: 80%;
} 

/* 引导登录 */
.goto-login {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40px;
	background: #FFD615;
	text-align: center;
	line-height: 40px;
	color: #262626;
	font-size: 14px;
	z-index: 100;
}
.goto-login:active {
	color: #FFFFFF;
}
.goto-login.b50 {
	bottom: 50px;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}
