/*重置样式*/
body{
    background-color: #f5f5f5;
    font-family: "微软雅黑";
    padding-top: 50px;
}
input{
    -webkit-appearance: none;
}
a{
    text-decoration: none;
    color:#000;
}
a:hover{
    text-decoration: none;
}
.margin5{
    margin-top: 5px;
}
.margin10{
    margin-top: 10px;
}
.margin15{
    margin-top: 15px;
}
.margin20{
    margin-top: 20px;
}
.margin30{
    margin-top: 30px;
}
.margin40{
    margin-top: 40px;
}
.clear_margin_bottom{
    margin-bottom: 0;
}
.clear_margin_top{
    margin-top: 0;
}
.clear_margin_left{
    margin-left: 0;
}
.clear_margin_right{
    margin-right: 0;
}

.clear_padding_bottom{
    padding-bottom: 0;
}
.clear_padding_top{
    padding-top:0px;
}
.clear_padding_left{
    padding-left: 0;
}
.clear_padding_right{
    padding-right: 0;
}



/*导航样式*/
.navbar{
    margin: 0;
}
.navbar-default{
    background-color: #f9ba15;
    border-color: #f9ba15;
}
.navbar-brand{
    padding-left: 11px;
}
.navbar .navbar-header .arrow_left{
    width:22px;
    height: 22px;
}

.navbar .navbar-header .arrow_left img{
    width: 100%;
}

.navbar{
    position: relative;
    width: 100%;
}
.navbar.navbar-fixed-top{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
}

.navbar .navbar-header .nav_title{
    width: 144px;
    position: absolute;
    top:16px;
    left:40px;
    color:#fff;
    font-size: 18px;
    z-index: 2;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color:#fff;
}

.navbar .navbar-header .admin{
    width: 22px;
    height:22px;
    position: absolute;
    right: 65px;
    top:13px;
}

.navbar .navbar-header .admin img{
    width: 100%;
}
.navbar .navbar-header .admin-right{
    width: 22px;
    height:22px;
    position: absolute;
    right: 7%;
    top:13px;
}

.navbar .navbar-header .admin-right img{
    width: 100%;
}

/*金牌讲师列表css*/
.media{
    border-bottom: 1px solid #e5e5e5;
}
.media-heading span{
    background: #f75f66;
    font-size: 10px;
    color:#fff;
    padding: 1px 4px;
}
.media{
    background-color: #fff;
    margin: 0;
    padding:15px 15px;
}
.media-body{
    position: relative;
    padding: 4px 0px 4px 10px;
}
.media-body .zhiwei{
    font-size: 12px;
    color:#4d4c4c;
}
.media-body .lingyu{
    width:55%;
    margin: 0;
    font-size: 12px;
    color: #868686;
    float: left;
}
.media-body .lingyu p{
    margin-bottom: 2px;
}
.first{
    margin-top: 8px;
}
.media-body .add{
    position: absolute;
    right: 0;
    bottom: 5%;
    padding: 4px 10px;
}
@media only screen and (min-width: 100px) and (max-width: 400px) {
    .media-body .add{
        position: relative;
        float: left;
        margin-top: 2%;
    }
    .first{
        margin-top: 5px;
    }
    .media-body .lingyu{
        width:100%;
    }
}

/*已完成课程css*/
.media-body .px_group{
    margin: 0;
    font-size: 12px;
    color: #868686;
}
.media-body .px_group .first{
    margin-top: 10px;
}
.btn_group .btn-group{
    width: 100%;
}
/*.btn_group .btn-group a:first-child{
	float: left;
}*/
.btn_group .btn-group a:last-child{
    float: right;
}
.media-body .media-heading .img_keshi{
    float:left;
}

.media-body .media-heading div:last-child{
    margin-left: 40%
}
.media-body .kcjj{
    clear:left;
    font-size: 12px;
    color:#4d4c4c;
}
@media only screen and (min-width: 100px) and (max-width: 640px) {
    .media-body .media-heading div:last-child{
        margin-left: 8%;
    }
}


/*课程列表*/
.media .media-body .px_group .listp{
    margin-top: 10px;
}


/*教师详情css*/
.img-gd{
    width:100%;
    max-height: 300px;
}
.container .row .row_title{
    line-height: 34px;
    margin-top: 15px;
    padding: 0 15px;
}
.container .row h5{
    margin-top: 8px;
    padding:0 15px;
}
.container .row p{
    margin-top: 10px;
    padding:0 15px;
    color:#868686;
    text-indent: 24px;
}
.container .row .skill{
    width: 100%;
    margin-top: 10px;
    padding:0 15px;
    color:#868686;
    word-wrap: break-word;
}


