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

a{
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
a:focus{
    text-decoration:none;
}
input{
    outline: none;
}
body {
    word-break:break-all; /*支持IE，chrome，FF不支持*/
    word-wrap:break-word;/*支持IE，chrome，FF*/
}
html,body{height:100%;margin:0;padding:0;}

footer{
    height:40px;
    margin-top:-40px;
    width: 100%;
    background: #f8f8f8;
}
p,h3{
    margin:0;
}
th{
    text-decoration: none;
}
.block{
    display:block;
}
.gray{
    color:#ccc;
}
.gole{
    color:#428bca;
}
.a-up div{
    cursor: pointer;
}
.btn.btn-info{
    background: #5AAFEE;
    border: 1px solid #5AAFEE;
    color: #fff;
}
.btn.btn-cancle{
    background: #fff;
    color: #5AAFEE;
    border: 1px solid #5AAFEE;
}

/* 自定义按钮类 start */
.custom-btn {
    display: inline-block;
    padding: 8px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.custom-btn-default {
    color: #333;
    border-color: #333;
}
.custom-btn-blue {
    color: #5aafee;
    border-color: #5aafee;
}
.custom-btn-blue:hover,
.custom-btn-blue:focus,
.custom-btn-blue.focus,
.custom-btn-blue:active,
.custom-btn-blue.active {
    color: #fff;
    background-color: #5aafee;
    border-color: #5aafee;
}
.custom-btn-primary {
    color: #fff;
    background-color: #5aafee;
}
.custom-btn-primary:hover,
/*.custom-btn-primary:focus,*/
.custom-btn-primary.focus,
.custom-btn-primary:active,
.custom-btn-primary.active
{
    background-color: #6ab7ef;
}
.custom-btn-sm {
    font-size: 12px;
    padding-top: 9px;
    padding-bottom: 9px;
    border-radius: 15px;
    height: 30px;
}
.custom-btn-sm-fix-length {
    width: 76px;
}
.custom-btn-nm {
    font-size: 14px;
    border-radius: 20px;
    height: 40px;
}
.custom-btn-nm-fix-length {
    width: 156px;
}
.custom-btn-lg {
    font-size: 16px;
    padding-top: 17px;
    padding-top: 17px;
    border-radius: 25px;
    height: 50px;
}
.custom-btn-lg-fix-length {
    width: 216px;
}
.custom-btn-default:hover,
.custom-btn-default:focus,
.custom-btn-default.focus,
.custom-btn-default:active,
.custom-btn-default.active {
    color: #333;
    background-color: #f9f9f9;
    border-color: #333;
}

.hd-btn {
    display: inline-block;
    padding: 9px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    outline: none;
    text-decoration: none;
}
.hd-btn-default {
    color: #333;
    border-color: #333;
}
.hd-btn-default:hover,
.hd-btn-default:focus,
.hd-btn-default.focus,
.hd-btn-default:active,
.hd-btn-default.active {
    color: #333;
    background-color: #f9f9f9;
    border-color: #333;
}

.hd-btn-blue {
    color: #5aafee;
    border-color: #5aafee;
    background: #fff;
}
.hd-btn-blue:hover,
.hd-btn-blue:active,
.hd-btn-blue.active,
.hd-btn-blue:focus,
.hd-btn-blue.focus{
    color: #fff;
    background-color: #5aafee;
    border-color: #5aafee;
    text-decoration: none;
}
.hd-btn-primary {
    color: #fff;
    background-color: #5aafee;
}
.hd-btn-primary:hover,
.hd-btn-primary:focus,
.hd-btn-primary.focus,
.hd-btn-primary:active,
.hd-btn-primary.active {
    background-color: #6ab7ef;
}
.hd-btn-success{
    color: #fff;
    background-color: #74d478;
}
.hd-btn-error{
    color: #fff;
    background-color: #ff536d;
}
.hd-btn-disabled{
    background: #D8D8D8;
    color: #fff;
}
.hd-btn-sm {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 15px;
    height: 30px;
    width: 76px;
}
.hd-btn-nm {
    font-size: 14px;
    border-radius: 20px;
    height: 40px;
    width: 156px;
}
.hd-btn-lg {
    font-size: 16px;
    padding-top: 17px;
    padding-top: 17px;
    border-radius: 25px;
    height: 50px;
    width: 216px;
}
.hd-input{
    font-size: 14px;
    padding: 6px 12px;
    color: #333;
    height: 40px!important;
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    outline: none;
}
.hd-input:hover,
.hd-input:focus,
.hd-input:active {
    /*border-color: #66afe9;*/
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
    /*box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
}
.hd-input::-moz-placeholder,
.hd-search-input::-moz-placeholder {
    color: #BBBBBB;
    opacity: 1;
}
.hd-input:-ms-input-placeholder,
.hd-search-input:-ms-input-placeholder {
    color: #BBBBBB;
}
.hd-input::-webkit-input-placeholder,
.hd-search-input::-webkit-input-placeholder {
    color: #BBBBBB;
}
.hd-textarea{
    font-size: 14px;
    padding: 6px 12px;
    color: #333;
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    outline: none;
}
.hd-textarea:hover,
.hd-textarea:focus,
.hd-textarea:active{
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.hd-textarea::-moz-placeholder {
    color: #BBBBBB;;
    opacity: 1;
}
.hd-textarea:-ms-input-placeholder {
    color: #BBBBBB;;
}
.hd-textarea::-webkit-input-placeholder {
    color: #BBBBBB;
}
.hd-search-input-wrapper,
.hd-search-input-group{
    position: relative;
    color: #333;
}
.hd-search-input{
    outline: none;
    border: none;
    border-bottom: 1px solid #EAEAEA;
    width: 100%;
    padding: 12px 12px;
    font-size: 14px;
}
.hd-search-input-icon{
    position: absolute;
    bottom: 12px;
    right: 26px;
    width: 16px;
    height: 15px;
    background: url(/static/image/icon-search-big.png) center center no-repeat;
    background-size: 16px 15px;
    cursor: pointer;
}
/* 自定义按钮类 start */
.highlight{
    padding: 9px 14px;
    margin-bottom: 14px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
    -moz-border-radius: 4px;      /* Gecko browsers */
    -webkit-border-radius: 4px;   /* Webkit browsers */
}
.pagination>.active>a,.pagination>.active>span,
.pagination>.active>a:hover,.pagination>.active>span:hover,
.pagination>.active>a:focus,.pagination>.active>span:focus{
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #5AAFEE;
    border-color: #5AAFEE;
}
.pagination>li>a, .pagination>li>span{
    color: #5AAFEE;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td{
    vertical-align: middle;
}
ul.errorlist{
    color: #FF4444;
}
a:focus{
    outline: none;
}
a[title="站长统计"]{
    display: none;
}
.box{
    width:100%;
    /*min-width: 1024px;*/
    min-height:100%;
    /*padding-bottom:40px;*/
}
.own-danger{
    font-size:20px;
    text-align:center;
    margin-top:180px;
    color: #999;
}
#avatar {width:40px; height:40px;}
/* 提示条 start */
.success-bar{
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #FFF;
    background: #74D478;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
}
.tip-bar {
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
}
.tip-bar span {
    display: inline-block;
    line-height: 40px;
}
.tip-bar .tip-action {
    margin-right: 20px;
}
.success-bar{
    background: #74d478;
}
.error-bar{
    background: #ff536d;
}
.hide-bar{
    display: none;
}
/* 提示条 end */
/*响应式start*/

/*	超小屏幕 手机 (<768px)*/
@media (max-width: 767px){
    /*弹出框距离顶部距离*/
    .popup.popup-info .content{
        top: 0%;
    }
    /*面包条间距start*/
    .box .content-page2 .content-page1-child1 {
        padding: 5px 5px 5px 5px;
    }
    /*面包条间距end*/
    .content-body .block1 h1 {
        font-size: 30px;
    }
    .content-body .block1 h2 {
        font-size: 20px;
    }
    /*首页 讲义部分*/
    .content-body .block3 .all-lecture .circle .bar2 {
        position: absolute;
        top: 80px;
        left: -58px;
        width: 70px;
    }
    .content-body .block3 .all-lecture .circle .bar3{
        position: absolute;
        top: 190px;
        left: -78px;
        width: 80px;
    }
    .content-body .block3 .all-lecture .circle .bar5 {
        position: absolute;
        top: 100px;
        right: -70px;
        width: 80px;
    }
    .content-body .block3 .all-lecture .circle .bar6 {
        position: absolute;
        top: 210px;
        right: -80px;
        width: 80px;
    }

    /*首页 案例部分*/
    .content-body .block4 .example-line{
        display: none;
    }
    .content-body .block4 .all-example {
        margin: 0 auto;
        width: 114px;
        float: static;
    }

    /*首页 教室部分*/
    .content-body .block5 .classroom .list-bar{
        font-size: 16px;
    }
    .content-body .block5 .classroom .list-line{
        font-size: 14px;
    }
    .content-body .block5 .classroom .classroon-triangle{
        border-width: 0 30px 50px;
        left: 50%;
        margin-left: -30px;
    }
    .content-body .block5 .classroom .classroon-triangle p{
        font-size: 14px;
    }
    .content-body .block5 .classroom .classroon-triangle .triangle2{
        position: absolute;
        top: 44px;
        left: -52px;
    }
    .content-body .block5 .classroom .classroon-triangle .triangle3{
        position: absolute;
        top: 44px;
        left: -12px;
    }
    .content-body .block5 .classroom .classroon-triangle .triangle4{
        position: absolute;
        top: 14px;
        left: -30px;
    }
    /*首页 竞赛部分*/
    .content-body .block6 .match .match-person{
        float: none;
    }
    .content-body .block6 .match .match-arrow{
        float: none;
        margin: 0px 80px;
    }
    .content-body .block6 .match .match-trophy{
        float: none;
    }
    .content-body .block7 .work .work-person,.content-body .block7 .work .work-place{
        float: none;
    }
    .content-body .block7 .work .work-tittle{
        float: none;
        margin: 30px 0px;
    }
    /*首页合作伙伴模块*/
    .content-body .block8 .partner{
        max-width: 430px;
    }
    .content-body .block8 .partner .partnerImg {
        width: 184px;
        margin: 20px 0px;
    }
    .content-body .block p{
        color: #605B5B;
        line-height: 28px;
        font-size: 16px;
    }
    .content-body .block .search-more {
        position: absolute;
        bottom: 18px;
        right: 10px;
        color: #605B5B;
        font-size: 15px;
    }

    /*无缩小导航栏时显示collapse内消息通知按钮*/
    .header .usermessage{
        display: none;
    }
    .header .usermessage-out{
        position: absolute;
        top: 16px;
        right: 86px;
    }
    .header .userprofile{
        width: 100%;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
    }

    .content-body .list-move{
        margin-top: 10%;
        margin-bottom: 10%;
    }

    /*学习和练习首页搜索框*/
    .search-input{
        width: 300px;
    }

    /*讲义详情页*/
    .learn .text_cell_render{
        padding:0px;
    }
    .box .learn .l-tree {
        width: 100%;
        float: none;
        margin-left: 0px;
        position: absolute;
        top: 58px;
        left: -100%;
        z-index: 100;
    }
    .box .learn .learn-1 {
        margin-left: 0px;
    }
    .box .learn .r-tree{
        margin: 0 auto;
    }
    .box .cases .r-tree {
        width: 100%;
    }
    .learn .glyphicon-th-list{
        display: inline-block;
        font-size: 20px;
        position: relative;
        left: 20px;
        top: -18px;
        cursor: pointer;
    }
    .learn .glyphicon-th-list span{
        position: relative;
        top: -2px;
        margin-left: 6px;
    }

    /*练习题目列表*/
    .question-list-top{
        display: none;
    }
    .content-page1-list .content-question-list {
        width: 100%;
    }
    .content-page .content-page2 .content-page1-child2{
        padding: 0 4%;
    }
    .middle-2 .cha-rigth {
        float: none;
    }
    .question-detail .middle-2 .div_discussion,.question-detail .middle-2 .answer-1,
    .question-detail .middle-2 .form-11{
        margin-right: 0px;
    }

    /*个人中心*/
    .content-page .user-content {
        padding: 0 10px;
    }

    /*教室*/
    .classroom-detail-out .classroom-detail {
        width: 96%;
        padding-top: 10px;
        min-width: 580px;
    }

    /*练习提交结果*/
    .content-page1-child2 .submit-result .middle-2 .addtime,
    .content-page1-child2 .submit-result .middle-2 .miaoshu {
        width: 98%;
    }
    .submit-result{
        min-width: 600px;
    }

    /*产品介绍页面*/
    .box .footer-page {
        padding: 20px 0 0 0px;
    }
    .footer-page .introduction {
        width: 100%;
    }
    .footer-page .introduction .content-detail .product {
        padding: 0 10px;
    }
    .footer-page .introduction .content-detail .product .detail-content {
        padding: 5px 5px;
    }
}

/*小屏幕 平板 (≥768px)*/
@media (min-width: 768px){
    .content-body .block1 h1 {
        font-size: 3em;
    }
    .content-body .block1 h2 {
        font-size: 24px;
    }
    /*首页 讲义部分*/
    .content-body .block3 .all-lecture .circle .bar2{
        position: absolute;
        top: 100px;
        left: -90px;
    }
    .content-body .block3 .all-lecture .circle .bar3{
        position: absolute;
        top: 190px;
        left: -138px;
    }
    .content-body .block3 .all-lecture .circle .bar5{
        position: absolute;
        top: 100px;
        right: -110px;
    }
    .content-body .block3 .all-lecture .circle .bar6{
        position: absolute;
        top: 190px;
        right: -138px;
    }
    .learn .glyphicon-th-list{
        display: none;
    }

    /*首页 案例部分*/
    .content-body .block4 .example-line{
        display: none;
    }
    .content-body .block4 .all-example {
        margin: 0 auto;
        width: 114px;
        float: none;
    }

    /*首页 教室部分*/
    .content-body .block5 .classroom .list-bar{
        font-size: 16px;
    }
    .content-body .block5 .classroom .list-line{
        font-size: 14px;
    }
    .content-body .block5 .classroom .classroon-triangle{
        border-width: 0 30px 50px;
        left: 50%;
        margin-left: -30px;
    }
    .content-body .block5 .classroom .classroon-triangle p{
        font-size: 14px;
    }
    .content-body .block5 .classroom .classroon-triangle .triangle2{
        position: absolute;
        top: 44px;
        left: -52px;
    }
    .content-body .block5 .classroom .classroon-triangle .triangle3{
        position: absolute;
        top: 44px;
        left: -12px;
    }
    .content-body .block5 .classroom .classroon-triangle .triangle4{
        position: absolute;
        top: 14px;
        left: -30px;
    }

    /*首页 竞赛部分*/
    .content-body .block6 .match .match-person{
        float: none;
    }
    .content-body .block6 .match .match-arrow{
        float: none;
        margin: 0px 80px;
    }
    .content-body .block6 .match .match-trophy{
        float: none;
    }
    .content-body .block7 .work .work-person,.content-body .block7 .work .work-place{
        float: none;
    }
    .content-body .block7 .work .work-tittle{
        float: none;
        margin: 30px 0px;
    }

    /*首页合作伙伴模块*/
    .content-body .block8 .partner{
        max-width: 800px;
    }
    .content-body .block8 .partner .partnerImg {
        width: 188px;
        margin: 40px 0px;
    }
    .content-body .block p{
        color: #605B5B;
        line-height: 28px;
        font-size: 16px;
    }
    .content-body .block .search-more {
        position: absolute;
        bottom: 18px;
        right: 10px;
        color: #605B5B;
        font-size: 15px;
    }


    /*无缩小导航栏时显示collapse内消息通知按钮*/
    .header .usermessage{
        float: left;
        margin-top: 20px;
    }
    .header .usermessage-out{
        display: none;
    }

    .content-body .list-move{
        margin-top: 10%;
        margin-bottom: 10%;
    }

    /*学习和练习首页搜索框*/
    .search-input{
        width: 580px;
    }

    /*讲义详情页*/
    /*
	.text_cell_render{
		padding:0 20px;
	}
    */
    .r-tree-content{
        padding:0 20px;
    }


    /*练习题目列表*/
    .question-list-top{
        border:1px solid #ccc;
        margin-top: 98px;
        width:180px;
        height:440px;
        float: left;
        margin-left: 20px;
    }

    .question-list-top .top-list ul li a{
        width: 170px;
    }
    .content-page1-list{
        width:100%;
        margin:0 auto;
    }
    .content-page .content-page2 .content-page1-child2{
        padding: 0 4%;
    }
    /*产品介绍页面*/
    .footer-page .introduction {
        width: 95%;
    }

}


/*中等屏幕 桌面显示器 (≥992px)*/
@media (min-width: 992px){
    /*首页 案例部分*/
    .content-body .block4 .example-line{
        display: block;
    }
    .content-body .block4 .example-and{
        padding-left: 0px;
        padding-right: 0px;
    }
    .content-body .block4 .all-example {
        margin: 0 auto;
        width: auto;
        float: left;
    }
    .example1,.example2,.example3,.example4,.example5,.example6{
        transition: transform 0.3s;
        -moz-transition: transform 0.3s; /* Firefox 4 */
        -webkit-transition: transform 0.3s; /* Safari 和 Chrome */
        -o-transition: transform 0.3s; /* Opera */
    }
    .example1:hover,.example2:hover,.example3:hover,
    .example4:hover,.example5:hover,.example6:hover{
        animation: up 0.6s;
        -moz-animation: up 0.6s;
        -webkit-animation: up 0.6s;
        -o-animation: up 0.6s;
    }

    /*首页 教室部分*/
    .content-body .block5 .classroom .list-bar{
        font-size: 22px;
    }
    .content-body .block5 .classroom .list-line{
        font-size: 16px;
    }
    .content-body .block5 .classroom .classroon-triangle{
        border-width: 0 60px 100px;
        left: 50%;
        margin-left: -60px;
    }
    .content-body .block5 .classroom .classroon-triangle p{
        font-size: 16px;
    }
    .content-body .block5 .classroom .classroon-triangle .triangle2{
        position: absolute;
        top: 84px;
        left: -109px;
    }
    .content-body .block5 .classroom .classroon-triangle .triangle3{
        position: absolute;
        top: 84px;
        left: 50px;
    }
    .content-body .block5 .classroom .classroon-triangle .triangle4{
        position: absolute;
        top: 50px;
        left: -32px;
        width: 64px;
    }

    /*首页 竞赛部分*/
    .content-body .block6 .match .match-person{
        float: left;
    }
    .content-body .block6 .match .match-arrow{
        float: left;
        margin: 0px 40px;
    }
    .content-body .block6 .match .match-trophy{
        float: left;
    }
    .content-body .block7 .work .work-person{
        float: left;
    }
    .content-body .block7 .work .work-tittle{
        float: left;
        margin: 80px 48px 0px;
    }
    .content-body .block7 .work .work-place{
        float: left;
    }

    /*首页合作伙伴模块*/
    .content-body .block8 .partner{
        max-width: 1000px;
    }
    .content-body .block8 .partner .partnerImg {
        width: 200px;
        margin: 40px 20px;
    }
    .content-body .block p{
        color: #605B5B;
        line-height: 33px;
        font-size: 22px;
    }
    .content-body .block .search-more{
        position: absolute;
        bottom: 18px;
        right: 50px;
        color: #605B5B;
        font-size: 18px;
    }
    .content-body .list-move{
        margin-top: 50%;
        margin-bottom: 50%;
    }

    /*学习和练习首页搜索框*/
    .search-input{
        width: 580px;
    }

    /*练习题目列表*/
    .question-list-top{
        border:1px solid #ccc;
        margin-top: 98px;
        width:225px;
        height:440px;
        float: left;
        margin-left: 30px;
    }
    .question-list-top .top-list ul li a{
        width: 210px;
    }
    .content-page1-list{
        width:90%;
        margin:0 auto;
    }
    .content-page .content-page2 .content-page1-child2{
        padding: 0 4%;
    }

    /*讲义详情页*/
    /*
	.text_cell_render{
		padding:0 20px;
	}
    */
    .r-tree-content{
        padding:0 20px;
    }
    /*产品介绍页面*/
    .footer-page .introduction {
        width: 80%;
    }
}

/*大屏幕 大桌面显示器 (≥1200px)*/
@media (min-width: 1200px){
    .navbar .container {width: 96%;}
    .content-body .list-move{
        margin-top: 50%;
        margin-bottom: 50%;
    }

    /*练习题目列表*/
    .question-list-top{
        border:1px solid #ccc;
        margin-top: 98px;
        width:225px;
        height:440px;
        float: left;
        margin-left: 70px;
    }
    .question-list-top .top-list ul li a{
        width: 210px;
    }
    .content-page1-list{
        width:90%;
        margin:0 auto;
    }
}

.navbar{
    /*background: #333;*/
    border: 0px;
    margin-bottom: 0px;
    height:90px !important;
}
.navbar .navbar-brand{
    text-decoration: none;
    display: block;
    /*width: 195.25px;*/
    height: 30px;
    /*background: url(/static/image/table.png);
    background-position: -114px -632px;
    */
    /*background: url(/static/image/cook_data_logo.png) 50% 100% no-repeat;*/
    /*background: url(/static/image/hack_data_logo.png) 50% 100% no-repeat;*/
    background-size: 85% 85%;
    /*margin-top: -4px;*/
    margin-top: 11px;
}
.navbar-brand>img {
    /*width: 85%;*/
    /*width: 100%;*/
    margin-top:-8px;
    height:55px;
    /*width: 200px;*/
}
.navbar-left-margin{
    margin-left: 0px;
}
.navbar-left-margin li{
    /*margin-left: 20px;*/
    margin-left: 20px;
}
@media screen and (max-width:1400px){
    .navbar-left-margin li{
        /*margin-left: 20px;*/
        margin-left: 0px !important;
    }
}

.navbar-default .navbar-left>li>a {
    /*color: #fff;*/
    color: #333;
    font-size: 18px;
    /*line-height: 30px;*/
    line-height: 60px;
    padding: 15px 18px;
}
.navbar-default .navbar-left>li>a:hover{
    /*color: #fff;*/
    /*background-color: #474747;*/
    background-color: #F7F9FB;
    color: #5AAFEE;
}
.navbar-default .navbar-left>li>a.active {
    color: #5aafee;
}

.navbar-default .navbar-right>li>a {
    color: #fff;
    font-size: 12px;
    line-height: 30px;
}

.navbar-default .navbar-right>li>a:hover, .navbar-default .navbar-right>li>a:focus {
    color: #fff;
    background-color: transparent;
}
.navbar-default .navbar-right .img-circle{
    width: 30px;
    height: 30px;
}


/* 导航搜索框 start */
.nav-search-bar{
    /*padding: 15px 0px;*/
    /*padding: 30px 0px;*/
    padding-top:30px;
    margin-right: 90px !important;
    width: 236px;
    font-size: 14px;
    color: #bbb;
}
@media screen and  (min-width: 1300px) and (max-width: 1450px){
    /* 导航条中搜索框 */
    .nav-search-bar{
        margin-right: 60px!important;
    }

}
@media (max-width: 1300px){
    /* 导航条中搜索框 */
    .nav-search-bar{
        display: none;
    }

}

.nav-search-bar .input-group .form-control {
    width: 172px;
    height: 30px;
    border:none;
    /*border-bottom: 2px solid #B2B2B2;*/
    /*border-top-right-radius: 15px !important;*/
    /*border-bottom-right-radius: 15px !important;*/
    outline: none !important;
    background: none;
    color: #bbb;
    padding-right: 30px;
}
input.form-control:focus{
    outline:none !important;
    box-shadow:none;
    border-color:#B2B2B2;
}
input.form-control{
    box-shadow:none;
}
.nav-search-bar .input-group .form-control:hover,
.nav-search-bar .input-group .form-control:focus{
    /*border: 1px solid #fff;*/
}
.input-group1{
    border-bottom: 2px solid #B2B2B2 !important;
    padding-bottom: 8px!important;
    padding-right: 8px;
}
.nav-search-bar .input-group-btn>.btn {
    padding: 4px 3px 4px 7px;
    /*border-bottom-left-radius: 15px;*/
    /*border-top-left-radius: 15px;*/
    outline: none;
    /*border: 1px solid #bbb;*/
    border:none;
    border-right: 2px solid #B2B2B2;
    margin-right:36px;
    background: none;
    color: #bbb;
    min-width: 64px;
    height: 30px;
}
button.search-select:focus{
    outline:none !important;
    box-shadow:none;
    border-color:#B2B2B2;
}

.nav-search-bar .input-group-btn>.btn:hover {
    /*border: 1px solid #fff;*/
    /*background: none;*/
    /*color: #fff;*/
}
.nav-search-bar .input-group-btn>.btn:hover .navi-arrow-down{
    /*background: url(/static/image/navi-arrow-down.png) center center no-repeat;*/
    /*background-size: 7px 11px;*/
}
.nav-search-bar .navi-arrow-down {
    width: 9px;
    height: 16px;
    background: url(/static/image/navi-arrow-down-grey.png) center center no-repeat;
    /*background-size: 7px 11px;*/
    display: inline-block;
    margin-left: 2px;
    margin-top: -7px;
    margin-right: 5px;
    vertical-align: middle;
}
.nav-search-bar .dropdown-menu {
    background-color: #333;
    min-width: 64px;
    border-radius: 0px;
    margin: 0px;
}
.nav-search-bar .dropdown-menu>li>a{
    color: #bbb;
    padding-left: 11px;
    line-height: 30px;
}
.nav-search-bar .dropdown-menu>li>a:hover,
.nav-search-bar .dropdown-menu>li>a:focus
{
    color: #fff;
    background-color: #5aafee;
}
.nav-search-bar .nav-search-icon{
    margin-left: -26px;
    position: absolute;
    top: -2px;
    cursor: pointer;
    width: 30px;
    height: 31px;
    background: url(/static/image/navi-search-grey.png) center center no-repeat;;
    /*background-size: 30px 31px;*/
    z-index: 10;
}
.nav-search-bar .nav-search-icon:hover{
    /*background: url(/static/image/navi-search.png) center center no-repeat;;*/
    /*background-size: 14px 14px;*/
}

/* 导航搜索框 end */

/*响应式导航栏end*/
.header{
    background: #47494d;
    position:relative;
    background: #FFFFFF;
    box-shadow: 0 2px 10px 0 #DBE7F3;
}
.header .navbar-default{
    background-color: #FFFFFF !important;
}
.header .text-muted {
    margin-top:7px;
}
.base-nologin .header {
    padding-left: 15px;
}
span.nav p{
    display:inline-block;
}
span.nav p.img-l{
    display:inline-block;
    float:left;
}
span.nav p.username-1{
    display:inline-block;
    float:left;
    margin-top:22px;
    margin-left:7px;
}

.header .dropdown .btn{
    border:none;
    border-radius: 0;
    box-shadow: inset 0 1px 0 rgba(0,0,0,0), 0 1px 1px rgba(0,0,0,0);
}
.header .userprofile{
    float: left;
    height: 58px;
    /*padding-top: 10px;*/
    padding-top: 20px;
    margin-left: 10px;
}

.header .userprofile .dropdown-toggle{
    /*background:#333;*/
    padding-bottom: 12px;
    /*color: #fff;*/
}
.header .userprofile ul li{
    list-style: none;
    /*background:#2D2D2D;*/
    height:42px;
    line-height: 42px;
}
.header .userprofile ul li:nth-child(1),
.header .userprofile ul li:nth-child(2){
    border-bottom: 1px solid #EAEAEA;
}
.header .userprofile ul li a{
    color:#333;
    text-decoration: none;
    width:100%;
    margin-top:6px;
    float: left;
}
.header .userprofile ul li a:hover{
    background:#f7f9fB !important;
    background-image: none !important;
    color:#fff;
}
.header .userprofile ul li a p{
    float:left;
}
.header .userprofile ul li:hover{
    /*background:#1a2e5a;*/
    background:#f7f9fB;
    cursor: pointer;
}
.header .userprofile ul li:hover a{

    color: #5AAFEE;
}
.header .userprofile ul li a span{
    display: inline-block;
    width:25px;
    height:20px;
    margin: 0px 10px 1px 11px;
    float: left;
}
.header .userprofile ul li:nth-child(1) span{
    background: url("/static/image/icon-home-page.png") center center no-repeat;
    /*background-size: 16px 16px;*/
}
.header .userprofile ul li:nth-child(2) span{
    background: url("/static/image/icon-account-setting.png") center center no-repeat;
    /*background-size: 16px 16px;*/
}
.header .userprofile ul li:last-child span{
    background: url("/static/image/icon-logout.png") center center no-repeat;
    /*background-size: 16px 16px;*/
}
.header .userprofile ul li:nth-child(1):hover span{
    background: url("/static/image/icon-home-page1.png") center center no-repeat;
}
.header .userprofile ul li:nth-child(2):hover span{
    background: url("/static/image/icon-account-setting1.png") center center no-repeat;
}
.header .userprofile ul li:last-child:hover span{
    background: url("/static/image/icon-logout1.png") center center no-repeat;
}
.header .userprofile #ckTest{
    display: inline-block;
}
.header .userprofile .img-circle{
    width: 45px;
    height: 45px;
    margin-top: -5px;
    margin-right: 5px;
}
.header .dropdown-menu {
    top: 120%;
}
.header .userprofile ul{
    /*background: #2d2d2d;*/
    padding:0;
}
.header .userprofile .nav-username{
    /*color:#fff;*/
    font-size:14px;
    display:inline-block;
    text-shadow: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 80px;
    vertical-align: middle;
    margin-top: 6px;
}
.header .caret {
    margin-top: 8px;
}
.header .usermessage .mes-btn,.header .usermessage-out .mes-btn{
    width: 20px;
    height: 26px;
    margin-top: 15px;
    /*padding-top: 16px;*/
    /*background: #333;*/
}
.header .usermessage .mes-btn:before,.header .usermessage-out .mes-btn:before{
    content: "";
    background: url(../image/bell1.png) no-repeat 3px 3px;
    background-size:49px 42px;
    display: inline-block;
    height: 26px;
    width: 24px;
    position: relative;
    right: 12px;
    bottom: 8px;
}
.header .usermessage .mes-btn:hover:before,.header .usermessage-out .mes-btn:hover:before{
    background-image: url(../image/bell1.png);
    background-size:49px 42px;
    background-position: 3px -21px;
}
.header .usermessage .mes-btn.active:before,.header .usermessage-out .mes-btn.active:before{
    content: "";
    background-image: url(../image/bell1.png);
    background-size:49px 42px;
    background-position: -28px 3px;
    display: inline-block;
    height: 26px;
    width: 24px;
    position: relative;
    right: 12px;
    bottom: 8px;
}
.header .usermessage .mes-btn.active:hover:before,.header .usermessage-out .mes-btn.active:hover:before{
    background-image: url(../image/bell1.png);
    background-size:49px 42px;
    background-position: -28px -21px;
}
.header .usermessage .mes-menu,.header .usermessage-out .mes-menu{
    width: 400px;
    height: 440px;
    padding: 0px;
    position: absolute;
    top: 48px;
    right: -86px;
    border: 0px;
    z-index: 1000;
    display: none;
    background-color: #fff;
    border-radius: 15px 15px 0 0;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.header .usermessage .mes-menu:before,.header .usermessage-out .mes-menu:before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 10px 9px;
    border-color: transparent transparent #5AAFEE transparent;
    position: absolute;
    top: -9px;
    left: 291px;
}
.header .usermessage .mes-title,.header .usermessage-out .mes-title{
    background: #5AAFEE;
    height: 38px;
    display: block;
    color: #fff;
    line-height: 38px;
    padding-left: 20px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.header .usermessage .mes-content-out,.header .usermessage-out .mes-content-out{
    overflow: auto;
    max-height: 400px;
    margin-bottom: 0px;
}
.header .usermessage .mes-content,.header .usermessage-out .mes-content{
    margin-bottom: 0px;
}
.header .usermessage .mes-content .one-mes,.header .usermessage-out .mes-content .one-mes{
    list-style: none;
    /*height: 80px;*/
    border-bottom: 1px dashed #ccc;
    padding: 16px 24px;
    position: relative;
    right: 0px;
}
.header .usermessage .mes-content .one-mes.active,.header .usermessage-out .mes-content .one-mes.active{
    background: #f6fcfa;
}
.header .usermessage .mes-content .one-mes p,.header .usermessage-out .mes-content .one-mes p{
    line-height: 24px;
    width: 74%;
    color: #979797;
    float: left;
    margin-left: 54px;
}
.header .usermessage .mes-content .mes-icon,.header .usermessage-out .mes-content .mes-icon{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 24px;
    margin-top: -22px;
    height: 44px;
    width: 40px;
    margin-right: 14px;
}
.header .usermessage .mes-content .mes-system,.header .usermessage-out .mes-content .mes-system{
    background-image: url(../image/table.png);
    background-position: -446px -756px;
}
.header .usermessage .mes-content .mes-room,.header .usermessage-out .mes-content .mes-room{
    background-image: url(../image/table.png);
    background-position: -446px -700px;
}
.header .usermessage .mes-content .mes-learn,.header .usermessage-out .mes-content .mes-learn{

    background-image: url(../image/table.png);
    background-position: -500px -700px;
}
.header .usermessage .mes-content .mes-competition,.header .usermessage-out .mes-content .mes-competition{
    background-image: url(../image/table.png);
    background-position: -554px -700px;
}
.header .usermessage .mes-content li p a,.header .usermessage-out .mes-content li p a{
    text-decoration: underline;
    color: #5AAFEE;
}
.header .usermessage .mes-content .mes-delete,.header .usermessage-out .mes-content .mes-delete{
    display: inline-block;
    background-image: url(../image/table.png);
    background-position: -1836px -219px;
    height: 22px;
    width: 22px;
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 50%;
    margin-top: -11px;
}
.header .usermessage .mes-content .mes-delete{
    background:url(/static/image/delete1.png)  no-repeat  0 -43px;
    /*display:none;*/

}
.header .usermessage .mes-content .mes-delete:hover{
    background:url(/static/image/delete1.png)  no-repeat !important;

}
.header .usermessage .mes-content .mes-delete:hover,.header .usermessage-out .mes-content .mes-delete:hover{
    background-position: -1836px -180px;
}
.header .usermessage .mes-end,.header .usermessage-out .mes-end{
    text-align: center;
    color: #979797;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.header .usermessage .no-mes,.header .usermessage-out .no-mes{
    text-align: center;
    color: #979797;
    font-size: 14px;
    margin-top: 180px;
    display: none;
}

.footer-trivial3{
    margin-bottom: -40px;
    /*padding-top:40px;*/
    line-height: 60px;
}
.footer-trivial .footer-line{
    background-color: #333;
    width: 100%;
    border-top: 1px solid #aeacac;
    font-size:12px;
    /*padding: 30px 0px 5px;*/
    text-align: center;
    color:#d8d8d8;
    /*
    padding-bottom: 20px;*/
}
.footer-trivial .row{
    margin-left: 0px;
    margin-right: 0px;
}
.footer-trivial .footer-line .footerBar{
    font-size:15px;
    font-weight: 800;
    padding-bottom: 20px;
}
.footer-trivial .footer-line .footerContent{
    font-weight:400;
    /*padding-bottom: 15px;*/
}
.footer-trivial .footer-line a{
    color:#d8d8d8;
    display: block;
}
.footer-trivial .footer-line a:hover{
    text-decoration: none;
}
.footer-trivial .footp{
    background-color: #333;
    line-height: 60px;
    font-size:13px;
    text-align: center;
    color: #fff;
}
.footer-trivial .footp .copy-right {
    border-top: 1px solid #fff;
}

/*手机端*/
div.phone{
    display:none;
    background-color:#333;
}

div.phone .footer-copy div a {
    display:inline-block;
    min-width:63px;
    height:24px;
    margin:10px 5px;
    font-size:12px;
    color:#ffffff;
    text-decoration:none;

    font-family: MicrosoftYaHei;
}

div.phone .footer-copy,.footer-copy1 div {
    color:#ffffff;
    font-size:14px;
}
div.phone .footer-copy1 div a{
    color:#ffffff;
    text-decoration:none;
    font-size: 12px;
}
div.phone .footer-copy1 div{
    margin-bottom:20px;
}

@media screen and (max-width:768px){
    div.footer-trivial3{
        display:none;
    }
    div.phone{
        display:block;
    }
}

/*手机端end*/

.footerA .footerAp{
    background: #f8f8f8;
    line-height: 35px;
    font-size:10px;
    border-top: 1px solid #b5b5b5;
    color:#b5b5b5;
    text-align: left;
    text-align:center;
}
.footerA .footerAp a{
    margin-left:40px;
    color:#4b4b4f;
    font-size:13px;
}
.ft-feedback{
    width:435px;
    height:350px;
    border:1px solid #ccc;
    box-shadow:-2px 3px 2px #ccc,2px -3px 3px #ccc;
    position: fixed;
    left:37%;
    top: 20%;
    background: #fff;
    border-radius: 3px;
}
.ft-feedback form{
    margin:25px;
}
.ft-feedback form .form-group label{
    display: block;
    font-size: 16px;
}
.ft-feedback form .form-group textarea{
    resize: none;
}
.ft-feedback form button{
    background: #5AAFEE;
    margin-left: 40%;
    color:#fff;
}


#msg-success{
    display: none;
    width:400px;
    height:350px;
    border:1px solid #ccc;
    border-radius: 3px;
    position: fixed;
    left:37%;top: 20%;
    background: #fff;
    text-align:center;
    font-size: 16px;
}
#msg-success span{
    background: url(../image/table.png) -409px -374px;
    display: inline-block;
    width: 62px;
    height:64px;
    margin-top: 26%;
}
/*首部和头部end*/

/*base-nologin start*/
.base-nologin ul.nav-bar{
    float:right;
    margin-top: 10px;
}
.base-nologin ul.nav-bar li{
    float: left;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 21px;
    cursor: pointer;
    font-family:"Microsoft YaHei";
}
.base-nologin ul.nav-bar li:nth-child(1){
    margin-left: 8px;
    text-align: center;
    line-height: 33px;
    font-size: 14px;
    font-weight: 200;
    width: 100px;
    height: 40px;
    border: 1px solid #FFF;
    /*background-color : #5AAFEE;*/
    margin-right: 6px;
}

.base-nologin ul.nav-bar li:nth-child(1) a{
    text-align : center;
    color: #FFF;
}

.base-nologin ul.nav-bar li:nth-child(1):hover{
    background-color : #5AAFEE;
    border: 1px solid #5AAFEE;
}

.base-nologin ul.nav-bar li:nth-child(1) a:hover{
    color: #5AAFEE;
}



.base-nologin ul.nav-bar li:nth-child(2){
    margin-left: 8px;
    text-align: center;
    line-height: 33px;
    font-size: 14px;
    font-weight: 200;
    width: 100px;
    height: 40px;
    border: 1px solid #5AAFEE;
    background: #5AAFEE;
    color: #5AAFEE;
}
.base-nologin ul.nav-bar li a{
    text-decoration: none;
    color: #FFF;
}
/*base-nologin end*/

/*base-nologin start 错误提示*/
.alert{
    margin-bottom: 0;
}
.msg-email,.msg-msg,.msg-fault {
    display: none;
    position: fixed;
    top: 30%;
    left:32%;
}
/*base-nologin end 错误提示*/

/*base-nologin-login-form*/
/*.top-bar-login .login_form .msg-erro-form{
	clear: both;
	padding:5px 0 0 10px;
	color: #d9534f;
}*/
/*nologin-introduce start*/
/*.base-nologin .top-bar-login {
	display: none;
}*/
/*.base-nologin .top-bar-login,.base-nologin .top-bar-login2{
	width:270px;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
	position: absolute;
	top:60px;
	right: 25px;
	z-index: 1;
	background: #fff;
}
.top-bar-login .title-span,.top-bar-login2 .title-span{
	color:#fff;
	margin-bottom:5px;
	padding-left: 15px;
	font-size: 14px;
	width: 100%;
	height: 24px;
	display: inline-block;
}

.top-bar-login .login_form,.top-bar-login2 .login_form{
	margin: 20px;
}*/
.base-nologin .form-group img{
    height:25px;
    width:45px;
    margin:2px 5px;
}
.base-nologin .form-group a{
    margin-top: 2px;
}
.base-nologin .form-group.login_form_group p{
    text-align: center;
}
.top-header{
    width: 960px;
    margin: 0 auto;
    position: relative;
}
.base-nologin .protocol{
    font-weight: normal;
    color: #999;
    font-size: 12px;
    margin: 8px 0px;
    float: left;
    width: 36%;
    line-height: 20px;
}
.squareSelect:before{
    content: "";
    background-image: url(../image/table.png);
    background-position: -246px -716px;
    margin-right: 6px;
    display: block;
    width: 16px;
    height: 18px;
    float: left;
}
.squareSelect.active:before{
    background-position: -188px -716px;
}

/*信息弹出框通用样式start*/
.popup-info .content{
    left: 50%;
    top: 50% !important;
    width: 453px;
    height:509px;
    margin-left: -227px;
    margin-top: -305px;
}
.popup-info .choose span{
    display: block;
    width: 50%;
    height: 28px;
    color: #999;
    border-bottom: 2px solid #ccc;
    float: left;
    text-align: center;
    cursor: pointer;
}
.popup-info .choose span.active{
    color: #5AAFEE;
    border-bottom: 2px solid #5AAFEE;
}

.popup-info .btn-full{
    width: 100%;
    margin-top: 8px;
}
.popup-info .little-bar{
    font-size: 12px;
    color: #999;
    text-align: right;
    margin-top: 20px;
    cursor: pointer;
}
.popup-info .little-bar:hover{
    color: #5AAFEE;
}
.errorMessage{
    height: 18px;
    font-size: 13px;
    color: red;
}
.popup-content{
    padding: 10px 35px;
}
.popup-info .captcha-input{
    width: 60%;
}
.popup-info .info-input{
    margin: 8px 0px;
    height: 40px;
    padding: 6px 12px;
    float: left;
}
.popup-info label{
    width: 100%;
    font-weight: normal;
    margin-bottom: 0px;
}
.popup-info .phoneCaptcha-btn{
    float: right;
    margin: 8px 0px;
    border: 1px solid #ccc;
    height: 40px;
    padding: 6px 0px;
    line-height: 26px;
    color: #929292;
    width: 35%;
}
.popup-info .phoneCaptcha-btn.unclick{
    background: #ccc;
    cursor: default;
}
.popup-info .change-one{
    font-size: 12px;
    color: #929292;
}
.popup-info.pop-show{
    display: block;
}

/*信息弹出框通用样式end*/



.pop-register .register-btn.active{
    background: #ccc;
    border: 1px solid #ccc;
}
.pop-register .register-btn.active:hover{
    background: #ccc!important;
    border: 1px solid #ccc!important;;
}
.pop-register .email-form{
    display: none;
    margin-top: 10px;
}
.pop-register .phone-form{
    margin-top: 10px;
}
.pop-register .register-captcha{
    display: none;
}


.pop-login .change-one:hover{
    text-decoration: none;
}
.pop-login .loginToRetrieve{
    width: 100px;
    float: right;
    margin-top: 8px;
}
.pop-login .loginToRetrieve:hover{
    color: #5AAFEE;
}

.pop-sendemail .sendemail-pic,.pop-sendemail-password .sendemail-pic{
    width: 120px;
    height: 120px;
    background-image: url(../image/table.png);
    background-position: -2158px -580px;
    margin: 0 auto;
}
.pop-sendemail .sendemail-p,.pop-sendemail-password .sendemail-p{
    text-align: center;
    width: 226px;
    font-size: 15px;
    color: #b1b1b1;
    margin: 20px auto;
}
.pop-sendemail .sendemail-btn,.pop-sendemail-password .sendemail-password-btn{
    margin-bottom: 30px;
}
.pop-password-retrieve .email-password-retrieve-form{
    display: none;
}
.pop-password-retrieve .email-password-retrieve-btn.active{
    background: #ccc;
    border: 1px solid #ccc;
}
.pop-password-retrieve form{
    margin-top: 10px;
}




/*nologin-introduce end*/

/*介绍页start*/
.nologin-introduce .introduce-1{
    width:100%;
    background-image: url('../image/1.jpg');
    background-position: center;
    height:300px;
    background-size: cover;
}
.nologin-introduce .introduce-1 button{
    background: #5AAFEE;
    color: #fff;
    width:150px;
    /*height:30px;*/
    border-radius: 10px;
}
.nologin-introduce .introduce-2{
    width:100%;
    height:300px;
}
.introduce-2 .introduce-2-1,.introduce-2 .introduce-2-6{
    width:10%;
    height:300px;
    display:inline-block;
    float:left;
}
.introduce-2 .introduce-2-2,.introduce-2 .introduce-2-3,.introduce-2 .introduce-2-4,.introduce-2 .introduce-2-5{
    width:20%;
    height:300px;
    display:inline-block;
    float:left;
}
.int-top{
    height:120px;
}
.int-bottom{
    height:180px;
}
.int-top span.intro-2{
    display: inline-block;
    width:45px;
    height:50px;
    background-image: url(../image/table.png);
    background-position: 0px -1px;
    float:left;
}
.int-top span.intro-3{
    display: inline-block;
    width:42px;
    height:50px;
    background-image: url(../image/table.png);
    background-position: -35px -1px;
    float:left;
}
.int-top span.intro-4{
    display: inline-block;
    width:45px;
    height:50px;
    background-image: url(../image/table.png);
    background-position: -68px -1px;
    float:left;
}
.int-top span.intro-5{
    display: inline-block;
    width:42px;
    height:50px;
    background-image: url(../image/table.png);
    background-position: -102px -1px;
    float:left;
}
.introduce-3{
    height:250px;
    width:100%;
    border:1px solid #eee;
    margin:50px 0 0 0;
}
.introduce-3-1,.introduce-3-2{
    width:50%;
    height:100%;
    float:left;
}
.introduce-3-2{
    background-image: url(../image/2.jpg);
    background-size: cover;
}
.introduce-3-1{
    background-color: #18c485;
}
.introduce-5{
    height:400px;
}
.introduce-4-2-11,.introduce-4-2-12,.introduce-4-2-13{
    display:inline-block;
    float:left;
}
.int-ch-1,.int-ch-2,.int-ch-3{
    display:inline-block;
    float:left;
}
.int-ch-1 span.int-ch-1{
    background-image: url(../image/table.png);
    background-position:-138px -6px;
    height:79px;
    width:68px;
}
.int-ch-2 span.int-ch-2{
    background-image: url(../image/table.png);
    background-position:-202px -6px;
    height:79px;
    width:68px;
}
.int-ch-3 span.int-ch-3{
    background-image: url(../image/table.png);
    background-position:-266px -6px;
    height:79px;
    width:68px;
}
/*介绍页end*/

/*主首页start*/

@keyframes write{
    0%{left: 50%px;}
    100%{left: 51%px;}
}
@-webkit-keyframes write{
    0%{left: 50%px;}
    100%{left: 51%px;}
}

@keyframes up{
    0%{margin-top:0px;}
    25%{margin-top: -12px;}
    50%{margin-top: 0px;}
    75%{margin-top: -6px;}
    100%{margin-top: 0px;}
}
@-webkit-keyframes up{
    0%{margin-top:0px;}
    25%{margin-top: -12px;}
    50%{margin-top: 0px;}
    75%{margin-top: -6px;}
    100%{margin-top: 0px;}
}

@keyframes shake{
    0%{transform:rotate(-1deg);}
    100%{transform:rotate(1deg);}
}
@-webkit-keyframes shake{
    0%{-webkit-transform:rotate(-1deg);}
    100%{-webkit-transform:rotate(1deg);}
}
@-ms-keyframes shake{
    0%{-ms-transform:rotate(-1deg);}
    100%{-ms-transform:rotate(1deg);}
}
.section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.content-body{
    width:100%;
    background-size: cover;
    text-align: center;
    font-size: 16px;
    position: relative;
}
.content-body .success-bar{
    display: none;
}
.content-body .block{
    width: 100%;
    height: 100%;
    position: relative;
    display: table;
}
.content-body .block3,.content-body .block5,.content-body .block7{
    background: #ECEFF1;
}
.content-body .block2 h2,.content-body .block3 h2,.content-body .block4 h2,
.content-body .block5 h2,.content-body .block6 h2,.content-body .block7 h2,
.content-body .block8 h2{
    color: #5AAFEE;
    font-size: 2em;
    margin: 0;
    padding-bottom: 40px;
    font-weight: normal;
}
/*.content-body .block8 h2{
	padding-bottom: 100px;
}*/
.content-body .block5 .search-more{
    bottom:30px;
}
.content-body .block1{
    background-image:url('../image/index_bg.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
    color: #fff;
}
.content-body .block-content{
    display: table-cell;
    vertical-align: middle;
    padding: 40px 0;
}
.content-body .block1 h1{
    padding-bottom: 20px;
}
.content-body .block1 h2{
    font-weight: normal;
}
.content-body .block1 .start{
    line-height: 60px;
    width: 135px;
    font-size: 24px;
    color: #fff;
    margin: 0 auto;
    border: 2px solid #fff;
    border-radius: 5px;
    margin-top: 130px;
    display: block;
    text-decoration: none;
    position: relative;
    cursor: pointer;
}
.content-body .block1 .start-triangle-out{
    display: block;
    width: 20px;
    cursor: pointer;
    margin: 25px auto 0 auto;
}
.content-body .block1 .start-triangle{
    width: 10px;
    height: 10px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: block;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.content-body .block2 .listall{
    /*width: 1020px;*/
    /*margin: 20px auto 0;*/
    margin-right: 0px;
    margin-left: 0px;
}
.content-body .block2 .list{
    float: left;
    /*margin: 20px 20px;*/
}
.content-body .list1{
    background: url(/static/image/table.png);
    background-position: -89px -152px;
}

.content-body .list2{
    background: url(/static/image/table.png);
    background-position: -371px -155px;
}

.content-body .list3{
    background: url(/static/image/table.png);
    background-position: -227px -155px;
}

.content-body .list4{
    background: url(/static/image/table.png);
    background-position: -517px -155px;
}
.content-body .list5{
    background: url(/static/image/table.png);
    background-position: -1678px -155px;
}
.content-body .list6{
    background: url(/static/image/table.png);
    background-position: -88px -334px;
}
.content-body .list-move{
    display: block;
    width: 128px;
    height: 128px;
    margin-left: auto;
    margin-right: auto;
    transition: transform 0.3s;
    -moz-transition: transform 0.3s; /* Firefox 4 */
    -webkit-transition: transform 0.3s; /* Safari 和 Chrome */
    -o-transition: transform 0.3s; /* Opera */
}
.content-body .list-move:hover{
    transform: scale(1.1);
    -ms-transform:scale(1.1); 	/* IE 9 */
    -moz-transform:scale(1.1); 	/* Firefox */
    -webkit-transform:scale(1.1); /* Safari 和 Chrome */
    -o-transform:scale(1.1); /* Opera */
}
.content-body .block3 p{
    margin-bottom: 15px;
}
.content-body .block3 .all-lecture{
    margin-top: 60px;
    margin-bottom: -90px;
    font-size: 18px;
}
.content-body .block3 .all-lecture .circle{
    width: 40%;
    height: 375px;
    border: 1px solid #81EAA5;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    max-width: 380px;
}
.content-body .block3 .all-lecture .circle .bar{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #81EAA5;
    background: url(../image/table.png);
    background-position: 302px -56px;
    display: inline-block;
}
.content-body .block3 .all-lecture .circle .bar1{
    position: absolute;
    top: 20px;
    left: -29px;
}
.content-body .block3 .all-lecture .circle .bar4{
    position: absolute;
    top: 20px;
    right: -30px;
}
.content-body .block3 .all-lecture .line{
    width: 34%;
    border-top: 1px solid #81EAA5;
    margin: 0 auto;
    position: relative;
    top: -90px;
    height: 90px;
    background: #ECEFF1;
    max-width: 324px;
}
.content-body .block3 .all-lecture .line .blackboard{
    width: 104px;
    height: 104px;
    background: url(../image/table.png);
    background-position: 572px -24px;
    position: absolute;
    top: -135px;
    left: 50%;
    margin-left: -50px;
}
.content-body .block3 .all-lecture .line .chalk{
    width: 38px;
    height: 38px;
    background: url(../image/table.png);
    background-position: 420px -68px;
    position: absolute;
    top: -47px;
    left: 50%;
    animation: write 1s linear infinite;
    -moz-animation: write 1s linear infinite;
    -webkit-animation: write 1s linear infinite;
    -o-animation: write 1s linear infinite;
}
.content-body .block4 .example{
    max-width: 1094px;
    margin: 8% auto 80px;
}
.content-body .block4 .example-and{
    float: left;
    margin-bottom: 40px;
}
.content-body .block4 .all-example{
    position: relative;
}
.content-body .block4 .all-example .example-p{
    position: absolute;
    top: 118px;
    left: 0px;
}
.content-body .block4 .example .example-one{
    width: 102px;
    height: 104px;
    float: left;
}
.content-body .block4 .example1{
    background: url(../image/table.png);
    background-position: -982px -30px;
}
.content-body .block4 .example2{
    background: url(../image/table.png);
    background-position: -1103px -30px;
}
.content-body .block4 .example3{
    background: url(../image/table.png);
    background-position: -1231px -30px;
}
.content-body .block4 .example4{
    background: url(../image/table.png);
    background-position: -1358px -30px;
}
.content-body .block4 .example5{
    background: url(../image/table.png);
    background-position: -1489px -30px;
}
.content-body .block4 .example6{
    background: url(../image/table.png);
    background-position: -1617px -30px;
}
.content-body .block4 .example-line{
    float: left;
    width: 78px;
    height: 48px;
    background: url(../image/table.png);
    background-position: -1762px -50px;
    margin-top: 56px;
    margin-left: -14px;
    margin-right: -10px;
}
.content-body .block5 p{
    margin-bottom: 30px;
}
.content-body .block5 .classroom{
    width: 100%;
    margin: 70px auto 40px;
}
.content-body .block5 .classroom .classroom-list1,
.content-body .block5 .classroom .classroom-list2,
.content-body .block5 .classroom .classroom-list3{
    height: 300px;
    width: 22%;
    border: 1px solid #e6e6e6;
    float: left;
    background: #fff;
}
.content-body .block5 .classroom .classroom-list1{
    margin-left: 17%;
}
.content-body .block5 .classroom .classroom-list3{
    margin-right: 17%;
}
.content-body .block5 .classroom .list-bar{
    width: 90px;
    height: 30px;
    background: #3BE27B;
    color: #fff;
    line-height: 30px;
    margin: 30px auto 60px;
}
.content-body .block5 .classroom .list-line{
    width: 80%;
    margin: 0 auto;
    border-bottom: 1px solid #e6e6e6;
    line-height: 30px;
    margin-top: 5px;
}
.content-body .block5 .classroom .classroom-list2{
    border-left: 0;
    border-right: 0;
}
.content-body .block5 .classroom .list-active{
    height: 360px;
    margin-top: -30px;
    background: #7C8ACE;
}
.content-body .block5 .classroom .list-active p{
    color: #ececec;
}
.content-body .block5 .classroom .list-active .classroon-triangle{
    border-color: #7C8ACE #7C8ACE #8996D4;
}
.content-body .block5 .classroom .classroon-triangle{
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #e7e1e1;
    position: relative;
}

.content-body .block5 .classroom .classroon-triangle p{
    width: 60px;
    margin: 0;
}
.content-body .block5 .classroom .classroon-triangle .triangle1{
    position: absolute;
    top: -26px;
    left: -31px;
}
.content-body .block5 .classroom .footer{
    position: absolute;
    bottom: 0px;
    left: 0;
}
.content-body .block5 .classroom .footer .footer-line{
    margin: 0;
}
.content-body .block5 .classroom .footer p{
    font-size: 10px;
    line-height: 25px;
}
.content-body .block6 p{
    margin-bottom: 100px;
}
.content-body .block6 .match{
    margin: 0 auto;
    display: inline-block;
}
.content-body .block6 .match .match-person{
    width: 355px;
    height: 200px;
    background: url(../image/table.png);
    background-position: -720px -321px;
}
.content-body .block6 .match .match-arrow{
    width: 185px;
    height: 200px;
    background: url(../image/table.png);
    background-position: -1185px -321px;
}
.content-body .block6 .match .match-trophy{
    width: 355px;
    height: 200px;
    background: url(../image/table.png);
    background-position: -1485px -321px;
}

.content-body .block7 .work{
    margin: 100px auto 0px;
    display: inline-block;
}
.content-body .block7 .work .work-person p{
    color: #1a7c9f;
}
.content-body .block7 .work .work-person-img{
    width: 270px;
    height: 220px;
    background: url(../image/table.png);
    background-position: -1841px -300px;
    margin: 0 auto;
}
.content-body .block7 .work .work-tittle{
    width: 320px;
    height: 80px;
    border: 1px dotted #605B5B;
    border-radius: 35px;
    padding: 10px 0px;
    background: #9eddb9;
}
.content-body .block7 .work .work-tittle p{
    line-height: 30px;
    color: #fff;
}
.content-body .block7 .work .work-place p{
    color: #1a7c9f;
}
.content-body .block7 .work .work-place-img{
    width: 270px;
    height: 220px;
    background: url(../image/table.png);
    background-position: -2168px -300px;
    margin: 0 auto;
}
.content-body .block8 .partner{
    display: inline-block;
    margin: 0 auto;
}
.content-body .block8 .partner .partnerImg{
    display: block;
    float: left;
    height: 100px;
    background-image: url(../image/table.png);
}
.content-body .block8 .partner .parter1{
    background-position: -980px -560px;
}
.content-body .block8 .partner .parter2{
    background-position: -1280px -570px;
}
.content-body .block8 .partner .parter3{
    background-position: -1564px -570px;
}
.content-body .block8 .partner .parter4{
    background-position: -1854px -576px;
}
.content-body .block8 .partner .parter5{
    background-position: -982px -724px;
}
.content-body .block8 .partner .parter6{
    background-position: -1282px -728px;
}
.content-body .block8 .partner .parter7{
    background-position: -1556px -734px;
}
.content-body .block8 .partner .parter8{
    background-position: -1858px -730px;
}

.content-body .block8 .partner .parter9{
    background-position: -1006px -1300px;
}
.content-body .block8 .partner .parter10{
    background-position: -1304px -1300px;
}
.content-body .block8 .partner .parter11{
    background-position: -1568px -1300px;
}
.content-body .block8 .partner .parter12{
    background-position: -1834px -1300px;
}
.content-body .block8 .partner .parter13{
    background-position: -1000px -1444px;
}
.content-body .block8 .partner .parter14{
    background-position: -1260px -1449px;
}
.content-body .block8 .partner .parter15{
    background-position: -1586px -1441px;
}
.content-body .block8 .partner .parter16{
    background-position: -1846px -1449px;
}
/*主首页end*/




/*子页头部和尾部start*/
.container-fluid .base-child ul.pull-left{
    margin-left:90px;
}
.container-fluid .base-child ul.pull-left li a{
    font-size: 18px;
    color:#98d5ff;
}
.container-fluid .base-child ul.pull-left li a:hover{
    color:#fff;
}
.footer p{
    font-family: "微软雅黑";
}
/*子页头部和尾部end*/







/*login start*/
.login{
    width:400px;
    /*height:353px;*/
    margin:60px auto;
    border:1px solid #d6d6d6;
    position:relative;
}
.login form label{
    display:none;
}
.form-group.login_form_group{
    margin-top:10px;
    margin-bottom: 10px;
}
.form-group img,#id_captcha_1{
    display: inline-block;
    float:left;
}
#id_captcha_1,#id_phone_captcha_1,#id_email_captcha_1,#id_email_retrieve_captcha_1,
#id_phone_binding_captcha_1,#id_email_binding_captcha_1{
    width:58%;
}
.login form .form-group:nth-child(3) input#id_captcha_1{
    padding:5px 15px;
}
#messages{
    padding-top: 10px;
}
p.forget_pw{
    margin-bottom: 0px;
    text-align:right;
    margin-top: 10px;
}
p a.forget_pw{
    font-size: 14px;
    text-decoration: underline;
    margin-right:15px;
}
.login .login-p{
    width: 130px;
    margin: 0 auto;
}
.login .login-p button{
    color: #fff;
    width: 130px;
    height: 40px;
}
/*login end*/

