*
{
    margin:0;
    padding:0;
}
html,body
{
    height:100%;
}
body 
{
    width:100%;
    height:100%;
    font-family:"微软雅黑";
    text-align:center;
    font-size:12px;
    background:url(../Img/egg_shell.png) repeat 100%;

}
ul,li
{
    list-style:none;
}
.west
{
    position:absolute;
    left:0;
    top:0;
    box-sizing:border-box;
    width:220px;
    height:100%;
    background-color:#f3f6f8;
    background-size:100% 100%;
    border-right:1px solid #ccc;
    box-shadow:0 0 3px 3px #ccc;
    text-align:left;
}
.side
{
    width:219px;
    height:50px;
    background:#74a0c5 url(../img/share-topbg.png) no-repeat center;
}
.menu li
{
    position:relative;
    padding-left:50px;
    box-sizing:border-box;
    width:100%;
    height:45px;
    line-height:45px;
    border-bottom:1px solid #ededed;
    color:#295598;
    font-size:14px;
}
.menu li:hover
{
    background-color:#fff;
}
.menu li:before
{
    content:"";
    position:absolute;
    width:22px;
    height:22px;
    top:10px;
    left:20px;
    margin-right:10px;
    vertical-align:middle;
    background:url(../Img/school.png) no-repeat center;
    background-size:100% 100%;
    
    
}
.center
{
    box-sizing:border-box;
    margin-left:220px;
    padding:15px;
    
  
}
.content
{
   border:1px solid rgb(188, 232, 241);
   background-color:#fff;
   border-radius:10px;
}
.title
{
    width:100%;
    padding:15px 0;
    font-size:15px;
    color:rgb(49, 112, 143);
    background-color:#d9edf7;
    border-bottom:1px solid rgb(188, 232, 241);
    border-radius:10px 10px 0 0;
}

.search
{
    width:100%;
    height:50px;
    line-height:50px;
    text-align:left;
}
.search li
{
    float:left;
}
.search-select
{
    margin-left:10px;
    width:180px;
    height:50px;
    line-height:50px;
}
.search-select select
{
    width:160px;
    height:30px;
    font-size:12px;
    border:1px solid #aaa;
    border-radius:5px;
}
.search-input
{
    position:relative;
    width:200px;
    height:50px;
    
}
.search-input input
{
    position:absolute;
    width:222px;
    height:24px;
    top:10px;
    left:5px;
    padding:2px 3px;
    font-size:12px;
    border:1px solid #aaa;
    border-radius:5px 0 0 5px;
}
.search-icon
{
    position:absolute;
    width:28px;
    height:28px;
    top:10px;
    left:235px;
    margin-right:10px;
    background:#337ab7 url(../img/search.png) no-repeat center;
    background-size:65% 65%;
    border-radius:0 5px 5px 0;
    border:1px solid #337ab7;

}
.search-icon:hover
{
    background-color:#2a5699;
    border:1px solid #2a5699;
}
.table
{
    border-collapse:separate;
    width:100%;
    background-color:#fff;
    border-radius:10px;
}
.table th,.table td
{
    height:24px;
    line-height:24px;
    padding:5px 2px;
    font-size:14px;
    color:#333;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
   background-color:#f9f9f9;
}
.table th
{  
    border-top:1px solid #ddd;
}
.table td:last-child,.table th:last-child
{  
    border-right-color:transparent;
}
.table tr:last-child td
{
    border-bottom-color:transparent;
}
.table tr:last-child td:first-child
{
    border-bottom-left-radius:10px;
}
.table tr:last-child td:last-child
{
    border-bottom-right-radius:10px;
}
.table tr:nth-child(odd) td
{
    background-color:#fff;
}
.table a
{
    color:#337ab7;
    text-decoration:none;
}
.table a:hover
{
    color:#2a5699;
    text-decoration:underline;
}

.course
{
    padding:15px;
    font-size:14px;
    color:#333;
}
.col-4,.col-2
{
    width:100%;
    height:auto;
    overflow:auto;
}
.col-4 li,.col-2 li
{
    float:left;
}
.col-name, .col-content
{
    box-sizing:border-box;
    min-height:35px;
    line-height:34px;
}
.col-4 .col-name,.col-2 .col-name
{
    width:10%;
    text-align:right;
    padding-right:10px;

}
.col-4 .col-content,.col-2 .col-content
{
    text-align:left;
    border-bottom:1px solid #d3eaf7;
}
.col-4 .col-content
{
    width:15%;
}
.col-2 .col-content
{
    width:90%;
}
.button
{
    margin:20px auto;
}
.button button
{
    padding:5px 10px;
    font-size:14px;
    letter-spacing:2px;
    color:#fff;
    background-color:#337ab7;
    border:none;
    border-radius:5px;
    }
.button button:hover
{
    background-color:#2a5699;
}
.content-detail
{
    color:#333;
}
.content-detail li
{
    text-align:left;
    border-bottom:1px dashed rgb(188, 232, 241);
}
.content-detail li:last-child
{
    border-bottom-color:transparent;
}
.content-detail h3,.content-detail p
{
    padding:10px 30px;
}
.content-detail p
{
    padding-left:58px;
    font-size:14px;
    line-height:25px;
   text-indent:2em; 
    
}
.content-detail p:first-child
{
    padding-left:30px;
}
.content-detail table
{
    text-align:center;
}
.content-detail tr:last-child td
{
    border-bottom:1px solid #ddd;
}
.content-detail tr:last-child td:first-child,.content-detail tr:last-child td:last-child
{
    border-radius:0;
}