body {
    margin: 0 auto;
    padding: 0px;
    font-size: 16px;
    background-color: #EAEAEA;
    font-family: '微软雅黑';
}

img {
    border: 0px;
}

a {
    text-decoration: none;
    color: #666;
}

    a:hover {
        text-decoration: none;
    }

* {
    margin: 0;
    padding: 0;
    list-style: none;
}

#imghead {
    width: 120px;
    height: 120px;
}

.clearfix {
    clear: both;
}

.clearDiv {
    clear: both;
    height: 10px;
    width: 100%;
}

.clearDivfifty {
    clear: both;
    height: 50px;
    width: 100%;
}

.clearDivfive-y {
    float: left;
    clear: both;
    height: 100%;
    width: 25px;
}

/*头部样式*/
.top {
    background: #F6F6F6;
    border-bottom: 2px solid #BEBCBD;
}

.head {
    width: 1200px;
    height: 70px;
    margin: auto;
}

.head_logo {
    width: 280px;
    float: left;
    height: 62px;
    line-height: 62px;
}

.organize_name {
    position: absolute;
    padding-left: 40px;
    font-size: 2em;
}

ul#nav {
    height: 60px;
    background: #188EEE;
    margin: 0 auto;
}

    ul#nav li {
        display: inline-block;
        height: 60px;
        text-align: center;
    }

        ul#nav li a {
            display: inline-block;
            width: 80px;
            padding: 0 20px;
            height: 60px;
            line-height: 60px;
            color: #FFF;
            font-family: "\5FAE\8F6F\96C5\9ED1";
            font-size: 20px;
        }

            ul#nav li a:hover {
                background: #20689A;
            }

.navon {
    background: #20689A;
}
/*设置鼠标滑过或悬停时变化的背景颜色*/
/*内容样式*/
.content {
    width: 1200px;
    height: 800px;
    margin: 5px auto;
}

    .content .left .logo {
        margin-top: 10px;
        height: 120px;
        width: 220px;
        font-size: 12px;
    }

    .content .jg_logo {
        width: 80px;
        height: 80px;
        margin: 8px auto;
        border: 1px solid #C8C6C6;
    }

        .content .jg_logo p {
            margin: 8px auto;
        }

    .content .left {
        width: 220px;
        height: 800px;
        background-color: #EAEAEA;
        float: left;
        border: 1px solid #C8C6C6;
    }

    .content .imgnav {
        width: 26px;
        height: 25px;
        float: left;
        margin: 6px 12px;
    }

.radius {
    background-color: #148FEF;
    height: 40px;
    color: #FFF;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

    .radius a {
        color: #FFF;
    }

.left_nav {
    width: 220px;
    position: relative;
    border-radius: 5px;
    font-size: 18px;
}

    .left_nav li {
        z-index: 2;
        position: relative;
        border-right: #FFF;
    }

    .left_nav .two li {
        width: 97px;
        text-align: left;
    }

        .left_nav .two li a {
            display: block;
            text-align: center;
            font-size: 16px;
        }

    .left_nav li a {
        height: 40px;
        line-height: 40px;
        display: block;
        text-align: left;
        text-decoration: none;
    }

    .left_nav li:hover a {
        text-decoration: none;
    }

    .left_nav .hover {
        width: 218px;
        height: 120px;
        position: absolute;
        left: -5px;
        top: 0px;
        background: #FFF;
        border-top: 1px solid #C8C6C6;
        border-left: 5px solid #198EEE;
        z-index: 1;
        border-right: solid #FFF;
    }

.left_nav_li {
    width: 220px;
    border-radius: 5px;
    font-size: 18px;
}

.right {
    width: 960px;
    height:auto;
    background: #FFFFFF;
    float: left;
    border: 1px solid #EAEAEA;
    margin: 5px auto;
}

/*footer样式*/
.footer {
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: #EAEAEA;
    font-size: 14px;
}


/**content style*/
#teacher_title {
    font-size: 18px;
    /*height: 50px;*/
    line-height: 50px;
    background-color: #EAEAEA;
    text-align: left;
}

    #teacher_title span {
        margin-left: 18px;
    }


