@charset "UTF-8";
.uisprite { background: url(../Images/ui_sprite.png) no-repeat 4449px 4449px; }
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; outline: none; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; }
html, body, fieldset, img, iframe, abbr { border: 0; }
img { vertical-align: top; }
cite, em, var, address, dfn { font-style: normal; }
i { font-style: italic; }
[hidefocus], summary { outline: 0; }
li { list-style: none; }
sup, sub { font-size: 83%; }
pre, code, kbd, samp { font-family: inherit; }
q:before, q:after { content: none; }
textarea { overflow: auto; resize: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; }
em, strong, b { font-weight: bold; }
del, ins, s, a, a:hover { text-decoration: none; }
body, textarea, input, button, select, keygen, legend { font: 12px/1.5 "Arial", "Hiragino Sans GB", "SimSun", \5b8b\4f53, "serif"; color: #333; outline: 0; font-family: "Arial", "Hiragino Sans GB", "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif"; }
input { vertical-align: middle; margin: 0px; border: none; background: none; }
h1, h2, h3, h4, h5, h6, small { font-family: "Arial", "Hiragino Sans GB", "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif"; line-height: 1.5; font-weight: normal; }
body { background: #f5f5f5 !important; font-size: 12px; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.33em; }
h4 { font-size: 1.17em; }
body li { clear: none; }
input[type="radio"], input[type="checkbox"] { margin-right: 4px; }
.f-cb:after, .g-container:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: '.'; }
.f-cb, .g-container { zoom: 1; }
.f-thide, .f-nowrp { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f-hide { text-indent: -9999px; overflow: hidden; }
.f-ib { display: inline-block; zoom: 1; *display: inline; }
.f-vam { vertical-align: middle; }
.f-vat { vertical-align: top; }
.f-dn { display: none; }
.f-db { display: block; }
.f-pr { position: relative; }
.f-pf { position: fixed; }
.f-af { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.f-tc { text-align: center; }
.f-ww { word-wrap: break-word; }
.f-sign { font-weight: bold; color: #cc3333; padding-right: 5px; vertical-align: middle; }
.f-bg { background-color: #fff; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }
.f-bgw { background-color: #fff; }
.f-fl { float: left; }
.f-fr { float: right; }
.f-pa { position: absolute; }
.f-richEditorText { margin: 0; padding: 0; border: 0; text-align: left; color: #666; line-height: 22px; word-break: break-word; word-wrap: break-word; white-space: pre-wrap; }
.f-richEditorText em { font-style: italic; }
.f-richEditorText p { margin: 0; padding: 0; }
.f-richEditorText span { word-wrap: break-word; white-space: pre-wrap; }
.f-richEditorText div { margin: 10px 0; padding: 0; position: relative; }
.f-richEditorText sup, .f-richEditorText blockquote { border-left: 3px solid #d0e5f2; font-style: normal; padding: 0 0 0 10px; vertical-align: baseline; margin: 0; font-size: 14px; }
.f-richEditorText img { max-height: none; max-width: 520px; vertical-align: top; -webkit-backface-visibility: hidden; backface-visibility: hidden; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; image-rendering: crisp-edges; image-rendering: -webkit-crisp-edges; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; -webkit-transform: translateZ(0); transform: translateZ(0); }
.f-richEditorText code { display: inline-block; font-family: monospace; white-space: pre-wrap; margin: 0.5em 0; padding: 0.4em 0.6em; border-radius: 8px; background: #efefef; }
.f-richEditorText ol li { list-style-type: decimal; }
.f-richEditorText ul li { list-style-type: disc; }
.f-richEditorText table { border-collapse: collapse; border-spacing: 0; border: 1px solid #e4e4e4; }
.f-richEditorText table th, .f-richEditorText table td { border: 1px solid #e4e4e4; padding: 5px; }
.f-scale1 { -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; }
.f-scale1:hover { -webkit-transform: scale(1.2); transform: scale(1.2); }
.f-scale11 { -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.f-scale11:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.f-scaleSubImg11 img { -webkit-transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1) 0s; transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1) 0s; }
.f-scaleSubImg11:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.f-transition { -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; }
.f-3line span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.f-4line span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.f-f0 { font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif"; }
.f-f1 { font-family: "Arial", "Hiragino Sans GB", "SimSun", \5b8b\4f53, "Georgia", "serif"; }
.f-fc0 { color: #000; }
.f-fc3 { color: #333; }
.f-fc6 { color: #666; }
.f-fc9 { color: #999; }
.f-fcf { color: #fff; }
.f-fcc { color: #ccc; }
.f-fcred { color: #FF0202; }
.f-fcgreen { color: #55B929; }
.f-fcorange { color: #FF7A3E; }
a.f-fcgreen { color: #55B929; }
a:hover { color: #000; text-decoration: none; cursor: pointer; }
a.f-fcgreen:hover { color: #00AD4D; text-decoration: none; }
a.f-fc0:hover, a:hover .f-fc0, a.f-fc3:hover, a:hover .f-fc3, a.f-fc6:hover, a:hover .f-fc6, a.f-fc9:hover, a:hover .f-fc9, a.f-fcf:hover, a:hover .f-fcf { color: #00AD4D; text-decoration: none; }
.f-fs0 { font-size: 12px; }
.f-fs13 { font-size: 13px; line-height: 20px; }
.f-fs14 { font-size: 14px; line-height: 22px; }
.f-fs15 { font-size: 15px; line-height: 25px; }
.f-fs16 { font-size: 16px; line-height: 28px; }
.f-fs18 { font-size: 18px; line-height: 30px; }
.f-fwb { font-weight: bold; }
body { min-width: 960px; }
.g-doc, .g-flow { width: 960px; margin: 0 auto; }
.g-flow-wide { width: 1260px; margin: 0 auto; }
.g-wrap { width: 100%; }
.g-iframe { width: 100%; height: 100%; border: 0; }
.g-main { min-height: 480px; }
.g-container { margin-left: -20px; position: relative; z-index: 0; }
.g-container .g-cell, .g-container .g-cell1, .g-container .g-cell2, .g-container .g-cell3, .g-container .g-cell4 { width: 225px; margin-left: 20px; float: left; }
.g-container .g-cell2 { width: 470px; }
.g-container .g-cell3 { width: 715px; }
.g-container .g-cell4 { width: 900px; }
.g-hide { display: none; }

@media screen and (min-width: 1210px) {
    .g-flow { width: 1205px; }
    .g-hide { display: block; }
    .g-content { width: 960px; }
    body { overflow-x: hidden; }
}

.g-sd1 { position: relative; float: left; width: 225px; margin-right: -225px; }
.g-mn1 { float: right; width: 100%; }
.g-mn1c { margin-left: 245px; }
.g-sd2 { position: relative; float: right; width: 225px; margin-left: -225px; }
.g-mn2 { float: left; width: 100%; }
.g-mn2c { margin-right: 245px; }
.b-10, .b-20, .b-30, .b-15, .b-40, .b-50 { clear: both; height: 10px; overflow: hidden; display: block; }
.b-20 { height: 20px; }
.b-30 { height: 30px; }
.b-15 { height: 15px; }
.b-40 { height: 40px; }
.b-50 { height: 50px; }
html, body { height: 100%; }
#g-container { min-height: 100%; position: relative; }
#g-body { padding-bottom: 300px; }
#j-footer { position: absolute; bottom: 0; width: 100%; height: 143px; }
@font-face { font-family: 'icon-mooc'; src: url(../fonts/icon-mooc.eot); src: url(//mc.stu.126.net/res/fonts/icon-mooc.ttf#iefix) format("embedded-opentype"), url(../fonts/icon-mooc.ttf) format("truetype"), url(../fonts/icon-mooc.woff) format("woff"), url(../fonts/icon-mooc.svg#icon-mooc) format("svg"); font-weight: normal; font-style: normal; }
.f-icon { font-family: 'icon-mooc' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
[class^='u-icon-'], [class*=' u-icon-'] { font-family: 'icon-mooc' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.u-icon-management:before { content: "\e99e"; }
.u-icon-economics:before { content: "\e99f"; }
.u-icon-literature:before { content: "\e9a0"; }
.u-icon-history:before { content: "\e9a1"; }
.u-icon-postgrad-exam1:before { content: "\e99c"; }
.u-icon-cet:before { content: "\e99d"; }
.u-icon-agriculture:before { content: "\e99b"; }
.u-icon-book-alter:before { content: "\e99a"; }
.u-icon-audio-wave:before { content: "\e999"; }
.u-icon-replace:before { content: "\e997"; }
.u-icon-mobile:before { content: "\e998"; }
.u-icon-teacher-live:before { content: "\e900"; }
.u-icon-live-people:before { content: "\e901"; color: #666; }
.u-icon-time:before { content: "\e600"; }
.u-icon-search:before { content: "\e601"; }
.u-icon-renren:before { content: "\e602"; }
.u-icon-weibo:before { content: "\e603"; }
.u-icon-small-renren:before { content: "\e604"; }
.u-icon-weibo2:before { content: "\e605"; }
.u-icon-douban:before { content: "\e606"; }
.u-icon-douban2:before { content: "\e607"; }
.u-icon-qzone:before { content: "\e608"; }
.u-icon-qq-zone:before { content: "\e609"; }
.u-icon-big-close:before { content: "\e60a"; }
.u-icon-small-close:before { content: "\e60b"; }
.u-icon-cert:before { content: "\e60c"; }
.u-icon-caret-right2:before { content: "\e60d"; }
.u-icon-doc:before { content: "\e60e"; }
.u-icon-discuss2:before { content: "\e60f"; }
.u-icon-video2:before { content: "\e610"; }
.u-icon-text:before { content: "\e611"; }
.u-icon-test3:before { content: "\e612"; }
.u-icon-caret-down2:before { content: "\e613"; }
.u-icon-return:before { content: "\e614"; }
.u-icon-info:before { content: "\e615"; }
.u-icon-wrong:before { content: "\e616"; }
.u-icon-clock:before { content: "\e617"; }
.u-icon-correct:before { content: "\e618"; }
.u-icon-play:before { content: "\e619"; }
.u-icon-full-screen:before { content: "\e61a"; }
.u-icon-voice:before { content: "\e61b"; }
.u-icon-caret-up2:before { content: "\e61c"; }
.u-icon-mute:before { content: "\e61d"; }
.u-icon-pause:before { content: "\e61e"; }
.u-icon-replay:before { content: "\e61f"; }
.u-icon-close2:before { content: "\e620"; }
.u-icon-wechat:before { content: "\e621"; }
.u-icon-setting:before { content: "\e622"; }
.u-icon-weixin:before { content: "\e623"; }
.u-icon-icourse:before { content: "\e624"; }
.u-icon-QQ:before { content: "\e625"; }
.u-icon-success:before { content: "\e626"; }
.u-icon-min-screen:before { content: "\e627"; }
.u-icon-warning2:before { content: "\e628"; }
.u-icon-calendar:before { content: "\e800"; }
.u-icon-braille:before { content: "\e801"; }
.u-icon-help:before { content: "\e802"; }
.u-icon-trash:before { content: "\e803"; }
.u-icon-down-circle:before { content: "\e804"; }
.u-icon-up-circle:before { content: "\e805"; }
.u-icon-pencil:before { content: "\e806"; }
.u-icon-share:before { content: "\e902"; }
.u-icon-caret-left:before { content: "\e903"; }
.u-icon-arr-right-small:before { content: "\e904"; }
.u-icon-caret-right:before { content: "\e905"; }
.u-icon-caret-up:before { content: "\e906"; }
.u-icon-book:before { content: "\e907"; }
.u-icon-dialog:before { content: "\e908"; }
.u-icon-discuss:before { content: "\e909"; }
.u-icon-document:before { content: "\e90a"; }
.u-icon-download:before { content: "\e90b"; }
.u-icon-exam:before { content: "\e90c"; }
.u-icon-exercise:before { content: "\e90d"; }
.u-icon-home:before { content: "\e90e"; }
.u-icon-list:before { content: "\e90f"; }
.u-icon-live:before { content: "\e910"; }
.u-icon-message:before { content: "\e911"; }
.u-icon-notice:before { content: "\e912"; }
.u-icon-playing:before { content: "\e913"; }
.u-icon-richText:before { content: "\e914"; }
.u-icon-score:before { content: "\e915"; }
.u-icon-unknown:before { content: "\e916"; }
.u-icon-video:before { content: "\e917"; }
.u-icon-collect:before { content: "\e918"; }
.u-icon-star:before { content: "\e919"; }
.u-icon-im:before { content: "\e91a"; }
.u-icon-cart:before { content: "\e91b"; }
.u-icon-mobileview:before { content: "\e91c"; }
.u-icon-caret-down:before { content: "\e91d"; }
.u-icon-angle-double-right:before { content: "\e91e"; }
.u-icon-angle-double-left:before { content: "\e91f"; }
.u-icon-course-manage:before { content: "\e920"; }
.u-icon-move:before { content: "\e921"; }
.u-icon-check:before { content: "\e922"; }
.u-icon-gear:before { content: "\e923"; }
.u-icon-close:before { content: "\e924"; }
.u-icon-back:before { content: "\e925"; }
.u-icon-renren2:before { content: "\e926"; }
.u-icon-noword:before { content: "\e927"; }
.u-icon-sad:before { content: "\e928"; }
.u-icon-org-tutor:before { content: "\e929"; }
.u-icon-org-content:before { content: "\e92a"; }
.u-icon-org-utility:before { content: "\e92b"; }
.u-icon-error-circle:before { content: "\e92c"; }
.u-icon-org-content2:before { content: "\e92d"; }
.u-icon-org-test:before { content: "\e92e"; }
.u-icon-thin-caret-up:before { content: "\e92f"; }
.u-icon-success-circle:before { content: "\e930"; }
.u-icon-thin-caret-down:before { content: "\e931"; }
.u-icon-delete:before { content: "\e932"; }
.u-icon-edit:before { content: "\e933"; }
.u-icon-test2:before { content: "\e934"; }
.u-icon-hand-up:before { content: "\e935"; }
.u-icon-hand-down:before { content: "\e936"; }
.u-icon-order:before { content: "\e937"; }
.u-icon-cash:before { content: "\e938"; }
.u-icon-exchange:before { content: "\e939"; }
.u-icon-data:before { content: "\e93a"; }
.u-icon-tag:before { content: "\e93b"; }
.u-icon-plus:before { content: "\e93c"; }
.u-icon-minus:before { content: "\e93d"; }
.u-icon-qiyemail:before { content: "\e93e"; }
.u-icon-netease:before { content: "\e93f"; }
.u-icon-arrange:before { content: "\e940"; }
.u-icon-smile:before { content: "\e941"; }
.u-icon-empty:before { content: "\e942"; }
.u-icon-warning:before { content: "\e943"; }
.u-icon-empty-criterial:before { content: "\e944"; }
.u-icon-front:before { content: "\e945"; }
.u-icon-add-big:before { content: "\e946"; }
.u-icon-chat-circle:before { content: "\e947"; }
.u-icon-course-discuss:before { content: "\e948"; }
.u-icon-course-content:before { content: "\e949"; }
.u-icon-test:before { content: "\e94a"; }
.u-icon-minus-big:before { content: "\e94b"; }
.u-icon-reply2:before { content: "\e94c"; }
.u-icon-continue:before { content: "\e94d"; }
.u-icon-elite:before { content: "\e94e"; }
.u-icon-check-slim:before { content: "\e94f"; }
.u-icon-surprise:before { content: "\e950"; }
.u-icon-qq:before { content: "\e951"; }
.u-icon-neteaseEmail:before { content: "\e952"; }
.u-icon-neatease:before { content: "\e953"; }
.u-icon-icourse2:before { content: "\e954"; }
.u-icon-caret-left2:before { content: "\e955"; }
.u-icon-stu:before { content: "\e956"; }
.u-icon-teacher:before { content: "\e957"; }
.u-icon-admin:before { content: "\e958"; }
.u-icon-service:before { content: "\e959"; }
.u-icon-more:before { content: "\e95a"; }
.u-icon-normal-close:before { content: "\e95b"; }
.u-icon-post:before { content: "\e95c"; }
.u-icon-reply:before { content: "\e95d"; }
.u-icon-vote:before { content: "\e95e"; }
.u-icon-person:before { content: "\e95f"; }
.u-icon-clock2:before { content: "\e960"; }
.u-icon-presenter:before { content: "\e961"; }
.u-icon-all:before { content: "\e962"; }
.u-icon-art:before { content: "\e963"; }
.u-icon-biomedicine:before { content: "\e964"; }
.u-icon-computer:before { content: "\e965"; }
.u-icon-eco-management:before { content: "\e966"; }
.u-icon-engineering:before { content: "\e967"; }
.u-icon-foreign-language:before { content: "\e968"; }
.u-icon-law:before { content: "\e969"; }
.u-icon-literary-history:before { content: "\e96a"; }
.u-icon-more2:before { content: "\e96b"; }
.u-icon-philosophy:before { content: "\e96c"; }
.u-icon-psychology:before { content: "\e96d"; }
.u-icon-science:before { content: "\e96e"; }
.u-icon-teaching-method:before { content: "\e96f"; }
.u-icon-all-m:before { content: "\e970"; }
.u-icon-art-m:before { content: "\e971"; }
.u-icon-biomedicine-m:before { content: "\e972"; }
.u-icon-computer-m:before { content: "\e973"; }
.u-icon-eco-management-m:before { content: "\e974"; }
.u-icon-engineering-m:before { content: "\e975"; }
.u-icon-foreign-language-m:before { content: "\e976"; }
.u-icon-law-m:before { content: "\e977"; }
.u-icon-literary-history-m:before { content: "\e978"; }
.u-icon-philosophy-m:before { content: "\e979"; }
.u-icon-psychology-m:before { content: "\e97a"; }
.u-icon-science-m:before { content: "\e97b"; }
.u-icon-teaching-method-m:before { content: "\e97c"; }
.u-icon-circle-caret-right:before { content: "\e97d"; }
.u-icon-circle-caret-left:before { content: "\e97e"; }
.u-icon-played:before { content: "\e97f"; }
.u-icon-gotop:before { content: "\e980"; }
.u-icon-leave-message:before { content: "\e981"; }
.u-icon-mobile-phone:before { content: "\e982"; }
.u-icon-search2:before { content: "\e983"; }
.u-icon-moreArrow:before { content: "\e984"; }
.u-icon-clock-icon:before { content: "\e985"; }
.u-icon-message-icon:before { content: "\e986"; }
.u-icon-like-icon:before { content: "\e987"; }
.u-icon-icon-live2:before { content: "\e988"; }
.u-icon-dots-more:before { content: "\e989"; }
.u-icon-inquiry:before { content: "\e98a"; }
.u-icon-plus-thin:before { content: "\e98b"; }
.u-icon-arrow-left-thin:before { content: "\e98c"; }
.u-icon-arrow-right-thin:before { content: "\e98d"; }
.u-icon-postgrad-exam:before { content: "\e98e"; }
.u-icon-email:before { content: "\e98f"; }
.u-icon-stacks:before { content: "\e990"; }
.u-icon-questioning:before { content: "\e991"; }
.u-icon-bookmark:before { content: "\e992"; }
.u-icon-categories:before { content: "\e993"; }
.u-icon-scholar:before { content: "\e994"; }
.u-icon-cert2:before { content: "\e995"; }
.u-icon-play-hollow:before { content: "\e996"; }
.fadeInOut { -webkit-animation-name: fadeInOut; animation-name: fadeInOut; -webkit-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

@-webkit-keyframes fadeInOut {
    0% { opacity: 0; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

@keyframes fadeInOut {
    0% { opacity: 0; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

.fade, .slide { -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
.fade { -webkit-transition-property: opacity; transition-property: opacity; }
.fade-in { opacity: 0; }
.fade-in-active { opacity: 1; }
.fade-out { opacity: 1; }
.fade-out-active { opacity: 0; }
.slide { -webkit-transition-property: height; transition-property: height; overflow: hidden; }
.slide.slide-up { height: 0; }
.x-zoomImg { overflow: hidden; }
.x-zoomImg img { vertical-align: middle; -webkit-transition: all, 1s, ease; transition: all, 1s, ease; }
.x-zoomImg img:hover { -webkit-transform: scale(1.2); transform: scale(1.2); }
.x-hide, .x-hoverItem .x-child { -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transform: scale(0.9); opacity: 0; pointer-events: none; display: none\9; visibility: hidden; }
.x-show, .x-hoverItem:hover .x-child { opacity: 1; -webkit-transform: scale(1); pointer-events: all; display: block\9; visibility: visible; }
.u-tips, .u-tips2 { background-color: #80be01; padding: 10px; color: #fff; line-height: 1; border-radius: 4px; -webkit-box-shadow: 0px 2px 2px #e7e7e7; box-shadow: 0px 2px 2px #e7e7e7; font-size: 14px; }
.u-tips span, .u-tips2 span { margin: 0 2px; }
.u-tips2 { background-color: #ff0012; }
.u-tips2 .icon:before { content: '\e611'; }
.u-cert { background-color: #E3F8FF; border: 1px solid #BFDFFF; border-radius: 2px; height: 22px; line-height: 22px; text-align: center; width: 80px; }
.u-cert .f-icon { font-size: 24px; vertical-align: -10px; color: #54A4FF; margin-right: 4px; }
.u-cert2 { width: 105px; border-color: #FFDC74; background-color: #FDFFD8; }
.u-cert2 .f-icon { color: #FF4000; }
.u-share a.f-fc0:hover { color: #ffffff; }
.u-share .solo { font-size: 15px; margin: 0 10px; display: block; border-radius: 50%; color: #ffffff; padding: 5px; }
.u-share .sina { background-color: #ed5b57; }
.u-share .sina:hover { background-color: #e5150f; color: #ffffff; }
.u-share .qzone { background-color: #73c3ed; }
.u-share .qzone:hover { background-color: #37a9e5; color: #ffffff; }
.u-share .renren { background-color: #91bae2; }
.u-share .renren:hover { background-color: #639dd6; color: #ffffff; }
.u-share .weixin { background-color: #71c96a; }
.u-share .weixin:hover { background-color: #35b22b; color: #ffffff; }
.u-share .weixin:hover .cnt { display: block; }
.u-share .weixin .cnt { background-color: #fff; color: #343d42; width: 150px; text-align: center; font-size: 14px; padding: 12px 0; line-height: 20px; border: 1px solid #d9ddde; top: -215px; left: -65px; }
.u-share .weixin .cnt .tip { margin-top: 7px; }
.u-share .weixin .cnt .tipBg { width: 1px; height: 1px; border: 9px solid transparent; bottom: -19px; left: 64px; border-top-color: #d9ddde; }
.u-share .weixin .cnt .tipTp { width: 1px; height: 1px; border: 8px solid transparent; border-top-color: #fff; bottom: -17px; left: 65px; z-index: 3; }
.u-share2 .solo { width: 20px; height: 20px; margin: 0 5px; }
.u-share2 .sina { background-position: -52px -92px; }
.u-share2 .sina:hover { background-position: -52px -123px; }
.u-share2 .qzone { background-position: 0 -92px; }
.u-share2 .qzone:hover { background-position: 0 -123px; }
.u-share2 .renren { background-position: -104px -92px; }
.u-share2 .renren:hover { background-position: -104px -123px; }
.u-share2 .weixin { background-position: -153px -92px; }
.u-share2 .weixin:hover { background-position: -153px -123px; }
div.m-QRCodeDialog { width: 280px; }
div.m-QRCodeDialog div.zbar { height: 10px; }
div.m-QRCodeDialog div.zcnt { height: 125px; padding: 0 20px 10px; }
div.m-QRCodeDialog .tip { margin: 20px 0 0; text-align: center; line-height: 25px; color: #666666; font-size: 12px; }
.u-img { border: 1px solid #fff; }
.u-loadmore { display: block; height: 40px; line-height: 40px; font-size: 14px; text-align: center; }
.u-loadmore:hover { color: #89BC00; }
.m-infomation .top { font-size: 16px; height: 50px; line-height: 51px; text-indent: 20px; border-bottom: 1px solid #eee; }
.m-infomation .bottom { padding: 20px 30px; }
.m-infomation .u-loadmore { background-color: #f4f4f4; }
.u-baseinputui { width: 100%; height: 100%; position: relative; border: 1px solid #ddd; }
.u-baseinputui .inputtxt { width: 100%; height: 100%; padding: 5px; font-size: 12px; border: none; overflow-y: auto; overflow-x: hidden; resize: none; }
.u-baseinputui .inputtxt:focus { background-color: #fff; }
.u-baseinputui .inputhint { font-size: 12px; color: #999; position: absolute; top: 8px; left: 10px; }
.u-baseinputui-disable { border-color: #ddd; }
.u-baseinputui-disable .inputtxt { color: #999; }
.u-baseinputui-error { border-color: #ff3f04; }
.u-loading { position: fixed; top: 38%; left: 44%; width: 75px; height: 22px; background: #fafafa url(../Images/loading.gif) center center no-repeat; border-radius: 4px; -webkit-box-shadow: 0 3px 10px #777; box-shadow: 0 3px 10px #777; }
.u-select { height: 32px; padding: 0 10px; width: 257px; background-color: white; border: 1px solid #dfdfdf; position: relative; }
.u-select.disabled { background-color: #fafafa; }
.u-select.disabled .up { cursor: default; }
.u-select .up { cursor: pointer; font-size: 14px; color: #999; line-height: 30px; background: url(../Images/ui_sprite.png) 241px -177px no-repeat; }
.u-select .up .txt1 { width: 177px; height: 30px; }
.u-select .down { position: absolute; top: 32px; left: 0; width: 275px; max-height: 450px; overflow-x: hidden; overflow-y: auto; z-index: 100; border: 1px solid #d1d2d4; }
.u-select .down .clazz { max-height: 160px; overflow-y: auto; overflow-x: hidden; }
.u-select .down .nocl { font-size: 12px; color: #999; padding: 8px 12px; }
.u-select .list { display: block; height: 33px; line-height: 33px; font-size: 14px; color: #333; padding: 0 10px; width: 257px; cursor: pointer; overflow: hidden; }
.u-select .list:hover { background-color: #ececee; }
.u-select .list input { margin: 10px 10px 10px 5px; }
.u-select .list .txt { width: 125px; }
.u-select .list .tit { min-width: 44px; }
.u-select .list .u-lsnicon { margin: 10px 10px 6px 10px; }
.u-select .list .txt1 { width: 177px; height: 33px; }
.u-pager { padding: 20px 0; }
.u-pager .zbtn, .u-pager .znxt, .u-pager .zprv, .u-pager .zpgi { color: #999; background: #fff; border: 1px solid #ddd; line-height: 30px; width: 30px; padding: 8px 13px; }
.u-pager .zbtn:hover, .u-pager .znxt:hover, .u-pager .zprv:hover, .u-pager .zpgi:hover { color: #fff; border: 1px solid #70AD00; background: #70AD00; }
.u-pager .js-disabled { color: #999 !important; background: #fff; border: 1px solid #ddd !important; }
.u-pager .js-disabled:hover { border: 1px solid #ddd !important; background: #fff; }
.u-pager .js-selected { color: #fff; border: 1px solid #70AD00; background: #70AD00 !important; }
.u-tabul { width: 205px; padding: 10px; }
.u-tabul .u-greentab { margin-bottom: 2px; }
.u-tabul .u-greentab a { display: block; font-size: 16px; line-height: 40px; padding-left: 12px; background-color: #fff; }
.u-tabul .u-greentab a:hover { background-color: #f8f8f8; }
.u-tabul .u-curtab a { color: #fff; background-color: #55b929; }
.u-tabul .u-curtab a:hover { color: #fff; background-color: #55b929; }
.u-searchIpt { background: #fafafa; height: 30px; width: 210px; float: left; padding: 0 6px; border: 1px solid #ddd; border-radius: 4px; position: relative; }
.u-searchIpt input[type=text] { border: none; background-color: transparent; font-size: 12px; line-height: 18px; padding: 6px 0; width: 86%; }
.u-searchIpt .submit, .u-searchIpt input[type=submit] { background-color: transparent; font-size: 16px; line-height: 1.4; color: #ddd; vertical-align: middle; cursor: pointer; width: 12%; }
.u-searchIpt label { position: absolute; top: 6px; left: 9px; cursor: text; }
.u-searchIpt.active { background-color: #fff; }
div.u-colorpick .zbx { background: url(../Images/nej_color_btn.png) no-repeat -50px -50px; }
div.u-colorpick .zbg { background: url(../Images/nej_color_btn.png) no-repeat -50px -50px; }
div.u-colorpick .zpnl .zshw { background: url(../Images/nej_color.png) no-repeat; }
div.u-colorpick .zhlt .zshw { background: url(../Images/nej_color_mask.png) repeat-x; }
div.u-colorpick .zinf .zbtn { font-size: 12px !important; line-height: 12px !important; margin-left: 10px; padding: 0px !important; min-width: 30px !important; }
div.u-colorpick > div { width: 170px !important; }
.u-helplink { line-height: 19px; }
.u-topxcbg { overflow: hidden; background: #ceedff; border-bottom: 1px solid #c1c1c1; }
.u-topxcbg .con { height: 200px; }
.u-topxcbg .bg { top: 0; left: -275px; width: 1510px; height: 200px; background: url(../Images/topbg.png) center center; }
.u-topxcbg .tit { top: 50px; left: 0; width: 461px; height: 34px; background: url(../Images/common/topbg_txt.png); }
.u-topxcbg .sm { left: 0; top: 105px; line-height: 21px; width: 520px; font-size: 14px; }
table.u-table { table-layout: fixed; width: 100%; border: 1px solid #ddd; }
table.u-table td, table.u-table th { padding: 8px 20px; text-align: left; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.u-table th { color: #333; background: #F8F8F8; border: 1px solid #E4E4E4; }
table.u-table td { font-size: 12px; border: 1px solid #ddd; }
table.u-table .warn td { color: #D80000; }
.u-usitys { margin: -20px 0 0 -20px; }
.u-usitys .u-usity { border: 1px solid #ddd; background-color: #fff; padding: 42px 60px; margin: 20px 0 0 20px; }
.m-dialog { width: 320px; }
.m-dialog .btn { text-align: right; }
.m-dialog .content { min-height: 55px; margin-bottom: 10px; }
.m-dialog .icon { float: left; width: 57px; height: 57px; background: url(../Images/ui_sprite.png) no-repeat 4449px 4449px; margin: 0 20px; }
.m-dialog .cnt { margin-left: 98px; }
.m-dialog .cntnom { margin-left: 0; }
.m-dialog .ic1 { background-position: 0 -85px; }
.m-dialog .ic2 { background-position: -65px -85px; }
.m-dialog .ic3 { display: none; }
.m-dialog .cnt { line-height: 23px; word-wrap: break-word; white-space: pre-wrap; }
.m-dialog .cnt .topTip { line-height: 20px; color: #333; }
.m-dialog .cnt .botTip { line-height: 20px; color: #999; }
.m-scdialog { top: 100px; left: 100px; width: 130px; padding: 15px; border: 1px solid #babecb; background: #fff; box-shadow: 0px 3px 14px #aaa; -webkit-box-shadow: 0px 3px 14px #aaa; -moz-box-shadow: 0px 3px 14px #aaa; z-index: 10020; }
.m-scdialog .content { margin-bottom: 12px; }
.m-scdialog .icon { background: url(../Images/ui_sprite.png) -62px -156px no-repeat; height: 20px; width: 20px; }
.m-scdialog .msg { width: 108px; line-height: 18px; color: #333; font-size: 12px; }
div.m-basewin { text-align: left; z-index: 10021; top: 0; left: 0; border: 1px solid #babecb; background: #ffffff; color: #444; box-shadow: 0px 3px 14px #aaa; -webkit-box-shadow: 0px 3px 14px #aaa; -moz-box-shadow: 0px 3px 14px #aaa; }
div.m-basewin .zbar { cursor: move; font-size: 14px; line-height: 44px; height: 44px; color: #444; border: none; background: none; }
div.m-basewin .zttl { padding: 0 20px; line-height: 44px; max-width: 620px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div.m-basewin .zcnt { padding: 0; height: auto; }
div.m-basewin .zcnt .bigTitle { width: 100%; height: 50px; line-height: 34px; border-bottom: 1px solid #d4d4d4; position: relative; text-align: center; font-size: 20px; }
div.m-basewin .zcnt .bigTitle .ic { position: absolute; left: 43%; bottom: -2px; height: 4px; width: 15%; background-color: #8bb721; }
div.m-basewin .zcls { top: 0; text-indent: -9999px; display: block; width: 32px; height: 32px; background: url(../Images/ui_sprite.png) no-repeat -170px -92px; }
div.m-basewin .zcls:hover { background-position: -203px -92px; }
div.m-basewin .zcls:active { background-position: -246px -92px; }
div.m-basewin .u-btn, div.m-basewin div.u-colorpick .zinf .zbtn, div.u-colorpick .zinf div.m-basewin .zbtn, div.m-basewin .u-btn-no-round-corner, div.m-basewin .u-btn-green, div.m-basewin .u-btn-light-gray { height: 36px; line-height: 36px; padding: 0 4px; margin-right: 10px; min-width: 50px; }
div.m-com-mask { z-index: 10011; background-color: #3b3b3b; opacity: 0.75; filter: alpha(opacity=75); }
div.m-editorwin { z-index: 10011; }
div.m-winmark { -webkit-box-shadow: 0px 2px 18px #444; box-shadow: 0px 2px 18px #444; border: none; }
.u-hidetitle .zbar .zttl { text-indent: -9999px; overflow: hidden; }
.u-window-pd.m-basewin div.zcnt { padding: 0 20px 20px 20px; }
.m-reportDialog { width: 400px; height: 200px; position: relative; }
.m-reportDialog .reportedit .m-edititem .editwrap { height: 135px; }
.m-reportDialog .reportedit .m-edititem .editwrap .edittxt { height: 135px; }
.m-reportDialog .feedback { position: absolute; left: -12px; top: 152px; }
.u-txt { background: #f1f1f1; outline: 1px solid #dfdfdf; }
.u-txt .txt { height: 45px; width: 330px; padding: 10px 0 13px; line-height: 45px; background: transparent; font-size: 16px; border: none; text-indent: 0.5em; }
.f-err { outline-color: #ff6666 !important; }
.loginErrorTip { top: 28% !important; left: 30% !important; }
div.m-loginbox { border: 1px solid #ddd; border-bottom-width: 0; background-color: #fff; min-height: 300px; width: 560px; -webkit-box-sizing: content-box; box-sizing: content-box; }
div.m-loginbox .loginTip { width: 308px; height: 80px; top: 141px; left: 19px; padding: 10px; border-radius: 2px; border: 1px solid #dddddd; background: #ffffff; }
div.m-loginbox .loginTip .anobtn { margin-top: 25px; }
div.m-loginbox .loginTip .u-btn, div.m-loginbox .loginTip div.u-colorpick .zinf .zbtn, div.u-colorpick .zinf div.m-loginbox .loginTip .zbtn, div.m-loginbox .loginTip .u-btn-no-round-corner, div.m-loginbox .loginTip .u-btn-green, div.m-loginbox .loginTip .u-btn-light-gray { margin-top: 15px; }
div.m-loginbox .tabs { border-bottom: 2px solid #dddddd; padding: 0 40px; }
div.m-loginbox .tabs .tab { font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; width: 153.33333px; height: 82px; padding-top: 34px; text-align: center; margin-bottom: -2px; -webkit-transition: color 350ms, border-color 350ms; transition: color 350ms, border-color 350ms; }
div.m-loginbox .tabs .tab2 { background-position: 25px 19px; }
div.m-loginbox .tabs .inactive { font-family: MicrosoftYaHei; font-size: 20px; color: #999999; letter-spacing: 0; border-bottom: 2px solid transparent; }
div.m-loginbox .tabs .active { font-family: MicrosoftYaHei; font-size: 20px; color: #333333; letter-spacing: 0; border-bottom: 2px solid #55b929; }
div.m-loginbox .sep { height: 60px; width: 1px; background: #ddd; }
div.m-loginbox .u-btn-submit { height: 44px; line-height: 37px; width: 100%; font-size: 20px; margin-top: 16px; }
div.m-loginbox .wrap { z-index: 100; padding-top: 20px; padding-left: 50px; padding-right: 50px; }
div.m-loginbox .wrap .form_content { margin: 0 auto; width: 300px; }
div.m-loginbox .itm .placeholder { color: #ccc; cursor: text; font-size: 16px; }
div.m-loginbox .itm-1 { z-index: 11; margin-top: 10px; height: 15px; line-height: 15px; display: inline-block; }
div.m-loginbox .itm-1 .lb { float: left; }
div.m-loginbox .itm-1 .lb .atlg { font-family: MicrosoftYaHei; font-size: 12px; color: #999999; letter-spacing: 0; }
div.m-loginbox .itm-1 a { font-size: 12px; display: inline-block; zoom: 1; }
div.m-loginbox .reg a span { color: #66a000; }
div.m-loginbox .u-tt3 { padding-left: 33px; height: 20px; line-height: 20px; }
div.m-loginbox .u-forget { padding-right: 10px; border-right: 1px solid #cccccc; margin-right: 10px; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; }
div.m-snsbox { text-align: center; border: 1px solid #ddd; border-top-width: 0; background: #f5f5f5; width: 560px; -webkit-box-sizing: content-box; box-sizing: content-box; }
div.m-snsbox .m-snsbox-content { padding: 0 40px; }
div.m-snsbox .tabs { float: left; }
div.m-snsbox .tab { font-family: MicrosoftYaHei; font-size: 14px; color: #333333; letter-spacing: 0; display: inline; line-height: 60px; margin-left: 40px; vertical-align: middle; }
div.m-snsbox .sns { line-height: 60px; height: 60px; margin-left: 20px; vertical-align: middle; float: left; }
div.m-snsbox .sns:before { font-size: 0; content: '1'; }
div.m-snsbox .sns li { display: inline-block; width: 32px; height: 32px; line-height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; cursor: pointer; vertical-align: middle; color: #666; border: 1px solid #666; border-radius: 50%; margin-right: 12px; }
div.m-snsbox .sns li .f-icon { line-height: 32px; }
div.m-snsbox .sns li:hover { border-color: #55b929; color: #55b929; }
div.m-snsbox .actions { float: right; margin-right: 40px; line-height: 60px; }
div.m-snsbox .actions .action-divider { width: 1px; height: 10px; margin: 0 10px; display: inline-block; background-color: #999; vertical-align: middle; }
div.m-snsbox .actions .action-item { font-family: MicrosoftYaHei; font-size: 12px; color: #999999; letter-spacing: 0; vertical-align: middle; }
div.m-snsbox .actions .action-item:hover { color: #55b929; }
.icourse-login-shim { width: 360px; margin: auto; }
.icourse-login-shim .j-iarea { z-index: 19; position: relative; height: 44px; margin-bottom: 0px; border: 1px solid #c5cddb; background: #fff; font-size: 12px; line-height: 44px; outline: none; }
.icourse-login-shim .j-iarea.active { border-color: #39a030; }
.icourse-login-shim .j-iarea .u-logo { float: left; width: 21px; text-align: center; padding: 0 5px 0 10px; height: 100%; }
.icourse-login-shim .j-iarea .u-logo .u-logo-img1 { display: inline-block; width: 22px; height: 24px; margin-top: 10px; background: url(../Images/fc6.png) -9999px -9999px no-repeat; background-position: -251px -86px; }
.icourse-login-shim .j-iarea .u-logo .u-logo-img2 { display: inline-block; width: 22px; height: 24px; margin-top: 10px; background: url(../Images/fc6.png) -9999px -9999px no-repeat; background-position: -291px -86px; }
.icourse-login-shim .j-iarea .u-input { position: relative; float: left; height: 100%; }
.icourse-login-shim .j-iarea .u-input .j-label { margin-left: 6px; font-size: 16px; position: absolute; width: 306px; z-index: 100; top: 0; left: 10px; color: #bdbdbd; font-size: 14px; font-weight: normal; cursor: text; width: 267px; }
.icourse-login-shim .j-iarea .u-input .j-input { width: 225px; color: #333; border: 0; font-size: 16px; font-weight: bold; background: #fff; padding: 0; margin-top: 2px; height: 41px; line-height: 41px; padding-left: 8px; }
.icourse-login-shim .j-iarea .u-input .j-input::-webkit-input-placeholder { font-weight: 500; }
.icourse-login-shim .j-iarea .u-input .j-input::-moz-placeholder { font-weight: 500; }
.icourse-login-shim .j-iarea .u-input .j-input:-ms-input-placeholder { font-weight: 500; }
.icourse-login-shim .j-iarea .u-input .j-input::-ms-input-placeholder { font-weight: 500; }
.icourse-login-shim .j-iarea .u-input .j-input::placeholder { font-weight: 500; }
.icourse-login-shim .j-submit { display: block; width: 100%; height: 44px; cursor: pointer; text-align: center; color: #fff; background: #ddd; font-size: 18px; line-height: 44px; border-radius: 2px; background: rgba(139, 183, 33, 0.8) !important; }
.icourse-login-shim .j-submit:hover { color: #fff; }
.icourse-login-shim .j-submit:active { color: #edc8c8; }
.m-login { padding: 0 20px; }
.m-login .tip { position: absolute; top: -28px; left: 37px; width: 100%; height: 20px; }
.m-login .tip .m-feedbackinfo { padding-left: 0; }
.m-login .itm .placeholder { position: absolute; top: 12px; left: 5px; color: #ccc; cursor: text; font-size: 16px; }
.m-login .itm1 { margin-top: 10px; }
.m-login .itm2 { margin-top: 15px; }
.m-login .itm-1 { z-index: 11; margin-top: 15px; height: 16px; line-height: 14px; }
.m-login .itm-1 .lb { float: left; }
.m-login .itm-1 .lb .atlg { font-family: MicrosoftYaHei; font-size: 12px; color: #999999; letter-spacing: 0; }
.m-login .itm-1 a { font-size: 12px; display: inline-block; zoom: 1; }
.u-info { position: absolute; left: 8px; top: 138px; padding: 8px; width: 195px; border: 1px solid #dfdfdf; background: #ffffe8; }
.u-info p { line-height: 20px; font-size: 12px; }
.u-info .arr { position: absolute; left: 28px; top: -8px; width: 20px; height: 10px; background: url(../Images/ui_sprite.png) no-repeat 9999px 9999px; background-position: -137px -104px; }
div.u-logwin .zbar { display: none; }
.m-edititem { width: 100%; }
.m-edititem .editwrap { background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #DFDFDF; -webkit-box-shadow: inset 1px 1px 2px #DFDFDF; box-shadow: inset 1px 1px 2px #DFDFDF; padding: 5px; height: 65px; position: relative; }
.m-edititem .editwrap .edittxt { font-size: 12px; line-height: 16px; height: 65px; width: 100%; background: transparent; border: none; overflow-y: auto; overflow-x: hidden; }
.m-edititem .editwrap .hint { font-size: 12px; color: #999; position: absolute; top: 5px; left: 5px; }
.m-edititem .editopt { padding-top: 8px; }
.m-edititem .editopt a { float: right; }
.m-edititem .editopt a.cancelbtn { line-height: 30px; margin-right: 15px; }
.u-upd-img-btn { position: relative; }
.u-upd-img-btn .flashbox { position: absolute; top: 0; left: 0; width: 70px; height: 32px; }
.u-btn, div.u-colorpick .zinf .zbtn, .u-btn-no-round-corner, .u-btn-green, .u-btn-light-gray { display: inline-block; padding: 4px 9px; font-size: 14px; line-height: 28px; color: #666; text-align: center; vertical-align: middle; cursor: pointer; min-width: 80px; font-family: "Arial", "Hiragino Sans GB", "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif"; border: 1px solid #999; border-radius: 4px; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1)); background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1)); background-image: linear-gradient(#EBEBEB, #E1E1E1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.u-btn:hover, div.u-colorpick .zinf .zbtn:hover, .u-btn-no-round-corner:hover, .u-btn-green:hover, .u-btn-light-gray:hover, .u-btn.hvr, div.u-colorpick .zinf .hvr.zbtn, .hvr.u-btn-no-round-corner, .hvr.u-btn-green, .hvr.u-btn-light-gray { background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED)); background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED)); background-image: linear-gradient(#F6F6F6, #EDEDED); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #666; }
.u-btn-no-round-corner, .u-btn-green, .u-btn-light-gray { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.u-btn-width120px { width: 102px; }
.u-btn-sm { padding: 5px 6px; font-size: 12px; line-height: 14px; min-width: 50px; }
.u-btn-lg { padding: 11px 14px; font-size: 20px; line-height: 20px; min-width: 110px; }
.u-btn-primary { background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#6FB7FF), to(#69B1F8)); background-image: -webkit-gradient(linear, left top, left bottom, from(#6FB7FF), to(#69B1F8)); background-image: linear-gradient(#6FB7FF, #69B1F8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border-color: #5998D5; color: #fff; }
.u-btn-primary:hover, .u-btn-primary.hvr { background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#7EC5FF), to(#7AC1F9)); background-image: -webkit-gradient(linear, left top, left bottom, from(#7EC5FF), to(#7AC1F9)); background-image: linear-gradient(#7EC5FF, #7AC1F9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background: #5998D5; border-color: #5998D5; color: #fff; }
.u-btn-default { background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#8FC200), to(#84B700)); background-image: -webkit-gradient(linear, left top, left bottom, from(#8FC200), to(#84B700)); background-image: linear-gradient(#8FC200, #84B700); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border-color: #719F00; color: #fff; }
.u-btn-default:hover, .u-btn-default.hvr { background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#AAD215), to(#A2C917)); background-image: -webkit-gradient(linear, left top, left bottom, from(#AAD215), to(#A2C917)); background-image: linear-gradient(#AAD215, #A2C917); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; }
.u-btn-whiteGreen { background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#FFF), to(#FFF)); background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF)); background-image: linear-gradient(#FFF, #FFF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border-color: #83b600; color: #61A500; }
.u-btn-whiteGreen:hover, .u-btn-whiteGreen.hvr { background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#83b600), to(#83b600)); background-image: -webkit-gradient(linear, left top, left bottom, from(#83b600), to(#83b600)); background-image: linear-gradient(#83b600, #83b600); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border-color: #FFF; color: #FFF; }
.u-btn-disabled { background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#eee), to(#eee)); background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#eee)); background-image: linear-gradient(#eee, #eee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border-color: #ccc; color: #666; cursor: default; }
.u-btn-disabled:hover, .u-btn-disabled.hvr { background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#eee), to(#eee)); background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#eee)); background-image: linear-gradient(#eee, #eee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #666; }
.u-btn-orange { background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#FF7E00), to(#FF6C00)); background-image: -webkit-gradient(linear, left top, left bottom, from(#FF7E00), to(#FF6C00)); background-image: linear-gradient(#FF7E00, #FF6C00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border-color: #EF6502; color: #fff; border-bottom: 1px solid #b25900; }
.u-btn-orange:hover, .u-btn-orange.hvr { background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ff9326), to(#ff9326)); background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9326), to(#ff9326)); background-image: linear-gradient(#ff9326, #ff9326); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; }
.u-btn-green { background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#55B929), to(#55B929)); background-image: -webkit-gradient(linear, left top, left bottom, from(#55B929), to(#55B929)); background-image: linear-gradient(#55B929, #55B929); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border-color: #55B929; color: #fff; border-bottom: 1px solid #55B929; }
.u-btn-green:hover, .u-btn-green.hvr { background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#54c15a), to(#54c15a)); background-image: -webkit-gradient(linear, left top, left bottom, from(#54c15a), to(#54c15a)); background-image: linear-gradient(#54c15a, #54c15a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; }
.u-btn-light-gray { background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f5f5f5)); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f5f5f5)); background-image: linear-gradient(#f5f5f5, #f5f5f5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border-color: #f5f5f5; color: black; border-bottom: 1px solid #f5f5f5; }
.u-btn-light-gray:hover, .u-btn-light-gray.hvr { background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f5f5f5)); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f5f5f5)); background-image: linear-gradient(#f5f5f5, #f5f5f5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: black; }
.u-btn-group .u-btn, .u-btn-group div.u-colorpick .zinf .zbtn, div.u-colorpick .zinf .u-btn-group .zbtn, .u-btn-group .u-btn-no-round-corner, .u-btn-group .u-btn-green, .u-btn-group .u-btn-light-gray { color: #666; border-color: #ddd; border-left-style: none; border-radius: 0; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#fff), to(#E8E8E8)); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E8E8E8)); background-image: linear-gradient(#fff, #E8E8E8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.u-btn-group .u-btn:hover, .u-btn-group div.u-colorpick .zinf .zbtn:hover, div.u-colorpick .zinf .u-btn-group .zbtn:hover, .u-btn-group .u-btn-no-round-corner:hover, .u-btn-group .u-btn-green:hover, .u-btn-group .u-btn-light-gray:hover { color: #61A500; }
.u-btn-group .u-btn-disabled { cursor: default; color: #CCC; }
.u-btn-group .u-btn-disabled:hover { color: #CCC; }
.u-btn-group .u-btn-active { background: #4EA45B; border-color: #3C8440; color: #fff; cursor: default; -webkit-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.u-btn-group .u-btn-active:hover { color: #fff; }
.u-btn-group .u-btn-left { border-left-style: solid; }
.ux-modal .ux-btn { border-radius: 0px; border: none; background-color: #55b929; }
.ux-modal .ux-btn.ux-btn-primary { background: #fff; color: #55b929; border: 1px solid #55b929; }
.ux-modal .ux-btn.ux-btn-primary:hover { background-color: #55b929; color: #fff; }
.ux-modal .ux-btn:hover { opacity: 0.9; }
.u-edit { position: relative; z-index: 101; background: #FAFAFA; border: 1px solid #DFDFDF; -webkit-box-shadow: inset 1px 1px 2px #DFDFDF; box-shadow: inset 1px 1px 2px #DFDFDF; padding: 5px; }
.u-edit .wrap { position: relative; z-index: 101; width: 100%; height: 100%; }
.u-edit .mtxt { display: block; font-size: 14px; position: relative; z-index: 101; line-height: 23px; width: 100%; height: 100%; resize: none; background: transparent; border: none; color: #444; overflow-y: auto; overflow-x: hidden; }
.u-edit .hint { position: absolute; top: 10px; left: 10px; color: #999; }
.u-insug .area { padding: 0; -webkit-box-shadow: none; box-shadow: none; height: 28px; background: #fff; }
.u-insug .area .sug { top: 100%; text-align: left; }
.u-insug .area .ar { text-indent: 6px; line-height: 30px; }
.u-sugInput p { font-size: 12px; color: #ccc; line-height: 22px; }
.u-sugInput .ipt { float: left; width: 219px; }
.u-sugInput .ipt .u-baseinputui .inputtxt { width: 100%; }
.u-sugInput .iptcom { width: 150px; float: left; margin: 0 8px 0 0; }
.u-sugInput .iptpos { width: 138px; float: left; }
.u-sugInput .ar { font-size: 12px; }
.u-sugInput .ar a { color: green; padding-left: 4px; }
.u-sugInput div.js-selected, .u-sugInput div.js-selected:hover { background-color: #55b829; }
.u-sugInput div.js-selected a, .u-sugInput div.js-selected:hover a { color: #fff; }
.j-search-box .j-input { overflow: initial !important; }
.u-nav-searchFunc .u-sugInput .ipt, .navLogin-searchFunc-i .u-sugInput .ipt, .nav-searchFunc-i .u-sugInput .ipt { float: left; width: 196px !important; }
.u-nav-searchFunc .u-sugInput .ipt .area, .navLogin-searchFunc-i .u-sugInput .ipt .area, .nav-searchFunc-i .u-sugInput .ipt .area { height: 26px !important; }
.u-nav-searchFunc .u-sugInput .ipt .u-baseinputui .inputtxt, .navLogin-searchFunc-i .u-sugInput .ipt .u-baseinputui .inputtxt, .nav-searchFunc-i .u-sugInput .ipt .u-baseinputui .inputtxt { width: 195px !important; height: 25px !important; }
.u-nav-searchFunc .u-sugInput .ipt .u-baseinputui, .navLogin-searchFunc-i .u-sugInput .ipt .u-baseinputui, .nav-searchFunc-i .u-sugInput .ipt .u-baseinputui { height: 24px !important; background-color: #fff !important; }
.u-nav-searchFunc .u-sugInput .ipt .u-baseinputui .inputtxt, .navLogin-searchFunc-i .u-sugInput .ipt .u-baseinputui .inputtxt, .nav-searchFunc-i .u-sugInput .ipt .u-baseinputui .inputtxt { -webkit-box-sizing: border-box; box-sizing: border-box; }
.u-nav-searchFunc .u-sugInput .ipt .u-baseinputui .inputhint, .navLogin-searchFunc-i .u-sugInput .ipt .u-baseinputui .inputhint, .nav-searchFunc-i .u-sugInput .ipt .u-baseinputui .inputhint { top: 5px; }
.u-upload { height: 28px; }
.u-upload .upload { height: 38px; position: relative; }
.u-upload .upload .showIpt { overflow: hidden; position: absolute; height: auto; line-height: 30px; padding: 0 4px; }
.u-upload .upload .realIpt { position: absolute; top: 0; filter: alpha(opacity=0); opacity: 0; cursor: pointer; height: 100%; right: 1px; }
.u-progress .proArea { height: 20px; width: 450px; line-height: 20px; }
.u-progress .proArea .proBg { width: 368px; height: 7px; border: 1px solid #f0f0f0; background-color: #ddd; border-width: 1px 0; margin-top: 4px; }
.u-progress .proArea .progress { background: url(../Images/upload_bar_bg.png) center top repeat-x; background-repeat: repeat-x; border: 1px solid; border-color: #e0ebd6 transparent #bfd9a5 #7eb746; height: 7px; width: 0; top: -1px; left: 0; -webkit-transition: width 0.5s ease-in-out 0s; transition: width 0.5s ease-in-out 0s; }
.u-progress .proArea .proNum { margin: 0 0 0 5px; }
.u-progress .proArea .cancelBtn { margin-left: 5px; }
.u-progress .hackProg { height: 20px; line-height: 20px; }
.u-progress .hackProg .m-feedbackinfo { padding: 0; }
.u-progress .hackProg .cancelBtn { margin-left: 20px; }
.u-simpleFileUpload { height: 38px; }
.u-simpleFileUpload .uploadBtn { width: 120px; }
.u-simpleFileUpload .tipNode { color: #aaa; line-height: 20px; margin-top: 15px; }
.u-simpleFileUpload .u-upload { height: 100%; }
.u-simpleFileUpload .u-upload .upload .showIpt { height: auto; }
.u-simpleFileUpload .info { line-height: 32px; }
.u-simpleFileUpload .info .cancel { margin-left: 10px; }
.u-simpleFileUpload .info .name { margin-right: 20px; max-width: 245px; }
div.m-fileNameDialog { width: 360px; }
.u-richeditor { width: auto; border: 1px solid #dfdfdf; text-align: center; position: relative; }
.u-richeditor .zbg { background: url(../Images/richEditer.png) no-repeat 4999px 4999px; }
.u-richeditor .zarea { background: #fff; width: 100%; }
.u-richeditor .ztbar { background-color: #f1f1f1; padding: 0 7px; border-bottom: 1px solid #dfdfdf; }
.u-richeditor .ztbar:after { display: block; clear: both; visibility: hidden; height: 0; content: '.'; }
.u-richeditor .zitm { float: left; width: 24px; height: 24px; margin: 7px 1px; cursor: pointer; position: relative; }
.u-richeditor .zitm:hover, .u-richeditor .zitm.js-checked { background-color: #d0d0d0; }
.u-richeditor .zitm.js-disabled, .u-richeditor .zitm.js-disabled:hover { cursor: default; background: #f1f1f1 !important; }
.u-richeditor .zitm .zicn { width: 24px; height: 24px; margin: 0; overflow: hidden; text-indent: 100px; }
.u-richeditor .z-i-0 .zicn { background-position: 0 0; }
.u-richeditor .z-i-0.js-disabled .zicn { cursor: default; background-position: 0 -24px; }
.u-richeditor .z-i-1 .zicn { background-position: -24px 0; }
.u-richeditor .z-i-1.js-disabled .zicn { cursor: default; background-position: -24px -24px; }
.u-richeditor .z-i-2 .zicn { background-position: -48px 0; }
.u-richeditor .z-i-2.js-disabled .zicn { cursor: default; background-position: -48px -24px; }
.u-richeditor .z-i-3 .zicn { background-position: -72px 0; }
.u-richeditor .z-i-3.js-disabled .zicn { cursor: default; background-position: -72px -24px; }
.u-richeditor .z-i-4 .zicn { background-position: -96px 0; }
.u-richeditor .z-i-4.js-disabled .zicn { cursor: default; background-position: -96px -24px; }
.u-richeditor .z-i-5 .zicn { background-position: -120px 0; }
.u-richeditor .z-i-5.js-disabled .zicn { cursor: default; background-position: -120px -24px; }
.u-richeditor .z-i-6 .zicn { background-position: -144px 0; }
.u-richeditor .z-i-6.js-disabled .zicn { cursor: default; background-position: -144px -24px; }
.u-richeditor .z-i-7 .zicn { background-position: -168px 0; }
.u-richeditor .z-i-7.js-disabled .zicn { cursor: default; background-position: -168px -24px; }
.u-richeditor .z-i-8 .zicn { background-position: -192px 0; }
.u-richeditor .z-i-8.js-disabled .zicn { cursor: default; background-position: -192px -24px; }
.u-richeditor .z-i-9 .zicn { background-position: -216px 0; }
.u-richeditor .z-i-9.js-disabled .zicn { cursor: default; background-position: -216px -24px; }
.u-richeditor .z-i-10 .zicn { background-position: -240px 0; }
.u-richeditor .z-i-10.js-disabled .zicn { cursor: default; background-position: -240px -24px; }
.u-richeditor .z-i-11 .zicn { background-position: -264px 0; }
.u-richeditor .z-i-11.js-disabled .zicn { cursor: default; background-position: -264px -24px; }
.u-richeditor .z-i-12 .zicn { background-position: -288px 0; }
.u-richeditor .z-i-12.js-disabled .zicn { cursor: default; background-position: -288px -24px; }
.u-richeditor .zisp { float: left; width: 1px; height: 18px; margin: 10px 4px; background: #ccc; }
.u-richeditor .zdlitm { float: left; height: 22px; padding: 0 16px 0 5px; margin: 7px 5px; cursor: pointer; background-color: white; border: 1px solid #dfdfdf; position: relative; }
.u-richeditor .zdlitm .up { font-size: 12px; color: #999; line-height: 22px; }
.u-richeditor .zdlitm .up .txt1 { width: 177px; height: 25px; }
.u-richeditor .zdlitm.js-disabled { background-color: #fafafa; }
.u-richeditor .zdlitm.js-disabled .up { cursor: default; }
.u-richeditor .zdlitm .down, .u-richeditor .zitm .down { position: absolute; top: 22px; left: -1px; width: auto; max-height: 360px; overflow-x: hidden; overflow-y: auto; z-index: 100; border: 1px solid #d1d2d4; background-color: #fff; }
.u-richeditor .zdlitm .list, .u-richeditor .zitm .list { display: block; line-height: 153%; font-size: 14px; color: #333; padding: 3px 10px; width: auto; cursor: pointer; overflow: hidden; text-align: left; font-family: '微软雅黑'; }
.u-richeditor .zdlitm .list:hover, .u-richeditor .zitm .list:hover { background-color: #f1f1f1; }
.u-richeditor .z-i-code.zdlitm { width: 55px; background-position: 53px -49px; }
.u-richeditor .z-i-code.zdlitm.js-disabled { background-position: 53px -74px; }
.u-richeditor .z-i-size.zdlitm { width: 32px; background-position: 32px -49px; }
.u-richeditor .z-i-size.zdlitm.js-disabled { background-position: 32px -74px; }
.u-richeditor .colorbtn { width: 32px; }
.u-richeditor .colorbtn .zicn { width: 32px; }
.u-richeditor .colorbtn .colordown { display: none; position: absolute; top: 22px; left: 0; z-index: 100; }
.u-richeditor .u-ecolorpicker { padding: 3px; border: 1px solid #d1d2d4; background-color: #f1f1f1; width: 132px; }
.u-richeditor .u-ecolorpicker .clear { display: block; color: #666; font-size: 13px; border: 1px solid #f1f1f1; text-align: center; width: 130px; height: 24px; line-height: 24px; }
.u-richeditor .u-ecolorpicker .clear:hover, .u-richeditor .u-ecolorpicker .clear.selected { border: 1px solid #aaa; }
.u-richeditor .u-ecolorpicker .colors { height: 88px; }
.u-richeditor .u-ecolorpicker .colorbtn { float: left; width: 20px; height: 20px; padding: 0; border: 1px solid #f1f1f1; }
.u-richeditor .u-ecolorpicker .colorbtn:hover, .u-richeditor .u-ecolorpicker .colorbtn.selected { border: 1px solid #aaa; }
.u-richeditor .u-ecolorpicker .colorbtn span { display: block; width: 14px; height: 14px; margin: 3px; }
.u-richeditor-link { width: 322px; padding: 0 20px 20px 20px; }
.u-richeditor-link .row { width: 338px; margin: 10px 0; }
.u-richeditor-link .txtwrap { border: 1px solid #ddd; width: 320px; height: 30px; }
.u-richeditor-link .txtwrap .title { color: #ccc; height: 30px; width: 30px; line-height: 30px; text-align: center; }
.u-richeditor-link .txtwrap .ipt { width: 280px; padding: 5px; font-size: 12px; line-height: 20px; background: #fafafa; border: none; overflow-y: auto; overflow-x: hidden; resize: none; }
.u-richeditor-link .btns { margin-top: 10px; }
.u-richeditor-link .btns .u-btn, .u-richeditor-link .btns div.u-colorpick .zinf .zbtn, div.u-colorpick .zinf .u-richeditor-link .btns .zbtn, .u-richeditor-link .btns .u-btn-no-round-corner, .u-richeditor-link .btns .u-btn-green, .u-richeditor-link .btns .u-btn-light-gray { margin-right: 0; margin-left: 10px; }
.u-richeditor-link .error { color: red; line-height: 1.4; }
.u-richeditor-uploadCard { text-align: left; width: 405px; padding: 0 20px 20px 20px; }
.u-richeditor-uploadCard .tab { border-bottom: 1px solid #e9e9e9; margin-bottom: 20px; }
.u-richeditor-uploadCard .tabitem span { line-height: 30px; text-align: center; font-size: 12px; padding: 0 5px; }
.u-richeditor-uploadCard .j-selected { background: #ddd; }
.u-richeditor-uploadCard .txtwrap { border: 1px solid #ddd; width: 320px; height: 30px; margin-right: 10px; }
.u-richeditor-uploadCard .txtwrap .txt { width: 310px; padding: 5px; font-size: 12px; line-height: 20px; background: #fafafa; border: none; overflow-y: auto; overflow-x: hidden; resize: none; }
.u-richeditor-uploadCard .hideimage { width: 0px; height: 0px; visibility: hidden; }
.u-richeditor-uploadCard .uploadcon, .webcon { margin-bottom: 20px; }
.u-richeditor-uploadCard .uploadcon { height: 32px; }
.u-richeditor-uploadCard .choose_file { height: 32px; width: 90px; }
.u-richeditor-uploadCard .desc { color: #ccc; }
.u-richeditor-uploadCard .error { color: red; line-height: 1.4; }
.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter, .syntaxhighlighter td, .syntaxhighlighter tr, .syntaxhighlighter tbody, .syntaxhighlighter thead, .syntaxhighlighter caption, .syntaxhighlighter textarea { -moz-border-radius: 0 !important; -webkit-border-radius: 0 0 0 0 !important; background: none !important; border: 0 !important; bottom: auto !important; float: none !important; left: auto !important; line-height: 1.1em !important; outline: 0 !important; overflow: visible !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-weight: 400 !important; font-style: normal !important; min-height: auto !important; font-size: 13px !important; margin: 0 !important; padding: 0 !important; }
.syntaxhighlighter { width: 100%; position: relative !important; border: 1px solid #ccc !important; border-radius: 4px !important; border-collapse: separate !important; background-color: #f5f5f5 !important; margin: 0.3em 0; }
.syntaxhighlighter.source { overflow: hidden !important; }
.syntaxhighlighter .italic { font-style: italic !important; }
.syntaxhighlighter caption { text-align: left !important; color: #000 !important; padding: 0.5em 0 0.5em 1em !important; }
.syntaxhighlighter ol { list-style: decimal; margin: 0px 0px 1px 0px; padding: 2px 0; color: #afafaf; font-size: 1em; line-height: 1.4em; color: #afafaf !important; background-color: #f7f7f9; }
.syntaxhighlighter ol li { list-style: decimal; border-left: 1px solid #e1e1e8; padding-left: 10px; line-height: 1.1em; margin: 0 0 0 45px; }
.syntaxhighlighter.show { display: block !important; }
.syntaxhighlighter.collapsed .toolbar { font-size: 1em !important; position: static !important; width: auto !important; color: blue !important; background: #fff !important; border: 1px solid #6ce26c !important; padding: 0.1em 0.8em 0 !important; }
.syntaxhighlighter.collapsed .toolbar span { display: inline !important; margin-right: 1em !important; }
.syntaxhighlighter.collapsed .toolbar span a { display: none !important; padding: 0 !important; }
.syntaxhighlighter .toolbar { position: absolute !important; right: 1px !important; top: 1px !important; width: 11px !important; height: 11px !important; font-size: 10px !important; z-index: 10 !important; color: #fff !important; background: #6ce26c !important; border: none !important; }
.syntaxhighlighter .toolbar a { display: block !important; text-align: center !important; text-decoration: none !important; padding-top: 1px !important; color: #fff !important; }
.syntaxhighlighter.ie { font-size: 0.9em !important; padding: 1px 0 !important; width: auto; }
.syntaxhighlighter.ie .toolbar { line-height: 8px !important; }
.syntaxhighlighter.ie .toolbar a { padding-top: 0 !important; }
.syntaxhighlighter.ie ol { white-space: normal; }
.syntaxhighlighter.printing .line.alt1 .content, .syntaxhighlighter.printing .line.alt2 .content, .syntaxhighlighter.printing .line.highlighted .number, .syntaxhighlighter.printing .line.highlighted.alt1 .content, .syntaxhighlighter.printing .line.highlighted.alt2 .content { background: none !important; }
.syntaxhighlighter.printing .line .number { color: #bbb !important; }
.syntaxhighlighter.printing .line .content { color: #000 !important; border: none !important; }
.syntaxhighlighter.printing a { text-decoration: none !important; }
.syntaxhighlighter .gutter .line.highlighted { background-color: #6ce26c !important; color: #fff !important; }
.syntaxhighlighter.collapsed { overflow: visible !important; }
.syntaxhighlighter .script { font-weight: 700 !important; color: #ff7800 !important; background-color: none !important; }
.syntaxhighlighter .bold, .syntaxhighlighter.printing .script { font-weight: 700 !important; }
.syntaxhighlighter.collapsed table, .syntaxhighlighter .toolbar a.expandSource, .syntaxhighlighter.printing .toolbar { display: none !important; }
.syntaxhighlighter.collapsed .toolbar span a.expandSource, .syntaxhighlighter .toolbar span.title { display: inline !important; }
.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a, .syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a, .syntaxhighlighter .line.highlighted.number, .syntaxhighlighter .toolbar a:hover, .syntaxhighlighter .plain, .syntaxhighlighter .plain a { color: #000 !important; }
.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a, .syntaxhighlighter .comments, .syntaxhighlighter .comments a { color: #008200 !important; }
.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a, .syntaxhighlighter.collapsed .toolbar a, .syntaxhighlighter .string, .syntaxhighlighter .string a { color: blue !important; }
.syntaxhighlighter.printing .keyword, .syntaxhighlighter .keyword { color: #ff7800 !important; font-weight: 700 !important; }
.syntaxhighlighter.printing .preprocessor, .syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a, .syntaxhighlighter .preprocessor, .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { color: gray !important; }
.syntaxhighlighter.printing .variable, .syntaxhighlighter .variable { color: #a70 !important; }
.syntaxhighlighter.printing .value, .syntaxhighlighter .value { color: #090 !important; }
.syntaxhighlighter.printing .functions, .syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a, .syntaxhighlighter .functions, .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { color: #ff1493 !important; }
.syntaxhighlighter.printing .constants, .syntaxhighlighter .constants { color: #06c !important; }
.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a, .syntaxhighlighter.collapsed .toolbar a:hover, .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { color: red !important; }
.u-richeditor-math { width: 700px; padding: 0 20px 20px 20px; }
.u-richeditor-math .m-mathedit { height: 470px; }
.u-richeditor-math .m-mathedit .u-latex { margin-top: 120px; }
.u-richeditor-math .m-mathedit .latextip { font-size: 14px; line-height: 24px; height: 24px; }
.u-richeditor-math .m-mathedit .chinatip { font-size: 12px; color: #2aa157; }
.u-richeditor-math .m-mathedit .savetip { font-size: 14px; color: #2aa157; }
.u-richeditor-math .m-mathedit .imgsrea { top: 44px; background-color: #fafafa; height: 100px; width: 700px; border-top: 1px solid #d6d6d6; }
.u-richeditor-math .m-mathedit .latexarea { margin-top: 10px; width: 100%; }
.u-richeditor-math .m-mathedit .latexSrc { width: 700px; height: 80px; font-size: 14px; border: 1px solid #dfdfdf; background-color: #fafafa; }
.u-richeditor-math .m-mathedit .latexlen { margin-top: 10px; height: 30px; line-height: 30px; }
.u-richeditor-math .m-mathedit .imgshow { margin-top: 15px; height: 65px; }
.u-richeditor-math .m-mathedit .warninfo { color: red; }
.u-richeditor-math .m-mathedit .imginfo { margin-right: 20px; font-size: 14px; }
.u-richeditor-math .m-mathedit .imgshow img { max-width: 570px; }
.u-richeditor-math .m-mathedit .latexMsg { height: 30px; lien-height: 30px; color: green; }
.u-richeditor-math .m-mathedit .tipinfo { height: 30px; lien-height: 30px; color: #d31818; margin-left: 10px; }
.u-richeditor-math .m-mathedit .samright { border: 1px solid #ddd; margin-right: 5px; padding: 0 3px; height: 70px; background-color: #fff; }
.u-richeditor-math .m-mathedit .samright img { vertical-align: middle; }
.u-richeditor-math .m-mathedit .verticalAlign { vertical-align: middle; display: inline-block; height: 100%; width: 1px; margin-left: -1px; }
.u-richeditor-math .m-mathedit .eqitem { z-index: 10; width: 700px; padding-top: 10px; }
.u-richeditor-math .m-mathedit .itemname { text-align: center; background-color: #f2f2f2; padding: 0 10px; height: 44px; line-height: 44px; font-size: 14px; }
.u-richeditor-math .m-mathedit .selected { background-color: #d9d9d9; color: #2aa157; }
.u-richeditor-math .m-mathedit .eqitem-2 { left: -48px; }
.u-richeditor-math .m-mathedit .eqitem-3 { left: -96px; }
.u-richeditor-math .m-mathedit .eqitem-4 { left: -144px; }
.u-richeditor-math .m-mathedit .eqitem-5 { left: -192px; }
.u-richeditor-math .m-mathedit .eqitem-6 { left: -240px; }
.u-richeditor-math .m-mathedit .eqitem-7 { left: -287px; }
.u-richeditor-math .m-mathedit .eqitem-8 { left: -336px; }
.u-richeditor-math .m-mathedit .eqitem-9 { left: -398px; }
.u-richeditor-math .m-mathedit .eqitem-10 { left: -459px; }
.u-richeditor-math .m-mathedit .eqitem-11 { left: -508px; }
.u-richeditor-math .m-mathedit .eqitem-12 { left: -557px; }
.u-richeditor-math .m-mathedit .eqitem-13 { left: -604px; }
.u-richeditor-math .m-mathedit .eqitem-14 { left: -652px; }
.u-richeditor-math .m-mathedit .sunSample { width: 650px; }
body .u-eduEditorDialog { border-radius: 3px; background: white; padding: 30px 45px 25px 45px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); }
body .u-eduEditorDialog .zbar { background-color: white; border: none; }
body .u-eduEditorDialog .zbar .zttl { font-size: 18px; }
body .u-eduEditorDialog .zcnt { padding: 10px 0; }
body .u-eduEditorDialog .zcls { font-size: 20px; top: 12px; right: 8px; }
body .u-eduEditorDialog .u-richeditor-link { width: inherit; padding: 0 5px; }
body .u-eduEditorDialog .u-richeditor-link .row { width: inherit; }
body .u-eduEditorDialog .u-richeditor-link .row label { margin-right: 10px; line-height: 33px; float: left; color: #859295; }
body .u-eduEditorDialog .u-richeditor-link .txtwrap { display: inline-block; height: auto; border: none; }
body .u-eduEditorDialog .u-richeditor-link .txtwrap .ipt { width: 294px; height: 20px; padding: 6px 12px; border: 1px solid #e4e8e9; color: #555; background: white; border-radius: 2px; }
body .u-eduEditorDialog .u-richeditor-link .txtwrap .ipt:focus { background: white; color: #343d42; -webkit-box-shadow: 1px 1px 10px #E4F9E5; box-shadow: 1px 1px 10px #E4F9E5; }
body .u-eduEditorDialog .u-richeditor-link .btns { margin-top: 15px; }
body .u-eduEditorDialog .u-richeditor-link .btns .u-btn, body .u-eduEditorDialog .u-richeditor-link .btns div.u-colorpick .zinf .zbtn, div.u-colorpick .zinf body .u-eduEditorDialog .u-richeditor-link .btns .zbtn, body .u-eduEditorDialog .u-richeditor-link .btns .u-btn-no-round-corner, body .u-eduEditorDialog .u-richeditor-link .btns .u-btn-green, body .u-eduEditorDialog .u-richeditor-link .btns .u-btn-light-gray, body .u-eduEditorDialog .u-richeditor-link .btns .u-btn-gh { padding: 0px; width: 100px; height: 32px; line-height: 32px; font-size: 14px; text-align: center; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }
body .u-eduEditorDialog .u-richeditor-uploadCard { width: 465px; padding: 0 0 10px 0; }
body .u-eduEditorDialog .u-richeditor-uploadCard .cnt .txtwrap { width: 336px; height: auto; border: none; }
body .u-eduEditorDialog .u-richeditor-uploadCard .cnt .txtwrap .txt { height: 20px; padding: 6px 12px; border: 1px solid #e4e8e9; color: #555; background: white; border-radius: 2px; }
body .u-eduEditorDialog .u-richeditor-uploadCard .cnt .txtwrap .txt:focus { background: white; color: #343d42; -webkit-box-shadow: 1px 1px 10px #E4F9E5; box-shadow: 1px 1px 10px #E4F9E5; }
body .u-eduEditorDialog .u-richeditor-uploadCard .cnt .u-btn, body .u-eduEditorDialog .u-richeditor-uploadCard .cnt div.u-colorpick .zinf .zbtn, div.u-colorpick .zinf body .u-eduEditorDialog .u-richeditor-uploadCard .cnt .zbtn, body .u-eduEditorDialog .u-richeditor-uploadCard .cnt .u-btn-no-round-corner, body .u-eduEditorDialog .u-richeditor-uploadCard .cnt .u-btn-green, body .u-eduEditorDialog .u-richeditor-uploadCard .cnt .u-btn-light-gray { width: 100px; height: 34px; line-height: 34px; float: right; padding: 0px; background: #49AF4F; border: 1px solid #49AF4F; color: #fff; border-radius: 3px; }
body .u-eduEditorDialog .u-richeditor-uploadCard .cnt .desc { font-size: 12px; }
body .u-eduEditorDialog .u-richeditor-uploadCard .tab { height: 50px; border: none !important; }
body .u-eduEditorDialog .u-richeditor-uploadCard .tab .j-tab { float: left; border-bottom: solid 1px #55B929; width: 230px; text-align: center; color: #859295; background-color: #f2f5f5; }
body .u-eduEditorDialog .u-richeditor-uploadCard .tab .j-selected { border: solid 1px #55B929; border-bottom: solid 1px transparent; color: #55B929; background-color: white; height: 29px; }
body .u-eduEditorDialog .u-richeditor-uploadCard .uploadcon { margin-bottom: 15px; }
body .u-eduEditorDialog .u-richeditor-uploadCard .webcon { margin-bottom: 12px; }
body .u-eduEditorDialog .u-richeditor-math .u-equation .eqitems .item :first-child { padding-left: 0; }
body .u-eduEditorDialog .u-richeditor-math .u-equation .eqitems .item .itemname { background: white; }
body .u-eduEditorDialog .u-richeditor-math .u-equation .eqitems .item .selected { color: #55B929; }
body .u-eduEditorDialog .u-richeditor-math .u-equation .eqitems .item .selected:after { display: block; content: ''; width: 0; height: 0; border: 7px solid transparent; position: relative; border-bottom: 10px solid #dfdfdf; top: -16px; left: 6px; }
body .u-eduEditorDialog .u-richeditor-math .u-equation .imgsrea { border: 1px solid #dfdfdf; height: 130px; }
body .u-eduEditorDialog .u-richeditor-math .u-latex { margin-top: 155px; }
body .u-eduEditorDialog .u-richeditor-math .u-latex .latextip, body .u-eduEditorDialog .u-richeditor-math .u-latex .chinatip { display: inline-block; }
body .u-eduEditorDialog .u-richeditor-math .u-latex .chinatip { color: #859295; font-size: 12px; }
body .u-eduEditorDialog .u-richeditor-math .u-latex .latexarea .latexSrc { width: 674px; padding: 6px 12px; border: 1px solid #e4e8e9; color: #555; background: white; border-radius: 2px; }
body .u-eduEditorDialog .u-richeditor-math .u-latex .latexarea .latexSrc:focus { background: white; color: #343d42; -webkit-box-shadow: 1px 1px 10px #E4F9E5; box-shadow: 1px 1px 10px #E4F9E5; }
body .u-eduEditorDialog .u-richeditor-math .latexlen .latexMsg { font-size: 12px; color: #55B929; }
body .u-eduEditorDialog .u-richeditor-math .latexlen .tipinfo { font-size: 12px; color: #D80000; }
body .u-eduEditorDialog .u-richeditor-math .savetip { font-size: 12px; color: #55B929 !important; }
body .u-eduEditorDialog .u-richeditor-math .u-btn-preview { display: inline-block; }
body .u-eduEditorDialog .u-richeditor-math .u-btn-gh, body .u-eduEditorDialog .u-richeditor-math .u-btn, body .u-eduEditorDialog .u-richeditor-math div.u-colorpick .zinf .zbtn, div.u-colorpick .zinf body .u-eduEditorDialog .u-richeditor-math .zbtn, body .u-eduEditorDialog .u-richeditor-math .u-btn-no-round-corner, body .u-eduEditorDialog .u-richeditor-math .u-btn-green, body .u-eduEditorDialog .u-richeditor-math .u-btn-light-gray { width: 100px; height: 32px; line-height: 32px; font-size: 14px; text-align: center; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }
body .u-eduEditorDialog .u-richeditor-math .btns .u-btn, body .u-eduEditorDialog .u-richeditor-math .btns div.u-colorpick .zinf .zbtn, div.u-colorpick .zinf body .u-eduEditorDialog .u-richeditor-math .btns .zbtn, body .u-eduEditorDialog .u-richeditor-math .btns .u-btn-no-round-corner, body .u-eduEditorDialog .u-richeditor-math .btns .u-btn-green, body .u-eduEditorDialog .u-richeditor-math .btns .u-btn-light-gray { margin-left: 15px; }
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; outline: none; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; }
html, body, fieldset, img, iframe, abbr { border: 0; }
img { vertical-align: top; }
cite, em, var, address, dfn { font-style: normal; }
i { font-style: italic; }
[hidefocus], summary { outline: 0; }
li { list-style: none; }
sup, sub { font-size: 83%; }
pre, code, kbd, samp { font-family: inherit; }
q:before, q:after { content: none; }
textarea { overflow: auto; resize: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; }
em, strong, b { font-weight: bold; }
del, ins, s, a, a:hover { text-decoration: none; }
body, textarea, input, button, select, keygen, legend { font: 12px/1.5 "Arial", "Hiragino Sans GB", "SimSun",\5b8b\4f53, "serif"; color: #333; outline: 0; }
h1, h2, h3, h4, h5, h6, small { font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif"; line-height: 1.5; font-weight: normal; }
body { background: #eee; font-size: 12px; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.33em; }
h4 { font-size: 1.17em; }
body li { clear: none; }
.f-cb:after, .g-container:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "."; }
.f-cb, .g-container { zoom: 1; }
.f-thide, .f-nowrp { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f-hide { text-indent: -9999px; overflow: hidden; }
.f-ib { display: inline-block; zoom: 1; *display: inline; }
.f-dn { display: none; }
.f-db { display: block; }
.f-pr { position: relative; }
.f-pf { position: fixed; }
.f-cp { cursor: pointer; }
.f-fs1 { font-size: 14px; }
.f-fs16 { font-size: 16px; }
.f-fwb { font-weight: bold; }
.f-icon { font-family: 'icon-mooc'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.notSupport { position: absolute; width: 100%; top: 50%; margin-top: -15px; text-align: center; font-size: 14px; color: #888; line-height: 30px; }
.player .track { width: 100%; left: 0; bottom: 70px; z-index: 1; }
.player .track.over { -webkit-animation: trackBarOver 0.5s linear; animation: trackBarOver 0.5s linear; -o-animation: trackBarOver 0.5s linear; bottom: 20px; }
.player .track .tc { width: 90%; margin: 0 auto; color: #fff; font-size: 26px; line-height: 25px; text-align: center; text-shadow: 0px 3px 2px #000,-1px 0px 5px #000,0px -2px 2px #000,3px 0px 3px #000; }
.player .track .tc.tc2 { font-size: 18px; }

@media screen and (max-width: 740px) {
    .player .track .tc { font-size: 22px; }
}

.player .control { bottom: 0; left: 0; width: 100%; z-index: 100; }
.player .control .progressBar { height: 6px; background-color: #555; }
.player .control .progressBar .selectTime { top: -26px; height: 20px; line-height: 20px; background-color: #000; color: #fff; opacity: 0.8; padding: 3px 5px; border-radius: 4px; }
.player .control .progressBar .selectTime.hide { display: none; }
.player .control .progressBar .timeBar { top: 0; background-color: #8ec800; width: 0; height: 100%; }
.player .control .progressBar .bufferBar { top: 0; background: #888; width: 0; height: 100%; }
.player .control .progressBar .timeIcon { display: block; height: 8px; width: 8px; bottom: -3px; background-color: #fff; border: 2px solid #a2a2a2; border-radius: 8px; z-index: 10; }
.player .control .progressBar .timeIcon:hover { -webkit-transform: scale(1.2); transform: scale(1.2); }
.player .control .progressBar .anchor { display: block; width: 3px; height: 5px; top: 0; background-color: #ddd; }
.player .control .con { display: block; height: 50px; background-color: rgba(0, 0, 0, 0.6); width: 100%; line-height: 50px; font-size: 12px; }
.player .control .con.over { overflow: hidden; }
.player .control .con .playBtn, .player .control .con .pauseBtn { display: block; text-align: center; width: 40px; height: 100%; margin: 0 0 0 8px; font-size: 26px; color: #ccc; }
.player .control .con .playBtn.disable:hover, .player .control .con .pauseBtn.disable:hover { color: #ccc; }
.player .control .con .playBtn:hover, .player .control .con .pauseBtn:hover { color: #fff; }
.player .control .con .pauseBtn { display: none; }
.player .control .con .time { left: 50px; text-align: center; width: 100px; height: 100%; color: #999; }
.player .control .con .time .go { color: #fff; }
.player .control .con .time .total { color: #999; }
.player .control .con .volume { width: 24px; height: 50px; }
.player .control .con .volume:hover .volumeSlide { visibility: visible; }
.player .control .con .volume .volumeSlide { visibility: hidden; bottom: 40px; left: 0; width: 24px; height: 105px; }
.player .control .con .volume .volumeSlide .total { height: 100%; width: 100%; background: #000; opacity: 0.8; filter: alpha(opacity=80); border-radius: 4px; }
.player .control .con .volume .volumeSlide .current { height: 80px; width: 100%; bottom: 10px; background: #8ec800; border-radius: 0 0 4px 4px; opacity: 1; filter: alpha(opacity=100); z-index: 1000; }
.player .control .con .volume .volumeSlide .icon { width: 100%; height: 5px; background-color: #b6e83c; top: 10px; z-index: 1000; }
.player .control .con .volume .volumeSlide .icon:hover { background-color: #c7f84e; }
.player .control .con .volume .icon { text-align: center; width: 100%; font-size: 24px; color: #c6c6c7; }
.player .control .con .volume .icon:hover { color: #fff; }
.player .control .con .muteBtn { right: 135px; width: 30px; }
.player .control .con .fullScreenBtn { right: 10px; width: 45px; font-size: 20px; text-align: center; color: #ccc; }
.player .control .con .fullScreenBtn:hover { color: #fff; }
.player .control .con .item { height: 22px; line-height: 22px; border-radius: 4px; padding: 0 10px; color: #ccc; background-color: #555; cursor: pointer; }
.player .control .con .item:hover { background-color: #666; color: #fff; }
.player .control .con .item.disable, .player .control .con .item.disable:hover { cursor: default; background-color: #333; color: #555; }
.player .control .con .rate ul, .player .control .con .quality ul, .player .control .con .subtitle ul { display: none; bottom: 40px; width: 45px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.7); color: #999; }
.player .control .con .rate ul li, .player .control .con .quality ul li, .player .control .con .subtitle ul li { height: 22px; width: 39px; line-height: 22px; margin: 6px auto; }
.player .control .con .rate ul li.selected, .player .control .con .quality ul li.selected, .player .control .con .subtitle ul li.selected { height: 20px; background-color: rgba(34, 34, 34, 0.9); border: 1px solid #1b1b1b; border-radius: 4px; -webkit-box-shadow: 0 1px 0 0px #666; box-shadow: 0 1px 0 0px #666; color: #fff; }
.player .control .con .rate ul li.selected:hover, .player .control .con .quality ul li.selected:hover, .player .control .con .subtitle ul li.selected:hover { color: #fff; }
.player .control .con .rate ul li:hover, .player .control .con .quality ul li:hover, .player .control .con .subtitle ul li:hover { color: #8ec800; }
.player .control .con .rate { width: 60px; text-align: center; margin: 0 8px; }
.player .control .con .rate ul { width: 60px; }
.player .control .con .rate ul li { width: 54px; }
.player .control .con .rate .rateBtn { margin: 14px 0; }
.player .control .con .rate.unfold ul { display: block; }
.player .control .con .quality { margin: 0 8px; width: 45px; text-align: center; }
.player .control .con .quality .qualityBtn { margin: 14px 0; }
.player .control .con .quality.unfold ul { display: block; }
.player .control .con .quality.disable ul { display: none; }
.player .control .con .quality.disable .item { background-color: #333; color: #555; }
.player .control .con .quality.disable .item:hover { background-color: #333; color: #555; }
.player .control .con .subtitle { margin: 0 8px; height: 100%; width: 50px; text-align: center; }
.player .control .con .subtitle .subtitleBtn { margin: 14px 0; }
.player .control .con .subtitle ul { width: 50px; }
.player .control .con .subtitle ul li { width: 36px; padding: 0px 4px; }
.player .control .con .subtitle ul li.selected span { color: #84b803; }
.player .control .con .subtitle.unfold ul { display: block; }
.player .control .con .subtitle.disable ul { display: none; }
.player .control .con .subtitle.disable .item { background-color: #333; color: #555; }
.player .control .con .subtitle.disable .item:hover { background-color: #333; color: #555; }
.player.noCover .control .progressBar { height: 4px; }
.player.noCover .control .progressBar .timeIcon { display: none; }
.player.noCover .control .con { -webkit-animation: controlBarOver 0.5s linear; animation: controlBarOver 0.5s linear; -o-animation: controlBarOver 0.5s linear; height: 0; }

@-webkit-keyframes controlBarOver {
    0% { height: 50px; }
    100% { height: 0; }
}

@keyframes controlBarOver {
    0% { height: 50px; }
    100% { height: 0; }
}

@-webkit-keyframes trackBarOver {
    0% { bottom: 70px; }
    100% { bottom: 20px; }
}

@keyframes trackBarOver {
    0% { bottom: 70px; }
    100% { bottom: 20px; }
}

.player { position: relative; width: 100%; height: 100%; -webkit-box-shadow: 0px 0px 3px #999; -ms-box-shadow: 0px 0px 3px #999; box-shadow: 0px 0px 3px #999; }
.player:-webkit-full-screen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2147483647; background: black; width: 100%; height: 100%; }
.player-body-fullWindow { padding: 0; margin: 0; height: 100%; overflow-y: auto; }
.player { position: relative; overflow: hidden; }
.player.player-player-fullWindow { position: fixed; overflow: hidden; z-index: 2147483647; left: 0; top: 0; bottom: 0; right: 0; width: 100% !important; height: 100% !important; }
.player a { color: #fff; }
.player a:hover { text-decoration: none; color: #999; }
.player .view { top: 0; left: 0; bottom: 0; width: 100%; }
.player .bg { left: 0; right: 0; top: 0; bottom: 0; background: #000; }
.player .videoContainer { z-index: 1; width: 100%; height: 100%; }
.player .videoContainer video { width: 100%; height: 100%; }
.player.noCover .display .start { -webkit-animation: btnOver 0.5s linear; animation: btnOver 0.5s linear; -o-animation: btnOver 0.5s linear; bottom: 20px; }
.player .display { z-index: 2; width: 100%; height: 100%; cursor: pointer; background: transparent 0 0 repeat url(../Images/transparent.png?); }
.player .display .replay, .player .display .loading { display: none; left: 50%; top: 50%; margin: -53px 0 0 -53px; height: 106px; width: 106px; }
.player .display .replay .cover, .player .display .loading .cover { background-color: #000; opacity: 0.4; filter: alpha(opacity=40); border-radius: 106px; }
.player .display .replay .center, .player .display .loading .center { left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; }
.player .display .replay .image, .player .display .loading .image { background: url(../Images/loading.png) center no-repeat; -webkit-animation: loadingrotate 1.5s infinite linear; -ms-animation: loadingrotate 1.5s infinite linear; -moz-animation: loadingrotate 1.5s infinite linear; }
.player .display .replay .icon, .player .display .loading .icon { color: #eee; text-align: center; line-height: 106px; font-size: 48px; }
.player .display .replay .icon.left, .player .display .loading .icon.left { padding-left: 7px; }
.player .display .replay:hover .cover, .player .display .loading:hover .cover { opacity: 0.3; filter: alpha(opacity=30); }
.player .display .replay:hover .icon, .player .display .loading:hover .icon { color: #fff; }
.player .display .start { display: block; left: 20px; bottom: 70px; height: 90px; width: 90px; }
.player .display .start .cover { background-color: #000; opacity: 0.4; filter: alpha(opacity=40); border-radius: 90px; }
.player .display .start .center { left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; }
.player .display .start .icon { color: #eee; text-align: center; line-height: 90px; font-size: 40px; }
.player .display .start .icon.left { padding-left: 7px; }
.player .display .start:hover .cover { opacity: 0.3; filter: alpha(opacity=30); }
.player .display .start:hover .icon { color: #fff; }

@-webkit-keyframes loadingrotate {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@-webkit-keyframes btnOver {
    0% { bottom: 70px; }
    100% { bottom: 20px; }
}

@keyframes btnOver {
    0% { bottom: 70px; }
    100% { bottom: 20px; }
}

.ux-pager .ux-pager_itm a:hover { background: #49af4f; }
.ux-pager .ux-pager_itm a.th-bk-main { background: #49af4f; color: #fff; }
.ux-pager .ux-pager_btn .th-bk-main-gh:hover { color: #49af4f; }
.u-richeditor .z-i-size.zdlitm, .u-richeditor .colorbtn { display: none !important; }
.u-edu-h5player-pcdisplay .statewrap .buffering { background-position: 0 36px; }
.u-richeditor .zbg { background: url(../Images/richEditer.png) no-repeat 4999px 4999px; }
.mooc-btn-default { background: #56b929; border-color: #56b929; }
.mooc-btn-default:hover { background: #96d103; border-color: #96d103; }
.mooc-btn-default.th-bk-disable { cursor: not-allowed; }
.mooc-btn-default.th-bk-disable:hover { background-color: #999999; border-color: #999999; cursor: not-allowed; }
.m-header1 { height: 90px; background: #2e323e; }
.m-header1 .headdoc { width: 960px; margin: 0 auto; }
.m-header1 .logo a { height: 90px; display: table-cell; vertical-align: middle; }
.m-header1 .logo.spoc .spoc_icon { background: url(../Images/logo_spoc.png) no-repeat 0 23px; }
.m-header1 .search { position: relative; -webkit-transition: background-color 0.2s ease-in 0s; transition: background-color 0.2s ease-in 0s; margin: 30px 5px 0 0; padding: 0px 6px; width: 132px; height: 28px; background-color: #eee; }
.m-header1 .search .text { font-size: 14px; background: transparent; line-height: 1; width: 116px; }
.m-header1 .search .text .u-sugInput .ipt { width: 116px; }
.m-header1 .search .text .u-sugInput .ipt .u-insug .area { background-color: transparent; }
.m-header1 .search .text .u-sugInput a { color: #85b708; }
.m-header1 .search .text .u-sugInput .js-selected a { color: #fff; }
.m-header1 .search .text .u-sugInput .u-baseinputui { border: none; width: 106px !important; }
.m-header1 .search .text .u-sugInput .u-baseinputui .sug { left: -23px; width: 144px; }
.m-header1 .search .text .u-sugInput .u-baseinputui .sug .ar { display: none; }
.m-header1 .search .text .u-sugInput .u-baseinputui .inputtxt { padding: 5px 0; width: 106px !important; }
.m-header1 .search .text .u-sugInput .u-baseinputui .inputtxt:focus { background-color: transparent; }
.m-header1 .search .text .u-sugInput .u-baseinputui .inputhint { top: 8px; left: 10px; white-space: nowrap; }
.m-header1 .search .submit { font-size: 15px; color: #aaa; line-height: 30px; }
.m-header1 .search label { top: 4px; font-size: 14px; }
.m-header1 .search.active { background: #fff; }
.m-header1 .nav { width: 370px; }
.m-header1 .nav a { height: 90px; position: relative; }
.m-header1 .nav a .inner { font-size: 18px; text-align: center; height: 90px; width: 75px; line-height: 90px; color: #fff; background: #2e323e; }
.m-header1 .nav a .ic { display: none; bottom: 0; left: 11px; width: 80px; height: 4px; background: #8bb721; }
.m-header1 .nav a:hover .inner { background: #232730; }
.m-header1 .nav a.active .ic { display: block; }
.m-header1 .nav a.spoc .inner { padding-left: 35px; width: 80px; background: url(../Images/head.png) no-repeat 10px 33px; }
.m-header1 .nav a.spoc .ic { left: 18px; }
.m-header1 .nav a.spoc:hover { background-color: #232730; }
.m-header1 .nav a.spoc:hover .inner { background-position: 10px -49px; }
.m-header1 .nav a.app { padding-left: 10px; }
.m-header1 .nav a.app .inner { padding-left: 10px; width: 80px; background: url(../Images/spriteIcon.png) no-repeat -35px -400px; }
.m-header1 .nav a.app .ic { left: 18px; }
.m-header1 .nav a.app:hover { background-color: #232730; }
.m-header1 .nav a.app:hover .inner { background: url(../Images/spriteIcon.png) no-repeat -35px -491px; }
.m-header1 .nav a.app:hover + .appTips { display: block; }
.m-header1 .nav .appTips { display: none; background-color: #fff; height: 210px; position: absolute; width: 370px; top: 70px; margin-left: 140px; }
.m-header1 .nav .appTips:hover { display: block; }
.m-header1 .nav .appTips:after { content: ' '; height: 0; position: absolute; width: 0; top: -18px; left: 45%; border: 10px solid transparent; border-bottom-color: #ffffff; }
.m-header1 .nav .appTips .dltitle { font-size: 18px; line-height: 52px; margin-left: 20px; }
.m-header1 .nav .appTips .qrcode { float: left; margin-left: 20px; }
.m-header1 .nav .appTips .dlbtn { width: 140px; float: left; margin-left: 10px; text-align: center; }
.m-header1 .nav .appTips .dlbtn .btn { width: 180px; height: 55px; display: block; margin-top: 10px; background: url(../Images/spriteIcon.png) no-repeat -4999px -4999px; }
.m-header1 .nav .appTips .dlbtn .btn.iphone { background-position: -0px -638px; }
.m-header1 .nav .appTips .dlbtn .btn.android { background-position: -0px -716px; }
.m-header1 .m-navlinks { padding: 28px 0; }
.m-header2 { height: 80px; background: #2b3747; }
.m-header2 .headdoc { padding: 0 15px; }
.m-header2 .logo { padding-left: 10px; }
.m-header2 .logo a { width: 240px; height: 80px; display: table-cell; vertical-align: middle; }
.m-header2 .logo.spoc .spoc_icon { background: url(../Images/logo_spoc.png) no-repeat 0 23px; }
.m-header2 .search { display: inline-block; width: 122px; margin: 25px 20px 0 10px; }
.m-header2 .search .submit { line-height: 30px; }
.m-header2 .search .text .u-sugInput .ipt { width: 107px; }
.m-header2 .search .text .u-sugInput .ipt .u-baseinputui { border: none; width: 134px !important; height: 30px !important; }
.m-header2 .search .text .u-sugInput .ipt .u-baseinputui .sug { left: -22px; }
.m-header2 .search .text .u-sugInput .ipt .u-baseinputui .sug .ar { display: none; }
.m-header2 .search .text .u-sugInput .ipt .u-baseinputui .inputtxt { width: 97px !important; }
.m-header2 .search .text .u-sugInput .ipt .u-baseinputui .inputhint { top: 8px; left: 10px; }
.m-header2 .search label { top: 6px; }
.m-header2 .nav { width: 400px; }
.m-header2 .nav a:hover, .m-header2 .nav a.active { background-color: #3a485d; }
.m-header2 .nav a .inner { font-size: 16px; text-align: center; height: 80px; width: 75px; line-height: 80px; color: #fff; }
.m-header2 .nav a.spoc .inner { padding-left: 35px; width: 65px; background: url(../Images/head.png) no-repeat 6px 27px; }
.m-header2 .nav a.spoc:hover .inner { background-position: 6px -55px; }
.m-header2 .nav a.app { margin-left: 20px; }
.m-header2 .nav a.app .inner { padding-left: 20px; width: 80px; background: url(../Images/spriteIcon.png) no-repeat -30px -405px; }
.m-header2 .nav a.app .ic { left: 18px; }
.m-header2 .nav a.app:hover { background-color: #3a485d; }
.m-header2 .nav a.app:hover .inner { background: url(../Images/spriteIcon.png) no-repeat -30px -496px; }
.m-header2 .nav a.app:hover + .appTips { display: block; }
.m-header2 .appTips { display: none; background-color: #fff; height: 210px; position: absolute; width: 370px; top: 65px; margin-left: 145px; }
.m-header2 .appTips:hover { display: block; }
.m-header2 .appTips:after { content: ' '; height: 0; position: absolute; width: 0; top: -18px; left: 45%; border: 10px solid transparent; border-bottom-color: #ffffff; }
.m-header2 .appTips .dltitle { font-size: 18px; line-height: 52px; margin-left: 20px; }
.m-header2 .appTips .qrcode { float: left; margin-left: 20px; }
.m-header2 .appTips .dlbtn { width: 140px; float: left; margin-left: 10px; text-align: center; }
.m-header2 .appTips .dlbtn .btn { width: 180px; height: 55px; margin-top: 10px; display: block; background: url(../Images/spriteIcon.png) no-repeat -4999px -4999px; }
.m-header2 .appTips .dlbtn .btn.iphone { background-position: -0px -638px; }
.m-header2 .appTips .dlbtn .btn.android { background-position: -0px -716px; }
.m-header2 .m-navlinks { padding: 21px 0; }
.m-header { position: relative; z-index: 300; top: 0; }
.m-header .logo { display: inline; float: left; margin-right: 15px; }
.m-header .logo .spoc_icon { display: none; }
.m-header .logo.spoc a { float: left; margin-right: 16px; line-height: 70px; }
.m-header .logo.spoc a img { vertical-align: middle; }
.m-header .logo.spoc .spoc_icon { display: block; width: 224px; }
.m-header .search { position: relative; border-radius: 4px; float: right; }
.m-header .search .text { background: transparent; border: none; }
.m-header .search .submit { background: none; border: none; }
.m-header .search label { position: absolute; left: 31px; cursor: text; }
.m-header .nav { float: left; }
.m-header .nav a { display: block; float: left; }
.m-header .nav a.active { cursor: default; }
.m-navlinks { float: right; height: 30px; line-height: 30px; }
.m-navlinks .unlogin { width: 80px; text-align: right; }
.m-navlinks .unlogin a { font-size: 14px; }
.m-navlinks .unlogin a .huo { top: -1px; position: relative; }
.m-navlinks .login { width: 179px; }
.m-navlinks .arrow { float: right; position: relative; top: 13px; left: 4px; width: 0px; height: 0px; border-style: solid; border-width: 5px 4px 0px 4px; border-color: #999 transparent transparent transparent; }
.m-navlinks .info { float: left; display: block; position: relative; }
.m-navlinks .nickname { display: block; font-size: 14px; line-height: 34px; margin-right: 10px; max-width: 125px; }
.m-navlinks .nickname a:hover { color: #999; text-decoration: underline; }
.m-navlinks .face { height: 34px; line-height: 34px; }
.m-navlinks .face img { margin: 3px; border-radius: 14px; }
.m-navlinks .sets { position: absolute; right: -10px; margin-top: -8px; padding-top: 14px; top: 100%; z-index: 9999; }
.m-navlinks .sets .arr { position: absolute; top: 7px; left: 147px; width: 20px; height: 10px; background: url(../Images/ui_sprite.png) no-repeat 9999px 9999px; background-position: -136px -104px; }
.m-navlinks .sets .set { width: 165px; *width: 175px; padding: 5px 10px; background: #fff; border: 1px solid #ddd; }
.m-navlinks .sets .set li { text-align: left; }
.m-navlinks .sets .set li.text { text-align: center; }
.m-navlinks .sets .set li a { padding: 0 10px; display: block; line-height: 32px; height: 32px; }
.m-navlinks .sets .set .text { border-bottom: 1px solid #eaeaea; }
.m-navlinks .sets .set .exit { border-top: 1px solid #eaeaea; }
.web-nav-container .u-sugInput .ipt .u-baseinputui .inputtxt { height: 30px !important; }
.u-sugInput .ipt .u-baseinputui input[name="search"] { -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (min-width: 1210px) {
    .m-header1 .search { display: inline-block !important; margin-right: 5px; width: 188px; }
    .m-header1 .search .submit { font-size: 20px; }
    .m-header1 .search .text { width: 160px; }
    .m-header1 .search .text .u-sugInput .ipt { width: 160px; }
    .m-header1 .search .text .u-sugInput .u-baseinputui { width: 160px !important; }
    .m-header1 .search .text .u-sugInput .u-baseinputui .sug { left: -30px; width: 200px; }
    .m-header1 .search .text .u-sugInput .u-baseinputui .inputtxt { width: 150px !important; }
    .m-header1 .nav { width: 465px; }
    .m-header1 .nav .appTips { margin-left: 205px; }
    .m-header1 .nav a.spoc { margin-left: 0px; }
    .m-header1 .nav a.app { margin-left: 15px; }
    .m-header1 .nav a .inner { width: 100px; }
    .m-header2 .search { width: 240px; display: inline-block !important; }
    .m-header2 .search .text .u-sugInput .ipt { width: 176px; }
    .m-header2 .search .text .u-sugInput .ipt .u-baseinputui { border: none; height: 30px !important; }
    .m-header2 .search .text .u-sugInput .ipt .u-baseinputui .sug { left: -35px; width: 252px !important; }
    .m-header2 .search .text .u-sugInput .ipt .u-baseinputui .inputtxt { width: 200px !important; }
    .m-header2 .search .text .u-sugInput .ipt .u-baseinputui .inputhint { top: 8px; left: 10px; }
}

#j-indexNav-bar .nav-item ul { position: absolute; background: #ffffff; -webkit-box-shadow: 0 4px 12px 0 rgba(17, 17, 17, 0.08); box-shadow: 0 4px 12px 0 rgba(17, 17, 17, 0.08); border-radius: 0 0 4px 4px; padding: 10px 0; width: 200px; opacity: 1; left: 0; display: none; top: 50px; }
#j-indexNav-bar .nav-item ul li a { font-size: 14px; color: #333333; height: 35px; line-height: 35px; padding-left: 15px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#j-indexNav-bar .nav-item ul li a:hover { background: #e6e6e6; }
#j-indexNav-bar .nav-item.special:hover ul { display: block; }
.nav-box-container { font-family: 'Arial', 'Hiragino Sans GB', 'Microsoft YaHei', \5fae\8f6f\96c5\9ed1, 'Helvetica', 'sans-serif'; }
.nav-box-container .new-logo { width: 230px; display: inline-block; float: left; height: 50px; overflow: hidden; }
.nav-box-container .new-logo h1 a { line-height: 50px; font-size: 16px; color: #fff; }
.nav-box-container .new-logo h1 a em { font-size: 24px; font-weight: normal; }
.nav-box-container .new-list { font-size: 18px; line-height: 50px; float: left; }
.nav-box-container .new-list .item { display: inline-block; float: left; color: rgba(255, 255, 255, 0.8); padding: 0 15px; font-size: 16px; position: relative; }
.nav-box-container .new-list .item a { color: #fff; display: inline-block; }
.nav-box-container .new-list .item:hover > a { color: #ccc; }
.nav-box-container .new-list .item ul { position: absolute; background: #ffffff; -webkit-box-shadow: 0 4px 12px 0 rgba(17, 17, 17, 0.08); box-shadow: 0 4px 12px 0 rgba(17, 17, 17, 0.08); border-radius: 0 0 4px 4px; padding: 10px 0; width: 200px; opacity: 1; left: 0; display: none; top: 50px; }
.nav-box-container .new-list .item ul li a { font-size: 14px; color: #333333; height: 35px; line-height: 35px; padding-left: 15px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nav-box-container .new-list .item ul li a:hover { background: #e6e6e6; }
.nav-box-container .new-list .item.program:hover .program-list { display: block; }
.nav-box-container .new-list .program { display: none; }
.nav-box-container .avatar a.f-f0 { color: #fff; }
.nav-container > .nav-container-i > .nav-box-container { left: 0px; top: 0px; width: 1260px; height: 50px; border-radius: 0px; position: relative; clear: none; font-size: 0px; background-color: #333333; margin: 0px auto; }
.learn > .nav-container-i > .nav-box-container { width: 99%; }
.nav-container > .nav-container-i > .nav-box-container > .logo { left: 0px; top: 11px; width: 235px; height: 28px; border-radius: 0px; position: absolute; clear: none; font-size: 0px; }
.learn > .nav-container-i > .nav-box-container > .logo { left: 8px; }
.nav-container > .nav-container-i > .nav-box-container > .logo:hover { cursor: pointer; }
.nav-container > .nav-container-i > .nav-box-container > .logo > a { display: inline-block; width: 100%; height: 28px; }
.nav-container > .nav-container-i > .nav-box-container > .logo > a > img { width: 235px; height: 28px; border-radius: 0px; }
.nav-container > .nav-container-i > .nav-box-container > .course.nav-item { left: 295px; top: 0px; width: 90px; height: 50px; border-radius: 0px; position: absolute; clear: none; font-size: 0px; background-color: #333333; line-height: 50px; }
.nav-cur { background: #666666; cursor: pointer; }
.nav-item a:hover { color: #ccc; }
.nav-container > .nav-container-i > .nav-box-container > .course.nav-item > a { display: inline-block; width: 100%; height: 50px; }
.nav-container > .nav-container-i > .nav-box-container > .course.nav-item > a > span { line-height: 50px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: white; text-align: center; vertical-align: middle; }
.nav-container > .nav-container-i > .nav-box-container > .nav-item.special { left: 385px; top: 0px; width: 120px; height: 50px; border-radius: 0px; position: absolute; clear: none; font-size: 0px; line-height: 50px; }
.nav-container > .nav-container-i > .nav-box-container > .nav-item.special > a { display: inline-block; width: 100%; height: 50px; }
.nav-container > .nav-container-i > .nav-box-container > .nav-item.special > a > span { line-height: 50px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: white; text-align: center; vertical-align: middle; }
.nav-container > .nav-container-i > .nav-box-container > .nav-item.outline { left: 495px; top: 0px; width: 99px; height: 50px; border-radius: 0px; position: absolute; clear: none; font-size: 0px; line-height: 50px; }
.nav-container > .nav-container-i > .nav-box-container > .nav-item.outline > a { display: inline-block; width: 100%; height: 50px; }
.nav-container > .nav-container-i > .nav-box-container > .nav-item.outline > a > span { line-height: 50px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: white; text-align: center; vertical-align: middle; }
.nav-container > .nav-container-i > .nav-box-container > .nav-item.discuss { left: 590px; top: 0px; width: 90px; height: 50px; border-radius: 0px; position: absolute; clear: none; font-size: 0px; background-color: #333333; line-height: 50px; }
.nav-container > .nav-container-i > .nav-box-container > .nav-item.discuss > a { display: inline-block; width: 100%; height: 50px; }
.nav-container > .nav-container-i > .nav-box-container > .nav-item.discuss > a > span { line-height: 50px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: white; text-align: center; vertical-align: middle; }
.nav-container > .nav-container-i > .nav-box-container > .avatar { left: 0px; top: 0px; width: auto; height: 50px; border-radius: 0px; position: relative; clear: none; font-size: 12px; margin: 0px; float: right; z-index: 999; }
.nav-container > .nav-container-i > .nav-box-container > .avatar .m-navlinks { line-height: 50px; }
.nav-container > .nav-container-i > .nav-box-container > .avatar .m-navlinks .login { margin-top: 8px; }
.nav-container > .nav-container-i > .nav-box-container > .avatar .m-navlinks .unlogin { text-align: center; }
.nav-container > .nav-container-i > .nav-box-container > .avatar .m-navlinks .unlogin:hover { background: #666666; text-align: center; }
.nav-container > .nav-container-i > .nav-box-container > .personal { left: 0px; top: 0px; width: auto; height: 50px; border-radius: 0px; position: relative; clear: none; font-size: 0px; margin: 0px; float: right; }
.nav-container > .nav-container-i > .nav-box-container > .personal:hover { cursor: pointer; }
.nav-container > .nav-container-i > .nav-box-container > .personal > .personal-t > .nav-item.personal-container { left: 0px; top: 0px; width: 84px; height: 50px; border-radius: 0px; position: relative; clear: none; font-size: 0px; margin: 0px 10px 0px 0px; line-height: 50px; }
.nav-container > .nav-container-i > .nav-box-container > .personal > .personal-t > .nav-item.personal-container:hover { cursor: pointer; }
.nav-container > .nav-container-i > .nav-box-container > .personal > .personal-t > .nav-item.personal-container > a { display: inline-block; width: 100%; height: 50px; }
.nav-container > .nav-container-i > .nav-box-container > .personal > .personal-t > .nav-item.personal-container > a > span { line-height: 50px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: white; text-align: center; vertical-align: middle; }
.nav-container > .nav-container-i > .nav-box-container > .nav-item.mooc { left: 0px; top: 0px; width: 167px; height: 50px; border-radius: 0px; position: relative; clear: none; font-size: 0px; background-color: #333333; margin: 0px 10px 0px 0px; float: right; line-height: 50px; }
.nav-container > .nav-container-i > .nav-box-container > .nav-item.mooc:hover a span { color: #ccc; }
.nav-container > .nav-container-i > .nav-box-container > .nav-item.personal-container:hover a span { color: #ccc; }
.nav-container > .nav-container-i > .nav-box-container > .nav-item.mooc > a { display: inline-block; width: 100%; height: 50px; }
.nav-container > .nav-container-i > .nav-box-container > .nav-item.mooc > a > span { line-height: 50px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: white; text-align: center; vertical-align: middle; }
.nav-container { left: 0px; top: 0px; width: 100%; height: 50px; border-radius: 0px; position: relative; clear: none; z-index: 999; font-size: 0px; background-color: #333333; }
#j-indexNav-bar.fix-indexNav-bar { position: fixed; display: block; top: 0px; z-index: 999; width: 100%; }
.m-navlinks .login { left: 0px; }
.nav-box-container .personal .personal-t .nav-item a span:hover { color: #ccc !important; }
.web-nav-container { left: 0px; top: 0px; width: 100%; height: 64px; border-radius: 0px; position: relative; clear: none; display: block; min-width: 0px; z-index: 20; color: black; font-size: 16px; background-color: white; margin: 0px; padding: 0px; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container { left: 0px; top: 0px; width: 1260px; height: 64px; border-radius: 0px; position: relative; clear: none; display: block; min-width: 0px; color: black; font-size: 16px; background-color: white; margin: 0px auto; padding: 0px; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container .new-nav-spoc-logo a { font-size: 26px; font-family: 微软雅黑, 'Microsoft YaHei'; color: #333333; line-height: 28px; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container .new-nav-spoc-logo a:hover { color: #00AD4D; }
.nav:hover { color: #00AD4D !important; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .u-navLogin-logo { left: 0px; top: 17px; width: 190px; height: 28px; border-radius: 0px; position: relative; clear: none; display: block; min-width: 0px; z-index: 13; color: black; font-size: 16px; margin: 0px; padding: 0px; float: left; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .u-navLogin-logo.new-nav-spoc-logo { width: auto; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .u-navLogin-logo > a { display: inline-block; width: 100%; height: 28px; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .u-navLogin-logo > a > img { height: 32px; border-radius: 0px; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .e-hover-source.u-navLogin-course { left: 0px; width: 32px; height: 21px; border-radius: 0px; position: relative; clear: none; font-size: 0px; display: block; min-width: 0px; z-index: 13; color: black; margin: 0px 0px 0px 30px; padding: 0px; cursor: pointer; float: left; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .e-hover-source.u-navLogin-course::after { content: ''; position: absolute; top: 38%; right: -13px; width: 0; height: 0; border: 4px solid transparent; border-width: 6px 5px 0 5px; border-top-color: #c6c6c6; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .e-hover-source.u-navLogin-course:hover::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .e-hover-source.u-navLogin-course > a { display: inline-block; width: 100%; height: 21px; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .e-hover-source.u-navLogin-course > a > .nav { line-height: normal; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: #333333; text-align: center; vertical-align: middle; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .e-hover-source.u-navLogin-course > .e-hover-target { margin-left: -139px; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .e-hover-source.u-navLogin-course > .e-hover-target > .e-hover-arrow { left: 129px; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .e-hover-source.u-navLogin-course > .e-hover-target > .e-hover-arrow-border { left: 129px; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .e-hover-source.u-navLogin-course > .e-hover-target > .e-hover-content > .j-nav-CateBox.u-cateBox-container { left: 0px; top: 0px; width: 248px; height: auto; border-radius: 0px; position: relative; clear: none; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .u-navLogin-school { left: 5px; width: 32px; height: 21px; border-radius: 0px; position: relative; clear: none; font-size: 0px; display: block; min-width: 0px; z-index: 13; color: black; margin: 0px 0px 0px 20px; padding: 0px; float: left; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .u-navLogin-school > a { display: inline-block; width: 100%; height: 21px; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .u-navLogin-school > a > .nav { line-height: normal; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: #333333; text-align: center; vertical-align: middle; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .u-navLogin-app > img { width: 13px; height: 21px; border-radius: 0px; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .u-navLogin-discuss { left: 0px; top: 14px; height: 21px; border-radius: 0px; position: relative; clear: none; font-size: 0px; display: block; min-width: 0px; z-index: 13; color: black; margin: 0px 0px 0px 20px; padding: 0px; float: left; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .u-navLogin-discuss > a { display: inline-block; width: 100%; height: 21px; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .u-navLogin-discuss > a > .nav { line-height: normal; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: #333333; text-align: left; vertical-align: middle; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .u-navLogin-cloud { left: 2px; top: 14px; width: auto; height: 21px; border-radius: 0px; position: relative; clear: none; font-size: 0px; min-width: 0px; z-index: 13; color: black; margin: 0px 0px 0px 20px; padding: 0px; float: left; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .u-navLogin-cloud > a { display: inline-block; width: 100%; height: 21px; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .u-navLogin-cloud > a > .nav { line-height: normal; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: #333333; text-align: center; vertical-align: middle; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .j-kaoyan-link.u-navLogin-kaoyan { left: 0px; height: 21px; border-radius: 0px; position: relative; clear: none; font-size: 0px; min-width: 0px; z-index: 13; color: black; margin: 0px 0px 0px 20px; padding: 0px; float: left; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .j-kaoyan-link.u-navLogin-kaoyan > a { display: inline-block; width: 100%; height: 21px; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .j-kaoyan-link.u-navLogin-kaoyan > a > .nav { line-height: normal; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: #333333; text-align: center; vertical-align: middle; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .j-latest-mark.u-navLogin-mark { left: 0px; top: 18px; width: 26px; height: 15px; border-radius: 2px; position: relative; clear: none; font-size: 0px; display: none; z-index: 12; background-color: #ff1919; margin: 0px 0px 0px 5px; float: left; line-height: 16px; }
.m-navTop-func > .m-navTop-func-i > .u-navLogin-container > .j-latest-mark.u-navLogin-mark > span { line-height: 16px; display: inline-block; width: 100%; font-size: 12px; color: #333333; text-align: center; vertical-align: middle; }
.web-nav-container > .m-navTop-func { left: 0px; top: 0px; width: 100%; height: 64px; border-radius: 0px; position: absolute; clear: none; display: block; min-width: 0px; z-index: 21; color: black; font-size: 16px; margin: 0px; padding: 0px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); }
.web-nav-container .u-baseinputui input { height: 30px !important; }
.e-hover-source:hover .e-hover-target { display: block; }
.e-hover-source:hover .e-hover-code { display: block; }
.e-hover-target { display: none; position: absolute; left: 50%; margin-top: -2px; padding-top: 14px; top: 100%; }
.e-hover-target.left { top: -50%; margin-right: -2px; padding-right: 14px; padding-top: 0px; right: 100%; left: auto; }
.e-hover-target.right { top: -50%; margin-left: -2px; padding-left: 14px; padding-top: 0px; right: auto; left: 100%; }
.e-hover-code { display: none; }
.e-hover-arrow { position: absolute; top: 5px; width: 1px; height: 1px; border: 9px solid transparent; border-bottom-color: #ddd; z-index: 3; border-top-width: 0px; }
.e-hover-arrow.left { position: absolute; width: 1px; right: 5px; height: 1px; border: 9px solid transparent; border-left-color: #ddd; z-index: 3; border-right-width: 0px; }
.e-hover-arrow.right { position: absolute; width: 1px; left: 5px; height: 1px; border: 9px solid transparent; border-right-color: #ddd; z-index: 3; border-left-width: 0px; }
.e-hover-arrow-border { position: absolute; width: 1px; height: 1px; top: 6px; border: 9px solid transparent; border-bottom-color: #fff; border-top-width: 0px; z-index: 3; }
.e-hover-arrow-border.left { position: absolute; width: 1px; height: 1px; right: 6px; border: 9px solid transparent; border-left-color: #fff; border-right-width: 0px; z-index: 3; }
.e-hover-arrow-border.right { position: absolute; width: 1px; height: 1px; left: 6px; border: 9px solid transparent; border-right-color: #fff; border-left-width: 0px; z-index: 3; }
.e-hover-content { -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); padding: 15px 15px 15px; background: #fff; border: 1px solid #ddd; }
.web-nav-right-part { position: absolute; right: 0; text-align: right; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; }
.web-nav-right-part .u-navLogin-loginBox { border-radius: 0px; display: inline-block; clear: none; min-width: 0px; color: black; font-size: 12px; margin-left: 43px; padding: 0px; vertical-align: middle; }
.web-nav-right-part .u-navLogin-searchFunc { border-radius: 16px; clear: none; display: inline-block; width: 247px; color: black; font-size: 16px; margin-left: 28px; padding: 0 0 0 7px; vertical-align: middle; border: 1px solid #00c758; }
.web-nav-right-part .u-navLogin-searchFunc .j-search-box.u-search-container { left: 0px; top: 0px; width: 100%; height: 32px; border-radius: 16px; position: relative; clear: none; color: black; font-size: 16px; margin: 0px; padding: 0px; }
.web-nav-right-part .u-navLogin-searchFunc .j-search-box.u-search-container .u-search-icon { right: -2px; top: 0px; width: 56px; height: 32px; border-radius: 16px; position: absolute; clear: none; font-size: 16px; z-index: 1; color: black; background-color: #00c758; margin: 0px; padding: 0px; line-height: 30px; }
.web-nav-right-part .u-navLogin-searchFunc .j-search-box.u-search-container .u-search-icon .u-icon-search2.j-searchBtn { line-height: 30px; display: inline-block; width: 100%; font-size: 20px; color: white; text-align: center; vertical-align: middle; }
.web-nav-right-part .u-navLogin-searchFunc .j-search-box.u-search-container .j-input.u-search-input { left: 16px; top: 0px; width: 180px; height: 30px; border-radius: 16px; position: absolute; clear: none; z-index: 1; color: black; font-size: 16px; margin: 0px; padding: 0px; }
.web-nav-right-part .u-navLogin-searchFunc .j-search-box.u-search-container .j-input.u-search-input .u-sugInput .ipt { width: 200px; }
.web-nav-right-part .u-navLogin-searchFunc .j-search-box.u-search-container .j-input.u-search-input .u-baseinputui .inputtxt { -webkit-box-sizing: border-box; box-sizing: border-box; }
.web-nav-right-part .u-navLogin-searchFunc .j-search-box.u-search-container .j-input.u-search-input .u-baseinputui .inputhint { top: 7px; left: 0; height: 18px; line-height: 18px; font-size: 14px; font-weight: 400; color: #b8b8b8; line-height: 20px; }
.web-nav-right-part .e-hover-source.u-navLogin-appText { position: relative; border-radius: 0px; clear: none; display: inline-block; min-width: 0px; color: black; margin-left: 10px; padding: 0px; cursor: pointer; vertical-align: middle; font-size: 14px; }
.web-nav-right-part .e-hover-source.u-navLogin-appText a { display: inline-block; width: 100%; height: 23px; }
.web-nav-right-part .e-hover-source.u-navLogin-appText a .nav { line-height: 19px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px; color: black; text-align: center; vertical-align: middle; }
.web-nav-right-part .e-hover-source.u-navLogin-appText .e-hover-target { position: absolute; margin-left: -181px; }
.web-nav-right-part .e-hover-source.u-navLogin-appText .e-hover-target .e-hover-arrow { left: 172px; }
.web-nav-right-part .e-hover-source.u-navLogin-appText .e-hover-target .e-hover-arrow-border { left: 172px; }
.web-nav-right-part .e-hover-source.u-navLogin-appText .e-hover-target .e-hover-content .u-app-download-container { left: 0px; top: 0px; width: 334px; height: 180px; border-radius: 0px; position: relative; clear: none; z-index: 5; color: black; background-color: white; margin: 0px; padding: 0px; font-size: 16px; }
.web-nav-right-part .e-hover-source.u-navLogin-appText .e-hover-target .e-hover-content .u-app-download-container .u-app-android-link { left: 155px; top: 118px; width: 177px; height: 51px; border-radius: 0px; position: absolute; clear: none; z-index: 6; color: black; background: url(../Images/spriteIcon.png) 0px -716px no-repeat; margin: 0px; padding: 0px; font-size: 16px; }
.web-nav-right-part .e-hover-source.u-navLogin-appText .e-hover-target .e-hover-content .u-app-download-container .u-app-android-link a { display: inline-block; width: 100%; height: 51px; }
.web-nav-right-part .e-hover-source.u-navLogin-appText .e-hover-target .e-hover-content .u-app-download-container .u-app-iphone-link { left: 155px; top: 52px; width: 177px; height: 51px; border-radius: 0px; position: absolute; clear: none; z-index: 6; color: black; background: url(../Images/spriteIcon.png) 0px -638px no-repeat; margin: 0px; padding: 0px; font-size: 16px; }
.web-nav-right-part .e-hover-source.u-navLogin-appText .e-hover-target .e-hover-content .u-app-download-container .u-app-iphone-link a { display: inline-block; width: 100%; height: 51px; }
.web-nav-right-part .e-hover-source.u-navLogin-appText .e-hover-target .e-hover-content .u-app-download-container .u-app-qrcode { left: 4px; top: 40px; width: 140px; height: 140px; border-radius: 0px; position: absolute; clear: none; z-index: 6; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.web-nav-right-part .e-hover-source.u-navLogin-appText .e-hover-target .e-hover-content .u-app-download-container .u-app-qrcode img { width: 140px; height: 140px; border-radius: 0px; }
.web-nav-right-part .e-hover-source.u-navLogin-appText .e-hover-target .e-hover-content .u-app-download-container .u-app-tip { left: 2px; top: 5px; width: 200px; height: 20px; border-radius: 0px; position: absolute; clear: none; font-size: 0px; z-index: 6; color: black; margin: 0px; padding: 0px; }
.web-nav-right-part .e-hover-source.u-navLogin-appText .e-hover-target .e-hover-content .u-app-download-container .u-app-tip span { line-height: normal; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 18px; color: #111111; text-align: left; vertical-align: middle; }
.web-nav-right-part .u-navLogin-app { border-radius: 0px; clear: none; display: inline-block; min-width: 0px; z-index: 6; color: black; font-size: 16px; margin: 0px; padding: 0px; vertical-align: middle; }
.web-nav-right-part .u-head-my-cloude { vertical-align: middle; display: inline-block; margin-left: 28px; }
.web-nav-right-part .u-head-my-cloude a { font-size: 16px; color: #333333; font-family: 微软雅黑, 'Microsoft YaHei'; }
.web-nav-right-part .u-head-my-cloude a:hover { color: #00AD4D; }
.web-nav-right-part .u-navLogin-myCourse { border-radius: 0px; clear: none; display: inline-block; min-width: 0px; color: black; font-size: 0px; margin-left: 28px; padding: 0px; vertical-align: middle; }
.web-nav-right-part .u-navLogin-myCourse:hover { color: #00AD4D; }
.web-nav-right-part .u-navLogin-myCourse .u-navLogin-myCourse-t .u-navLogin-myCourse.u-navLogin-center-container { left: 0px; top: 0px; height: 19px; border-radius: 0px; position: relative; clear: none; font-size: 0px; display: block; min-width: 0px; color: #333333; margin: 0px 10px 0px 0px; padding: 0px; line-height: 19px; }
.web-nav-right-part .u-navLogin-myCourse .u-navLogin-myCourse-t .u-navLogin-myCourse.u-navLogin-center-container:hover { color: #00AD4D; }
.web-nav-right-part .u-navLogin-myCourse .u-navLogin-myCourse-t .u-navLogin-myCourse.u-navLogin-center-container a { display: inline-block; width: 100%; height: 19px; }
.web-nav-right-part .u-navLogin-myCourse .u-navLogin-myCourse-t .u-navLogin-myCourse.u-navLogin-center-container a .nav { line-height: 19px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: #333333; text-align: center; vertical-align: middle; }
.web-nav-container .m-navTop-func .u-navLogin-container .u-navLogin-loginBox .navLoginBtn { color: black; }
.web-nav-container .m-navTop-func .u-navLogin-container .u-navLogin-loginBox .navLoginBtn:hover { color: #00AD4D; }
.web-nav-container .m-navTop-func .u-navLogin-container .u-navLogin-course, .web-nav-container .m-navTop-func .u-navLogin-container .u-navLogin-school, .web-nav-container .m-navTop-func .u-navLogin-container .u-navLogin-cloud, .web-nav-container .m-navTop-func .u-navLogin-container .u-navLogin-kaoyan { top: 20px; margin-left: 40px !important; }
.web-nav-container .m-navTop-func .u-navLogin-container .u-navLogin-course { margin-left: 65px !important; }
.u-navVocation-container { left: 0px; top: 0px; width: 100%; height: 50px; z-index: 20; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: relative; background-color: #2e323e; }
.navVocationFunc-t_div52 { left: 0px; top: 0px; width: 1260px; height: 50px; z-index: 0; border-radius: 0px; margin: 0px auto; padding: 0px; color: black; font-size: 16px; position: relative; background-color: #333; }
.navVocationFunc-t_div52_div53 { left: 0px; top: 11px; width: auto; height: 28px; z-index: 13; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; }
.navVocationFunc-t_div52_div53_a54 { display: inline-block; width: 100%; height: 28px; }
.navVocationFunc-t_div52_div53_a54_img55 { width: 190px; height: 28px; border-radius: 0px; }
.navVocationFunc-t_div52_div56 { left: 749px; top: 14px; width: 13px; height: 21px; z-index: 6; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; }
.navVocationFunc-t_div52_div56_img57 { width: 13px; height: 21px; border-radius: 0px; }
.navVocationFunc-t_div52_div58 { left: 772px; top: 15px; width: 42px; height: 19px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 0px; position: absolute; cursor: pointer; line-height: 19px; }
.navVocationFunc-t_div52_div58_a59 { display: inline-block; width: 100%; height: 19px; }
.navVocationFunc-t_div52_div58_a59_span60 { line-height: 19px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px; color: white; text-align: center; vertical-align: middle; }
.navVocationFunc-t_div52_div58_div61 { margin-left: -182px; }
.navVocationFunc-t_div52_div58_div61_div62 { left: 172px; }
.navVocationFunc-t_div52_div58_div61_div63 { left: 172px; }
.e-hover-content_div64 { left: 0px; top: 0px; width: 334px; height: 180px; z-index: 5; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: relative; background-color: white; }
.e-hover-content_div64_div65 { left: 2px; top: 5px; width: 200px; height: 20px; z-index: 6; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 0px; position: absolute; }
.e-hover-content_div64_div65_span66 { line-height: normal; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 18px; color: #111111; text-align: left; vertical-align: middle; }
.e-hover-content_div64_div67 { left: 4px; top: 40px; width: 140px; height: 140px; z-index: 6; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; }
.e-hover-content_div64_div67_img68 { width: 140px; height: 140px; border-radius: 0px; }
.e-hover-content_div64_div69 { left: 155px; top: 52px; width: 177px; height: 51px; z-index: 6; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; background: url(../Images/spriteIcon.png) 0px -638px no-repeat; }
.e-hover-content_div64_div69_a70 { display: inline-block; width: 100%; height: 51px; }
.e-hover-content_div64_div71 { left: 155px; top: 118px; width: 177px; height: 51px; z-index: 6; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; background: url(../Images/spriteIcon.png) 0px -716px no-repeat; }
.e-hover-content_div64_div71_a72 { display: inline-block; width: 100%; height: 51px; }
.navVocationFunc-t_div52_div73 { left: 844px; top: 12px; width: 230px; height: 26px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; }
.nav-searchFunc-i_div74 { left: 0px; top: 0px; width: 230px; height: 26px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: relative; background-color: whitesmoke; }
.nav-searchFunc-i_div74_div75 { left: 0px; top: 0px; width: 194px; height: 26px; z-index: 1; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; background-color: whitesmoke; }
.nav-searchFunc-i_div74_div76 { left: 196px; top: 0px; width: 36px; height: 26px; z-index: 1; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; background-color: #55b929; line-height: 26px; }
.nav-searchFunc-i_div74_div76_span77 { line-height: 26px; display: inline-block; width: 100%; font-size: 20px; color: white; text-align: center; vertical-align: middle; }
.navVocationFunc-t_div52_div78 { left: 1104px; top: 15px; width: 56px; height: 19px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 0px; position: absolute; line-height: 19px; }
.navVocationFunc-t_div52_div78_a79 { display: inline-block; width: 100%; height: 19px; }
.navVocationFunc-t_div52_div78_a79_span80 { line-height: 19px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px; color: white; text-align: center; vertical-align: middle; }
.navVocationFunc-t_div52_div81 { left: 1190px; top: 10px; width: 70px; height: 19px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: white; font-size: 12px; position: absolute; }
.navVocationFunc-t_div52_div82 { left: 590px; top: 15px; width: 135px; height: 19px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 0px; position: absolute; line-height: 19px; }
.navVocationFunc-t_div52_div82_a83 { display: inline-block; width: 100%; height: 19px; }
.navVocationFunc-t_div52_div82_a83_span84 { line-height: 19px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px; color: white; text-align: center; vertical-align: middle; }
.navVocationFunc-t_div52_div85 { left: 200px; top: 14px; width: 74px; height: 21px; z-index: 13; border-radius: 0px; margin: 0px; padding: 0px; color: white; font-size: 16px; position: absolute; }
.navVocationFunc-t_div52_div86 { left: 0px; top: 11px; width: 280px; height: 28px; z-index: 13; border-radius: 0px; margin: 0px; padding: 0px; color: white; font-size: 16px; position: absolute; }
.nav-linkFunc-t_a87 { width: 280px; height: 28px; cursor: pointer; display: inline-block; }
.nav-linkFunc-f_a88 { width: 280px; height: 28px; cursor: pointer; display: inline-block; }
.navVocationFunc-t_div52_div89 { left: 1090px; top: 15px; width: 70px; height: 19px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 0px; position: absolute; display: none; line-height: 19px; }
.navVocationFunc-t_div52_div89_a90 { display: inline-block; width: 100%; height: 19px; }
.navVocationFunc-t_div52_div89_a90_span91 { line-height: 19px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px; color: white; text-align: center; vertical-align: middle; }
.navVocationFunc-f_div92 { left: 0px; top: 0px; width: 1260px; height: 50px; z-index: 0; border-radius: 0px; margin: 0px auto; padding: 0px; color: black; font-size: 16px; position: relative; background-color: #2e323e; }
.navVocationFunc-f_div92_div93 { left: 0px; top: 11px; width: 190px; height: 28px; z-index: 13; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; }
.navVocationFunc-f_div92_div93_a94 { display: inline-block; width: 100%; height: 28px; }
.navVocationFunc-f_div92_div93_a94_img95 { width: 190px; height: 28px; border-radius: 0px; }
.navVocationFunc-f_div92_div96 { left: 749px; top: 14px; width: 13px; height: 21px; z-index: 6; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; }
.navVocationFunc-f_div92_div96_img97 { width: 13px; height: 21px; border-radius: 0px; }
.navVocationFunc-f_div92_div98 { left: 772px; top: 15px; width: 42px; height: 19px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 0px; position: absolute; cursor: pointer; line-height: 19px; }
.navVocationFunc-f_div92_div98_a99 { display: inline-block; width: 100%; height: 19px; }
.navVocationFunc-f_div92_div98_a99_span100 { line-height: 19px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px; color: white; text-align: center; vertical-align: middle; }
.navVocationFunc-f_div92_div98_div101 { margin-left: -182px; }
.navVocationFunc-f_div92_div98_div101_div102 { left: 172px; }
.navVocationFunc-f_div92_div98_div101_div103 { left: 172px; }
.e-hover-content_div104 { left: 0px; top: 0px; width: 334px; height: 180px; z-index: 5; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: relative; background-color: white; }
.e-hover-content_div104_div105 { left: 2px; top: 5px; width: 200px; height: 20px; z-index: 6; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 0px; position: absolute; }
.e-hover-content_div104_div105_span106 { line-height: normal; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 18px; color: #111111; text-align: left; vertical-align: middle; }
.e-hover-content_div104_div107 { left: 4px; top: 40px; width: 140px; height: 140px; z-index: 6; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; }
.e-hover-content_div104_div107_img108 { width: 140px; height: 140px; border-radius: 0px; }
.e-hover-content_div104_div109 { left: 155px; top: 52px; width: 177px; height: 51px; z-index: 6; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; background: url(../Images/spriteIcon.png) 0px -638px no-repeat; }
.e-hover-content_div104_div109_a110 { display: inline-block; width: 100%; height: 51px; }
.e-hover-content_div104_div111 { left: 155px; top: 118px; width: 177px; height: 51px; z-index: 6; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; background: url(../Images/spriteIcon.png) 0px -716px no-repeat; }
.e-hover-content_div104_div111_a112 { display: inline-block; width: 100%; height: 51px; }
.navVocationFunc-f_div92_div113 { left: 844px; top: 12px; width: 230px; height: 26px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; }
.nav-searchFunc-i_div114 { left: 0px; top: 0px; width: 230px; height: 26px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: relative; background-color: whitesmoke; }
.nav-searchFunc-i_div114_div115 { left: 0px; top: 0px; width: 194px; height: 26px; z-index: 1; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; background-color: whitesmoke; }
.nav-searchFunc-i_div114_div116 { left: 196px; top: 0px; width: 36px; height: 26px; z-index: 1; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; background-color: #55b929; line-height: 26px; }
.nav-searchFunc-i_div114_div116_span117 { line-height: 26px; display: inline-block; width: 100%; font-size: 20px; color: white; text-align: center; vertical-align: middle; }
.navVocationFunc-f_div92_div118 { left: 1104px; top: 15px; width: 56px; height: 19px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 0px; position: absolute; line-height: 19px; }
.navVocationFunc-f_div92_div118_span119 { line-height: 19px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px; color: white; text-align: center; vertical-align: middle; }
.navVocationFunc-f_div92_div118_span119_a120 { color: white; }
.navVocationFunc-f_div92_div118_span119_a121 { color: white; }
.navVocationFunc-f_div92_div122 { left: 1190px; top: 10px; width: 70px; height: 19px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: white; font-size: 12px; position: absolute; }
.navVocationFunc-f_div92_div123 { left: 590px; top: 15px; width: 135px; height: 19px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 0px; position: absolute; line-height: 19px; }
.navVocationFunc-f_div92_div123_a124 { display: inline-block; width: 100%; height: 19px; }
.navVocationFunc-f_div92_div123_a124_span125 { line-height: 19px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px; color: white; text-align: center; vertical-align: middle; }
.navVocationFunc-f_div92_div126 { left: 200px; top: 14px; width: 74px; height: 21px; z-index: 13; border-radius: 0px; margin: 0px; padding: 0px; color: white; font-size: 16px; position: absolute; }
.navVocationFunc-f_div92_div127 { left: 0px; top: 11px; width: 280px; height: 28px; z-index: 13; border-radius: 0px; margin: 0px; padding: 0px; color: white; font-size: 16px; position: absolute; }
.nav-linkFunc-t_a128 { width: 280px; height: 28px; cursor: pointer; display: inline-block; }
.nav-linkFunc-f_a129 { width: 280px; height: 28px; cursor: pointer; display: inline-block; }
.u-navVocationFunc { left: 0px; top: 0px; width: 100%; height: 50px; z-index: 21; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; }
.e-hover-source:hover .e-hover-target { display: block; }
.e-hover-source:hover .e-hover-code { display: block; }
.e-hover-target { display: none; position: absolute; left: 50%; margin-top: -2px; padding-top: 14px; top: 100%; }
.e-hover-code { display: none; }
.e-hover-arrow { position: absolute; top: 5px; width: 1px; height: 1px; border: 9px solid #fff; border-bottom-color: #ddd; z-index: 3; border-top-width: 0px; }
.e-hover-arrow-border { position: absolute; width: 1px; height: 1px; top: 6px; border: 9px solid transparent; border-bottom-color: #fff; border-top-width: 0px; z-index: 3; }
.e-hover-content { -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); padding: 15px 15px 15px; background: #fff; border: 1px solid #ddd; }
.u-navOnline-container { left: 0px; top: 0px; width: 100%; height: 50px; z-index: 20; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: relative; background-color: #2e323e; }
.navOnlineFunc-i_div129 { left: 0px; top: 0px; width: 1260px; height: 50px; z-index: 0; border-radius: 0px; margin: 0px auto; padding: 0px; color: black; font-size: 16px; position: relative; background-color: #2e323e; }
.navOnlineFunc-i_div129_div130 { left: 26px; top: 11px; width: 190px; height: 28px; z-index: 13; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; }
.navOnlineFunc-i_div129_div130_img131 { width: 190px; height: 28px; border-radius: 0px; }
.navOnlineFunc-i_div129_div132 { left: 749px; top: 14px; width: 13px; height: 21px; z-index: 6; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; }
.navOnlineFunc-i_div129_div132_img133 { width: 13px; height: 21px; border-radius: 0px; }
.navOnlineFunc-i_div129_div134 { left: 772px; top: 15px; width: 42px; height: 19px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 0px; position: absolute; cursor: pointer; line-height: 19px; }
.navOnlineFunc-i_div129_div134_a135 { display: inline-block; width: 100%; height: 19px; }
.navOnlineFunc-i_div129_div134_a135_span136 { line-height: 19px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: white; text-align: center; vertical-align: middle; }
.navOnlineFunc-i_div129_div134_div137 { margin-left: -182px; }
.navOnlineFunc-i_div129_div134_div137_div138 { left: 172px; }
.navOnlineFunc-i_div129_div134_div137_div139 { left: 172px; }
.e-hover-content_div140 { left: 0px; top: 0px; width: 334px; height: 180px; z-index: 5; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: relative; background-color: white; }
.e-hover-content_div140_div141 { left: 2px; top: 5px; width: 200px; height: 20px; z-index: 6; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 0px; position: absolute; }
.e-hover-content_div140_div141_span142 { line-height: normal; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 18px; color: #111111; text-align: left; vertical-align: middle; }
.e-hover-content_div140_div143 { left: 4px; top: 40px; width: 140px; height: 140px; z-index: 6; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; }
.e-hover-content_div140_div143_img144 { width: 140px; height: 140px; border-radius: 0px; }
.e-hover-content_div140_div145 { left: 155px; top: 52px; width: 177px; height: 51px; z-index: 6; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; background: url(../Images/spriteIcon.png) 0px -638px no-repeat; }
.e-hover-content_div140_div145_a146 { display: inline-block; width: 100%; height: 51px; }
.e-hover-content_div140_div147 { left: 155px; top: 118px; width: 177px; height: 51px; z-index: 6; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; background: url(../Images/spriteIcon.png) 0px -716px no-repeat; }
.e-hover-content_div140_div147_a148 { display: inline-block; width: 100%; height: 51px; }
.navOnlineFunc-i_div129_div149 { left: 844px; top: 12px; width: 230px; height: 26px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; }
.nav-searchFunc-i_div150 { left: 0px; top: 0px; width: 230px; height: 26px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: relative; background-color: whitesmoke; }
.nav-searchFunc-i_div150_div151 { left: 0px; top: 0px; width: 194px; height: 26px; z-index: 1; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; background-color: whitesmoke; }
.nav-searchFunc-i_div150_div152 { left: 196px; top: 0px; width: 36px; height: 26px; z-index: 1; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; background-color: #55b929; line-height: 26px; }
.nav-searchFunc-i_div150_div152_span153 { line-height: 26px; display: inline-block; width: 100%; font-size: 20px; color: white; text-align: center; vertical-align: middle; }
.navOnlineFunc-i_div129_div154 { left: 1104px; top: 15px; width: 56px; height: 19px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 0px; position: absolute; line-height: 19px; }
.navOnlineFunc-i_div129_div154_span155 { line-height: 19px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: white; text-align: center; vertical-align: middle; }
.navOnlineFunc-i_div129_div154_span155_a156 { color: white; }
.navOnlineFunc-i_div129_div154_span155_a157 { color: white; }
.navOnlineFunc-i_div129_div158 { left: 1190px; top: 10px; width: 70px; height: 19px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: white; font-size: 12px; position: absolute; }
.navOnlineFunc-i_div129_div159 { left: 590px; top: 15px; width: 135px; height: 19px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 0px; position: absolute; line-height: 19px; }
.navOnlineFunc-i_div129_div159_a160 { display: inline-block; width: 100%; height: 19px; }
.navOnlineFunc-i_div129_div159_a160_span161 { line-height: 19px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: white; text-align: center; vertical-align: middle; }
.u-navOnlineFunc { left: 0px; top: 0px; width: 100%; height: 50px; z-index: 21; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; }
.e-hover-source:hover .e-hover-target { display: block; }
.e-hover-source:hover .e-hover-code { display: block; }
.e-hover-target { display: none; position: absolute; left: 50%; margin-top: -2px; padding-top: 14px; top: 100%; }
.e-hover-code { display: none; }
.e-hover-arrow { position: absolute; top: 5px; width: 1px; height: 1px; border: 9px solid #fff; border-bottom-color: #ddd; z-index: 3; border-top-width: 0px; }
.e-hover-arrow-border { position: absolute; width: 1px; height: 1px; top: 6px; border: 9px solid transparent; border-bottom-color: #fff; border-top-width: 0px; z-index: 3; }
.e-hover-content { -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); padding: 15px 15px 15px; background: #fff; border: 1px solid #ddd; }
.m-openOnlineheader .sublogo { color: #fff; font-size: 24px; border-left: 1px solid #616975; height: 25px; line-height: 25px; padding-left: 12px; margin: 32px 0 0 12px; }
.m-header1 .logo a { margin: 8px 15px 9px 0; }
.m-header1 .oocLogo a { margin: 8px 15px 9px 0; cursor: default; }
.m-header1 .sublogo a { display: block; background: url(../Images/vocation_logo.png) no-repeat 0 23px; width: 240px; height: 73px; margin: 8px 25px 9px 0; padding-left: 15px; }
.m-header1 .client { width: 90px; height: 90px; float: right; }
.m-header1 .client .app { display: block; }
.m-header1 .client .app .inner { padding-left: 10px; width: 80px; background: url(../Images/spriteIcon.png) no-repeat -35px -400px; font-size: 18px; text-align: center; height: 90px; line-height: 90px; color: #fff; }
.m-header1 .client .app:hover { background-color: #232730; }
.m-header1 .client .app:hover .inner { background: url(../Images/spriteIcon.png) no-repeat -35px -491px; }
.m-header1 .client .app:hover + .appTipsV { display: block; }
.m-header1 .client .appTipsV { display: none; background-color: #FFF; height: 210px; position: absolute; width: 370px; top: 70px; left: -125px; }
.m-header1 .client .appTipsV:hover { display: block; }
.m-header1 .client .appTipsV:after { content: ' '; height: 0; position: absolute; width: 0; top: -18px; left: 45%; border: 10px solid transparent; border-bottom-color: #FFFFFF; }
.m-header1 .client .appTipsV .dltitle { font-size: 18px; line-height: 52px; margin-left: 20px; }
.m-header1 .client .appTipsV .qrcode { float: left; margin-left: 20px; }
.m-header1 .client .appTipsV .dlbtn { width: 140px; float: left; margin-left: 10px; text-align: center; }
.m-header1 .client .appTipsV .dlbtn .btn { width: 180px; height: 55px; display: block; margin-top: 10px; background: url(../Images/spriteIcon.png) no-repeat -4999px -4999px; }
.m-header1 .client .appTipsV .dlbtn .btn.iphone { background-position: -0px -638px; }
.m-header1 .client .appTipsV .dlbtn .btn.android { background-position: -0px -716px; }
.m-header2 .logo a { margin: 8px 15px 0 20px; }
.m-header2 .sublogo a { display: block; background: url(../Images/vocation_logo.png) no-repeat 0 18px; width: 240px; height: 53px; margin: 8px 15px 0 0; padding-left: 15px; }
.m-header2 .client { width: 90px; height: 80px; float: right; }
.m-header2 .client .app { display: block; float: right; }
.m-header2 .client .app .inner { padding-left: 10px; width: 80px; background: url(../Images/spriteIcon.png) no-repeat -30px -405px; font-size: 18px; text-align: center; height: 80px; line-height: 80px; color: #fff; }
.m-header2 .client .app:hover { background-color: #3A485D; }
.m-header2 .client .app:hover .inner { background: url(../Images/spriteIcon.png) no-repeat -30px -496px; }
.m-header2 .client .app:hover + .appTipsV { display: block; }
.m-header2 .client .appTipsV { display: none; background-color: #FFF; height: 210px; position: absolute; width: 370px; top: 65px; left: -125px; }
.m-header2 .client .appTipsV:hover { display: block; }
.m-header2 .client .appTipsV:after { content: ' '; height: 0; position: absolute; width: 0; top: -18px; left: 45%; border: 10px solid transparent; border-bottom-color: #FFFFFF; }
.m-header2 .client .appTipsV .dltitle { font-size: 18px; line-height: 52px; margin-left: 20px; }
.m-header2 .client .appTipsV .qrcode { float: left; margin-left: 20px; }
.m-header2 .client .appTipsV .dlbtn { width: 140px; float: left; margin-left: 10px; text-align: center; }
.m-header2 .client .appTipsV .dlbtn .btn { width: 180px; height: 55px; display: block; margin-top: 10px; background: url(../Images/spriteIcon.png) no-repeat -4999px -4999px; }
.m-header2 .client .appTipsV .dlbtn .btn.iphone { background-position: -0px -638px; }
.m-header2 .client .appTipsV .dlbtn .btn.android { background-position: -0px -716px; }
.m-foot { border-top: 1px solid #333; background-color: #333; padding: 30px 0 35px 0; line-height: 20px; }
.m-foot.custom-third-party-footer#j-footer { height: auto; }
.m-foot.custom-third-party-footer#j-footer .g-flow { width: 1260px; font-size: 0px; }
.custom-third-party-footer_left, .custom-third-party-footer_right { vertical-align: middle; }
.custom-third-party-footer_left { width: 516px; }
.custom-third-party-footer_right { width: 744px; font-size: 16px; text-align: right; }
.m-foot .line { display: block; width: 1px; height: 18px; border-left: 1px solid #4d4d4d; left: -20px; top: 2px; }
.m-foot .f1 { width: 516px; }
.m-foot .f1 .logo { width: 100%; height: 37px; background: url(../Images/zndx.png) no-repeat 0 0; background-size: contain; }
.m-foot .f1 .oocLogo { width: 100%; height: 35px; background: url(../Images/smallOocLogo.png) no-repeat 0 0; }
.m-foot .f1 p { margin-top: 12px; }
.m-foot .f2 { width: 128px; margin-right: 50px; }
.m-foot .f2 .f2a { display: inline-block; width: 60px; height: 25px; }
.m-foot .f3 { width: 180px; }
.m-foot .f3 .weixin .tipQrcode { display: none; z-index: 999; width: 120px; height: 120px; bottom: 65px; left: -34px; background: #fff; border: 1px solid #ddd; }
.m-foot .f3 .weixin .tipQrcode .qrTitle { font-family: "微软雅黑"; color: #999; }
.m-foot .f3 .weixin .tipQrcode .tip { width: 1px; height: 0px; right: 55px; bottom: -12px; border: 6px solid #fff; border-left-color: #333; border-right-color: #333; border-bottom-color: #333; }
.m-foot .f3 .weixin:hover .tipQrcode { display: block; }
.m-foot .f4 .f4a { display: block; width: 72px; height: 25px; }
.m-foot h4 { font-size: 16px; margin-bottom: 16px; }
.m-foot .gzIc { display: block; width: 43px; height: 43px; line-height: 43px; text-align: center; font-size: 30px; color: #ffffff; margin-right: 10px; border: 1px solid #fff; border-radius: 50%; }
.m-foot .gzIc.weibo:hover { color: #F8142D; border: 1px solid #F8142D; }
.m-foot .gzIc.weixin:hover { color: #55B929; border: 1px solid #55B929; }
.m-foot .beian p { text-align: center; }
.m-foot .recruit { height: 60px; background-color: #484848; top: -60px; left: 0; }
.m-foot .recruit .ic { display: block; width: 24px; height: 19px; margin: 20px 15px 0 0; background: url(../Images/ui_sprite.png) no-repeat -35px -341px; }
.m-foot .recruit .txt { margin: 22px 15px 0 0; color: #c3c3c3; }
.m-foot .recruit .btn { color: #ccc; border: 2px solid #718b31; padding: 5px 15px; margin: 13px 0 0 0; cursor: pointer; }
.m-foot .recruit .btn:hover { border-color: #8cb822; }
.m-foot .beian { margin-top: 25px; }

@media screen and (min-width: 1210px) {
    .m-foot .f2 { margin-right: 80px; }
}

.m-cloudfoot { position: absolute; bottom: 0; width: 100%; height: 140px; padding: 30px 0 35px 0; line-height: 23px; }
.m-cloudfoot .recruit { height: 60px; background-color: #484848; top: -60px; left: 0; }
.m-cloudfoot .recruit .ic { display: block; width: 24px; height: 19px; margin: 20px 15px 0 0; background: url(../Images/ui_sprite.png) no-repeat -35px -341px; }
.m-cloudfoot .recruit .txt { margin: 22px 15px 0 0; color: #c3c3c3; }
.m-cloudfoot .recruit .btn { color: #ccc; border: 2px solid #718b31; padding: 5px 15px; margin: 13px 0 0 0; cursor: pointer; }
.m-cloudfoot .recruit .btn:hover { border-color: #8cb822; }
.m-cloudfoot .f1 { width: 540px; }
.m-cloudfoot .f1 .logo { width: 100%; height: 35px; background: url(../Images/cloudlogo.png) no-repeat 0 0; }
.m-cloudfoot .f1 p { margin-top: 12px; color: #000; }
.m-cloudfoot .f2 { width: 280px; font-size: 14px; }
.m-cloudfoot .f2 .connect, .m-cloudfoot .f2 .home { float: left; margin-right: 60px; height: 40px; }
.m-cloudfoot .f2 .connect:hover + .onlineConnect { display: block; }
.m-cloudfoot .f2 .onlineConnect { display: none; background-color: #FFF; height: 120px; position: absolute; width: 230px; top: 27px; left: -90px; border: solid 1px #e6e6e6; }
.m-cloudfoot .f2 .onlineConnect:hover { display: block; }
.m-cloudfoot .f2 .onlineConnect .content { font-size: 12px; margin: 24px 24px 14px 24px; }
.m-cloudfoot .f2 .onlineConnect .service { cursor: pointer; color: #389dff; width: 200px; height: 35px; border-top: solid 1px #e6e6e6; margin: 0 auto; text-align: center; padding-top: 6px; line-height: 28px; vertical-align: middle; }
.m-cloudfoot .f2 .onlineConnect .service .u-icon-service { width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 20px; }
.m-cloudfoot .f2 .onlineConnect .service .connet { margin-left: 7px; text-decoration: underline; }
.m-cloudfoot .beian { width: 600px; text-align: center; margin: 40px auto; }
html, body { font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif"; }
#j-activityBanner { height: 50px; }
#j-activityBanner .u-icon-normal-close { position: absolute; font-size: 12px; width: 24px; line-height: 22px; height: 24px; background-color: rgba(0, 0, 0, 0.3); border-radius: 12px; right: 10px; top: 5px; color: #aaa; text-align: center; }
#j-activityBanner .u-icon-normal-close:hover { color: #fff; }
#j-activityBanner a { display: inline-block; width: 100%; height: 50px; }
.web-nav-container { z-index: 999; }
.web-nav-container .u-baseinputui { border: 0; height: 30px !important; }
.web-nav-container .u-baseinputui input { height: 30px !important; }
.web-nav-container .navLoginBtn { color: #fff; }
.web-nav-container .navLoginBtn:hover { color: #55b929; }
.u-baseinputui .inputhint { top: 6px; }
.area .u-baseinputui .inputtxt { height: 32px !important; }
.m-navlinks .face img { margin: 0 3px; }
.cateNavR-container-f a:hover div { color: #55b929; }
.cateNavR-container-f a:hover span { color: #55b929; }
.web-nav-container a:hover span { color: #55b929; }
.m-navLearn-container { min-width: 1260px; }
.m-navlinks .login { width: auto; position: relative; left: -20px; }
.m-navlinks .arrow { -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.m-navlinks:hover .arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.navTop-func-t .m-navlinks .login, .navRight-func-t .m-navlinks .login { left: -10px; }
.m-navTop-func-f .e-hover-arrow { border: none !important; }
.m-navTop-func-f .m-navlinks .login .info { right: 5px; }
.u-navVocationFunc .m-navlinks .login .info { right: 5px; }
.m-navLearn-container .e-hover-arrow, .u-navOnline-container .e-hover-arrow, .u-navVocation-container .e-hover-arrow { border: none !important; }
.j-nav-set .e-hover-arrow, .j-nav-set .e-hover-arrow-border { left: 149px; }
.j-searchBtn { cursor: pointer; margin-top: -1px; }
.ux-btn, .th-bk-main { color: white; }
.th-bk-disable { background-color: #999999; border-color: #999999; cursor: not-allowed; }
body.hide-modules-in-third-party-app #j-activityRightBanner, body.hide-modules-in-third-party-app #j-side-operation, body.hide-modules-in-third-party-app #j-footer, body.hide-modules-in-third-party-app #j-activityBanner, body.hide-modules-in-third-party-app #j-sideBar-enrolledCourse, body.hide-modules-in-third-party-app .u-s-imgRec, body.hide-modules-in-third-party-app #j-fix-parent, body.hide-modules-in-third-party-app #j-recommend-side, body.hide-modules-in-third-party-app .m-learnleft .u-helplink { display: none !important; }
.ux-pager a.th-bk-disable-gh { color: #859295; }
.ux-pager a.th-bk-main-gh { color: #333; }
.ux-h5pdfreader ::-webkit-scrollbar { display: block !important; height: 8px !important; }
a.f-fc0:hover, a:hover .f-fc0, a.f-fc3:hover, a:hover .f-fc3, a.f-fc6:hover, a:hover .f-fc6, a.f-fc9:hover, a:hover .f-fc9, a.f-fcf:hover, a:hover .f-fcf { color: #00AD4D; text-decoration: none; }
.f-fs0 { font-size: 12px; }
.f-fs13 { font-size: 13px; line-height: 20px; }
.f-fs14 { font-size: 14px; line-height: 22px; }
.f-fs15 { font-size: 15px; line-height: 25px; }
.f-fs16 { font-size: 16px; line-height: 28px; }
.f-fs18 { font-size: 18px; line-height: 30px; }
.f-fwb { font-weight: bold; }
.f-icon { font-family: 'icon-mooc' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
[class^='u-icon-'], [class*=' u-icon-'] { font-family: 'icon-mooc' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.u-icon-management:before { content: "\e99e"; }
.u-icon-economics:before { content: "\e99f"; }
.u-icon-literature:before { content: "\e9a0"; }
.u-icon-history:before { content: "\e9a1"; }
.u-icon-postgrad-exam1:before { content: "\e99c"; }
.u-icon-cet:before { content: "\e99d"; }
.u-icon-agriculture:before { content: "\e99b"; }
.u-icon-book-alter:before { content: "\e99a"; }
.u-icon-audio-wave:before { content: "\e999"; }
.u-icon-replace:before { content: "\e997"; }
.u-icon-mobile:before { content: "\e998"; }
.u-icon-teacher-live:before { content: "\e900"; }
.u-icon-live-people:before { content: "\e901"; color: #666; }
.u-icon-time:before { content: "\e600"; }
.u-icon-search:before { content: "\e601"; }
.u-icon-renren:before { content: "\e602"; }
.u-icon-weibo:before { content: "\e603"; }
.u-icon-small-renren:before { content: "\e604"; }
.u-icon-weibo2:before { content: "\e605"; }
.u-icon-douban:before { content: "\e606"; }
.u-icon-douban2:before { content: "\e607"; }
.u-icon-qzone:before { content: "\e608"; }
.u-icon-qq-zone:before { content: "\e609"; }
.u-icon-big-close:before { content: "\e60a"; }
.u-icon-small-close:before { content: "\e60b"; }
.u-icon-cert:before { content: "\e60c"; }
.u-icon-caret-right2:before { content: "\e60d"; }
.u-icon-doc:before { content: "\e60e"; }
.u-icon-discuss2:before { content: "\e60f"; }
.u-icon-video2:before { content: "\e610"; }
.u-icon-text:before { content: "\e611"; }
.u-icon-test3:before { content: "\e612"; }
.u-icon-caret-down2:before { content: "\e613"; }
.u-icon-return:before { content: "\e614"; }
.u-icon-info:before { content: "\e615"; }
.u-icon-wrong:before { content: "\e616"; }
.u-icon-clock:before { content: "\e617"; }
.u-icon-correct:before { content: "\e618"; }
.u-icon-play:before { content: "\e619"; }
.u-icon-full-screen:before { content: "\e61a"; }
.u-icon-voice:before { content: "\e61b"; }
.u-icon-caret-up2:before { content: "\e61c"; }
.u-icon-mute:before { content: "\e61d"; }
.u-icon-pause:before { content: "\e61e"; }
.u-icon-replay:before { content: "\e61f"; }
.u-icon-close2:before { content: "\e620"; }
.u-icon-wechat:before { content: "\e621"; }
.u-icon-setting:before { content: "\e622"; }
.u-icon-weixin:before { content: "\e623"; }
.u-icon-icourse:before { content: "\e624"; }
.u-icon-QQ:before { content: "\e625"; }
.u-icon-success:before { content: "\e626"; }
.u-icon-min-screen:before { content: "\e627"; }
.u-icon-warning2:before { content: "\e628"; }
.u-icon-calendar:before { content: "\e800"; }
.u-icon-braille:before { content: "\e801"; }
.u-icon-help:before { content: "\e802"; }
.u-icon-trash:before { content: "\e803"; }
.u-icon-down-circle:before { content: "\e804"; }
.u-icon-up-circle:before { content: "\e805"; }
.u-icon-pencil:before { content: "\e806"; }
.u-icon-share:before { content: "\e902"; }
.u-icon-caret-left:before { content: "\e903"; }
.u-icon-arr-right-small:before { content: "\e904"; }
.u-icon-caret-right:before { content: "\e905"; }
.u-icon-caret-up:before { content: "\e906"; }
.u-icon-book:before { content: "\e907"; }
.u-icon-dialog:before { content: "\e908"; }
.u-icon-discuss:before { content: "\e909"; }
.u-icon-document:before { content: "\e90a"; }
.u-icon-download:before { content: "\e90b"; }
.u-icon-exam:before { content: "\e90c"; }
.u-icon-exercise:before { content: "\e90d"; }
.u-icon-home:before { content: "\e90e"; }
.u-icon-list:before { content: "\e90f"; }
.u-icon-live:before { content: "\e910"; }
.u-icon-message:before { content: "\e911"; }
.u-icon-notice:before { content: "\e912"; }
.u-icon-playing:before { content: "\e913"; }
.u-icon-richText:before { content: "\e914"; }
.u-icon-score:before { content: "\e915"; }
.u-icon-unknown:before { content: "\e916"; }
.u-icon-video:before { content: "\e917"; }
.u-icon-collect:before { content: "\e918"; }
.u-icon-star:before { content: "\e919"; }
.u-icon-im:before { content: "\e91a"; }
.u-icon-cart:before { content: "\e91b"; }
.u-icon-mobileview:before { content: "\e91c"; }
.u-icon-caret-down:before { content: "\e91d"; }
.u-icon-angle-double-right:before { content: "\e91e"; }
.u-icon-angle-double-left:before { content: "\e91f"; }
.u-icon-course-manage:before { content: "\e920"; }
.u-icon-move:before { content: "\e921"; }
.u-icon-check:before { content: "\e922"; }
.u-icon-gear:before { content: "\e923"; }
.u-icon-close:before { content: "\e924"; }
.u-icon-back:before { content: "\e925"; }
.u-icon-renren2:before { content: "\e926"; }
.u-icon-noword:before { content: "\e927"; }
.u-icon-sad:before { content: "\e928"; }
.u-icon-org-tutor:before { content: "\e929"; }
.u-icon-org-content:before { content: "\e92a"; }
.u-icon-org-utility:before { content: "\e92b"; }
.u-icon-error-circle:before { content: "\e92c"; }
.u-icon-org-content2:before { content: "\e92d"; }
.u-icon-org-test:before { content: "\e92e"; }
.u-icon-thin-caret-up:before { content: "\e92f"; }
.u-icon-success-circle:before { content: "\e930"; }
.u-icon-thin-caret-down:before { content: "\e931"; }
.u-icon-delete:before { content: "\e932"; }
.u-icon-edit:before { content: "\e933"; }
.u-icon-test2:before { content: "\e934"; }
.u-icon-hand-up:before { content: "\e935"; }
.u-icon-hand-down:before { content: "\e936"; }
.u-icon-order:before { content: "\e937"; }
.u-icon-cash:before { content: "\e938"; }
.u-icon-exchange:before { content: "\e939"; }
.u-icon-data:before { content: "\e93a"; }
.u-icon-tag:before { content: "\e93b"; }
.u-icon-plus:before { content: "\e93c"; }
.u-icon-minus:before { content: "\e93d"; }
.u-icon-qiyemail:before { content: "\e93e"; }
.u-icon-netease:before { content: "\e93f"; }
.u-icon-arrange:before { content: "\e940"; }
.u-icon-smile:before { content: "\e941"; }
.u-icon-empty:before { content: "\e942"; }
.u-icon-warning:before { content: "\e943"; }
.u-icon-empty-criterial:before { content: "\e944"; }
.u-icon-front:before { content: "\e945"; }
.u-icon-add-big:before { content: "\e946"; }
.u-icon-chat-circle:before { content: "\e947"; }
.u-icon-course-discuss:before { content: "\e948"; }
.u-icon-course-content:before { content: "\e949"; }
.u-icon-test:before { content: "\e94a"; }
.u-icon-minus-big:before { content: "\e94b"; }
.u-icon-reply2:before { content: "\e94c"; }
.u-icon-continue:before { content: "\e94d"; }
.u-icon-elite:before { content: "\e94e"; }
.u-icon-check-slim:before { content: "\e94f"; }
.u-icon-surprise:before { content: "\e950"; }
.u-icon-qq:before { content: "\e951"; }
.u-icon-neteaseEmail:before { content: "\e952"; }
.u-icon-neatease:before { content: "\e953"; }
.u-icon-icourse2:before { content: "\e954"; }
.u-icon-caret-left2:before { content: "\e955"; }
.u-icon-stu:before { content: "\e956"; }
.u-icon-teacher:before { content: "\e957"; }
.u-icon-admin:before { content: "\e958"; }
.u-icon-service:before { content: "\e959"; }
.u-icon-more:before { content: "\e95a"; }
.u-icon-normal-close:before { content: "\e95b"; }
.u-icon-post:before { content: "\e95c"; }
.u-icon-reply:before { content: "\e95d"; }
.u-icon-vote:before { content: "\e95e"; }
.u-icon-person:before { content: "\e95f"; }
.u-icon-clock2:before { content: "\e960"; }
.u-icon-presenter:before { content: "\e961"; }
.u-icon-all:before { content: "\e962"; }
.u-icon-art:before { content: "\e963"; }
.u-icon-biomedicine:before { content: "\e964"; }
.u-icon-computer:before { content: "\e965"; }
.u-icon-eco-management:before { content: "\e966"; }
.u-icon-engineering:before { content: "\e967"; }
.u-icon-foreign-language:before { content: "\e968"; }
.u-icon-law:before { content: "\e969"; }
.u-icon-literary-history:before { content: "\e96a"; }
.u-icon-more2:before { content: "\e96b"; }
.u-icon-philosophy:before { content: "\e96c"; }
.u-icon-psychology:before { content: "\e96d"; }
.u-icon-science:before { content: "\e96e"; }
.u-icon-teaching-method:before { content: "\e96f"; }
.u-icon-all-m:before { content: "\e970"; }
.u-icon-art-m:before { content: "\e971"; }
.u-icon-biomedicine-m:before { content: "\e972"; }
.u-icon-computer-m:before { content: "\e973"; }
.u-icon-eco-management-m:before { content: "\e974"; }
.u-icon-engineering-m:before { content: "\e975"; }
.u-icon-foreign-language-m:before { content: "\e976"; }
.u-icon-law-m:before { content: "\e977"; }
.u-icon-literary-history-m:before { content: "\e978"; }
.u-icon-philosophy-m:before { content: "\e979"; }
.u-icon-psychology-m:before { content: "\e97a"; }
.u-icon-science-m:before { content: "\e97b"; }
.u-icon-teaching-method-m:before { content: "\e97c"; }
.u-icon-circle-caret-right:before { content: "\e97d"; }
.u-icon-circle-caret-left:before { content: "\e97e"; }
.u-icon-played:before { content: "\e97f"; }
.u-icon-gotop:before { content: "\e980"; }
.u-icon-leave-message:before { content: "\e981"; }
.u-icon-mobile-phone:before { content: "\e982"; }
.u-icon-search2:before { content: "\e983"; }
.u-icon-moreArrow:before { content: "\e984"; }
.u-icon-clock-icon:before { content: "\e985"; }
.u-icon-message-icon:before { content: "\e986"; }
.u-icon-like-icon:before { content: "\e987"; }
.u-icon-icon-live2:before { content: "\e988"; }
.u-icon-dots-more:before { content: "\e989"; }
.u-icon-inquiry:before { content: "\e98a"; }
.u-icon-plus-thin:before { content: "\e98b"; }
.u-icon-arrow-left-thin:before { content: "\e98c"; }
.u-icon-arrow-right-thin:before { content: "\e98d"; }
.u-icon-postgrad-exam:before { content: "\e98e"; }
.u-icon-email:before { content: "\e98f"; }
.u-icon-stacks:before { content: "\e990"; }
.u-icon-questioning:before { content: "\e991"; }
.u-icon-bookmark:before { content: "\e992"; }
.u-icon-categories:before { content: "\e993"; }
.u-icon-scholar:before { content: "\e994"; }
.u-icon-cert2:before { content: "\e995"; }
.u-icon-play-hollow:before { content: "\e996"; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
.animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; }
.animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounce {
    0%,20%,53%,80%,100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    40%,43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
    70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
    90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); }
}

@keyframes bounce {
    0%,20%,53%,80%,100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    40%,43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
    70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
    90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); }
}

.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash {
    0%,50%,100% { opacity: 1; }
    25%,75% { opacity: 0; }
}

@keyframes flash {
    0%,50%,100% { opacity: 1; }
    25%,75% { opacity: 0; }
}

.flash { -webkit-animation-name: flash; animation-name: flash; }

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
    100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@keyframes pulse {
    0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
    100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand {
    0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
    40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
    50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
    65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
    75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
    100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@keyframes rubberBand {
    0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
    40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
    50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
    65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
    75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
    100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake {
    0%,100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
    20%,40%,60%,80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
}

@keyframes shake {
    0%,100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
    20%,40%,60%,80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
}

.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes swing {
    20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
    40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
    60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
    80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
    100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
}

@keyframes swing {
    20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
    40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
    60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
    80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
    100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
}

.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada {
    0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    10%,20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
    30%,50%,70%,90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    40%,60%,80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
    100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@keyframes tada {
    0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    10%,20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
    30%,50%,70%,90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    40%,60%,80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
    100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

.tada { -webkit-animation-name: tada; animation-name: tada; }

@-webkit-keyframes wobble {
    0% { -webkit-transform: none; transform: none; }
    15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
    30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
    45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
    60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
    75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
    100% { -webkit-transform: none; transform: none; }
}

@keyframes wobble {
    0% { -webkit-transform: none; transform: none; }
    15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
    30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
    45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
    60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
    75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
    100% { -webkit-transform: none; transform: none; }
}

.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello {
    11.1% { -webkit-transform: none; transform: none; }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
    66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
    77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); }
    88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); }
    100% { -webkit-transform: none; transform: none; }
}

@keyframes jello {
    11.1% { -webkit-transform: none; transform: none; }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
    66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
    77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); }
    88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); }
    100% { -webkit-transform: none; transform: none; }
}

.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
    20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
    40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
    60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
    80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
    20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
    40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
    60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
    80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
    60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
    75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
    90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
    100% { -webkit-transform: none; transform: none; }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
    60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
    75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
    90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
    100% { -webkit-transform: none; transform: none; }
}

.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
    60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
    75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
    90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
    100% { -webkit-transform: none; transform: none; }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
    60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
    75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
    90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
    100% { -webkit-transform: none; transform: none; }
}

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
    60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
    75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
    90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
    100% { -webkit-transform: none; transform: none; }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
    60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
    75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
    90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
    100% { -webkit-transform: none; transform: none; }
}

.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
    60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
    75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
    60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
    75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
    20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
    50%,55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
    100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
}

@keyframes bounceOut {
    20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
    50%,55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
    100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
}

.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
    20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    40%,45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
    100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
}

@keyframes bounceOutDown {
    20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    40%,45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
    100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
}

.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
    20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
    100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
}

@keyframes bounceOutLeft {
    20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
    100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
}

.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
    20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
    100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
}

@keyframes bounceOutRight {
    20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
    100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
}

.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
    20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
    40%,45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
    100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
}

@keyframes bounceOutUp {
    20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
    40%,45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
    100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
}

.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
    0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInDownBig {
    0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
    0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInLeftBig {
    0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
    0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInRightBig {
    0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
    0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInUpBig {
    0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}

@keyframes fadeOutDown {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
}

@keyframes fadeOutDownBig {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
}

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

@keyframes fadeOutLeft {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
}

@keyframes fadeOutLeftBig {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
}

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}

@keyframes fadeOutRight {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
}

@keyframes fadeOutRightBig {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
}

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}

@keyframes fadeOutUp {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
}

@keyframes fadeOutUpBig {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
}

.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
    0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
}

@keyframes flip {
    0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
}

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
    100% { -webkit-transform: perspective(400px); transform: perspective(400px); }
}

@keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
    100% { -webkit-transform: perspective(400px); transform: perspective(400px); }
}

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY {
    0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
    100% { -webkit-transform: perspective(400px); transform: perspective(400px); }
}

@keyframes flipInY {
    0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
    100% { -webkit-transform: perspective(400px); transform: perspective(400px); }
}

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX {
    0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
    30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
    100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}

@keyframes flipOutX {
    0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
    30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
    100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}

.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
    0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
    30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
    100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
}

@keyframes flipOutY {
    0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
    30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
    100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
}

.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
    0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
    60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
    80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
    100% { -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes lightSpeedIn {
    0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
    60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
    80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
    100% { -webkit-transform: none; transform: none; opacity: 1; }
}

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
    0% { opacity: 1; }
    100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; }
}

@keyframes lightSpeedOut {
    0% { opacity: 1; }
    100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; }
}

.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
    0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
    100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes rotateIn {
    0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
    100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; }
}

.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes rotateInDownLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes rotateInDownRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes rotateInUpLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes rotateInUpRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
    0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
    100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}

@keyframes rotateOut {
    0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
    100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}

.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}

@keyframes rotateOutDownLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}

@keyframes rotateOutDownRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}

@keyframes rotateOutUpLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}

@keyframes rotateOutUpRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
    0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
    20%,60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
    40%,80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
    100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; }
}

@keyframes hinge {
    0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
    20%,60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
    40%,80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
    100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; }
}

.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

@-webkit-keyframes rollIn {
    0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes rollIn {
    0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

@-webkit-keyframes rollOut {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); }
}

@keyframes rollOut {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); }
}

.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
    50% { opacity: 1; }
}

@keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
    50% { opacity: 1; }
}

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
    0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

@keyframes zoomInDown {
    0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
    0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

@keyframes zoomInLeft {
    0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
    0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

@keyframes zoomInRight {
    0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
    0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

@keyframes zoomInUp {
    0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
    0% { opacity: 1; }
    50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
    100% { opacity: 0; }
}

@keyframes zoomOut {
    0% { opacity: 1; }
    50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
    100% { opacity: 0; }
}

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
    40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

@keyframes zoomOutDown {
    40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
    40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
    100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; }
}

@keyframes zoomOutLeft {
    40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
    100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; }
}

.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
    40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
    100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; }
}

@keyframes zoomOutRight {
    40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
    100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; }
}

.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
    40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

@keyframes zoomOutUp {
    40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
    0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes slideInDown {
    0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
    0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes slideInLeft {
    0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
    0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes slideInRight {
    0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
    0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes slideInUp {
    0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}

@keyframes slideOutDown {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}

.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

@keyframes slideOutLeft {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}

@keyframes slideOutRight {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}

.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}

@keyframes slideOutUp {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }
.m-head-container { left: 0px; top: 0px; width: 1260px; height: 64px; border-radius: 0px; position: relative; clear: none; z-index: 9; color: black; font-size: 0px; background-color: white; margin: 0px auto; padding: 0px; }
.m-head-category > a { display: inline-block; width: 100%; height: 100%; }
.m-head-category > a > span { line-height: 64px; display: inline-block; width: 100%; height: 64px; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: #111111; text-align: center; vertical-align: middle; }
.m-head-container > .m-head-category { left: 0px; top: 0; width: 32px; height: 64px; border-radius: 0px; position: relative; clear: none; font-size: 0px; z-index: 12; color: black; margin: 0 0 0 10px; padding: 0px; float: left; line-height: 21px; }
.m-head-logo > a { display: inline-block; width: 100%; height: 34px; }
.m-head-logo > a > img { border-radius: 0px; }
.m-head-container > .m-head-logo { left: 0px; top: 16px; width: 241px; height: 34px; border-radius: 0px; position: absolute; clear: none; z-index: 12; color: black; font-size: 16px; margin: 0px; padding: 0px; }
.m-head-school > a { display: inline-block; width: 100%; height: 100%; }
.m-head-school > a > span { line-height: 64px; display: inline-block; width: 100%; height: 64px; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: #111111; text-align: center; vertical-align: middle; }
.m-head-container > .m-head-school { left: 0px; top: 0; width: 32px; height: 64px; border-radius: 0px; position: relative; clear: none; font-size: 0px; z-index: 12; color: black; padding: 0px; float: left; line-height: 21px; }
.m-head-discuss > a { display: inline-block; width: 100%; height: 100%; }
.m-head-discuss > a > span { line-height: 64px; display: inline-block; width: 100%; height: 64px; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: #111111; text-align: left; vertical-align: middle; }
.m-head-container > .m-head-discuss { left: 0px; top: 0; width: 85px; height: 64px; border-radius: 0px; position: relative; clear: none; font-size: 0px; z-index: 12; color: black; margin: 0px 0px 0px 40px; padding: 0px; float: left; line-height: 21px; }
.m-head-right-more > a, .m-head-link-to-study163 > a, .m-head-link-to-geek > a { display: inline-block; width: 100%; height: 19px; }
.m-head-right-more > a > .e-hover-source, .m-head-link-to-study163 > a > span, .m-head-link-to-geek > a > span { line-height: 22px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px; color: #666666; text-align: center; vertical-align: middle; }
.m-head-right-more > .e-hover-target { right: 0px; left: auto !important; }
.m-head-right-more > .e-hover-target > .e-hover-arrow { right: 32px; }
.m-head-right-more > .e-hover-target > .e-hover-arrow-border { right: 32px; }
.m-head-right-more > .e-hover-target > .e-hover-content > .u-more-course-container { left: 0px; top: 0px; width: 94px; height: 88px; border-radius: 0px; position: relative; clear: none; z-index: 5; color: black; font-size: 16px; margin: 0px; padding: 0px; }
.m-head-right-more > .e-hover-target > .e-hover-content > .u-more-course-container > .u-more-course-1 { left: 0px; top: 0px; width: 94px; height: 20px; border-radius: 0px; position: absolute; clear: none; font-size: 0px; z-index: 6; color: black; margin: 0px; padding: 0px; line-height: 20px; }
.m-head-right-more > .e-hover-target > .e-hover-content > .u-more-course-container > .u-more-course-1 > a { display: inline-block; width: 100%; height: 20px; }
.m-head-right-more > .e-hover-target > .e-hover-content > .u-more-course-container > .u-more-course-1 > a > span { line-height: 20px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px; color: #111111; text-align: center; vertical-align: middle; }
.m-head-right-more > .e-hover-target > .e-hover-content > .u-more-course-container > .u-more-course-2 { left: 0px; top: 35px; width: 94px; height: 20px; border-radius: 0px; position: absolute; clear: none; font-size: 0px; z-index: 6; color: black; margin: 0px; padding: 0px; line-height: 20px; }
.m-head-right-more > .e-hover-target > .e-hover-content > .u-more-course-container > .u-more-course-2 > a { display: inline-block; width: 100%; height: 20px; }
.m-head-right-more > .e-hover-target > .e-hover-content > .u-more-course-container > .u-more-course-2 > a > span { line-height: 20px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px; color: #111111; text-align: center; vertical-align: middle; }
.m-head-right-more > .e-hover-target > .e-hover-content > .u-more-course-container > .u-more-course-3 { left: 0px; top: 68px; white-space: nowrap; width: 94px; height: 20px; border-radius: 0px; position: absolute; clear: none; font-size: 0px; z-index: 6; color: black; margin: 0px; padding: 0px; line-height: 20px; }
.m-head-right-more > .e-hover-target > .e-hover-content > .u-more-course-container > .u-more-course-3 > a { display: inline-block; width: 100%; height: 20px; }
.m-head-right-more > .e-hover-target > .e-hover-content > .u-more-course-container > .u-more-course-3 > a > span { line-height: 20px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px; color: #111111; text-align: center; vertical-align: middle; }
.m-head-container > .m-head-right-more, .m-head-container > .m-head-link-to-study163, .m-head-container > .m-head-link-to-geek { left: 1176px; top: 75px; height: 19px; border-radius: 0px; position: absolute; clear: none; font-size: 16px; z-index: 12; color: black; margin: 0px; padding: 0px; cursor: pointer; line-height: 22px; }
.m-head-container > .m-head-link-to-study163 { left: 1070px; }
.m-head-container > .m-head-link-to-geek { left: 980px; }
.e-hover-source:hover .e-hover-target { display: block; }
.e-hover-source:hover .e-hover-code { display: block; }
.e-hover-target { display: none; position: absolute; left: 50%; margin-top: -2px; padding-top: 14px; top: 100%; }
.e-hover-target.left { top: -50%; margin-right: -2px; padding-right: 14px; padding-top: 0px; right: 100%; left: auto; }
.e-hover-target.right { top: -50%; margin-left: -2px; padding-left: 14px; padding-top: 0px; right: auto; left: 100%; }
.e-hover-code { display: none; }
.e-hover-arrow { position: absolute; top: 5px; width: 1px; height: 1px; border: 9px solid transparent; border-bottom-color: #ddd; z-index: 3; border-top-width: 0px; }
.e-hover-arrow.left { position: absolute; width: 1px; right: 5px; height: 1px; border: 9px solid transparent; border-left-color: #ddd; z-index: 3; border-right-width: 0px; }
.e-hover-arrow.right { position: absolute; width: 1px; left: 5px; height: 1px; border: 9px solid transparent; border-right-color: #ddd; z-index: 3; border-left-width: 0px; }
.e-hover-arrow-border { position: absolute; width: 1px; height: 1px; top: 6px; border: 9px solid transparent; border-bottom-color: #fff; border-top-width: 0px; z-index: 3; }
.e-hover-arrow-border.left { position: absolute; width: 1px; height: 1px; right: 6px; border: 9px solid transparent; border-left-color: #fff; border-right-width: 0px; z-index: 3; }
.e-hover-arrow-border.right { position: absolute; width: 1px; height: 1px; left: 6px; border: 9px solid transparent; border-right-color: #fff; border-left-width: 0px; z-index: 3; }
.e-hover-content { -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); padding: 15px 15px 15px; background: #fff; border: 1px solid #ddd; }
.m-head-cloud > a { display: inline-block; width: 100%; height: 100%; }
.m-head-cloud > a > span { line-height: 64px; display: inline-block; width: 100%; height: 64px; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: #111111; text-align: center; vertical-align: middle; }
.m-head-container > .m-head-cloud { left: 0px; top: 0; width: auto; height: 64px; border-radius: 0px; position: relative; clear: none; font-size: 0px; z-index: 12; color: black; margin: 0px; padding: 0px; float: left; line-height: 21px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container { left: 0px; top: 0px; width: 743px; height: 40px; text-align: right; border-radius: 0px; position: relative; clear: none; z-index: 9; color: black; font-size: 16px; background-color: white; margin: 0px auto; padding: 0px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .m-head-app { display: inline-block; vertical-align: middle; width: 13px; height: 22px; border-radius: 0px; clear: none; z-index: 31; color: black; font-size: 16px; margin: 0px; padding: 0px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .m-head-app > img { width: 13px; height: 22px; border-radius: 0px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .e-hover-source.m-head-app-text { display: inline-block; position: relative; vertical-align: middle; border-radius: 0px; clear: none; font-size: 16px; z-index: 33; color: black; margin: 0px; padding: 0px; cursor: pointer; line-height: 22px; margin-left: 10px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .e-hover-source.m-head-app-text > a { display: inline-block; width: 100%; height: 20px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .e-hover-source.m-head-app-text > a > .e-hover-source { line-height: 22px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px; color: #111111; text-align: center; vertical-align: middle; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .e-hover-source.m-head-app-text > .e-hover-target { position: absolute; margin-left: -182px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .e-hover-source.m-head-app-text > .e-hover-target > .e-hover-arrow { left: 172px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .e-hover-source.m-head-app-text > .e-hover-target > .e-hover-arrow-border { left: 172px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .e-hover-source.m-head-app-text > .e-hover-target > .e-hover-content > .u-app-download-container { left: 0px; top: 0px; width: 334px; height: 180px; border-radius: 0px; position: relative; clear: none; z-index: 5; color: black; background-color: white; margin: 0px; padding: 0px; font-size: 16px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .e-hover-source.m-head-app-text > .e-hover-target > .e-hover-content > .u-app-download-container > .u-app-tip { left: 2px; top: 5px; width: 200px; height: 20px; border-radius: 0px; position: absolute; clear: none; font-size: 0px; z-index: 6; color: black; margin: 0px; padding: 0px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .e-hover-source.m-head-app-text > .e-hover-target > .e-hover-content > .u-app-download-container > .u-app-tip > span { line-height: normal; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 18px; color: #111111; text-align: left; vertical-align: middle; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .e-hover-source.m-head-app-text > .e-hover-target > .e-hover-content > .u-app-download-container > .u-app-qrcode { left: 4px; top: 40px; width: 140px; height: 140px; border-radius: 0px; position: absolute; clear: none; z-index: 6; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .e-hover-source.m-head-app-text > .e-hover-target > .e-hover-content > .u-app-download-container > .u-app-qrcode > img { width: 140px; height: 140px; border-radius: 0px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .e-hover-source.m-head-app-text > .e-hover-target > .e-hover-content > .u-app-download-container > .u-app-iphone-link { left: 155px; top: 52px; width: 177px; height: 51px; border-radius: 0px; position: absolute; clear: none; z-index: 6; color: black; background: url(../Images/spriteIcon.png) 0px -638px no-repeat; margin: 0px; padding: 0px; font-size: 16px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .e-hover-source.m-head-app-text > .e-hover-target > .e-hover-content > .u-app-download-container > .u-app-iphone-link > a { display: inline-block; width: 100%; height: 51px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .e-hover-source.m-head-app-text > .e-hover-target > .e-hover-content > .u-app-download-container > .u-app-android-link { left: 155px; top: 118px; width: 177px; height: 51px; border-radius: 0px; position: absolute; clear: none; z-index: 6; color: black; background: url(../Images/spriteIcon.png) 0px -716px no-repeat; margin: 0px; padding: 0px; font-size: 16px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .e-hover-source.m-head-app-text > .e-hover-target > .e-hover-content > .u-app-download-container > .u-app-android-link > a { display: inline-block; width: 100%; height: 51px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .u-head-searchFunc { display: inline-block; vertical-align: middle; border-radius: 0px; clear: none; z-index: 32; color: black; font-size: 16px; border-style: solid; border-color: #00c758; border-radius: 16px; border-width: 1px; margin: 0px; padding: 0 0 0 16px; margin-left: 28px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .u-head-searchFunc > .u-head-searchFunc-i > .j-search-box.u-search-container { left: 0px; top: 0px; width: 236px; height: 32px; border-radius: 0px; position: relative; clear: none; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .u-head-searchFunc > .u-head-searchFunc-i > .j-search-box.u-search-container > .j-input.u-search-input { left: 0px; top: 0px; width: 176px; height: 30px; border-radius: 0px; position: absolute; clear: none; z-index: 1; color: black; background-color: white; margin: 0px; padding: 0px; font-size: 16px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .u-head-searchFunc > .u-head-searchFunc-i > .j-search-box.u-search-container > .u-search-icon { left: 182px; top: 0px; width: 56px; height: 32px; border-radius: 16px; background-color: #00c758; position: absolute; clear: none; font-size: 16px; z-index: 1; color: black; margin: 0px; padding: 0px; line-height: 30px; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .u-head-searchFunc > .u-head-searchFunc-i > .j-search-box.u-search-container > .u-search-icon > .u-icon-search2.j-searchBtn { line-height: 30px; display: inline-block; width: 100%; font-size: 20px; color: white; text-align: center; vertical-align: middle; }
.m-head-searchPA > .m-head-searchPA-i > .m-headSearchPA-container > .m-head-personFunc { display: inline-block; vertical-align: middle; border-radius: 0px; z-index: 32; color: black; font-size: 12px; margin: 0px; padding: 0px; margin-left: 43px; }
.websit-entry-in-head { font-size: 16px; font-family: 微软雅黑, 'Microsoft YaHei'; color: #333333; }
.websit-entry-in-head:hover { color: #00AD4D; }
.u-head-my-cloude { display: inline-block; vertical-align: middle; margin-left: 28px; }
.u-head-my-center { display: inline-block; vertical-align: middle; margin-left: 28px; }
.m-head-container > .m-head-searchPA { right: 0; top: 20px; width: 743px; height: 40px; border-radius: 0px; position: absolute; clear: none; z-index: 11; color: black; font-size: 16px; margin: 0px; padding: 0px; }
.e-hover-source:hover .e-hover-target { display: block; }
.e-hover-source:hover .e-hover-code { display: block; }
.e-hover-target { display: none; position: absolute; left: 50%; margin-top: -2px; padding-top: 14px; top: 100%; }
.e-hover-target.left { top: -50%; margin-right: -2px; padding-right: 14px; padding-top: 0px; right: 100%; left: auto; }
.e-hover-target.right { top: -50%; margin-left: -2px; padding-left: 14px; padding-top: 0px; right: auto; left: 100%; }
.e-hover-code { display: none; }
.e-hover-arrow { position: absolute; top: 5px; width: 1px; height: 1px; border: 9px solid transparent; border-bottom-color: #ddd; z-index: 3; border-top-width: 0px; }
.e-hover-arrow.left { position: absolute; width: 1px; right: 5px; height: 1px; border: 9px solid transparent; border-left-color: #ddd; z-index: 3; border-right-width: 0px; }
.e-hover-arrow.right { position: absolute; width: 1px; left: 5px; height: 1px; border: 9px solid transparent; border-right-color: #ddd; z-index: 3; border-left-width: 0px; }
.e-hover-arrow-border { position: absolute; width: 1px; height: 1px; top: 6px; border: 9px solid transparent; border-bottom-color: #fff; border-top-width: 0px; z-index: 3; }
.e-hover-arrow-border.left { position: absolute; width: 1px; height: 1px; right: 6px; border: 9px solid transparent; border-left-color: #fff; border-right-width: 0px; z-index: 3; }
.e-hover-arrow-border.right { position: absolute; width: 1px; height: 1px; left: 6px; border: 9px solid transparent; border-right-color: #fff; border-left-width: 0px; z-index: 3; }
.e-hover-content { -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); padding: 15px 15px 15px; background: #fff; border: 1px solid #ddd; }
.m-head-kaoyan > a { display: inline-block; width: 100%; height: 100%; }
.m-head-kaoyan > a > span { line-height: 64px; display: inline-block; width: 100%; height: 64px; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: #333333; text-align: left; vertical-align: middle; }
.m-head-container > .m-head-kaoyan { left: 15px; top: 0; height: 64px; border-radius: 0px; position: relative; clear: none; z-index: 12; color: black; padding: 0px; float: left; line-height: 21px; }
.m-head-container > .m-head-kaoyan .u-app-tip > span { display: inline-block; width: 100%; text-align: center; }
.m-head-mark > span { line-height: 16px; display: inline-block; width: 100%; font-size: 12px; color: white; text-align: center; vertical-align: middle; }
.m-head-container > .m-head-mark { left: 0px; top: 80px; width: 26px; height: 15px; border-radius: 2px; position: relative; clear: none; font-size: 0px; display: none; z-index: 12; background-color: #ff1919; margin: 0px 0px 0px 5px; float: left; line-height: 16px; }
.m-head-container .m-head-logo { z-index: 1; }
.m-head-container .m-head-category .channel-panel { top: -20px; margin-left: -90px; text-align: left; }
.m-head-container .m-head-category::after { content: ''; position: absolute; top: 45%; right: 5px; width: 0; height: 0; border: 4px solid transparent; border-width: 6px 5px 0 5px; border-top-color: #c6c6c6; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: rotate(0); transform: rotate(0); cursor: pointer; }
.m-head-container .m-head-category:hover::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.m-head-container .m-head-category, .m-head-container .m-head-school, .m-head-container .m-head-discuss, .m-head-container .m-head-cloud, .m-head-container .m-head-kaoyan { left: 255px; min-width: 45px; padding: 0 16px; text-align: center; z-index: 99; }
.m-head-container .m-head-kaoyan .e-hover-target { top: 42px; }
.m-head-container .m-head-searchPA { width: 600px; top: 16px; }
.m-head-container .m-head-searchPA .m-head-searchPA-i > .m-headSearchPA-container { width: 600px; }
.m-head-container .m-head-searchPA .m-head-app, .m-head-container .m-head-searchPA .m-head-app-text { display: none; }
.m-head-container .m-head-searchPA .u-baseinputui .inputhint { position: absolute; top: 6px; left: 8px; font-size: 14px; font-weight: 400; color: #b8b8b8; line-height: 20px; }
.m-head-container .m-head-item { width: auto; }
.p-index-container { left: 0px; top: 0px; width: 100%; height: auto; border-radius: 0px; position: relative; clear: none; display: block; min-width: 0px; color: black; font-size: 16px; margin: 0px; padding: 0px; }
.p-index-headFunc { left: 0px; top: 0px; width: 100%; height: 64px; border-radius: 0px; position: relative; clear: none; display: block; min-width: 0px; z-index: 6; color: black; font-size: 16px; background-color: white; margin: 0px auto; padding: 0px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container { left: 0px; top: 0px; width: 1200px; height: 380px; border-radius: 0px; position: relative; clear: none; min-width: 0px; z-index: 2; color: black; margin: 0px auto; padding: 0px; font-size: 16px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-slideBox { left: 212px; top: 10px; width: 776px; height: 360px; border-radius: 4px; position: absolute; clear: none; min-width: 0px; color: black; margin: 0px; padding: 0px; font-size: 16px; overflow: hidden; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-cateFunc { -webkit-box-sizing: border-box; box-sizing: border-box; filter: alpha(opacity=80); left: 0px; top: 10px; width: 200px; height: 360px; border-radius: 4px; position: absolute; clear: none; min-width: 0px; z-index: 3; color: black; background-color: #272C33; margin: 0px; padding: 10px 0; font-size: 16px; overflow: hidden; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-cateFunc > .m-slideTop-cateFunc-f > .u-cateItem-container { left: 0px; top: 0px; width: 200px; height: 42px; border-radius: 0px; position: relative; clear: none; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-cateFunc > .m-slideTop-cateFunc-f > .u-cateItem-container > a { display: inline-block; width: 100%; height: 42px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-cateFunc > .m-slideTop-cateFunc-f > .u-cateItem-container > a > .u-cateItem-icon { left: 20px; top: 14px; width: 18px; height: 18px; border-radius: 0px; position: absolute; clear: none; color: white; margin: 0px; padding: 0px; font-size: 16px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-cateFunc > .m-slideTop-cateFunc-f > .u-cateItem-container > a > .u-cateItem-txt { left: 52px; top: 10px; width: 110px; height: 22px; border-radius: 0px; position: absolute; clear: none; font-size: 16px; color: black; margin: 0px; padding: 0px; line-height: 22px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-cateFunc > .m-slideTop-cateFunc-f > .u-cateItem-container > a > .u-cateItem-txt > .f-thide { line-height: 22px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px; color: #b8b8b8; text-align: left; vertical-align: middle; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc { background-color: white; filter: alpha(opacity=80); left: 1000px; top: 10px; width: 200px; height: 360px; border-radius: 4px; position: absolute; clear: none; min-width: 0px; color: black; background-color: rgba(255, 255, 255, 0.8); margin: 0px; padding: 0px; font-size: 16px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-t > .u-loginPerson-container { left: 0px; top: 0px; width: 200px; height: 280px; border-radius: 0px; position: relative; clear: none; display: block; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-t > .u-loginPerson-container > .u-loginPerson-title { left: 10px; top: 104px; width: 180px; height: 20px; border-radius: 0px; position: absolute; clear: none; font-size: 16px; display: block; color: black; margin: 0px; padding: 0px; line-height: 20px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-t > .u-loginPerson-container > .u-loginPerson-title > .f-thide { line-height: 20px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: #111111; text-align: center; vertical-align: top; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-t > .u-loginPerson-container > .u-loginPerson-pic { left: 72px; top: 32px; width: 56px; height: 56px; border-radius: 28px; position: absolute; clear: none; display: block; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-t > .u-loginPerson-container > .u-loginPerson-pic > a { display: inline-block; width: 100%; height: 56px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-t > .u-loginPerson-container > .u-loginPerson-pic > a > img { width: 56px; height: 56px; border-radius: 28.0391px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-t > .u-loginPerson-container > .u-loginPerson-mycourse { left: 20px; top: 292px; width: 160px; height: 36px; position: absolute; clear: none; font-size: 16px; display: block; color: black; background-color: #00C758; border-radius: 18px; margin: 0px; padding: 0px; line-height: 36px; position: relative; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-t > .u-loginPerson-container > .u-loginPerson-mycourse .main-page-tip { display: none; position: absolute; width: 170px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-t > .u-loginPerson-container > .u-loginPerson-mycourse .main-page-tip .arrow { width: 0; height: 0; border-width: 8px; border-style: solid; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; border-bottom-color: #FFF6A3; margin: 0 auto; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-t > .u-loginPerson-container > .u-loginPerson-mycourse .main-page-tip .text { padding: 10px 14px; background: #FFF6A3; line-height: 18px; font-size: 12px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-t > .u-loginPerson-container > .u-loginPerson-mycourse .main-page-tip .u-icon-normal-close { font-size: 12px; position: absolute; right: 8px; top: 28px; color: #666666; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-t > .u-loginPerson-container > .u-loginPerson-mycourse:hover { background: #00AD4D; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-t > .u-loginPerson-container > .u-loginPerson-mycourse > a { display: inline-block; width: 100%; height: 36px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-t > .u-loginPerson-container > .u-loginPerson-mycourse > a > span { line-height: 36px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: white; text-align: center; vertical-align: top; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-t > .u-loginPerson-container > .u-loginPerson-latest { left: 15px; top: 165px; width: 169px; height: 90px; border-radius: 0px; position: absolute; clear: none; display: block; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-t > .u-loginPerson-container > .u-loginPerson-latest .courseRecent3-func-f { margin-bottom: 12px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-t > .u-loginPerson-container > .u-loginPerson-latest .courseRecent3-func-f .f-thide { line-height: 20px; margin-bottom: 12px; font-size: 14px; line-height: 20px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-f > .u-person-container { left: 0px; top: 0px; width: 200px; height: 360px; border-radius: 0px; position: relative; clear: none; display: block; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-f > .u-person-container > .u-person-title { left: 22px; top: 22px; width: 156px; height: 44px; border-radius: 0px; position: absolute; clear: none; font-size: 16px; display: block; color: black; margin: 0px; padding: 0px; line-height: 22px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-f > .u-person-container > .u-person-title > span { line-height: 22px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: #333333; text-align: center; vertical-align: middle; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-f > .u-person-container > .u-person-pic { left: 59px; top: 112px; width: 83px; height: 83px; border-radius: 42px; position: absolute; clear: none; display: block; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-f > .u-person-container > .u-person-pic > img { width: 83px; height: 83px; border-radius: 42.4419px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-f > .u-person-container > .navLoginBtn.u-person-login { left: 20px; top: 220px; width: 160px; height: 36px; border-radius: 18px; position: absolute; clear: none; font-size: 16px; display: block; color: black; background-color: #00c758; margin: 0px; padding: 0px; line-height: 36px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-f > .u-person-container > .navLoginBtn.u-person-login:hover { cursor: pointer; background: #00AD4D; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-f > .u-person-container > .navLoginBtn.u-person-login > .m-index-person-loginBtn { line-height: 36px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: white; text-align: center; vertical-align: top; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-f > .u-person-container > .u-person-word { left: 28px; bottom: 22px; width: 144px; height: 16px; border-radius: 0px; position: absolute; clear: none; font-size: 16px; display: block; color: black; margin: 0px; padding: 0px; line-height: 16px; }
.p-index-slideFunc > .p-index-slideFunc-i > .m-slideTop-container > .m-slideTop-personFunc > .m-slideTop-personFunc-f > .u-person-container > .u-person-word > span { line-height: 16px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 12px; color: #666666; text-align: center; vertical-align: top; }
.p-index-slideFunc { left: 0px; top: 0px; width: 100%; height: auto; border-radius: 0px; position: relative; clear: none; display: block; min-width: 0px; z-index: 5; color: black; font-size: 16px; margin: 0px auto; padding: 0px; -webkit-transform: scale(1.05) translateY(12px); transform: scale(1.05) translateY(12px); }
.p-index-schoolFunc > .p-index-schoolFunc-i > .u-topSchool-container { left: 0px; top: 0px; width: 1200px; height: 60px; border-radius: 4px; position: relative; clear: none; color: black; background-color: white; margin: 0px auto; padding: 0px; font-size: 16px; }
.p-index-schoolFunc > .p-index-schoolFunc-i > .u-topSchool-container > .u-topSchool-tip { left: 50px; top: 20px; width: 141px; height: 21px; border-radius: 0px; position: absolute; clear: none; font-size: 16px; color: black; margin: 0px; padding: 0px; line-height: 21px; }
.p-index-schoolFunc > .p-index-schoolFunc-i > .u-topSchool-container > .u-topSchool-tip > a { display: inline-block; width: 100%; height: 21px; }
.p-index-schoolFunc > .p-index-schoolFunc-i > .u-topSchool-container > .u-topSchool-tip > a > span { line-height: 21px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: #333333; text-align: center; vertical-align: middle; }
.p-index-schoolFunc > .p-index-schoolFunc-i > .u-topSchool-container > .u-topSchool-func { left: 191px; top: 0px; width: 1025px; height: 60px; border-radius: 0px; position: absolute; clear: none; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.p-index-schoolFunc > .p-index-schoolFunc-i > .u-topSchool-container > .u-topSchool-func > .u-topSchool-func-f > .f-fl.u-schoolItem-container { left: 0px; top: 0px; width: 205px; height: 60px; border-radius: 0px; position: relative; clear: none; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.p-index-schoolFunc > .p-index-schoolFunc-i > .u-topSchool-container > .u-topSchool-func > .u-topSchool-func-f > .f-fl.u-schoolItem-container > .u-schoolItem-image { left: 46px; top: 15px; width: 110px; height: 31px; border-radius: 0px; position: absolute; clear: none; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.p-index-schoolFunc > .p-index-schoolFunc-i > .u-topSchool-container > .u-topSchool-func > .u-topSchool-func-f > .f-fl.u-schoolItem-container > .u-schoolItem-image > a { display: inline-block; width: 100%; height: 31px; }
.p-index-schoolFunc > .p-index-schoolFunc-i > .u-topSchool-container > .u-topSchool-func > .u-topSchool-func-f > .f-fl.u-schoolItem-container > .u-schoolItem-image > a > img { width: 110px; height: 31px; border-radius: 0px; }
.p-index-schoolFunc { left: 0px; top: 0px; width: 100%; height: 60px; border-radius: 0px; position: relative; clear: none; display: block; min-width: 0px; color: black; font-size: 16px; margin: 0px; padding: 0px; -webkit-transform: scale(1.05) translateY(24px); transform: scale(1.05) translateY(24px); }
.p-index-recCourseFunc > .p-index-recCourseFunc-i > .m-recCourse-container { left: 0px; top: 0px; width: 1260px; height: 321px; border-radius: 0px; position: relative; clear: none; color: black; margin: 0px auto; padding: 0px; font-size: 16px; }
.p-index-recCourseFunc > .p-index-recCourseFunc-i > .m-recCourse-container > .m-recCourse-title { left: 0px; top: 50px; width: 96px; height: 31px; border-radius: 0px; position: absolute; clear: none; font-size: 16px; color: black; margin: 0px; padding: 0px; line-height: 31px; }
.p-index-recCourseFunc > .p-index-recCourseFunc-i > .m-recCourse-container > .m-recCourse-title > span { line-height: 31px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 24px; color: #111111; text-align: center; vertical-align: middle; }
.p-index-recCourseFunc > .p-index-recCourseFunc-i > .m-recCourse-container > .m-recCourse-cardList { left: 0px; top: 100px; width: 1260px; height: 320px; border-radius: 0px; position: absolute; clear: none; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.p-index-recCourseFunc { left: 0px; top: 0px; width: 100%; height: 421px; border-radius: 0px; position: relative; clear: none; display: block; min-width: 0px; color: black; font-size: 16px; margin: 0px; padding: 0px; }
.p-index-discussFunc > .p-index-discussFunc-i > .m-discuss-container { left: 0px; top: 0px; width: 1260px; height: 300px; border-radius: 0px; position: relative; clear: none; color: black; margin: 0px auto; padding: 0px; font-size: 16px; }
.p-index-discussFunc > .p-index-discussFunc-i > .m-discuss-container > .m-discuss-img { left: 0px; top: 52px; width: 380px; height: 69px; border-radius: 0px; position: absolute; clear: none; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.p-index-discussFunc > .p-index-discussFunc-i > .m-discuss-container > .m-discuss-img > img { width: 380px; height: 69px; border-radius: 0px; }
.p-index-discussFunc > .p-index-discussFunc-i > .m-discuss-container > .m-discuss-title { left: 0px; top: 133px; width: 380px; height: 29px; border-radius: 0px; position: absolute; clear: none; font-size: 16px; color: black; margin: 0px; padding: 0px; line-height: 29px; }
.p-index-discussFunc > .p-index-discussFunc-i > .m-discuss-container > .m-discuss-title > span { line-height: 29px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 22px; color: white; text-align: center; vertical-align: middle; }
.p-index-discussFunc > .p-index-discussFunc-i > .m-discuss-container > .m-discuss-content { left: 428px; top: 35px; width: 832px; height: 240px; border-radius: 0px; position: absolute; clear: none; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.p-index-discussFunc > .p-index-discussFunc-i > .m-discuss-container > .m-discuss-introFunc { left: 40px; top: 236px; width: 300px; height: 17px; border-radius: 0px; position: absolute; clear: none; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.p-index-discussFunc > .p-index-discussFunc-i > .m-discuss-container > .m-discuss-introFunc > .m-discuss-introFunc-t > .u-discussIntro-container { left: 0px; top: 0px; width: 300px; height: 17px; border-radius: 0px; position: relative; clear: none; font-size: 16px; color: black; margin: 0px; padding: 0px; line-height: 13px; }
.p-index-discussFunc > .p-index-discussFunc-i > .m-discuss-container > .m-discuss-introFunc > .m-discuss-introFunc-t > .u-discussIntro-container > span { line-height: 13px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 13px; color: white; text-align: center; vertical-align: middle; }
.p-index-discussFunc > .p-index-discussFunc-i > .m-discuss-container > .m-discuss-joinFunc { left: 90px; top: 186px; width: 200px; height: 40px; border-radius: 0px; position: absolute; clear: none; z-index: 1; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.p-index-discussFunc > .p-index-discussFunc-i > .m-discuss-container > .m-discuss-joinFunc > .m-discuss-joinFunc-t > .navLoginBtn.u-discuss-join-container { left: 0px; top: 0px; width: 200px; height: 40px; border-radius: 0px; position: relative; clear: none; font-size: 0px; color: black; background-color: #56b929; margin: 0px; padding: 0px; line-height: 40px; }
.p-index-discussFunc > .p-index-discussFunc-i > .m-discuss-container > .m-discuss-joinFunc > .m-discuss-joinFunc-t > .navLoginBtn.u-discuss-join-container:hover { cursor: pointer; background: #96d103; }
.p-index-discussFunc > .p-index-discussFunc-i > .m-discuss-container > .m-discuss-joinFunc > .m-discuss-joinFunc-t > .navLoginBtn.u-discuss-join-container > span { line-height: 40px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: white; text-align: center; vertical-align: middle; }
.p-index-discussFunc > .p-index-discussFunc-i > .m-discuss-container > .m-discuss-introTopFunc { left: 50px; top: 209px; width: 300px; height: 17px; border-radius: 0px; position: absolute; clear: none; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.p-index-discussFunc > .p-index-discussFunc-i > .m-discuss-container > .m-discuss-introTopFunc > .m-discuss-introTopFunc-t > .u-discussIntro-container { left: 0px; top: 0px; width: 300px; height: 17px; border-radius: 0px; position: relative; clear: none; font-size: 16px; color: black; margin: 0px; padding: 0px; line-height: 13px; }
.p-index-discussFunc > .p-index-discussFunc-i > .m-discuss-container > .m-discuss-introTopFunc > .m-discuss-introTopFunc-t > .u-discussIntro-container > span { line-height: 13px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 13px; color: white; text-align: center; vertical-align: middle; }
.p-index-discussFunc { left: 0px; top: 0px; width: 100%; height: 300px; border-radius: 0px; position: relative; clear: none; display: block; min-width: 0px; color: black; font-size: 16px; background-color: #617fa5; margin: 0px; padding: 0px; }
.p-index-selfDefineFunc > .p-index-selfDefineFunc-i > .m-selfDefine-container { left: 0px; top: 0px; width: 1260px; height: auto; border-radius: 0px; position: relative; clear: none; color: black; margin: 0px auto; padding: 0px; font-size: 16px; }
.p-index-selfDefineFunc { left: 0px; top: 0px; width: 100%; height: auto; border-radius: 0px; position: relative; clear: none; display: block; min-width: 0px; color: black; font-size: 16px; margin: 50px 0px 0px; padding: 0px; }
.p-index-studentFunc > .p-index-studentFunc-i > .m-indexStudent-container { left: 0px; top: 0px; width: 1260px; height: 560px; border-radius: 0px; position: relative; clear: none; color: black; margin: 0px auto; padding: 0px; font-size: 16px; }
.p-index-studentFunc > .p-index-studentFunc-i > .m-indexStudent-container > .m-indexStudent-title { left: 0px; top: 45px; width: 1260px; height: 80px; border-radius: 0px; position: absolute; clear: none; font-size: 0px; color: black; margin: 0px; padding: 0px; line-height: 40px; }
.p-index-studentFunc > .p-index-studentFunc-i > .m-indexStudent-container > .m-indexStudent-title > span { line-height: 40px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 30px; color: white; text-align: center; vertical-align: middle; }
.p-index-studentFunc > .p-index-studentFunc-i > .m-indexStudent-container > .m-indexStudent-box { left: 0px; top: 125px; width: 1260px; height: 317px; border-radius: 0px; position: absolute; clear: none; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.p-index-studentFunc > .p-index-studentFunc-i > .m-indexStudent-container > .m-indexStudent-joinFunc { left: 529px; top: 475px; width: 180px; height: 40px; border-radius: 0px; position: absolute; clear: none; color: black; margin: 0px; padding: 0px; font-size: 16px; }
.p-index-studentFunc > .p-index-studentFunc-i > .m-indexStudent-container > .m-indexStudent-joinFunc > .m-indexStudent-joinFunc-t > .navLoginBtn.u-indexStudent-join-container { left: 0px; top: 0px; width: 180px; height: 40px; border-radius: 0px; position: relative; clear: none; font-size: 0px; color: black; background-color: #56b929; margin: 0px; padding: 0px; line-height: 40px; }
.p-index-studentFunc > .p-index-studentFunc-i > .m-indexStudent-container > .m-indexStudent-joinFunc > .m-indexStudent-joinFunc-t > .navLoginBtn.u-indexStudent-join-container:hover { cursor: pointer; background: #96d103; }
.p-index-studentFunc > .p-index-studentFunc-i > .m-indexStudent-container > .m-indexStudent-joinFunc > .m-indexStudent-joinFunc-t > .navLoginBtn.u-indexStudent-join-container > span { line-height: 40px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 16px; color: white; text-align: center; vertical-align: middle; }
.p-index-studentFunc { left: 0px; top: 0px; width: 100%; height: 560px; border-radius: 0px; position: relative; clear: none; display: block; min-width: 0px; color: black; font-size: 16px; margin: 0px; padding: 0px; }
.p-index-columnFunc { left: 0px; top: 0px; width: 1260px; height: auto; border-radius: 0px; position: relative; clear: none; color: black; margin: 0px auto; padding: 0px; }
.privacy-info-container { display: none; position: fixed; right: 0; bottom: 0; width: 440px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px; background: white; -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15); border-radius: 4px; border: 1px solid #dddddd; z-index: 1000000; }
.privacy-info-container .close { position: absolute; right: 20px; top: 20px; color: #999; font-size: 14px; font-family: PingFangSC-Regular,PingFangSC; }
.privacy-info-container .title { font-size: 20px; font-family: PingFangSC-Medium,PingFangSC; font-weight: 500; color: #333; line-height: 30px; }
.privacy-info-container .content { margin-top: 12px; font-size: 14px; font-family: PingFangSC-Regular,PingFangSC; font-weight: 400; color: #666; line-height: 22px; }
.privacy-info-container .content p { text-indent: 2em; }
.privacy-info-container .content p a { color: #0F8AE3; }
.privacy-info-container .btn-row { margin-top: 24px; text-align: right; }
.privacy-info-container .btn-row .btn { margin-left: 12px; height: 36px; border-radius: 4px; padding: 8px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.privacy-info-container .btn-row .btn.ok { background: #00C758; border: solid 1px #00C758; color: #fff; }
.privacy-info-container .btn-row .btn.cancel { background: #fff; border: solid 1px #ddd; color: #666; }
.f-bg-white { background: #ffffff; }
.u-baseinputui { border: none; }
.u-baseinputui .inputtxt { background: transparent; }
.m-head-personFunc .m-navlinks .login { width: 44px; }
.m-head-personFunc .m-navlinks a { color: #111111; }
.m-head-personFunc .m-navlinks a span { color: #111111; }
.m-head-personFunc .m-navlinks a:hover { color: #00AD4D; }
.m-head-personFunc .m-navlinks .navLoginBtn { color: #111; }
.u-button:hover { color: #ffffff !important; background-color: #00AD4D; }
.m-index-discuss { background: #617fa5; margin-bottom: 50px; }
.m-index-student { background: url(../Images/stu.jpg); }
.ux-slider-carousel { width: 776px !important; height: 360px !important; }
.ux-slider-carousel .ux-slider-carousel-icon-circle { border-radius: 5px; background-color: #ffffff; }
.ux-slider-carousel .ux-slider-carousel-indicator.z-sel .ux-slider-carousel-icon-circle { background: #55b929; }
.ux-slider-carousel .ux-slider-carousel-navigator-left, .ux-slider-carousel .ux-slider-carousel-navigator-right { width: 40px; height: 40px; border-radius: 20px; color: #ffffff; }
.ux-slider-carousel .ux-slider-carousel-navigator-left { background-position: -5px -109px; }
.ux-slider-carousel .ux-slider-carousel-navigator-left:hover { background-position: -5px -109px; }
.ux-slider-carousel .ux-slider-carousel-navigator-right { background-position: -3px -289px; }
.ux-slider-carousel .ux-slider-carousel-navigator-right:hover { background-position: -3px -289px; }
.ux-slider-carousel .ux-slider-carousel-navigator-left:before { line-height: 40px; font-size: 36px; font-family: 'ux-icon-edu' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; }
.ux-slider-carousel .ux-slider-carousel-navigator-right:before { line-height: 40px; font-size: 36px; font-family: 'ux-icon-edu' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; left: 4px; position: relative; }
.ux-slider-slider-wrapper .ux-right-nav, .ux-slider-slider-wrapper .ux-left-nav { color: #fff; }
.ux-slider-slider-wrapper .ux-left-nav { left: -45px !important; }
.ux-slider-slider-wrapper .ux-right-nav { right: -30px !important; }
.ux-slider-slider-wrapper .ux-icon-caret-left, .ux-slider-slider-wrapper .ux-slider-carousel .ux-slider-carousel-navigator-left, .ux-slider-carousel .ux-slider-slider-wrapper .ux-slider-carousel-navigator-left, .ux-slider-slider-wrapper .ux-icon-caret-right, .ux-slider-slider-wrapper .ux-slider-carousel .ux-slider-carousel-navigator-right, .ux-slider-carousel .ux-slider-slider-wrapper .ux-slider-carousel-navigator-right { font-size: 36px !important; }
.ux-slider-carousel-indicator { width: 20px !important; height: 8px !important; padding: 6px !important; }
.ux-slider-carousel-indicator .ux-slider-carousel-icon-circle { width: 8px !important; height: 8px !important; }
.m-recCourse-cardList .ux-slider-slider-wrapper .ux-right-nav, .m-recCourse-cardList .ux-slider-slider-wrapper .ux-left-nav { color: #999; }
.ux-slider-slider-wrapper .ux-right-nav:hover, .ux-slider-slider-wrapper .ux-left-nav:hover { color: #55b929; }
.m-index-slideTop { overflow: hidden; -webkit-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; }
.ux-slider-carousel-items { width: 100% !important; }
.ux-slider-carousel-item { -webkit-animation-duration: .2s !important; animation-duration: .2s !important; }
.ux-slider-carousel-item-img { width: 776px !important; height: 360px !important; }
.discussList-item-f a span:hover { color: #55b929; }
.m-selfDefine-lessonFunc .lessonCard-list-f a:hover span { color: #55b929; }
.p-index-headFunc a:hover span { color: #00AD4D; }
.m-indexNav-bar { }
.fix-indexNav-bar { position: fixed; display: block; top: 0px; z-index: 999; width: 100%; }
.c-courseRecent3-container a:hover span { color: #00AD4D; }
.f-2line span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#g-body { padding-bottom: 208px; }
.slideTop-cateFunc-f:hover div { color: #00AD4D; }
.slideTop-cateFunc-f:hover div span { color: #00AD4D; }
.u-liveCard-img img, .u-courseCardWithTime-img img, .selfDefine-courseFunc-f img { width: 226px; height: 136px; }
.u-student-img img { width: 94px; height: 94px; }
.m-selfDefine-lessonFunc img { width: 236px; height: 324px; }
.m-selfDefine-subCateFunc a:hover span, .m-selfDefine-catName a:hover span, .m-selfDefine-more a:hover span { color: #00AD4D; }
.f-61C5C9 { background: #61c5c9 !important; opacity: 0.9; }
.f-CC9E82 { background: #cc9e82 !important; opacity: 0.9; }
.f-4F8DB1 { background: #4f8db1 !important; opacity: 0.9; }
.f-F9C63D { background: #f9c63d !important; opacity: 0.9; }
.f-60ADD5 { background: #60add5 !important; opacity: 0.9; }
.f-8EB93B { background: #8eb93b !important; opacity: 0.9; }
.ux-slider-carousel .ux-slider-carousel-navigator { margin-top: -20px !important; color: #cccccc !important; }
.ux-slider-carousel .ux-slider-carousel-navigator:hover { color: #ffffff !important; }
.m-selfDefine-more .u-icon-moreArrow { font-size: 10px; }
.f-scaleIcon { padding: 0px !important; }
.f-scaleIcon a { padding: 178px 0px 0px 91px; }
.f-scaleIcon .u-icon { width: 54px; -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; border-radius: 54px; }
.f-scaleIcon:hover .u-icon { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }
.u-student-desc span { word-break: break-all; text-align: justify; }
.m-selfDefine-catName { max-width: 100px; }

@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}
/*aaaa*/
.u-upload { position: relative; display: inline-block; }
.u-upload .showIpt { text-align: center; overflow: hidden; }
.u-upload .filewrap { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.u-upload .realIpt { font-size: 100px; display: block; position: absolute; top: 0; left: 0; filter: alpha(opacity=0); opacity: 0; cursor: pointer; width: 100%; height: 100%; }
@font-face { font-family: "ux-icon-edu"; src: url(../res/res-base/fonts/ux-icon-edu.eot?#iefix); src: url(../res/res-base/fonts/ux-icon-edu.eot?#iefix) format("embedded-opentype"), url(../res/res-base/fonts/ux-icon-edu.ttf) format("truetype"), url(../res/res-base/fonts/ux-icon-edu.woff) format("woff"), url(../res/res-base/fonts/ux-icon-edu.svg) format("svg"); font-weight: normal; font-style: normal; }
[class^="ux-icon-"],
[class*=" ux-icon-"] { font-family: "ux-icon-edu" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; line-height: 1; }
.ux-icon-OJ-question:before { content: "\E001"; }
.ux-icon-QQ:before { content: "\E002"; }
.ux-icon-add-big:before { content: "\E003"; }
.ux-icon-angle-double-left:before { content: "\E004"; }
.ux-icon-angle-double-right:before { content: "\E005"; }
.ux-icon-arr-right-small:before { content: "\E006"; }
.ux-icon-arrange:before { content: "\E007"; }
.ux-icon-arrow-left:before { content: "\E008"; }
.ux-icon-back:before { content: "\E009"; }
.ux-icon-blocked:before { content: "\E00A"; }
.ux-icon-book:before { content: "\E00B"; }
.ux-icon-caret-down:before { content: "\E00C"; }
.ux-icon-caret-left:before { content: "\E00D"; }
.ux-icon-caret-right:before { content: "\E00E"; }
.ux-icon-caret-up:before { content: "\E00F"; }
.ux-icon-cart:before { content: "\E010"; }
.ux-icon-cash:before { content: "\E011"; }
.ux-icon-chat-circle:before { content: "\E012"; }
.ux-icon-check-slim:before { content: "\E013"; }
.ux-icon-check:before { content: "\E014"; }
.ux-icon-close:before { content: "\E015"; }
.ux-icon-collect:before { content: "\E016"; }
.ux-icon-continue:before { content: "\E017"; }
.ux-icon-course-content:before { content: "\E018"; }
.ux-icon-course-discuss:before { content: "\E019"; }
.ux-icon-course-manage:before { content: "\E01A"; }
.ux-icon-data:before { content: "\E01B"; }
.ux-icon-delete:before { content: "\E01C"; }
.ux-icon-dialog:before { content: "\E01D"; }
.ux-icon-discuss:before { content: "\E01E"; }
.ux-icon-document:before { content: "\E01F"; }
.ux-icon-douban:before { content: "\E020"; }
.ux-icon-download:before { content: "\E021"; }
.ux-icon-edit:before { content: "\E022"; }
.ux-icon-elite:before { content: "\E023"; }
.ux-icon-empty-criterial:before { content: "\E024"; }
.ux-icon-empty:before { content: "\E025"; }
.ux-icon-error-circle:before { content: "\E026"; }
.ux-icon-exam:before { content: "\E027"; }
.ux-icon-exchange:before { content: "\E028"; }
.ux-icon-exercise:before { content: "\E029"; }
.ux-icon-front:before { content: "\E02A"; }
.ux-icon-gear:before { content: "\E02B"; }
.ux-icon-hand-down:before { content: "\E02C"; }
.ux-icon-hand-up:before { content: "\E02D"; }
.ux-icon-home:before { content: "\E02E"; }
.ux-icon-icourse:before { content: "\E02F"; }
.ux-icon-im:before { content: "\E030"; }
.ux-icon-key:before { content: "\E031"; }
.ux-icon-list:before { content: "\E032"; }
.ux-icon-live:before { content: "\E033"; }
.ux-icon-loop2:before { content: "\E034"; }
.ux-icon-management:before { content: "\E035"; }
.ux-icon-message:before { content: "\E036"; }
.ux-icon-minus-big:before { content: "\E037"; }
.ux-icon-minus:before { content: "\E038"; }
.ux-icon-mobileview:before { content: "\E039"; }
.ux-icon-move:before { content: "\E03A"; }
.ux-icon-mute:before { content: "\E03B"; }
.ux-icon-netease:before { content: "\E03C"; }
.ux-icon-notice:before { content: "\E03D"; }
.ux-icon-noword:before { content: "\E03E"; }
.ux-icon-object-question:before { content: "\E03F"; }
.ux-icon-order:before { content: "\E040"; }
.ux-icon-org-content:before { content: "\E041"; }
.ux-icon-org-content2:before { content: "\E042"; }
.ux-icon-org-test:before { content: "\E043"; }
.ux-icon-org-tutor:before { content: "\E044"; }
.ux-icon-org-utility:before { content: "\E045"; }
.ux-icon-password:before { content: "\E046"; }
.ux-icon-pause:before { content: "\E047"; }
.ux-icon-phone-number:before { content: "\E048"; }
.ux-icon-playback:before { content: "\E049"; }
.ux-icon-playing:before { content: "\E04A"; }
.ux-icon-plus:before { content: "\E04B"; }
.ux-icon-qiyemail:before { content: "\E04C"; }
.ux-icon-question-circle:before { content: "\E04D"; }
.ux-icon-qzone:before { content: "\E04E"; }
.ux-icon-renren:before { content: "\E04F"; }
.ux-icon-reply:before { content: "\E050"; }
.ux-icon-richText:before { content: "\E051"; }
.ux-icon-right-slim:before { content: "\E052"; }
.ux-icon-sad:before { content: "\E053"; }
.ux-icon-score:before { content: "\E054"; }
.ux-icon-scorm:before { content: "\E055"; }
.ux-icon-search:before { content: "\E056"; }
.ux-icon-secret:before { content: "\E057"; }
.ux-icon-secure-number:before { content: "\E058"; }
.ux-icon-share:before { content: "\E059"; }
.ux-icon-smile:before { content: "\E05A"; }
.ux-icon-standard:before { content: "\E05B"; }
.ux-icon-star:before { content: "\E05C"; }
.ux-icon-success-circle:before { content: "\E05D"; }
.ux-icon-surprise:before { content: "\E05E"; }
.ux-icon-tag:before { content: "\E05F"; }
.ux-icon-test:before { content: "\E060"; }
.ux-icon-test2:before { content: "\E061"; }
.ux-icon-thin-caret-down:before { content: "\E062"; }
.ux-icon-thin-caret-up:before { content: "\E063"; }
.ux-icon-unknown:before { content: "\E064"; }
.ux-icon-video:before { content: "\E065"; }
.ux-icon-volume:before { content: "\E066"; }
.ux-icon-warning-circle:before,
.ux-tip.ux-tip-error:before { content: "\E067"; }
.ux-icon-warning:before { content: "\E068"; }
.ux-icon-wechat:before { content: "\E069"; }
.ux-icon-weibo:before { content: "\E06A"; }
.ux-icon-wrong-slim:before { content: "\E06B"; }
.ux-icon-data-interface:before { content: "\E06C"; }
.ux-icon-wechat-friend:before { content: "\E06D"; }
.ux-icon-service:before { content: "\E06E"; }
.ux-icon-book-1:before { content: "\E06F"; }
.ux-icon-clock:before { content: "\E070"; }
.ux-icon-eye:before { content: "\E071"; }
.ux-icon-live-notify-text:before { content: "\E072"; }
.ux-icon-live-playback-text:before { content: "\E073"; }
.ux-icon-live-text:before { content: "\E074"; }
.ux-icon-lock:before { content: "\E075"; }
.ux-icon-mune-lines:before { content: "\E076"; }
.ux-icon-play-fill:before { content: "\E077"; }
.ux-icon-pre-live:before { content: "\E078"; }
.ux-icon-success:before { content: "\E079"; }
.ux-icon-video-camera:before { content: "\E07A"; }
.ux-icon-video-text:before { content: "\E07B"; }
.ux-icon-ykt-logo:before { content: "\E07C"; }
.ux-icon-audio-text-1:before { content: "\E07D"; }
.ux-icon-play-1:before { content: "\E07E"; }
.ux-icon-wave:before { content: "\E07F"; }
.ux-icon-audio-text:before { content: "\E080"; }
.ux-icon-audio:before { content: "\E081"; }
.ux-icon-blank-state:before { content: "\E082"; }
.ux-icon-create-course:before { content: "\E083"; }
.ux-icon-resource-manage:before { content: "\E084"; }
.ux-icon-teach-bussiness:before { content: "\E085"; }
.ux-icon-teach-info:before { content: "\E086"; }
.ux-icon-arrow-down:before { content: "\E087"; }
.ux-icon-attachment:before { content: "\E088"; }
.ux-icon-empty-status:before { content: "\E089"; }
.ux-icon-preview:before { content: "\E08A"; }
.ux-icon-recheck:before { content: "\E08B"; }
.ux-icon-plus-circle:before { content: "\E08C"; }
.ux-icon-arrow-top:before { content: "\E08D"; }
.ux-icon-combined-shape:before { content: "\E08E"; }
.ux-icon-course-slim:before { content: "\E08F"; }
.ux-icon-folder:before { content: "\E090"; }
.ux-icon-out-of-order:before { content: "\E091"; }
.ux-icon-questionnaire-slim:before { content: "\E092"; }
.ux-icon-quiz-slim:before { content: "\E093"; }
.ux-icon-test-slim:before { content: "\E094"; }
.ux-icon-halfcircle:before { content: "\E095"; }
.ux-icon-lock-circle:before { content: "\E096"; }
.ux-icon-file-export:before { content: "\E097"; }
.ux-icon-gift:before { content: "\E098"; }
.ux-icon-headphone:before { content: "\E099"; }
.ux-icon-phone:before { content: "\E09A"; }
.ux-icon-permission-manage:before { content: "\E09B"; }
.ux-icon-seal:before { content: "\E09C"; }
.ux-icon-warning-circle-circular:before { content: "\E09D"; }
.ux-icon-document-small:before { content: "\E09E"; }
.ux-icon-category-forum:before { content: "\E09F"; }
.ux-icon-category-live:before { content: "\E0A0"; }
.ux-icon-category-pdf:before { content: "\E0A1"; }
.ux-icon-category-replay:before { content: "\E0A2"; }
.ux-icon-category-scorm:before { content: "\E0A3"; }
.ux-icon-category-test:before { content: "\E0A4"; }
.ux-icon-category-text:before { content: "\E0A5"; }
.ux-icon-category-unknown:before { content: "\E0A6"; }
.ux-icon-category-video:before { content: "\E0A7"; }
.ux-icon-course-intro:before { content: "\E0A8"; }
.ux-icon-learn-content:before { content: "\E0A9"; }
.ux-icon-success-circle-empty:before { content: "\E0AA"; }
.ux-icon-warning-circle-empty:before { content: "\E0AB"; }
.ux-icon-enter-fullscreen:before { content: "\E0AC"; }
.ux-icon-exit-fullscreen:before { content: "\E0AD"; }
.ux-icon-calculating-signs:before { content: "\E0AE"; }
.ux-icon-cooperation:before { content: "\E0AF"; }
.ux-icon-new-label:before { content: "\E0B0"; }
.ux-icon-no-pass-label:before { content: "\E0B1"; }
.ux-icon-payCard:before { content: "\E0B2"; }
.ux-icon-recommend-label:before { content: "\E0B3"; }
.ux-icon-recommend:before { content: "\E0B4"; }
.ux-icon-right:before { content: "\E102"; }
.ux-icon-wrong:before { content: "\E103"; }
.ux-icon-answer-question:before { content: "\E104"; }
.ux-icon-sign-up:before { content: "\E105"; }
.ux-icon-phone2:before { content: "\E106"; }
.ux-icon-people:before { content: "\E107"; }
.ux-icon-wechat2:before { content: "\E108"; }
.ux-icon-feedback:before { content: "\E113"; }
.ux-icon-scroll-top:before { content: "\E114"; }
.ux-icon-mobile-plat:before { content: "\E115"; }
.ux-icon-upvote1:before { content: "\E100"; }
.ux-icon-upvote2:before { content: "\E101"; }
.ux-icon-OJ-question-after:after { content: "\E001"; }
.ux-icon-QQ-after:after { content: "\E002"; }
.ux-icon-add-big-after:after { content: "\E003"; }
.ux-icon-angle-double-left-after:after { content: "\E004"; }
.ux-icon-angle-double-right-after:after { content: "\E005"; }
.ux-icon-arr-right-small-after:after { content: "\E006"; }
.ux-icon-arrange-after:after { content: "\E007"; }
.ux-icon-arrow-left-after:after { content: "\E008"; }
.ux-icon-back-after:after { content: "\E009"; }
.ux-icon-blocked-after:after { content: "\E00A"; }
.ux-icon-book-after:after { content: "\E00B"; }
.ux-icon-caret-down-after:after { content: "\E00C"; }
.ux-icon-caret-left-after:after { content: "\E00D"; }
.ux-icon-caret-right-after:after { content: "\E00E"; }
.ux-icon-caret-up-after:after { content: "\E00F"; }
.ux-icon-cart-after:after { content: "\E010"; }
.ux-icon-cash-after:after { content: "\E011"; }
.ux-icon-chat-circle-after:after { content: "\E012"; }
.ux-icon-check-slim-after:after { content: "\E013"; }
.ux-icon-check-after:after { content: "\E014"; }
.ux-icon-close-after:after { content: "\E015"; }
.ux-icon-collect-after:after { content: "\E016"; }
.ux-icon-continue-after:after { content: "\E017"; }
.ux-icon-course-content-after:after { content: "\E018"; }
.ux-icon-course-discuss-after:after { content: "\E019"; }
.ux-icon-course-manage-after:after { content: "\E01A"; }
.ux-icon-data-after:after { content: "\E01B"; }
.ux-icon-delete-after:after { content: "\E01C"; }
.ux-icon-dialog-after:after { content: "\E01D"; }
.ux-icon-discuss-after:after { content: "\E01E"; }
.ux-icon-document-after:after { content: "\E01F"; }
.ux-icon-douban-after:after { content: "\E020"; }
.ux-icon-download-after:after { content: "\E021"; }
.ux-icon-edit-after:after { content: "\E022"; }
.ux-icon-elite-after:after { content: "\E023"; }
.ux-icon-empty-criterial-after:after { content: "\E024"; }
.ux-icon-empty-after:after { content: "\E025"; }
.ux-icon-error-circle-after:after { content: "\E026"; }
.ux-icon-exam-after:after { content: "\E027"; }
.ux-icon-exchange-after:after { content: "\E028"; }
.ux-icon-exercise-after:after { content: "\E029"; }
.ux-icon-front-after:after { content: "\E02A"; }
.ux-icon-gear-after:after { content: "\E02B"; }
.ux-icon-hand-down-after:after { content: "\E02C"; }
.ux-icon-hand-up-after:after { content: "\E02D"; }
.ux-icon-home-after:after { content: "\E02E"; }
.ux-icon-icourse-after:after { content: "\E02F"; }
.ux-icon-im-after:after { content: "\E030"; }
.ux-icon-key-after:after { content: "\E031"; }
.ux-icon-list-after:after { content: "\E032"; }
.ux-icon-live-after:after { content: "\E033"; }
.ux-icon-loop2-after:after { content: "\E034"; }
.ux-icon-management-after:after { content: "\E035"; }
.ux-icon-message-after:after { content: "\E036"; }
.ux-icon-minus-big-after:after { content: "\E037"; }
.ux-icon-minus-after:after { content: "\E038"; }
.ux-icon-mobileview-after:after { content: "\E039"; }
.ux-icon-move-after:after { content: "\E03A"; }
.ux-icon-mute-after:after { content: "\E03B"; }
.ux-icon-netease-after:after { content: "\E03C"; }
.ux-icon-notice-after:after { content: "\E03D"; }
.ux-icon-noword-after:after { content: "\E03E"; }
.ux-icon-object-question-after:after { content: "\E03F"; }
.ux-icon-order-after:after { content: "\E040"; }
.ux-icon-org-content-after:after { content: "\E041"; }
.ux-icon-org-content2-after:after { content: "\E042"; }
.ux-icon-org-test-after:after { content: "\E043"; }
.ux-icon-org-tutor-after:after { content: "\E044"; }
.ux-icon-org-utility-after:after { content: "\E045"; }
.ux-icon-password-after:after { content: "\E046"; }
.ux-icon-pause-after:after { content: "\E047"; }
.ux-icon-phone-number-after:after { content: "\E048"; }
.ux-icon-playback-after:after { content: "\E049"; }
.ux-icon-playing-after:after { content: "\E04A"; }
.ux-icon-plus-after:after { content: "\E04B"; }
.ux-icon-qiyemail-after:after { content: "\E04C"; }
.ux-icon-question-circle-after:after { content: "\E04D"; }
.ux-icon-qzone-after:after { content: "\E04E"; }
.ux-icon-renren-after:after { content: "\E04F"; }
.ux-icon-reply-after:after { content: "\E050"; }
.ux-icon-richText-after:after { content: "\E051"; }
.ux-icon-right-slim-after:after { content: "\E052"; }
.ux-icon-sad-after:after { content: "\E053"; }
.ux-icon-score-after:after { content: "\E054"; }
.ux-icon-scorm-after:after { content: "\E055"; }
.ux-icon-search-after:after { content: "\E056"; }
.ux-icon-secret-after:after { content: "\E057"; }
.ux-icon-secure-number-after:after { content: "\E058"; }
.ux-icon-share-after:after { content: "\E059"; }
.ux-icon-smile-after:after { content: "\E05A"; }
.ux-icon-standard-after:after { content: "\E05B"; }
.ux-icon-star-after:after { content: "\E05C"; }
.ux-icon-success-circle-after:after { content: "\E05D"; }
.ux-icon-surprise-after:after { content: "\E05E"; }
.ux-icon-tag-after:after { content: "\E05F"; }
.ux-icon-test-after:after { content: "\E060"; }
.ux-icon-test2-after:after { content: "\E061"; }
.ux-icon-thin-caret-down-after:after { content: "\E062"; }
.ux-icon-thin-caret-up-after:after { content: "\E063"; }
.ux-icon-unknown-after:after { content: "\E064"; }
.ux-icon-video-after:after { content: "\E065"; }
.ux-icon-volume-after:after { content: "\E066"; }
.ux-icon-warning-circle-after:after { content: "\E067"; }
.ux-icon-warning-after:after { content: "\E068"; }
.ux-icon-wechat-after:after { content: "\E069"; }
.ux-icon-weibo-after:after { content: "\E06A"; }
.ux-icon-wrong-slim-after:after { content: "\E06B"; }
.ux-icon-data-interface-after:after { content: "\E06C"; }
.ux-icon-wechat-friend-after:after { content: "\E06D"; }
.ux-icon-service-after:after { content: "\E06E"; }
.ux-icon-book-1-after:after { content: "\E06F"; }
.ux-icon-clock-after:after { content: "\E070"; }
.ux-icon-eye-after:after { content: "\E071"; }
.ux-icon-live-notify-text-after:after { content: "\E072"; }
.ux-icon-live-playback-text-after:after { content: "\E073"; }
.ux-icon-live-text-after:after { content: "\E074"; }
.ux-icon-lock-after:after { content: "\E075"; }
.ux-icon-mune-lines-after:after { content: "\E076"; }
.ux-icon-play-fill-after:after { content: "\E077"; }
.ux-icon-pre-live-after:after { content: "\E078"; }
.ux-icon-success-after:after { content: "\E079"; }
.ux-icon-video-camera-after:after { content: "\E07A"; }
.ux-icon-video-text-after:after { content: "\E07B"; }
.ux-icon-ykt-logo-after:after { content: "\E07C"; }
.ux-icon-audio-text-1-after:after { content: "\E07D"; }
.ux-icon-play-1-after:after { content: "\E07E"; }
.ux-icon-wave-after:after { content: "\E07F"; }
.ux-icon-audio-text-after:after { content: "\E080"; }
.ux-icon-audio-after:after { content: "\E081"; }
.ux-icon-blank-state-after:after { content: "\E082"; }
.ux-icon-create-course-after:after { content: "\E083"; }
.ux-icon-resource-manage-after:after { content: "\E084"; }
.ux-icon-teach-bussiness-after:after { content: "\E085"; }
.ux-icon-teach-info-after:after { content: "\E086"; }
.ux-icon-arrow-down-after:after { content: "\E087"; }
.ux-icon-attachment-after:after { content: "\E088"; }
.ux-icon-empty-status-after:after { content: "\E089"; }
.ux-icon-preview-after:after { content: "\E08A"; }
.ux-icon-recheck-after:after { content: "\E08B"; }
.ux-icon-plus-circle-after:after { content: "\E08C"; }
.ux-icon-arrow-top-after:after { content: "\E08D"; }
.ux-icon-combined-shape-after:after { content: "\E08E"; }
.ux-icon-course-slim-after:after { content: "\E08F"; }
.ux-icon-folder-after:after { content: "\E090"; }
.ux-icon-out-of-order-after:after { content: "\E091"; }
.ux-icon-questionnaire-slim-after:after { content: "\E092"; }
.ux-icon-quiz-slim-after:after { content: "\E093"; }
.ux-icon-test-slim-after:after { content: "\E094"; }
.ux-icon-halfcircle-after:after { content: "\E095"; }
.ux-icon-lock-circle-after:after { content: "\E096"; }
.ux-icon-file-export-after:after { content: "\E097"; }
.ux-icon-gift-after:after { content: "\E098"; }
.ux-icon-headphone-after:after { content: "\E099"; }
.ux-icon-phone-after:after { content: "\E09A"; }
.ux-icon-permission-manage-after:after { content: "\E09B"; }
.ux-icon-seal-after:after { content: "\E09C"; }
.ux-icon-warning-circle-circular-after:after { content: "\E09D"; }
.ux-icon-document-small-after:after { content: "\E09E"; }
.ux-icon-category-forum-after:after { content: "\E09F"; }
.ux-icon-category-live-after:after { content: "\E0A0"; }
.ux-icon-category-pdf-after:after { content: "\E0A1"; }
.ux-icon-category-replay-after:after { content: "\E0A2"; }
.ux-icon-category-scorm-after:after { content: "\E0A3"; }
.ux-icon-category-test-after:after { content: "\E0A4"; }
.ux-icon-category-text-after:after { content: "\E0A5"; }
.ux-icon-category-unknown-after:after { content: "\E0A6"; }
.ux-icon-category-video-after:after { content: "\E0A7"; }
.ux-icon-course-intro-after:after { content: "\E0A8"; }
.ux-icon-learn-content-after:after { content: "\E0A9"; }
.ux-icon-success-circle-empty-after:after { content: "\E0AA"; }
.ux-icon-warning-circle-empty-after:after { content: "\E0AB"; }
.ux-icon-enter-fullscreen-after:after { content: "\E0AC"; }
.ux-icon-exit-fullscreen-after:after { content: "\E0AD"; }
.ux-icon-calculating-signs-after:after { content: "\E0AE"; }
.ux-icon-cooperation-after:after { content: "\E0AF"; }
.ux-icon-new-label-after:after { content: "\E0B0"; }
.ux-icon-no-pass-label-after:after { content: "\E0B1"; }
.ux-icon-payCard-after:after { content: "\E0B2"; }
.ux-icon-recommend-label-after:after { content: "\E0B3"; }
.ux-icon-recommend-after:after { content: "\E0B4"; }
.ux-icon-right-after:after { content: "\E102"; }
.ux-icon-wrong-after:after { content: "\E103"; }
.ux-icon-answer-question-after:after { content: "\E104"; }
.ux-icon-sign-up-after:after { content: "\E105"; }
.ux-icon-phone2-after:after { content: "\E106"; }
.ux-icon-people-after:after { content: "\E107"; }
.ux-icon-wechat2-after:after { content: "\E108"; }
.ux-icon-feedback-after:after { content: "\E113"; }
.ux-icon-scroll-top-after:after { content: "\E114"; }
.ux-icon-mobile-plat-after:after { content: "\E115"; }
.ux-icon-upvote1-after:after { content: "\E100"; }
.ux-icon-upvote2-after:after { content: "\E101"; }
.ux-share-share-embedded { display: inline-block; }
.ux-share-share-embedded .ux-share_wrap { margin-left: -10px; }
.ux-share-share-embedded .ux-share_solo { font-size: 15px; margin: 0 10px; display: block; border-radius: 50%; color: #ffffff; padding: 5px; }
.ux-share-share-embedded .ux-share_weixin { background-color: #71c96a; height: 15px; }
.ux-share-share-embedded .ux-share_weixin .ux-share_cnt { background-color: #fff; color: #343d42; width: 150px; text-align: center; font-size: 14px; padding: 12px 0; line-height: 20px; border: 1px solid #d9ddde; left: -65px; }
.ux-share-share-embedded .ux-share_weixin .ux-share_cnt img { height: 125px; }
.ux-share-share-embedded .ux-share_weixin .ux-share_cnt .ux-share_tip { margin-top: 7px; }
.ux-share-share-embedded .ux-share_weixin .ux-share_cnt .ux-share_tipBg { width: 1px; height: 1px; border: 9px solid transparent; left: 64px; }
.ux-share-share-embedded .ux-share_weixin .ux-share_cnt .ux-share_tipTp { width: 1px; height: 1px; border: 8px solid transparent; left: 65px; z-index: 3; }
.ux-share-share-embedded .ux-share_weixin:hover { background-color: #35b22b; }
.ux-share-share-embedded .ux-share_weixin:hover .ux-share_cnt { display: block; }
.ux-share-share-embedded .ux-share_weixin .ux-share_down.ux-share_cnt { top: 40px; }
.ux-share-share-embedded .ux-share_weixin .ux-share_down .ux-share_tipBg { top: -19px; border-bottom-color: #d9ddde; }
.ux-share-share-embedded .ux-share_weixin .ux-share_down .ux-share_tipTp { top: -17px; border-bottom-color: #fff; }
.ux-share-share-embedded .ux-share_weixin .ux-share_up.ux-share_cnt { top: -215px; }
.ux-share-share-embedded .ux-share_weixin .ux-share_up .ux-share_tipBg { bottom: -19px; border-top-color: #d9ddde; }
.ux-share-share-embedded .ux-share_weixin .ux-share_up .ux-share_tipTp { bottom: -17px; border-top-color: #fff; }
.ux-share-share-embedded .ux-share_sina { background-color: #ed5b57; }
.ux-share-share-embedded .ux-share_sina:hover { background-color: #e5150f; }
.ux-share-share-embedded .ux-share_qzone { background-color: #73c3ed; }
.ux-share-share-embedded .ux-share_qzone:hover { background-color: #37a9e5; }
.ux-pager { text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; }
.ux-pager.z-hdn { display: none; }
.ux-pager_itm,
.ux-pager_btn,
.ux-pager_sep { margin: 0 2px; display: inline-block; text-align: center; }
.ux-pager_itm > a,
.ux-pager_itm > span,
.ux-pager_btn > a,
.ux-pager_btn > span,
.ux-pager_sep > a,
.ux-pager_sep > span { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; padding: 0 12px; min-width: 6px; height: 30px; line-height: 30px; }
.ux-pager_itm > a,
.ux-pager_btn > a,
.ux-pager_sep > a { border: 1px solid #ddd; border-radius: 2px; }
.ux-pager > li.z-crt > a { color: white; }
.ux-pager > li.z-dis > a { cursor: not-allowed; color: #999; }
.ux-pager .th-bk-main-gh { color: #859295; }
.ux-pager .th-bk-main-gh:hover { color: #fff; }
.ux-pager__left { text-align: left; }
.ux-pager__right { text-align: right; }
/*# sourceMappingURL=component.css.map */
.ux-hover-hoverlist .u-hovertip { border-radius: 3px; box-shadow: 0px 0px 15px rgba(77,174,84,0.15); display: block; visibility: hidden; width: auto; min-width: 22px; background-color: #fff; border: 1px solid #ddd; padding: 0 10px; top: 0; left: 0; z-index: 1000; }
.ux-hover-hoverlist .u-hovertip.transition { opacity: 0; transition: opacity .2s ease-in-out, visibility .2s ease-in-out; }
.ux-hover-hoverlist .u-hovertip p { text-align: center; line-height: 36px; font-size: 13px; color: #343d42; white-space: nowrap; }
.ux-hover-hoverlist .u-hovertip.show { visibility: visible; opacity: 1; }
.u-arrow { height: 14px; position: absolute; width: 14px; left: auto; background: #fff; z-index: -1; transform: rotate(45deg); border: 1px solid #ddd; display: none;\9 }
:root .u-arrow { display: inline-block; }
.u-arrow.down { bottom: -8px; top: auto; border-top-color: transparent; border-left-color: transparent; }
.u-arrow.up { top: -8px; border-bottom-color: transparent; border-right-color: transparent; }
.u-arrow.left { left: -8px; border-top-color: transparent; border-right-color: transparent; }
.u-arrow.right { right: -8px; border-bottom-color: transparent; border-left-color: transparent; }
/*# sourceMappingURL=component.css.map */ /*# sourceMappingURL=component.css.map */
.ux-btn { -webkit-appearance: none; margin: 0; overflow: visible; text-transform: none; text-decoration: none; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; text-align: center; padding: 0 12px; height: 34px; line-height: 34px; border-width: 1px; border-style: solid; font-size: 14px; border-radius: 2px; }
.ux-btn:hover,
.ux-btn:focus { outline: none; text-decoration: none; }
.ux-btn-xs { padding: 0 5px; height: 14px; line-height: 14px; font-size: 10px; }
.ux-btn-sm { padding: 0 10px; height: 22px; line-height: 22px; font-size: 12px; }
.ux-btn-lg { padding: 0 16px; height: 40px; line-height: 40px; font-size: 16px; }
.ux-btn-xl { padding: 0 20px; height: 44px; line-height: 44px; font-size: 18px; }
.ux-btn-w100 { width: 100px; }
.ux-btn-w110 { width: 110px; }
.ux-btn-w120 { width: 120px; }
.ux-btn-w130 { width: 130px; }
.ux-btn-w140 { width: 140px; }
.ux-btn-w140 { width: 150px; }
.ux-btn-w160 { width: 160px; }
.ux-btn-w170 { width: 170px; }
.ux-btn-w180 { width: 180px; }
.ux-btn-w190 { width: 190px; }
.ux-btn-w200 { width: 200px; }
.ux-btn-w210 { width: 210px; }
.ux-btn-w220 { width: 220px; }
.ux-btn-w300 { width: 300px; }
.ux-btn-w400 { width: 400px; }
.ux-btn-w500 { width: 500px; }
.ux-btn-w600 { width: 600px; }
.ux-btn-primary { background: transparent; color: #49AF4F; border: 1px solid #49AF4F; }
.ux-btn-primary:hover,
.ux-btn-primary:focus { background: #49AF4F; color: #fff; border: 1px solid #49AF4F; }
.ux-btn-primary:active,
.ux-btn-primary.ux-btn-act { background: #49AF4F; color: #fff; border: 1px solid #49AF4F; }
.ux-btn-primary:disabled,
.ux-btn-primary.ux-btn-dis { background: transparent; border: 1px solid #49AF4F; }
.ux-btn-warning { background: transparent; color: #ff513a; border: 1px solid #ff513a; }
.ux-btn-warning:hover,
.ux-btn-warning:focus { background: #ff513a; color: #fff; border: 1px solid #ff513a; }
.ux-btn-warning:active,
.ux-btn-warning.ux-btn-act { background: #ff513a; color: #fff; border: 1px solid #ff513a; }
.ux-btn-warning:disabled,
.ux-btn-warning.ux-btn-dis { background: transparent; border: 1px solid #ff513a; }
.ux-btn-disabled { background: #cacecf; color: #fff; border: 1px solid #cacecf; }
.ux-btn-disabled:hover,
.ux-btn-disabled:focus { background: #cacecf; color: #fff; border: 1px solid #cacecf; }
.ux-btn-disabled:active,
.ux-btn-disabled.ux-btn-act { background: #cacecf; color: #fff; border: 1px solid #cacecf; }
.ux-btn-disabled:disabled,
.ux-btn-disabled.ux-btn-dis { background: #cacecf; border: 1px solid #cacecf; }
.ux-btn-success { background: #00a65a; color: #fff; border: 1px solid #008d4c; }
.ux-btn-success:hover,
.ux-btn-success:focus { background: #008d4c; border: 1px solid #008d4c; }
.ux-btn-success:active,
.ux-btn-success.ux-btn-act { background: #008d4c; border: 1px solid #008d4c; }
.ux-btn-success:disabled,
.ux-btn-success.ux-btn-dis { background: #00a65a; border: 1px solid #008d4c; }
.ux-btn-error { background: #ff513a; color: #fff; border: 1px solid #d73925; }
.ux-btn-error:hover,
.ux-btn-error:focus { background: #d73925; border: 1px solid #d73925; }
.ux-btn-error:active,
.ux-btn-error.ux-btn-act { background: #d73925; border: 1px solid #d73925; }
.ux-btn-error:disabled,
.ux-btn-error.ux-btn-dis { background: #ff513a; border: 1px solid #d73925; }
.ux-btn-gh { background: transparent; color: #49AF4F; border: 1px solid #49AF4F; }
.ux-btn-gh:hover,
.ux-btn-gh:focus { background: #49AF4F; color: #fff; border: 1px solid #49AF4F; }
.ux-btn-gh:active,
.ux-btn-gh.ux-btn-act { background: #49AF4F; color: #fff; border: 1px solid #49AF4F; }
.ux-btn-gh:disabled,
.ux-btn-gh.ux-btn-dis { background: transparent; border: 1px solid #49AF4F; }
.ux-btn-disabled { cursor: not-allowed; }
/*# sourceMappingURL=component.css.map */
@charset "UTF-8";
.interest-layer-modal .color_y { color: #ff7a3e; }
.interest-layer-modal_mask { position: absolute; bottom: 0; height: 220px; z-index: 1001; background-color: #000; opacity: 0.85; width: 100%; }
.interest-layer-modal .line { height: 6px; position: fixed; bottom: 0px; z-index: 10011; width: 100%; background: #000; opacity: 0.85; }
.interest-layer-modal .line .inner { max-width: 1260px; margin: 0 auto; position: relative; }
.interest-layer-modal .line .inner .title { font-size: 20px; color: #ffffff; background: rgba(0, 0, 0, 0.85); display: inline-block; border-radius: 4px 4px 0 0; position: absolute; bottom: 0; cursor: pointer; height: 44px; line-height: 55px; padding: 0 15px; font-family: 微软雅黑, 'Microsoft YaHei'; }
.interest-layer-modal .modal { width: 100%; position: fixed; bottom: 0; height: 220px; z-index: 1001; color: #fff; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; font-family: 'MicrosoftYaHei'; font-size: 16px; color: #ffffff; }
.interest-layer-modal .modal .inner { max-width: 1260px; margin: 0 auto; position: relative; z-index: 1002; }
.interest-layer-modal .modal .inner .u-icon-close { position: absolute; right: 0; top: 20px; font-size: 12px; color: #aaa; cursor: pointer; }
.interest-layer-modal .modal .inner .u-icon-close:hover { color: #fff; }
.interest-layer-modal .modal .inner .title { font-size: 20px; padding-top: 25px; }
.interest-layer-modal .modal .inner .title .tips { font-size: 14px; color: #ccc; display: inline-block; margin-left: 20px; }
.interest-layer-modal .modal .inner .list { width: 850px; }
.interest-layer-modal .modal .inner .imgBg { width: 314px; height: 230px; position: absolute; right: 40px; top: 0; background: url(http://edu-image.nosdn.127.net/0db34676-0ce3-4405-801e-b0b36e138aaf.png) no-repeat; }
.interest-layer-modal .modal .inner .list span { font-size: 14px; height: 26px; line-height: 26px; display: inline-block; border: 1px solid #979797; border-radius: 100px; margin: 15px 10px 5px 0; cursor: pointer; color: #fff; padding: 0 20px; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); }
.interest-layer-modal .modal .inner .list span:hover { background: #96d103; border-color: #96d103; }
.interest-layer-modal .modal .inner .list span.active { background: #55b929; border-color: #55b929; }
.interest-layer-modal .modal .inner .list span.mooc-btn-default { width: 200px; height: 40px; font-size: 16px; line-height: 40px; margin: 10px auto 0; display: block; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); background: #55b929; border-color: #55b929; border-radius: 2px; display: block; }
.interest-layer-modal .modal .inner .list span.mooc-btn-default:hover { background: #96d103; border-color: #96d103; }
.interest-layer-modal .modal .inner .list span.mooc-btn-default.th-bk-disable { background: #ccc; border-color: #ccc; }
.interest-layer-modal .modal .inner .list span.mooc-btn-default.th-bk-disable:hover { background: #ccc; border-color: #ccc; }
.ad-container { background-color: rgba(0, 0, 0, 0.5); }
.ad-container .ux-modal_dialog { position: relative; min-width: auto; margin-top: -80px; background-color: transparent; }
.ad-container .ux-modal_dialog .ux-modal_bd { position: relative; max-width: 1024px; }
.ad-container .ux-modal_bd,
.ad-container .ux-modal_hd,
.ad-container .ux-modal_ft { padding: 0; margin: 0; }
.ad-container .ux-modal_close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: -24px; left: 50%; width: 56px; height: 56px; font-size: 23px; border-radius: 50%; color: #fff; background-color: #a9a9a9; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); }
.ad-container .ux-modal_close:hover { color: #dedede; }
.ad-container a { display: inline-block; overflow: hidden; }
.ad-container img { max-height: 512px; }
.ad-button--close { width: 25px; height: 25px; }
.channel-panel { position: absolute; top: 0; margin: 100% 0 0 -100px; z-index: 1000; cursor: auto; }
.channel-panel__content { width: 662px; max-height: 441px; padding: 32px 32px 12px 32px; border-radius: 4px; -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.12); background-color: #fff; font-size: 14px; overflow-y: auto; }
.channel-panel__content ::-webkit-scrollbar { width: 10px; height: 10px; background-clip: border-box; }
.channel-panel__content ::-webkit-scrollbar-thumb { border-radius: 5px; }
.channel-panel__indicator { position: absolute; top: -24px; left: 100px; }
.channel-panel__indicator::before { content: ''; width: 0; height: 0; border: 1px solid transparent; border-width: 0 14px 14px 14px; border-bottom-color: #fff; position: absolute; top: 10px; }
.channel-panel__indicator-shadow { width: 0; height: 0; border: 1px solid transparent; border-width: 0 14px 14px 14px; border-bottom-color: #fff; position: absolute; top: -5px; left: 99px; border-width: 16px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); z-index: -1; }
.channel-panel__description { width: 269px; height: 20px; padding-bottom: 14px; line-height: 20px; font-size: 14px; color: #999999; }
.channel-panel__section { padding: 0 0 20px 0; }
.channel-panel__type { height: 22px; padding: 10px 0 2px 0; line-height: 22px; font-size: 16px; font-weight: 600; color: #333333; }
.channel-panel__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.channel-panel__item { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 110px; height: 32px; padding: 0 10px; margin: 10px 12px 2px 0; border-radius: 16px; line-height: 32px; font-size: 14px; color: #333333; text-align: center; background-color: rgba(0, 0, 0, 0.04); cursor: pointer; }
.channel-panel__item:hover { color: #00c758; background-color: rgba(0, 199, 88, 0.1); }
.channel-panel__item > p { width: 100%; height: 100%; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.u-liveCard-container_a1 { display: inline-block; width: 100%; height: 270px; }
.u-liveCard-container { left: 0px; top: 0px; width: 236px; height: 270px; z-index: 0; border-radius: 0px; margin: 0px 20px 0px 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; background-color: rgb(255, 255, 255); }
.u-liveCard-container:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; }
.u-liveCard-img_img2 { width: 236px; height: 136px; border-radius: 0px; }
.u-liveCard-img { left: 0px; top: 0px; width: 236px; height: 136px; z-index: 1; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.u-liveCard-imgTop { background-color: rgb(0, 0, 0); filter: alpha(opacity=60); left: 0px; top: 0px; width: 236px; height: 136px; z-index: 2; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; background-color: rgba(0, 0, 0, 0.6); }
.u-liveCard-title_span3 { line-height: 33px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 24px; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; }
.u-liveCard-title { left: 10px; top: 51px; width: 216px; height: 66px; z-index: 4; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; overflow: hidden; line-height: 33px; }
.u-liveCard-teacher_span4 { line-height: 24px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: rgb(17, 17, 17); text-align: left; vertical-align: middle; }
.u-liveCard-teacher { left: 10px; top: 145px; width: 216px; height: 24px; z-index: 1; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 24px; }
.u-liveCard-school_span5 { line-height: 24px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 13px; color: rgb(153, 153, 153); text-align: left; vertical-align: middle; }
.u-liveCard-school { left: 10px; top: 194px; width: 216px; height: 24px; z-index: 1; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 24px; }
.u-liveCard-desc_span6 { line-height: 18px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 13px; color: rgb(153, 153, 153); text-align: left; vertical-align: middle; }
.u-liveCard-desc { left: 10px; top: 220px; width: 211px; height: 36px; z-index: 1; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; overflow: hidden; line-height: 18px; }
.liveCardOnFunc-t_div7 { left: 0px; top: 0px; width: 236px; height: 30px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; }
.liveCardOnFunc-t_div7_div8 { left: 0px; top: 0px; width: 70px; height: 30px; z-index: 3; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; background-color: rgb(85, 168, 255); }
.liveCardOnFunc-t_div7_div9 { left: 22px; top: 0px; width: auto; height: 30px; z-index: 4; border-radius: 0px; margin: 0px; padding: 0px 6px 0px 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; background-color: rgb(85, 168, 255); line-height: 30px; }
.liveCardOnFunc-t_div7_div9_span10 { line-height: 30px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: rgb(255, 255, 255); text-align: left; vertical-align: middle; }
.liveCardOnFunc-t_div7_div11 { left: 7px; top: 9px; width: 10px; height: 10px; z-index: 4; border-radius: 5px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; background-color: rgb(255, 255, 255); }
.u-liveCardOnFunc { left: 0px; top: 0px; width: 200px; height: 30px; z-index: 2; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.liveCardStartFunc-t_div12 { left: 0px; top: 0px; width: 236px; height: 30px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; }
.liveCardStartFunc-t_div12_div13 { left: 0px; top: 0px; width: 70px; height: 30px; z-index: 3; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; background-color: rgb(255, 2, 2); }
.liveCardStartFunc-t_div12_div14 { left: 22px; top: 0px; width: auto; height: 30px; z-index: 4; border-radius: 0px; margin: 0px; padding: 0px 6px 0px 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; background-color: rgb(255, 2, 2); line-height: 30px; }
.liveCardStartFunc-t_div12_div14_span15 { line-height: 30px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: rgb(255, 255, 255); text-align: left; vertical-align: middle; }
.liveCardStartFunc-t_div12_div16 { left: 7px; top: 9px; width: 10px; height: 10px; z-index: 4; border-radius: 5px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; background-color: rgb(255, 255, 255); }
.u-liveCardStartFunc { left: 0px; top: 0px; width: 200px; height: 30px; z-index: 2; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.liveCardEndFunc-t_div17 { left: 0px; top: 0px; width: 236px; height: 30px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; }
.liveCardEndFunc-t_div17_div18 { left: 0px; top: 0px; width: 70px; height: 30px; z-index: 3; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; background-color: rgb(86, 185, 41); }
.liveCardEndFunc-t_div17_div19 { left: 22px; top: 0px; width: auto; height: 30px; z-index: 4; border-radius: 0px; margin: 0px; padding: 0px 6px 0px 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; background-color: rgb(86, 185, 41); line-height: 30px; }
.liveCardEndFunc-t_div17_div19_span20 { line-height: 30px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: rgb(255, 255, 255); text-align: left; vertical-align: middle; }
.liveCardEndFunc-t_div17_div21 { left: 7px; top: 9px; width: 10px; height: 10px; z-index: 4; border-radius: 5px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; background-color: rgb(255, 255, 255); }
.u-liveCardEndFunc { left: 0px; top: 0px; width: 200px; height: 30px; z-index: 2; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
@charset "UTF-8";
.u-courseCardWithTime-container_a160 { display: inline-block; width: 100%; height: 270px; }
.u-courseCardWithTime-container { left: 0px; top: 0px; width: 236px; height: 270px; z-index: 0; border-radius: 0px; margin: 0px 20px 0px 0px; padding: 0px; color: black; font-size: 16px; position: relative; background-color: white; }
.u-courseCardWithTime-container:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; }
.u-courseCardWithTime-img_img161 { width: 236px; height: 136px; border-radius: 0px; }
.u-courseCardWithTime-img { left: 0px; top: 0px; width: 236px; height: 136px; z-index: 1; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; overflow: hidden; }
.u-courseCardWithTime-teacher_span162 { line-height: 24px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px; color: #111111; text-align: left; vertical-align: middle; }
.u-courseCardWithTime-teacher { left: 10px; top: 145px; width: 216px; height: 24px; z-index: 1; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; line-height: 24px; }
.u-courseCardWithTime-school_span163 { line-height: 24px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 12px; color: #999999; text-align: left; vertical-align: middle; }
.u-courseCardWithTime-school { left: 10px; top: 194px; width: 132px; height: 24px; z-index: 1; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; line-height: 24px; }
.u-courseCardWithTime-desc_span164 { line-height: 18px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 13px; color: #999999; text-align: left; vertical-align: middle; }
.u-courseCardWithTime-desc { left: 10px; top: 220px; width: 211px; height: 36px; z-index: 1; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; overflow: hidden; line-height: 18px; }
.u-courseCardWithTime-time_span165 { line-height: 24px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 12px; color: #55b929; text-align: left; vertical-align: middle; }
.time_span166 { color: #ff7a3e; }
.time not-open_span167 { color: #ff7a3e; }
.over_span168 { color: #55b929; }
.isover_span169 { color: #999; }
.isover_span170 { color: #666; }
.u-courseCardWithTime-time { left: 10px; top: 165px; width: 216px; height: 24px; z-index: 1; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; overflow: hidden; line-height: 24px; }
.u-courseCardWithTime-people_span171 { line-height: 24px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 12px; color: #999999; text-align: right; vertical-align: middle; }
.u-courseCardWithTime-people { left: 135px; top: 194px; width: 90px; height: 24px; z-index: 1; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; overflow: hidden; line-height: 24px; }
.courseCardWithTime-tipFunc-t_div172 { left: 0px; top: 0px; width: 44px; height: 30px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: relative; }
.courseCardWithTime-tipFunc-t_div172_div173 { left: 0px; top: 0px; width: 44px; height: 30px; z-index: 4; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; background-color: #ff7a3e; line-height: 30px; }
.courseCardWithTime-tipFunc-t_div172_div173_span174 { line-height: 30px; display: inline-block; width: 100%; font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px; color: white; text-align: center; vertical-align: middle; }
.u-courseCardWithTime-tipFunc { left: 0px; top: 0px; width: 44px; height: 30px; z-index: 2; border-radius: 0px; margin: 0px; padding: 0px; color: black; font-size: 16px; position: absolute; }
.u-courseCardWithTime-tags { font-family: 'MicrosoftYaHei'; position: absolute; top: 0; left: 0; font-size: 12px; color: #ffffff; z-index: 2; }
.u-courseCardWithTime-tags > span { display: inline-block; margin: 8px 0 0 8px; height: 20px; line-height: 20px; padding: 0 6px; }
.u-courseCardWithTime-tags > span.u-courseCardWithTime-new { background: #ff7a3e; }
.u-courseCardWithTime-tags > span.u-courseCardWithTime-quality { background: #cba265; }
.ux-slider-slider-wrapper .ux-scroll-container { overflow: hidden; }
.ux-slider-slider-wrapper .ux-left-nav { cursor: pointer; left: -39px; top: 50%; margin-top: -11px; color: #fff; }
.ux-slider-slider-wrapper .ux-right-nav { cursor: pointer; right: -39px; top: 50%; margin-top: -11px; color: #fff; }
.ux-slider-slider-wrapper .ux-icon-caret-left,
.ux-slider-slider-wrapper .ux-icon-caret-right { font-size: 26px; }
.m-recCourse-cardList .ux-scroll-container { margin-left: -8px; }
.m-recCourse-cardList .ux-scroll-box { padding-left: 8px; }
.m-selfDefineNoDiscuss-container { left: 0px; top: 0px; width: 1260px; height: 521px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; }
.m-selfDefine-catName_a343 { display: inline-block; width: 100%; height: 31px; }
.m-selfDefine-catName_a343_span344 { line-height: 31px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 24px; color: rgb(17, 17, 17); text-align: left; vertical-align: middle; }
.m-selfDefine-catName { left: 0px; top: 2px; width: auto; height: 31px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; float: left; line-height: 31px; }
.selfDefine-subCateFunc-f_div345 { left: 0px; top: 0px; width: auto; height: 19px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px 20px 0px 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; line-height: 19px; }
.selfDefine-subCateFunc-f_div345_a346 { display: inline-block; width: 100%; height: 19px; }
.selfDefine-subCateFunc-f_div345_a346_span347 { line-height: 19px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: rgb(51, 51, 51); text-align: left; vertical-align: middle; }
.m-selfDefine-subCateFunc { left: 0px; top: 12px; width: 1000px; height: 19px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px 0px 0px 30px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; float: left; }
.f-fl { float: left; }
.f-fr { float: right; }
.f-line,
.f-thide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f-2lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.f-3lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.f-4lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.selfDefine-lessonFunc-i_div348 { left: 0px; top: 0px; width: 236px; height: 420px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; background-color: rgb(255, 255, 255); }
.selfDefine-lessonFunc-i_div348_div349 { left: 0px; top: 0px; width: 236px; height: 324px; z-index: 1; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.selfDefine-lessonFunc-i_div348_div349_img350 { width: 236px; height: 324px; border-radius: 0px; }
.selfDefine-lessonFunc-i_div348_div351 { background-color: rgb(97, 197, 201); filter: alpha(opacity=89.0196); left: 0px; top: 0px; width: 236px; height: 324px; z-index: 2; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; background-color: rgba(97, 197, 201, 0.890196); }
.selfDefine-lessonFunc-i_div348_div351_a352 { display: inline-block; width: 100%; height: 324px; }
.selfDefine-lessonFunc-i_div348_div353 { left: 11px; top: 30px; width: 51px; height: 3px; z-index: 4; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; background-color: rgb(255, 255, 255); }
.selfDefine-lessonFunc-i_div348_div354 { left: 8px; top: 39px; width: auto; height: 20px; z-index: 4; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 20px; }
.selfDefine-lessonFunc-i_div348_div354_a355 { display: inline-block; width: 100%; height: 20px; }
.selfDefine-lessonFunc-i_div348_div354_a355_span356 { line-height: 20px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: rgb(255, 255, 255); text-align: left; vertical-align: middle; }
.selfDefine-lessonFunc-i_div348_div354_a355_span356:hover { color: #eeeeee;; }
.selfDefine-lessonFunc-i_div348_div357 { left: 8px; top: 71px; width: 228px; height: 66px; z-index: 4; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 33px; }
.selfDefine-lessonFunc-i_div348_div357_a358 { display: inline-block; width: 100%; height: 66px; }
.selfDefine-lessonFunc-i_div348_div357_a358_span359 { line-height: 33px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 24px; color: rgb(255, 255, 255); text-align: left; vertical-align: middle; }
.selfDefine-lessonFunc-i_div348_div357_a358_span359_div360 { margin-top: 7px; font-size: 12px; line-height: 17px; }
.selfDefine-lessonFunc-i_div348_div361 { left: 0px; top: 324px; width: 236px; height: 86px; z-index: 3; min-width: 0px; border-radius: 0px; margin: 8px 0px 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.lessonCard-list-f_div362 { left: 0px; top: 0px; width: 236px; height: 27px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; }
.lessonCard-list-f_div362_div363 { left: 12px; top: 0px; width: 151px; height: 27px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 27px; }
.lessonCard-list-f_div362_div363_a364 { display: inline-block; width: 100%; height: 27px; }
.lessonCard-list-f_div362_div363_a364_span365 { line-height: 27px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 13px; color: rgb(51, 51, 51); text-align: left; vertical-align: middle; }
.lessonCard-list-f_div362_div366 { left: 188px; top: 0px; width: 36px; height: 27px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 27px; }
.lessonCard-list-f_div362_div366_span367 { line-height: 27px; display: inline-block; width: 100%; font-family: arial, helvetica, sans-serif; font-size: 13px; color: rgb(153, 153, 153); text-align: right; vertical-align: middle; }
.selfDefine-lessonFunc-i_div348_div368 { left: 0px; top: 0px; width: 145px; height: 145px; z-index: 3; min-width: 0px; border-radius: 0px; margin: 0px; padding: 178px 0px 0px 91px; color: rgb(255, 255, 255); font-size: 54px; position: absolute; line-height: 54px; }
.selfDefine-lessonFunc-i_div348_div368_a369 { display: inline-block; width: 100%; height: 145px; }
.selfDefine-lessonFunc-i_div348_div368_a369_span370 { line-height: 54px; display: inline-block; width: 100%; font-size: 54px; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; }
.m-selfDefine-lessonFunc { left: 0px; top: 51px; width: 236px; height: 420px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.selfDefine-courseFunc-f_div371 { left: 0px; top: 0px; width: 226px; height: 200px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0 12px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; background-color: rgb(255, 255, 255); }
.selfDefine-courseFunc-f_div371:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; }
.selfDefine-courseFunc-f_div371_a372 { display: inline-block; width: 100%; height: 200px; }
.selfDefine-courseFunc-f_div371_a372_div373 { left: 0px; top: 0px; width: 226px; height: 136px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; overflow: hidden; }
.selfDefine-courseFunc-f_div371_a372_div373_img374 { width: 226px; height: 136px; border-radius: 0px; }
.selfDefine-courseFunc-f_div371_a372_div375 { left: 12px; top: 142px; width: 217px; height: 22px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 22px; }
.selfDefine-courseFunc-f_div371_a372_div375_span376 { line-height: 22px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: rgb(17, 17, 17); text-align: left; vertical-align: middle; }
.selfDefine-courseFunc-f_div371_a372_div377 { left: 12px; top: 173px; width: 132px; height: 17px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 17px; }
.selfDefine-courseFunc-f_div371_a372_div377_span378 { line-height: 17px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 12px; color: rgb(153, 153, 153); text-align: left; vertical-align: middle; }
.selfDefine-courseFunc-f_div371_a372_div379 { left: 150px; top: 173px; width: 75px; height: 17px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 17px; }
.selfDefine-courseFunc-f_div371_a372_div379_span380 { line-height: 17px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 12px; color: rgb(153, 153, 153); text-align: right; vertical-align: middle; }
.m-selfDefine-courseFunc { left: 0; top: 121px; width: 100%; height: 426px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0; padding: 0; color: rgb(0, 0, 0); font-size: 16px; position: absolute; overflow: hidden; }
.f-fl { float: left; }
.f-fr { float: right; }
.f-line,
.f-thide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f-2lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.f-3lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.f-4lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.m-selfDefine-more_a381 { display: inline-block; width: 100%; height: 17px; }
.m-selfDefine-more_a381_span382 { line-height: normal; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 13px; color: rgb(51, 51, 51); text-align: right; vertical-align: middle; }
.m-selfDefine-more { left: 1190px; top: 17px; width: 75px; height: 17px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 0px; position: absolute; }
.m-selfDefineWithDiscuss-container { left: 0px; top: 0px; width: 1260px; height: 521px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; }
.m-selfDefine-catName_a251 { display: inline-block; width: 100%; height: 31px; }
.m-selfDefine-catName_a251_span252 { line-height: 31px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 24px; color: rgb(17, 17, 17); text-align: left; vertical-align: middle; }
.m-selfDefine-catName { left: 0px; top: 2px; width: auto; height: 31px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 0px; position: relative; overflow: hidden; float: left; line-height: 31px; }
.selfDefine-subCateFunc-f_div253 { left: 0px; top: 0px; width: auto; height: 19px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px 20px 0px 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; line-height: 19px; }
.selfDefine-subCateFunc-f_div253_a254 { display: inline-block; width: 100%; height: 19px; }
.selfDefine-subCateFunc-f_div253_a254_span255 { line-height: 19px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: rgb(51, 51, 51); text-align: left; vertical-align: middle; }
.selfDefine-subCateFunc-f_div253_a254_span255:hover { color: #55B929;; }
.m-selfDefine-subCateFunc { left: 0px; top: 12px; width: 1000px; height: 19px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px 0px 0px 30px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; float: left; }
.f-fl { float: left; }
.f-fr { float: right; }
.f-line,
.f-thide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f-2lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.f-3lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.f-4lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.selfDefine-lessonFunc-i_div256 { left: 0px; top: 0px; width: 236px; height: 420px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; background-color: rgb(255, 255, 255); }
.selfDefine-lessonFunc-i_div256_div257 { left: 0px; top: 0px; width: 236px; height: 324px; z-index: 1; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.selfDefine-lessonFunc-i_div256_div257_img258 { width: 236px; height: 324px; border-radius: 0px; }
.selfDefine-lessonFunc-i_div256_div259 { background-color: rgb(97, 197, 201); filter: alpha(opacity=89.0196); left: 0px; top: 0px; width: 236px; height: 324px; z-index: 2; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; background-color: rgba(97, 197, 201, 0.890196); }
.selfDefine-lessonFunc-i_div256_div259_a260 { display: inline-block; width: 100%; height: 324px; }
.selfDefine-lessonFunc-i_div256_div261 { left: 8px; top: 30px; width: 51px; height: 3px; z-index: 4; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; background-color: rgb(255, 255, 255); }
.selfDefine-lessonFunc-i_div256_div262 { left: 8px; top: 39px; width: auto; height: 20px; z-index: 4; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 0px; position: absolute; line-height: 20px; }
.selfDefine-lessonFunc-i_div256_div262_a263 { display: inline-block; width: 100%; height: 20px; }
.selfDefine-lessonFunc-i_div256_div262_a263_span264 { line-height: 20px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: rgb(255, 255, 255); text-align: left; vertical-align: middle; }
.selfDefine-lessonFunc-i_div256_div262_a263_span264:hover { color: #eeeeee;; }
.selfDefine-lessonFunc-i_div256_div265 { left: 8px; top: 71px; width: 220px; height: 66px; z-index: 4; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 0px; position: absolute; line-height: 33px; }
.selfDefine-lessonFunc-i_div256_div265_a266 { display: inline-block; width: 100%; height: 66px; }
.selfDefine-lessonFunc-i_div256_div265_a266_span267 { line-height: 33px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 24px; color: rgb(255, 255, 255); text-align: left; vertical-align: middle; }
.selfDefine-lessonFunc-i_div256_div265_a266_span267_div268 { margin-top: 7px; font-size: 12px; line-height: 17px; }
.selfDefine-lessonFunc-i_div256_div269 { left: 0px; top: 0px; width: 145px; height: 145px; z-index: 3; min-width: 0px; border-radius: 0px; margin: 0px; padding: 178px 0px 0px 91px; color: rgb(255, 255, 255); font-size: 54px; position: absolute; line-height: 54px; }
.selfDefine-lessonFunc-i_div256_div269_a270 { display: inline-block; width: 100%; height: 145px; }
.selfDefine-lessonFunc-i_div256_div269_a270_span271 { line-height: 54px; display: inline-block; width: 100%; font-size: 54px; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; }
.selfDefine-lessonFunc-i_div256_div272 { left: 0px; top: 324px; width: 236px; height: 88px; z-index: 3; min-width: 0px; border-radius: 0px; margin: 8px 0px 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.lessonCard-list-f_div273 { left: 0px; top: 0px; width: 236px; height: 27px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; }
.lessonCard-list-f_div273_div274 { left: 12px; top: 0px; width: 151px; height: 27px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 27px; }
.lessonCard-list-f_div273_div274_a275 { display: inline-block; width: 100%; height: 27px; }
.lessonCard-list-f_div273_div274_a275_span276 { line-height: 27px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 13px; color: rgb(51, 51, 51); text-align: left; vertical-align: middle; }
.lessonCard-list-f_div273_div277 { left: 188px; top: 0px; width: 36px; height: 27px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 27px; }
.lessonCard-list-f_div273_div277_span278 { line-height: 27px; display: inline-block; width: 100%; font-family: arial, helvetica, sans-serif; font-size: 13px; color: rgb(153, 153, 153); text-align: right; vertical-align: middle; }
.m-selfDefine-lessonFunc { left: 0px; top: 51px; width: 236px; height: 420px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.selfDefine-course3Func-f_div279 { left: 0px; top: 0px; width: 236px; height: 200px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px 20px 20px 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; background-color: rgb(255, 255, 255); }
.selfDefine-course3Func-f_div279:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; }
.selfDefine-course3Func-f_div279_a280 { display: inline-block; width: 100%; height: 200px; }
.selfDefine-course3Func-f_div279_a280_div281 { left: 0px; top: 0px; width: 236px; height: 136px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; overflow: hidden; }
.selfDefine-course3Func-f_div279_a280_div281_img282 { width: 236px; height: 136px; border-radius: 0px; }
.selfDefine-course3Func-f_div279_a280_div283 { left: 12px; top: 142px; width: 217px; height: 22px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 22px; }
.selfDefine-course3Func-f_div279_a280_div283_span284 { line-height: 22px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: rgb(17, 17, 17); text-align: left; vertical-align: middle; }
.selfDefine-course3Func-f_div279_a280_div285 { left: 12px; top: 173px; width: 132px; height: 17px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 17px; }
.selfDefine-course3Func-f_div279_a280_div285_span286 { line-height: 17px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 12px; color: rgb(153, 153, 153); text-align: left; vertical-align: middle; }
.selfDefine-course3Func-f_div279_a280_div287 { left: 150px; top: 173px; width: 75px; height: 17px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 17px; }
.selfDefine-course3Func-f_div279_a280_div287_span288 { line-height: 17px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 12px; color: rgb(153, 153, 153); text-align: right; vertical-align: middle; }
.m-selfDefine-course3Func { left: 256px; top: 51px; width: 768px; height: 426px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px 0px 0px -8px; padding: 0px 0px 0px 8px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; overflow: hidden; }
.f-fl { float: left; }
.f-fr { float: right; }
.f-line,
.f-thide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f-2lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.f-3lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.f-4lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.selfDefine-discussFunc-t_div289 { left: 1024px; top: 52px; width: 236px; height: 420px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; background-color: rgb(255, 255, 255); }
.selfDefine-discussFunc-t_div289_div290 { left: 13px; top: 15px; width: 4px; height: 17px; z-index: 1; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; background-color: rgb(86, 185, 41); }
.selfDefine-discussFunc-t_div289_div291 { left: 23px; top: 11px; width: 200px; height: 24px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 0px; position: absolute; line-height: 24px; }
.selfDefine-discussFunc-t_div289_div291_span292 { line-height: 24px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 18px; color: rgb(17, 17, 17); text-align: left; vertical-align: middle; }
.selfDefine-discussFunc-t_div289_div293 { left: 13px; top: 43px; width: 216px; height: 377px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.discussList-item-f_div294 { left: 0px; top: 0px; width: 216px; height: 76px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; }
.discussList-item-f_div294_div295 { left: 0px; top: 0px; width: 216px; height: 40px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 20px; }
.discussList-item-f_div294_div295_a296 { display: inline-block; width: 100%; height: 40px; }
.discussList-item-f_div294_div295_a296_span297 { line-height: 20px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; color: rgb(17, 17, 17); text-align: left; vertical-align: middle; }
.discussList-item-f_div294_div298 { left: 0px; top: 44px; width: 216px; height: 16px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 16px; }
.discussList-item-f_div294_div298_a299 { display: inline-block; width: 100%; height: 16px; }
.discussList-item-f_div294_div298_a299_span300 { line-height: 16px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 12px; color: rgb(153, 153, 153); text-align: left; vertical-align: middle; }
.f-fl { float: left; }
.f-fr { float: right; }
.f-line,
.f-thide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f-2lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.f-3lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.f-4lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.m-selfDefine-more_a301 { display: inline-block; width: 100%; height: 17px; }
.m-selfDefine-more_a301_span302 { line-height: normal; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 13px; color: rgb(51, 51, 51); text-align: right; vertical-align: middle; }
.m-selfDefine-more { left: 1190px; top: 17px; width: 75px; height: 17px; z-index: 0; min-width: 0px; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 0px; position: absolute; }
.imgBox-containerFunc-t_div1 { left: 0px; top: 0px; width: 1260px; height: 100px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; }
.imgBox-containerFunc-t_div1_div2 { left: 0px; top: 0px; width: 406px; height: 100px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.imgBox-containerFunc-t_div1_div2_a3 { display: inline-block; width: 100%; height: 100px; }
.imgBox-containerFunc-t_div1_div2_a3_img4 { width: 406px; height: 100px; border-radius: 0px; }
.imgBox-containerFunc-t_div1_div5 { left: 426px; top: 0px; width: 406px; height: 100px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.imgBox-containerFunc-t_div1_div5_a6 { display: inline-block; width: 100%; height: 100px; }
.imgBox-containerFunc-t_div1_div5_a6_img7 { width: 406px; height: 100px; border-radius: 0px; }
.imgBox-containerFunc-t_div1_div8 { left: 852px; top: 0px; width: 406px; height: 100px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.imgBox-containerFunc-t_div1_div8_a9 { display: inline-block; width: 100%; height: 100px; }
.imgBox-containerFunc-t_div1_div8_a9_img10 { width: 406px; height: 100px; border-radius: 0px; }
.imgBox-containerFunc-f_div11 { left: 0px; top: 0px; width: 1260px; height: 100px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; }
.imgBox-containerFunc-f_div11_div12 { left: 0px; top: 0px; width: 406px; height: 100px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.imgBox-containerFunc-f_div11_div12_a13 { display: inline-block; width: 100%; height: 100px; }
.imgBox-containerFunc-f_div11_div12_a13_img14 { width: 406px; height: 100px; border-radius: 0px; }
.imgBox-containerFunc-f_div11_div15 { left: 426px; top: 0px; width: 833px; height: 100px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.imgBox-containerFunc-f_div11_div15_a16 { display: inline-block; width: 100%; height: 100px; }
.imgBox-containerFunc-f_div11_div15_a16_img17 { width: 833px; height: 100px; border-radius: 0px; }
.u-imgBox-containerFunc { left: 0px; top: 0px; width: 100px; height: 100px; z-index: 0; border-radius: 0px; margin: 0px 0px 50px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; }
.c-selfDefine-container { left: 0px; top: -1px; width: 100px; height: 100px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.u-discussCardWithQuote-container_a35 { display: inline-block; width: 100%; height: 230px; }
.u-discussCardWithQuote-container { left: 0px; top: 0px; width: 406px; height: 230px; z-index: 0; border-radius: 0px; margin: 0px 20px 0px 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; background-color: rgb(255, 255, 255); }
.u-discussCardWithQuote-container:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 10px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 10px 2px; box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 10px 2px; }
.u-discussCardWithQuote-userPic_img36 { width: 30px; height: 30px; border-radius: 15px; }
.u-discussCardWithQuote-userPic { left: 15px; top: 15px; width: 30px; height: 30px; z-index: 0; border-radius: 15px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.u-discussCardWithQuote-userName_span37 { line-height: 17px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 13px; color: rgb(102, 102, 102); text-align: center; vertical-align: middle; }
.u-discussCardWithQuote-userName_span37_span38 { max-width: 120px; display: inline-block; }
.u-discussCardWithQuote-userName_span37_span39 { width: 34px; height: 17px; color: #fff; line-height: 17px; text-align: center; display: inline-block; margin-left: 10px; background: #F9C63D; font-size: 12px; vertical-align: top; }
.u-discussCardWithQuote-userName { left: 57px; top: 22px; width: auto; height: 17px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 17px; }
.u-discussCardWithQuote-belong_span40 { line-height: 17px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 13px; color: rgb(21, 21, 21); text-align: right; vertical-align: middle; }
.u-discussCardWithQuote-belong_span40_span41 { color: #999; }
.u-discussCardWithQuote-belong { left: 219px; top: 20px; width: 170px; height: 17px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 17px; }
.u-discussCardWithQuote-content_span42 { line-height: 28px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 18px; color: rgb(17, 17, 17); text-align: left; vertical-align: middle; }
.u-discussCardWithQuote-content { left: 19px; top: 93px; width: 369px; height: 56px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; overflow: hidden; line-height: 28px; }
.f-fl { float: left; }
.f-fr { float: right; }
.f-line,
.f-thide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f-2lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.f-3lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.f-4lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.u-discussCardWithQuote-cnt_span43 { line-height: 17px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 13px; color: rgb(17, 17, 17); text-align: center; vertical-align: middle; }
.u-discussCardWithQuote-cnt_span43_span44 { color: #55B929; }
.u-discussCardWithQuote-cnt { left: 99px; top: 199px; width: 200px; height: 17px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 17px; }
.u-discussCardWithDetail-container_a45 { display: inline-block; width: 100%; height: 230px; }
.u-discussCardWithDetail-container { left: 0px; top: 0px; width: 406px; height: 230px; z-index: 0; border-radius: 0px; margin: 0px 20px 0px 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; background-color: rgb(255, 255, 255); }
.u-discussCardWithDetail-container:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 10px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 10px 2px; box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 10px 2px; }
.u-discussCardWithDetail-userPic_img46 { width: 30px; height: 30px; border-radius: 15px; }
.u-discussCardWithDetail-userPic { left: 15px; top: 15px; width: 30px; height: 30px; z-index: 0; border-radius: 15px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.u-discussCardWithDetail-userName_span47 { line-height: 17px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 13px; color: rgb(102, 102, 102); text-align: center; vertical-align: middle; }
.u-discussCardWithDetail-userName_span47_span48 { max-width: 120px; display: inline-block; }
.u-discussCardWithDetail-userName_span47_span49 { width: 34px; height: 17px; color: #fff; line-height: 17px; text-align: center; display: inline-block; margin-left: 10px; background: #F9C63D; font-size: 12px; vertical-align: top; }
.u-discussCardWithDetail-userName { left: 57px; top: 22px; width: auto; height: 17px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 17px; }
.u-discussCardWithDetail-belong_span50 { line-height: 17px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 13px; color: rgb(21, 21, 21); text-align: right; vertical-align: middle; }
.u-discussCardWithDetail-belong_span50_span51 { color: #999; }
.u-discussCardWithDetail-belong { left: 219px; top: 20px; width: 170px; height: 17px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 17px; }
.u-discussCardWithDetail-cnt_span52 { line-height: 17px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 13px; color: rgb(17, 17, 17); text-align: center; vertical-align: middle; }
.u-discussCardWithDetail-cnt_span52_span53 { color: #55B929; }
.u-discussCardWithDetail-cnt { left: 99px; top: 199px; width: 200px; height: 17px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 17px; }
.u-discussCardWithDetail-title_span54 { line-height: 22px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 18px; color: rgb(17, 17, 17); text-align: left; vertical-align: middle; }
.u-discussCardWithDetail-title { left: 15px; top: 62px; width: 369px; height: 22px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 22px; }
.discussCardWithDetail-func-t_div55 { left: 0px; top: 0px; width: 381px; height: 80px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; }
.discussCardWithDetail-func-t_div55_div56 { left: 165px; top: 0px; width: 216px; height: 80px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; overflow: hidden; line-height: 20px; }
.discussCardWithDetail-func-t_div55_div56_span57 { line-height: 20px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 13px; color: rgb(102, 102, 102); text-align: left; vertical-align: middle; }
.discussCardWithDetail-func-t_div55_div58 { left: 0px; top: 0px; width: 151px; height: 80px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.discussCardWithDetail-func-t_div55_div58_img59 { width: 151px; height: 80px; border-radius: 0px; }
.discussCardWithDetail-func-f_div60 { left: 0px; top: 0px; width: 381px; height: 80px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; overflow: hidden; line-height: 20px; }
.discussCardWithDetail-func-f_div60_span61 { line-height: 20px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 13px; color: rgb(102, 102, 102); text-align: left; vertical-align: middle; }
.u-discussCardWithDetail-func { left: 15px; top: 100px; width: 381px; height: 80px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.f-fl { float: left; }
.f-fr { float: right; }
.f-line,
.f-thide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f-2lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.f-3lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.f-4lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
#j-index-discuss-box .ux-scroll-container { margin-left: -8px; }
#j-index-discuss-box .ux-scroll-box { padding-left: 8px; }
.u-student-container { left: 0px; top: 0px; width: 420px; height: 317px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; }
.u-student-img_img49 { border-radius: 47px; }
.u-student-img { left: 146px; top: 0px; width: 94px; height: 94px; z-index: 0; border-radius: 47px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.u-student-name_span50 { line-height: 22px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 18px; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; }
.u-student-name { left: 146px; top: 116px; width: 94px; height: 22px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 22px; }
.u-student-desc_span51 { line-height: 22px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 13px; color: rgb(255, 255, 255); text-align: left; vertical-align: middle; }
.u-student-desc { left: 65px; top: 185px; width: 261px; height: 132px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; overflow: hidden; line-height: 22px; }
.u-student-school_span52 { line-height: 22px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 13px; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; }
.u-student-school { left: 65px; top: 146px; width: 261px; height: 22px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; line-height: 22px; }
.c-indexStudent-container { left: 0px; top: 0px; width: 1260px; height: 317px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; }
.c-courseRecent3-container { left: 0px; top: 0px; width: 169px; height: 75px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; }
.courseRecent3Tips-func-t_div133 { left: 4px; top: 8px; width: 163px; height: 46px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: relative; line-height: 23px; }
.courseRecent3Tips-func-t_div133_span134 { line-height: 23px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 13px; color: rgb(102, 102, 102); text-align: center; vertical-align: top; }
.c-courseRecent3Tips-func { left: 0px; top: 0px; width: 169px; height: 75px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; overflow: hidden; }
.courseRecent3-func-f_div135 { left: 0px; top: 0px; width: 169px; height: 25px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 0px; position: relative; line-height: 25px; }
.courseRecent3-func-f_div135_a136 { display: inline-block; width: 100%; height: 25px; }
.courseRecent3-func-f_div135_a136_span137 { line-height: 25px; display: inline-block; width: 100%; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 13px; color: rgb(102, 102, 102); text-align: left; vertical-align: middle; }
.c-courseRecent3-func { left: 0px; top: 0px; width: 169px; height: 75px; z-index: 0; border-radius: 0px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 16px; position: absolute; overflow: hidden; }
.ux-slider-carousel { box-sizing: border-box; position: relative; width: 100%; height: 100%; }
.ux-slider-carousel-items { position: relative; width: 960px; margin: 0 auto; height: 100%; }
.ux-slider-carousel-item { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; visibility: hidden; }
.ux-slider-carousel-item.fadeIn { animation: ux-slider-carousel-fadeIn 1s ease-out forwards; }
.ux-slider-carousel-item.fadeIn-polyfill { visibility: visible; opacity: 1; }
.ux-slider-carousel-item_pointered { cursor: default; }
.ux-slider-carousel-item-img-wrapper { display: block; width: 100%; height: 100%; text-decoration: none; }
.ux-slider-carousel-item-img { width: 100%; height: 100%; vertical-align: top; }
.ux-slider-carousel-indicators-wrapper { position: absolute; bottom: 0; left: 0; height: 37px; width: 100%; z-index: 1; }
.ux-slider-carousel-indicators { width: 100%; height: 100%; text-align: center; font-size: 0; }
.ux-slider-carousel-indicator { box-sizing: border-box; display: inline-block; width: 26px; height: 26px; padding: 8px; cursor: pointer; }
.ux-slider-carousel-indicator.z-sel .ux-slider-carousel-icon-circle { background-position: 0px -360px; }
.ux-slider-carousel-indicators-wrapper.ux-slider-carousel-indicators-wrapper-rectangle { height: auto; bottom: 20px; }
.ux-slider-carousel-indicators-wrapper.ux-slider-carousel-indicators-wrapper-rectangle .ux-slider-carousel-indicator { user-select: none; padding: 5px 7px; width: auto; height: auto; line-height: 1.2; margin: 0 5px; }
.ux-slider-carousel-indicators-wrapper.ux-slider-carousel-indicators-wrapper-rectangle .ux-slider-carousel-indicator.z-notSel { background: rgba(255,255,255,0.7); }
.ux-slider-carousel-indicators-wrapper.ux-slider-carousel-indicators-wrapper-rectangle .ux-slider-carousel-indicator.z-sel { color: white; }
.ux-slider-carousel .ux-slider-carousel-navigator { display: none; position: absolute; margin-top: -40px; top: 50%; cursor: pointer; z-index: 1; }
.ux-slider-carousel .ux-slider-carousel-navigator-left { left: 20px; }
.ux-slider-carousel .ux-slider-carousel-navigator-right { right: 20px; }
.ux-slider-carousel .ux-slider-carousel-navigator.z-show { display: block; }
.ux-slider-carousel-icon { display: inline-block; background: url(//mc.stu.126.net/res/carousel/images/sprites.png?3276d1fa6cc482ea0e4e51bcd857b167); }
.ux-slider-carousel-icon-arrow_left { width: 50px; height: 80px; background-position: 0px -90px; }
.ux-slider-carousel-icon-arrow_left:hover { background-position: 0px 0px; }
.ux-slider-carousel-icon-arrow_left_hover { width: 50px; height: 80px; background-position: 0px 0px; }
.ux-slider-carousel-icon-arrow_right { width: 50px; height: 80px; background-position: 0px -270px; }
.ux-slider-carousel-icon-arrow_right:hover { background-position: 0px -180px; }
.ux-slider-carousel-icon-arrow_right_hover { width: 50px; height: 80px; background-position: 0px -180px; }
.ux-slider-carousel-icon-arrow_right_hover { width: 50px; height: 80px; background-position: 0px -180px; }
.ux-slider-carousel-icon-circle { width: 10px; height: 10px; background-position: 0px -380px; }
.ux-slider-carousel-icon-circle_hover { width: 10px; height: 10px; background-position: 0px -360px; }

@keyframes ux-slider-carousel-fadeIn {
    from { opacity: 0; }
    to { opacity: 1; visibility: visible; }
}

.u-myCloudeGuide__body { position: absolute; left: 370px; top: 40px; width: 227px; min-height: 78px; background-color: #fff6a3; border: 1px solid #e6e6e6; }
.u-myCloudeGuide__body:before { position: absolute; content: ''; top: -9px; left: 150px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #e6e6e6; }
.u-myCloudeGuide__body:after { position: absolute; content: ''; top: -7px; left: 150px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff6a3; }
.u-myCloudeGuide__body .u-icon-normal-close { font-size: 10px; width: 10px; line-height: 10px; height: 10px; margin-right: 6px; position: relative; top: 6px; color: #666666; }
.u-myCloudeGuide__content { text-align: left; font-family: MicrosoftYaHei; font-size: 12px; color: #333333; line-height: 19px; width: 195px; min-height: 38px; margin: 0 auto; margin-top: 8px; margin-bottom: 14px; }
.u-myCloudeGuide .show { display: block; }
.u-myCloudeGuide .hide { display: none; }

/*search*/
.material-banner { height: 190px; width: 100%; background: url(../Images/material-banner.jpg) no-repeat; }
.yui3-g { letter-spacing: -0.31em; /* webkit: collapse white-space between units */ *letter-spacing: normal; /* reset IE < 8 */ word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */ }
.yui3-u-1 { display: block; letter-spacing: normal; word-spacing: normal; }
.m-tag { width: 1200px; margin: 0 auto; }
.m-tag .attr { padding: 10px 0 0; position: relative; }
.m-tag .attr .m-attr { padding: 10px 0px 5px; border-bottom: 1px dotted #DDD; font-size: 14px; }
.m-tag .attr .m-attr .a-key { float: left; width: 80px; text-align: right; font-weight: bold; }
.m-tag .attr .m-attr .a-val { float: left; display: inline; margin-left: 10px; width: 1070px; height: 28px; overflow: hidden; }
.e-section .m-tag .attr .mediatyle .a-val { height: 55px; }
.a-val-right { width: 1000px; }
.m-tag .attr .m-attr .a-val span { display: inline-block; zoom: 1; margin: 0px 10px 7px 0px; }
.a-val-right span { width: 134px; vertical-align: top; margin: 0 5px 7px 0 !important; }
.m-tag .attr .m-attr .a-val span a { display: inline-block; padding: 1px 4px; color: #000; }
.m-tag .attr .m-attr .a-val span a.current { background-color: #009999; color: #FFF; border-radius: 2px; }
.attr-bar { padding: 10px 0px; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; }
.search-tips { float: right; padding-right: 20px; _line-height: 22px; }
.search-tips span { font-weight: bold; color: #FF6600; }
.attr-bar .attr-list { padding-left: 20px; }
.attr-bar .attr-list .attr-order { float: left; }
.attr-bar .attr-list a { display: inline-block; zoom: 1; margin: 0px 6px; padding: 0px 10px; height: 20px; line-height: 20px; border: 1px solid #DDD; color: #000; }
.attr-bar .attr-list a:hover { border-color: #009999; color: #009999; }
.attr-bar .attr-list span { display: inline-block; zoom: 1; padding-right: 10px; }
.attr-bar .attr-list a.current { background-color: #009999; color: #FFF; border-color: #009999; }
.attr-bar .attr-list .default span { padding-right: 0px; }
.attr-bar .attr-list .order span { background: url(../images/res_info_1.png) no-repeat right center; }
.attr-bar .attr-list .desc span { background: url(../images/res_info_2.png) no-repeat right center; }
.attr-search { float: left; display: inline; margin-left: 10px; border: 1px solid #DDD; }
.attr-search .search { float: left; height: 20px; line-height: 20px; padding: 0px; padding-left: 10px; width: 135px; margin: 0px; border: 0px none; outline: none; color: #666; }
.attr-search .button-submit { float: left; width: 30px; height: 20px; padding: 0px; margin: 0px; border: 0 none; background: url(../images/search_bar.png) no-repeat center center; _background: url(../images/search_bar_8.png) no-repeat center center; }
.gform { width: 1200px; margin: 0 auto; }
.res-list { overflow: hidden; padding-bottom: 30px; }
.res-list ul { margin: -1px 0px 0px -1px; }
.res-list li { float: left; width: 299px; height: 300px; border: 1px solid #E5E5E5; border-right: 0 none; border-bottom: 0 none; }
.res-list li .thumb { margin: 22px auto 12px; width: 220px; height: 165px; border: 1px solid #DDD; text-align: center; }
.res-list li .thumb img { max-width: 100%; max-height: 100%; vertical-align: middle; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; }
.res-list li .thumb span { display: inline-block; zoom: 1; width: 0px; height: 100%; overflow: hidden; margin-left: -1px; font-size: 0; line-height: 0; vertical-align: middle; }
.res-list li .thumb img:hover { opacity: 0.7; filter: alpha(opacity=70); }
.res-list li .res-title, .res-list li .res-info { margin: 0px auto; width: 220px; height: 20px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.res-list li .res-title { font-weight: bold; font-size: 14px; }
.res-list li .res-title a { color: #000; }
.res-list li .res-info { color: #999; }
.res-list li .res-info span { display: inline-block; zoom: 1; margin: 0px 2px; }
.res-list li .res-info strong { font-weight: bold; padding: 0px 3px 0px 0px; color: #F60; }

/*detail*/
.wrapper { background-color: #FFF; }
.wrapper .wrapper-inner { margin: 0px auto; width: 1200px; padding: 15px 0px; }
.wrapper-pages { margin: 0px auto; width: 1150px; }
.w-pages-inner { padding: 10px; background: #FFF; }
.w-pages-left { width: 771px; float: left; }
.w-pages-left .left-pic { width: 769px; height: 399px; border: 1px solid #eee; }
.w-pages-left .left-b .collect { margin-right: -1px; border: 1px solid rgb(244,194,72); width: 349px; float: left; height: 50px; line-height: 50px; background: #f9f9f9 url(/portal/img/lb_01_select.png) no-repeat 15px 17px; padding-left: 35px; font-size: 16px; float: left; }
.w-pages-left .left-b .collect.select { background: #e7e7e7 url(img/lb_01.png) no-repeat 15px 17px; }
.w-pages-left .left-b .download { width: 384px; height: 50px; background: #f9f9f9; float: right; font-size: 16px; border: 1px solid rgb(94,194,226); }
.w-pages-left .left-b .download .gold { width: 154px; height: 50px; line-height: 50px; float: left; background: url(/portal/img/lb_03.png) no-repeat 15px 21px; _background: url(img/lb_03_8.png) no-repeat 15px 21px; padding-left: 28px; color: #99d6d6; }
.w-pages-left .left-b .download .download-icon { width: 154px; height: 50px; line-height: 50px; float: left; background: url(/portal/img/lb_02.png) no-repeat 38px 13px; _background: url(img/lb_02_8.png) no-repeat 38px 13px; color: #99d6d6; }
.w-pages-left .left-b .download .download-icon a { color: #fff; }
.w-pages-left .left-b .download .download-icon a:hover { color: #fff; }

.w-pages-right { width: 339px; float: right; background: #f1f1f1; height: 449px; padding: 0 10px; }
.w-pages-right h1 { font-size: 22px; color: #009999; line-height: 1.5; border-bottom: 1px solid #dcdcdc; padding: 5px 0; margin-right: 120px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.w-pages-right p:after { content: '\20'; display: block; height: 0; clear: both; }
.w-pages-right p { margin-top: 5px; height: 21px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 180%; color: #666; *zoom: 1; }
.w-pages-right p span.title { width: 90px; text-align: right; float: left; }
.w-pages-right p span.content { display: block; height: 31px; margin-left: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.w-pages-right p span.content a { color: #176ED0; }


.m-evaluation { margin: 0; }
.catalog { background: #fff; }
.catalog .catalog-menu { _overflow: hidden; height: 41px; border-bottom: none; margin: 0 10px; }
.catalog .catalog-menu li { float: left; display: inline; margin: 0px 1px 0px 0px; _overflow: hidden; width: 135px; height: 41px; _height: 46px; color: #000; border-right: 1px solid #dfdfdf; }
.catalog .catalog-menu li a { border: 1px solid #dfdfdf; display: inline-block; zoom: 1; width: 135px; text-align: center; height: 46px; color: #4d4d4d; font-size: 14px; line-height: 46px; }
.catalog .catalog-menu li a:hover,
.catalog .catalog-menu li a.current { z-index: 10; height: 46px; color: #009999; _background: url(img/title_bg02_8.png) no-repeat; }
.recommend-box { background: #fff; }
.recommend-box .recommend-inner { padding: 10px; }
.recommend-box .recommend { }
.recommend-box ul li { margin: 8px 0 8px 15px; font-size: 16px; }

.evaluation { padding: 25px; color: #999; height: 350px; }
.evaluation-inner { border-bottom: 1px solid #dedede; padding: 25px; }
.evaluation .evaluation-l { width: 665px; float: left; }
.evaluation .evaluation-r { width: 80px; float: right; color: #9b9b9b; text-align: right; }
.evaluation .evaluation-l .e-photo { float: left; position: relative; width: 80px; }
.evaluation .evaluation-l .e-photo .photo { position: absolute; top: 0px; left: 0px; width: 70px; height: 70px; z-index: 10; background: url(img/hollow_bor.png) no-repeat; _background: url(img/hollow_bor_8.png) no-repeat; }
.evaluation .evaluation-l .e-info { float: left; padding-left: 80px; _padding-left: 0px; }
.evaluation .evaluation-l .e-info p { padding: 5px 0px; }
.evaluation .evaluation-l .e-info p span { padding-right: 15px; }
.evaluation .evaluation-l .e-info p span.name { font-weight: bold; }
.evaluation .evaluation-l .e-info p span.date { color: #cfcfcf; }
.evaluation .evaluation-l .e-info p.info { color: #9d9d9d; }
.e-info .start { padding-bottom: 10px; width: 90px; height: 18px; background: url(img/stars_0.png) no-repeat; _background: url(img/stars_0_8.png) no-repeat; }
.e-info .one { background: url(img/stars_1.png) no-repeat; _background: url(img/stars_1_8.png) no-repeat; }
.e-info .two { background: url(img/stars_2.png) no-repeat; _background: url(img/stars_2_8.png) no-repeat; }
.e-info .three { background: url(img/stars_3.png) no-repeat; _background: url(img/ie/stars_3_8.png) no-repeat; }
.e-info .four { background: url(img/stars_4.png) no-repeat; _background: url(img/stars_4_8.png) no-repeat; }
.e-info .five { background: url(img/stars_5.png) no-repeat; _background: url(img/stars_5_8.png) no-repeat; }
.e-info .start { display: inline-block; padding: 0px; vertical-align: top; }

.grade { margin: 10px 0; }
.grade div { margin: 8px 0px; }
.grade .ok-btn-box { position: relative; height: 35px; }
.grade .ok-btn { width: 90px; height: 35px; background: #ff865b; position: absolute; color: #fff; right: 0; }
.grade .ok-btn .ok { height: 35px; line-height: 35px; display: block; background-color: #ff865b; text-align: center; color: #fff; position: relative; }
.grade .ok-btn a:hover { background-color: #d9580f; color: #fff; }
.grade .cols .textarea { -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; font-family: "Microsoft Yahei", Airal; outline: none; padding: 6px 12px; color: #555; width: 50%; height: 20px; border: 1px solid #CCC; border-radius: 2px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
.grade .cols .textarea:focus { border-color: #66afe9; outline: 0; -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); }
.grade .cols .textarea.large { width: 96%; height: 100px; }