/*
 * 公共样式
 */
 /*
 @font-face {
  font-family: 'MyCustomFont';
  src: 
	   url('../fonts/black/思源黑体2.0-Regular');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}*/
 
body {width: 100%;height: 100%;margin: 0px;padding: 0px;/*background-color: #f7f7f9;*/ background-color:#FFFFFF;font-family: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu !important; font-size:16px;}
ul{margin: 0;padding: 0; list-style:none;}
a{color:#000000;}
.mui-h4, h4{ font-size:16px;}
.mui-toast-container {bottom: 50%;}

/* 清除内部浮动 */
.clearfix{ zoom:1;}
.clearfix:after{ content:"."; width:0; height:0; visibility:hidden; display:block; clear:both;}
.line{ height:1px; background-color:#bfbfbf; margin:10px 0;}
.mui-content{height: 100%;background-color: #f8f8f8;}	
.mui-btn-block {
    padding: 8px 0px!important;
    color: var(--color-primary);
    border-color: var(--color-primary);
    margin-top: 20px;
}
.sub {
    background-color: var(--color-primary);
    color: #FFFFFF;
    border-radius: 30px;
}
.mui-icon-my {
    font-family: Muiicons;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    padding:10px 10px 10px 5px;
}
.mybottomnav{background-color:#fff;border-bottom:1px solid #d8d8d8;height:55px;padding-top:2px;}
	.mybottomnav .mui-tab-item{height:40px;position:relative;vertical-align: baseline;}
	.mybottomnav .imgstyle{margin:0 auto;margin-bottom:20px;}
	.mybottomnav .mui-tab-label{font-size:12px;display:block;position:absolute;bottom:10px;left:0;width:100%;text-align: center;height:18px;}
	.mybottomnav .aapre{background: url("../images/b1s.png");background-size:100% 100%;width:25px;height:23px;}
	.mybottomnav .bbpre{background: url("../images/b2s.png");background-size:100% 100%;width:26px;height:23px;}
	.mybottomnav .ccpre{background: url("../images/b3s.png");background-size:100% 100%;width:27px;height:25px;}
	.mybottomnav .ddpre{background: url("../images/b4s.png");background-size:100% 100%;width:27px;height:22px;}
	.mybottomnav .eepre{background: url("../images/b5s.png");background-size:100% 100%;width:20px;height:23px;}
	.mybottomnav .aanor{background: url("../images/b1.png");background-size:100% 100%;width:25px;height:23px;}
	.mybottomnav .bbnor{background: url("../images/b2.png");background-size:100% 100%;width:26px;height:23px;}
	.mybottomnav .ccnor{background: url("../images/b3.png");background-size:100% 100%;width:27px;height:25px;}
	.mybottomnav .ddnor{background: url("../images/b4.png");background-size:100% 100%;width:27px;height:23px;}
	.mybottomnav .eenor{background: url("../images/b5.png");background-size:100% 100%;width:20px;height:22px;}

.mui-bar-tab .my-item.mui-active {color: var(--color-primary);}
.mybottomnav .my-item {position: relative;vertical-align: baseline;}
.mui-bar-tab .my-item {display: table-cell;overflow: hidden;width: 1%;height: 60px;text-align: center;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;color: #929292;}
.mui-content>.mui-table-view:first-child{margin-top:5px;}

/** 头部**/
.mui-bar{background-color:#ffffff;}
.mui-icon-left-nav{color: #000000;}
.mui-title{color: #000000;font-size: 16px;}
.mui-icon-back:before, .mui-icon-left-nav:before{color: #000000;font-size: 35px;}

input[type=search]{margin-bottom: 5px;margin-top: 5px;border-radius:18px;background-color: #f5f5f5;}
.mui-search.mui-active:before{margin-top:-10px;left:20px;}
.mui-search .mui-placeholder{top: 5px;pointer-events: none;}
.mui-search{padding:0 10px;margin-bottom:10px;}
.mui-bar-nav{box-shadow:none;}

.mui-segmented-control{border:0px;}
	.mui-segmented-control .mui-control-item{
		color:#000;
		border:0px;
		line-height:30px;
	}
  
	.mui-segmented-control .mui-control-item.mui-active span{
		display: table;
		border: 2px solid;
		width: 20px;
		margin: 0 auto;
	}

  .mui-segmented-control .mui-control-item span{
    display: table;
    border: 2px solid #fff;
    width: 20px;
    margin: 0 auto;
  }

	.mui-segmented-control .mui-control-item.mui-active{
		color:var(--color-primary);
		font-weight:bold;
		background-color:#fff;
	}


/**课程推荐**/
.kc-xq-tj{ background:#ffffff; margin:10px 0px; overflow:hidden; padding:10px;}
.kc-xq-tj h4{ margin-left:5px;}
.kc-xq-tj .mui-table-view-cell{ width:46%; border:1px solid #dddddd;margin: 0px 2%;  /*padding:10px;*/ float:left;border-radius:5px;}
.kc-xq-tj .kc-xq-tjinfo img{width:100px;}
.kc-xq-tj .mui-table-view-cell>a:not(.mui-btn){margin: -11px -15px;}
.kc-xq-tj .mui-table-view .mui-media-object.mui-pull-left{margin-right: 5px;}
.kc-xq-tj .mui-table-view .mui-media-object{max-width: 105px;height: 65px;width: 60%;}
.kc-xq-tosee span{ color:#000000; font-size:12px; margin-right:10px;}
.kc-xq-tobuy{ text-align:center; margin:5px;}
.kc-xq-tobuy span{ background-color:#fb5d52; padding:5px 35px; display:inline-block; color:#FFFFFF; font-weight:bold;font-size: 18px;border-radius: 30px; }
.kc-xq-tj .mui-table-view .kec2 span {
    display: inline-block;
    font-size: 12px;
    color:var(--color-primary);
    padding: 0px 4px;
    border: 1px solidvar(--color-primary);
	margin:0px;
    background-color: var(--color-blue-100);
    border-radius: 10px;
    transform: scale(0.9);
    min-width: 58px;
    text-align: center;
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/**Rice Add**/
.dishide{
  display: none;
}

 @media (max-width: 370px) {
     .kc-xq-price .price{font-size:16px;}
     .kc-xq-price .oldprice{font-size: 12px;}
     .kc-xq-price .buybtn img{width: 90px;}
     .kc-xq-new li .ot{font-size: 12px;}
     .kc-xq-tj .mui-table-view .mui-media-object{width: 50%;}
     .kc-xq-tobuy span{padding: 5px 20px;}
     .kec4{right: 12px;}
 }