body {
    width: 100%;
    font-size: 14px;
    background: #fff;
   overflow-x:hidden;
}
/*头部**/
#topdiv {
    min-width: 1200px;
    height: 85px;
    background: #303642;
    position: relative;
}
/*头部logo**/
.top_all {
    margin: 0 auto;
    position: relative;
}

.top_logo {
    /*position:absolute;
top:15px;
left:50px;*/
    /*width: 403px;*/
    float: left;
    position:relative;
}

@font-face {
/*    font-family: "myFirstFont";
    src: url('../../font/zt.eot');
   */ src: url('../../font/zt.eot?#iefix') format('embedded-opentype'), url('../../font/zt.woff') format('woff'), url('../../font/zt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

			
    .top_logo img {
        display: block;
        margin: 10px auto;
        height: 60px;
        float:left;
    }
  .top_logo h1
{  
      padding:12px 5px 12px 10px;
      color:#fff;
      margin-top:14px;
      letter-spacing:5px;
       font-family:"myFirstFont";
        font-weight:normal;
     
float:left;
}
.top_logo i {
float:left;
margin-left:10px;
margin-right:13px;
width:2px;
height:30px;
background:#fff;
margin-top:27px;
}

    .top_logo span {
        font-size:22px;
     float:left;
      color:#fff;
      line-height:83px;
      letter-spacing:5px;
       font-family:"myFirstFont";
        font-weight:normal;
    }
.Note_search {
    width: 220px;
    border: 1px solid #dcdcdc;
    overflow: hidden;
    height: 30px;
    height: 23px\9;
}

    .Note_search select {
        width: 80px;
        float: left;
        margin: 0;
        border: none;
        height: 30px;
        height: 23px\9;
        border-right: 1px solid #dcdcdc;
    }

    .Note_search input {
        width: 100px;
        float: left;
        height: 30px;
        height: 23px\9;
        padding: 3px 0\9;
        border: none;
    }

    .Note_search img {
        margin-top: 1px;
        margin-top: -2px\9;
        display: inline-block;
    }
/*头部登录*/
.loginUser {
    display: inline-block;
    width: 50px;
    height: 30px;
    line-height: 30px;
    background: #10AE59;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
/*头部导汗条*/

.top_nav {
    position: absolute;
    right: 300px;
    height: 85px;
}

    .top_nav ul li {
        float: left;
        width: 100px;
        text-align: center;
    }

        .top_nav ul li a {
            display: block;
            height: 85px;
            line-height: 85px;
            color: #fff;
        }

            .top_nav ul li a:hover, .top_nav ul li.active a {
                background: #5A5E69;
            }

.top_user {
    position: absolute;
    right: 80px;
   /* width: 100px;*/
   padding-right:20px;
    height: 85px;
    line-height: 85px;
    top: 0;
}
    .top_user label {
    color:#fff;
    display:inline-block;
    max-width:100px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    }
    .top_user img {
        float: left;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin: 20px auto;
        margin-right: 3px;
        border: 2px solid #fff;
    }

    .top_user .caret {
        width: 0;
        height: 0;
        border-top: 8px solid #fff;
        border-bottom: 8px solid transparent;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        position: absolute;
        right: 0;
        top: 36px;
    }

    .top_user .caret_up {
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid #fff;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        position: absolute;
        right: 0;
        top: 26px;
    }

    .top_user ul {
        position: absolute;
        top: 75px;
        background: #35384B;
        width: 100px;
        left: 15px;
        text-align: center;
        padding: 10px 0;
        display: none;
        z-index: 9999;
    }

        .top_user ul li {
            line-height: 25px;
            cursor: pointer;
        }

            .top_user ul li a {
                color: #fff;
                display: block;
            }

                .top_user ul li a:hover {
                    background: #5A5E69;
                }

.tab_menu_con {
    position: relative;
}
/*登录框*/
.loginAlert {
    background: #fff;
    width: 500px;
    border: 1px solid #dcdcdc;
}

.dlgtitle {
    width: 500px;
    height: 85px;
    background: url('../../Img/icon/logo.png') no-repeat 220px 25px;
    color: #555;
    cursor: pointer;
    position: relative;
    margin: 0 0 30px 0;
}

    .dlgtitle div {
        width: 100%;
        height: 30px;
        position: absolute;
        bottom: 0px;
        border-bottom: 1px solid #dcdcdc;
    }

        .dlgtitle div h2 {
            width: 180px;
            background: #fff;
            position: absolute;
            left: 0;
            right: 0;
            top: 16px;
            margin: 0 auto;
            color: #10AE59;
        }

    .dlgtitle .close {
        float: right;
        color: #555;
        margin-right: 20px;
        font-size: 26px;
    }

    .dlgtitle label.zcBtn {
        position: absolute;
        bottom: -30px;
        right: 10px;
        color: #555;
        font-size: 12px;
        cursor: pointer;
    }

.dlgcontent {
    width: 500px;
    margin: 20px auto;
    clear: both;
    background: #fff;
}

    .dlgcontent .mess {
        color: #FFA767;
        padding: 10px 30px 0 30px;
    }
/*登录页面**/
#loginfrm, #registerFrm {
    width: 460px;
    padding: 5px 30px 10px 20px;
}

    #loginfrm table, #registerFrm table {
        width: 100%;
    }

    #loginfrm td {
        width: 100%;
        height: 30px;
        border-bottom: 10px;
    }

        #loginfrm td .input input,#loginfrm td .inputyz input {
            width: 90%;
            display: inline-block;
            border: 1px solid #C9C9C9;
            height: 33px;
            line-height: 33px;
            background: #fff;
            color: #555;
            margin: 0 auto;
            padding: 0 0px 0 30px;
            background: url('../../Img/icon/loginUser.png') no-repeat 5px 4px,#fff;
            background: url('../../Img/icon/loginUser.png') no-repeat 5px 4px \9;
            position: relative;
            left: 1px;
        }

        #loginfrm td .input #upw {
            background: url('../../Img/icon/loginPsw.png') no-repeat 5px 4px;
        }

        #loginfrm td .input,#loginfrm td .inputyz {
            position: relative;
            width: 80%;
            overflow: hidden;
            margin: 10px auto;
        }

            #loginfrm td .input span {
                position: absolute;
                left: 35px;
                top: 10px;
                color: #B1B1B1;
            }


            #loginfrm td .input i {
                position: absolute;
                right: 5px;
                top: 6px;
                width: 25px;
                height: 25px;
                z-index:10;
            }

                #loginfrm td .input i.ycmm {
                    background: url(../../Img/icon/ckpsw.png) no-repeat;
                    background-size:25px;
                }

                #loginfrm td .input i.gbmm {
                    background: url(../../Img/icon/gbpsw.png) no-repeat;
                    background-size: 25px;
                }
        #loginfrm td.operCheck {
            line-height: 32px;
            cursor: pointer;
        }

            #loginfrm td.operCheck .jzPsw {
                width: 80%;
                margin: 0px auto;
            }

            #loginfrm td.operCheck .psw {
                color: #10AE59;
            }

                #loginfrm td.operCheck .psw span {
                    position: relative;
                    float: left;
                    margin-top: 9px;
                    margin-right: 10px;
                    width: 15px;
                    height: 15px;
                    border: 1px solid #dcdcdc;
                }

                    #loginfrm td.operCheck .psw span.active i {
                        position: absolute;
                        width: 8px;
                        height: 8px;
                        background: #10AE59;
                        right: 0;
                        top: 0;
                        left: 0;
                        margin: 3px auto;
                    }

        #loginfrm td .loginUser {
            width: 80%;
            background: #10AE59;
            color: #fff;
            display: block;
            margin: 0px auto;
        }

        #loginfrm td.notes .noteMess {
            width: 80%;
            margin: 10px auto;
        }

        #loginfrm td.notes label {
            color: #10AE59;
            display: block;
            margin-bottom: 5px;
        }

        #loginfrm td.notes p {
            line-height: 25px;
            height: 25px;
            color: #868686;
        }

    #loginfrm .ymName {
        color: #029CDA;
        cursor: pointer;
        font-size: 13px;
    }

        #loginfrm .ymName:hover {
            text-decoration: underline;
        }

.dlbottom {
    width: 500px;
    height: 30px;
}

    .dlbottom img {
        width: 100%;
        display: block;
        height: 30px;
    }
/**注册页面*/
#registerFrm table {
    width: 80%;
    margin: 0px auto;
}

    #registerFrm table td {
        height: 40px;
        line-height: 40px;
        color: #555;
    }

        #registerFrm table td.label {
            width: 120px;
        }

        #registerFrm table td label, #registerFrm table td img {
            float: left;
            margin-left: 10px;
        }

        #registerFrm table td img {
            margin-top: 10px;
            width: 20px;
            height: 20px;
        }

        #registerFrm table td input, #registerFrm table td select {
            height: 25px;
            border: 1px solid #dcdcdc;
            width: 180px;
        }

        #registerFrm table td span.yzmNum {
            display: inline-block;
            margin-left: 10px;
            color: #4400FE;
            font-weight: 600;
        }

        #registerFrm table td .ResigertBtn {
            width: 100%;
            display: block;
            height: 30px;
            line-height: 30px;
            background: #10AE59;
            text-align: center;
            cursor: pointer;
            color: #fff;
        }
/*版权位置*/
#copyrightdiv {
    width: 100%;
    min-width: 1200px;
    height: 250px;
    background: #303642;
    overflow: hidden;
}

.copyright_con {
    width: 1200px;
    min-width: 1200px;
    position: relative;
    margin: 30px auto;
    overflow: hidden;
}

.copy_left {
    float: left;
    color: #fff;
}
    .copy_left .logoimg {
    
    overflow:hidden;
    }
        .copy_left .logoimg img {
        float:left;
        margin-right:10px;
        }
        .copy_left .logoimg h1 {
         float:left;
         margin-top:15px;
         font-family:"myFirstFont";
         letter-spacing:5px;
        }
    .copy_left p.copy_left_con {
        width: 550px;
        line-height: 30px;
    }

    .copy_left p {
        line-height: 35px;
    }

.copyright_con dl {
    width: 250px;
}

    .copyright_con dl dt {
        float: left;
        margin-top: 10px;
    }

    .copyright_con dl dd {
        float: left;
        margin: 10px 8px;
        position: relative;
    }
/*二维码图标*/
.copyright_con dd.ewm .webchat {
    position: absolute;
    width: 179px;
    height: 90px;
    background: url(../../Img/Ccomm/erweima.png) no-repeat;
    top: -100px;
    left: -80px;
    display: none;
}

    .copyright_con dd.ewm .webchat i {
        position: absolute;
        bottom: -10px;
        left: 80px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
        border-bottom: 5px solid transparent;
    }

.copy_right dl dd.qqicon a {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('../../Img/Ccomm/qq.png');
}

    .copy_right dl dd.qqicon a:hover {
        background: url('../../Img/Ccomm/qq-after.png');
    }

.copy_right dl dd.phone .phoneNum {
    position: absolute;
    width: 150px;
    line-height: 25px;
    height: 25px;
    top: -35px;
    left: -60px;
    background: #fff;
    color: #555;
    text-align: center;
    border-radius: 5px;
    display: none;
}

.copy_right dl dd.phone:hover .phoneNum {
    display: block;
}

.copy_right dl dd.phone .phoneNum i {
    position: absolute;
    bottom: -10px;
    left: 65px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    border-bottom: 5px solid transparent;
}

.copy_right {
    float: right;
    color: #fff;
    margin-right:80px;
    /*margin-top: 50px;*/
}

    .copy_right p a {
        color: #fff;
    }

    .copy_right dl {
        margin-top: 30px;
    }

        .copy_right dl dd {
            margin-left: 20px;
        }

            .copy_right dl dd.app {
                margin-top: 6px;
            }

/**新的底部*/

    .copy_right .copy_img {
    margin-bottom:0px;
    overflow:hidden;
    }
        .copy_right .copy_img div {
        float:left;
        text-align:center;
        margin-right:0px;
        margin-left:50px;
        }
            .copy_right .copy_img div img {
            display:block;
            width:110px;
            }
            .copy_right .copy_img div a {
            color:#fff;
            display:block;
            line-height:30px;
            }
/*用户信息展示*/
#user_infrom {
    width: 100%;
    height: 120px;
    background: #fff;
    position: relative;
    margin-bottom: 10px;
}

.UserFormDiv {
   /* width: 1200px;*/
    margin: 0   10px;
    height: 120px;
    position: relative;
}
/*.UserFormDiv .BgImg {
width:1200px;
height:120px;
position:absolute;

}*/
#user_infrom .BgChange {
    position: absolute;
    width: 100%;
    height: 120px;
    top: 0;
    left: 0;
}

    #user_infrom .BgChange img {
        position: absolute;
        width: 100%;
        height: 120px;
        display: block;
    }
/**图片*/
/*.ChangeSkin{
position:absolute;
right:30px;
top:10px;
    
}
.ChangeSkin a.hf {

cursor:pointer;
width:32px;
display:block;
height:32px;
background:url('../../Img/icon/hf.png') no-repeat;
}
    .ChangeSkin a.hf:hover {
    background:url('../../Img/icon/hf_a.png') no-repeat;
    }
.ChangeSkin span {
color:#fff;
position:absolute;
top:25px;
right:10px;
font-size:16px;
z-index:2;

}
.ChangeSkin .Con {
display:none;
}
.ChangeSkin ul {
width:200px;
padding:20px;
background:#fff;
position:absolute;
right:0px;
top:40px;
border:1px solid #dcdcdc;
box-shadow:3px 3px 10px #888;
}
.ChangeSkin ul li {
height:30px;
margin-bottom:5px;
cursor:pointer;
position:relative;
}
    .ChangeSkin ul li:hover img{
    border:1px solid #dcdcdc;
    }
.ChangeSkin ul li label {
position:absolute;
right:10px;
top:12px;
background:url('../../Img/icon/xz.png') no-repeat;
width:8px;
height:8px;
display:none;
}
.ChangeSkin ul li.active label {
display:block;
}
.ChangeSkin ul img {
width:200px;
height:30px;
}*/
.img_mess {
    /*position:absolute;
left:160px;
top:30px;
width:550px;*/
    position: absolute;
    margin-top: 25px;
    z-index: 999;
}

    .img_mess img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        float: left;
        border: 2px solid #fff;
    }

    .img_mess .user_mess {
        float: left;
        margin-left: 20px;
        margin-top: 20px;
    }

        .img_mess .user_mess span {
            display: block;
            font-weight: bold;
            color: #292927;
            line-height: 22px;
        }

#user_infrom .loginMess {
    /*position:absolute;
right:80px;
top:30px;*/
    position: absolute;
    top: 40px;
    right: 10px;
    z-index: 88;
}

    #user_infrom .loginMess a {
        display: block;
        line-height: 25px;
        height: 25px;
        color: #474A53;
    }