#coursemgr {
    width: 800px auto;
}

#course_title {
    background-color: #EAEAEA;
    height: 40px;
    line-height: 40px;
    border: 1px solid #878484;
}

    #course_title span {
        margin-left: 40px;
    }

#course_search {
    height: 70px;
    line-height: 70px;
}

#condition {
    width: 280px;
    float: left;
    margin-left: 60px;
    height: 30px;
    margin-top: 20px;
    border: 1px solid #188EEE;
}

.search {
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 20px;
    border-bottom: 1px solid #188EEE;
    border-top: 1px solid #188EEE;
    border-right: 1px solid #188EEE;
    background: url(../../Images/OrgMgr/search.png) 8px 8px no-repeat;
}

#course_content_title {
    height: 40px;
    line-height: 40px;
    background-color: #F6F6F6;
    text-align: left;
    border-top: 1px solid #878484;
    border-bottom: 1px solid #878484;
    text-indent: 2em;
}

#add_course {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #188EEE;
    width: 120px;
}

.courselist_nav {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #878484;
}

    .courselist_nav ul {
        height: 50px;
        display: block;
    }

        .courselist_nav ul .end {
            margin: 0 auto;
            width: 200px;
            height: 50px;
            text-align: center;
            float: left;
        }

        .courselist_nav ul li {
            margin: 0 auto;
            width: 140px;
            height: 50px;
            text-align: center;
            display: inline-block;
            float: left;
        }

            .courselist_nav ul li a {
                height: 50px;
                display: block;
            }

                .courselist_nav ul li a:hover {
                    width: 140px;
                    border-bottom: 5px solid #188EEE;
                }

            .courselist_nav ul li.on {
                width: 140px;
                border-bottom: 5px solid #188EEE;
            }

#courselist_div {
    margin-left: 30px;
    margin-top: 30px;
    height: 130px;
    color: #878484;
}

    #courselist_div .course_img {
        margin-right: 20px;
        float: left;
    }

        #courselist_div .course_img img {
            width: 160px;
            height: 110px;
        }

    #courselist_div .course_des {
        width: 200px;
        float: left;
        text-align: left;
        word-wrap: break-word;
    }

    #courselist_div .course_status {
        width: 180px;
        height: 130px;
        float: left;
    }

    #courselist_div .course_oprate {
        width: 255px;
        float: right;
        margin-right: 50px;
    }

.teacher_sethot_showdetail {
    border: 1px double #188EEE;
    color: #188EEE;
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 20px;
    font-size: 12px;
    text-align: center;
    display: block;
    width: 100px;
}

#teacher_sethot {
    width: 100px;
}

#teacher_showdetail {
    width: 40px;
}

/* tab样式 消息管理 */

#tab_bar {
    width: 900px;
    height: 55px;
    border-bottom: 1px solid #ccc;
}

    #tab_bar ul {
        padding: 0px;
        margin: 0px;
        height: 30px;
        text-align: center;
    }

    #tab_bar li {
        list-style-type: none;
        float: left;
        width: 150px;
        height: 55px;
        line-height: 55px;
        font-size: 18px;
    }

        #tab_bar li:hover {
            cursor: pointer;
        }

.tab_css {
    height: auto;
    display: none;
    float: left;
    border-top: 0px;
    margin-left: 70px;
}

.cssnameyes {
    width: 100px;
    height: 20px;
    border-bottom: 0px;
    border-bottom: 2px solid #1292F7;
    color: #1292F7;
}

.cssnameno {
    list-style-type: none;
    float: left;
    width: 100px;
    height: 20px;
    color: #666666;
}

/*** 认证设置 **/
.uat_mian {
    width: 100%;
    height: auto;
    height: 657px;
}

.uat_mian_top {
    width: 930px;
    margin: auto;
    height: auto;
}