/*注册页start*/
.content-register{
    width:100%;
    margin-bottom:30px;
}
.content-register-6{
    width:30%;
    float:left;

}
.content-register-6-1{
    background-image: url('../image/register.jpg');
    height: 300px;
    /*width: 350px;*/
    background-size: cover;

}
.content-register-6{
    margin-left:15%;
    margin-right:5%;
}
.content-register-7{
    margin:0 auto;
    width: 400px;
}
.content-register-7-1{
    border:1px solid #d2d2d1;
    border-radius: 6px;
    -moz-border-radius: 6px;      /* Gecko browsers */
    -webkit-border-radius: 6px;   /* Webkit browsers */
}
.content-register-7-1 .login_form{
    padding: 0 45px 20px 45px;
}
.content-register-7-2{
    margin-top:30px;
}
.title-h3{
    color:#fff;margin-bottom:30px;
    background: #5AAFEE;
    line-height: 35px;
    padding-left: 15px;
    font-size: 14px;
}
.register .glyphicon,.login .glyphicon,
.password_reset .glyphicon,.password_retrieve .glyphicon{
    color: #868686;
    padding-left: 10px;
    position: absolute;
    top: 14px;
    left: 0px;
}
.form-group{
    position: relative;
}
.select-padding{
    padding: 0px;
}
.register{
    margin-top:60px;
}
.register form label{
    display:none;
}
.content-register .form-group img.captcha{
    width:70px;
    height:30px;
}
.content-register button.btn-register{
    width:130px;
    height:40px;
    background: #17bd80;
    color:#fff;
}
.captcha,.captcha_phone_captcha,.captcha_email_captcha,.captcha_captcha,.captcha_email_retrieve_captcha,
.captcha_phone_binding_captcha,.captcha_email_binding_captcha{
    margin: 10px 6px 10px 16px;
    width: 22%;
    height: 36px;
}

