.float-left{
    float:left;
}
.float-right{
    float:right;
}
.grey-border{
    border:1px solid #00a0f4;
    color:#00a0f4;
    padding:4px;
    border-radius: 4px;
}
.grey-font{
    color:#999;
}
.red-font{
    color:#f76464;
}
.blod-font{
    font-weight: bold;
}

.mui-content{
    background-color: #FFF;
}
.mui-control-item, .mui-segmented-control{
    background-color: #fff;
}
.mui-input-row{
    width:100%;
    background-color: #fff;
    height:34px;
    border:0px;
}
.mui-control-content {
    background-color: white;
    min-height: 285px;
}
.mui-table-view-cell{
    padding:8px;
    height:90px;
    width:25%;
    text-align: center;
    float: left;
    font-size:12px;
}
.mui-table-view-cell1{
    padding:11px 15px;
    color:#fff;
    width:100%;
    text-align: center;
    font-size:12px;
}
.mui-table-view-cell1 a{
    color:#fff;
}
.mui-table-view-cell:after{
    height:0px;
}
.mui-slider .mui-slider-group .mui-slider-item .mui-table-view-cell img{
    width:50px;
}
.mui-icon-extra {
    margin-top: 12px;
}
.mui-scroll-wrapper{
    /*margin-top:0px;*/
}
.mui-toast-message{
    padding: 10px 15px;
}

.mui-scroll{
    background-color: #fff;
}
.main-list li{
    background-color:#fff;
}
.no-live{
    background-color: #fff;
    min-height:50px;
    width:100%;
}
.icons{
    width:100%;
    background-color: #fff;
    margin:0px;
    padding:0px;
}
/*************/
.icon-list{
    margin-top:16px;
    width:25%;
    float:left;
    font-size:14px;
    text-align: center;
}
.icon-list .index-icon-image{
    margin:5% auto;
    width:50%;
}
.icon-list .index-icon-image img{
    width:100%;
}

.course-wrap{
    margin:12px auto;
}
.course-header{
    text-align: center;
    margin:16px auto;
    font-size:16px;
    font-weight: bold;
}

.course-image-wrap{
    width:100%;
    display: inline-block;
}
.course-image{
    width:44%;
    margin-left:4%;
    float:left;
}

.index-live{
    margin:12px auto;
}
.index-live-header{
    text-align: center;
    margin:16px auto;
    font-size:16px;
    font-weight: bold;
}
.index-course-live-wrap{
    margin:4%;

}
.index-course-live{
    border:1px solid #ddd;
    border-radius: 5px;
    padding:12px 0px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}
.index-course-nolive{
    border:1px solid #ddd;
    border-radius: 5px;
    height:100px;
    line-height:100px;
    text-align: center;
}

.index-course-live-title, .index-course-live-teacher, .index-course-live-entry{
    padding:0px 8px 0px 30px;
}
.index-course-live-title {
    font-size: 18px;
    margin-bottom:8px;
    font-weight: 600;
}

.index-course-live-going{
    position: absolute;
    top: 8px;
    left: -38px;
    color:#fff;
    height: 0;
    width: 100px;
    z-index:201;
    font-size:12px;
    transform: rotateZ(315deg);
    -ms-transform: rotateZ(315deg);/* IE 9 */
    -webkit-transform: rotateZ(315deg);/* Safari and Chrome */
}
.live-start{
    border-left: 22px solid #47C88A;
    border-right: 22px solid #47C88A;
    border-bottom: 22px solid #47C88A;
}
.live-end{
    border-left: 22px solid #ddd;
    border-right: 22px solid #ddd;
    border-bottom: 22px solid #ddd;
}
.live-unstart{
    border-left: 22px solid #bbb;
    border-right: 22px solid #bbb;
    border-bottom: 22px solid #bbb;
}
.index-course-live-going span{padding-left:14px; padding-bottom:3px; line-height:25px;}

.live-button{
    border:1px solid #47C88A;
    color: #47C88A;
    height:28px;
    line-height:28px;
    width:70px;
    padding:0px;
}








.course-live{
    margin:2% 3%;
    width:94%;
    height:66px;
    border-radius: 33px;
    background-color: #fff;
}
.live-image{
    float:left;
}
.live-text{
    float:left;
    font-size:14px;
    height:66px;
    line-height: 66px;
    margin-left:12px;
}
.live-try{
    margin-right:16px;
    float:right;
    font-size:12px;
    color:#999;
    height:66px;
    line-height: 66px;
    vertical-align: middle;
}

.mui-scroll .live .live-image img{
    margin:8px 12px;
    height:50px;
    width:50px;
}
.course-sale{
    background-color: #eee;
    margin:8px;
}
.course-list-title{
    margin:12px 0px;
    font-size:14px;
    height:30px;
}

.course-list{
    background-color: #fff;
    font-size:12px;
    height:120px;
    padding:2px;
    border-radius: 4px;
    clear:both;
}

.course-name{
    margin:12px 8px;
    font-size:14px;
}

.course-time{
    margin-left:8px;
    height:30px;
}
.times{
    margin-left:8px;
}
.course-price{
    margin-right:20px;
    float:right;
    display:inline-block;
    width:120px;
    text-align: right;
}

.live-mask{


    left: 0px;
    position: absolute;
    top: 0px;
}
.video-play-circle{
    border:4px solid #FD6400;
    width:40px;
    height:40px;
    border-radius: 50%;
    margin:0 auto;
    padding:auto;
    vertical-align: middle;
    text-align: center;
}
.video-play-triangle{
    width: 0;
    height: 0;
    margin:auto;
    border-top: 12px solid transparent;
    border-left: 18px solid #FD6400;
    border-bottom: 12px solid transparent;
}



/**增加点击头显示下拉菜单**/
.cpa-menu{
    display: none;
    position: absolute;
    top: 44px;
    /*left: 0;*/
    z-index: 999999999;
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: .28rem;
    background: rgba(255,255,255,.95);
    border-bottom: 2px solid #3facf4;
    box-shadow: 0 5px 5px rgba(0,0,0,.3);
    padding-bottom:8px;
    max-width:640px;
    margin:auto;
}
.cpa-menu dt,.cpa-menu dd{
    line-height:40px;
    margin-left:8px;
    color:#333;
    font-size:14px;
}
.cpa-menu dd,.cpa-menu dd a{

    float:left;
}
.cpa-menu dd{
    margin-left:40px;;
    float:left;
}

.cpa-menu dl a{
    color:#333;
}
.cpa-menu dl a:hover{
    color:#3facf4;
}
.cpa-menu dt i{
    border-left:2px solid #3facf4;
    width:3px;
    margin:4px 10px;
}
.mui-input-row{

    background-color: #fff;
    height:34px;

}
.course-notice-wrap{background-color: #fff;margin:8px;border-radius:4px;}
.course-notice{height:24px;line-height:24px;width:100%;border:0px;margin-left:4%;}
.course-notice div{float:left;}
.notice-icon{}
.course-notice img{width:24px;height:24px;vertical-align:middle;}
.course-notice ul{margin-left:4%;width:220px;}
.course-notice ul li{list-style: none;width:100%;overflow-x: hidden;text-overflow: ellipsis;color:#f76464;cursor: pointer;font-weight: bold;}
.notice-content{overflow:hidden;height:24px;line-height:24px;}