/*中间内容开始*/
#Ccontent {
  /*  width: 1250px;*/
    margin: 10px 2px;
}
/*左边内容*/
#con_left {
    width: 248px;
    border: 1px solid #dcdcdc;
    float: left;
    /*min-height:500px;*/
    background: #fff;
    border-bottom: none;
}

    #con_left .menu_load li a {
        display: block;
        width: 248px;
        height: 45px;
        text-align: center;
        line-height: 45px;
        color: #211717;
        font-weight: 500;
        font-family: "微软雅黑";
        border-bottom: 1px solid #C8C8C8;
        position: relative;
        font-size: 15px;
        cursor: pointer;
    }

        #con_left .menu_load li a.mykc {
            background: url(../../Img/icon/mykc.png) no-repeat 50px 12px;
        }

        #con_left .menu_load li a.ptxx {
            background: url(../../Img/icon/ptxx.png) no-repeat 50px 12px;
        }

        #con_left .menu_load li a.zyxx {
            background: url(../../Img/icon/zyxx.png) no-repeat 50px 12px;
        }

        #con_left .menu_load li a.ksxx1 {
            background: url(../../Img/icon/ksxx1.png) no-repeat 50px 12px;
        }

        #con_left .menu_load li a.zssq {
            background: url(../../Img/icon/zssq.png) no-repeat 50px 12px;
        }

        #con_left .menu_load li a.zydt {
            background: url(../../Img/icon/zydt.png) no-repeat 50px 12px;
        }

        #con_left .menu_load li a.jbxx {
            background: url(../../Img/icon/jbxx.png) no-repeat 50px 12px;
        }

        #con_left .menu_load li a.dsxx {
            background: url(../../Img/icon/dsxx.png) no-repeat 50px 12px;
        }

        #con_left .menu_load li a.Course-assignments {
            background: url(../../Img/icon/Course-assignments.png) no-repeat 50px 12px;
        }

        #con_left .menu_load li.active a.mykc, #con_left .menu_load li a.mykc:hover {
            background: url(../../Img/icon/mykc_1.png) no-repeat 50px 12px;
        }

        #con_left .menu_load li.active a.ptxx, #con_left .menu_load li a.ptxx:hover {
            background: url(../../Img/icon/ptxx_1.png) no-repeat 50px 12px;
        }

        #con_left .menu_load li.active a.zyxx, #con_left .menu_load li a.zyxx:hover {
            background: url(../../Img/icon/zzxx_1.png) no-repeat 50px 12px;
        }

        #con_left .menu_load li.active a.ksxx1, #con_left .menu_load li a.ksxx1:hover {
            background: url(../../Img/icon/ksxx_2.png) no-repeat 50px 12px;
        }

        #con_left .menu_load li.active a.zssq, #con_left .menu_load li a.zssq:hover {
            background: url(../../Img/icon/zssq_1.png) no-repeat 50px 12px;
        }

        #con_left .menu_load li.active a.zydt, #con_left .menu_load li a.zydt:hover {
            background: url(../../Img/icon/zydt_1.png) no-repeat 50px 12px;
        }

        #con_left .menu_load li.active a.jbxx, #con_left .menu_load li a.jbxx:hover {
            background: url(../../Img/icon/jbxx_1.png) no-repeat 50px 12px;
        }

        #con_left .menu_load li.active a.dsxx, #con_left .menu_load li a.dsxx:hover {
            background: url(../../Img/icon/dsxx_1.png) no-repeat 50px 12px;
        }

        #con_left .menu_load li.active a.Course-assignments, #con_left .menu_load li a.Course-assignments:hover {
            background: url(../../Img/icon/Course-assignments_1.png) no-repeat 50px 12px;
        }
        #con_left .menu_load li.active a.tjkj, #con_left .menu_load li a.tjkj:hover {
            background: url(../../Img/icon/tjkj_2.png) no-repeat 50px 12px;
        }
    #con_left .menu_load li a.tjkj {
    background: url(../../Img/icon/tjkj.png) no-repeat 50px 12px;
    }
      #con_left .menu_load li.active a.tjkj_1 {
            background: url(../../Img/icon/tjkj.png) no-repeat 50px 12px;
        }
    #con_left .menu_load li a.tjkj_1, #con_left .menu_load li a.tjkj_1:hover {
    background: url(../../Img/icon/tjkj_3.png) no-repeat 50px 12px;
    }


     #con_left .menu_load li a.ttlzq{
    background: url(../../Img/icon/Discuss-the-zone.png) no-repeat 50px 12px ;
    }

       #con_left .menu_load li.active a.ttlzq, #con_left .menu_load li a.ttlzq:hover {
    background:#10AE59 url(../../Img/icon/Discuss-the-zone_1.png) no-repeat 50px 13px !important;
     color: #fff;
    }


#Stu_Left .Bzy_nav li a.yxzp, #Stu_Left .Stu_nav li a.yxzp {
    background: url(../../Img/icon/yxicon.png) no-repeat 50px 12px !important;
}

    #Stu_Left .Bzy_nav li.active a.yxzp, #Stu_Left .Bzy_nav li a.yxzp:hover, #Stu_Left .Stu_nav li.active a.yxzp, #Stu_Left .Stu_nav li a.yxzp:hover {
        background: #10AE59 url(../../Img/icon/yxicon_1.png) no-repeat 50px 12px !important;
        color: #fff !important;
    }

    #con_left .menu_load li.active {
        background: #10AE59;
    }

        #con_left .menu_load li.active a {
            color: #fff;
        }

    #con_left .menu_load li:hover {
        background: #10AE59;
    }

        #con_left .menu_load li:hover a {
            color: #fff;
        }
/*右边内容*/
#con_right {
    /*width: 984px;*/
    /*border:1px solid #D3D3D3;*/
    /*float: right;*/
    /*background:#fff;*/
    margin-left:252px;
    min-height: 500px;
    position:relative;
}

    #con_right .tab_title, #Stu_Right .tab_title {
     /*   width: 973px;*/
        height: 45px;
        padding-left: 10px;
        background: #10AE59;
    }

        #con_right .tab_title li, #Stu_Right .tab_title li {
            float: left;
            margin-left: 20px;
        }

            #con_right .tab_title li a, #Stu_Right .tab_title li a {
                display: block;
                width: 120px;
                height: 43px;
                line-height: 45px;
                color: #fff;
                font-weight: 500;
                text-align: center;
                cursor: pointer;
                font-size: 16px;
            }
            /*我的课程*/
            #con_right .tab_title li.last_icon {
                float: right;
                margin-top: 15px;
            }

.last_icon .icon_kc {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../Img/icon/lb_1.png) no-repeat;
}

#con_right .tab_title li.active a {
    border-bottom: 2px solid #fff;
}
/***/
#con_right .tab_con {
 /*   width: 960px;*/
    margin: 20px 10px;
    background: #fff;
}


#Stu_Right .tab_title li select.xq {
    outline:none;
    border:1px solid #ccc;
    color:#555;
    height:25px;
}



/*作业信息*/
.home_con ul li dt a {
    background: url('../../Img/icon/Homework-icon.png') no-repeat 0 0px;
}

.home_con .homeWork {
    display: none;
}

    .home_con .homeWork .home_sub {
        width: 950px;
        border-left: 5px solid #12AE5A;
        margin: 10px auto;
        height: 80px;
        background: #F3F7F8;
    }

        .home_con .homeWork .home_sub .home_left {
            width: 330px;
            height: 80px;
            text-indent: 2em;
        }

        .home_con .homeWork .home_sub .home_cent {
            width: 330px;
            height: 80px;
            text-indent: 2em;
        }

        .home_con .homeWork .home_sub .home_right {
            width: 280px;
            height: 80px;
            text-align: center;
        }

            .home_con .homeWork .home_sub .home_right a {
                display: block;
                width: 80px;
                height: 30px;
                text-align: center;
                line-height: 30px;
                color: #fff;
                background: #11AF5A;
                border-radius: 3px;
                margin: 25px auto;
            }
/*问卷调查*/
#Query_Action {
    min-height: 500px;
    background: #fff;
    border: 1px solid #dcdcdc;
}

.ques_con ul li dt a {
    background: url('../../Img/icon/Questionnaire-icon.png') no-repeat 0 0px;
}

.ques_con ul li dd {
    color: #555;
}

.Query_serach {
    width: 95%;
    line-height: 35px;
    overflow: hidden;
    margin: 10px auto;
    color: #555;
}

    .Query_serach label {
        float: left;
        margin-right: 10px;
        line-height: 30px;
    }

    .Query_serach input {
        border: 1px solid #dcdcdc;
        padding: 5px 10px;
        color: #555;
        float: left;
    }

    .Query_serach a.Query_btn {
        float: left;
        background: #10AE59;
        color: #fff;
        line-height: 25px;
        border-radius: 3px;
        text-align: center;
        cursor: pointer;
        width: 60px;
        margin-left: 10px;
        margin-top: 1px;
    }

/*没消息的样式*/
.no_mess {
    width: 100%;
    margin: 100px auto;
}

    .no_mess img {
        display: block;
        margin: 150px auto;
    }

.ques_con ul li {
    border: 1px solid #CFE6EF;
    border-right: none;
    border-left: none;
    margin-bottom: 10px;
}

    .ques_con ul li .wj_bottom {
        width: 100%;
        overflow: hidden;
    }

        .ques_con ul li .wj_bottom .wj_user {
            float: right;
        }

        .ques_con ul li .wj_bottom .wj_staut {
            float: left;
        }

        .ques_con ul li .wj_bottom .wj_btn {
            display: inline-block;
            width: 80px;
            height: 30px;
            line-height: 30px;
            background: #10AE59;
            text-indent: 0;
            text-align: center;
            color: #fff;
            box-shadow: 0px 0px 10px #888;
            border-radius: 5px;
            margin-left: 10px;
            margin-left: 30px;
            cursor: pointer;
        }

#con_right .ques_con ul li dt {
    overflow: hidden;
}

    #con_right .ques_con ul li dt a {
        display: inline-block !important;
        max-width: 600px;
        text-overflow: ellipsis;
        overflow: hidden;
        float: left;
        white-space: nowrap;
    }

.ques_con ul li dt label {
    float: left;
    margin-left: 20px;
    color: #989898;
}

#con_right .ques_con ul li dd.showArticle {
    height: 50px;
    overflow: hidden;
}

/*证书申请*/
.CerApply {
/*    width: 980px;*/
    padding: 10px 5px;
}

    .CerApply li {
        margin-bottom: 30px;
           border-left: 2px solid #11AD59;
           background:#efefef;
           padding-bottom:10px;
    }

        .CerApply li a.CerHead {
            width: 400px;
            padding-left: 20px;
            height: 40px;
            line-height: 40px;
            color: #343A45;
            overflow: hidden;
            font-size: 18px;
            font-weight: 600;
        }

        .CerApply li a.customChat {
            float: right;
            margin-right: 40px;
            margin-top: 8px;
            border: 1px solid #05A1EC;
            border-radius: 10px;
            line-height: 25px;
            padding-left: 40px;
            padding-right: 10px;
            color: #05A1EC;
            background: #fff url(../../Img/icon/customChat.png) no-repeat 10px 3px;
        }

        .CerApply li a.CerHead img {
            float: left;
            margin-top: 9px;
        }

        .CerApply li a.issueTime {
            width: 300px;
            float: right;
            margin-top: 5px;
            color: #444B53;
        }

        .CerApply li .Cer_mess {
            width: 100%;
         
         
            overflow: hidden;
            padding: 10px 0 0 0;
        }

            .CerApply li .Cer_mess .Cer_moudel {
                float: left;
                padding-left: 10px;
            }

                .CerApply li .Cer_mess .Cer_moudel img {
                    display: inline-block;
                    margin-left: 20px;
                    cursor: pointer;
                }

                .CerApply li .Cer_mess .Cer_moudel .imgBtn {
                    height: 40px;
                    margin-bottom: 30px;
                }

                .CerApply li .Cer_mess .Cer_moudel a.alabel, .CerApply li .Cer_mess .Cer_moudel div.alabel {
                    display: block;
                    line-height: 30px;
                    max-width: 280px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    color: #444B53;
                    margin-bottom: 10px;
                }

                    .CerApply li .Cer_mess .Cer_moudel a.alabel input, .CerApply li .Cer_mess .Cer_moudel div.alabel select {
                        width: 145px;
                        height: 25px;
                        line-height: 25px;
                        border: 1px solid #dcdcdc;
                        color: #444B53;
                        text-align: center;
                    }

            .CerApply li .Cer_mess .Apply_btn, .enterHome {
                display: inline-block;
                padding: 0 10px;
                height: 30px;
                line-height: 30px;
                color: #fff;
                background: #10AE59;
                margin: 20px auto;
                text-align: center;
                cursor: pointer;
            }

.Cer_con h4 {
    font-weight: 600;
    color: #323642;
    text-indent: 2em;
    font-size: 16px !important;
}

.Cer_con p {
    color: #444B53;
    padding-left: 20px;
    line-height: 25px;
    font-size: 14px;
}

.CerApply li .Cer_Class {
  padding:0 10px;
  color:#444B53;
}
    .CerApply li .Cer_Class > div {
    overflow:hidden;
    margin-bottom:10px;
    }
        .CerApply li .Cer_Class > div label {
        
        float:left;

        }

 .CerApply li .Cer_Class .classdiv span {
     float:left;
     width:600px;
}
/*大赛项目*/
.CompetProDiv {
    background: #fff;
    border: 1px solid #dcdcdc;
}

.CompetPro {
    width: 940px;
    padding: 10px 20px;
    overflow: hidden;
}

    .CompetPro li {
        float: left;
        width: 205px;
        padding: 5px;
        height: 150px;
        position: relative;
        margin: 0 15px 20px 0;
        overflow: hidden;
    }

        .CompetPro li.active a {
            border: 1px solid #24B0FF;
        }

        .CompetPro li img {
            width: 205px;
            height: 150px;
        }

        .CompetPro li a {
            display: block;
            width: 205px;
            height: 148px;
        }

        .CompetPro li span {
            position: absolute;
            width: 205px;
            height: 45px;
            background: #25B1FF;
            bottom: -20px;
            left: 0px;
            color: #fff;
            padding-left: 10px;
            padding-top: 5px;
            line-height: 20px;
        }

        .CompetPro li.active span {
            bottom: 0px;
        }

        .CompetPro li span i {
            font-style: normal;
            display: block;
            margin-top: 5px;
        }
/*考试信息*/
.TestMessDiv {
    background: #fff;
    border: 1px solid #dcdcdc;
    min-height: 700px;
}

.ExamMess {
    width: 940px;
    padding: 10px 20px;
}

    .ExamMess li {
    }

        .ExamMess li a.ExamHead {
            display: block;
            padding-left: 30px;
            height: 40px;
            overflow: hidden;
            line-height: 40px;
            color: #565656;
        }

            .ExamMess li a.ExamHead img {
                float: left;
                margin-right: 10px;
                margin-top: 8px;
            }

        .ExamMess li .Exam_mess {
            width: 920px;
            border-left: 5px solid #10AE57;
            padding: 10px 0 0 20px;
            overflow: hidden;
            background: #F3F7F8;
            color: #464A55;
        }

            .ExamMess li .Exam_mess .Exam_module {
                width: 450px;
                float: left;
            }

                .ExamMess li .Exam_mess .Exam_module span {
                    display: block;
                    line-height: 30px;
                }

            .ExamMess li .Exam_mess .ExamTime {
                float: right;
                color: #464A55;
                margin-right: 30px;
                margin-bottom: 10px;
            }