.register  .btn-xs{
    margin-top: 4px;
}

.change-one{
    padding-top: 5px;
    display: inline-block;
}
.gradient-color{
    background: -moz-linear-gradient(#F0F0F0,#fff);
    background: -webkit-linear-gradient(#F0F0F0,#fff);
    background: -o-linear-gradient(#F0F0F0,#fff);
    background: -ms-linear-gradient(#F0F0F0,#fff);
    background: linear-gradient(#F0F0F0,#fff);
}

/*注册页end*/

/*找回密码start*/
.content-password_retrieve{
    position:absolute;
    top:55px;
    bottom:40px;
    left:0;
    right:0;
}
.content-password_retrieve .password_retrieve{
    width: 400px;
    margin: 100px auto 0px;
    border: 1px solid #d6d6d6;
    position: relative;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.content-password_retrieve .password_retrieve form .form-group label{
    width: 100px;
    text-align: right;
    font-weight: bold;
}
.content-password_retrieve form .form-group input{
    height: 40px;
}
.content-password_retrieve .password_retrieve form .form-group button{
    background: #5AAFEE;
    color: #fff;
    width: 100%;
    height: 40px;
}
.content-password_retrieve .alert.alert-warning,.alert.alert-success{
    text-align: center;
    padding:7px;
}
.content-password_retrieve  .password_retrieve form .err_msg_out{
    display: none;
}
.content-password_retrieve  .password_retrieve form a.returnA{
    float: right;
    font-size: 15px;
    margin-top: 10px;
    text-decoration: underline;
}
.content-password_retrieve .hint_head span{
    font-size: 20px;
    color:#2c4273;
}
.content-password_retrieve form.login_form{
    padding: 10px 35px 35px;
}
.password_retrieve .warning{
    color:red;
    margin-top:255px ! important;
    margin-left:135px ! important;
}
.password_retrieve .success{
    color:green;
    margin-top:255px ! important;
    margin-left:135px ! important;
}
.password_retrieve #id_username{
    margin-top: 30px;
}
.content-password_retrieve .div_button{
    margin-top:20px;
    width: 100%;
    height: 40px;
}
.content-password_retrieve .div_button .btn.btn-info{
    width: 100%;
    height: 100%;
    background:#5AAFEE;
}
/*找回密码end*/



/*首页内容start*/
.content-index{
    padding:50px 50px 0 50px;
    width:100%;
    color: #555559;
}
.content-index .index-left{
    width:72%;
    height:340px;
    border:1px solid #ccc;
    display: inline-block;
    float:left;
    margin-bottom: 30px;
    padding-top:30px;
    background-color: #f5fafd;
}
.content-index .index-right{
    width:25%;
    display:inline-block;
    float: right;
    margin-left:3%;
}
.practice-a li{
    list-style: none;
    height:60px;
    background: #f6f6f6;
    margin-bottom: 1px;
}
.practice-a{
    border:1px solid #ccc;
    width:67%;
    display:inline-block;
    float:left;
}
.learn-right{
    width:100%;
    height:500px;
}
.learn-right .learn-img img{
    width: 100%;
    height: 180px;
    margin-bottom: 15px;
}
.learn-right .learn-content .learn-title{
    font-size: 23px;
    font-weight: 600;
    color: rgb(66, 197, 104);
    border-left: 2px solid rgb(40, 171, 204);
    padding-left: 15px;
    margin-bottom: 30px;
}
.learn-right .learn-content .k-point{
    width: 100%;
    background-color: #f5fafd;
    padding-left: 20px;
}
.k-point-p{
    color: rgb(66, 197, 104);
    padding: 15px 0px 5px 0;
}
.k-point-c a{
    color: #555559;
    text-decoration: none;
    display: block;
    padding: 4px 0;
}
.k-point-c a:hover{
    color: #6A6A6F;
}
.leader-practice,.leader-learn,.leader-classroom{
    width:30%;
    height:130px;
    display: inline-block;
    float:left;
    position:relative;
    background-color: #fff;
}
.leader-practice{
    margin-left:3%;
    margin-right:1%;
}
.leader-learn{
    margin-left:1%;
    margin-right:1%;
}
.leader-classroom{
    margin-left:1%;
    margin-right:3%;
}
.practice-list{
    margin-top: 60px;
}
.leader-list{
    position: absolute;
    top:112px;
    left:25%;
}
.leader-p{
    color: rgb(66, 197, 104);
    position: absolute;
    top: 44px;
    width: 100%;
    text-align: center;
}
.leader-c{
    position: absolute;
    top: 65px;
    width: 100%;
    text-align: center;
    font-size: 13px;
}
span.img-p,span.img-l,span.img-r{
    width:70px;
    height:70px;
    display: inline-block;
    background: url(../image/table.png);
}
span.img-p{
    background-position: -430px -18px;
    position: absolute;
    top: -40px;
    left: 33%;
}
span.img-l{
    background-position: -355px -18px;
    position: absolute;
    top: -40px;
    left: 33%;
}
span.img-r{
    background-position: -506px -19px;
    position: absolute;
    top: -40px;
    left: 33%;
}
.mynum{
    display: inline-block;
    vertical-align: middle;
    margin-left: 14px;
}
.mynum p{
    display: inline-block;
}
.mynum span{
    display: block;
}
/*首页内容end*/

/*面包条*/
/*
.breadcrumb{
	margin-bottom: 0;
}
.breadcrumb li{
	height:20px;
	color: #5AAFEE;
}
.breadcrumb li a{
	color:#5AAFEE;
	text-decoration: none;
}
.question-list-breadcrumb{
	display: inline-block;
}
.content-page2 .content-page1-child1{
	padding:5px 25px 5px 54px;
	background: #f5f5f5;
}
.content-page1-child2{
	background: #fff;
	overflow: auto;
	padding:0 6%;
}
.content-page .content-page2 .content-page1-child2{
	min-height:800px;
}*/
/*面包条end*/

/*个人主页start*/
/*
.content-page{
	width:100%;
	position: relative;
}
.edit-info,.postMes,.passMes{
	display: none;
}
.user-content{
	width: 100%;
    margin: 50px auto 0px;
    padding: 0 74px;
    overflow: auto;
}
.user-content-out{
	min-width: 500px;
}
.user-content .side-bar{
	background: #fff;
	float: left;
	width: 20%;
	margin-right: 4%;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}
.user-content .side-bar li{
	display:block;
	text-align: center;
	height: 56px;
	line-height: 56px;
}
.user-content .side-bar li:nth-child(1){
	font-size: 18px;
}
.user-content .side-bar .side-content{
	border-top:1px solid #ccc;
}
.user-content .side-bar .side-content.active{
	background: #5AAFEE;
	color: #fff;
	cursor: pointer;
}
.user-content .side-bar .side-content:hover{
	background: #5AAFEE;
	color: #fff;
	cursor: pointer;
}

.user-content .user_profile{
	background: #fff;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	width: 76%;
	float: left;
	min-height: 480px;
}
.user-content .user_profile label{
	font-weight: normal;
	display: block;
}*/
/*个人主页end*/

/*基本信息start*/
/*
.user-content .user_profile .basic-info,
.user-content .user_profile .real-info{
	width: 90%;
	margin: 0px auto 40px;
	display: none;
}
.user-content .user_profile .user-img{
	width: 100px;
	height: 100px;
	position: relative;
	margin-top: 30px;
	margin-left: 20px;
	float: left;
}
.user-content .user_profile .user-img:hover .change-img{
	display: block;
	cursor: pointer;
}
.user-content .user_profile .user-img .user-loading{
	width: 250px;
    position: absolute;
    top: -12px;
    left: -136px;
    display: none;
}
.user-content .user_profile .user-img .change-img{
	width: 100px;
	height: 100px;
	background: #000;
	opacity: 0.6;
	border-radius: 50%;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
.user-content .user_profile .user-img .change-img:before{
	content: "";
    background-image: url(../image/table.png);
    background-position: -324px -710px;
    display: block;
    width: 20px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -12px;
}
.user-content .basic-info .authentication-mes{
	float: left;
    margin-top: 58px;
    margin-left: 20px;
}
.user-content .basic-info .authentication-mes .bar{
	float: left;
	margin-right: 30px;
}
.user-content .basic-info .authentication-mes .btn{
	margin-top: 8px;
}
.user-content .basic-info .orange-middle-font{
	font-size: 16px;
	color: #efab41;
	margin-bottom: 6px;
}
.user-content .basic-info .green-middle-font{
	font-size: 16px;
	color: #5AAFEE;
	margin-bottom: 6px;
}
.user-content .basic-info .gray-small-font{
	font-size: 12px;
	color: #ccc;
}
.user-content .user_profile .user-info{
	margin-top: 30px;
	margin-left: 20px;
}
.user-content .user_profile .user-info div{
	margin-bottom: 30px;
	position: relative;
}
.user-content .user_profile .user_header{
	width: 100%;
	height: 56px;
	font-size: 18px;
	line-height: 56px;
	margin: auto;
	border-bottom: 1px solid #999;
}
.user-content .user_profile .show_userprofile{
	float: right;
	position: relative;
	margin-top: -24px;
    color: #6aa9ee;
}

.content-page .content-page1-child2 span.image{
	display: inline-block;
	width:105px;
	height:105px;
	border:1px solid #bbbcc0;
	margin-left:33%;
}
.user_profile .user-info input#username{
	width: 260px;
    height: 38px;
    border-radius: 5px;
    display: inline-block;
    padding-left: 5px;
    margin-top: 6px;
}
.user_profile .user-info .has-error .form-control{
	border-color: #ff4040;
}
.user_profile .user-info .has-error .form-control:focus{
	border-color: #ff4040;
}
.user-content .user-info .nickname label{
	display: inline-block;
}
.user_profile .user-info .nickname .controlNum{
	margin-right: 10px;
    color: #b9b7b7;
}
.user_profile .user-info .sex .sex-hidden{
	opacity: 0;
}
.user_profile .user-info .sex label{
	margin-right: 20px;
	display: inline-block;
	cursor: pointer;
}
.user_profile .user-info .sex label .input-icon{
	margin-left: 4px;
}
.user_profile .user-info .experience-div ul li{
	margin-top: 20px;
	list-style: none;
	margin-left: -6px;
	width: 110%;
}
.user_profile .user-info .experience-div ul li span{
	padding-left: 6px;
	padding-right: 6px;
}
.user_profile .user-info .experience-div ul li .font{
	float: left;
	line-height: 34px;
}
.user_profile .user-info .experience-div .experience-bar{
	border-bottom: 1px solid #ccc;
    line-height: 30px;
}
.user_profile .user-info .experience-div .no-experience{
	text-align: center;
    padding-top: 20px;
    color: #999999;
    font-size: 12px;
}
.user_profile .user-info .experience-div .no-experience.no-show{
	display: none;
}
.user_profile .user-info .experience-div .no-experience .add{
	text-decoration: underline;
	color: #6aa9ee;
	cursor: pointer;
}
.user_profile .user-info .experience-div .btn-cancle{
	position: absolute;
    top: 0px;
    right: 0px;
    padding: 2px 8px;
}
.user_profile .user-info .experience-div .btn-cancle.cant{
	color: #ccc;
	border-color: #ccc;
}
.user_profile .user-info .introduction-div .user-introduction{
	resize: none;
	width: 93%;
}
.user_profile .user-info .introduction-div .controlNum{
	position: absolute;
    top: 20px;
    left: 93%;
    color: #b9b7b7;
    margin-left: 2px;
}
.user_profile .real-info input[type=text]{
	width: 374px;
    height: 38px;
    border-radius: 5px;
    display: inline-block;
    padding-left: 5px;
    margin-top: 6px;
}
.user_profile .real-info .checkbox-icon{
	content: "";
    background-image: url(../image/table.png);
    background-position: -188px -716px;
    margin-right: 6px;
    display: block;
    width: 16px;
    height: 18px;
    float: left;
    cursor: pointer;
}
.user_profile .real-info .error-mes-icon{
	color: #ff4040;
	position: absolute;
	bottom: -20px;
	left: 0px;
	display: none;
}
.user_profile .mes-delete{
    display: inline-block;
    background-image: url(../image/table.png);
    background-position: -1836px -219px;
    height: 22px;
    width: 22px;
    cursor: pointer;
    position: relative;
    top: 6px;
}
.user_profile .mes-delete:hover{
	background-position: -1836px -180px;
}

.error-mes-icon{
	color: #ff4040;
	position: absolute;
	bottom: -20px;
	left: 44px;
	display: none;
}
.error-mes-icon:before{
	content: "";
    background-image: url(../image/table.png);
    background-position: -700px -664px;
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
    float: left;
}
.experience-error-mes{
	bottom: -20px;
	left: 0px;
	display: block;
}
.user_profile .user-info .btn.no-ok{
	background: #ccc;
	border: 1px solid #ccc;
	cursor: auto;
}*/
/*基本信息end*/

/*展示个人主页start*/
/*
.show-user-content .head{
	height: 220px;
	background-image: url(../image/user_bg.png);
	background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 40px 74px;
}
.show-user-content .head .info .img-circle{
	float: left;
}
.show-user-content .head .info .info-content{
	color: #fff;
	margin-left: 40px;
	margin-top: 10px;
	float: left;
}
.show-user-content .head .info .info-content span{
	display: block;
	font-weight: 200;
}
.show-user-content .head .info .info-content .name{
	font-size: 16px;
}
.show-user-content .head .info .info-content .female-icon{
    display: block;
    height: 22px;
    width: 24px;
    background-image: url(../image/table.png);
    background-position: -656px -738px;
    transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    float: left;
    margin-left: 10px;
}
.show-user-content .head .info .info-content .male-icon{
    display: block;
    height: 22px;
    width: 24px;
    background-image: url(../image/table.png);
    background-position: -656px -712px;
    transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    float: left;
    margin-left: 10px;
}
.show-user-content .head .info .info-content .introduce{
	font-size: 12px;
    line-height: 38px;
    height: 38px;
}
.show-user-content .head .info .info-content .verify:before{
	content: "";
    display: block;
    height: 24px;
    width: 26px;
    background-image: url(../image/table.png);
    background-position: -685px -710px;
    transform: scale(0.8);
	-ms-transform: scale(0.8);
	-webkit-transform: scale(0.8);
    float: left;
}
.show-user-content .head .edit-btn{
	float: right;
    margin-top: 34px;
    color: #fff;
    font-size: 12px;
    border: 1px solid #fff;
    padding: 4px 8px 4px 22px;
    border-radius: 4px;
    position: relative;
}
.show-user-content .head .edit-btn:hover{
	text-decoration: none;
}
.show-user-content .head .edit-btn:before{
	content: "";
    background-image: url(../image/table.png);
    background-position: -1212px -215px;
    display: inline-block;
    height: 28px;
    width: 26px;
    transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    position: absolute;
    left: 0px;
    top: -3px;
}
.show-user-content .experience-content{
	padding: 20px 74px;
	color: #666666;
}
.show-user-content .experience-content .experience-type{
	background: #fff;
}
.show-user-content .experience-content .bar{
	line-height: 40px;
    border-bottom: 1px solid #ccc;
    padding-left: 16px;
}
.show-user-content .experience-content .bar:before{
	content: "";
    background-image: url(../image/table.png);
    display: inline-block;
    height: 36px;
    width: 28px;
    transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    float: left;
}
.show-user-content .experience-content .profession-bar:before{
	background-position: -726px -704px;
}
.show-user-content .experience-content .education-bar:before{
	background-position: -764px -704px;
}
.show-user-content .experience-content .experience-ul{
	list-style: none;
    padding: 20px 20px;
    min-height: 126px;
    margin-bottom: 26px;
}
.show-user-content .experience-content .form-group{
	line-height: 28px;
}
.show-user-content .experience-content .form-group span{
	text-align: center;
}*/
/*展示个人主页end*/


/*账号和密码start*//*
.user-content .bind-content{
	display: none;
}
.user-content .bind-content .user-account{
	width: 85%;
    margin: 0px auto 30px;
}
.user-content .bind-content .right_content{
	margin-left: 20px;
    margin-top: 20px;
}
.user-content .bind-content .right_content ul{
	list-style-type: none;
	display: block;
}
.user-content .bind-content .right_content ul li{
	padding: 10px 0;
}
.user-content .bind-content .number_content{
	width: 230px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	padding-left: 20px;
	display: inline-block;
}
.user-content .bind-content .bind_btn{
	width: 82px;
	height: 34px;
}
.user-content .bind-content .bind_btn a{
	text-decoration: none;
	color: white;
}
.user-content .bind-content .nobind{
	color: #999;
}
.bind-popup .popup-content{
	padding-bottom:40px;
}
.bind-popup .pop-sendemail .popup-content{
	padding-bottom: 0px;
}
/*账号和密码end*/

/*密码重置start*/
/*
.content-password_retrieve form label{
	display: none;
}
.content-password_retrieve .password_reset{
	width: 400px;
	margin: 100px auto 0px;
	border: 1px solid #d6d6d6;
	position: relative;
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.content-password_retrieve .password_reset .password_reset_btn{
	width: 100%;
}
.password_reset  .errorMessage{
    margin: 5px 0px;
}*/
/*密码重置end*/


/*我的成就start*/
/*
.achievement select{
	width:200px;
	margin:25px 0 15px 0px;
}
.achievement .form-control{
	padding: 0px;
}
.achievement .lecture-total{
	margin-left:5px;
	font-size:16px;
}
.achievement table{
	border-bottom: 1px solid #e4e3e3;
}
.achievement table thead{
	color:#20335c;
	font-size: 16px;
}
.achievement table thead tr .number{
	width:10%;
	text-align: center;
}
.achievement table thead tr .lecture{
	width:50%;
	text-align: left;
}
.achievement table thead tr .course{
	width:20%;
	text-align: left;
}
.achievement table thead tr .chapter{
	width:20%;
	text-align: left;
}

.achievement table tbody{
	border-top: 1px solid #f1f1f1;
}
.achievement table tbody tr .center-td{
	text-align: center;
	font-size: 15px;
}
.achievement table tbody tr .left-td{
	text-align: left;
	font-size: 15px;
}
.achievement table tbody tr .left-td a{
	color:#428BCA;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display:inline-block;
}
.achievement .own-danger{
	margin-top: 100px;
}
.achievement .own-danger a{
	text-decoration: underline;
}
.achievement .own-danger:before{
	content: "";
    background-image: url(../image/table.png);
    background-position: -724px -982px;
    display: block;
    width: 250px;
    height: 240px;
    margin: 0 auto 20px;
}*/
/*我的成就end*/


/*我的评论start*/
.own_comment{
    width: 80%;
    margin: 40px auto;
    background: #fff;
    min-width: 865px;
}
.comment-bar{
    height: 50px;
    border-bottom: 3px solid #ccc;
}
.comment-bar a{
    display: block;
    float: left;
    height: 100%;
    line-height: 50px;
    text-decoration: none;
    padding: 0 15px;
    color:#000;
    font-size:16px;
}
.comment-bar a:hover{
    color: #6AB7EF;
}
.own_comment .comment-bar a.active{
    border-bottom: 3px solid #5AAFEE;
    color: #5AAFEE;
    height: 106%;
}
.reply .all-reply{
    border-bottom: 1px solid #ccc;
    padding: 20px 20px 10px;
}
.reply .all-reply .img-circle{
    width:40px;
    height:40px;
    float:left;
}
.reply .all-reply .reply-1{
    padding: 0px 55px;
}
.reply .all-reply .reply-1 .reply-2{
    margin-top: 10px;
    background: #eee;
    margin-bottom:10px;
    line-height: 30px;
    padding-left: 5px;
    margin-left: -5px;
}
.reply .all-reply .reply-1 .reply-2 a{
    text-decoration: underline;
}
.all-reply  .reply-username {font-size:14px;}
.all-reply .reply-showtime {font-size:13px;margin-top:8px;color: #a7a6a6;}
.all-reply .reply-content {font-size:14px;margin-top:8px;}
.all-reply .reply-problem {display:block;}
.all-reply .div-reply-problem {margin-bottom:10px;}
.mybroom {
    border-width:0px;
}
.mybroom .my-room .room-num{
    border-bottom: 3px solid #ccc;
    padding:40px 20px;
}
.mybroom .my-room .room-child .my-roomchild{
    width:240px;
    height:135px;
    border:1px solid #ccc;
    box-shadow: 1px 5px 2px #ccc;
}
.mybroom .my-room .room-child .room-1{
    border:1px solid #5AAFEE;
    color:#5AAFEE;
    padding:8px 25px;
    font-size: 17px;
    float: right;
    margin-top: 95px;
}
.mybroom .own-danger{
    margin-top: 100px;
    display: none;
}
.mybroom .own-danger a{
    text-decoration: underline;
}
.mybroom .own-danger:before{
    content: "";
    background-image: url(../image/table.png);
    background-position: -388px -982px;
    display: block;
    width: 250px;
    height: 240px;
    margin: 0 auto 20px;
}
/*我的评论end*/
/*own-classroom start*/
/*
.room-num .item-detail {display: inline-block;padding-left: 50px;width:59%;height:130px;}
.room-num .item-name  {color:#4f4d4d;text-align:left;font-size:16px;font-weight:bold;}
.room-num .item-relate {text-align:left;color:#9c9a9a;}
.room-num .item-teacher {margin-left:5px;}
.room-num .glyphicon-user {margin-left:15px;}
.room-num  .item-num {text-align:left;margin-left:5px;}
.room-num .item-blurb {
	text-align:left;
	color:#9c9a9a;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}*/
/*own-classroom end*/

/*练习 我的提交 start*/
.own-submit .question-title {
    font-size:20px;
    font-weight:600;
    margin-top:20px;
}
.own-submit span.refresh-sub{
    margin-top: 10px;
    margin-left: 10px;
    padding: 3px;
    float: right;
}
.own-submit thead {
    color:#20335C;
    font-size: 16px;
}
.own-submit tr th,.own-submit tr td {
    text-align:left;
    font-size: 15px;
}
.own-submit .question-back-btn {
    display: block;
}
/*练习 我的提交 end*/


/*题库选择start*/

.question-bank{
    width: 92%;
    margin: 0 auto;
    padding-bottom: 50px;
    min-width: 1024px;
    max-width: 1280px;
    padding-top: 18px;
}
.question-bank .bank-a{
    display: block;
    float: left;
    background-color: #fff;
    width: 30%;
    margin: 30px 1.66%;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    top: 0;
    transition:top 0.4s;
    -webkit-transition:top 0.4s;  /*Safari and Chrome */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}
.question-bank .bank-a:hover{
    top: -10px;
}
.question-bank .bank-a .content:after{
    content: "";
    width: 100%;
    height: 30px;
    display: block;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.question-bank .bank-a .content1:after{
    background: #efaa42;
}
.question-bank .bank-a .content2:after{
    background: #9d8ef5;
}
.question-bank .bank-a .content3:after{
    background: #72e4c3;
}
.question-bank .bank-a .content4:after{
    background: #6d90d0;
}
.question-bank .bank-a .content5:after{
    background: #c7cb6a;
}
.question-bank .bank-a .content6:after{
    background: #e4846c;
}
.question-bank .bank-a .bank-icon{
    display: block;
    width: 128px;
    height: 128px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
}
.question-bank .bank-a .list1{
    background: url(/static/image/table.png);
    background-position: -89px -152px;
}
.question-bank .bank-a .list2{
    background: url(/static/image/table.png);
    background-position: -371px -155px;
}
.question-bank .bank-a .list3{
    background: url(/static/image/table.png);
    background-position: -227px -155px;
}
.question-bank .bank-a .list4{
    background: url(/static/image/table.png);
    background-position: -517px -155px;
}
.question-bank .bank-a .list5{
    background: url(/static/image/table.png);
    background-position: -1678px -155px;
}
.question-bank .bank-a .list6{
    background: url(/static/image/table.png);
    background-position: -88px -334px;
}
.question-bank .bank-a h2{
    color: #666;
    margin-top: 0px;
    font-weight: normal;
}
.question-bank .bank-a p{
    color: #737171;
    margin-bottom: 10px;
}

/*题库选择end*/

/*cases start*/
.cases{
    background: #F8F8F8;
}
.cases .r-tree{
    width:80%;
    padding:0;
    margin-left: 20px;
    padding: 15px;
    background-color: #fff;
    min-height: 900px;
    -webkit-box-shadow: 0 0 12px 1px rgba(87,87,87,.2);
    box-shadow: 0 0 12px 1px rgba(87,87,87,.2);
    margin:0 auto;
}
.cases .notebook-nav{
    padding: 5px 0 5px 20px;
    background: #f5f5f5;
}
.cases .notebook-nav ul{
    padding-top: 12px;
    font-size: 17px;
    padding-left: 30px;

}
.cases .notebook-nav ul li{
    display: inline-block;
    float: left;
    list-style: none;
    color: #777777;
}
.cases .notebook-nav ul li a{
    color: #777777;
}
/*cases end*/


/*dicussion start*/
.discussion .dis-top{
    margin-top:30px;
    width:80%;
    padding:0px 8px 90px 8px;
    max-width: 1500px;
}
.discussion p.pTitle{
    margin:30px 0;
}
.discussion .dis-top form{
    width: 100%;
}
.discussion .dis-top form .numLimit{
    float:right;
    font-size:14px;
    color:#9e9d9d;
}
.discussion .dis-top form textarea{
    height:100px;
    width:100%;
    padding: 10px 15px;
    resize: none;
    border: 1px solid #5AAFEE;
    border-radius: 6px;
}
.discussion .dis-top form a#submit-btn{
    display:inline-block;
    float:right;
    margin-top:10px;
}
.discussion p span.id,.discussion p span.title{
    font-size: 21px;
    font-weight: bold;
    margin-right:20px;
}
.discussion .dis-cont{
    margin-top:20px;
    width:80%;
}
.discussion .dis-cont .table td{
    border-top: 0px;
    border-bottom: 1px solid #ddd;
}
.discussion .dis-cont .table td .disPerson{
    float:left;
}
.discussion .dis-cont .table td .img-circle{
    width:40px;
    height:40px;
    float:left;
}
.discussion .dis-cont .table td .disPerName{
    float:left;
    margin-left:13px;
    margin-top:10px;
}
.discussion .dis-cont .table td .disPerName #user-name{
    margin-bottom:10px;
    color:#999997;
}
.discussion .dis-cont .table td .disPerName .disPerTime{
    color:#a7a6a6;
    font-size:14px;
    padding-top: 2px;
}
.discussion .dis-cont .table td .disRespont{
    padding-left:50px;
}
.discussion .dis-cont .table td .disRespont .comment-content{
    margin-top:10px;
    padding-left:2px;
}
.discussion .dis-cont .table td .disDelet{
    float:right;
    margin-right:30px;
}
.discussion .dis-cont .table td .disDelet .a-up .like-num{
    color:#a7a6a6;
}
.discussion .dis-cont .table td .disDelet .rule{
    margin:0 3px;
    color:#a7a6a6;
}
.discussion .answer-3{
    width:100%;
    display:none;
    padding-left:50px;
    position: relative;
}

.answer-3 span.top-jt{
    background-image: url(../image/table.png);
    background-position: -829px -55px;
    display:inline-block;
    width:23px;
    height:25px;
    position:relative;
    top:1px;
    float:right;
    margin-right: 30px;
}
.answer-3 .numLimit{
    font-size: 12px;
    color: #9e9d9d;
    position: absolute;
    top: 130px;
    right: 10px;
}
.answer-1, .delete-1, .delete-2{
    color: #428bca;
    cursor: pointer;
}
.delete-1:hover, .delete-2:hover{
    text-decoration: underline;
    color: #2a6496;
}
.discussion {
    margin-bottom: 30px;
}
.discussion .dis-cont .answer-3 textarea.disReplay{
    height:70px;
    width:100%;
    border-radius:10px;
    outline:none;
    padding:5px 0 0 5px;
    border:1px solid #B2B1B1;
    margin-bottom:20px;
    resize: none;
}
.discussion .dis-cont .answer-3 button.answer-2{
    width:80px;
    height:35px;
    float: right;
}
.discussion .dis-cont .answer-3 button.cancel-2{
    color: #5AAFEE;
    background-color: #fff;
    margin:0 10px;
    float: right;
}
.discussion .dis-cont .reply{
    margin:20px 0 20px 70px;
}
.discussion .dis-cont .reply .reply-1{
    margin-bottom:10px;
}
.discussion .dis-cont .reply .reply-1 .disPerson{
    float:left;
    display:inline-block;
}
.discussion .dis-cont .reply .reply-1 .reply-right{
    float:left;
    padding-left:10px;
}
.discussion .dis-cont .reply .reply-1 .reply-right .replyP{
    font-size:14px;
    margin-left:10px;
}
.discussion .dis-cont .reply .reply-1 .reply-right .replyD{
    font-size:13px;
    float:left;
    margin-left:10px;
    margin-top:8px;
    color: #a7a6a6;
}
.discussion .dis-cont .reply .reply-1 .reply-right .replayP2{
    display:inline-block;
}
.discussion .dis-cont .reply .reply-1 .reply-right .replayP2 .reply-2{
    color: #428bca;
    cursor:pointer;
    font-size:13px;
    margin-left:10px;
    margin-top:8px;
    float:left;
}
.discussion .dis-cont .reply .reply-1 .reply-right .replay-d{
    width:80%;
    position: relative;
}
.replay-d .numLimit{
    font-size: 12px;
    color: #9e9d9d;
    position: absolute;
    top: 85px;
    right: 10px;
}
.discussion .dis-cont .reply .reply-1 .reply-right .replay-d .replay-t{
    padding:5px 0 0 5px;
    height:100px;
    width:100%;
    border-radius:10px;
    outline:none;
    border:1px solid #B2B1B1;
    box-shadow: 3px 3px 10px #ccc;
    resize:none;
    display:block;
}
.discussion .dis-cont .reply .reply-1 .reply-right .replay-d button.replay-an{
    width:80px;
    height:35px;
    margin-top: 10px;
    float: right;
}
.discussion .dis-cont .reply .reply-1 .reply-right .replay-d button.cancel-3{
    color:#5AAFEE;
    background-color: #fff;
    margin:10px;
    float: right;
}
/*dicussion end*/

/*题目列表start*/
.question-list span.glyphicon.glyphicon-hand-right{
    width:20px;
    height:20px;
}

.question-bar{
    text-decoration: none;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space: nowrap;
    overflow:hidden;
    display: inline-block;
    width: 215px;
    word-wrap: normal;/*兼容IE*/
}
.question-bar:hover{
    color: #2a6496;
    text-decoration: underline;
}
.question-list div.test:hover span.glyphicon.glyphicon-hand-right{
    color:#20335C;
}
.content-question-list{
    float: left;
    display: inline-block;
    width: 70%;
    padding-top: 10px;
    overflow: auto;
}
.question-search-list .content-question-list{
    float: none;
    display: inline-block;
    width: 100%;
    padding-top: 10px;
}
.content-question-list .total-question{
    display: block;
    height:45px;
    font-size: 16px;
    margin-left: 10px;
    margin-right: 23px;
    line-height:34px;
}
.content-question-list .problem-type{
    width:200px;
    margin:0 0 16px 10px;
}
.content-question-list span.title-a{
    width:55%;
    white-space: nowrap;
    display: inline-block;
}
.content-question-list .question-list{
    min-width: 500px;
}
.content-question-list .question-list .table-striped{
    border-bottom: 1px solid #D6D6D6;
    margin-bottom: 30px;
}
.question-search-list .content-question-list .question-list .table-striped{
    font-size: 16px;
}
.content-question-list .th-space{
    width:5%;
    text-align:left;
}
.content-question-list .th-icon{
    width:10%;
    text-align:left;
}
.content-question-list .th-question{
    width:53%;
    text-align:left;
}
.content-question-list .th-num{
    width:16%;
    text-align:center;
}
.content-question-list .th-percent{
    width:16%;
    text-align:left;
}
.content-question-list .pagination.pagination-sm{
    display: block;
    margin-bottom: 50px;
}
.content-question-list .pagination li{
    display: inline-block;
}
.top-list ul li{
    list-style: none;
    padding: 0 5px;
}
.question-list-top .top{
    color: #5AAFEE;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid rgb(204, 204, 204);
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.question-list-top .top-list ul li a{
    display: block;
    height:40px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;/*兼容IE*/
}
.question-list-top .top-list ul li:nth-child(10) a{
    border-bottom: 0px;
}
/*题目列表end*/

/*题目详情start*/
.question-detail{
    min-width: 600px;
}
.question-detail .middle-1{
    width:100%;
    border-bottom:2px solid #ccc;
}
.question-detail a:hover, .question-detail  a:focus{
    text-decoration: none;
}
.question-detail .middle-1 span.question-id{
    margin-left: 30px;
}
span.question-id,span.question-title{
    font-size: 17px;
}
.question-detail .middle-1 h2{
    font-size: 24px;
    margin: 15px 0;
}
.question-detail .question-limit{
    font-size: 14px;
    color: #325688;
}
#check {
    display:block;
}
#check .cha {
    border-bottom: 0px;
}
.cha-tong .cha a,.cha-tong .tong a {
    color:#000;
}
#tong_ji {
    display:none;
}
.question-detail .div_discussion {
    margin-right: 320px;
}

.cha-rigth table{
    font-size: 12px;
    width: 100%;
}
.cha-rigth table th{
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    height:35px;
    line-height: 35px;
}
.cha-rigth table .tong{
    border-left: 1px solid #ccc;
}
.cha-rigth table tr{
    height:30px;
}
.cha-rigth table tr td{
    width: 50%;
    text-align: left;
    padding-left: 7%;
}
.question-detail .cha-tong.pull-right span{
    font-size: 14px;
    color:#323232;
}
.question-detail .cha-tong.pull-right p{
    display:inline-block;
    height:30px;
    line-height: 30px;
}
.question-detail .cha-tong{
    width:100%;
    border:1px solid #ccc;
    margin-top: 20px;
}
.question-detail .middle-2{
    position:relative;
}
span.add-time{
    font-size:17px;
    color:#aba9a9;
}
div.addtime{
    margin-top: 20px;
}
.cha-rigth{
    width: 300px;
    padding-left: 10px;
    float:right;
}
.question-detail .mypush{
    display: inline-block;
    margin:10px 10px 0px 0px;
    float:right;
}
.question-detail .form-11{
    margin-right: 320px;
    margin-bottom: 160px;
}
.question-detail .form-11 .cate-ll select{
    width:150px;
    margin-bottom:15px;
    display: inline-block;
    float: left;
}
.question-detail .form-11 .cate-ll textarea{
    width:100%;
    display:none;
}
.question-detail .form-11 .cate-ll .show-answer{
    float: right;
}
.question-detail .form-11 .question-id {
    display:none
}
.question-detail .form-11 .textarea_div .textarea{
    width: 100%;
}
.discuss{
    display: inline-block;
}
.question-detail .answer-1{
    margin-bottom: 16px;
    margin-top: 25px;
    cursor: pointer;
    font-size: 26px;
    line-height: 1.8;
    border-bottom: 1px solid #eee;
    color: #333;
    margin-right: 320px;
    position: relative;
}
.question-detail .answer-1 .a-div{
    font-size: 14px;
    position: absolute;
    right: 0px;
    bottom: 2px;
}
.question-detail .answer-1 .a-div a{
    padding: 0 20px;
    display: inline-block;
    line-height: 20px;
}
.question-detail .answer-1 .a-div a:nth-child(2){
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.question-detail .button-1{
    float:left;
    /*margin: 45px 0px;*/
    margin-top: -145px;
}
.question-detail .btn{
    padding: 4px 12px;
}
th{
    text-align: center;
}

.textarea_div{
    position: relative;
    height: 300px;
}
.question-detail .drop-right{
    width: 4px;
    border-left: 1px dashed #ccc;
    height: 300px;
    margin-left: 4px;
    cursor: move;
    display: none;
    float: left;
}
.question-detail .drop-right:hover{
    border-left: 1px dashed #5AAFEE;
}
.code .drop-right{
    width: 8px;
    height: 300px;
    margin-left: -4px;
    cursor: move;
    position: absolute;
    left: 50%;
    top: 0px;
    z-index: 10;
    display: none;
}
.drop-down{
    height: 10px;
    position: relative;
    top: -10px;
    cursor: s-resize;
}

/*题目详情end*/

/*教室－作业－题目详情start*/
/*.homework-question-detail .answer-1{
	margin-right: 0px;
}*/
.homework-question-detail .answer-1 .a-div a:nth-child(2){
    border-left: 1px solid #eee;
    border-right: 0px;
}
/*教室－作业－题目详情end*/


/*数据探索start*/
.explore-ifram{
    width: 100%;
}
/*数据探索end*/


/*我的练习start*/
.own-practice select{
    width:200px;
    margin:25px 0 15px 0px;
}
.own-practice .form-control{
    padding: 0px;
}
.own-practice .question-total{
    margin-left:5px;
    font-size:16px;
}
.own-practice table{
    border-bottom: 1px solid #e4e3e3;
    min-width: 600px;
}
.own-practice table thead{
    color:#20335c;
    font-size: 16px;
}
.own-practice table thead tr .number{
    width:10%;
    text-align: center;
}
.own-practice table thead tr .name{
    width:50%;
    text-align: left;
}
.own-practice table thead tr .type{
    width:15%;
    text-align: center;
}
.own-practice table thead tr .second-type{
    width:10%;
    text-align: center;
}
.own-practice table thead tr .count{
    width:15%;
    text-align: center;
}

.own-practice table tbody{
    border-top: 1px solid #f1f1f1;
}
.own-practice table tbody tr .center-td{
    text-align: center;
    font-size: 15px;
}
.own-practice table tbody tr .left-td{
    text-align: left;
    font-size: 15px;
}
.own-practice table tbody tr .left-td a{
    color:#428BCA;
    width:370px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display:inline-block;
}
.own-practice .own-danger{
    margin-top: 100px;
}
.own-practice .own-danger a{
    text-decoration: underline;
}
.own-practice .own-danger:before{
    content: "";
    background-image: url(../image/table.png);
    background-position: -44px -982px;
    display: block;
    width: 250px;
    height: 240px;
    margin: 0 auto 20px;
}
/*我的练习end*/

/*我的提交start*/
p.errose{
    margin-top: 200px;
}
.own-submit{
    min-width: 500px;
}
.own-submit .subTitle{
    font-size:20px;
    font-weight:600;
    margin-top:20px;
}
.own-submit table{
    border-bottom: 1px solid #ccc;
    border:1px solid #ccc;
}
.own-submit table thead{
    color:#20335C;
    font-size: 16px;
}
.own-submit table thead th{
    width:30%;
    text-align:left;
}
.own-submit table tbody{
    border-top: 1px solid #f1f1f1;
    background:#f1f1f1;
}
.own-submit span.pull-left {
    display: block;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
}
.own-submit table tbody tr td{
    width:30%;
    text-align:left;
    font-size: 15px;
}
.own-submit table tbody tr td:nth-child(2) a{
    width:150px;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space: nowrap;
    overflow:hidden;
    display: inline-block;
    word-wrap: normal;/*兼容IE*/
}
/*我的提交end*/

/*提交详情start*/
.detail-profile{
    display:inline-block;
    float:left;
    margin:20px 0 0 20px;
    height:460px;
    border:1px solid #e4e3e3;
    width:25%;
    min-width:232px;
    color:#686666;
    border-radius: 5px;
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
}
.detail-profile .title {margin-top:0;font-size:14px;color:#000;}
.submit-detail{
    padding-top:20px;
}

.submit-detail .return-list{
    display: block;
    float: right;
}
.submit-detail .return-list:hover,.submit-detail .return-list:focus{
    text-decoration: none;
}
.submit-detail .detail-profile table{
    font-size: 14px;
    text-align: left;
}
.submit-detail .detail-profile table td.tTitle{
    width:95px;
    text-align: left;
}
.submit-detail .detail-profile table td.tCont{
    text-align: left;
}
.submit-detail .detail-profile table td.tCont .tMulu{
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow:hidden;
    display:inline-block;
    width:120px;
    color:#059fbb;
    word-wrap: normal;/*兼容IE*/
}
.submit-detail .bg-danger{
    background-color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin-top:50px;
}
.submit-detail span.profile{
    display: inline-block;
    height:40px;
    width:100%;
    background: #f5f5f5;
    font-size: 16px;
    color:#059fbb;
    line-height: 40px;
    padding-left: 15px;
}
.submit-detail span.category,.submit-detail span.index,.submit-detail span.time,.submit-detail span.title{
    display: inline-block;
    height:35px;
    line-height: 35px;
    padding-left: 15px;
}
.detail-question span.detail{
    display: inline-block;
    height:40px;
    width:100%;
    background: #20335C;
    font-size: 16px;
    color:#fff;
    line-height: 40px;
    padding-left: 15px;
}
.submit-detail .model{
    float:left;
    width:70%;
    display: inline-block;
}
.submit-detail table{
    text-align: center;
}
.submit-detail .model-box{
    border:1px solid #E4E3E3;
    height:400px;
    overflow: auto;
    margin-top:20px;
    position: relative;
}
.submit-detail .ziti{
    height:40px;
    background: #f5f5f5;
    color:#059fbb;
    line-height: 40px;
    font-size:16px;
    padding-left:15px;
}
.submit-detail th{
    background:#e5e6e6;
}
.submit-detail th p{
    color:#4f4f4f;
}
.submit-detail .category1{
    width:90%;
    margin-left:5%;
    margin-right:5%;
}
.submit-detail .category2{
    width:90%;
    margin-left:5%;
    margin-right:5%;
}
.submit-detail .category1,.submit-detail .category2,.submit-detail .category3,.submit-detail .category4{
    margin-top:35px;
}
.submit-detail .category3{
    width:90%;
    margin-left:5%;
    margin-right:5%;
}
.submit-detail .category4{
    width:98%;
    margin-left:1%;
    margin-right:1%;
}
.model-box .submit-detail .category4 table thead th{padding:4px;}
.submit-detail .btn{
    margin-top:5px;
    margin-bottom:15px;
}
.category1 thead tr th,.category2 thead tr th,.category3 thead tr th,.category4 thead tr th{
    font-weight: normal;
    font-size: 13px;
}
.submit-detail .model .submit-1,.submit-detail .model .information,
.submit-detail .model .information-error,.submit-detail .model .process-error{
    margin:20px 0;
}
.result-classify .title-txt {padding-right:20px;}
.result-classify .choose {width:162px;margin:3px 0;padding:0;}
.submit-detail .model .msgNav{
    background: #f5f5f5;
    color: #059fbb;
    line-height: 40px;
    font-size:16px;
    padding-left:15px;
    width:100%;
}
.submit-detail .model textarea{
    width: 100%;
}
.submit-detail .helpInfo{
    float:right;
    margin-right:10px;
    font-size: 14px;
}
.submit-detail .helpInfo:before{
    content: "";
    background-image: url(../image/table.png);
    background-position: -748px -664px;
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
    float: left;
    margin-top: 10px;
}
/*提交详情end*/


/*提交结果start*/
.submit-result .middle-1{
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #d6eeff;
    line-height: 40px;
}
.submit-result .middle-1 span{
    font-size:17px;
}
.submit-result .middle-2{
    padding-left:30px;
}
.submit-result .middle-2 .addtime,.submit-result .middle-2 .miaoshu{
    width:70%;
}
.submit-result .middle-2 .addtime a{
    float: right;
}
.submit-result .middle-2 .addtime a:hover{
    text-decoration: none;
}
.submit-result .button a{
    color:#fff;
}
.submit-result .button{
    margin-top: 30px;
    margin-bottom: 20px;
}
.submit-result .addtime{
    width:70%;
}
.submit-result .addtime .submit-btn{
    float: right;
}
.submit-result .addtime .submit-btn:hover{
    text-decoration: none;
}
/*提交结果end*/

/*练习详情start*/
.model-d{
    padding:0 40px;
}
.model-d .pratice-detail .category1{
    width:470px;
}
.model-d .practice-return{
    text-decoration: none;
    display: block;
    float: right;
}
/*practice-detail start*/
.title-x{
    height:50px;
    line-height: 50px;
    font-size: 18px;
    border-bottom: 1px solid #eee;
}
.title-x .question-title {color:#428BCA;}
.title-x .category-b, .title-x .index-c {margin-left:10px;}

.practice-detail table th{
    background:#eee;
}
div.detail-click{
    padding:10px 10px;
    margin-bottom: 20px;
    display:none;
    border:1px solid #eee;
}
.detail-click .model-evaluate {font-size: 18px;margin-right:10px;}
.detail-click .modal-detail {height:250px;border:none;}
.detail-click .check {color:#428BCA;float:right;}
.detail-click .back-list {color:#428BCA}
.detail-click .back-list span {float:right;}
/*practice-detail end*/
.practice-detail .category1,.practice-detail .category2,.practice-detail .category3,.practice-detail .category4{
    margin:0;
}
.practice-detail span.top-img{
    display: inline-block;
    width:23px;
    height:10px;
    background:url(../image/table.png);
    background-position: -306px -662px;
    cursor: pointer;
}
/*练习详情end*/


/*排名start*/
.rank-list{
    width: 85%;
    min-height: 750px;
    margin: 60px auto 40px;
}
.rank-list .content{
    margin-top: 20px;
    background: #fff;
}
.all-rank{
    border: 1px solid #cdcccc;
}
.all-rank table thead{
    height: 55px;
    border-bottom:1px solid #ccc;
    background: #EDEDF0;
}
.all-rank table thead tr th{
    border:none;
    line-height: 34px;
    text-align: center;
}
.all-rank table thead tr th:nth-child(2){
    text-align: left;
}
.all-rank table tbody tr{
    border-bottom:1px solid #ccc;
}
.all-rank table tbody tr td{
    border:none;
    text-align: center;
    font-size: 14px;
}
.all-rank table tbody tr td span{
    display:inline-block;
}
.all-rank table tbody tr td span.img-rank{
    float:left;
    position: relative;
}
.all-rank table tbody tr td span.king{
    display: inline-block;
    height:20px;
    width:25px;
    background-image: url('/static/image/table.png');
    background-position: -689px -209px;
    position:absolute;
    top:-11px;
    left:21px;
    transform: scale(1.5);
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
}
.all-rank table tbody tr td span.user-rank{
    float:left;
    margin-top:15px;
    margin-left:5px;
    font-size: 13px;
    color:#17bd80;
    width: 95px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
    white-space: nowrap;
    word-wrap: normal;/*兼容IE*/
}
.all-rank table tbody tr td:nth-child(2){
    text-align: left;
}
.all-rank .table-bar{
    background: #EDEDF0;
    height: 45px;
}
/*排名end*/

/*own-set-question  start*/
.own-set-question{
    min-width: 750px;
}
.own-set-question .set-btn{
    margin-bottom:10px;
    float:right;
    margin-right: 30px;
}
.own-set-question .set-btn .set-btn-a:hover{
    text-decoration: none;
}
.own-set-question p.own-set{
    float:right;
    margin-right:50px;
}
.own-set-question #problem-class{
    width: 200px;
    margin:25px 0 15px 0px;
}
.own-set-question table tbody tr td:nth-child(2) a{
    width:150px;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space: nowrap;
    overflow:hidden;
    display: inline-block;
    word-wrap: normal;/*兼容IE*/
}
.own-set-question table tbody td a{
    display:inline-block;
    width:330px;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow: hidden;
    word-wrap: normal;/*兼容IE*/
}
.td-1,.td-2{
    font-size: 14px;
    text-align: center;
}
.td-3,.td-4{
    font-size: 14px;
    text-align:center;
}
.td-5,.td-6{
    font-size: 14px;
    text-align: center;
}
/*own-set-question  end*/

/*404页面start*/
.mainbody404{
    position: absolute;
    top:62px;
    left:0px;
    right:0;
    bottom:32px;
    /*background-color: #daecfa;*/
    overflow: auto;
}
.bg404{
    background:url("../image/404.png") no-repeat 50% 73px;
    width:940px;
    height:450px;
    margin:0px auto;
    position:relative;
}
.msg404{
    margin:100px 43%;
    width:519px;
    height:150px;
    position:absolute;
    top:190px;
    right:-182px;
}
.warn404{
    float: left;
    display:inline;
    margin-right:10px;
}
.warn404 p{
    padding-top:9px;
    color: #102553;
    font-size: 18px;
}
.btn404{
    float: left;
    display:inline;
    margin-left: 5px;
    width:126px;
    height: 44px;
    font-size: 18px;
}
/*404页面end*/

/*room-list start*/
/*
.room-sort{
	float: left;
}
.room-sort .sort-item{
	line-height: 32px;
    width: 60px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    background: #ccc;
    border-radius: 4px;
    margin-right: 10px;
}
.room-sort .sort-item:hover{
	background: #6AB7EF;
}
.room-sort .active{
	background: #5AAFEE;
}
*/
/*room-create start*/
.room-create{
    width:400px;
    border:1px solid #ccc;
    margin:30px auto;
    border-radius: 10px;
}
.room-create a:hover{
    text-decoration: none;
}
.room-create .controlNum{
    color: #b5b5b5;
    float: right;
    position: absolute;
    right: 0px;
    bottom: 2px;
}
.room-create form .room-name{
    width:280px;
}
.room-create form .roomDesc{
    /*width: 64px;
    text-align: right;*/
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: bold;
    text-align: left;
}
.room-create .brief {
    margin-top:20px;
    position: relative;
}
.room-create .last-brief{
    margin-top: 10px;
}
.room-create .brief textarea {
    border:none;border:1px solid #ccc;
}
.room-create .brief .open-label {
    margin-right: 80px;
}
/*通用蓝色单选框start*/
.input-icon{
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 50%;
    position: relative;
    top: 2px;
    left: 0px;
}
.input-icon.active{
    border-color: #6aa9ee;
}
.input-icon.active:before{
    content: "";
    width: 6px;
    height: 6px;
    background: #6aa9ee;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 4px;
    top: 4px;
}

/*通用蓝色单选框end*/
.room-create .brief .room-apply{
    opacity: 0;
}
.room-create .brief label span{
    font-weight: normal;
}
.room-create form textarea{
    width:280px;
    height:90px;
    resize:none;
}
.room-create .btnGroup{
    padding:20px 20px;
}
.room-create .btnGroup #submit-btn{
    float:right;
}
.room-create .btnGroup .cancelBtn{
    float:right;
    font-size:16px;
    margin-top:10px;
    color: #5AAFEE;
    margin-right:5px;
}
.room-create .room-cre{
    height:45px;
    width: 100%;
    background-color: #5AAFEE;
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-size: 17px;
    line-height: 45px;
    text-indent: 20px;
}
.room-create .up-image{
    width:350px;
    height:200px;
    background: #ccc;
    margin:0 auto;
    margin-top:25px;
    position: relative;
}
.room-create .loading-img{
    position: relative;
    background: #E2E2E2;
    display: table;
    width: 350px;
    height: 200px;
    margin: 0 auto;
    margin-top: 25px;
    display: none;
}
.room-create .loading-img span{
    display: table-cell;
    vertical-align: middle;
}
.room-create .loading-img span img{
    width: 170px;
    margin: 0 auto;
    display: block;
    position: relative;
    left: -43px;
}
.room-create label.up-img1{
    display: inline-block;
    width:100%;
    cursor: pointer;
    margin-bottom: 0;
    position: absolute;
    bottom: 0px;
    z-index: 1;
    left: 0px;
}
.room-create label.up-img1 .change-img{
    color:#fff;
    font-size:18px;
    text-align:center;
    line-height:30px;
    /*background: #000;
    opacity: 0.7;*/
}
.room-create label.up-img1 .change-img-p{
    color: #5AAFEE;
    text-align: center;
    font-size: 12px;
    height: 17px;
}
.room-create .bg-opacity{
    z-index: 0;
    background: #000;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 47px;
    width: 100%;
    opacity: 0.6;
    margin-bottom: 0px;
}
.room-create form{
    margin: 0px 25px;
}

/*room-create start*/

/*assignment start*/
.assignment{
    width:50%;
    margin:50px auto;
}
.assignment .titleDiv{
    position: relative;
}
.assignment .requireDiv{
    position: relative;
}
.assignment .controlNum{
    position: absolute;
    right: -74px;
    top: 56px;
    color: #b5b5b5;
}
.assignment .assignment-content .bar{
    padding-right:10px;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 6px;
}
.assignment .assignment-content .time-notice{
    color: red;
    margin-bottom: 8px;
    display: block;
}
.assignment .fileWarn{
    padding: 10px 0px;
}
.assignment .assignment-content .titleList{
    margin-top:26px;
}
.assignment .assignment-content .titleList h4{
    font-size: 16px;
}
.assignment .assignment-content .titleList .select-1{
    float:right;
}
.assignment .assignment-content .titleList .attach-question{
    float: right;
    margin-left: 10px;
}
.assignment .assignment-content .titleList .attach-question .btn-upload:before{
    content: "";
    background: url(/static/image/icon-upload-blue.png) center center no-repeat;
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
}
.assignment .assignment-content .titleList .titleCont{
    width:100%;
    margin:0 auto;
    border:1px #ccc solid;
    height:500px;
    overflow:auto;
    border-radius: 2px;
}
.assignment .assignment-content .titleList .titleCont table{
    width: 100%;
}
.assignment .assignment-content .titleList .btnDiss{
    margin:20px 0;
}
.assignment .assignment-content .titleList .btnDiss div{
    margin: 0 auto;
    width:82px;
}
.assignment .assignment-content .title-as,.assignment .assignment-content .soft-time-as,
.assignment .assignment-content .time-as{
    width:100%;
    height:36px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 0 6px;
    border-radius: 4px;
}
.assignment .assignment-content .content-as{
    width:100%;
    height:120px;
    border:1px #ccc solid;
    margin-top:10px;
    resize: none;
    padding: 4px 6px;
    border-radius: 4px;
}
.assignment span{
    display: inline-block;
}
.assignment .checkPoint{
    font-weight: normal;
    font-size: 12px;
    color: #999;
    line-height: 18px;
    cursor: pointer;
}
.assignment .checkPoint .check{
    width: 15px;
    height: 15px;
    background: url(/static/image/table.png);
    background-position: -447px -531px;
    float: left;
    margin-top: 2px;
}
.assignment .checkPoint .hasChecked {
    background-position: -417px -531px;
}
.assignment .lateTime{
    display: none;
}
.mask{
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(71,74,74,.6) repeat;
    z-index: 9999;
    display:none;
}
.box-mask{
    width:355px;
    height:490px;
    background: #fff;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-300px;
    margin-left:-160px;
    border-radius: 8px;
}
.box-mask ul.nav{
    height: 43px;
    color: #fff;
    background: #5AAFEE;
    line-height: 40px;
}
.box-mask .choose{
    width: 329px;
    margin: 16px 10px 0px;
}
.box-mask .choose .choose-standard,
.box-mask .choose .choose-custom{
    display: block;
    width: 50%;
    height: 28px;
    color: #999;
    border-bottom: 2px solid #ccc;
    float: left;
    text-align: center;
    cursor: pointer;
}
.box-mask .choose .active{
    color: #5AAFEE;
    border-bottom: 2px solid #5AAFEE;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    border:none;
    background-color:#49b673;
    color:#fff;
}
.nav>li>a:hover, .nav>li>a:focus{
    background-color:#5AAFEE;
}
.nav-tabs>li>a{
    color:#fff;
}
.nav-tabs>li.active>a{
    background-color:#49b673;
}
.nav-tabs>li>a{
    border-radius: 0;
    color:#fff;
}
.nav-tabs>li>a:hover{
    border-color:#5AAFEE;
}
.box-mask .tab-content{
    margin-bottom: 5px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius:5px;
}
.box-mask .tab-content li{
    list-style: none;
}
.box-mask .tab-content .searchEare{
    position:relative;
    width:355px;
    height:37px;
}
.box-mask .tab-content a{
    position:absolute;
    top:10px;
    left:3px;
    display: inline-block;
    background: url(../image/table.png);
    background-position: -474px -660px;
    width: 18px;
    height: 18px;
}
.box-mask input{
    margin:5px 5px 5px 0;
    width:324px;
    height:27px;
    border-radius: 10px;
    outline:none;
    padding-left: 20px;
    border:1px solid #5AAFEE;
}
ul.cate-one,ul.cate-two,ul.cate-three,ul.cate-four,ul.cate-five,ul.cate-six{
    margin-bottom:0px;
}
div.cate-one,div.cate-two,div.cate-three,div.cate-four,div.cate-five,div.cate-six{
    height:40px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
}
ul.cate-one li,ul.cate-two li,ul.cate-three li,ul.cate-four li,ul.cate-five li,ul.cate-six li{
    height:35px;
    line-height: 35px;
    border-bottom: 1px solid #ccc;
    margin-left:25px;
}
.choose-1{
    float:right;
    margin-right: 10px;
    color: #5AAFEE;
    display:none;
}
.ok-1,.no-1{
    float:right;
    margin-right: 15px;
}
.no-1{
    margin-top:10px;
}
.pro{
    width:230px;
    display:inline-block;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    word-wrap: normal;/*兼容IE*/
}
.pro-p{
    width:230px;
    display:inline-block;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    word-wrap: normal;/*兼容IE*/
}
.box-mask .tab-content a{
    color:#000;
    text-decoration: none;
}
.box-mask .tab-content a:hover{
    color:#000;
    text-decoration: none;
}
.assignment table{
    font-size: 14px;
}
.assignment table thead th{
    text-align: left;
    margin-left:5px;
    border-bottom: 1px solid #ddd;
}
.assignment table tbody td{
    padding: 0px 8px;
}
.assignment table .choose-num-tr{
    width: 10%;
    text-align: center;
}
.assignment table .choose-num{
    width: 10%;
    text-align: center;
}
.assignment table .title{
    width: 50%;
}
.assignment table .title-type{
    width: 30%;
    text-align: center;
}
.assignment table .delete{
    width: 10%;
    text-align: center;
}
.assignment table tbody .title{
    color:#59c;
}
.assignment table tbody .title span{
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    cursor: pointer;
    word-wrap: normal;
}

.assignment a.delete-p{
    display:inline-block;
    width:30px;
    height:30px;
    margin:7px;
}
.assignment a.delete-p-own{
    display:inline-block;
    width:30px;
    height:30px;
    float:right;
    margin:7px;
}
.assignment span.delete-q{
    display:inline-block;
    width:30px;
    height:30px;
    background: url('/static/image/table.png');
    background-position: -1829px -215px;
}
.assignment span.delete-q:hover{
    background-position: -1829px -177px;
}
.assignment .delete-attach{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 7px;
}
.ready-1 li span.title{
    margin-left: 15px;
}
.tab-content .ass-home,.tab-content .ass-profile{
    border:1px solid #ccc;
    height:320px;
    overflow: auto;
    padding-right: 20px;
}
/*assignment end*/

/*classroom-detail start*/
/*
.shake{
	animation: shake 0.2s ease infinite;
	-moz-animation: shake 0.2s ease infinite;
	-webkit-animation: shake 0.2s ease infinite;
	-o-animation: shake 0.2s ease infinite;
	-ms-animation: shake 0.2s ease infinite;
}
.classroom-detail-out{
	background: #F8F8F8;
	overflow: auto;
}
.classroom-detail{
	width: 78%;
	margin: 0 auto;
	padding-top: 50px;
}
.detail1{
	height: 500px;
}
.detail1 .room-notice{
	height: 100%;
	width: 68%;
	margin-right: 2%;
	float: left;
	border: 1px solid #ccc;
	background: #fff;
}
.room-notice .notice-bar{
	height: 54px;
	background: #F9F7FF;
}
.notice-bar .notice-p{
	float: left;
	line-height: 50px;
	font-size: 18px;
	padding-left: 20px;
}

.detail1 .room-content .content-bar .detail-btn{
	margin: 16px 15px 16px 0px;
}
.detail-btn{
	float: right;
	background: #ccc;
	margin: 16px 15px 0px 0px;
	padding: 0px 5px;
	border-radius: 4px;
	cursor: pointer;
	display: inline;
}
.detail-btn:hover{
	background: #6AB7EF;
}
.detail-btn p{
	display: inline-block;
	line-height: 26px;
	color: #fff;
	font-size: 14px;
}
.detail-icon{
	display: inline-block;
	height: 26px;
	width: 25px;
	float: left;
	transform: scale(0.6);
	-ms-transform: scale(0.6);
	-webkit-transform: scale(0.6);
}
.notice-icon{
	background-image: url(../image/table.png);
	background-position: -1170px -215px;
}
.name-icon{
	background-image: url(../image/table.png);
	background-position: -1212px -215px;
}
.notice-ul{
	margin: 15px 0px 15px 30px;
	color: #787878;
	overflow: auto;
	font-size: 14px;
	display: none;
}
.notice-li{
	margin-bottom: 38px;
	margin-left: 20px;
	list-style: none;
}
.notice-li-span{
	padding-right: 20px;
	display: block;
}
.notice-li-min{
	color: #fff;
	text-align: center;
	list-style: none;
	margin-bottom: 20px;
	padding-right: 20px;
}
.notice-li .notice-time{
	padding-top: 4px;
	font-size: 12px;
}
.notice-li-min .notice-time{
	float: none;
}
.notice-li-min .notice-li-min-span{
	background: #ccc;
	border-radius: 10px;
	display: inline-block;
	padding: 2px 10px;
	font-size: 12px;
}
.notice-time{
	float: right;
}
.publish .publish-content{
	left: 50%;
	margin-left: -170px;
	top: 14%;
}
.publish .notice-content{
	width: 320px;
	height: 200px;
	display: block;
	margin: 10px;
	resize: none;
	border: 1px solid #ccc;
}
.publish .publish-content .publish-mes{
	padding-left: 10px;
	color: #ff4040;
}
.publish .publish-content .writen-num{
	padding-left: 10px;
	color:#868585;
}
.detail1 .room-content{
	height: 100%;
	width: 30%;
	float: left;
	border: 1px solid #ccc;
	background: #fff;
	color: #787878;
	font-size: 14px;
}
.room-content .content-bar{
	height: 54px;
	background: #F9F7FF;
	position: relative;
	padding: 2px 0;
}
.room-content .bar-placeholder{
	display: none;
	position: absolute;
    left: 11px;
    top: 1px;
    font-size: 18px;
    color: #B1B1B1;
}
.room-content .content-placeholder{
	display: none;
	position: absolute;
    left: 6px;
    top: 30px;
    font-size: 14px;
    color: #B1B1B1;
}
.room-content .content-bar .content-p{
	line-height: 24px;
	font-size: 18px;
	margin: 0px 0px 0px 10px;
	float: left;
	outline: none;
	width: 64%;
	resize: none;
	border: 0px;
	background: #F9F7FF;
	display: inline;
	display: none;
}
.room-content .content-bar .content-student-p{
	line-height: 24px;
	font-size: 18px;
	margin: 0px 15px;
	background: #F9F7FF;
	text-align: left;
	display: inline-block;
}
.room-content .content-bar .content-div{
	float: left;
	font-size: 18px;
	line-height: 24px;
	margin: 0px 0px 0px 10px;
}
.room-content .content-bar .content-btn{
	margin: 16px 30px 16px 0px;
}
.room-content .content-detail{
	margin: 15px;
	position: relative;
}
.room-content .content-detail .content-img{
	width: 100%;
	height: 173px;
	margin: 15px 0px;
	position: relative;
}
.room-content .content-detail .content-img img{
	padding: 0px;
    height: 173px;
    border: 0px;
}
.room-content .content-detail .loading-img{
	width: 100%;
	height: 173px;
	margin: 15px 0px;
	position: relative;
	background: #E2E2E2;
	display: table;
	display: none;
}
.room-content .content-detail .open-room{
	padding: 0px 8px;
    font-size: 14px;
    position: absolute;
    right: 0px;
    background: #fff;
    color: #5AAFEE;
    border: 1px solid #5AAFEE;
    border-radius: 4px;
    cursor: pointer;
    z-index: 10;
}
.room-content .content-detail .loading-img span{
	display: table-cell;
	vertical-align: middle;
}
.room-content .content-detail .loading-img span img{
	width: 170px;
	margin: 0 auto;
	display: block;
	position: relative;
    left: -43px;
}
.room-content .content-detail .change-img{
	position: absolute;
	bottom: 0px;
	z-index: 1;
	left: 0;
	width: 100%;
	margin-bottom: 0px;
	display: none;
}
.room-content .content-detail .change-img-content{
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	width: 100%;
	cursor: pointer;
	margin-bottom: 0;

}
.room-content .content-detail .change-img-p{
    color: #5AAFEE;
    text-align: center;
    font-size: 10px;
}
.room-content .content-detail .blur-content{
	position: relative;
}
.room-content .bg-opacity{
	z-index: 0;
	background: #000;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 47px;
	width: 100%;
	opacity: 0.6;
	margin-bottom: 0px;
	display: none;
}
.room-content .content-detail .content-img:hover .change-img,.room-content .content-detail .content-img:hover .bg-opacity{
	display: block;
}
.room-content div{
	margin-bottom: 4px;
}
.classroom-detail .student-apply{
	border: 1px solid #ccc;
}
.classroom-detail .student-apply .student-apply-content{
	left: 50%;
	width: 400px;
	margin-left: -200px;
	height: 400px;
	top: 20%;
}
.classroom-detail .student-apply .apply-all{
	margin: 10px;
	height: 340px;
	border-radius: 4px;
	overflow: auto;
}
.classroom-detail .student-apply .apply-one{
	padding: 5px 10px;
	border-bottom: 1px solid #e4e4e4;
}
.classroom-detail .student-apply .apply-content{
	display: inline-block;
	font-size: 14px;
	width: 250px;
}
.classroom-detail .student-apply .apply-content img{
	width: 40px;
	height: 40px;
	float: left;
}
.classroom-detail .student-apply .person-info{
	display: block;
    float: left;
    width: 200px;
    margin-left: 8px;
}
.classroom-detail .student-apply .person-info .person-name{
	display: block;
}
.classroom-detail .student-apply .person-info .person-content{
	display: block;
    font-size: 12px;
    color: #999;
}
.ok-no{
	float: right;
	display: inline-block;
	vertical-align: middle;
	padding-top: 6px;
}
.ok-no span{
	display: inline-block;
	width: 50px;
	text-align: center;
	line-height: 26px;
	cursor: pointer;
}
.ok-no .apply-no{
	border: 1px solid #5AAFEE;
	background: #fff;
	color: #5AAFEE;
}
.ok-no .apply-ok{
	border: 1px solid #5AAFEE;
	background: #5AAFEE;
	color: #fff;
}
.room-content .classroom-edit{
	outline: none;
	padding: 5px;
	height: 106px;
	overflow: auto;
	border: 0px;
	width: 100%;
	resize: none;
	background: #fff;
	color: #787878;
}
.detail2{
	padding: 50px 0 0;
}
.detail2 .room-person{
	width: 100%;
	border: 1px solid #ccc;
	background: #fff;
}
.detail2 .room-person .room-bar{
	height: 50px;
	background: #F9F7FF;
}
.detail2 .room-person .room-bar .room-p{
	float: left;
	line-height: 50px;
	font-size: 18px;
	padding-left: 20px;
}
.detail2 .room-person .room-bar .room-discussion{
	float: right;
	color: #fff;
	margin: 12px 5px 0 5px;
}
.detail2 .room-person .room-bar .discussion-icon{
	background-image: url(../image/table.png);
    background-position: -1284px -190px;
}
.detail2 .room-person .room-bar .room-discussion:hover{
	text-decoration: none;
	background: #6AB7EF;
}
.detail2 .room-person .room-bar .add-click{
	margin: 12px 5px 0 5px;
}
.detail2 .room-person .room-bar .delete-click{
	margin: 12px 10px 0 5px;
}
.classroom-detail .btn-gray{
	background: #ccc;
}
.classroom-detail .btn-gray:hover{
	background: #6AB7EF;
}
.classroom-detail .btn-green{
	background: #6AB7EF;
}
.detail2 .room-person .room-bar .notice-click{
	margin: 12px 5px 0 5px;
	position: relative;
}
.detail2 .room-person .room-bar .red-circle{
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	top: -3px;
	right: -2px;
	background: red;
	display: none;
}
.detail2 .room-person .room-bar .delete-icon{
	background-image: url(../image/table.png);
	background-position: -1245px -215px;
}
.detail2 .room-person .room-bar .add-icon{
	background-image: url(../image/table.png);
	background-position:  -1470px -219px;
}
.detail2 .room-person .room-bar .notice-icon{
	background-image: url(../image/table.png);
	background-position: -1286px -220px;
}
.classroom-detail .room-person .room-person-lists{
	height: 220px;
	overflow: hidden;
}
.classroom-detail .room-person .room-list-out{
	float: left;
	width: 20%;
}
.classroom-detail .room-person .room-person-list{
	position: relative;
	padding: 30px 0px 30px 15%;
	font-size: 16px;
}
.classroom-detail .room-person .room-person-list .img-name{
	display: inline-block;
	width: 100%;
	position: relative;
}
.classroom-detail .room-person .room-person-list .img-name a:hover{
	text-decoration: none;
}
.classroom-detail .room-person .room-person-list .img-circle{
	width: 50px;
	height: 50px;
}
.classroom-detail .room-person .room-person-list .room-person-name{
	display: inline-block;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
	height:22px;
	word-wrap: normal;
}
.classroom-detail .room-person .room-person-list .delete{
	display: none;
	cursor: pointer;
	width: 20px;
    height: 18px;
    background: url(../image/table.png);
    background-position: -444px -662px;
}
.classroom-detail .room-person .room-person-list .teacher-font{
	display: block;
    position: absolute;
    left: 26px;
    top: 22px;
    width: 20px;
    height: 20px;
    background: url(/static/image/table.png);
    background-position: -507px -526px;
}
.classroom-detail .room-person .room-person-list .assistant-font{
	display: block;
    position: absolute;
    left: 26px;
    top: 22px;
    width: 20px;
    height: 20px;
    background: url(/static/image/table.png);
	background-position: -544px -526px;
}
.detail3{
	padding: 50px 0;
}
.detail3 .all-file{
	width: 100%;
	border: 1px solid #ccc;
	background: #fff;
}
.detail3 .all-file .file-bar{
	height: 50px;
	background: #F9F7FF;
	position: relative;
}

.detail3 .all-file .file-bar .attachment-bar{
	display: inline-block;
	height: 100%;
	line-height: 50px;
	font-size: 18px;
	padding-left: 25px;
	background: #ccc;
	width: 83px;
	float: left;
	color: #fff;
	cursor: pointer;
}
.detail3 .all-file .file-bar .homework-bar{
	display: inline-block;
	height: 100%;
	line-height: 50px;
	font-size: 18px;
	padding-left: 25px;
	background: #5AAFEE;
	width: 83px;
	float: left;
	color: #fff;
	cursor: pointer;
}
.detail3 .all-file .file-bar .up-btn{
	float: right;
	display: none;
	margin: 10px 22px;
}
.detail3 .all-file .file-bar .up-btn .attachment-btn{
	margin-bottom: 0px;
}
.detail3 .all-file .file-bar .upload-info{
    background-image: url(../image/table.png);
    background-position: -678px -665px;
    display: none;
    width: 16px;
    height: 18px;
    position: absolute;
    right: 2px;
    top: 16px;
    cursor: pointer;
}
.detail3 .all-file .file-bar .up-btn .attachment-btn .up-icon{
	background-image: url(/static/image/table.png);
	background-position: -1515px -212px;
	height: 30px;
	width: 32px;
	transform: scale(0.6);
	-ms-transform: scale(0.6);
	-webkit-transform: scale(0.6);
}
.work-icon{
	background-image: url(/static/image/table.png);
	background-position: -1326px -215px;
	height: 30px;
	width: 32px;
	transform: scale(0.6);
	-ms-transform: scale(0.6);
	-webkit-transform: scale(0.6);
}
.text-icon{
	background-image: url(/static/image/table.png);
	background-position: -1365px -214px;
	height: 30px;
	width: 32px;
	transform: scale(0.6);
	-ms-transform: scale(0.6);
	-webkit-transform: scale(0.6);
}
.list-icon{
	background-image: url(/static/image/table.png);
	background-position: -607px -395px;
	height: 30px;
	width: 32px;
	transform: scale(0.6);
	-ms-transform: scale(0.6);
	-webkit-transform: scale(0.6);
}
.detail3 .all-file .file-bar .up-btn .attachment-btn .attachment-content{
	color: #fff;
	line-height: 30px;
	font-weight: normal;
}
.detail3 .all-file .file-bar .homework-btn{
	float: right;
}
.detail3 .all-file .file-bar .homework-btn a{
	display: inline-block;
	color: #fff;
	margin: 10px 15px 10px 10px;
	text-decoration: none;
}
.detail3 .all-file .file-bar .homework-btn a:nth-child(2){
	margin: 10px;
}
.detail3 .all-file .file-bar .homework-btn a:nth-child(3){
	margin: 10px;
}
.detail3 .all-file .file-bar .homework-btn .bar{
	line-height: 30px;
}
.detail3 .all-file .homework .homework-delete{
	display: inline-block;
	background-image: url(../image/table.png);
	background-position: -1829px -215px;
	height: 30px;
	width: 32px;
	margin: 0 20px;
	cursor: pointer;
	float:right;
	margin-top: -5px;
}
.detail3 .all-file .homework .homework-delete:hover{
	background-position: -1829px -177px;
}
.detail3 .all-file .attachment{
	display: none;
	min-height: 120px;
}
.detail3 .all-file .homework{
	min-height: 120px;
}
.classroom-detail .attach-li{
	list-style: none;
	height: 60px;
	font-size: 16px;
	padding: 20px 20px 0 20px ;
	border-bottom: 1px solid #ededed;
}
.classroom-detail .attach-li-t{
	list-style: none;
	height: 60px;
	font-size: 16px;
	padding: 23px 15px 0 15px ;
	border-bottom: 1px solid #ededed;
}
.classroom-detail .attach-li-p{
	padding:56px 0 0 20px;
	color:#787878;
	text-align: center;
}
.fileWarn{
    font-size: 12px;
    color: #999;
    padding-top: 14px;
}
.fileWarn:before{
	content: "";
    background-image: url(../image/table.png);
    background-position: -678px -666px;
    display: block;
    width: 16px;
    height: 18px;
    float: left;
}
.detail3 .all-file .attachment .attach-li .attach-num{
	float: left;
	display: block;
}
.detail3 .all-file .attachment .attach-li .attach-name{
	width: 50%;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	float: left;
}
.detail3 .all-file .attachment .attach-li .attach-size{
	display: inline-block;
    font-size: 12px;
    color: #ccc;
    float: left;
    line-height: 25px;
}
.detail3 .all-file .attachment .attach-li .attach-time{
	margin-right: 25px;
}
.detail3 .all-file .attachment .attach-li .attach-delete{
	display: inline-block;
	background-image: url(../image/table.png);
	background-position: -1829px -215px;
	height: 30px;
	width: 32px;
	margin: 0 20px;
	cursor: pointer;
	float:right;
	margin-top: -5px;
}
.detail3 .all-file .attachment .attach-li .attach-delete:hover{
	background-position: -1829px -177px;
}
.open-more{
	display: block;
	background-image: url(../image/table.png);
	background-position: -1408px -204px;
	height: 40px;
	width: 32px;
	margin: 0 auto;
	transform: scale(0.6);
	-ms-transform: scale(0.6);
	-webkit-transform: scale(0.6);
	cursor: pointer;
	margin-top: -15px;
}

.popup-bar{
	height: 40px;
	color: #fff;
	background: #5AAFEE;
	font-size: 16px;
	line-height: 40px;
	padding-left: 35px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.popup-ok{
	float: right;
	display: block;
	height: 30px;
	width: 60px;
	font-size: 18px;
	background: #5AAFEE;
	color: #fff;
	line-height: 30px;
	text-align: center;
	border-radius: 8px;
	cursor: pointer;
	margin-right: 10px;
	margin-bottom: 10px;
}
.popup-no{
	float: right;
	color: #5AAFEE;
	text-decoration: underline;
	padding: 5px 10px;
	cursor: pointer;
}
.popup{
	position: absolute;
	left: 0;
	width:100%;
	height: 100%;
	z-index: 10;
	display: none;
}
.popup-down{
	position: relative;
	width:100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
}
.popup-up{
	background: #fff;
	border-radius: 6px;
	z-index: 12;
	position: absolute;
	top: 36%;
	left: 0px;
}
.popup-close{
	display: inline-block;
    height: 24px;
    width: 24px;
    float: right;
    background-image: url(../image/table.png);
    background-position: -560px -396px;
    margin-top: 8px;
    margin-right: 32px;
    cursor: pointer;
}
.add-student .choose{
	width: 329px;
	margin: 16px 10px 0px;
}
.add-student .choose .choose-student,
.add-student .choose .choose-teacher,
.add-student .choose .choose-assistant{
	display: block;
    width: 33.3%;
    height: 28px;
    color: #999;
    border-bottom: 2px solid #ccc;
    float: left;
    text-align: center;
    cursor: pointer;
}
.add-student .choose .active{
	color: #5AAFEE;
    border-bottom: 2px solid #5AAFEE;
}
.add-student .add-student-content{
	width: 350px;
	left: 50%;
	margin-left: -175px;
	top: 14%;
}
.add-student .add-student-content .errorMsg{
	margin-bottom: -10px;
    margin-top: 5px;
    text-align: center;
    color: red;
    display: none;
}
.add-student .add-student-content .popup-search{
	position: relative;
}
.add-student .add-student-content .inp{
	height: 28px;
    width: 329px;
    margin: 10px 10px 0;
    border-radius: 4px;
    outline: none;
    border: 1px solid #5AAFEE;
    padding-left: 20px;
}
.add-student .add-student-content .add-a{
	position: absolute;
	left: 14px;
	top: 14px;
	display: inline-block;
	background: url(../image/table.png);
    background-position: -474px -660px;
    width: 18px;
    height: 18px;
}
.add-student .add-student-content .add-a:hover{
	text-decoration: none;
}
.add-student .add-student-content .teacher-content,
.add-student .add-student-content .assistant-content{
	display: none;
}
.add-student .add-student-content .add-list{
	display: block;
	height: 300px;
	overflow: auto;
	margin: 15px 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.add-student .add-student-content .add-list .add-list-li{
	list-style: none;
	border-bottom: 1px solid #ccc;
	height: 50px;
	cursor: pointer;
	padding: 5px 8px;
}
.add-student .add-student-content .add-list .add-list-li a:hover{
	text-decoration: none;
}
.add-student .add-student-content .add-list .add-list-li .img-rank{
	display: inline-block;
}
.add-student .add-student-content .add-list .add-list-li .img-rank img{
	width: 40px;
	height: 40px;
}
.add-student .add-student-content .add-list .add-list-li .choose-one{
	float: right;
	padding-right: 20px;
	padding-top: 10px;
	display: none;
	color: #5AAFEE;
}
*/
/*classroom-detail end*/

.popup-bar{
    height: 40px;
    color: #fff;
    background: #5AAFEE;
    font-size: 16px;
    line-height: 40px;
    padding-left: 35px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
/*.popup-bar{*/

    /*color:#4A90E2;*/
    /*background: #fff;*/
    /*font-size: 26px;*/
    /*text-align: center;*/
    /*margin-left:40px;*/
    /*margin-top:20px;*/

/*}*/
.popup-ok{
    float: right;
    display: block;
    height: 30px;
    width: 60px;
    font-size: 18px;
    background: #5AAFEE;
    color: #fff;
    line-height: 30px;
    text-align: center;
    border-radius: 8px;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
}
.popup-no{
    float: right;
    color: #5AAFEE;
    text-decoration: underline;
    padding: 5px 10px;
    cursor: pointer;
}
.popup{
    position: absolute;
    left: 0;
    width:100%;
    height: 100%;
    z-index: 10;
    display: none;
}
.popup-down{
    position: relative;
    width:100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
}
.popup-up{
    background: #fff;
    border-radius: 6px;
    z-index: 12;
    position: absolute;
    top: 36%;
    left: 0px;
}
.popup-close{
    display: inline-block;
    height: 24px;
    width: 24px;
    float: right;
    /*background-image: url(../image/table.png);*/
    /*background-position: -560px -396px;*/
    background: url(/static/image/close1.png) no-repeat center center;
    background-size: 12px 12px;
    margin-top: -19px;
    margin-right: 3px;
    cursor: pointer;
}



/*student-room-detail start*/

p.down-load{
    display: inline-block;
    background: #ccc;
    border-radius:4px;
    float:right;
    margin-top: 0px;
    font-size: 14px;
}
p.down-load a{
    color:#fff;
    display:inline-block;
    text-decoration: none;
    margin:0 2px;
    padding: 0 3px;
}
p.down-load:hover {
    background: #6AB7EF;
}
.student-room-detail .attach-li{
    list-style: none;
    height: 60px;
    font-size: 16px;
    padding: 20px 20px 0 20px ;
    border-bottom: 1px solid #ededed;
}
.attach-li-h{
    list-style: none;
    height: 60px;
    font-size: 16px;
    padding: 20px 20px 0 20px;
    border-bottom: 1px solid #ededed;
}
.attach-li-a{
    list-style: none;
    height: 60px;
    font-size: 16px;
    padding: 20px 20px 0 20px;
    border-bottom: 1px solid #ededed;
}
.attach-li-a .attach-num {
    float: left;
    display: block;
}
.attach-li-a .attach-name{
    width: 50%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    float: left;
}
.attach-li-a .attach-size {
    display: inline-block;
    font-size: 12px;
    color: #ccc;
    float: left;
    line-height: 25px;
}
.home-time,.attach-time{
    float:right;
    margin-right: 15px;
    color:#ccc;
    font-size: 14px;
    margin-top:2px;
}
.detail3 .all-file .homework .attach-num{
    float: left;
    display: block;
}
.detail3 .all-file .homework .attach-name,.detail3 .all-file .homework .home-name{
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
    white-space: nowrap;
    float: left;
    display: block;
    cursor: pointer;
    word-wrap: normal;/*兼容IE*/
}

.detail3 .all-file .homework .name-a{
    color: #333;
    text-decoration: none;
}

/*student-room-detail end*/


/*homework-detail-student start*/
.assignment-student{
    width:70%;
    margin:0 auto;
    margin-top:25px;
    color: #47494d;
    font-size: 16px;
    position: relative;
}
.assignment-student .student-manage,.assignment-student .file-manage,
.assignment-student .work-list{
    padding: 25px 0px;
}
.assignment-student .student-manage .pass-rate{
    color:#5AAFEE;
    margin-bottom:15px;
    font-size: 14px;
}
.assignment-student .work-title{
    text-align: center;
    font-size: 17px;
    margin-bottom: 26px;
    display: block;
    font-weight: bold;
}
.outTime{
    font-size: 12px;
    color: #999;
    padding-top: 14px;
}
.outTime:before{
    content: "";
    background-image: url(../image/table.png);
    background-position: -703px -666px;
    display: block;
    width: 16px;
    height: 18px;
    float: left;
}
.assignment-student .student-manage .work-title{
    font-size: 20px;
}
.assignment-student .student-manage .work-deadline,
.assignment-student .student-manage .work-soft-deadline{
    margin-bottom:10px;
    color: #333;
}
.assignment-student .student-manage .work-require{
    margin-bottom:10px;
    color: #333;
}
.assignment-student .work-bar{
    display: inline-block;
    float: left;
    width: 80px;
    position: absolute;
}
.assignment-student .work-content{
    display: inline-block;
    width: 100%;
    padding-left: 82px;
}
.assignment-student .file-manage-list{
    height:250px;
    border:1px solid #ccc;
    margin-top:12px;
    border-radius: 5px;
    padding:20px 15px;
    overflow:auto;
    position: relative;
}
.assignment-student .file-manage-list .outTime{
    float: right;
    color: red;
    font-size: 14px;
}
.assignment-student .file-manage-list .outTime:before{
    content: "";
    background-image: url(../image/table.png);
    background-position: -703px -666px;
    display: block;
    width: 16px;
    height: 18px;
    float: left;
}
.assignment-student .work-list thead{
    color:#20335C;
    font-size: 16px;
}
.assignment-student .work-list thead th{
    font-weight: normal;
    border: 0px;
    border-bottom: 1px solid #ddd;
}
.assignment-student .work-list tbody tr td{
    border: 0px;
    border-bottom: 1px solid #ddd;
    text-align:center;
}
.assignment-student .work-list tbody tr td .work-name{
    width:300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display:inline-block;
    word-wrap: normal;/*兼容IE*/
}
.warn-p{
    font-size: 12px;
    margin-bottom: 30px;
    color: #888;
}
.warn-p .attention:before{
    content: "";
    background-image: url(../image/table.png);
    background-position: -678px -666px;
    display: block;
    width: 16px;
    height: 64px;
    float: left;
}
.assignment-student .pass{
    color: #5AAFEE;
}
.assignment-student .nopass{
    color: #c5c5c5;
}
label.attachment-btn-s{
    width:100%;
    margin-bottom: 0;
    cursor: pointer;
}
.detail-btn-s{
    background: #5AAFEE;
    border-radius: 4px;
    cursor: pointer;
    width:80px;
    height:28px;
    float:right;
}
.detail-btn-no{
    background: #ccc;
    border-radius: 4px;
    width:80px;
    height:28px;
    float:right;
}
span.detail-icon-s{
    display:inline-block;
    background-image: url(/static/image/table.png);
    background-position: -1515px -212px;
    height: 30px;
    width: 32px;
    transform: scale(0.6);
    -ms-transform: scale(0.6);
    float:left;
    margin-left: 6px;
}
span.attachment-content-s{
    float:left;
    margin-top: 5px;
    color:#fff;
    font-size: 14px;
}
.assignment-student .uploading{
    background: #666666;
    color: #fff;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    display: none;
    margin: 0 auto;
    position: absolute;
    top: 0px;
    left: 42%;
}
.assignment-student .upload-success:before{
    content: "";
    background-image: url(../image/table.png);
    background-position: -724px -665px;
    display: block;
    width: 16px;
    height: 18px;
    position: absolute;
    top: 6px;
    left: 12px;
}
.assignment-student .attach-li-s .attach-delete{
    display: inline-block;
    background-image: url(../image/table.png);
    background-position: -1829px -215px;
    height: 30px;
    width: 32px;
    margin-right: 50px;
    cursor: pointer;
    float:right;
    transform: scale(0.8);
    -ms-transform: scale(0.8);
}
.assignment-student .attach-li-s .attach-delete:hover{
    background-position: -1829px -177px;
}
.assignment-student .attach-li-s{
    list-style: none;
    height: 45px;
    padding: 15px 20px 0 20px ;
    border-bottom: 1px solid #ededed;
}
.assignment-student .attach-li-s .attach-name{
    width: 50%;
    display: inline-block;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;/*兼容IE*/
}
.assignment-student .attach-li-s .attach-size{
    width: 10%;
    display: inline-block;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;/*兼容IE*/
}
/*homework-detail-student end*/



/*homework-detail-teacher start*/
.assignment-teacher{
    width:70%;
    margin:0 auto;
    margin-top:25px;
}
.assignment-teacher .teacher-manage{
    padding: 25px 0px;
    border-bottom: 1px dashed #ccc;
}
.assignment-teacher .title-list{
    font-size: 16px;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.assignment-teacher .work-name{
    text-align: center;
    font-size: 20px;
    margin-bottom:25px;
    display:block;
    font-weight: bold;
}
.assignment-teacher .assignment-concent .work-name{
    font-size: 17px;
}
.work-info{
    width: 90%;
    float: left;
}
.assignment-teacher .work-edit{
    display: inline-block;
    background: #ccc;
    padding: 0px 5px 0 1px;
    border-radius: 4px;
    cursor: pointer;
    float: right;
}
.assignment-teacher .work-edit:hover{
    background: #6AB7EF;
}
.assignment-teacher .work-edit span{
    margin-top: -4px;
}
.assignment-teacher .work-edit p{
    display: inline-block;
    line-height: 20px;
    color: #fff;
    font-size: 14px;
}
.assignment-teacher .soft-time-as,.assignment-teacher .time-as{
    width:100%;
    height:30px;
    display: none;
}
.assignment-teacher .work-bar{
    display: inline-block;
    float: left;
    width: 80px;
    position: absolute;
}
.assignment-teacher .work-content{
    display: inline-block;
    width: 100%;
    padding-left: 82px;
}
.assignment-teacher .work-require .eidt-content{
    display: none;
    position: relative;
}
.eidt-content .controlNum{
    position: absolute;
    right: -86px;
    top: 15px;
    color: #b5b5b5;
}
.assignment-teacher .work-require .content-text{
    width: 100%;
    border-radius: 2px;
    border: 1px #ccc solid;
    margin-top: 10px;
    resize: none;
}
.assignment-teacher .assignment-concent{
    padding: 30px 0px;
}
.assignment-teacher .assignment-concent thead{
    color:#20335C;
    font-size: 16px;
    font-weight:normal;
}
.assignment-teacher .assignment-concent thead tr th{
    border: 0px;
    border-bottom: 1px solid #ddd;
    text-align:left;
    font-weight:normal;
}
.assignment-teacher .assignment-concent .number{
    width: 5%;
    text-align: center;
}
.assignment-teacher .assignment-concent .name{
    width: 35%;
    text-align: left;
}
.assignment-teacher .assignment-concent .name a{
    width: 300px;
    text-align: left;
    display: inline-block;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;


}
.assignment-teacher .assignment-concent .type{
    width: 20%;
    text-align: center;
}
.assignment-teacher .assignment-concent .little-type{
    width: 20%;
    text-align: center;
}
.assignment-teacher .assignment-concent .more{
    width: 20%;
    text-align: center;
}
.assignment-teacher .assignment-concent .more .btn{
    padding: 2px 12px;
}

.assignment-teacher .assignment-concent tbody{
    background:#f1f1f1;
}
.assignment-teacher .assignment-concent tbody tr td{
    border: 0px;
    border-bottom: 1px solid #ddd;
}
.assignment-teacher .assignment-concent .attach-manage.btn,
.assignment-teacher .assignment-concent .export-score.btn{
    padding: 4px 8px;
    float: right;
    margin: 10px;
}
/*homework-detail-teacher end*/

/*教师附件管理 start*/
.assignment-teacher .attach-manage .student-name{
    width: 10%;
    text-align: left;
}
.assignment-teacher .attach-manage .attach-name{
    width: 35%;
    text-align: left;
}
.assignment-teacher .attach-manage tbody .attach-name span{
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    cursor: pointer;
    word-wrap: normal;
    width: 300px;
}
.assignment-teacher .attach-manage .attach-size{
    width: 15%;
    text-align: center;
}
.assignment-teacher .attach-manage .upload-time{
    width: 30%;
    text-align: center;
}
.assignment-teacher .attach-manage .download{
    width: 10%;
    text-align: center;
}
.assignment-teacher .attach-manage .download a{
    padding: 2px 8px;
}
/*教师附件管理 end*/

/*preview start*/
.preview{
    margin: 40px auto;
    width: 76%;
}
.preview h2{
    border-bottom: 1px dashed #dcdcdc;
    padding-bottom: 10px;
}
.preview .category,.preview .title{
    margin-top: 20px;
    font-size: 16px;
    color: #666;
}
.preview .description{
    font-size: 16px;
    color: #666;
}
.preview .category-bar{
    width: 110px;
    display: inline-block;
}
.preview .category-content{

    font-size: 14px;
    color: #999;
}

.preview .title span{
    border: 1px solid #dcdcdc;
    margin-left: 35px;
    width:51%;
    display:inline-block;
    height: 30px;
    font-size: 14px;
    color: #999;
    padding: 5px;
}
.preview .description .m-1{
    border: 1px solid #dcdcdc;
    margin-left: 35px;
    margin-top:20px;
    width:51%;
    display:inline-block;
    font-size: 14px;
    color: #999;
    padding: 5px;
    float:left;
    overflow-x:auto;
}
.preview .description .m-1 p{
    color: #999;
}
.preview .title-description {
    float:left;
    margin-top:18px;
    font-size: 16px;
    color: #666;
}
.preview p a .btn{
    color: #999;
}
.preview a#submit-btn span.btn, a.rewrite span.btn{
    background: #62bcfb;
    width:66px;
    margin: 15px 10px 10px 15px;
}
.preview p span.check{
    background:url(../image/table.png);
    background-position: -335px -652px;
    display: inline;
    float: left;
    width: 25px;
    height: 30px;
}

/*preview end*/

/*set-question start*/
.content-page1-child3{
    padding:0 20px;
}
.set-question{
    width:920px;
    margin: 0 auto;
}
.set-question .set-question-l textarea{
    resize:vertical;
}
.set-question .set-question-l{
    width:440px;
    margin-right:15px;
    display: inline-block;
    float:left;
}
.set-question .set-question-r{
    width:450px;
    margin-left:15px;
    display: inline-block;
    float:left;
}
.set-question .up-class-l{
    width:100%;
}
.set-question .uploadBtnDiv{
    width:100%;
}
.set-question .desPre{
    width:100%;
}

.set-question select#categorySelect{
    width: 200px;
    font-size: 16px;
}
.set-question select#sub_category{
    width: 200px;
    font-size: 16px;
}
.set-question #text-input{
    width: 100%;
    height: 221px;
    padding-left: 5px;
    padding-top: 5px;
}
.set-question input#title{
    width: 100%;
    height: 34px;
}
.set-question form label{
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 30px;
    display: inline-block;
}
.set-question .up-class-l .controlNum{
    float: right;
    margin-top: 30px;
    color: #b5b5b5;
}
.set-question label[for="categorySelect"]{
    margin-top: 20px;
}
.uploadBtnDiv{
    margin-top: 30px;
}
.testUp{
    font-size: 16px;
    font-weight: 700;
    width: 120px;
    display:inline-block;
    float:left;
}
.trainUp{
    font-size: 16px;
    font-weight: 700;
    width: 120px;
    display:inline-block;
    float:left;
}
.set-question .uploadBtnDiv input{
    display: inline-block;
    font-size: 12px;
    border: 2px solid #959596;
    background-color: #fff;
    width: 140px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin:0 20px 10px 0;
}
.set-question .uploadBtnDiv p{
    display: inline-block;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    vertical-align: top;
    width: 80%;
    margin-left: 20px;
}
.set-question .uploadoOut{
    margin-bottom: 10px;
}
.set-question .shadeUp{
    position: absolute;
    z-index: 2;
    width: 140px;
    height: 23px;
    display: none;
}
.set-question .uploadLabel{
    margin: 0px;
    float: left;
}
.set-question .uploadLabel .uploadBtn{
    display: inline-block;
    font-size: 12px;
    border: 2px solid #959596;
    background-color: #fff;
    width: 140px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    cursor: pointer;
}
.set-question #preview{
    border: 1px solid #dcdcdc;
    background-color: #f8f7f7;
    width: 100%;
    height: 500px;
    overflow-y:auto;
    overflow-x:hidden;
    padding: 5px;
}
.set-question .desPre p.desTitle{
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: 700;
}

.set-question #save,.set-question #submit{
    clear: both;
    width:68px;
    height: 32px;
    font-size: 16px;
    color: #fff;
    margin-right: 30px;
    margin-bottom: 10px;
    text-align: center;
    padding: 3px 0 3px 0;
}
.set-question ul#errorRemind li{
    list-style-type:none;
}
.result-file{
    margin-top: 20px;
}
/*set-question end*/

