/*顶部条*/
.top-div{position:relative;z-index:3}
.top-div-con{height:44px;box-sizing:border-box;width:100%;background:#fff;position:fixed;left:0;top:0;box-shadow: 0px 1px 0px 0px #EBEBEB;font-size:18px;color: #333333;text-align:center;line-height:44px;}
.top-back-icon{display:inline-block;width:10px;height:17px;background:url(../../../images/course/top-back.png) no-repeat;background-size:100%;position:absolute;left:15px;top:13px}
.top-ul-tab{background: #FFFFFF;border-radius: 27px;border: 1px solid #0099FF;display:inline-block;height:27px;margin-top:8px;box-sizing:border-box;overflow:hidden}
.top-ul-tab li{display:inline-block;padding:0 14px;min-width:98px;box-sizing:border-box;font-size:15px;color:#09f;line-height:25px;float:left}
.top-ul-tab li.top-cur{background:#09f;color:#fff;}
.rightBlue{position:absolute;right:15px;font-size:14px;color:#09f}
.top-het{height:44px;width:100%;}
.top-calss{position:relative}
.top-class-tit i{display:inline-block;width:12px;height:8px;background:url(../../../images/course/top-arrow.png) no-repeat;background-size:100%;vertical-align:middle;margin:-2px 0 0 10px}
.top-class-tit i.top-arrow-down{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
.top-class-con{width:100%;padding:15px 0 15px 15px;box-sizing:border-box;overflow:hidden;position:absolute;left:0;top:45px;background:#fff;z-index:3;display:none}
.top-class-con ul li{display:inline-block;float:left;margin:0 8px 8px 0;width:110px;height:36px;text-align:center;line-height:36px;background: #F5F6F8;border-radius: 4px;color:#333;font-size:13px;padding:0 10px;
    white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;}
.top-class-con ul li.top-li-cur{color:#09f}
.mask-top{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;left:0;top:45px;z-index:2;display:none}

/*右侧加号*/
.top-add-icon{display:inline-block;width:17px;height:17px;background:url(../../../images/phone/add-icon.png) no-repeat;background-size:100%;margin-top:13px;position:absolute;right:15px;top:0}
.top-menu-icon{display:inline-block;width:17px;height:17px;background:url(../../../images/phone/icon_menu.png) no-repeat;background-size:100%;margin-top:13px;position:absolute;right:15px;top:0}

.top-add-ul{background: #FFFFFF;box-shadow: 0px 0px 6px rgba(153, 153, 153, 0.6);border-radius: 4px;position:absolute;right:5px;top:44px;}
.top-add-ul ul li{padding:0 20px;height:44px;line-height:44px;color: #333333;font-size:16px;}
.top-sj{display:inline-block;width:29px;height:14px;background:url(../../../images/coursedata/sj.png) no-repeat;background-size:100%;position:absolute;right:6px;top:-14px;}