/**笔记主题内容*/
.StuyNote_left .Note_left_con {
/*    width: 729px;
*/    padding-left: 15px;
    /*border-right:1px solid #dcdcdc;*/
    border-top: none;
    font-size: 14px;
    background: #fff;
}

    .StuyNote_left .Note_left_con .order_way {
        width: 300px;
        height: 30px;
        line-height: 30px;
        margin: 20px 0;
    }

        .StuyNote_left .Note_left_con .order_way label {
            color: #5A5F65;
        }

.Note_left_con .order_way .order_btn {
    display: inline-block;
    width: 100px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #8A8A8A;
    cursor: pointer;
    position: relative;
}

.Note_left_con .order_way .active {
    color: #fff;
    background: #10AD56;
}

.Note_left_con .order_way .order_btn span {
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #fff;
    right: 2px;
    top: 5px;
    color: #fff;
}

.Note_left_con .Note_list {
    width: 100%;
}

    .Note_left_con .Note_list li {
        position: relative;
        margin-bottom: 10px;
    }

        .Note_left_con .Note_list li .Note_user {
      /*      width: 731px;*/
            height: 50px;
            line-height: 50px;
            margin-bottom: 5px;
            position: relative;
        }

img {
    padding: 0;
    margin: 0;
}

.Note_left_con .Note_list li .Note_user .userImg {
    display: inline-block;
    width: 50px;
    height: 46px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
}

.Note_left_con .Note_list li .Note_user .Note_name {
    width: 85px;
    position: absolute;
    left: 70px;
    height: 40px;
    font-size: 16px;
    line-height: 20px;
    padding-top: 10px;
    color: #414141;
}

    .Note_left_con .Note_list li .Note_user .Note_name span {
        font-size: 11px;
        color: #A7A7A7;
        display: block;
    }

.Note_left_con .Note_list li .report, .Note_left_con .Note_list li .write, .Note_left_con .Note_list li .del {
    float: right;
    margin-right: 20px;
    color: #414141;
    cursor: pointer;
    position: relative;
    top: 1px;
    *top: -20px;
    margin-left: 10px;
}

    .Note_left_con .Note_list li .del p {
        position: absolute;
        top: -55px;
        left: -18px;
        width: 50px;
        height: 60px;
        border: 1px solid #dcdcdc;
        line-height: 25px;
        text-align: center;
        background: #fff;
        display: none;
    }

        .Note_left_con .Note_list li .del p:before {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            border: 1px solid #dcdcdc;
            border-top: none;
            border-left: none;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            top: 50px;
            left: 18px;
            background: #fff;
        }

        .Note_left_con .Note_list li .del p a {
            display: block;
            color: #8A8A8A;
        }

.Note_left_con .Note_list li .Note_con {
    min-height: 40px;
 /*   width: 700px;*/
    margin: 0 auto;
    text-indent: 3em;
    padding-top: 10px;
    color: #777B84;
    border-left: 3px solid #10AE59;
    background: #F3F7F8;
    line-height: 25px;
    padding-left: 10px;
    padding-bottom: 10px;
    max-height: 400px;
    overflow-y: auto;
}

    .Note_left_con .Note_list li .Note_con p {
        margin: 0;
        word-break: break-all;
    }

.show_con {
    float: right;
    margin-top: 5px;
    color: #1BABF1;
    cursor: pointer;
}

.Note_left_con .Note_list li .Note_bottom {
/*    width: 710px;*/
    margin: 10px;
}

    .Note_left_con .Note_list li .Note_bottom .Note_oper {
        float: right;
        margin-right: 20px;
        margin-top: -18px;
    }

        .Note_left_con .Note_list li .Note_bottom .Note_oper a.look img {
            margin-right: 5px;
        }

    .Note_left_con .Note_list li .Note_bottom .Note_ClassName a {
        color: #7B7F82;
        display: inline-block;
    }

        .Note_left_con .Note_list li .Note_bottom .Note_ClassName a.NoteCurName {
            float: left;
            max-width: 400px;
            text-overflow: ellipsis;
            overflow: hidden;
            margin-top: 3px;
        }

        .Note_left_con .Note_list li .Note_bottom .Note_ClassName a.play {
            position: relative;
            top: 2px;
            left: 10px;
        }

    .Note_left_con .Note_list li .Note_bottom .Note_oper a {
        display: inline-block;
        margin-right: 20px;
        cursor: pointer;
        color: #7B7F82;
    }

.Note_left_con .Note_list li .Note_discuss {
    min-height: 50px;
}

.Note_left_con .Note_list li .Note_bottom .likeNum {
    width: 680px;
    margin-left: 20px;
    color: #0BAFF7;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: 10px;
    /*border-bottom:1px dashed #10AE59;*/
    line-height: 30px;
}

    .Note_left_con .Note_list li .Note_bottom .likeNum img {
        margin-right: 10px;
        margin-top: 6px;
        float: left;
    }

    .Note_left_con .Note_list li .Note_bottom .likeNum a {
        color: #0BAFF7;
    }

.Note_left_con .Note_list li .Note_discuss dl dd {
    width: 600px;
    padding: 0px 50px;
    overflow: hidden;
}

.Note_left_con .Note_list li .Note_discuss dl img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

    .Note_left_con .Note_list li .Note_discuss dl img.noteImg {
        margin-top: 15px;
    }

.Note_left_con .Note_list li .Note_discuss dd .replyList {
    margin-top: 0px;
    font-size: 13px;
    border-radius: 5px;
    position: relative;
}

.Note_discuss dd .replyList .disCon {
    float: left;
    width: 560px;
    margin: 5px auto;
    overflow: hidden;
    line-height: 40px;
}

.hide_note {
    display: none;
}

.Note_discuss dd .replyList .disCon p {
    width: 460px !important;
    display: inline-block;
    float: right;
    color: #777B84;
    margin: 3px 0 0 5px;
    line-height: 23px;
    word-break: break-all;
    margin-right: 25px;
}

.Note_discuss dd .replyList .disName {
    line-height: 20px;
    margin-top: 5px;
    float: left;
    color: #0EAFF3;
    line-height: 22px;
    width: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .Note_discuss dd .replyList .disName i {
        display: block;
        font-style: normal;
        color: #6C6C6C;
    }

.Note_discuss .morepl {
    display: block;
    width: 80px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #DCDCDC;
    box-shadow: 2px 2px 13px #dcdcdc inset;
    text-align: center;
    margin: 10px auto;
    color: #0BAFF7;
    cursor: pointer;
    float: right;
    margin-right: 15px;
    border-radius: 3px;
}

    .Note_discuss .morepl:hover {
        border: 1px solid #10AE59;
        color: #10AE59;
    }
/**学习笔记共有版*/
.Note_discuss .Note_table {
    width: 700px;
    margin: 10px auto;
}

    .Note_discuss .Note_table .show_note img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-left: 10px;
    }

    .Note_discuss .Note_table td {
        min-height: 55px;
        color: #848484;
    }

        .Note_discuss .Note_table td.disName {
            width: 80px;
            text-align: center;
            height: 55px;
            color: #8E8E8E;
        }

            .Note_discuss .Note_table td.disName span {
                display: block;
                line-height: 22px;
                height: 22px;
                max-width: 80px;
                width: 80px;
                text-overflow: ellipsis;
                overflow: hidden;
            }

        .Note_discuss .Note_table td.disCon {
            line-height: 25px;
        }
/*评论框*/
.Note_witre {
    width: 700px;
    margin: 20px auto;
    display: none;
    overflow: hidden;
    clear:none
}

    .Note_witre textarea {
        width: 660px;
        resize: none;
        position: relative;
        padding: 10px;
        color: #444;
        letter-spacing: 2px;
        font-size: 16px;
        line-height: 25px;
    }

    .Note_witre .replyTitle {
        color: #555;
        margin-bottom: 10px;
    }

    .Note_witre .send_mess {
        display: inline-block;
        margin: 10px auto;
        width: 80px;
        text-align: center;
        line-height: 30px;
        height: 30px;
        color: #fff;
        background: #10AE57;
        cursor: pointer;
        float: right;
        margin-right: 15px;
    }
/**专区共有*/
.Note_left_con .Note_list li.stuyGoup_li .Note_con {
    border: none;
    background: #fff;
    max-height: 400px;
    overflow-y: auto;
}

.Note_left_con .Note_list li.stuyGoup_li .Note_bottom {
    border-bottom: 1px dashed #7ECEF3;
    height: 40px;
}

.Note_left_con .Note_list li.stuyGoup_li .Note_user {
    height: 30px;
    line-height: 30px;
    margin-bottom: 0;
    position: relative;
}

    .Note_left_con .Note_list li.stuyGoup_li .Note_user b {
        color: #494D56;
    }

.cs_color, .ks_color {
    display: inline-block;
    width: 40px;
    height: 20px;
    line-height: 20px;
    background: #10AE59;
    color: #fff;
    font-style: normal;
    text-align: center;
}

.ks_color {
    background: #00B6EF;
}

.Note_left_con .Note_list li.stuyGoup_li .Note_con {
    margin-top: 10px;
}

    .Note_left_con .Note_list li.stuyGoup_li .Note_con p {
        margin: 0;
        line-height: 25px;
    }

        .Note_left_con .Note_list li.stuyGoup_li .Note_con p.overflowline {
            height: 30px;
            line-height: 30px;
            overflow: hidden;
        }

.Note_left_con .Note_list li.stuyGoup_li .Note_user .del_show {
    position: absolute;
    right: 10px;
    top: 10px;
    *top: 30px;
}

    .Note_left_con .Note_list li.stuyGoup_li .Note_user .del_show dd.write {
        *margin-top: 6px;
    }

.Note_left_con .Note_list li.stuyGoup_li .Note_ClassName {
    line-height: 30px;
    color: #555;
}

    .Note_left_con .Note_list li.stuyGoup_li .Note_ClassName > img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        float: left;
        margin-left: 20px;
        margin-right: 10px;
    }

.Note_left_con .Note_list li.stuyGoup_li .Note_discon dt {
    padding-left: 40px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #CAE2EC;
    height: 25px;
}

.Note_left_con .Note_list li.stuyGoup_li .Note_discon dd {
    width: 660px;
    margin-bottom: 10px;
}

.Note_left_con .Note_list li.stuyGoup_li .Note_discon .replyList {
    float: left;
    width: 600px;
    border: 1px solid #90D4F5;
}

    .Note_left_con .Note_list li.stuyGoup_li .Note_discon .replyList p {
        padding-left: 10px;
        width: 580px;
        text-indent: 1em;
        margin-top: 8px;
        color: #8E8E8E;
        float: left;
        margin-bottom: 10px;
        line-height: 25px;
    }

.Note_left_con .Note_list li.stuyGoup_li .Note_discon .disCent > p {
    font-size: 15px;
}

.Note_left_con .Note_list li.stuyGoup_li .Note_discon .replyList .disCon {
    display: block;
}

.Note_left_con .Note_list li.stuyGoup_li .Note_discon .disName_right, .Cour_plList .Note_discon .disName_right {
    float: right;
    margin-left: 10px;
    line-height: 22px;
}

.Note_left_con .Note_list li.stuyGoup_li .Note_discon .replyList .disCent, .Cour_plList .Note_discon .disCent {
    border-bottom: 1px dashed #C8DFEF;
    padding-bottom: 10px;
}

.Note_left_con .Note_list li.stuyGoup_li .disCent .Note_oper, .Cour_plList .disCent .Note_oper {
    float: right;
    margin-right: 20px;
}

    .Note_left_con .Note_list li.stuyGoup_li .disCent .Note_oper a, .Cour_plList .disCent .Note_oper a {
        color: #8E8E8E;
    }

    .Note_left_con .Note_list li.stuyGoup_li .disCent .Note_oper img, .Cour_plList .disCent .Note_oper img {
        width: 12px;
        height: 12px;
        border-radius: 0px;
        float: none;
    }

.Note_left_con .Note_list li.stuyGoup_li .Note_discuss .Note_witre h3 {
    margin-bottom: 10px;
    color: #8E8E8E;
    padding-left: 40px;
}

.Note_left_con .Note_list li.stuyGoup_li .Note_discuss .Note_witre .send_mess {
    display: block;
    margin: 10px auto;
}

.Note_left_con .Note_list li.stuyGoup_li .Note_discuss .Note_witre textarea {
    width: 660px;
    border: 1px solid #B5B5B5;
    border-radius: 4px;
    outline: none;
    color: #8E8E8E;
    padding: 10px;
    font-size: 16px;
    letter-spacing: 2px;
}