/*boss-index start*/
.boss{
    background-color: #f0f3f7;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.boss-index{
    padding: 0px 50px;

}
.boss-index .boss-dex{
    height:100px;
    margin-top:40px;
    width:20%;
    display: inline-block;
    float:left;
}
.boss .question-detail{
    padding:0 50px 0 50px;
    background-color: #f0f3f7;
}
.boss .set-question{
    padding:0 20px 0 20px;
    background-color: #f0f3f7;
}
/*boss-index end*/


/*提示框 start*/
.modal-open .confirmation-modal .modal-dialog{
    margin:0 auto;
    height: 100%;
}
/*
.modal-header button.close{
	opacity:1;
	outline: none;
	margin-top: 2px;
    background-image: url(../image/table.png);
	background-position: -562px -398px;
    height: 20px;
	border-radius: 18px;
    width: 20px;
	background-color: #999;
}
*/
.modal-content{
    top: 36%;
    width:340px;
    margin:0 auto;
    border: 0px;
    box-shadow: none
}
.modal-backdrop {
    background-color: #474a4a;
}
/*
.modal-header{
	background: #5AAFEE;
	height:40px;
	padding:7px 15px;
}
*/
.modal-body{
    text-align: center;
    font-size: 16px;
}
.modal-footer{
    border-top: none;
    text-align: center;
    padding-top: 0px;
}
.modal-footer .confirm{
    margin: 0 auto;
    display: block;
    display: inline-block;
    font-size: 14px;
    padding-top: 9px;
    padding-bottom: 9px;
    border-radius: 20px;
    width: 156px;
}
.modal-footer .confirm:hover{
    background-color: #6AB7EF;
    color: #FFF;
}
.modal-footer button.btn.cancel{
    margin-left: 24px;
    display: inline-block;
    width: 156px;
    font-size: 14px;
    padding-top: 9px;
    padding-bottom: 9px;
    border-radius: 20px;
}
.modal-footer .cancel:hover{
    color: #fff;
    background-color: #5AAFEE;
}
.modal-footer .confirm:focus{
    outline: none;
}
.modal-footer .cancel:focus{
    outline: none;
}
/* 自定义jquery.confirm 模态框 start */
.confirmation-modal .modal-dialog .modal-content .modal-header{
    background-color: #FFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 0px;
}
.confirmation-modal .modal-header h4{
    font-size: 16px;
    font-weight : 400;
}
.confirmation-modal .modal-header button.close{
    background-image: url(../image/table.png);
    background-position: -298px -758px;
    display: inline-block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 15px;
    right: 25px;
    z-index: 100;
    background-color: #fff;
    margin-right: 4px;
}
.confirmation-modal .modal-header button.close:hover {
    background-position: -272px -758px;
}
.confirmation-modal .modal-content {
    width: 430px;
    height: 260px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 6px;
}
.confirmation-modal .modal-dialog .modal-content .modal-body{
    text-align:center;
    line-height: 21px;
    font-size : 14px;
    height: 124px;
    display: table-cell;
    vertical-align: middle;
    width:370px;
}
.confirmation-modal .modal-footer {
    border-top: none;
}
/* 自定义jquery.confirm 模态框 end */
/*提示框 end*/

