.layui-layer-title{font-size: 16px;color: #333333;line-height: 60px}
        .tab-pane p ,span{padding: 0;margin: 0;text-align: center;}
        .tabbable {
            width: 100%;
        }
       
        .formbox {
          top: 17px;
          right: -800px;
          width:270px;
          padding: 20px;
          background-color: rgba(0,0,0,0.3);
          float: right;
            margin-top: 25px;
            margin-right: 30px;
        }
        .formbox h4 {
          margin: 30px 0;
          font-size: 28px;
          font-weight: bold;
          color: #fff;
          text-align: center;
        }
        .formbox p {
          text-align: center;
          color: #fff;
        }
        .formbox input {
          width: 100%;
          height: 45px;
          line-height: 45px;
          margin-bottom: 18px;
          border: none;
          border-radius: 3px;
        }
        .formbox input.ipt {
          padding: 0 1em;
        }
        .formbox input.smt {
          font-size: 18px;
          font-weight: 800;
          color: #fff;
          letter-spacing: 5px;
          background-color: #ffaa00;
          transition-duration: 0.4s;

        }
        .formbox input.smt:hover{
          background-color: #ff7700;
          transition-duration: 0.4s;

        }
        .relevant{
            width: 100%;
            margin-left: 0px; 
             margin-top: 0px; 
        }
        .title{
            width: 100%;
            border-bottom: 1px solid #f2f3f5;
            padding-left: 30px;
        }
      
        .send {
            padding: 9px 2px 20px 0;
            border: 0px solid #ccc;
            width: 99%;
        }
        .send textarea{
            width: 979px;
        }
        .comment-count{
            width: 1119px;

        }
        .comment{
            width:1099px;

        }
        .teacher{
            width: 100%;
        }
        .courses-list li{
            width: 265px;
            height: 176px;
        }
        .courses-img{
            width: 265px;
            height: 176px;
        }
        .projection{
            width: 265px;
        }
        .mask{
        width: 265px;
        height: 176px;
        margin-top: -177px;
        }
        .nav-tabs{
            font-size: 18px;
        }
        .tab-pane p, span {
            padding: 0;
            margin: 0;
            text-align: left;
        }
        .tab-pane  p img{
            width: 100%;
        }
        body{
            background-color: #ffffff;
        }
         ul a:first-of-type li{margin-left: 0px;} 
        .courses-list  li{
            margin-left: 40px;
        }
        .table th, .table td {
            /*text-align: center;*/
            vertical-align: middle;

        }
        tbody{
            background-color:#F0F0F0;
        }
        .direction-reveal--3-grid-flexbox .direction-reveal__card{
            max-width: 23.3%;
          }
            .team{
            width: 280px;
            height: 115px;
            margin-top:-110px;
            position:absolute;
            background-color: rgb(6,6,8,0.7);
        }

        .direction-reveal a:hover .team{
            opacity: 0;
        }

        .teacher_name{
            font-size: 24px;
            color:#ffffff;
            font-weight: 500;
            margin-left: 30px;
            position: relative;
            top: 10px;
        }
        .teacher_school{
    font-size: 18px;
    color:#ffffff;
    margin-left: 30px;
    position: relative;
    top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 240px;
}
        .students_words{
            width: 100%;
            height: 658px;
            background-color: #ffffff;
        }
        .learning_img{
            width: 100%;
            height: 80px;
            margin-top: 278px;
        }
        .learning_border{
            width: 390px;
            height: 80px;
            float: left;
        }
        .direction-reveal--3-grid-flexbox{
            margin-right: 0px; 
            margin-left: 0px; 
        }

.comment-text{
    width: 100%;
    height: auto;
    border-top: 0px solid #cfcfcf;
    margin-top: 30px;
}
.count{
    width: 100%;
    height: 50px;
    line-height: 70px;
}
.comment-1{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 30px;
    border-bottom: 1px solid #cfcfcf;
}
.comment-user-img{
    width: 70px;
    text-align: center;
    float: left;
    height: 100%;
}
.comment-user-img img{
    width: 50px;
    height: 50px;
}
.comment-user-name{
    float: left;
    width: 1070px;
    height: 40px;
    line-height: 40px;
}
.comment-user-name span{
    padding: 0 10px;
}
.comment-2{
    width: 1070px;
    float: left;
    height: auto;
    line-height: 25px;
    padding: 10px 0 10px 10px;
    word-break: break-all;word-wrap: break-word;
}
.reply{
    width: 738px;
    float: left;
    height: auto;
    line-height: 25px;
    margin: 6px 0px 0px 70px;
    border: 1px solid #cfcfcf;
    padding: 10px 0 10px 10px;
    background: #f0f0f0;
}
.reply-name{
    height: 30px;
    line-height: 30px;
}
.reply-text{
    line-height: 25px;
    word-break: break-all;word-wrap: break-word;
}

.reply em, .up{display:block;width:30px;height:16px;font-size:30px;overflow:hidden;_position:relative;margin-left:20px;}
.reply em{margin-top:-24px;color:#cfcfcf;font-style:normal;}
.reply .up{margin-top:-14px;color:#f0f0f0;}
.comment-fabulous{
    height: 70px;
    line-height: 70px;
    text-align: right;
    float: left;
    width: 1070px;
    margin-left: 70px;
    padding-left:  10px ;
}
.comment-fabulous i{
    border-left: 1px solid #cfcfcf;
    margin: 0 20px;
}
.huifu{
    display: none;
    float: left;
    width: 1070px;
    height: auto;
    margin-left: 70px;
    margin-bottom: 20px;
}