/*评论中的评论*/
.Note_left_con .Note_list li.stuyGoup_li .Note_discuss dd .replyList .caret {
    display: block;
    position: absolute;
    left: -13px;
    content: '';
    top: 10px;
    border-right: 6px solid #90D4F5;
    border-left: 6px solid transparent;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.reviewCon {
    margin: 15px 0;
    width: 580px;
    overflow: hidden;
}

    .reviewCon li {
        width: 550px;
        overflow: hidden;
        color: #7CCFF1;
        line-height: 20px;
    }

.replyList .reviewCon li img {
    float: left;
    width: 25px !important;
    height: 25px !important;
    border-radius: 50%;
    margin-left: 20px;
    margin-right: 10px;
}

.replyList .reviewCon li p {
    color: #7A7A7A;
    line-height: 23px;
    width: 490px !important;
    word-break: break-all;
    padding-left: 50px !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}

.replyList .reviewCon li a {
    color: #92A2CB !important;
    text-indent: 4em;
}

/**帖子前面的标记*/
.cs, .zd {
    display: inline-block;
    min-width: 50px;
    height: 23px;
    background: #02B7EE;
    color: #fff;
    line-height: 23px;
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 4px;
    font-size: 15px !important;
}

.zd {
    background: #10AE59;
}
/**学习笔记*/
.StuyNote_left {
  /*  width: 748px;

    float: left;*/
  padding-right:245px;
    min-height: 650px;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-top: none;
}

.StuyNote_head {
    width: 100%;
    height: 40px;
    border: 1px solid #DCDCDC;
    border-right: none;
    line-height: 40px;
    color: #7A7F83;
}

    .StuyNote_head h2 a.gen {
        display: inline-block;
        padding-left: 50px;
        background: url(../../Img/icon/notes.png) no-repeat 25px 9px;
        font-size: 14px;
        color: #7A7F83;
        margin-right: 5px;
    }

    .StuyNote_head h2 {
        font-size: 14px;
        color: #7A7F83;
    }

        .StuyNote_head h2 a.child {
            color: #7A7F83;
        }

/*出现的编辑框*/
.Note_bj {
    position: fixed;
    width: 750px;
    height: 200px;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -350px;
    background: #fff;
    border: 1px solid #dcdcdc;
}

    .Note_bj textarea {
        display: block;
        width: 710px;
        margin: 5px auto;
        resize: none;
    }

.sub_changeNote {
    display: inline-block;
    float: right;
    margin-right: 20px;
    width: 80px;
    height: 23px;
    line-height: 23px;
    background: url(../../Img/Ccomm/button.png) no-repeat;
    text-align: center;
    border-radius: 3px;
    border-bottom: 1px solid #7FBE89;
    color: #fff;
    cursor: pointer;
}
/*评论框*/


/*笔记右边开始*/
.StuyNote_right {
    float: right;
    width: 244px;
    position:absolute;
    right:0px;
    top:0px;
    background: #fff;
    min-height: 480px;
    border: 1px solid #dcdcdc;
    /*border-left:none;
border-right:none;*/
}

.Note_right {
    width: 220px;
    padding: 10px 10px;
    text-align: center;
}

    .Note_right h2 {
        width: 150px;
        height: 40px;
        line-height: 40px;
        margin: 10px auto;
        font-size: 15px;
        background: url('../../Img/icon/pen.png') no-repeat 10px center,orange;
        background: orange\9;
    }

        .Note_right h2 a {
            display: block;
            width: 80px;
            border-left: 1px solid #fff;
            color: #fff;
            height: 40px;
            margin: 0 0px 0 40px;
            font-size: 15px;
            cursor: pointer;
        }

.my_note {
    margin: 10px;
}

    .my_note ul {
        margin-top: 40px;
    }

        .my_note ul li {
            width: 228px;
            height: 70px;
            overflow: hidden;
            padding-left: 20px;
            margin-bottom: 20px;
            cursor: pointer;
        }

            .my_note ul li img {
                width: 60px;
                height: 60px;
                display: block;
                float: left;
            }

            .my_note ul li h2 {
                color: #7A7A7A;
                float: left;
                margin-top: 5px;
                margin-left: 10px;
                line-height: 30px;
                font-size: 14px;
            }

                .my_note ul li h2 a {
                    color: #4DB1EF;
                    font-size: 12px;
                    display: block;
                }

            .my_note ul li .enter_note {
                display: block;
                max-width: 140px;
                width: 140px\9;
                overflow: hidden;
                text-overflow: ellipsis;
            }

.Note_search span {
    float: right;
    position: relative;
    top: 8px;
    right: 10px;
}

.Note_module {
    display: none;
}

.all_note {
    display: block;
}
/*保存成功页面*/
.save_success {
    width: 100%;
}

    .save_success img {
        display: block;
        width: 60px;
        height: 60px;
        color: #34A0FA;
        font-size: 50px;
        line-height: 60px;
        text-align: center;
        margin: 30px auto;
    }

    .save_success p {
        width: 550px;
        margin: 10px auto;
        letter-spacing: 3px;
        text-align: center;
    }

        .save_success p a {
            cursor: pointer;
            color: #84C5FD;
        }
/**创建笔记*/
.Note_form {
    width: 680px;
    padding: 0px 25px 10px 25px;
    overflow: hidden;
}

.Note_form_item {
    width: 100%;
    height: 30px;
    color: #7A7F83;
    line-height: 30px;
    margin: 15px 0;
}

    .Note_form_item input, .Note_form_item select {
        width: 500px;
        height: 25px;
        color: #7A7F83;
    }

    .Note_form_item label {
        width: 100px;
        text-align: right;
        display: inline-block;
        color: #7A7F83;
    }

    .Note_form_item textarea {
        float: right;
        width: 630px;
        resize: none;
        margin-top: 5px;
        color: #7A7F83;
        margin-right: 15px;
        padding: 10px;
        font-size: 16px;
    }

    .Note_form_item .noName {
        float: left;
        width: 120px;
        margin-left: 20px;
        margin-top: 29px;
        cursor: pointer;
    }

        .Note_form_item .noName input {
            width: 30px;
            margin-top: -5px;
        }

        .Note_form_item .noName label {
            float: left !important;
            margin: -8px 0 0 -30px !important;
        }

.Note_form_btn {
    width: 200px;
    float: right;
    margin: 20px 0;
}

    .Note_form_btn a {
        display: inline-block;
        width: 80px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #fff;
        background: #10AE59;
        cursor: pointer;
        border: 1px solid #039846;
        border-radius: 5px;
    }
/*学习小组*/
.StuyNote_head h2 a.myTeam {
    background: url(../../Img/icon/My-team.png) no-repeat 17px 10px;
}

.StuyNote_head .teachSpan {
    float: right;
    width: 80px;
    background: #10AE59;
    line-height: 26px;
    text-align: center;
    margin: -33px 20px 0 0;
    /*border:1px solid #02B7EE;*/
    color: #02B7EE;
    cursor: pointer;
    color: #fff;
    box-shadow: 2px 2px 15px #ccc;
}
/**右边小组加入*/
.StuyNote_right .note_group {
    margin: 40px 10px 10px 10px;
}

    .StuyNote_right .note_group .caret {
        float: left;
        width: 0;
        height: 0;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-top: 7px solid #000;
        margin-top: 4px;
        margin-right: 15px;
        margin-left: 10px;
    }

    .StuyNote_right .note_group .caret_up {
        float: left;
        width: 0;
        height: 0;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #000;
        border-top: 7px solid transparent;
        margin-top: -5px;
        margin-right: 15px;
        margin-left: 10px;
    }

    .StuyNote_right .note_group .myGroup {
        margin-bottom: 30px;
        clear: both;
    }

        .StuyNote_right .note_group .myGroup dt {
            width: 200px;
            margin: 10px auto;
            color: #555;
        }

        .StuyNote_right .note_group .myGroup dd {
            width: 230px;
            overflow: hidden;
            margin-bottom: 15px;
        }

            .StuyNote_right .note_group .myGroup dd > img, .StuyNote_right .note_group .otherGroup dd > img {
                width: 30px;
                height: 30px;
                border: 1px solid #8AC99A;
                margin-left: 20px;
                margin-top: 5px;
                float: left;
            }

            .StuyNote_right .note_group .myGroup dd h4 {
                float: left;
                margin-left: 10px;
                width: 130px;
                line-height: 20px;
                color: #27A230;
                font-size: 12px;
            }

                .StuyNote_right .note_group .myGroup dd h4 img {
                    margin: 5px 0 0 10px;
                }

                .StuyNote_right .note_group .myGroup dd h4 span {
                    display: block;
                    max-width: 130px;
                    width: 130px\9;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                }

            .StuyNote_right .note_group .myGroup dd .group {
                display: block;
                color: #565656;
            }

            .StuyNote_right .note_group .myGroup dd .grouper {
                width: 150px;
                overflow: hidden;
                color: #565656;
            }

                .StuyNote_right .note_group .myGroup dd .grouper span {
                    display: inline-block;
                    width: 90px;
                    float: right;
                    margin-right: 4px;
                }

                    .StuyNote_right .note_group .myGroup dd .grouper span i {
                        font-style: normal;
                    }

                    .StuyNote_right .note_group .myGroup dd .grouper span b {
                        display: block;
                        font-weight: normal;
                    }
    /*其他组*/
    .StuyNote_right .note_group .otherGroup .add_group {
        float: right;
        width: 34px;
        height: 20px;
        color: #fff;
        background: #E25F05;
        border-radius: 3px;
        text-align: center;
        line-height: 20px;
        margin-top: 5px;
        font-size: 12px;
        cursor: pointer;
    }

    .StuyNote_right .note_group .otherGroup .groupName {
        width: 175px;
        float: left;
        margin-top: 5px;
    }

        .StuyNote_right .note_group .otherGroup .groupName .h3 {
            font-family: '微软雅黑';
            font-size: 14px;
            line-height: 30px;
            font-style: normal;
            color: #555555;
            float: left;
            margin-left: 10px;
            max-width: 120px;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .StuyNote_right .note_group .otherGroup small {
        float: left;
        margin-right: 5px;
    }

    .StuyNote_right .note_group .otherGroup .grouperName {
        float: left;
        max-width: 80px;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 80px;
    }

    .StuyNote_right .note_group .otherGroup ul {
        width: 170px;
        margin: 25px 0px 0 60px;
    }

        .StuyNote_right .note_group .otherGroup ul li {
            height: 30px;
        }

            .StuyNote_right .note_group .otherGroup ul li a {
                color: #565656;
            }

    .StuyNote_right .note_group .otherGroup b {
        font-style: normal;
        font-weight: 100;
        color: #02A7FF;
    }

    .StuyNote_right .note_group .otherGroup li .groupTwo {
        margin-left: 36px;
    }
/**讨论专区*/
.show_way {
    width: 100%;
}

    .show_way .select_way {
       /* float: left;*/
       display:inline-block;
        height: 30px;
        margin: 10px 5px;
    }

        .show_way .select_way select {
            border: none;
            color: #02B7EE;
        }

        .show_way .select_way a {
            color: #02B7EE;
            cursor: pointer;
        }

            .show_way .select_way a:hover {
                text-decoration: underline;
            }

.Discu_form_item {
    margin: 10px 0;
    min-height: 70px;
}

    .Discu_form_item > label {
        background: url('../../Img/icon/The-theme.png') no-repeat 0 5px;
        text-align: left;
        display: block;
        padding-left: 30px;
        height: 30px;
        line-height: 30px;
    }

    .Discu_form_item:nth-of-type(2) > label {
        background: url('../../Img/icon/title.png') no-repeat 0 5px;
    }

    .Discu_form_item:nth-of-type(3) > label {
        background: url('../../Img/icon/The-body-of-the.png') no-repeat 0 5px;
    }

    .Discu_form_item select, .Discu_form_item input {
        margin: 10px;
        width: 250px;
    }

.show_way .select_way a.active {
    color: #e68e62;
    text-decoration: underline;
}

.Note_left_con .Note_list li.stuyGoup_li .Note_discuss dd .replyList .disName {
    float: left !important;
    margin-left: 20px !important;
    line-height: 15px;
    font-size: 14px;
    width: auto;
}

    .Note_left_con .Note_list li.stuyGoup_li .Note_discuss dd .replyList .disName small {
        color: #7CCFF1;
    }

.Note_left_con .Note_list li.stuyGoup_li .Note_discuss dd .replyList .disCon {
    height: 25px;
    font-size: 15px;
    background: #E7F6FD;
    /*margin:0px 20px 0 20px;*/
    width: 600px;
    margin: 0;
    overflow: hidden;
    border-radius: 3px;
}
/*共有小组弹出框编辑*/
#StudyAlert {
    width: 700px;
    height: 500px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 -350px;
    overflow: hidden;
    border: 1px solid #dcdcdc;
    box-shadow: 3px 3px 12px #dcdcdc;
}

    #StudyAlert .group_left {
        height: 500px;
        background: #32B16C;
        width: 200px;
        overflow: hidden;
        float: left;
    }

        #StudyAlert .group_left > img {
            display: block;
            width: 90px;
            height: 90px;
            border-radius: 50%;
            border: 2px solid #fff;
            margin: 50px auto;
        }

        #StudyAlert .group_left label {
            width: 150px;
            text-align: center;
            color: #fff;
            font-size: 25px;
            font-weight: bold;
            display: block;
            margin: 50px auto;
        }

        #StudyAlert .group_left .add_note {
            width: 150px;
            background: url('../../Img/icon/pen.png') no-repeat 5px,#F4A02E;
            margin: 30px auto;
            height: 40px;
            background: #F4A02E\9;
        }

            #StudyAlert .group_left .add_note a {
                display: block;
                width: 80px;
                padding-left: 10px;
                border-left: 2px solid #fff;
                height: 40px;
                line-height: 40px;
                text-align: center;
                color: #fff;
                margin: 0 auto;
                font-size: 18px;
                cursor: pointer;
            }

.group_right {
    width: 500px;
    height: 500px;
    float: left;
}

    .group_right .group_head {
        width: 100%;
        height: 30px;
    }

        .group_right .group_head a {
            float: right;
            margin: 5px 10px 0 10px;
            color: #B7B7B7;
            font-size: 25px;
            cursor: pointer;
            line-height: 25px;
        }

    .group_right .group_title {
        width: 100%;
        height: 30px;
        border-bottom: 1px solid #dcdcdc;
        overflow: hidden;
    }

        .group_right .group_title li {
            float: left;
            width: 100px;
            line-height: 30px;
            text-indent: 2em;
            margin-right: 10px;
            cursor: pointer;
        }

            .group_right .group_title li.active a {
                display: block;
                width: 100px;
                height: 28px;
                border-bottom: 2px solid #32B16C;
            }

            .group_right .group_title li.bjgroup {
                width: 100px;
                float: right;
                text-indent: 0;
                text-align: center;
            }

                .group_right .group_title li.bjgroup a {
                    color: #9ACCFF;
                }

    .group_right .group {
        display: none;
    }
/*编辑资料*/
.EditData .bjHead {
    height: 30px;
    width: 480px;
    margin: 10px auto;
    color: #767980;
    cursor: pointer;
}

    .EditData .bjHead img {
        margin-left: 20px;
    }

.EditData form {
    width: 480px;
    margin: 10px auto;
    color: #6A6B6D;
}

    .EditData form .item {
        overflow: hidden;
        margin-top: 10px;
    }

        .EditData form .item label {
            float: left;
        }

        .EditData form .item img {
            height: 60px;
            width: 60px;
            border-radius: 50%;
            float: left;
            border: 2px solid #fff;
        }

        .EditData form .item .item_img {
            position: relative;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            overflow: hidden;
        }

            .EditData form .item .item_img span {
                position: absolute;
                width: 90px;
                height: 90px;
                border-radius: 50%;
                background: rgba(0,0,0,0.6);
                top: -10px;
                left: 0px;
                color: #fff;
                line-height: 70px;
                text-indent: 6px;
                font-size: 12px;
                cursor: pointer;
            }

.EditData #sc_img {
    position: absolute;
    width: 55px;
    height: 50px;
    top: 15px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.EditData form .item input, .EditData form .item textarea {
    width: 350px;
    resize: none;
    outline: none;
    border: 1px solid #dcdcdc;
}

.EditData form .item input {
    height: 30px;
}

.EditData form .item_btn {
    width: 200px;
    float: right;
    margin: 30px auto;
}

    .EditData form .item_btn a {
        display: inline-block;
        width: 80px;
        height: 30px;
        line-height: 30px;
        background: #32B16C;
        color: #fff;
        text-align: center;
        margin-left: 10px;
        cursor: pointer;
    }

/*上传照片*/
/*.group_upload { 

position:fixed;
height:400px;
width:500px;
left:50%;
top:50%;
margin:-200px 0 0 -250px;
background:#fff;
border:1px solid #E5E5E5;
box-shadow: 5px 3px 10px #dcdcdc;
}
.group_upload .upload_head { 

height:30px;
width:100%;
border-bottom:2px solid #32B16C;
line-height:30px;
color:#6D6D6D;

}
.group_upload .upload_head span{ 
float:right;
line-height:30px;
color:#5B5B5B;
cursor:pointer;
font-size:20px;
margin-right:20px;
}
.group_upload .upload_mess { 
display:none;
overflow:hidden;
}
.group_upload .upload_mess .uploadBtn { 
width:230px;
margin:0 0px 0 220px;
}
.group_upload .upload_mess .uploadBtn a { 
display:inline-block;
width:60px;
height:25px;
line-height:25px;
background:#32B16C;
color:#fff;
text-align:center;
cursor:pointer;
margin-right:50px;
}

.group_upload .upload_mess .upload_center{
width:200px;
height:50px;
margin:50px auto 10px auto;
}
.group_upload .upload_mess .upload_center input { 
display:block;
}
		
.group_upload .upload_mess  .upload_bottom { 
height:30px;
margin:20px;
width:100%;
position:relative;
   
}
.group_upload .upload_mess .upload_bottom input { 
opacity:0;
filter:alpha(opacity=0);
position:relative;
z-index:2;
width:130px;
}
.group_upload .upload_mess .upload_bottom span { 
position:absolute;
width:130px;
height:30px;
border:1px solid #dcdcdc;
left:0px;
top:0px;
z-index:1;
text-align:center;
background:#EEEEEE;
line-height:30px;
color:#6D6D6D;
}
.group_upload .upload_mess .upload_bottom a { 
float:right;
width:50px;
height:30px;
text-align:center;
line-height:30px;
color:#fff;
border:1px solid  #32B16A;
background:#31D179;
margin-right:50px;
border-radius:4px;
cursor:pointer;
margin-top:-10px;
}*/
.upload_table {
    margin: 10px;
}