/*数据探索 start*/
#loading{
    position: relative;
    width: 100%;
    /*height: 100%;*/
    min-height: 800px;
    background-color: #fff;
    margin-top: 0px !important;
}
#loading img{
    position: absolute;
    top:50%;
    left: 50%;
    margin-left:-200px;
    margin-top:-80px;
}
/*数据探索 end*/

/*页脚链接footer页面*/
.footer-page{
    width: 100%;
    height: 100%;
    min-height: 600px;
    padding:30px 0 0 20px;
    background-color: #f8f8f8;
}
.introduction{
    width: 75%;
    height:100%;
    margin:0 auto;
}
.introduction .nav-left{
    width: 22%;
    height: auto;
    font-weight: 700;
    border:0px solid #ccc;
    box-shadow: 0px 3px 1px #ccc;
    background-color: #fff;
    float: left;
}
.introduction .nav-left .product-design{
    margin-bottom: 0px;
}
.introduction .nav-left ul li{
    margin:0 auto;
    border-bottom: 1px solid #EAEAEA;;
    line-height: 50px;
    list-style: none;
    padding-left: 20px;
    font-weight: 400;
}
.introduction .nav-left ul li:not(.active):not(.fold-contents):hover{
    background: #F9F9F9;
}
.introduction .nav-left ul li:not(.active):not(.fold-contents):hover a{
    color: #5AAFEE;
}
.introduction .nav-left ul li a{
    display: block;
    width:100%;
    text-decoration: none;
    color:#333333;
}
.introduction .nav-left ul li.active{
    background: #5AAFEE;
}
.introduction .nav-left ul li.active a{
    color: #fff;
}
.introduction .nav-left ul li:nth-child(6){
    border-bottom: 0px;
}
.introduction .nav-left .use-design{
    margin-left: -20px;
}
.introduction .nav-left .use-design li{
    line-height: 30px;
    border:none;
    color:#ccc;
}
.introduction .nav-left .use-design li a{
    padding-left: 20px
}

