﻿/*
重新定义了一些MUI控件细
节
*/
@font-face {
	font-family: 'fzbysjt';
	src: url('../fonts/fzbysjt.TTF');
}
body{
	font-family: 'fzbysjt';
}
/* 列表容器padding，标题自动换行 */
.mui-table-view-cell > a:not(.mui-btn) {
	white-space: normal;
}

/* logo */
.mui-logo-middle{
	position: relative;
    padding-top: 6px;
}
/* 导航滚动 */
.mui-segmented-control.mui-scroll-wrapper {
	height: 44px;
	color: #333333;
	background-color: #FFF1F0;
}
.mui-segmented-control {
    font-size: 15px;
	font-weight: 400;
}
/* 间隔 */
.mui-segmented-control.mui-scroll-wrapper .mui-control-item {
    padding: 0 11px;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item {
	height: 44px;
}
.mui-segmented-control-negative.mui-segmented-control-inverted .mui-control-item.mui-active {
	color: #E50F00;
	font-size: 15px;
	font-weight: 600;
    border-bottom: 2px solid #E50F00;
    background: none;
}
/* 新闻资讯框 */
#newContent .mui-table-view-cell {
    padding-right: 15px !important;
}
/*卡片*/
.curr-logo{
    width: 40px;
    height: 40px !important;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 0px;
    border: 2px solid #CCC !important;
    display: block;
	float:left;
	margin-left:-3px;
}
.cou-ico{
	font-size:40px;
	background:url("../Images/conico.png") no-repeat;
	margin-right: 6px;
}
.curr-box{
	 overflow: hidden;
	 display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
/*自定义菜单*/
.menuBox
{
	width: 104%;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #E6E6E6;
	background-color: #FFF;
	margin-left: -2%;
	display: table;
	margin-bottom: 10px;
	text-align: center;
}
.menuBox .mItem{
	float: left;
	width: 33%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E6E6E6;
	border-right-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-left-color: #E6E6E6;
	height: 90px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	background-color: #FFF;
	display:block;
}
.menuBox .mItem .mitem-img{
	font-size: 45px;
	line-height: 50px;
	font-style: normal;
	text-align: center;
	display: block;
	width:70%;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
	border-radius: 50%;
	border: 2px solid #CCC !important;
}

.menuBox .mItem span{
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	color: #666666;
	text-decoration: none;
	position: relative;
	text-align: center;
	display: block;
	line-height: 30px;
	white-space: nowrap;
	height: 30px;
	overflow: hidden;
}
/*主菜单*/
.mainmenuBox
{
	width: 104%;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #E6E6E6;
	background-color: #FFF;
	margin-left: -2%;
	display:table;
}
.mainmenuBox .mm-item {
	float: left;
	width: 25%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E6E6E6;
	border-right-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-left-color: #E6E6E6;
	height: 90px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	background-color: #FFF;
	display:table;
}
.mainmenuBox .mm-ico{
	font-size: 45px;
	line-height: 50px;
	font-style: normal;
	text-align: center;
	display: block;
	width:100%;
	margin-top:10px;
	margin-bottom:5px;
}
.mm-ico img {
height:80%;

}

.mainmenuBox .mm-item span{
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	color: #666666;
	text-decoration: none;
	position: relative;
	text-align: center;
	display: block;
	font-size:14px;
}
/*课程列表*/
.cou-item{
	margin:0px !important;
	padding-left:0px !important;
	padding-right:0px !important;
}
.cou-item>div{
	background-color:transparent !important;
}
.cou-item:after{
	left:1px !important;
}
.mui-collapse-content{
	margin:0px !important;
	padding:0px !important;
}
.free {
	font-size: 12px;
	line-height: 1;
	display: inline-block;
	border-radius: 100px;
	float: right;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
	margin-right: 10px;
	color: #009900;
	background-color: #FFC;
	margin-top: 3px;
}
.price {
	font-size: 12px;
	line-height: 1;
	display: inline-block;
	border-radius: 100px;
	float: right;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
	margin-right: 10px;
	color: #FF6600;
	margin-top: 3px;
	background-color: #FFC;
}
.couname{
	color: #333;
}
.link{
	height: 40px;
	line-height: 40p;
	text-align: center;
	color: #666;
	display:block;
}
.home-list {
    margin:0px;
    background-color:transparent;
}
.home-list .mui-table-view{
    border-radius:0px;
}
.col-tit {
    color:#B40001;
}
.cou-cell-left{
    width:60%;
    overflow:hidden;
    float:left;
    color:#666666;
    margin:5px 0;
}
.cou-cell-left-text{
    overflow:hidden;
    text-overflow:ellipsis;
    padding-right:5px;
    width:100%;
    line-height:24px;
    max-height:70px;
    margin-bottom:30px;
    font-size:16px;
    color:#333;
    word-break:break-all; 
    word-wrap:break-word;
    white-space:initial;
    table-layout:fixed;
    list-style-position:initial;
}
.cou-cell-left-spans{
    overflow:hidden;
    position:absolute;
    left:15px;
    font-size:12px;
    line-height:24px;
    bottom:11px;
    color:darkgray;
}
.cou-cell-right {
 width:40%;
 overflow:hidden;
 float:left;
 height:80px;
 border-radius:2px;
 margin:5px 0;
 
}
.cou-cell-right img {
    width:100%;
    height:auto;
}
.icon-cou-ico{
    width:15px;
    height:15px;
    background:url("../Images/hs.png") no-repeat;
}

.moreTips {
	position: absolute;
	right: 30px;
	top: 33%;
	font-size: 15px;
	color: #bbbbbb;
}