.uploadImg {
    border: 1px solid #dcdcdc;
    width: 200px;
    height: 160px;
    margin: 40px auto;
}

    .uploadImg > img {
        display: block;
        width: 200px;
        height: 130px;
    }

    .uploadImg p {
        width: 80px;
        margin: auto;
        height: 30px;
    }

#xuwanting {
    width: 250px;
    height: 250px;
}

.crop_preview {
    position: absolute;
    left: 320px;
    top: 100px;
    width: 120px;
    height: 120px;
    overflow: hidden;
}
/*主页动态*/
.HomeAction {
    background: #fff;
    border: 1px solid #dcdcdc;
}

.centerCon {
  /*  width: 895px;*/
    margin: 0px auto;
/*    clear: both;*/
    background: #fff;
    overflow: hidden;
    min-height: 450px;
}

    .centerCon ul.cenUl li {
 /*       width: 867px;*/
        margin-bottom: 10px;
        line-height: 30px;
        border-bottom: 1px dashed #DCDCDC;
        height: 40px;
        padding-left: 30px;
        margin-top: 10px;
    }

        .centerCon ul.cenUl li img {
            display: block;
            float: left;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            margin-right: 10px;
        }

        .centerCon ul.cenUl li .userName {
            color: #666666;
            float: left;
        }

        .centerCon ul.cenUl li .userlycon {
            float: left;
            max-width: 600px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            margin-left: 5px;
        }

.Note_search {
    float: right;
}

/**基本信息*/
/**高级设置*/
.MessSetHead {
    width: 100%;
    height: 40px;
    line-height: 30px;
    background: #10AE59;
}

    .MessSetHead a {
        display: inline-block;
        width: 100px;
        text-align: center;
        color: #fff;
        cursor: pointer;
        height: 30px;
        margin-top: 7px;
        margin-left: 30px;
    }

        .MessSetHead a.active {
            border-bottom: 2px solid #fff;
        }

        .MessSetHead a.myHome {
            float: right;
        }

.MessSetCon {
    width: 880px;
    padding: 40px 50px;
    background: #fff;
    overflow: hidden;
}

    .MessSetCon .MessLeft {
        width: 400px;
        float: left;
    }

        .MessSetCon .MessLeft .centerItem {
            height: 35px;
            line-height: 35px;
            margin-bottom: 10px;
            color: #555;
        }

            .MessSetCon .MessLeft .centerItem label {
                float: left;
                width: 120px;
                text-align: right;
                margin-right: 5px;
            }

            .MessSetCon .MessLeft .centerItem p.curseList {
                float: left;
                width: 260px;
                line-height: 30px;
                word-wrap: break-word;
            }

            .MessSetCon .MessLeft .centerItem span {
                float: left;
            }

            .MessSetCon .MessLeft .centerItem input, .MessSetCon .MessLeft .centerItem select {
                float: left;
                width: 250px;
                border: 1px solid #dcdcdc;
                outline: none;
                height: 35px;
            }

            .MessSetCon .MessLeft .centerItem span.flag {
                color: red;
                float: left;
                margin-left: 5px;
            }

        .MessSetCon .MessLeft .MessBtn {
            width: 200px;
            float: right;
            color: #474747;
            margin-top: 10px;
            clear: both;
        }

            .MessSetCon .MessLeft .MessBtn a {
                display: inline-block;
                width: 60px;
                text-align: center;
                line-height: 25px;
                height: 25px;
                color: #474747;
                cursor: pointer;
            }

                .MessSetCon .MessLeft .MessBtn a.active {
                    background: #3EB251;
                    color: #fff;
                    margin-right: 15px;
                }

    .MessSetCon .MessRight {
        float: left;
    }

        .MessSetCon .MessRight .tx, .MessSetCon .MessRight .zjz {
            float: left;
            position: relative;
            margin-left: 50px;
        }

        .MessSetCon .MessRight .tx {
            width: 132px;
            height: 132px;
            overflow: hidden;
            position: relative;
        }

            .MessSetCon .MessRight .tx input {
                position: absolute;
                top: 65px;
                left: 30px;
                height: 70px;
                line-height: 50px;
                width: 80px;
                border-radius: 50%;
                opacity: 0;
                filter: alpha(opacity=0);
                z-index: 4;
            }

            .MessSetCon .MessRight .tx a, .MessSetCon .MessRight .zjz a {
                position: absolute;
                opacity: 0.5;
                filter: alpha(opacity=50);
                background: #222;
                z-index: 2;
                width: 130px;
                line-height: 60px;
                height: 65px;
                bottom: 0px;
                left: 0px;
                border-radius: 0 0 65px 65px;
            }

        .MessSetCon .MessRight .zjz {
            width: 152px;
            height: 202px;
            overflow: hidden;
        }

        .MessSetCon .MessRight .tx img {
            display: block;
            width: 130px;
            height: 130px;
            border-radius: 50%;
            border: 1px solid #10AE59;
        }

        .MessSetCon .MessRight .tx span {
            position: absolute;
            width: 130px;
            line-height: 60px;
            height: 65px;
            bottom: 0px;
            left: 0px;
            border-radius: 0 0 65px 65px;
            background: rgba(0,0,0,0.4);
            color: #fff;
            cursor: pointer;
            text-align: center;
            z-index: 3;
        }

        .MessSetCon .MessRight .zjz img {
            display: block;
            width: 150px;
            height: 200px;
            border: 1px solid #10AE59;
        }

        .MessSetCon .MessRight .zjz input {
            position: absolute;
            top: 60px;
            height: 70px;
            width: 80px;
            left: 30px;
            z-index: 4;
            opacity: 0;
            filter: alpha(opacity=0);
        }

        .MessSetCon .MessRight .zjz span {
            position: absolute;
            width: 150px;
            height: 200px;
            color: #fff;
            top: 0;
            text-align: center;
            line-height: 200px;
            cursor: pointer;
            z-index: 3;
        }

        .MessSetCon .MessRight .zjz a {
            width: 150px;
            height: 200px;
            border-radius: 0;
        }
/*高级设置的账号设置*/
.BasicDiv {
    background: #fff;
    border: 1px solid #dcdcdc;
    min-height: 700px;
}

.BasicMess {
    width: 500px;
    padding-left: 30px;
}

    .BasicMess .BasicItem {
        margin-bottom: 10px;
        color: #383838;
    }

        .BasicMess .BasicItem > label {
            display: inline-block;
            height: 20px;
            margin-bottom: 10px;
            font-size: 15px;
        }

        .BasicMess .BasicItem > span {
            color: #5E716B;
        }

        .BasicMess .BasicItem .centerItem {
            height: 40px;
            margin-bottom: 10px;
        }

            .BasicMess .BasicItem .centerItem label {
                color: #5E716B;
                display: inline-block;
                width: 100px;
                text-align: right;
            }

            .BasicMess .BasicItem .centerItem input {
                width: 200px;
                height: 25px;
                border: 1px solid #dcdcdc;
                padding:3px 5px;
            }

                .BasicMess .BasicItem .centerItem input.yzm {
                    width: 100px;
                }

        .BasicMess .BasicItem .centerBtn, .MessUpload .MessBtn {
            width: 200px;
            margin: 10px auto;
        }

            .BasicMess .BasicItem .centerBtn a, .MessUpload .MessBtn a {
                height: 25px;
                line-height: 25px;
                text-align: center;
                color: #fff;
                background: #3EB251;
                border-radius: 4px;
                display: inline-block;
                width: 50px;
                cursor: pointer;
            }

        .BasicMess .BasicItem .centerItem span {
            display: inline-block;
            width: 90px;
            height: 25px;
            line-height: 25px;
            background: #EEEEEE;
            cursor: pointer;
            text-align: center;
            color: #747474;
        }
/*图片上传*/
.MessUpload {
    width: 200px;
    height: 180px;
    position: fixed;
    padding: 50px 100px;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -150px;
    border: 1px solid #dcdcdc;
    background: #fff;
    border-radius: 4px;
}

    .MessUpload .MessBtn {
        margin: 20px auto;
    }

        .MessUpload .MessBtn a {
            margin-left: 30px;
        }

    .MessUpload .MessItem input {
        display: block;
        border-bottom: 20px;
    }

    .MessUpload .MessItem p {
        height: 30px;
    }

#MessImgdiv {
    width: 100px;
    height: 120px;
    border: 1px solid #dcdcdc;
    margin: 5px auto;
}

#MessImg {
    display: block;
    width: 100px;
    height: 120px;
}
/*课程考试*/
.CourseTest {
  /*  width: 999px;*/
}

    .CourseTest .CourseTest_head h3 a {
        color: #4A4A4A;
    }

.CourseTestList {
    width: 900px;
    margin: 20px auto;
    clear: both;
}

    .CourseTestList .TestType {
        color: #4A4A4A;
        font-weight: bold;
        display: block;
        margin-bottom: 10px;
    }

    .CourseTestList .CourseItem {
        width: 896px;
        border-left: 4px solid #11AD59;
        min-height: 150px;
        background: #F3F7F8;
        padding: 20px 0 0 0;
    }

        .CourseTestList .CourseItem .Test_item {
            float: left;
            width: 446px;
        }

            .CourseTestList .CourseItem .Test_item p {
                line-height: 23px;
                margin-bottom: 10px;
                padding-left: 30px;
                color: #777A81;
            }

                .CourseTestList .CourseItem .Test_item p a {
                    color: #49A4FF;
                }

.enterTest {
    display: block;
    clear: both;
    float: right;
    margin: 10px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #10AE59;
    cursor: pointer;
}

/*中间内容 学生老师资源共有*/
/**学生中间部分内容*/
.Stu_Content, #Resou_Content {
/*    width: 1250px;
*/    margin: 0 auto 30px auto;
    /*background:#fff;*/
    /*border:1px solid #dcdcdc;*/
    /**/ /*padding:0 0 30px 0;*/
}
.Stu_Content {
/*    width: 1250px;
*/}
.Stu_header, .Resou_header {
/*    width: 100%;*/
    height: 40px;
    line-height: 40px;
    background: #F6F6F6;
    padding:0 10px;
}

    .Stu_header a, .Resou_header a {
        color: #616F6F;
    }
/*左边内容开始*/
#Stu_Left, #Resou_left {
    width: 246px;
    border-right: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    /*min-height:720px;*/
    float: left;
    background: #fff;
}

#Stu_Left {
 
}

.Stu_left_header {
    width: 100%;
    height: 220px;
}

    .Stu_left_header h2, .Resou_left_header h2 {
        width: 100%;
        height: 45px;
        background: #10AE59;
        color: #fff;
        text-align: center;
        line-height: 45px;
    }

    .Stu_left_header img, .Resou_left_header img {
        display: block;
        width: 228px;
        height: 123px;
        padding: 10px;
    }

    .Stu_left_header span, .Resou_left_header span {
        display: block;
        color: #7FC787;
        text-align: center;
    }
/*左边导航条*/
#Stu_Left .Stu_nav, #Resou_left .Resou_nav {
    border-top: 1px solid #C8C8C8;
    border-left: none;
}

    #Stu_Left .Stu_nav li a, #Resou_left .Resou_nav a {
        display: block;
        width: 247px;
        height: 45px;
        text-align: center;
        line-height: 45px;
        color: #211717;
        font-weight: 500;
        font-family: "微软雅黑";
        border-bottom: 1px solid #C8C8C8;
        font-size: 16px;
        cursor: pointer;
    }
/**学习进度共有学生教师*/
.LearnPro .Learn_left .learn_bottom {
    margin-bottom: 20px;
}

    .LearnPro .Learn_left .learn_bottom ul {
      /*  width: 746px;*/
        font-family: '微软雅黑';
    }

        .LearnPro .Learn_left .learn_bottom ul li {
            padding: 10px;
      /*      width: 726px;*/
            border-bottom: 1px dashed #96D5F4;
        }
/*.LearnPro .Learn_left .learn_bottom ul li dl { 
width:100%;
overflow:hidden;
}
.LearnPro .Learn_left .learn_bottom ul li dl dt{ 
width:100%;
height:30px;
line-height:30px;
}
.LearnPro .Learn_left .learn_bottom ul li dl dt a { 
padding-left:40px;
float:left;
width:400px;
max-width:400px;
text-overflow:ellipsis;
overflow:hidden;
background:url(../../Img/icon/Behavior-analysis.png)no-repeat 10px 6px;
color:#61706D;
}
.LearnPro .Learn_left .learn_bottom ul li dl dt .bjbtn { 
float:right;
margin-right:30px;
margin-top:3px;
}
.LearnPro .Learn_left .learn_bottom ul li dl dt .bjbtn img { 
display:inline-block;
margin-right:10px;
cursor:pointer;
}
.LearnPro .Learn_left .learn_bottom ul li dd { 
padding-left:40px;
text-indent:2em;
width:680px;
color:#61706D;
line-height:23px;
}
.LearnPro .Learn_left .learn_bottom ul li dd.hide { 
display:none;
}*/
.learn_bottom .CourseMessMenu li .CourseTitle {
    width: 100%;
    margin: 10px auto;
    color: #555;
    overflow: hidden;
}

    .learn_bottom .CourseMessMenu li .CourseTitle > label {
        float: left;
        padding-left: 40px;
        background: url(../../Img/icon/Behavior-analysis.png) no-repeat 10px 6px;
        max-width: 370px;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 30px;
    }
    .learn_bottom .CourseMessMenu li .CourseTitle .ntitle {
     max-width: 300px;
        text-overflow: ellipsis;
        overflow: hidden;
       float:left;
       white-space:nowrap;

    }
    .learn_bottom .CourseMessMenu li .CourseTitle .OperDiv {
        float: right;
        margin-top: 5px;
    }

        .learn_bottom .CourseMessMenu li .CourseTitle .OperDiv span, .learn_bottom .CourseMessMenu li .CourseTitle .OperDiv img {
            float: left;
            margin-left: 20px;
            cursor: pointer;
        }

.learn_bottom .CourseMessMenu li .CourseConMess {
    clear: both;
    color: #555;
/*    width: 685px;
*/    padding: 10px 20px;
    background: #F6F6F6;
    line-height: 28px;
    text-indent: 2em;
    display: none;
    overflow: hidden;
}

.learn_bottom .CourseMessMenu li .CourseConItem {
/*    width: 685px;
*/    word-break: break-all;
}

    .learn_bottom .CourseMessMenu li .CourseConItem p {
        width: 685px;
        word-break: break-all;
        text-indent: 2em;
    }

.learn_bottom .CourseMessMenu li .CourseConMess .CourseFile {
    width: 685px;
}

    .learn_bottom .CourseMessMenu li .CourseConMess .CourseFile h3 {
        color: #555;
        float: left;
        background: url(../../Img/icon/fjdown.png) no-repeat 2px 5px;
        font-size: 14px;
        font-weight: normal;
    }