.introduction .content-detail{
    width: 75%;
    height: 90%;
    border:0px solid #ccc;
    box-shadow: 0px 3px 1px #ccc;
    background-color: #fff;
    float: right;
    margin-bottom: 10px;
    min-height: 800px;
}
.introduction .content-detail .product{
    padding:0 20px;
}
.introduction .content-detail .product h4{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #EAEAEA;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-top:0px;
    margin-bottom: 0px;
}
.introduction .content-detail .product .detail-content{
    padding: 20px 30px 5px;
}
.introduction .content-detail .product .detail-content h5{
    font-weight: 600;
    margin-bottom: 18px;
    font-size: 16px;
}
.introduction .content-detail .product .detail-content .first-line{
    margin-top: 0px;
}
.detail-content p{
    font-size: 14px;
    color: #656363;
    white-space: 2px;
    margin-bottom: 20px;
}
.introduction .content-detail .product .detail-content .row{
    margin: 0px;
}
.introduction .content-detail .product .detail-content .subtitle {
    font-weight: 700;
    padding-right: 20px;
}
.detail-content .rules-list {
    padding-left:2em;
}
.introduction .content-detail .product .detail-content form input{
    width:100%;
    height:40px;
    margin-bottom: 10px;
    padding: 6px 12px;
    border-radius: 5px;
}
.introduction .content-detail .product .detail-content form h5{
    color:#777;
}
.introduction .content-detail .product .detail-content form textarea{
    margin-bottom: 20px;
    resize: none;
    width: 100%;
    padding: 6px 12px;
    border-radius: 5px;
}
.introduction textarea::-webkit-input-placeholder,
.introduction input::-webkit-input-placeholder {
    color: #BBBBBB;
    font-weight: 200;
    font-size: 14px;
}
.introduction textarea:-moz-placeholder,
.introduction input:-moz-placeholder {
    /* FF 4-18 */
    color: #BBBBBB;
    font-weight: 200;
    font-size: 14px;
}
.introduction textarea::-moz-placeholder,
.introduction input::-moz-placeholder {
    /* FF 19+ */
    color: #BBBBBB;
    font-weight: 200;
    font-size: 14px;
}
.introduction textarea:-ms-input-placeholder,
.introduction input:-ms-input-placeholder {
    /* IE 10+ */
    color: #BBBBBB;
    font-weight: 200;
    font-size: 14px;
}
.introduction .content-detail .product .detail-content form button{
    margin-left: 80px;
    /*margin-top: 10px;*/
    outline:none;
}
.introduction .content-detail .product .detail-content form .msgError{
    color:#ff4040;
    margin-left: 80px;
    display: none;
}
.introduction .content-detail .product .detail-content form .msgSucc{
    color:#41B36F;
    margin-left: 80px;
    display: none;
}
.introduction .content-detail .product .detail-content #myFtForm{
    position: relative;
    margin-left: 20px;
}
.introduction .content-detail .product .detail-content #myFtForm .form-group:first-child{
    margin-top: 5px;
    margin-bottom: 12px;
}
.introduction .content-detail .product .detail-content form label{
    position: relative;
    padding-left: 8px;
    font-weight: 400;
    /*margin-right: 3px;*/
    width: 80px;
}
.introduction .content-detail .product .detail-content form .mustWrite-email{
    font-style: normal;
    position: relative;
    left: -5px;
    top: 3px;
    color: #ff4040;
    font-size: 16px;
    font-weight:200;
}
/*.use-design {display:none;}*/
.product .tool-versions:last-child {padding-bottom:20px;}
.tool-versions .tool-detail  {border:1px solid #ccc;border-right:none;}
.tool-versions .row {border-right:1px solid #ccc;}
.tool-versions ul li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tool-versions ul li span {padding-right:6px;}
.guide-list-footer {display:none;}
.guide-list-footer.active {display:block;}
.guide-detail .show-img {padding-bottom:20px;}
.guide-detail .show-img img{border: 1px solid #ccc;}
.guide-detail p {margin-bottom:10px;}

.guide-detail .tool-versions.package-version table{
    border : 1px solid #ccc;
    padding : 0px;
    width: 100%;
    margin-bottom: 15px;
}
.guide-detail .tool-versions.package-version div{
    padding : 0px;
}

.guide-detail .tool-versions.package-version td{
    padding-left: 5px;
    border: 1px solid #ccc;
}
.guide-detail .tool-versions.package-version th{
    border: 1px solid #ccc;
}

/*end 页脚链接footer页面*/

/*学生提交附件作业页面 start*/
.attachment-detail{
    width: 70%;
    margin: 0 auto;
}
.attachment-detail h4{
    text-align: center;
    margin: 30px 0px;
    font-size: 20px;
}
.attachment-detail .title{
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ccc;
}
.attachment-detail .title:after{
    display: block;
    position: absolute;
    bottom: -1px;
    width: 80px;
    height: 2px;
    background-color: #5AAFEE;
    content: "";
}
.attachment-detail .content{
    padding: 30px 0px 75px 0px;
}
.attachment-detail .attach-name{
    font-size: 16px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    cursor: pointer;
}
.attachment-detail .attach-size,.attachment-detail .attach-datetime{
    line-height: 26px;
    color: #888;
}
.attachment-detail .btn{
    padding: 2px 14px;
}
.attachment-detail .fileWarn {
    text-align: center;
    font-size: 14px;
    color: red;
    padding-top: 10px;
}
.attachment-detail .upload{
    text-align: center;
    margin-bottom: 30px;
}
.attachment-detail .upload .attachment-btn{
    line-height: 28px;
}
.attachment-detail .upload-icon{
    display: block;
    float: left;
    background-image: url(/static/image/table.png);
    background-position: -1515px -212px;
    height: 30px;
    width: 32px;
    transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
}
/*学生提交附件作业页面 end*/

/*教师查看学生提交 start*/
.teacher-problem-detail{
    width: 70%;
    margin: 0 auto;
}
.teacher-problem-detail h4 {
    text-align: center;
    margin: 30px 0px;
    font-size: 20px;
}
.teacher-problem-detail .student-submit .title{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
    margin-top: 50px;
}
.teacher-problem-detail .student-submit .attach-title{
    float: left;
}
.teacher-problem-detail .student-submit .attach-download{
    margin-top: 50px;
}
.teacher-problem-detail .student-submit .downloadAllOut{
    width: 15%;
    float: right;
    position: relative;
    right: 10%;
}
.teacher-problem-detail .student-submit .downloadAll{
    margin: 0 auto 16px;
    display: block;
    width: 80px;
}
.teacher-problem-detail .student-submit .downloadAllOut .questionMark{
    position: absolute;
    top: 2px;
    right: 10px;
}
.teacher-problem-detail .student-submit #content_page .score{
    position: relative;
}
.teacher-problem-detail .student-submit #content_page .questionMark{
    position: absolute;
    top: 22%;
    left: 80%;
}
.teacher-problem-detail .student-submit #content_page .tooltip .tooltip-inner{
    width: 150px;
    text-align: left;
}
.questionMark{
    background-image: url(../image/table.png);
    background-position: -748px -664px;
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
}
.teacher-problem-detail .student-submit .target-index{
    margin-left: 110px;
}
.teacher-problem-detail .student-submit .target-title{
    float: left;
    font-weight: 500;
    margin-right: 10px;
}
.teacher-problem-detail .select-target{
    width: 100%;
    border: 1px dashed #ddd;
    margin-bottom: 20px;
    line-height: 42px;
    padding: 0 20px;
}
.teacher-problem-detail .select-target label{
    font-weight: normal;
    margin-right: 16px;
    cursor: pointer;
    margin-bottom: 0px;
}
.teacher-problem-detail .select-target .checkSpan{
    width: 15px;
    height: 15px;
    background: url(/static/image/table.png);
    background-position: -447px -531px;
    display: block;
    float: left;
    margin: 14px 2px 0px;
}
.teacher-problem-detail .select-target .hasChecked{
    background-position: -417px -531px;
}
.teacher-problem-detail #content_page .table-head{
    margin-bottom: 0px;
}
.teacher-problem-detail #content_page #order_content table{
    border-top: 0px;
}
.teacher-problem-detail #content_page #order_content td{
    border-top: 0px;
}
.teacher-problem-detail .student-submit table .triangle-up:after{
    content: "";
    display: inline-block;
    /*margin-left: 4px;*/
    margin-bottom: 2px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 6px 5px 0px;
    border-color: #ccc transparent transparent;
}
.teacher-problem-detail .student-submit table .triangle-down:after{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 5px 6px;
    border-color: transparent transparent #5AAFEE;
}
.teacher-problem-detail .student-submit table th{
    border-left: 0px;
    border-right: 0px;
}
.teacher-problem-detail .student-submit table td{
    border-left: 0px;
    border-right: 0px;
    text-align: center;
}
.teacher-problem-detail .student-submit .table-bordered>thead>tr>th{
    border-bottom-width: 1px;
    cursor: pointer;
}
.teacher-problem-detail .student-submit .score-input{
    width: 50px;
    text-align: center;
}
.teacher-problem-detail .student-submit .btn{
    padding: 2px 10px;
}
/*教师查看学生提交 end*/


