@charset "UTF-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:none;vertical-align:baseline;font:inherit;font-size:100%}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:400}
abbr,body,fieldset,html,iframe,img{border:0}
address,cite,dfn,em,i,var{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%}
sub,sup{font-size:83%}
code,kbd,pre,samp{font-family:inherit}
q:after,q:before{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
img{border:none}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}
a,a:hover,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{outline:0;color:#333;font:14px/1 '微软雅黑',Microsoft YaHei,Arial,Verdana,\5b8b\4f53}
body{overflow-x:hidden;min-width:1200px;background:#f4f4f4}
a,a:hover{color:#666;text-decoration:none;cursor: pointer}
li,ul{list-style-type:none}
body,html{height:100%;min-width:1400px}
a{color:#666}
a:hover{color: #3D7EFF}
*,:after{box-sizing:border-box}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:'.';font-size:0;line-height:0}
.fl{float:left}
.fr{float:right}
.relative{position: relative}
.pd-20{ padding: 20px 0}
.mt-20{margin-top: 20px;}
.mb-20{margin-bottom: 20px}
.tran{transition:all .2s linear}
.hide{display:none!important}
.show{display:block!important}
.flex{display: flex;flex-flow: row nowrap;flex: initial;-webkit-box-pack: start;justify-content: flex-start;-webkit-box-align: center;align-items: center;}
.block-bg{background:#fafafa}
.white-bg{background-color: #fff}
.overhiden{overflow:hidden}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.content-wrap{margin: 0 auto;width: 1400px;}
.content-title{ background-color: #fff;padding: 20px 0;margin: 0 20px;border-bottom: 1px solid #eee;-webkit-box-sizing: border-box;box-sizing: border-box; overflow: hidden}
.content-title h3{ color: #333;font-size: 18px;font-weight: 700;float: left;max-width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.data-null{margin:  40px auto;text-align: center;}
.data-null .icon-data-null{display:inline-block;width: 240px; height: 214px;background: url("/static/images/data-null.png") no-repeat center;background-size: cover}
.data-null p{margin-top: 20px;color: #878787;}
@media screen and (max-width: 1680px){
    .content-wrap,.course-info-header .fixed-wrap{width: 1200px !important;}
    .works{width: 1220px !important;}
}