.learn_bottom .CourseMessMenu li .CourseConMess .CourseFile {
    float: left;
}

    .learn_bottom .CourseMessMenu li .CourseConMess .CourseFile .CourseDiv {
        float: left;
        text-indent: 0;
        margin-left: 10px;
        width: 500px;
        line-height: 25px;
    }

    .learn_bottom .CourseMessMenu li .CourseConMess .CourseFile a {
        color: #3EA9FF;
        cursor: pointer;
    }

        .learn_bottom .CourseMessMenu li .CourseConMess .CourseFile a:hover {
            text-decoration: underline;
            font-weight: 600;
        }

.LearnPro .Learn_left .learn_bottom ul dd.pt_bottom {
    float: right;
    width: auto;
}

.LearnPro .Learn_right {
    /*float: left*/ /*@*/
    width: 243px;
    border: 1px solid #dcdcdc;
    min-height: 400px;
/*    border-left: none;
*/    background: #fff;
    position: absolute;
    right: 0px;
    top:0px;
}

    .LearnPro .Learn_right .rlearnHead {
        width: 205px;
        height: 40px;
        line-height: 40px;
        padding-left: 40px;
        background: url('../../Img/icon/ranking.png') no-repeat 10px 6px;
        color: #3DB051;
    }

    .LearnPro .Learn_right table.phList th {
        background: #10AE59;
        text-align: center;
        width: 83px;
        color: #fff;
        height: 30px;
        line-height: 30px;
        border: none;
    }

    .LearnPro .Learn_right table.phList td {
        text-align: center;
        line-height: 30px;
        height: 30px;
        color: #202020;
    }

        .LearnPro .Learn_right table.phList td span {
            color: #fff;
            width: 25px;
            height: 25px;
            border-radius: 50%;
            background: #10AEDD;
            line-height: 25px;
            float: left;
            margin: 6px 27px;
        }

        .LearnPro .Learn_right table.phList td .selfColor {
            display: block;
            padding: 0 10px;
            background: #10AEDD;
            color: #fff;
            cursor: pointer;
            border-radius: 3px;
        }

        .LearnPro .Learn_right table.phList td.Namenobr {
            max-width: 100px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
/*课程学习(目录部分)*/
.CourseStudyDiv {
    background: #fff;
    border: 1px solid #dcdcdc;
    min-height: 700px;
}

.catalog {
    width: 100%;
}

    .catalog dl {
        width: 100%;
        overflow: hidden;
    }

        .catalog dl dt {
            height: 40px;
            line-height: 40px;
            width: 100%;
            text-indent: 1em;
            background: #DEEDF4;
            border-bottom: 1px solid #dcdcdc;
            color: #555;
        }

        .catalog dl .label label {
            float: left;
            color: #555;
        }

        .catalog dl div.label label {
            /*width:400px;
overflow:hidden;*/
        }
        .catalog dl .label .tgimg {
         float:left;
         margin-left:30px;
         margin-top:10px;
        }

.catalog_cmenu .label label {

}
        .catalog dl .label span.caret {
            float: right;
            margin-right: 20px;
            width: 0px;
            height: 0px;
            border: 8px solid transparent;
            border-top: 8px solid #bbb;
            margin-top: 18px;
            cursor: pointer;
        }

        .catalog dl .label span.caret_up {
            float: right;
            width: 0px;
            height: 0px;
            margin-right: 20px;
            border: 8px solid transparent;
            border-bottom: 8px solid #bbb;
            margin-top: 8px;
            cursor: pointer;
        }
     
        .catalog dl .continue_btn {
            float: right;
            margin: 8px 20px 0 0px;
            line-height: 25px;
            width: 80px;
            height: 25px;
            color: #fff;
            background: #55B829;
            cursor: pointer;
            text-align: center;
            margin-right: 100px;
            text-indent: 0;
        }

        .catalog dl dd {
            width: 100%;
            margin: 0 auto;
            color: #545454;
            text-indent: 2em;
            position: relative;
            display: none;
        }

            .catalog dl dd .colum_menu, .catalog_cmenu li {
                height: 40px;
                line-height: 40px;
                border-bottom: 1px dashed #86D0F3;
                overflow:hidden;
            }

            .catalog dl dd .catalog_child {
                /*position:absolute;
right:300px;*/
                float: right;
                height: 41px;
                text-overflow: ellipsis;
                overflow: hidden;
                margin-right: 5px;
            }

            .catalog dl dd .catalog_doc {
                float: right;
                height: 41px;
                text-overflow: ellipsis;
                overflow: hidden;
                margin-right: 5px;
                margin-left: 10px;
                width: 130px;
            }

                .catalog dl dd .catalog_doc img {
                    margin-top: -2px;
                }

            .catalog dl dd .catalog_Test, .catalog dl dd .catalog_jj {
                float: right;
                margin-right: 20px;
                margin-top: 11px;
                cursor: pointer;
                display: block;
            }

            .catalog dl dd .catalog_Test, .catalog dl dd .catalog_jj {
                width: 20px;
                height: 20px;
            }

                .catalog dl dd .catalog_Test img, .catalog dl dd .catalog_jj img {
                    display: block;
                }

            .catalog dl dd .catalog_jj {
                margin-right: 5px;
            }

            .catalog dl dd .catalog_icon {
                float: right;
                margin-right: 20px;
                width: 18px;
                cursor: pointer;
                margin-top: 13px;
            }

                .catalog dl dd .catalog_icon img {
                    float: left;
                }

.catalog_cmenu {
    clear: both;
    display: none;
}

    .catalog_cmenu li label {
        padding-left: 20px;
    }

.catalog dl dd.catalogTest label {
    color: #00A0E8;
    float: left;
}

.catalog dl dd.catalogTest .continue_btn {
    background: #00A0E8;
    color: #fff;
}
/*视频的右边*/
.play_video .video_right {
    position: absolute;
    top: 40px;
    width: 330px;
    right: -330px;
    height: 550px;
    z-index: 888;
    background: url(.);
}

    .play_video .video_right .arrowIcon {
        position: absolute;
        left: -12px;
        top: 230px;
        line-height: 150px;
        font-size: 40px;
        color: #fff;
        text-align: center;
        cursor: pointer;
    }

    .play_video .video_right .show_videoList {
        position: absolute;
        width: 30px;
        height: 60px;
        right: 0;
        top: 270px;
    }

    .play_video .video_right .videoList {
        width: 100%;
        height: 100%;
        background: #fff;
    }

        /*.play_video .video_right .videoList > li
{
height:130px;
}*/
        .play_video .video_right .videoList .videoKj {
            width: 100%;
            height: 176px;
            position: relative;
        }
        /**自制滚动条*/
        /*.play_video .video_right .videoList .videoKj .scroll { 
height:90px;
position:absolute;
right:0px;
width:20px;
top:40px;
}
.play_video .video_right .videoList .videoKj .scrollDiv {
width: 18px;
height:40px;
position: absolute;
top: 0;
right:0px;
background: #666;
border-radius: 10px;
}*/

        .play_video .video_right .videoList > li a.video_liHead {
            display: block;
            width: 350px;
            height: 30px;
            background: #5F666E;
            line-height: 30px;
            position: relative;
            color: #fff;
            text-indent: 3em;
        }

            .play_video .video_right .videoList > li a.video_liHead img {
                position: absolute;
                left: 20px;
                top: 8px;
            }

#contentKj {
    width: 350px;
    height: 140px;
    overflow: hidden;
}

.play_video .video_right .videoList > li.videoKj ul {
    width: 320px;
    margin: 0px auto;
    color: #8B8B8B;
    height: 140px;
}


    .play_video .video_right .videoList > li.videoKj ul li {
        text-align: center;
        height: 60px;
        line-height: 30px;
        font-size: 14px;
        text-align: center;
        float: left;
        margin-left: 19px;
        margin-top: 10px;
    }

        .play_video .video_right .videoList > li.videoKj ul li a {
            border: 1px solid #dcdcdc;
            display: block;
            width: 50px;
            height: 50px;
            cursor: pointer;
        }

            .play_video .video_right .videoList > li.videoKj ul li a:hover, .play_video .video_right .videoList > li.videoKj ul li.active a {
                border: 1px solid #10AE59;
            }

            .play_video .video_right .videoList > li.videoKj ul li a img {
                display: block;
                position: relative;
                margin: 0 auto;
            }

            .play_video .video_right .videoList > li.videoKj ul li a.sp img {
                top: 15px;
            }

            .play_video .video_right .videoList > li.videoKj ul li a.html img {
                top: 10px;
            }

            .play_video .video_right .videoList > li.videoKj ul li a.wd img, .play_video .video_right .videoList > li.videoKj ul li a.pdf img {
                top: 8px;
            }

.play_video .video_right .videoList > li .cementTest {
    width: 350px;
    margin: 10px auto;
}

    .play_video .video_right .videoList > li .cementTest table {
        width: 350px;
    }

.play_video .video_right .videoList li .cementTest table td {
    text-align: center;
    color: #555;
}

.play_video .video_right .videoList > li .cementTest table .messScore td {
    width: 140px;
    text-align: center;
}

.play_video .video_right .videoList > li .cementTest table td .score {
    width: 50px;
    height: 70px;
    border: 1px solid #555;
    display: block;
    border-radius: 50%;
    margin: 0 auto;
    line-height: 30px;
    color: #697076;
    font-size: 12px;
    padding: 0 10px;
    cursor: pointer;
}

.play_video .video_right .videoList > li .cementTest table td .img img {
    cursor: pointer;
    float: left;
}

.play_video .video_right .videoList > li .cementTest table td .score span {
    display: block;
    position: relative;
    top: 8px;
    font-size: 16px;
    color: #FF4F03;
    font-weight: 600;
}

.play_video .video_right .videoList > li .cementTest table td.time {
    width: 200px;
}

.play_video .video_right .videoList > li .cementTest table td .test {
    display: block;
    width: 70px;
    text-align: center;
    line-height: 21px;
    height: 21px;
    background: #10AE59;
    color: #fff;
    cursor: pointer;
    margin: 5px 0 0 15px;
    border-radius: 3px;
}

.play_video .video_right .videoList > li .cementTest table .messOther {
    margin-top: 10px;
}

.play_video .video_right .videoList > li.document {
    height: 60px;
    line-height: 30px;
}

.play_video .video_right .videoList li.document label {
    float: left;
    margin-left: 10px;
    width: 200px;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #555;
}

.play_video .video_right .videoList li.document .load_btn {
    display: inline-block;
    width: 45px;
    text-align: center;
    height: 21px;
    line-height: 21px;
    background: #0FAE58;
    color: #fff;
    float: right;
    margin: 4px 10px 5px 0;
    cursor: pointer;
    text-indent: 0;
}

.play_video .video_right .videoList li.plVideo {
    width: 330px;
    position: relative;
}

    .play_video .video_right .videoList li.plVideo .TabScroll {
        width: 330px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .play_video .video_right .videoList li.plVideo .plTable {
        width: 330px;
    }

        .play_video .video_right .videoList li.plVideo .plTable .tx {
            position: relative;
            width: 50px;
        }

            .play_video .video_right .videoList li.plVideo .plTable .tx img {
                width: 30px;
                height: 30px;
                border-radius: 50%;
                left: 5px;
                position: relative;
                top: 5px;
            }

        .play_video .video_right .videoList li.plVideo .plTable td {
            height: 25px;
            line-height: 25px;
            color: #555;
        }

        .play_video .video_right .videoList li.plVideo .plTable .messName {
            width: 200px;
        }

            .play_video .video_right .videoList li.plVideo .plTable .messName span {
                float: left;
                margin-top: 2px;
                font-size: 13px;
                color: #10AE59;
            }

        .play_video .video_right .videoList li.plVideo .plTable .oper {
            width: 100px;
        }

            .play_video .video_right .videoList li.plVideo .plTable .oper a {
                float: left;
                margin-right: 5px;
                margin-top: 2px;
                cursor: pointer;
                height: 30px;
                margin-left: 5px;
                color: #F49C6A;
                font-size: 12px;
            }

                .play_video .video_right .videoList li.plVideo .plTable .oper a i {
                    display: block;
                    width: 30px;
                    height: 20px;
                    font-size: 10px;
                    padding: 0;
                    line-height: 0px;
                    font-style: normal;
                    color: #565656;
                }

                .play_video .video_right .videoList li.plVideo .plTable .oper a.active, .play_video .video_right .videoList li.plVideo .plTable .oper a.active i {
                    color: #F49C6A;
                }

        .play_video .video_right .videoList li.plVideo .plTable .reviewCon {
            float: left;
            color: #10AE59;
            font-size: 10px;
            width: 70px;
            margin-top: 2px;
  
        }

        .play_video .video_right .videoList li.plVideo .plTable .commtent_con {
            max-width: 200px;
            width: 200px;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        .play_video .video_right .videoList li.plVideo .plTable tr {
          vertical-align:top;
        }
    .play_video .video_right .videoList li.plVideo dl {
        width: 350px;
        margin: 5px auto;
        border-bottom: 1px solid #E3E5E4;
        overflow: hidden;
    }

        .play_video .video_right .videoList li.plVideo dl dt {
            width: 100%;
            height: 30px;
            overflow: hidden;
            line-height: 30px;
        }

.play_video .video_right .videoList li dl dt > img {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
    margin: 2px 15px;
}

.play_video .video_right .videoList li dl dt span {
    color: #89CFA6;
}

.play_video .video_right .videoList li dl dd {
    width: 310px;
    margin: 0 auto;
    height: 30px;
}
    /*.play_video .video_right .videoList li.GTest { 
height:150px;
}*/
    .play_video .video_right .videoList li dl dd p.commtent_con {
        float: left;
        width: 200px;
        max-width: 200px;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #31353E;
        line-height: 23px;
        margin-left: 40px;
        font-size: 12px;
    }

    .play_video .video_right .videoList li dl dd p.comment_all {
        text-overflow: initial;
        overflow: auto;
    }

    .play_video .video_right .videoList li dl dd .reviewCon {
        float: right;
        margin-right: 3px;
        color: #10AE59;
        font-size: 10px;
        width: 60px;
        margin-top: 5px;
        height: 13px;
    }

.play_video .video_right .videoList li dl dt p.commtent_btn {
    float: right;
    margin-right: 10px;
    width: 60px;
}

    .play_video .video_right .videoList li dl dt p.commtent_btn a {
        float: left;
        width: 15px;
        margin-right: 15px;
        margin-top: 0px;
        cursor: pointer;
    }

    .play_video .video_right .videoList li dl dt p.commtent_btn img {
        display: block;
        width: 15px;
        height: 14px;
    }

    .play_video .video_right .videoList li dl dt p.commtent_btn a i {
        display: block;
        width: 30px;
        height: 20px;
        font-size: 10px;
        padding: 0;
        line-height: 20px;
        font-style: normal;
        color: #565656;
    }

.play_video .video_right .videoList li.plVideo .plList {
    height: 140px;
    overflow: hidden;
}

.play_video .video_right .videoList li.plVideo .TabScroll {
    margin-bottom: 2px;
}
/**底部评论*/
.play_video .video_right .videoList li.plVideo .pldiv {
    height: 30px;
    position: absolute;
    left: 10px;
}

    .play_video .video_right .videoList li.plVideo .pldiv input {
        height: 22px;
        width: 200px;
        border: 1px solid #dcdcdc;
        color: #555;
        padding: 0 10px;
        float: left;
    }

    .play_video .video_right .videoList li.plVideo .pldiv a {
        display: inline-block;
        width: 80px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background: #10AE59;
        color: #fff;
        cursor: pointer;
        float: right;
        margin-right: 10px;
    }
/*学习进度头部--视频*/
.play_video {
    width: 100%;
    position: relative;
    min-height: 640px;
    overflow: hidden;
    border: 1px solid #dcdcdc;
    background: #fff;
}

    .play_video .video_head {
        width: 100%;
        height: 40px;
        background: #434343;
        line-height: 40px;
        text-indent: 2em;
        cursor: pointer;
        color: #fff;
        overflow: hidden;
    }

    .play_video .video_rhead {
        float: right;
        margin: -35px 30px;
    }

        .play_video .video_rhead img {
            display: inline-block;
            margin-left: 30px;
            cursor: pointer;
        }

            .play_video .video_rhead img.download {
                display: none;
            }

    .play_video .video_con {
        position: relative;
        width: 100%;
        height: 550px;
        min-height: 550px;
    }
#ckplayer {
width:100% !important;
}
.play_video .video_con video {
    min-height: 550px;
    background: #858786;
    width: 100%;
}

    .play_video .video_mess {
        height: 50px;
        width: 100%;
        background: #1B1B1B;
        position: relative;
        z-index: 999;
    }

        .play_video .video_mess .video_icon {
            float: left;
            margin: 15px 40px;
            cursor: pointer;
            color: #fff;
        }

            .play_video .video_mess .video_icon img {
                float: left;
                margin-right: 10px;
            }

        .play_video .video_mess .video_ricon {
            float: right;
            color: #fff;
            margin: 15px 40px;
        }
    /**视频显示html*/
    .play_video .messShow {
        width: 100%;
        min-height: 750px;
        background: #fff;
        background-size: 100% 100%;
        display: none;
        /*overflow-y:scroll;*/
        padding: 10px 0px;
        color: #555;
        font-size: 16px;
    }

        .play_video .messShow .messshow_bg {
            margin: auto;
            vertical-align: middle;
            width: 900px;
            word-wrap: break-word;
            line-height: 25px;
            text-indent: 2em;
        }
/**课程作业*/
#TeachHome {
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 0 0 20px 0;
    min-height: 700px;
}

