body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,pre,form,input,textarea,th,td,select{
    margin:0;
    padding:0;
}
body{
    color:#333;
    font-size: 14px;
    font-family: "微软雅黑";
    background: #f7f7f8;
    height:100%;
}
form {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑";
    background: #f7f7f8;
    height: 100%;
}
em{
    font-style: normal;
}
strong{
    font-weight: normal;
}
li{
    list-style: none;
}
i{
    font-style: normal;
}
a{
    text-decoration: none;
    color:#333;
}
a:hover, a:focus{
    color: #333;
    text-decoration: none;
}
button a:hover,button a:focus {
    color: #fff;
    text-decoration: none;
}
img{
    border:none;
    vertical-align: top;
}
table{
    border-collapse: collapse;
}
textarea{
    resize: none;
    overflow: auto;
}
input,button,textarea{
    outline: none;
}
button{
    cursor: pointer;
}
/*
清浮动*/
.right{
    float: right;
}
.left{
    float: left;
}
.clear{
    zoom: 1;
}
.clear:after{
    content:"";
    display: block;
    clear: both;
}
.space-between{
    display: flex;
    justify-content:space-between
}
.border-gray{
    border-bottom:1px #efeff0 solid;
}
.gray{
    color: #cfcfcf;
}
.orange,.oranges{
    color: #eecf40;
}
.bg-white{
    background:#fff;
}
.flex-start{
    justify-content: flex-start;
    display: flex;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #cfcfcf;
  }
.content-course{
    min-width: 1170px;
    width: 1170px;
    margin: 0 auto;
}
.box-shadow{
    box-shadow: 0 0 6px rgba(0,0,0,.2); 
}
.green{
    color:#59c285;
}
.blue{
    color:#66a4f0;
}
.margin-top20{
    margin-top:20px;
}
.margin-bottom10{
    margin-bottom: 10px;
}
.margin-bottom20{
    margin-bottom:20px;
}
.padding15{
    padding:15px;
}
.padding20{
    padding:20px;
}
.space-around{
    justify-content:space-around;
    display: flex;
}
.ellipsis{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.margin-top110{
    margin-top:110px;
}
input{
    border:1px #cfcfcf solid;
    padding: 0 10px;
}
.left{
    float: left;
}
.crumbs {
    color: #cfcfcf;
    font-size: 12px;
    margin-bottom: 10px;
    display: inline-block;
}
img.head-img{ 
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 0 0 20px;
    vertical-align: middle;
    cursor: pointer;  
}
.left-content{
    width:870px;
    margin-bottom: 20px;
}
.right-content{
    width:282px;
}
.speak{
    cursor: pointer;
}
.speak i{
    font-size: 31px;
    display: inline-block;
    margin-right: 7px;
    vertical-align: middle;
}
.note-editor.note-frame{
    border: 1px #f0f0f1 solid;
}
.btn button{
    width: 130px;
    display: inline-block;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    background: #59c285;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border:none;
    margin:0 0 0 100px;
}
.btn button a{
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
    outline-offset: 0;
}
.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.content{
    overflow: auto;
}
/* 底部样式 */
.footer{
    /* position:fixed; */
    width:100%;
    height:186px;
    bottom: 0;
    background:#3a3a3a;
}
.footer .content-course{
    padding-top:80px;
}

.footer img{
    width:42px;
    height:42px;
}
.footer-title{
    margin:-10px 0 0 15px;
}
.footer-title h3{
    font-size:42px;
    color:#59c285;
}
.footer-title span,.footer-text span{
    display: block;
    color:#59c285;
    font-size:12px;
}
.footer-text{
    margin-left:269px;
    display: inline-block;
    text-align: center;
}
/* 头部样式 */
.heade{
    height: 90px;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.2);  
    position:fixed;
    top:0;
    left:0; 
    z-index: 11111111111;
}
.heade-content{
    height: 90px;
    min-width: 1170px;
    width: 1170px;
    margin: 0 auto;
    display: flex;
    align-items: Center; 
    position: relative;
}
.heade-content .title img{
    width:38px;
    height:38px;
}
.title span {
    font-size: 34px;
    color: #333;
    display: inline-block;
    margin: -7px 0 0 10px;
    font-weight: bold;
}
.title-list{
    margin-left:10px;
}
.title-list li{
    float: left;
    margin: 0 10px;
    padding: 32px 10px;
    font-size:16px;
}
.mine-list{
    position: absolute;
    right:-60px;
    top:90px;
    width:220px;
    display: none;
}
.mine-list p{
    height:26px;
    line-height: 26px;
}
.mine-list p:nth-child(1){
    color:#cfcfcf;
}
.mine-btn{
    margin-top:20px;
}
.mine-btn a:nth-child(2n){
    margin-left:20px;
}
.mine-btn a.active{
    background: #59c285;
    color: #fff;
    border:1px #59c285 solid;
}
.mine-btn a{
    width:90px;
    text-align: center;
    color: #333;
    border-radius: 12px;
    border:1px #cfcfcf solid;
    display: inline-block;
    margin-bottom: 20px;
    height:26px;
    line-height: 26px;
}
/* .photo{
    margin-right:100px;
} */
.photo span{
    display: inline-block;
    font-weight: bold;
    font-size:16px;
    color: #59c285;
    height: 90px;
    line-height: 90px;
}
.photo img{
    width:60px;
    height:60px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 0 0 20px;
    vertical-align: middle;
    cursor: pointer;
}

/* 分页 */
.wrap-page{
    width:100%;
    display: inline-block;
    margin:40px 0;
    text-align: center;
}
.page-list{
    display: inline-block;
    text-align: center;
}
.page-list li{
    float: left;
    margin:0 3px;
    padding: 8px 12px;
    cursor: pointer;
}
.page-list li.active{
    background: #59c285;
    color: #fff;
}
.page-list li:first-child,.page-list li:last-child{
    color:#cfcfcf;
}

.column{
    flex-direction:column;
    display: flex;
    align-items:Center;
}    
.vertical-align{
    vertical-align: middle;
}
.text-active{
    color: #59c285;
    border-bottom: 4px #59c285 solid;
}
.title-list li:hover a{
    color: #59c285;
}
/* jqgrid样式 */
.ui-widget-content,.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    color:#333;
    /* background: #f2f2f2; */
    border:1px #ccc solid;
}
.ui-jqgrid-htable > thead > tr > th{
   background:#f2f2f2;
}
.ui-widget-content{
    border:1px #ccc solid;
}
thead tr{
    height:30px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #f2f2f2;
    
    padding: 8px;
    vertical-align: middle;
}
.ui-jqgrid-view .ui-jqgrid-bdiv .ui-widget-content{
    border-top:none;
    border-left:none;
}
.ui-jqgrid tr.jqgrow td{
    padding:3px 2px;
}
.trSelected{
    background:#f2f2f2;
}
.error{
    color:red;
    font-size:12px;
}
.error .iconfont{
    font-size:14px;
    margin-right: -3px;
}
.ellipsis,.width234{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
input[readonly="readonly"],textarea[readonly="readonly"]{
    background: #f0f0f1;
}
.width234 {
   width:234px;
   display:inline-block;
}
.search{
    position: relative;
}
.search input{
    padding-left:20px;
}
.search .iconsousuo{
    position: absolute;
    top:3px;
    left:4px;
    color:#cbcbcb;
    cursor:pointer;
}