/*个人中心*/
.navbar .navbar-header .home_icon{
    width: 22px;
    height:22px;
    position: absolute;
    right: 16px;
    top:13px;
}
.navbar-header .home_icon img{
    width:22px;
    height: 22px;
}
.jumbotron{
    position: relative;
    height: 160px;
    margin-bottom: 15px;
}
.jumbotron .bg_pic{
    position: absolute;
    top:0;
}
.jumbotron .head_picbox{
    width: 78px;
    height:78px;
    position:absolute;
    left: 50%;
    top:26px;
    margin-left: -39px;
}
.jumbotron .head_picbox{
    color:#494545;
}
.jumbotron .head_picbox img{
    width: 100%;
}

.list-group .list-group-item .fa-angle-right{
    line-height: 21px;
}
.list-group .list-group-item div{
    margin-top: -3px;
    margin-right: 8px;
    width: 26px;
    height: 26px;
}
.list-group .list-group-item .item_pic{
    width: 100%;
}

/*课程详情*/
.xq_title{
    margin-top: 10px;
}
.container .ks_box{
    padding-top: 10px;
    margin-bottom: 15px;
    overflow: hidden;
    clear: both;
}
.container .ks_box .shike,.container .ks_box .jiangshi{
    margin-right:15%;
}
.container .ks_box .shike img,.container .ks_box .jiangshi img{
    margin-right: 8px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    color: #f9ba15;
    cursor: default;
    background-color: #fff;
    border-color: transparent;
    border-bottom: 1px solid #f9ba15;
}
.panel-body{
    padding-top: 4px;
}
.nav-tabs>li {
    text-align: center;
    width: 50%;
    float: left;
    margin-bottom: -1px;
}
.tab-content ol li{
    color:#666;
    line-height: 24px;
}
.tab-content p{
    color:#666;
}


/*调查问卷*/
.container .dc_title{
    padding: 15% 5%;
    text-indent: 25px;
}

.container .row .next_btn{
    margin-top: 5%;
}
.container .form-group .radio .fontsize16{
    font-size: 16px;
    line-height: 28px;
}

/*我的教案*/
.navbar .container-fluid .mybtn{
    border: 1px #fff solid;
    position: absolute;
    right:12px;
    top: 8px;
}
.form-group .mycheckbox{
    margin-top: 0px;
    margin-bottom: -1px;
    padding: 10px 15px;
    border: solid 1px #e0e0e0;
    background-color: #fff;
}
.form-group .mycheckbox .time{
    color:#9e9e9e;
    line-height: 25px;
}
.form-group .checkbox .word_icon{
    width:24px;
    height: auto;
    margin: 0 10px;
}


/*个人资料*/
form .myformgrounp{
    margin: 0;
    margin-top: -1px;
    width: 100%;
}
form .form-group .form-control{
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0);
}
form .myformgrounp .myaddon{
    text-align: left;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: #FFF;
    border-right: none;
    width: 25%;
}
form .form-group .myfc{
    -webkit-appearance: none;
    background-color:#fff;
    border-top-color:#ccc ;
    height: 48px;
    border-left: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
.mymodal{
    margin-top: 50px;
}


/*讲师申请*/
.list-group .myitem{
    position: relative;
    padding: 13px 12px;
}
.myinput_file{
    position: absolute;
    right: 0;
    top:0;
    width: 100%;
    height: 48px;
    background: #ff0;
    opacity:0;
}
.list-group .myitem .xj_pic{
    position: absolute;
    right: 32px;
    top: 6px;
}

/*信息详情css*/
.title_small{
    margin-top:4px;
    color: #868686;
}
.title_small span{
    margin-left: 40px;
}
.jj_content{
    text-indent: 12px;
    color: #4d4c4c;
}
.jianli{
    margin-bottom: 40px;
}
.jianli p{
    color: #4d4c4c;
}

/*信息资讯css*/
.media .media-body .new_jj{
    color:#4d4c4c;
}
.media .media-body .new_foot{
    color:#868686;
    margin-top: 4px;
}




/*代理 登陆页面css*/
form .login_form {
    position: relative;
}
form .login_form input{
    height: 42px;
    padding-left:40px;
}
form .login_form .lock_img{
    position: absolute;
    top:8px;
    left:8px;
}
form .loginfoot a{
    color: #787878;
}

.yz_btn{
    height:40px;
    position: absolute;
    right: 0;
    top:1px
}

/*代理个人资料*/
.jumbotron{
    position: relative;
}
.jumbotron .name{
    width: 100%;
    padding: 10px 5%;
    position: absolute;
}
.jumbotron .name h4{
    color: #000000;
}
.jumbotron .name img{
    width: 24px;
    position: absolute;
    right: 11px;
    top:50%;
    margin-top: -12px;
}
.jumbotron .btn_my{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    opacity: 0;
}