#Stu_Right .tab_title {
/*    width: 980px;*/
    background: #fff;
    border-bottom: 1px solid #DCDCDC;
}

    #Stu_Right .tab_title li a {
        color: #787B80;
        position: relative;
    }

    #Stu_Right .tab_title li.active a {
        color: #10AE59;
    }

    #Stu_Right .tab_title li a:after {
        content: "";
        position: absolute;
        height: 2px;
        background: #10AE57;
        width: 0;
        left: 0;
        right: 0;
        bottom: -2px;
        -webkit-transition: width .3s;
        transition: width .3s;
    }

    #Stu_Right .tab_title li a:hover:after {
        width: 100%;
    }

    #Stu_Right .tab_title li.active a:after {
        width: 100%;
    }


.enterHome {
    margin: 0 auto;
}
/*作业列表*/

.CourseHomeList .home_mess {
    padding-left: 20px;
    text-indent: 1em;
    color: #777A81;
}

.CerApply li .Cer_mess .Cer_moudel span.homebtn {
    display: inline-block;
}

.CourseHome {
    position: relative;
    min-height: 650px;
}
    /**作业互评*/
    .CourseHome .homePl {
        margin: 10px 0;
    }

        .CourseHome .homePl .homePlHead {
            width: 960px;
            margin: 10px auto;
            background: #F3F7F8;
            height: 40px;
            line-height: 40px;
            text-indent: 1em;
            border-left: 2px solid #10AE59;
        }

            .CourseHome .homePl .homePlHead a {
                width: 110px;
                display: inline-block;
            }

                .CourseHome .homePl .homePlHead a img {
                    float: right;
                    margin-top: 10px;
                    cursor: pointer;
                }

        .CourseHome .homePl span, .CourseHome .homePl a {
            display: inline-block;
            width: 220px;
            max-width: 220px;
            text-overflow: ellipsis;
            overflow: hidden;
            margin-right: 2px;
            text-align: center;
            color: #787A86;
        }

    .CourseHome .homeplTable {
        width: 700px;
        margin: 10px auto;
    }

        .CourseHome .homeplTable p {
            color: #ABAFB0;
            margin-bottom: 10px;
        }

        .CourseHome .homeplTable table {
            border: 1px solid #E6EFF4;
            border-collapse: collapse;
        }

            .CourseHome .homeplTable table th {
                height: 30px;
                line-height: 30px;
                text-align: center;
                width: 140px;
                border-right: 1px solid #fff;
                background: #F0F5F9;
                color: #606163;
            }

            .CourseHome .homeplTable table td {
                height: 30px;
                line-height: 30px;
                text-align: center;
                color: #666666;
                border: 1px dashed #95D7F7;
            }

                .CourseHome .homeplTable table td a {
                    color: #40BDF3;
                    line-height: 30px;
                    display: block;
                    cursor: pointer;
                    width: auto;
                }
/**公用关联点分页*/
.TestPagePoint .PageNum, .EditTestData .PageNum, .NewVideo .PageNum, .PageNum {
    float: right;
    color: #555;
    margin: 20px;
}

    .TestPagePoint .PageNum a, .TestPagePoint .PageNum span, .EditTestData .PageNum a, .EditTestData .PageNum span, .NewVideo .PageNum a, .NewVideo .PageNum span, .PageNum a, .PageNum span {
        display: inline-block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        color: #fff;
        background: #BBBBBB;
        cursor: pointer;
        text-align: center;
    }

    .TestPagePoint.PageNum span, .EditTestData.PageNum span, .NewVideo.PageNum span, .PageNum span {
        background: #fff;
        border: 1px solid #dcdcdc;
        color: #7ecef4;
    }

        .TestPagePoint .PageNum span.active, .EditTestData .PageNum span.active, .NewVideo .PageNum span.active, .PageNum span.active {
            background: #7ecef4;
            color: #fff;
        }
/**关于我们*/
.ContactUs {
    width: 1200px;
    margin: 20px auto;
    vertical-align: top;
    min-height: 700px;
    padding: 0 0 20px 0px;
}

    .ContactUs .title {
        height: 35px;
        line-height: 35px;
        width: 100%;
        color: #555;
    }

        .ContactUs .title a {
            color: #555;
        }

    .ContactUs .con {
        vertical-align: top;
    }

    .ContactUs .head {
        height: 45px;
        line-height: 45px;
        background: #10AE59;
        color: #fff;
    }

    .ContactUs .left, .ContactUs .right {
        border: 1px solid #dcdcdc;
        background: #fff;
    }

        .ContactUs .left .head label {
            float: left;
            padding-left: 40px;
            margin-left: 20px;
            background: url('../../Img/icon/About-us.png') no-repeat 0 10px;
        }

        .ContactUs .right .head label {
            text-indent: 2em;
            float: left;
        }

    .ContactUs .acrticle {
        width: 800px;
        margin: 10px auto;
        padding: 0 50px;
        font-family: '微软雅黑';
    }

        .ContactUs .acrticle p {
            text-indent: 2em;
            line-height: 30px;
            color: #555;
            font-size: 15px;
        }

        .ContactUs .acrticle h3 {
            line-height: 30px;
            padding-left: 30px;
            color: #555;
            font-size: 18px;
            margin-top: 20px;
        }

            .ContactUs .acrticle h3.tenet {
                background: url('../../Img/icon/tenet.png') no-repeat 0 5px;
            }

            .ContactUs .acrticle h3.systems {
                background: url('../../Img/icon/systems.png') no-repeat 0 5px;
            }

            .ContactUs .acrticle h3.service {
                background: url('../../Img/icon/service.png') no-repeat 0 5px;
            }
    /**联系我们*/
    .ContactUs .ratrticle {
        font-family: '微软雅黑';
    }

        .ContactUs .ratrticle p {
            line-height: 28px;
            width: 90%;
            margin: 10px auto;
            text-indent: 2em;
            color: #555;
        }

        .ContactUs .ratrticle img {
            display: block;
            margin: 10px auto;
        }

        .ContactUs .ratrticle p.lls {
            padding-left: 10px;
            background: url('../../Img/icon/lxr.png') no-repeat 0 3px;
        }

        .ContactUs .ratrticle p.telNum {
            padding-left: 10px;
            background: url('../../Img/icon/linkqq.png') no-repeat 0 1px;
        }

        .ContactUs .ratrticle p.emall {
            padding-left: 10px;
            background: url('../../Img/icon/yxt.png') no-repeat 0 3px;
        }

/*.ContactUs .head h2 {
padding-left:40px;
background:url('../../Img/icon/lxwm.png') no-repeat 0 10px;
color:#555;
}
.ContactUs .con {

width:1100px;
margin:10px auto;
}
.ContactUs .con p {
width:1000px;
line-height:35px;
font-size:16px;
color:#555;
font-weight:600;

}*/

/**置顶功能*/
#right-menu {
    position: fixed;
    right: 20px;
    bottom: 100px;
    z-index: 9991;
}

    #right-menu .right-menu-block li {
        padding: 0 10px 0 0;
        height: 45px;
        line-height: 45px;
        background: #10AE59;
        color: #fff;
        margin-top: 10px;
        overflow: hidden;
    }

        #right-menu .right-menu-block li img {
            display: inline-block;
            float: right;
            margin-top: 6px;
            cursor: pointer;
            margin-left: 10px;
        }

        #right-menu .right-menu-block li label {
            display: inline-block;
            position: absolute;
            color: #10AE59;
            height: 43px;
            width: 0;
            background: #fff;
            text-align: center;
            overflow: hidden;
            border: 1px solid #10AE59;
        }
/**无法进入客户端的弹出框*/
#TestHintAlert {
    width: 700px;
    background: #fff;
    border: 1px solid #dcdcdc;
    box-shadow: 2px 2px 10px #dcdcdc;
    overflow: hidden;
}

    #TestHintAlert .head {
        width: 100%;
        height: 35px;
        line-height: 35px;
        background: #00B7EE;
        color: #fff;
        overflow: hidden;
    }

        #TestHintAlert .head label {
            float: left;
            margin-left: 20px;
        }

        #TestHintAlert .head span {
            float: right;
            margin-right: 20px;
            font-size: 25px;
            cursor: pointer;
        }

    #TestHintAlert .con {
        width: 650px;
        margin: 10px auto;
        padding: 10px 0;
        color: #555;
        padding: 10px 0 10px 0;
        overflow: hidden;
    }

        #TestHintAlert .con p {
            text-align: center;
            line-height: 25px;
            margin-bottom: 30px;
        }

            #TestHintAlert .con p a {
                color: #00B7EE;
                display: block;
                text-align: center;
                cursor: pointer;
            }

                #TestHintAlert .con p a:hover {
                    text-decoration: underline;
                }

        #TestHintAlert .con img {
            display: block;
            margin: 10px auto;
            width: 99px;
            height: 104px;
            cursor: pointer;
        }

    #TestHintAlert .left {
        float: left;
        width: 300px;
        padding: 0 10px;
        border-right: 1px solid #00B7EE;
    }

    #TestHintAlert .right {
        float: right;
        padding: 0 10px;
    }
/**视频添加笔记*/
#AddNoteAlert {
    width: 400px;
    background: #fff;
    border: 1px solid #dcdcdc;
    overflow: hidden;
    box-shadow: 2px 2px 10px #dcdcdc;
    cursor: move;
    position: relative;
    z-index: 10000;
}

    #AddNoteAlert .head {
        width: 100%;
        height: 35px;
        line-height: 35px;
        background: #6DC6F0;
        color: #fff;
    }

        #AddNoteAlert .head label {
            float: left;
            margin-left: 20px;
        }

        #AddNoteAlert .head span {
            float: right;
            margin-right: 20px;
            font-size: 25px;
            cursor: pointer;
        }

    #AddNoteAlert .Add_item {
        width: 90%;
        margin: 10px auto;
        overflow: hidden;
    }

        #AddNoteAlert .Add_item label {
            display: block;
            margin: 10px 0;
            color: #555;
        }

        #AddNoteAlert .Add_item .noteCon {
            width: 95%;
            padding: 2%;
            color: #555;
            display: block;
            resize: none;
            font-size: 16px;
            border: 1px solid #dcdcdc;
        }

        #AddNoteAlert .Add_item .noName {
            clear: both;
            margin: 10px 0;
            display: block;
        }

            #AddNoteAlert .Add_item .noName label {
                float: left;
            }

            #AddNoteAlert .Add_item .noName input {
                float: left;
                width: 25px;
                height: 25px;
                margin-top: 5px;
                margin-right: 6px;
            }

        #AddNoteAlert .Add_item .oper {
            width: 200px;
            margin: 10px auto;
        }

        #AddNoteAlert .Add_item a.btn {
            display: inline-block;
            width: 80px;
            height: 28px;
            line-height: 28px;
            background: #6DC6F0;
            color: #fff;
            cursor: pointer;
            text-align: center;
            margin-right: 15px;
        }

.catalog dl div.label label:hover {
    text-decoration: underline;
    color: #10AE59;
    cursor: pointer;
}




.hightest_menu li a.Axtgx {
    background: url(../../Img/sysUpdate/Axtgx.png) no-repeat 50px 10px;
}

.hightest_menu li.active a.Axtgx {
    background: url(../../Img/sysUpdate/Axtgx_a.png) no-repeat 50px 10px;
}



#con_left .menu_load li.active a.jxdc_1, #con_left .menu_load li:hover a.jxdc_1{
    background: url(../../Img/icon/wjdc.png) no-repeat 50px 11px;
}

#con_left .menu_load li a.jxdc_1 {
    background: url(../../Img/icon/wjdc_1.png) no-repeat 50px 11px;
}

.menu_load li {
    position: relative;
}

.pointmessdiv {
    position: absolute;
    top: 6px;
    right: 80px;
    width: 30px;
    height: 25px;
    border-radius: 50%;
    line-height: 25px;
    background: red;
    color: #fff;
    text-align: center;
}




.combtn {
    background: #10AE59;
    color: #fff;
    cursor: pointer;
    line-height: 25px;
    border-radius: 3px;
    text-align: center;
}