/*帮助页面start*/
.help-content{
    width: 100%;
    height: 100%;
    min-height: 600px;
    background-color: #f8f8f8;
}
.help-content .banner{
    width: 100%;
}
.help-content .banner img{
    width: 100%;
}
.help-content .docs{
    width: 75%;
    height: 100%;
    margin: 0 auto;
    padding: 40px 0 0 20px;
}
.help-content .docs .nav-left{
    width: 22%;
    height: auto;
    font-weight: 700;
    border: 0px solid #ccc;
    box-shadow: 0px 3px 1px #ccc;
    background-color: #fff;
    float: left;
    padding-bottom: 20px;
}
.help-content .docs .nav-left .nav-li a{
    color: #000;
    text-decoration: none;
}
.help-content .docs .nav-left .nav-li{
    width: 85%;
    margin: 0 auto;
    border-bottom: 1px solid #e8e8e8;
    list-style: none;
    height: 50px;
    line-height: 50px;
    color: #000;
    cursor: pointer;
}
.help-content .docs .nav-left .nav-li:nth-child(2){
    border-bottom: 0px;
}
.help-content .docs .nav-left .active a,
.help-content .docs .nav-left .nav-li-ul li.active a{
    color: #5AAFEE;
}
.help-content .docs .nav-left .nav-li.active:before{
    content: "";
    width: 3px;
    height: 100%;
    background: #5AAFEE;
    display: block;
    float: left;
    margin-left: -9%;
}
.help-content .docs .nav-left .nav-li-ul{
    width: 75%;
    margin: 0 auto;
}
.help-content .docs .nav-left .nav-li-ul li{
    list-style: none;
    height: 30px;
    line-height: 30px;
    color: #929191;
    cursor: pointer;
}
.help-content .docs .nav-left .nav-li-ul li a{
    color: #929191;
}
.help-content .docs .nav-left .nav-li-ul li:hover a{
    color: #5AAFEE;
}
.help-content .docs .content{
    width: 75%;
    height: 90%;
    float: right;
    overflow: scroll;
}
.help-content .docs .content .answerStatus,.help-content .docs .content .failReason{
    box-shadow: 0px 3px 1px #ccc;
    margin-bottom: 20px;
    border: 0px solid #ccc;
    background-color: #fff;
    padding: 10px 30px 30px;
}
.help-content .docs .content section{
    padding: 0 20px;
}
.help-content .docs .content p{
    padding: 10px 0px;
    /*padding-bottom: 16px;*/
}
.help-content .docs .content .table{
    text-align: center;
}
.help-content .docs .content .table th,.help-content .docs .content .table td{
    height: 46px;
}
.help-content .docs .content .fail-reason{
    padding: 0px;
    color: #a60101;
}
.help-content .docs .content .exercise-reason{
    padding: 0px;
    color: #168b45;
}
.help-content .docs .content a{
    padding-bottom: 20px;
    display: block;
}
.help-content .docs .content h2{
    font-weight: normal;
    font-size: 22px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
}
.help-content .docs .content h3{
    font-weight: normal;
    font-size: 18px;
    padding: 14px 0px;
}
.help-content .docs .content h4{
    font-size: 16px;
}
.help-content .docs .content .margin-top{
    margin-top: 40px;
}
/*帮助页面end*/