.div_www_zzjs_net {
    width: 930px;
    border: 1px solid #ccc;
    border-bottom: none;
    position: relative;
    margin: 0 auto;
    padding: 5px;
}

    .div_www_zzjs_net h1 {
        font-size: 16px;
        font-weight: 500;
        color: #666;
        line-height: 35px;
        margin-left: 10px;
        text-align: left;
    }

    .div_www_zzjs_net span {
        position: absolute;
        right: 10px;
        top: 25px;
        cursor: pointer;
        color: #FC9618;
        font-size: 15px;
    }

#P1, #P2, #P3, #P4 {
    text-align: left;
    line-height: 20px;
    border-top: 1px solid #ccc;
    background: #fff;
    padding: 3px;
    margin-top: 5px;
}

#P1, #P2, #P3, #P4 {
    height: 300px;
    overflow: hidden;
    display: none;
}

.uat_password {
    width: 460px;
    margin: auto;
}

.uat_passwordleftright {
    width: 100%;
    height: 35px;
}

.uat_passwordleft {
    width: 130px;
    height: 35px;
    line-height: 35px;
    float: left;
    font-size: 16px;
    text-align: right;
}

.uat_passwordright {
    width: 328px;
    height: 35px;
    float: left;
    text-align: left;
}

    .uat_passwordright input {
        width: 208px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #ccc;
    }

    .uat_passwordright a {
        text-decoration: none;
        color: #188EEE;
        font-size: 14px;
    }

.uat_passwordrightbutton {
    width: 328px;
    height: 35px;
    float: left;
    text-align: left;
}

    .uat_passwordrightbutton a {
        width: 60px;
        height: 30px;
        line-height: 30px;
        display: block;
        text-decoration: none;
        font-size: 14px;
        text-align: center;
        float: left;
    }

.uat_passwordrightbutton1 {
    color: #fff;
    background: #188EEE;
    border: 1px solid #188EEE;
}

.uat_passwordrightbutton2 {
    color: #666;
    background: #fff;
    border: 1px solid #ccc;
}
/*讲师相册管理*/
.mcase {
    margin: 0 auto;
    width: 920px;
    clear: both;
}

    .mcase li {
        float: left;
        display: inline;
        width: 120px;
        height: 120px;
        border: 1px solid #ccc;
        position: relative;
        margin-right: 20px;
        margin-bottom: 10px;
    }

        .mcase li:hover {
            border: 1px solid #178DED;
        }

        .mcase li .mcase_w {
            display: block;
            width: 120px;
            height: 120px;
            position: absolute;
        }

            .mcase li .mcase_w .x {
                width: 35px;
                height: 34px;
                top: 0px;
                position: absolute;
                z-index: 3;
            }

            .mcase li .mcase_w .x {
                background: url(../../images/UserCenter/kc_close.png);
                background-repeat: no-repeat;
            }


.vcase {
    margin: 0 auto;
    width: 960px;
    clear: both;
}

    .vcase li {
        display: inline;
        width: 200px;
        height: 120px;
        border: 1px solid #ccc;
        position: relative;
        margin-right: 20px;
        margin-bottom: 10px;
        float: left;
    }

        .vcase li:hover {
            border: 1px solid #178DED;
        }

        .vcase li .vcase_w {
            display: block;
            width: 200px;
            height: 120px;
            position: absolute;
        }

            .vcase li .vcase_w .x {
                width: 35px;
                height: 34px;
                top: 0px;
                position: absolute;
                z-index: 3;
            }

            .vcase li .vcase_w .x {
                background: url(../../images/UserCenter/kc_close.png);
                background-repeat: no-repeat;
            }

.bgClass {
    border: 1px solid #C8C6C6;
    border-left: 3px solid #198EEE;
    background: #fff;
    width: 222px;
    right: 3px;
}

.btn {
    width: 100px;
    background-color: #188EEE;
    height: 30px;
    line-height: 30px;
    color: #fff;
    margin: auto;
    text-align: center;
}

.head_top_right {
    float: left;
    width: 280px;
    height: 55px;
    line-height: 55px;
    font-size: 20px;
    color: #9A9A9A;
    margin-left: 20px;
}