@charset "utf-8";

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
    color: #000; /*background:#fff;*/
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea {
    font: 14px/1.5 tahoma, arial, \5b8b\4f53;
}

input, select, textarea {
    font-size: 100%;
}

/* 去掉各Table  cell 的边距并让其边重合 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* IE bug fixed: th 不继承 text-align*/
th {
    text-align: inherit;
}

/* 去除默认边框 */
fieldset, img {
    border: 0;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
    display: block;
}

/* 去掉 firefox 下此元素的边框 */
abbr, acronym {
    border: 0;
    font-variant: normal;
}

/* 一致的 del 样式 */
del {
    text-decoration: line-through;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 700;
}

/* 去掉列表前的标识, li 会继承 */
ol, ul {
    list-style: none;
}

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
    text-align: center;
}

/* 来自yahoo, 让标题都自定义, 适应多个系统应用
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:700;
} */

q:before, q:after {
    content: '';
}

/* 统一上标和下标 */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* 让链接在 hover 状态下显示下划线 */
a:hover {
    text-decoration: underline;
}

/* 默认不显示下划线，保持页面简洁 */
ins, a {
    text-decoration: none;
}

/* 清理浮动 */
.fn-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.fn-clear {
    zoom: 1; /* for IE6 IE7 */
}

h2{ max-width: 185px; font-weight: 400; font-size: 18px;}

/* 隐藏, 通常用来与 JS 配合 */
body .fn-hide {
    display: none;
}

.show {
    display: block;
}

.hide {
    display: none;
}

/* 设置内联, 减少浮动带来的bug */
.fn-left, .fn-right {
    display: inline;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cf {
    clear: both;
}

body {
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
    font-weight: normal;
    color: #333;
    font-size: 14px;
}

a {
    color: #333;
    font-size: 14px;
}

a:hover {
    color: #999;
    text-decoration: none;
}

input, select, option {
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    color: #333;
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
}

.border{ width: 100%; height: 1px; background: #f3f3f3;}

.red {
    color: #D5182A;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mt10 {
    margin-top: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}
.ml0{margin-left:0px;}

.span-title{ width: 100%; height: 25px; padding-top: 30px; padding-bottom: 15px; position:relative;}
.span-title .span-title span{ height: 25px;}
.span-title h2{ height: 25px; background: #fff; font-weight: bold;}
.span-title .span-subtitle{ height: 25px; padding-left: 37px; line-height: 25px; background: #fff;}
.span-title .span-subtitle strong{ font-weight: 400; color: #ff7300;}
.span-title .border{ top:43px; position: absolute; z-index: -1;}

.span-title ul.span-subtitle{ float: right; padding-top: 3px; }
.span-title ul.span-subtitle li{ padding: 0 10px; float: left;}

.course-list-r .span-title{ padding-bottom: 10px;}
.course-list-r .news_list{ border-top: 1px solid #d0d6d9; padding-top: 5px;}

.function{ color: #b4b3b3; background: #fff; cursor: pointer; margin-top: 5px;}
.function img{ margin-top: 3px; margin-right: 5px;}

.hvr-underline-from-left:hover img {
    transform: scale(1.3);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;
    overflow: hidden;
}
.avatar:hover img {
    transform: scale(1.3);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;
}

    .w-dropdown {
        width: 60px;
        position: relative;
        z-index: 10000;
		float:left;
    }

    .w-dropdown:before {
        content: "";
        border-top: 4px dashed;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -2px;
    }

    .w-dropdown .dropdown-sel {
		text-indent:8px;
        width: 60px;
        height: 28px;
        line-height: 28px;
        display: block;
        color: #807a62;
        cursor: pointer;
        font-style: normal;
        outline: line;
    }

    .w-dropdown .dropdown-sel:focus {
        outline: none;
    }

    .w-dropdown .dropdown-sel:hover {
    }

    .w-dropdown ul {
        width: 60px;
        border: 1px solid #c0c5cc;
        background-color: #ffffff;
        position: absolute;
        z-index: 20000;
        margin-top: -1px;
        display: none;
    }

    .w-dropdown ul li {
        height: 24px;
        line-height: 24px;
    }

    .w-dropdown ul li a {
        display: block;
        height: 24px;
        color: #999;
        text-decoration: none;
        padding-left: 10px;
        padding-right: 10px;
    }

    .w-dropdown ul li a:hover {
        color: #333;
        background-color: #f0f0f0;
    }

    .w-dropdown ul li a.hover {
        color: #333;
        background-color: #f0f0f0;
    }