/***学习进度*/
.messinformlist {
}

    .messinformlist .messinform {
        border-bottom: 1px solid #ddd;
        line-height: 35px;
        overflow: hidden;
        position: relative;
    }
      
        .messinformlist .messinform label {
            float: left;
            max-width: 250px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            color: #555;
            cursor: pointer;
            margin-left: 40px;
        }

        .messinformlist .messinform span {
            float: right;
            color: #555;
            margin-right: 10px;
        }

        .messinformlist .messinform i {
            font-size: 10px;
            position: absolute;
            left: -20px;
            top: -10px;
            text-align: center;
            width: 100px;
            padding: 2px 4px;
            -webkit-transform: rotateZ(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotateZ(-45deg);
            -webkit-transform-origin: 76px 25px;
            -ms-transform-origin: 76px 25px;
            transform-origin: 76px 25px;
            z-index: 10;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            font-style: normal;
            color: #fff;
            line-height: 12px;
            /*top:12px \9;*/
            /*font-size: 14px \9;*/
        }

            .messinformlist .messinform i.yd {
                background: #10AEDD;
                /*background:#fff \9;*/
            }

            .messinformlist .messinform i.wd {
                background: red;
                /*background:#fff \9;*/
            }

        .messinformlist .messinform img {
            position: absolute;
            left: 5px;
            top: 5px;
            animation:0.5s sacle alternate infinite;
            width:22px;
        }
          .messinformlist .messinform a:hover label{
        color:#10AE59;
        }
@keyframes sacle {
    from {
        transform:scale(0.9);
        -webkit-transform:scale(0.9);
        -o-transform:scale(0.9);
        -moz-transform:scale(0.9);
    }

    to {
           transform:scale(1);    
        -webkit-transform:scale(1);
        -o-transform:scale(1);
        -moz-transform:scale(1);
    }
}

.StatisMan {
min-height:600px;
border:1px solid #ddd;
background:#fff;

}
    .StatisMan .mess {
    padding:0 15px;
    line-height:25px;
    color:#777;
    margin-top:10px;
    color:#10AE59;
    }
.StatisMan .StaticTable {
margin:10px auto;
width:98%;
}
.StatisMan .StaticTable td a {
color:#10AE59;
cursor:pointer;
}
.StatisMan .StaticTable td.Name {
max-width:150px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}

/**信息通知*/
.menu_load .pointmess {
position: absolute;
    border:1px solid #ddd;
    top: 5px;
    left: 150px;
    width:22px;
    height:22px;
    line-height:22px;
    font-size: 12px;
    background: red;
    text-align:center;
    border-radius: 50%;
    color: #fff;
    display:none;
    animation:all big 0.5s;
}
@keyframes big {
    20% {
     transform:scale(1.1)
    }
    100% {
    
     transform:scale(1)
    }

}



.rbg {
background:#efefef !important;
color:red !important;
}
.gbg {
background: #efefef !important;
color: #0951e6 !important;
}
.ebg {
background: #efefef !important;
color: #10AE59 !important;
}





/*分页*/
.sitepager {
line-height: 36px;
font-size: 14px;
font-family: '宋体';
text-align: center;
}

.sitepager {
font-family: '微软雅黑';
background-color: #f8f5f5;
}

.sitepager span {
margin: 0px;
cursor: pointer;
}

.sitepager span:hover {
text-decoration: underline;
}

.sitepager .pidx {
margin: 0px;
font-size: 14px;
padding: 0px;
border: 1px solid #038BCC;
cursor: pointer;
display: inline-block;
min-width: 25px;
height: 20px;
line-height: 20px;
text-align: center;
}

.sitepager .pkey {
color: #10AE59;
font-weight: bold;
font-weight: bold;
padding: 0px 4px;
}

.sitepager .pcur {
border:1px solid  #10AE59;
color: #fff;
background:#10AE59;
border-radius: 2px;
padding:0 3px;
margin:0 1px 0 1px;
}

.sitepager .pnor {
border:1px solid  #10AE59;
color: #10AE59;

border-radius: 1px;
padding:0 3px;
margin:0 1px 0 1px;
}




.part_checkbox {
line-height: 1;
position: relative;
display: inline-block;
margin: 4px 10px 5px 10px;
}
.part_checkbox>input[type='checkbox']{
position: absolute;
z-index: 99999999;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
margin: 0;
cursor: pointer;
opacity: 0;
}
.part_checkbox i {
font-size: 1em !important;
position: relative;
display: inline-block;
box-sizing: initial;
  
margin-right: 2px;
padding: 1px;
text-align: center;

}
.part_checkbox i:before {
content: "\2714";
position: relative;
z-index: 999;
left: 1px;
top:1px;
display: inline-block;
vertical-align: bottom;
color: transparent;
background-color: #fff;
font-size:20px;
   
}
.part_checkbox i:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '\0000';
color: transparent;
border: 1px solid #b9b9b9;
border-radius: 0;
}
.part_checkbox input[type = 'checkbox']:checked + label i {
-webkit-animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}


.part_checkbox  input[type = 'checkbox']:checked + label i:before{
color:#fff;
background-color: #10AE59;
   
}
.part_checkbox input[type = 'checkbox']:checked + label i:after {
border:1px solid #10AE59;
}
.part_checkbox  input[type = 'checkbox'][disabled]{
cursor: not-allowed;opacity: 0
}
.part_checkbox  input[type = 'checkbox'][disabled] + label {
cursor: not-allowed;opacity: 0.5
}


/******学生综合成绩20230627*****/
.studyjfenman {
    overflow: hidden;
}

.studjfenman {
    margin-top: 10px;
}

.studyjfenman .jfen_left {
    width: 48%;
    float: left;
    overflow:hidden;
    padding: 0px 0px 0px 10px;
}
    .studyjfenman .jfen_left .title span {
        float: right;
        cursor: pointer;
        padding: 2px 3px;
        background: #10AE59;
        color: #fff;
        line-height: 20px;
        border-radius: 3px;
        margin-top:3px;
    }
    .studyjfenman .title {
        font-weight: normal;
        font-size: 15px;
        background: #f7f7f7;
        line-height: 30px;
        padding: 0 10px;
    }

.studyjfenman .jfen_right {
    width: 49%;
    float: right;

}

.studyjfenman .jfenstatic {
    box-shadow: 0px 0px 3px #ccc;
    width: 99%;
    /*    height: 250px;
*/ padding-top: 10px;
  margin-top:10px;
    text-align: center;
}

.studyjfenman .jfencircle {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 10px solid #b7d2ed;
    margin: 10px auto;
    text-align: center;
    line-height: 30px;

  
}

    .studyjfenman .jfencircle b {
        display: block;
        color: #7bb9f6;
        margin-top:20px;
    }

    .studyjfenman .jfencircle span {
        display: block;
        font-weight: bold;
        color: #24b5e1;
        font-size: 20px;
    }

.studyjfenman .jfennote {
    display: inline-block;
    background: #e0ebf7;
    padding: 0 13px;
    border-radius: 15px;
    color: #479ef4;
    line-height: 26px;
    margin-bottom:20px;
}

.studyjfenman .jfenduring {
    margin-top:30px;
    margin-bottom:30px;
    background: #ddd;
    height: 3px;
    position: relative;
}

    .studyjfenman .jfenduring .levelitem {
        position: absolute;
    }

    .studyjfenman .jfenduring .levelitem {
        text-align: left;
    }

        .studyjfenman .jfenduring .levelitem label {
            position: absolute;
            top: -30px;
            font-weight: normal;
            font-size: 12px;
            width: 100%;
            left: 11px;
            text-align: center;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .studyjfenman .jfenduring .levelitem label.active {
                color: #F06525;
                font-weight: bold;
            }

        .studyjfenman .jfenduring .levelitem span {
            color: #555;
            position: relative;
        }

            .studyjfenman .jfenduring .levelitem span:before {
                position: absolute;
                content: "";
                height: 5px;
                width: 5px;
                background: #b4b0b0;
                border-radius: 50%;
                top: -11px;
                left: 12px;
            }

.studyjfenman .jfencircle i {
    display: block;
    font-style: normal;
    color: #555;
    font-size: 13px;
}

.studyjfenman .note {
    margin-top: 10px;
    line-height: 25px;
}

    .studyjfenman .note .margin {
        margin-bottom: 15px;
    }

.studyjfenman .jfentype {
    margin-top: 10px;
    padding: 0 10px;
}

    .studyjfenman .jfentype .jfenitem {
        line-height: 30px;
        border-bottom: 1px solid #ddd;
        overflow: hidden;
    }

        .studyjfenman .jfentype .jfenitem label {
            font-weight: normal;
        }

        .studyjfenman .jfentype .jfenitem span {
            float: right;
            margin-top: 2px;
        }

.cwdtitle {
    line-height: 30px;
    position: relative;
    padding-left: 10px;
    font-weight: bold;
}

    .cwdtitle:before {
        position: absolute;
        content: "";
        width: 3px;
        left: 0px;
        background: #10AE59;
        height: 15px;
        top: 7px;
    }

.commtab {
    border-collapse: collapse;
    width: 100%;
}

    .commtab th, .commtab td {
        line-height: 30px;
        background: #eceeef;
        border: 1px solid #ddd;
        text-align: center;
        padding: 0 8px;
    }
    .commtab td {
    background:#fff;
    }
.menusearch {
    overflow:hidden;
   margin:5px auto;
}
    .menusearch .layui-btn {
    float:right;
    line-height:25px;
    height:25px;
    font-size:14px;
    padding:0 10px;
    margin-right:5px;
    }
.phtr span {
cursor:pointer;
color:#10AE59;
}
.StudyCenter {
border:1px solid #ddd;
min-height:600px;
}
.StudCenterData {
padding:0 10px 10px 10px;
}

.menuclunmlst {
  padding-bottom:20px;
    position:relative;
    margin-top:10px;
}
    .menuclunmlst .menuclunm {
    float:left;
    margin-right:15px;
    cursor:move;
    margin-bottom:15px;
    }
        .menuclunmlst .menuclunm .comcheckdiv {
        float:left;
        }
        .menuclunmlst .menuclunm label {
            float: left;
            margin-top: 5px;
            cursor: move;
        }
.othernav {
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    cursor:pointer;
}



    .KqStaicData .KqStaic {
        overflow: hidden;
        margin: 20px auto;
    }

        .KqStaicData .KqStaic .KqStaicitem {
            margin-right: 15px;
            border: 1px solid #ddd;
            padding: 5px 10px 5px 60px;
            position: relative;
            box-shadow: 2px 2px 2px rgb(0 0 0 / 10%), -1px 0 2px rgb(0 0 0 / 5%);
            text-align: center;
            height: 70px;
            position: relative;
        }

            .KqStaicData .KqStaic .KqStaicitem:before {
                position: absolute;
                content: "";
                width: 8px;
                height: 80px;
                top: -1px;
                background: #E74E04;
                left: -1px;
            }

        .KqStaicData .KqStaic .KqStaicitem2:before {
            background: #e6c72a;
        }

        .KqStaicData .KqStaic .KqStaicitem3:before {
            background: #28a745;
        }

        .KqStaicData .KqStaic .KqStaicitem4:before {
            background: #24b5e1;
        }

        .KqStaicData .KqStaic .KqStaicitem h3 {
            line-height: 30px;
            margin-top: 5px;
        }

        .KqStaicData .KqStaic .KqStaicitem .layui-icon {
            position: absolute;
            left: 30px;
            font-size: 26px;
            top: 17px;
            background: #E74E04;
            color: #fff;
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            border-radius: 50%;
        }

        .KqStaicData .KqStaic .KqStaicitem2 .layui-icon {
            background: #e6c72a;
        }

        .KqStaicData .KqStaic .KqStaicitem3 .layui-icon {
            background: #28a745;
        }

        .KqStaicData .KqStaic .KqStaicitem4 .layui-icon {
            background: #24b5e1;
        }

        .KqStaicData .KqStaic .KqStaicitem .layui-btn {
            line-height:25px;
            height:25px;
           width:110px;
            margin-bottom: 5px;
            margin-left:30px;
            padding:0 3px;
            margin-top:5px;
            display:block;
        
        }

.KqGonent .kqtable {
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: collapse;
}
.KqStaticCenter {
border:1px solid #ddd;
padding:0 5px 10px 5px;
min-height:600px;
}

/***展开菜单**/
.openoperdiv {
    width: 100px;
    position: relative;
    margin: 5px 0px;
}

    .openoperdiv .openoperlabel {
        width: 100px;
        line-height: 25px;
        background: #FF5722;
        color: #fff;
        border-radius: 3px;
        text-align: center;
        display: block;
        cursor: pointer;
        position: relative;
        z-index: 1;
        letter-spacing: 2px;
    }

        .openoperdiv .openoperlabel:before {
            position: absolute;
            content: "";
            right: 17px;
            top: 10px;
            width: 0px;
            height: 0px;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 6px solid #fff;
            border-bottom: 6px solid transparent;
        }

    .openoperdiv .openopermenu {
        position: absolute;
        width: 100%;
        left: 0px;
        top: 25px;
        border: 1px solid #ddd;
        color: #fff;
        background: #fff;
        z-index: 22;
        display: none;
    }

        .openoperdiv .openopermenu a {
            color: #555;
            border-bottom: 1px solid #ddd;
            display: block;
            line-height: 22px;
            cursor: pointer;
            text-align: center;
            padding: 0px;
            border-right: none;
        }

    .openoperdiv:hover .openopermenu {
        display: block;
    }

    .openoperdiv .openopermenu a:hover {
        color: #FF5722;
    }
.form-oper {
margin-top:5px;
text-align:center;
}
.form-oper .layui-btn {
    line-height: 25px;
    height: 25px;
}

.dist_wcon {
    overflow: hidden;
}

    .dist_wcon .dist_left {
        width: 300px;
        float: left;
    }

    .dist_wcon .dist_right {
        width: 450px;
        float: right;
        overflow-y: auto;
    }

.com_select {
    width: 120px;
    border: 1px solid #ddd;
}

.dist_right .dist_head {
    line-height: 30px;
    padding: 0 5px;
    margin-bottom: 5px;
}

.dist_wcon .dist_right .commtab {
    margin-bottom: 15px;
}

.layui-fs {
    margin-bottom: 10px;
    display: none;
}

    .layui-fs .fsmenu {
        overflow: hidden;
        line-height: 30px;
        margin-left: 110px;
        width: 300px;
    }

        .layui-fs .fsmenu a {
            display: inline-block;
            padding: 0 10px;
            cursor: pointer;
        }

            .layui-fs .fsmenu a.active {
                background: #24b5e1;
                color: #fff;
            }

    .layui-fs .fsitem {
        display: none;
        background: #fff;
        border: 10px solid #fff;
        border: 1px solid #ddd;
        width: 300px;
        margin-left: 110px;
    }

        .layui-fs .fsitem .fsrandom {
            height: 100px;
            text-align: center;
            background: #ddd;
            margin: 5px 5px 5px 5px;
            color: #407bde;
            line-height: 100px;
            font-weight: bold;
            font-size: 28px;
            letter-spacing: 5px;
        }

        .layui-fs .fsitem .mess {
            margin: 0 10px;
            margin-bottom: 5px;
            font-size: 13px;
            overflow: hidden;
        }

            .layui-fs .fsitem .mess span {
                float: right;
                color: #24b5e1;
                cursor: pointer;
            }

    .layui-fs .fszitem {
        padding: 10px;
    }

        .layui-fs .fszitem input {
            padding: 3px 10px;
            border: 1px solid #444;
        }

        .layui-fs .fszitem label {
            margin-right: 10px;
            font-weight: normal;
        }

.commalert .head span {
font-size:30px;
}


#Stu_Left .Stu_nav li a.kckq{
    background: url(../../Img/icon/kq_1.png) no-repeat 50px 13px;
}
    #Stu_Left .Stu_nav li a.kckq:hover, #Stu_Left .Stu_nav li.active a.kckq {
        background: #10AE59 url(../../Img/icon/kq_2.png) no-repeat 50px 13px;
   
    }


#Stu_Left .othernav a.szcd {
    display: block;
    width: 247px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #211717;
    font-weight: 500;
    font-family: "微软雅黑";

    font-size: 16px;
    cursor: pointer;
    background: url(../../Img/icon/cdset_1.png) no-repeat 50px 13px;
}

    #Stu_Left .othernav a.szcd:hover {
        color:#fff;
        background:#10AE59 url(../../Img/icon/cdset_2.png) no-repeat 50px 13px;
    }