/*首页的slider滑动*/
.carousel-out .carousel{
    min-height: 360px;
    width: 100%;
    overflow: hidden;

}
.carousel-out .carousel ul{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.carousel-out .carousel ul li{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
}
.carousel-control-block li {
    width: 8px;
    height: 8px;
    background: #5AAFEE;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 4px;
}
.carousel-control-block {
    position: absolute;
    left: 50%;
    bottom: 15%;
    margin-left: -10px;
    width: 32px;
}
.carousel-control-block li.active{
    height: 16px;
    margin-top: -8px;
}

/**申请加入机构获取邀请码*/
.apply-organization-invitation-code {
    float: right;
    margin-right: 20px;
}
.get-organization-invitation-code {
    position: relative;
    top: 35px;
    cursor: pointer;
    background: url(/static/image/get-invitation-code.png) no-repeat;
    background-size: 47px 21px;
    width: 50px;
    height: 30px;
    display: block;
}
.get-organization-invitation-code:hover {
    background: url(/static/image/get-invitation-code-hover.png) no-repeat;
    background-size: 47px 21px;
}
.apply-join-organization-modal, .verify-apply-join-organization-modal {
    z-index: 11 !important;
}
.apply-join-organization-modal .apply-form {
    width: 567px;
    min-height: 395px;
    background: #FFFFFF;
    /*box-shadow: 0 7px 17px 0 rgba(137,192,232,0.61) !important;*/
    border-radius: 10px;
    margin: auto;
    font-weight: 200;
    border: none;
    margin-top: 30px;
    margin-bottom: 100px;
}
.apply-join-organization-modal .apply-content {
    margin-left: -287px;
}
.apply-join-organization-modal .s-title {
    font-family: MicrosoftYaHei;
    width: 480px;
    height: 20px;
    padding: 40px 0;
    margin: auto;
    text-align: left;
    font-size: 24px;
    color: #666666;
    line-height: 16px;
    cursor: pointer;
}
.apply-join-organization-modal .s-title-style {
    color: #333333;
    font-weight: 600;
    border-bottom: none;
    padding-bottom: 5px;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
}

.apply-join-organization-modal .s-title-tip-style {
    font-size: 18px;
    padding: 0;
    margin-left: 0;
}
.apply-join-organization-modal .basic-apply-form.student,
.apply-join-organization-modal .basic-apply-form.other {
    display: none;
}
.apply-join-organization-modal .apply-form input[type=radio] + span::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #EAEAEA;
    margin-left: -12px;
}
.apply-join-organization-modal .apply-form input[type=radio]:checked + span::before {
    background-color: #5AAFEE;
    background-clip: content-box;
    padding: 4px;
    border: 1px solid #5AAFEE;
}
.apply-join-organization-modal .apply-form input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
.apply-join-organization-modal .apply-form .select-text {
    text-align: center;
    position: relative;
    right: 40px;
}
.apply-join-organization-modal .apply-form .select-text label {
    width: 85px !important;
    cursor: pointer;
    left: 10px;
    position: relative;
}
.apply-join-organization-modal input[type=text] {
    width: 320px;
    height: 40px;
    outline: none;
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    margin-left: 110px;
    padding: 20px 10px;
    margin-top: 15px;
    letter-spacing: 1px;
}
.apply-join-organization-modal input[type=text]:hover,
.apply-join-organization-modal input[type=text]:active {
    border: 1px solid #5AAFEE;
}
.apply-join-organization-modal .basic-apply-form.student .grade {
    display: inline-block;
    position: relative;
    left: -32px;
    width: 120px;
    height: 40px;
    outline: none;
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    padding: 20px 10px;
    margin-top: 15px;
    letter-spacing: 1px;
    background: none;
}
.apply-join-organization-modal .basic-apply-form.student .study-year {
    display: inline-block;
    position: absolute;
    left: 171px;
    width: 185px;
    height: 40px;
    outline: none;
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    padding: 20px 10px;
    margin-top: 15px;
    letter-spacing: 1px;
    background: none;
}
.apply-join-organization-modal .apply-form .basic-apply-form span {
    left: 77px;
    position: relative;
}
.apply-join-organization-modal .apply-form .button-area {
    height: 100px;
    text-align: center;
}
.apply-join-organization-modal .apply-form .button-area .apply-confirm-button {
    height: 40px;
    width: 156px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
    margin-top: 15px;
    background: #497CD6;
    border-radius: 100px;
    cursor: pointer;
}
.apply-join-organization-modal .apply-form .button-area .apply-confirm-button:hover {
    background: #699AEF;
}
.apply-join-organization-modal .apply-form .basic-apply-form .organization-name-list {
    position: absolute;
    background: #fff;
    left: 146px;
    border: 1px solid #ddd;
    width: 320px;
    z-index: 13;
    max-height: 282px;
    overflow: auto;
}
.apply-join-organization-modal .apply-form .basic-apply-form .organization-name-list .organization-item {
    cursor: pointer;
    height: 40px;
    padding: 10px;
}
.apply-join-organization-modal .apply-form .basic-apply-form .organization-name-list .organization-item:hover {
    color: #fff;
    background: #5AAFEE;
}
.apply-join-organization-modal .apply-form .basic-apply-form .student-education-list {
    position: absolute;
    background: #fff;
    left: 146px;
    border: 1px solid #ddd;
    width: 120px;
    z-index: 13;
    max-height: 282px;
    overflow: auto;
}
.apply-join-organization-modal .apply-form .basic-apply-form .student-education-list li {
    cursor: pointer;
    height: 35px;
    padding: 8px 10px;
}
.apply-join-organization-modal .apply-form .basic-apply-form .student-education-list li:hover {
    color: #fff;
    background: #5AAFEE;
}
.apply-join-organization-modal .apply-form .basic-apply-form .student-study-year-list {
    position: absolute;
    background: #fff;
    left: 281px;
    border: 1px solid #ddd;
    width: 185px;
    z-index: 13;
    max-height: 142px;
    overflow: auto;
}
.apply-join-organization-modal .apply-form .basic-apply-form .student-study-year-list li {
    cursor: pointer;
    height: 35px;
    padding: 8px 10px;
}
.apply-join-organization-modal .apply-form .basic-apply-form .student-study-year-list li:hover {
    color: #fff;
    background: #5AAFEE;
}
.verify-apply-join-organization-modal .apply-content {
    width: 480px !important;
    background: #FFFFFF;
    box-shadow: 0 7px 17px 0 rgba(137,192,232,0.61) !important;
    border-radius: 10px;
    /*margin: auto;*/
    font-weight: 200;
    border: none;
    margin-top: 30px;
    margin-bottom: 100px;
    top: 26% !important;
    height: 320px !important;
    margin-left: -267px !important;
}
.verify-apply-join-organization-modal .s-title {
    text-align: left;
    margin-left: 20px;
}
.verify-apply-join-organization-modal .s-title-style {
    color: #333333;
    font-weight: 600;
    border-bottom: none;
    padding-bottom: 5px;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
}
.verify-apply-join-organization-modal .button-area {
    text-align: center;
}
.verify-apply-join-organization-modal .select-identity2 {
    height: 130px;
    text-align: center;
}
.verify-apply-join-organization-modal .select-identity2 .tip {
    color: #999999;
}
.verify-apply-join-organization-modal .button-area .verify-apply-confirm-button {
    height: 40px;
    width: 156px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
    margin-top: 15px;
    background: #497CD6;
    border-radius: 100px;
    cursor: pointer;
}
.verify-apply-join-organization-modal .button-area .verify-apply-confirm-button:hover {
    background: #699AEF;
}
.verify-apply-join-organization-modal .select-identity2 .verify-result-icon.verify-join-org {
    width: 48px;
    height: 48px;
    background: url(/static/image/verify-join-org.png) no-repeat;
    background-size: 48px;
    margin: auto;
    margin-bottom: 20px;
}
.verify-apply-join-organization-modal .select-identity2 .verify-result-icon.pass-join-org {
    width: 48px;
    height: 48px;
    background: url(/static/image/pass-join-org.png) no-repeat;
    background-size: 48px;
    margin: auto;
    margin-bottom: 20px;
}
.verify-apply-join-organization-modal .select-identity2 .verify-result-icon.refuse-join-org {
    width: 48px;
    height: 48px;
    background: url(/static/image/refuse-join-org.png) no-repeat;
    background-size: 48px;
    margin: auto;
    margin-bottom: 20px;
}
.verify-apply-join-organization-modal .select-identity2 .verify-result-message {
    color: #333333;
    margin-bottom: 10px;
}
.verify-apply-join-organization-modal .select-identity2 .reply-message {
    color: #5AAFEE;
}
.verify-apply-join-organization-modal .select-identity2 .tip {
    color: #333333;
}
.verify-apply-join-organization-modal .button-area .hd-btn-blue {
    margin-right: 10px;
    margin-top: 10px;
    outline: none !important;
}
.verify-apply-join-organization-modal .button-area .btn-info {
    width: 156px;
    height: 40px;
    border-radius: 50px;
    margin-left: 10px;
    margin-top: 10px;
    outline: none !important;
}
.apply-join-organization-modal .required-star {
    color: red;
}

/*申请加入机构获取邀请码end*/

/* 案例页面 start */
.note-detail .note-content .description .description-textarea:focus,.note-detail .note-content .content-text .bar:focus{
    outline:none;
    border-color:rgba(110,167,234,.85);
    -webkit-box-shadow:0 0 8px rgba(110,167,234,.8);
    -moz-box-shadow:0 0 8px rgba(110,167,234,.8);
    -o-box-shadow:0 0 8px rgba(110,167,234,.8);
    box-shadow:0 0 8px rgba(110,167,234,.8);
    -webkit-transition:border linear .2s, -webkit-box-shadow linear .5s;
    -moz-transition:border linear .2s, -moz-box-shadow linear .5s;
    -o-transition: border linear .2s, -o-box-shadow linear .5s;
    transition:border linear .2s, box-shadow linear .5s;
}

.upload-dataset tbody tr{
    width: 100%;
}
.upload-dataset tbody tr .title-td{
    width: 45%;
}

.upload-dataset tbody tr td:nth-child(2){
    width: 30%;
}

.note-name:empty:before{
    content: attr(placeholder);
    color:rgb(204, 204, 204);
    font-size: 14px;
}
.note-name:focus:before{
    content:none;
}
/* 案例页面 end */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #A8A8A8;
    /*font-size:12px;*/
    font-weight: 100;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #A8A8A8;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #A8A8A8;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #A8A8A8;
}
.container1{
    width:1170px;
    margin:auto;
}
.lf{
    float:left;
}
.rf{
    float:right;
}
.content-list,.content-box1 {
    background: #F8F8F8;
    min-height: 620px;
}

.border{
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(153,153,153,0.25);
    border-radius: 10px;
}
.select-type span {
    margin-top: 24px;
    display: inline-block;
    font-size: 12px;
    color: #333333;
    margin-bottom: 12px;
    cursor: pointer;
    height: 25px;
    width: 67px;
    text-align: center;
    line-height: 25px;
}
.select-type .active1 {
    color: #5AAFEE;
    background: rgba(90,175,238,0.10);
    border-radius: 100px;
}
/*针对IE浏览器的兼容性问题*/
input::-ms-clear,input::-ms-reveal { display: none; }
input,button{-webkit-appearance:none;outline:none}
/*针对IE浏览器的兼容性问题 end*/
button{
    outline:none;
}
/*cookdata首页header适配手机端*/
@media (min-width:360px) and (max-width:435px) {
    .nav>li{
        display: inline-block;
    }
    .header .usermessage .mes-btn, .header .usermessage-out .mes-btn{
        display: none;
    }
    .navbar-default .navbar-left>li>a{
        padding: 1px 14px;
        line-height: 30px;
    }
    ul.navbar-left-margin.navbar-nav.navbar-left{
        height: 35px;
        margin-top: 22px;
        font-size:14px;
        margin-right: -5px;

    }
    ul.navbar-left-margin.navbar-nav.navbar-left li a{
        font-size: 12px;
        font-weight: 500;
    }
    ul.nav-bar{
        margin-top: 8px !important;
        float: left!important;
        margin-left: -5px;
        width: 200px;
    }
    .navbar-default .navbar-left>li>a:hover, .navbar-default .navbar-left>li>a:focus{
        background-color: transparent;
    }
    ul.nav-bar li{
        font-size:10px !important;
        width: 60px!important;
        height: 22px!important;
        line-height: 22px!important;
        padding: 0px 0px!important;
        margin-right: -1px!important;
        letter-spacing: 1px;
    }

    .navbar-toggle{
        margin-top: 25px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        border-color: #fff;
    }
    .header-style{
        margin-bottom:105px;
    }
    .header .userprofile{
        padding-top: 0px;
        margin-left: 11px;
        width: 80%;
    }

    .header .userprofile ul{
        margin-top: -112px;
        margin-right: 210px;
        margin-right: 125px;
        min-width: 100px;
        width: 100px;
        height: 87px;
        font-size: 7px;
    }
    .header .userprofile ul li {
        list-style: none;
        height: 28px;
        line-height: 32px;
    }
    .header .userprofile ul li a{
        padding: 3px 11px;
    }
    .header .userprofile ul li a span {
        display: inline-block;
        width: 10px;
        height: 15px;
        margin: 0px 10px 1px 5px;
    }
    .header .userprofile ul li:nth-child(2) span {
        background: url(/static/image/icon-account-setting.png) center center no-repeat;
        background-size: 10px 10px;
    }
    .header .userprofile ul li:nth-child(1) span {
        background: url(/static/image/icon-home-page.png) center center no-repeat;
        background-size: 10px 10px;
    }
    .header .userprofile ul li:nth-child(1):hover span{
        background: url("/static/image/icon-home-page1.png") center center no-repeat;
        background-size: 10px 10px;
    }
    .header .userprofile ul li:nth-child(2):hover span{
        background-size: 10px 10px;
        background: url(/static/image/icon-account-setting1.png) center center no-repeat;
    }
    .header .userprofile ul li:last-child:hover span{
        background: url(/static/image/icon-logout1.png) center center no-repeat;
        background-size: 10px 10px;
    }
    .header .userprofile ul li:last-child span {
        background: url(/static/image/icon-logout.png) center center no-repeat;
        background-size: 10px 10px;
    }
    .header .userprofile .img-circle{
        width: 20px;
        height: 20px;
        margin-top: 5px;
        margin-right: 0px;
    }
    .header .userprofile .nav-username{
        font-size: 10px;
    }
    #dropdownMenu1{
        padding: 8px 0px !important;
    }
    /**申请加入机构获取邀请码*/
    .apply-organization-invitation-code {
        float: right;
        margin-right: 20px;
    }
    .get-organization-invitation-code {
        position: relative;
        top: 35px;
        cursor: pointer;
        background: url(/static/image/get-invitation-code.png) no-repeat;
        background-size: 47px 21px;
        width: 50px;
        height: 30px;
        display: block;
    }
    .get-organization-invitation-code:hover {
        background: url(/static/image/get-invitation-code-hover.png) no-repeat;
        background-size: 47px 21px;
    }
    .apply-join-organization-modal, .verify-apply-join-organization-modal {
        z-index: 11 !important;
    }
    .popup-info .content{
        margin-top: -230px!important;
    }
    .apply-join-organization-modal.popup-info .popup-down{
        height: 200%;
      }
    .apply-join-organization-modal.popup-info .content{
        margin-top: -290px!important;
    }
    .apply-join-organization-modal.popup-info .content .close{
        top: -22px!important;
    }
    .apply-join-organization-modal .apply-form {
        width: 360px;
         min-height: 235px;
        background: #FFFFFF;
        /*box-shadow: 0 7px 17px 0 rgba(137,192,232,0.61) !important;*/
        border-radius: 5px;
        margin: auto;
        font-weight: 200;
        border: none;
        margin-top: 30px;
        margin-bottom: 100px;
        font-size: 10px;
    }
    .apply-join-organization-modal .apply-content {
        margin-left:-181px!important;
    }

    .apply-join-organization-modal .s-title {
        font-family: MicrosoftYaHei;
        width: 280px;
        height: 15px;
        padding: 15px 0;
        margin: auto;
        text-align: left;
        font-size: 14px;
        color: #666666;
        line-height: 16px;
        cursor: pointer;
    }
    .apply-join-organization-modal .s-title-style {
        color: #333333;
        font-weight: 600;
        border-bottom: none;
        padding-bottom: 5px;
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
    }

    .apply-join-organization-modal .s-title-tip-style {
        font-size: 10px;
        padding: 0;
        margin-left: 0;
    }
    .apply-join-organization-modal .basic-apply-form.student,
    .apply-join-organization-modal .basic-apply-form.other {
        display: none;
    }
    .apply-join-organization-modal .apply-form input[type=radio] + span::before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px solid #EAEAEA;
        margin-left: -12px;
    }
    .apply-join-organization-modal .apply-form input[type=radio]:checked + span::before {
        background-color: #5AAFEE;
        background-clip: content-box;
        padding: 4px;
        border: 1px solid #5AAFEE;
    }
    .apply-join-organization-modal .apply-form input[type=radio] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
    }
    .apply-join-organization-modal .apply-form .select-text {
        text-align: center;
        position: relative;
        right: 19px;
    }
    .apply-join-organization-modal .apply-form .select-text label {
        width: 55px !important;
        cursor: pointer;
        left: 15px;
        position: relative;
    }
    .apply-join-organization-modal input[type=text] {
        width: 210px;
        height: 25px;
        outline: none;
        border: 1px solid #EAEAEA;
        border-radius: 5px;
        margin-left: 75px;
        padding: 5px 10px;
        margin-top: 5px;
        letter-spacing: 1px;
        font-size: 16px;
        line-height: 25px;
    }
    .apply-join-organization-modal input[placeholder="请输入手机号"]{
        left: -10px !important;
    }
    .apply-join-organization-modal input[placeholder="请输入单位名称"]{
        left: -20px !important;
    }
    .apply-join-organization-modal input[type=text]:hover,
    .apply-join-organization-modal input[type=text]:active {
        border: 1px solid #5AAFEE;
    }
    .apply-join-organization-modal input::-webkit-input-placeholder{
        font-size: 12px;
    }
    .apply-join-organization-modal .basic-apply-form.student .grade {
        display: inline-block;
        position: relative;
        left: -21px;
        width: 84px;
        height: 25px;
        outline: none;
        border: 1px solid #EAEAEA;
        border-radius: 5px;
        padding: 5px 10px;
        margin-top: 5px;
        letter-spacing: 1px;
        background: none;
    }
    .apply-join-organization-modal .basic-apply-form.student .study-year {
        display: inline-block;
        position: absolute;
        left: 130px;
        width: 107px;
        height: 25px;
        outline: none;
        border: 1px solid #EAEAEA;
        border-radius: 5px;
        padding: 5px 10px;
        margin-top: 5px;
        letter-spacing: 1px;
        background: none;
    }
    .apply-join-organization-modal .apply-form .basic-apply-form span {
        left: 41px !important;
        position: relative;
    }
    .apply-join-organization-modal .apply-form .button-area {
        height: 60px;
        text-align: center;
    }
    .apply-join-organization-modal .apply-form .button-area .apply-confirm-button {
        height: 25px;
        width: 116px;
        color: #fff;
        text-align: center;
        line-height: 25px;
        margin: 0 auto;
        margin-top: 12px;
        background: #497CD6;
        border-radius: 100px;
        cursor: pointer;
        border: none;
    }
    .apply-join-organization-modal .apply-form .button-area .apply-confirm-button:hover {
        background: #699AEF;
    }
    .apply-join-organization-modal .apply-form .basic-apply-form .organization-name-list {
        position: absolute;
        background: #fff;
        left: 103px;
        border: 1px solid #ddd;
        width: 208px;
        z-index: 13;
        max-height: 282px;
        overflow: auto;
    }
    .apply-join-organization-modal .apply-form .basic-apply-form .organization-name-list .organization-item {
        cursor: pointer;
        height: 40px;
        padding: 10px;
    }
    .apply-join-organization-modal .apply-form .basic-apply-form .organization-name-list .organization-item:hover {
        color: #fff;
        background: #5AAFEE;
    }
    .apply-join-organization-modal .apply-form .basic-apply-form .student-education-list {
        position: absolute;
        background: #fff;
        left:105px;
        border: 1px solid #ddd;
        width: 81px;
        z-index: 13;
        max-height: 282px;
        overflow: auto;
    }
    .apply-join-organization-modal .apply-form .basic-apply-form .student-education-list li {
        cursor: pointer;
        height: 35px;
        padding: 8px 10px;
    }
    .apply-join-organization-modal .apply-form .basic-apply-form .student-education-list li:hover {
        color: #fff;
        background: #5AAFEE;
    }
    .apply-join-organization-modal .apply-form .basic-apply-form .student-study-year-list {
        position: absolute;
        background: #fff;
        left: 206px;
        border: 1px solid #ddd;
        width: 105px;
        z-index: 13;
        max-height: 142px;
        overflow: auto;
    }
    .apply-join-organization-modal .apply-form .basic-apply-form .student-study-year-list li {
        cursor: pointer;
        height: 35px;
        padding: 8px 10px;
    }
    .apply-join-organization-modal .apply-form .basic-apply-form .student-study-year-list li:hover {
        color: #fff;
        background: #5AAFEE;
    }
    .verify-apply-join-organization-modal .apply-content {
        width: 360px !important;
        background: #FFFFFF;
        box-shadow: 0 7px 17px 0 rgba(137,192,232,0.61) !important;
        border-radius: 10px;
        /*margin: auto;*/
        font-weight: 200;
        border: none;
        margin-top: 30px;
        margin-bottom: 100px;
        top: 53% !important;
        height: 320px !important;
        margin-left: -181px !important;
    }
    .verify-apply-join-organization-modal .s-title {
        text-align: left;
        margin-left: 20px;
    }
    .verify-apply-join-organization-modal .s-title-style {
        color: #333333;
        font-weight: 600;
        border-bottom: none;
        padding-bottom: 5px;
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
    }
    .verify-apply-join-organization-modal .button-area {
        text-align: center;
    }
    .verify-apply-join-organization-modal .select-identity2 {
        height: 130px;
        text-align: center;
    }
    .verify-apply-join-organization-modal .select-identity2 .tip {
        color: #999999;
    }
    .verify-apply-join-organization-modal .button-area .verify-apply-confirm-button {
        height: 40px;
        width: 156px;
        color: #fff;
        text-align: center;
        line-height: 40px;
        margin: 0 auto;
        margin-top: 15px;
        background: #497CD6;
        border-radius: 100px;
        cursor: pointer;
        border: none;
    }
    .verify-apply-join-organization-modal .button-area .verify-apply-confirm-button:hover {
        background: #699AEF;
    }
    .verify-apply-join-organization-modal .select-identity2 .verify-result-icon.verify-join-org {
        width: 48px;
        height: 48px;
        background: url(/static/image/verify-join-org.png) no-repeat;
        background-size: 48px;
        margin: auto;
        margin-bottom: 20px;
    }
    .verify-apply-join-organization-modal .select-identity2 .verify-result-icon.pass-join-org {
        width: 48px;
        height: 48px;
        background: url(/static/image/pass-join-org.png) no-repeat;
        background-size: 48px;
        margin: auto;
        margin-bottom: 20px;
    }
    .verify-apply-join-organization-modal .select-identity2 .verify-result-icon.refuse-join-org {
        width: 48px;
        height: 48px;
        background: url(/static/image/refuse-join-org.png) no-repeat;
        background-size: 48px;
        margin: auto;
        margin-bottom: 20px;
    }
    .verify-apply-join-organization-modal .select-identity2 .verify-result-message {
        color: #333333;
        margin-bottom: 10px;
    }
    .verify-apply-join-organization-modal .select-identity2 .reply-message {
        color: #5AAFEE;
    }
    .verify-apply-join-organization-modal .select-identity2 .tip {
        color: #333333;
    }
    .verify-apply-join-organization-modal .button-area .hd-btn-blue {
        margin-right: 10px;
        margin-top: 10px;
        outline: none !important;
    }
    .verify-apply-join-organization-modal .button-area .btn-info {
        width: 156px;
        height: 40px;
        border-radius: 50px;
        margin-left: 10px;
        margin-top: 10px;
        outline: none !important;
    }
    .apply-join-organization-modal .required-star {
        color: red;
    }
    .get-organization-invitation-code {
        top: -55px;
        left: 22px;
    }

    /*申请加入机构获取邀请码end*/

}
@media (min-width:360px) and (max-width:425px){
    .navbar-default .navbar-left>li>a{
        padding: 1px 12px;
        line-height: 30px;
    }
}
/*首页header适配手机端end*/
/*适配1024尺寸*/
@media screen and (min-width:900px) and (max-width:1200px) {
    /*课程首页*/
    /*.container1{*/
        /*width: auto!important;*/
    /*}*/
    .container {
        width: 1010px;
    }
    .container1 {
        width: 1024px!important;
    }
    .course-classify .inline-block{
        width:300px !important;
        height: 450px!important;
    }
    .diff-title{
        width:275px !important;
    }
    .case>div{
        width: 150px!important;
    }
    .image{
        border-radius: 8px;
        width: 227px!important;
        overflow: hidden;
    }
    .image img {
        width: 227px !important;
    }

    .describe {
        width: 210px !important;
    }

    .title-desc {
        width: auto !important;
    }

    .stuty-count {
        margin-right: 0px !important;
    }
    .case>div:not(:last-child){
        /*margin-right: 16px!important;*/
    }
    .course-list a li{
        font-size:14px!important;
        margin: 22px 20px!important;
    }
    /*成功案例页面*/
    .success-case-text{
        margin-left: 30px!important;
    }
    .one-school{
        width: 265px!important;
    }
    .one-school img{
        width: 265px!important;
    }
    /*教师管理页面*/
    .truth-new-left-content{
        width: 153px!important;
    }
    .truth-new-right-content{
        margin-left: 0px!important;
    }
    /*大讲堂页面*/
    .live-list img.big-img{
        width:780px!important;
        height:540px!important;
    }
    .go-to-classroom{
        left: 888px!important;
    }
    /*专题首页*/
    .my-love, .maybe-like{
        width: 185px!important;
    }
    /*专题详情页*/
    .the-left-part{
        width: 700px!important;
        margin-right: 0px!important;
    }
    .author,.article{
        width: 300px!important;
    }
    .the-left-containt{
        margin-left: 25px!important;
    }
    /*社区页面*/
    .the-top-card{
        width: 130px!important;
    }
}
/*适配1024尺寸 end*/
/*适配1024尺寸*/
@media screen and (min-width:1201px) and (max-width:1430px) {
    .swiper-container .swiper-slide.banner8 {
        background-size: 2500px 500px !important;
    }

}
@media screen and (min-width:900px) and (max-width:1200px) {
    /*首页*/
    .pane-note1{
       display:none!important;
    }
    .pane-note{
        display:block!important;
    }
    .pane img {
        width: 936px !important;
    }
    .big-note-pic{
        height: 500px!important;
    }
    .pane1 .profile-disc{
        width: 250px!important;
    }
    /*.pane img.big-note-pic1{*/
        /*width:338px!important;*/
        /*height: 297px!important;*/
    /*}*/
    /*.pane img.big-note-pic2{*/
        /*width:945px!important;*/
        /*height: 395px!important;*/
    /*}*/
    .pane1 {
        width: 440px !important;
    }
    .pane1 img{
    width: 461px!important;}
    .right-arrow, .left-arrow {
        display: none !important;
    }
    .pane1 span{
        font-size:14px!important;
    }
    .swiper-container .swiper-slide.banner12 {
        background-size: 2000px 500px !important;
    }
    .swiper-container .swiper-slide.banner8 {
        background-size: 2000px 500px !important;
    }
    .content-classify {
        margin-left: 20px !important;
    }

    .news {
        margin-left: 35px;
        margin-right: 35px;
    }
}
@media screen and (min-width:360px) and (max-width:375px){
    .navbar-default .navbar-left>li>a{
        padding: 1px 5px;
    }
    .header .userprofile ul{
        margin-right: 158px;
    }
}
@media screen and (min-width:371px) and (max-width:375px){

    .header .userprofile ul{
        margin-right: 90px;
    }
}
@media screen and (min-width:360px) and (max-width:370px){

    .header .userprofile ul{
        margin-right: 81px;
    }
}
input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button {
    visibility: hidden !important;
    display: none !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 0 !important;
}