@font-face { font-family: es-icon; src: url(/static-dist/app/fonts/es-icon.eot); src: url(/static-dist/app/fonts/es-icon.eot#iefix) format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url(/static-dist/app/fonts/es-icon.ttf) format("truetype"), url(/static-dist/app/fonts/es-icon.svg#es-icon) format("svg") } .es-icon { font-family: es-icon !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .es-icon-qrcode:before { content: "\E615" } .es-icon-search1:before { content: "\E6CD" } .es-icon-likefill:before { content: "\E6CE" } .es-icon-like:before { content: "\E6CF" } .es-icon-videocam:before { content: "\E678" } .es-icon-home1:before { content: "\E6D0" } .es-icon-homefill:before { content: "\E6D1" } .es-icon-anonymous-iconfont:before { content: "\E666" } .es-icon-wenhao:before { content: "\E671" } .es-icon-dot:before { content: "\E68A" } .es-icon-add:before { content: "\E6D7" } .es-icon-close01:before { content: "\E68E" } .es-icon-view:before { content: "\E6A4" } .es-icon-youjian1:before { content: "\E6D6" } .es-icon-markzhuanhuan:before { content: "\E6C9" } .es-icon-icon_close_circle:before { content: "\E687" } .es-icon-focus:before { content: "\E69E" } .es-icon-angledoubleright:before { content: "\E67D" } .es-icon-angledoubleleft:before { content: "\E67E" } .es-icon-playcircleoutline:before { content: "\E66D" } .es-icon-zhongchuan:before { content: "\E7CC" } .es-icon-portrait:before { content: "\E65E" } .es-icon-accesstime:before { content: "\E658" } .es-icon-accountcircle:before { content: "\E668" } .es-icon-addbox:before { content: "\E65F" } .es-icon-checkbox:before { content: "\E660" } .es-icon-explore:before { content: "\E67F" } .es-icon-forum:before { content: "\E662" } .es-icon-history:before { content: "\E670" } .es-icon-removecircle:before { content: "\E66C" } .es-icon-thumbup:before { content: "\E659" } .es-icon-reply:before { content: "\E65A" } .es-icon-textsms:before { content: "\E657" } .es-icon-alarmon:before { content: "\E672" } .es-icon-assignment:before { content: "\E679" } .es-icon-assignmentind:before { content: "\E661" } .es-icon-keyboardarrowdown:before { content: "\E663" } .es-icon-keyboardarrowup:before { content: "\E664" } .es-icon-language:before { content: "\E65B" } .es-icon-link:before { content: "\E690" } .es-icon-livehelp:before { content: "\E680" } .es-icon-locallibrary:before { content: "\E66E" } .es-icon-loyalty:before { content: "\E65C" } .es-icon-mylibrarybooks:before { content: "\E67A" } .es-icon-mylocation:before { content: "\E669" } .es-icon-phone:before { content: "\E676" } .es-icon-permcontactcal:before { content: "\E66F" } .es-icon-publish:before { content: "\E66A" } .es-icon-removeredeye:before { content: "\E67B" } .es-icon-remove:before { content: "\E667" } .es-icon-addcircle:before { content: "\E66B" } .es-icon-search:before { content: "\E600" } .es-icon-mail:before { content: "\E601" } .es-icon-personadd:before { content: "\E602" } .es-icon-person:before { content: "\E604" } .es-icon-arrowdropdown:before { content: "\E603" } .es-icon-drafts:before { content: "\E605" } .es-icon-notifications:before { content: "\E606" } .es-icon-notificationsoff:before { content: "\E607" } .es-icon-notificationson:before { content: "\E608" } .es-icon-bookmarkoutline:before { content: "\E60A" } .es-icon-bookmark:before { content: "\E60B" } .es-icon-graphicclass:before { content: "\E60E" } .es-icon-description:before { content: "\E60F" } .es-icon-phone1:before { content: "\E610" } .es-icon-swaphoriz:before { content: "\E611" } .es-icon-audioclass:before { content: "\E60D" } .es-icon-flashclass:before { content: "\E612" } .es-icon-pptclass:before { content: "\E613" } .es-icon-videoclass:before { content: "\E614" } .es-icon-crown:before { content: "\E616" } .es-icon-exit:before { content: "\E617" } .es-icon-arrowback:before { content: "\E618" } .es-icon-arrowdropup:before { content: "\E619" } .es-icon-arrowforward:before { content: "\E61A" } .es-icon-chevronleft:before { content: "\E61B" } .es-icon-chevronright:before { content: "\E61C" } .es-icon-refresh:before { content: "\E61D" } .es-icon-menu:before { content: "\E61E" } .es-icon-android:before { content: "\E61F" } .es-icon-apple:before { content: "\E620" } .es-icon-comment:before { content: "\E621" } .es-icon-favoriteoutline:before { content: "\E622" } .es-icon-favorite:before { content: "\E623" } .es-icon-flag:before { content: "\E624" } .es-icon-help:before { content: "\E625" } .es-icon-home:before { content: "\E626" } .es-icon-importexport:before { content: "\E627" } .es-icon-lock:before { content: "\E628" } .es-icon-noteadd:before { content: "\E629" } .es-icon-power:before { content: "\E62A" } .es-icon-setting:before { content: "\E62B" } .es-icon-share:before { content: "\E62C" } .es-icon-starhalf:before { content: "\E62D" } .es-icon-staroutline:before { content: "\E62E" } .es-icon-star:before { content: "\E62F" } .es-icon-studydone:before { content: "\E630" } .es-icon-study:before { content: "\E631" } .es-icon-toc:before { content: "\E632" } .es-icon-calendar:before { content: "\E633" } .es-icon-contentcopy:before { content: "\E634" } .es-icon-delete:before { content: "\E635" } .es-icon-done:before { content: "\E636" } .es-icon-edit:before { content: "\E637" } .es-icon-filedownload:before { content: "\E638" } .es-icon-fileupdate:before { content: "\E639" } .es-icon-help1:before { content: "\E63A" } .es-icon-infooutline:before { content: "\E63B" } .es-icon-info:before { content: "\E63C" } .es-icon-send:before { content: "\E63D" } .es-icon-today:before { content: "\E63E" } .es-icon-viewlist:before { content: "\E63F" } .es-icon-viewmodule:before { content: "\E640" } .es-icon-visibilityoff:before { content: "\E641" } .es-icon-visibility:before { content: "\E642" } .es-icon-administrator:before { content: "\E643" } .es-icon-qq:before { content: "\E644" } .es-icon-qzone:before { content: "\E645" } .es-icon-renren:before { content: "\E646" } .es-icon-weibo:before { content: "\E65D" } .es-icon-weixin:before { content: "\E647" } .es-icon-done1:before { content: "\E649" } .es-icon-undone:before { content: "\E64A" } .es-icon-whatshot:before { content: "\E64B" } .es-icon-people:before { content: "\E64D" } .es-icon-school:before { content: "\E64C" } .es-icon-groupadd:before { content: "\E64E" } .es-icon-recentactors:before { content: "\E64F" } .es-icon-doneall:before { content: "\E650" } .es-icon-findinpage:before { content: "\E651" } .es-icon-headset:before { content: "\E652" } .es-icon-landscape:before { content: "\E653" } .es-icon-assignment1:before { content: "\E654" } .es-icon-accountwallet:before { content: "\E655" } .es-icon-dashboard:before { content: "\E656" } .es-icon-web:before { content: "\E67C" } .es-icon-check:before { content: "\E60C" } .es-icon-doing:before { content: "\E648" } .es-icon-diqiu:before { content: "\E6C5" } .icon-dingdan_icon1x:before { content: "\e901"; /* background-image: url("/static-dist/app/img/dingdan_icon@2x.png"); */ } .es-icon-icattachfileblack24px:before { content: "\E681" } .es-icon-morehoriz:before { content: "\E665" } .es-icon-introduction1:before { content: "\E673" } .es-icon-introduction2:before { content: "\E674" } .es-icon-introduction3:before { content: "\E675" } .es-icon-videoplay:before { content: "\E677" } .es-icon-chatcircle:before { content: "\E682" } .es-icon-locationcircle:before { content: "\E683" } .es-icon-warning:before { content: "\E685" } .es-icon-eventnote:before { content: "\E686" } .es-icon-localplay:before { content: "\E684" } .es-icon-zuoye:before { content: "\E760" } .es-icon-write:before { content: "\E761" } .es-icon-lock1:before { content: "\E689" } .es-icon-iccheckcircleblack24px:before { content: "\E68B" } .es-icon-viewcomfy:before { content: "\E68C" } .es-icon-calendarok:before { content: "\E6A5" } .es-icon-self:before { content: "\E6C4" } .es-icon-trophy:before { content: "\E691" } .es-icon-iconfontjigou:before { content: "\E6D8" } .es-icon-arrowdropleft:before { content: "\E68F" } .es-icon-money1:before { content: "\E6DD" } .es-icon-hd:before { content: "\E6BB" } .es-icon-activity:before { content: "\E692" } .es-icon-column:before { content: "\E693" } .es-icon-answer:before { content: "\E694" } .es-icon-comment1:before { content: "\E695" } .es-icon-exam:before { content: "\E696" } .es-icon-topic:before { content: "\E697" } .es-icon-target:before { content: "\E698" } .es-icon-homework:before { content: "\E699" } .es-icon-speed:before { content: "\E69A" } .es-icon-lesson:before { content: "\E69B" } .es-icon-addcircle1:before { content: "\E69C" } .es-icon-friends:before { content: "\E69F" } .es-icon-assessment:before { content: "\E6A0" } .es-icon-assignment2:before { content: "\E6A1" } .es-icon-analysis:before { content: "\E6A2" } .es-icon-download:before { content: "\E6A3" } .es-icon-share1:before { content: "\E6CC" } .es-icon-change:before { content: "\E6BC" } .es-icon-icmorevertblack24px:before { content: "\E6A6" } .es-icon-data-order:before { content: "\E6A7" } .es-icon-loading:before { content: "\E688" } .es-icon-zanting:before { content: "\E6A8" } .es-icon-huikanshimiao:before { content: "\E6A9" } .es-icon-quanping:before { content: "\E6AA" } .es-icon-bofang:before { content: "\E6AC" } .es-icon-tuichuquanping:before { content: "\E6AD" } .es-icon-lubogongkaike:before { content: "\E6B0" } .es-icon-putongkecheng:before { content: "\E6B1" } .es-icon-zhibokecheng:before { content: "\E6B2" } .es-icon-zhibokecheng2:before { content: "\E6B3" } .es-icon-zanting1:before { content: "\E6C6" } .es-icon-ting:before { content: "\E6B8" } .es-icon-sun:before { content: "\E6C3" } .es-icon-sousuo:before { content: "\E6B4" } .es-icon-yulan:before { content: "\E6B5" } .es-icon-xinxi:before { content: "\E6B6" } .es-icon-cuowu:before { content: "\E6B7" } .es-icon-yidong:before { content: "\E6B9" } .es-icon-huakuai:before { content: "\E6BA" } .es-icon-iconvolumelow:before { content: "\E6BD" } .es-icon-iconvolumehigh:before { content: "\E6BE" } .es-icon-player-volume-mute:before { content: "\E6BF" } .es-icon-forward5:before { content: "\E6AB" } .es-icon-forward10:before { content: "\E6AE" } .es-icon-replay5:before { content: "\E6AF" } .es-icon-replay10:before { content: "\E6C0" } .es-icon-rewardsolid:before { content: "\E6C2" } .es-icon-zhouqikechengtubiao1:before { content: "\E6C1" } .es-icon-newshotfill:before { content: "\E7C4" } .es-icon-newshot:before { content: "\E7C5" } .es-icon-qiehuan:before { content: "\E6D3" } .es-icon-link1:before { content: "\E6DF" } .es-icon-caret-down-circle:before { content: "\E76F" } .es-icon-caret-up-circle:before { content: "\E771" } .es-icon-trophy1:before { content: "\E6DA" } .es-icon-icon-calendar-o:before { content: "\E6CA" } .es-icon-remen:before { content: "\E6CB" } .es-icon-qr-code:before { content: "\E6DE" } .es-icon-subtitle:before { content: "\E783" } .es-icon--check-circle:before { content: "\E6C7" } .es-icon-undone-check:before { content: "\E6C8" } .es-icon-share_fill:before { content: "\E6D2" } .es-icon-kaoshi:before { content: "\E6D9" } .es-icon-zhuce:before { content: "\E6D4" } .es-icon-denglu:before { content: "\E6D5" } .es-icon-cloud-ask:before { content: "\E95A" } .es-icon-gangweitubiao:before { content: "\E6DB" } .es-icon-jifen:before { content: "\E6DC" } .es-icon-money:before { content: "\E95C" } .es-icon-coupon:before { content: "\E973" } .es-icon-money-bag:before { content: "\E974" } .es-icon-smile:before { content: "\E984" } .es-icon-sad:before { content: "\E985" } .es-icon-smile-o:before { content: "\E986" } .es-icon-sad-o:before { content: "\E987" } .es-icon-new:before { content: "\E983" } .es-icon-hot:before { content: "\E988" } .es-icon-book:before { content: "\E98B" } .es-icon-time:before { content: "\E98C" } .es-icon-event:before { content: "\E98D" } .es-icon-yuyue:before { content: "\E6E1" } .es-icon-double-check:before { content: "\E98E" } .es-icon-list:before { content: "\E98F" } .es-icon-chart:before { content: "\E990" } .es-icon-yiduiyi:before { content: "\E69D" } .es-icon-list-check:before { content: "\E991" } .es-icon-sort:before { content: "\E992" } .es-icon-shuxian:before { content: "\E68D" } .es-icon-success:before { content: "\E6E0" } .es-icon-saoyisao:before { content: "\E700" } .es-icon-xiala:before { content: "\E701" } .es-icon-zhinan:before { content: "\E702" } .img-full { display: block; height: auto; width: 100% } .es-box-shadow { -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) } .group-page .group-post-list .metas { font-size: 12px; color: #999; margin-bottom: 10px } .group-page .group-post-list .metas .floor { float: right } .group-page .group-post-list .content { margin-bottom: 20px; word-break: break-all } .group-page .group-post-list .actions { text-align: right; font-size: 12px; margin: 5px 0 } .group-page .group-post-list .well { background: #f9f9f9 } .group-page .group-post-list .well .actions { text-align: left; margin: 15px 0 } .group-page .hideContent { border: 1px solid #999; padding: 10px } .group-page .hideContent h4 { color: #999; text-align: center; font-size: 14px } .thread-list .media-object { width: 36px } .thread-list .title { vertical-align: middle } .thread-list .metas { font-size: 12px; color: #999 } .thread-list .metas .userImg { vertical-align: bottom } .thread-list .metas .divider { margin: 0 5px; color: #ccc } .group-media-sm { margin-bottom: 15px } .group-media-sm .media-object { width: 60px; height: 60px } .course-title { line-height: 32px; margin: 8px 0 16px } #course-student-list .media { position: relative } #course-student-list .media .progress { position: absolute; top: 12px; left: 180px; width: 150px; margin: 0 } .thread { margin-bottom: 50px; overflow-x: auto; overflow-y: hidden } .thread-header { margin-bottom: 15px } .thread-title { margin: 0; margin-bottom: 5px } .thread-event-title, .thread-title { font-size: 20px; line-height: 36px; padding: 0; word-wrap: break-word; overflow: hidden } .thread-event-title { margin: 0 } .thread-event-title-bar { margin-top: 10px } .thread-metas { color: #999; font-size: 12px } .thread-body { margin-bottom: 15px; word-wrap: break-word; overflow: hidden } .thread-body img { max-width: 100%; height: auto } .thread-footer { text-align: right } .thread-posts-heading { font-size: 18px; padding-bottom: 10px; border-bottom: 3px solid #eee; margin-bottom: 20px; color: #000 } .thread-posts-heading .glyphicon { color: #ccc; font-size: 12px; margin-right: 5px } .thread-post { overflow: visible } .show-user { color: #bdb76b; font-size: 18px } .thread-post pre, .thread pre { overflow-x: scroll; word-wrap: normal } .thread-post-dropdown { float: right; position: relative } .thread-post-dropdown .dropdown-toggle { text-decoration: none } .thread-post .thread-post-dropdown .dropdown-toggle { visibility: hidden } .thread-post:hover .thread-post-dropdown .dropdown-toggle { visibility: visible } .thread-post-action { text-align: right; font-size: 12px; visibility: hidden } .thread-post:hover .thread-post-action { visibility: visible } .thread-list-small { font-size: 13px } .thread-list-small .metas { font-size: 12px; color: #999 } .thread-list-small .metas a { color: #777 } .thread-list-small .thread-item-body { padding-left: 10px; padding-right: 10px } .thread-list-small .thread-item-body .title-icon { display: inline-block; width: 20px } .thread-list-small .thread-item-body .title-icon i { font-size: 14px } .thread-show .thread-breadcrumb { font-size: 13px; margin-bottom: 6px } .thread-show .thread-title { margin-top: 0; margin-bottom: 0; font-size: 18px; color: inherit; font-weight: 700; line-height: 1; display: inline } .thread-show .thread-metas { margin-top: 6px } .thread-post-list .metas { font-size: 13px } .thread-post-list .metas .nickname { font-weight: 700 } .thread-post-list .user-avatar img { width: 48px; height: 48px } .thread-post-list .thread-post-interaction { font-size: 13px } .thread-post-list .thread-post-interaction .interaction { margin-right: 10px } .thread-subpost-list .user-avatar img { width: 32px; height: 32px } .thread-subpost-container { margin-top: 10px; padding: 10px; background-color: #fdfdfd; border-radius: 3px; border: 1px solid #fdfdfd } .thread-subpost-morebar { margin-top: 10px; margin-bottom: 10px; font-size: 13px } .thread-subpost-form { margin-top: 10px } .thread-subpost-list .thread-subpost { margin-top: 10px; padding-bottom: 10px; border-color: #f6f6f6 } .thread-subpost-list .thread-subpost:first-child { margin-top: 0 } .thread-subpost-list .thread-subpost:last-child { padding-bottom: 0 } .thread-post-list .thread-post .thread-post-manage-dropdown { visibility: hidden } .thread-post-list .thread-post:hover .thread-post-manage-dropdown { visibility: visible } .thread-post-list .thread-post:hover .thread-subpost .thread-post-manage-dropdown { visibility: hidden } .thread-post-list .thread-subpost:hover .thread-post-manage-dropdown { visibility: visible !important } .live-label { font-size: 12px; font-weight: 400 } .live-course-list div.course-about { margin: 0 0 5px } .live-course-list .live-course-lesson { font-size: 12px; margin-bottom: 5px; color: #777 } .live-course-list .live-course-lesson .live-time { color: #428bca } .live-rating-course .first-rating { display: block } .live-rating-course .other-rating { display: none } .live-rating-course .rank_num { display: inline-block; background-color: #66bc4e; color: #fff; width: 20px; height: 20px; text-align: center; float: left; margin-right: 10px } .float-consult { position: fixed; right: 0; top: 50%; visibility: hidden; z-index: 999 } .float-consult .popover { width: 250px; color: #444; cursor: default; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text } .float-consult .popover .qrcode { max-width: 220px } .float-consult .consult-contents { display: none } .float-consult .es-icon { font-size: 20px; font-style: normal } #float-consult h3.popover-title { padding: 8px 14px } .float-consult-qq-btn .popover img { width: 25px; height: 25px } .float-consult-qq-btn .popover p { margin: 0 0 6px } .float-consult .btn { padding: 6px 12px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff } .float-consult .btn:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px } .float-consult .btn:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .float-consult .btn-consult-warning { background: #ffa51f; border-color: #ee940e } .float-consult .btn-consult-warning:hover { background: #ee940e; border-color: #dd8300 } .float-consult .btn-consult-danger { background: #ed3e3e; border-color: #dc2d2d } .float-consult .btn-consult-danger:hover { background: #dc2d2d; border-color: #cb1c1c } .float-consult .btn-consult-default { background: #43bc60; border-color: #32ab4f } .float-consult .btn-consult-default:hover { background: #32ab4f; border-color: #219a3e } .conversation-list .media-heading { font-size: 14px; margin-bottom: 10px } .conversation-list .media { cursor: pointer } .conversation-list .media .actions { visibility: hidden } .conversation-list .media:hover .actions { visibility: visible } .conversation-list .conversation-footer { color: #999; font-size: 13px } .notification-list .media-object { color: #999; font-size: 20px } .notification-list .notification-body { margin-bottom: 6px } .notification-list .notification-footer { font-size: 12px; color: #999 } .notification-list blockquote { font-size: 13px; padding: 5px 10px; margin: 5px 0; color: #666 } .message-list .media { border-bottom: none } .message-list .media>.pull-left { margin-right: 0 } .message-list .media>.pull-right { margin-left: 0 } .message-list .popover { position: relative; display: block; margin: 0 20px; max-width: 100% } .message-list .message-me .popover { margin-left: 70px; background: #fafafa } .message-list .message-she .popover { margin-right: 70px } .message-list .popover .arrow { top: 24px } .message-list .message-me .popover .arrow:after { border-left-color: #fafafa } .message-list .message-content { margin-bottom: 10px } .message-list .message-footer { font-size: 12px } .message-list .message-actions { float: right; visibility: hidden } .message-list .media:hover .message-actions { visibility: visible } .notebook-list .media { cursor: pointer } .notebook-list .media-object { max-width: 150px } .notebook-list .notebook-metas { color: #999; margin: 5px 0 10px } .notebook-list .media .notebook-go { visibility: hidden } .notebook-list .media:hover .notebook-go { visibility: visible } .notebook-heading { line-height: 48px; background: #f3f3f3; padding: 8px; border: 1px solid #ccc } .notebook-heading .notebook-back-btn { margin: 11px 10px 0 0 } .notebook-heading .notebook-icon { width: 80px; height: 45px } .notebook-body { border: 1px solid #ccc; border-top-width: 0 } .notebook-note { padding: 15px; border-bottom: 1px solid #e3e3e3 } .notebook-note:hover { background: #f6f6f6 } .notebook-note-collapsed { cursor: pointer } .notebook-note .notebook-note-summary { display: none } .notebook-note-collapsed .notebook-note-summary, .notebook-note .notebook-note-body { display: block } .notebook-note-collapsed .notebook-note-body { display: none } .notebook-note-heading { margin-bottom: 8px; font-weight: 700; color: #444 } .notebook-note-length { font-weight: 400; color: #999; font-size: 12px } .notebook-note-collapse-bar { background: #eee; text-align: center; color: #999; cursor: pointer } .notebook-note-actions { margin: 5px 0 } .note-list .like { cursor: pointer } .note-list .like em { font-style: normal; font-weight: 400 } .note-list .like:hover, .note-list .liked { color: #eb7350 } .es-row-wrap { margin-bottom: 20px; background: #fff; border: 1px solid #e4ecf3; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) } .es-row-wrap .row { margin-left: 10px; margin-right: 10px } .es-row-wrap .page-header { margin-top: 25px } .es-row-wrap .page-header h1 { font-size: 24px; word-break: break-all } .course-wide-list { list-style: none; margin: 0; padding: 0 } .course-wide-list .course-item { border: 1px solid #ddd; margin-bottom: 20px; border-radius: 5px } .course-wide-list .course-item:hover { background: #f9f9f9 } .course-wide-list .course-picture-link { float: left } @media (max-width:600px) { .course-wide-list .course-picture-link { float: none; display: block } } .course-wide-list .course-picture { width: 230px; border-top-left-radius: 4px; border-bottom-left-radius: 4px } @media (max-width:600px) { .course-wide-list .course-picture { display: block; width: 100% } } .course-wide-list.sortable-list .course-picture { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .course-wide-list .course-body { margin: 15px 15px 0 245px } @media (max-width:600px) { .course-wide-list .course-body { margin-left: 15px; margin-bottom: 15px } } .course-wide-list .course-price { color: #e57259; font-size: 16px } .course-wide-list .course-price-info { float: right } .course-wide-list .course-title { margin: 10px 0; word-break: break-all } .course-wide-list .course-title a { color: #555; font-weight: 700 } .course-wide-list .course-title .course-title__plan { font-size: 12px; line-height: 1 } .course-wide-list .course-metas { float: right; text-align: right; margin-top: 10px } .course-wide-list .course-about { margin: 0 0 15px; color: #666 } .course-wide-list .teacher { float: left; width: 180px } .course-wide-list .teacher-avatar { float: left; display: block; width: 30px; height: 30px; border-radius: 3px; margin-right: 5px } .course-wide-list .teacher-nickname { margin-bottom: 8px; font-size: 12px; line-height: 1; font-weight: 700; color: #555 } .course-wide-list .teacher-title { color: #777; font-size: 12px; line-height: 1 } .course-wide-list .divider { width: 1px; border-left: 1px solid #ccc; margin: 0 5px } .courses-selected .course-body { margin: 15px 15px 0 300px } .page-message-container { width: 700px; margin: 0 auto; margin-bottom: 40px } @media (max-width:767px) { .page-message-container { width: 100% } } .modal .page-message-container { width: auto; margin: 20px } .page-message-panel { background: #fff; border: 1px solid #ccc; padding: 50px } .modal .page-message-panel { border: none } .page-message-heading { margin-bottom: 25px } .page-message-title { margin: 0; padding: 0; line-height: 1; font-size: 24px } .page-message-body { font-size: 16px } .promoted-teacher { text-align: center } .promoted-teacher .avatar { width: 80px; height: 80px; border: 3px solid #f5f5f5; border-radius: 50px; display: inline-block } .promoted-teacher .nickname { margin-top: 5px; display: block; color: #333; text-decoration: none } .promoted-teacher .title { margin-top: 3px; color: #777 } .promoted-teacher .about { margin: 5px 0; padding-top: 5px; text-align: left; font-size: 13px; color: #555; border-top: 1px dashed #ccc } .promoted-teacher .more { text-align: right; font-size: 12px } .site-navbar { border-radius: 0; background-color: #363e45; z-index: 1024 } .site-navbar .navbar-brand { color: #fff } .site-navbar .navbar-brand-logo { margin-left: -10px; padding-left: 15px; padding-right: 15px; float: left } .site-navbar .navbar-brand-logo img { height: 50px } .site-navbar .navbar-nav>li>a { color: #fff } .site-navbar .navbar-nav>li>a:focus, .site-navbar .navbar-nav>li>a:hover { background-color: #3a485d } .site-navbar .navbar-nav>.active>a, .site-navbar .navbar-nav>.active>a:focus, .site-navbar .navbar-nav>.active>a:hover, .site-navbar .navbar-nav>.open>a, .site-navbar .navbar-nav>.open>a:focus, .site-navbar .navbar-nav>.open>a:hover { color: #fff; background-color: #3a485d } .site-navbar .badge-container { position: relative } .site-navbar .badge-container .badge { position: absolute; top: 5px; right: 5px; font-size: 11px; background: #f60; padding: 2px 5px; border-radius: 12px } .toolbar-nav .glyphicon-download-alt .badge { padding: 1px 5px; position: absolute; font-style: normal; color: #999; background-color: #ddd } .site-navbar .mobile-badge-container .badge { position: absolute; top: 5px; right: 5px; font-size: 11px; background: #5bc0de; padding: 2px 5px; border-radius: 12px } .status-side ul { padding-left: 0; list-style: none } .status-side li { overflow: hidden } .status-side li img { width: 50px; height: 50px } .text-list { list-style: none; padding: 0; margin: 0 } .text-list li { border-bottom: 1px solid #e3e3e3; padding: 8px 0 } .money { color: #f40; font-size: 22px } .origin-price { font-size: 12px } .datetimepicker table tr td.active.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover.active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active:hover:active { background: #43bc60 } .es-footer { position: relative } .es-footer .copyright { background: #212121; border-top: 1px solid #444; text-align: center; padding: 20px 0; line-height: 30px; color: #c1c1c1 } @media (max-width:767px) { .es-footer .copyright { padding: 10px 0; line-height: 20px } } .es-footer .copyright a { color: #c1c1c1 } .es-footer .copyright a, .es-footer .copyright a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .es-footer .copyright a:hover { color: #fff } .es-footer-link { background: #fff !important; padding: 40px 0 0 !important; } @media (max-width:767px) { .es-footer-link { padding: 20px 0 } } .footer-main .link-item { /* width: 20%; */ float: left; padding: 0 10px; white-space: nowrap; text-align: left; margin-right: 70px; } @media (max-width:767px) { .footer-main .link-item { width: 33.33%; padding: 0 5px } } .footer-main h3 { font-size: 16px; color: #2F3C52; margin-top: 0; margin-bottom: 20px; font-weight: 700; } @media (max-width:767px) { .footer-main h3 { font-size: 16px; margin-bottom: 20px } } .footer-main ul { padding: 0; margin-bottom: 0; list-style-type: none; color: #2F3C52; margin-top: 20px; } .footer-main ul li { margin-top: 10px } .footer-main ul li a, .footer-main ul li a:hover { color: #909EAB; } @media (max-width:767px) { .footer-main ul li { margin-top: 10px } } .footer_top { display: block; } .footer_zh { /* display: none; */ height: 1px; } @media screen and (min-width:768px) and (max-width:992px) { .footer_zh { display: block; } } @media screen and (min-width:768px) and (max-width:1200px) { .footer-main h3 { margin-right: 50px; } } @media (max-width:992px) { .footer_top { display: none; } .es-footer-link .copyright { border-top: none !important; padding: 30px 0 50px !important; } .es-footer-link { padding: 0 !important; border-bottom: none !important; } } .footer-main a { color: #c1c1c1 } .footer-main a, .footer-main a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .footer-main a:hover { color: #fff } .footer-twoCode { display: flex; float: right !important; margin-bottom: 50px; } .footer-twoCode .img-wrap { margin: 0 15px; } .footer-twoCode .img-wrap img { width: 100px; } .footer-twoCode .img-wrap p { line-height: 40px; } .footer_logo_a img { width: 138px; height: 40px; } .footer-logo { margin-top: 10px; text-align: center } .footer-logo>a>img { height: 64px } .footer-logo .footer-sns { margin-top: 30px } .footer-logo .footer-sns>a { display: inline-block } .footer-logo .footer-sns i { display: block; width: 40px; height: 40px; line-height: 40px; margin: 0 10px; font-size: 24px; vertical-align: middle; border-radius: 50%; color: #fff; text-align: center } .footer-logo .footer-sns i, .footer-logo .footer-sns i:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .footer-logo .footer-sns i.es-icon-weibo { background: #e6162d } .footer-logo .footer-sns i.es-icon-weibo:hover { background: #c4000b } .footer-logo .footer-sns i.es-icon-weixin { background: #1ec354 } .footer-logo .footer-sns i.es-icon-weixin:hover { background: #00a132 } .footer-logo .footer-sns i.es-icon-apple { background: #3793f1 } .footer-logo .footer-sns i.es-icon-apple:hover { background: #1571cf } .footer-logo .footer-sns i.es-icon-android { background: #78c257 } .footer-logo .footer-sns i.es-icon-android:hover { background: #56a035 } .navbar-mobile { position: absolute; top: 0; left: 0 } .navbar-mobile .navbar-more { position: relative; padding: 18px 10px; line-height: 20px; display: block; color: #fff; z-index: 1001 } .navbar-mobile .nav-mobile { position: absolute; left: 0; top: 0; bottom: 0; width: 250px; overflow-x: hidden; overflow-y: auto; background: #3f3f3f; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .navbar-mobile .nav { float: none; text-align: left; padding: 0 20px } .navbar-mobile .dropdown-menu>li>a { color: #fff } .navbar-mobile .navbar-form { width: 80%; margin: 45px auto 20px } .navbar-mobile .navbar-form .form-control { width: 100% } body { background: #f5f8fa; word-wrap: break-word; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body.bg-blank { /* background-color: #fff */ } html { height: 100% } html.nav-active, html.nav-active body { position: relative; overflow: hidden; height: 100% } .es-wrap.nav-active { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; transform: translate3d(-250px, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0) } .html-mask.active { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; overflow: hidden; background: rgba(0, 0, 0, .2); -webkit-backface-visibility: hidden } #content-container { margin: 20px auto; /* min-height: 400px; */ min-height: 100vh; } @media (max-width:767px) { #content-container { min-height: 250px; margin: 45px auto 0; } } .type-hidden { display: block !important; height: 0 !important; border: 0; opacity: 0; filter: alpha(opacity=0); padding: 0 !important; margin: 0 !important } .border-radius-none { border-radius: 0 !important } .es-icon { line-height: 1 } .caret { border-top: 4px solid } .tooltip { min-width: 40px } .affix, .affix-bottom { z-index: 1 } .cke_inner { border-radius: 4px } .cke_top { border-top-left-radius: 4px; border-top-right-radius: 4px } .cke_reset { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .cke_chrome { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-color: #e1e1e1 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important } .cke_bottom { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .cke_editable { font-size: 13px; line-height: 1.6; word-wrap: break-word } .cke_editable img { max-width: 100% } .cke_editable blockquote { padding: 2px 0; font-style: italic; font-family: Georgia, Times, Times New Roman, serif; font-size: 13px; border: 0 solid #ccc } .cke_editable blockquote p { margin: 10px 0 } .cke_editable.cke_contents_ltr blockquote { font-size: 13px; color: #000; padding-left: 20px; padding-right: 8px; border-left-width: 5px } .cke_editable.cke_contents_rtl blockquote { padding-left: 8px; padding-right: 20px; border-right-width: 5px } .editor-text img { max-width: 100% !important; height: auto !important } .webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px) } .short-long-text .short-text { cursor: pointer } .short-long-text .long-text { cursor: pointer; display: none } .section-gray, .section-gray .text-line h5>span { background-color: #f5f8fa !important } .section-wihte, .section-wihte .text-line h5>span { background-color: #fff !important } .divider-line { border-bottom: 1px solid #f5f5f5 } .h400 { min-height: 400px } .empty { text-align: center; color: #c1c1c1; padding: 20px 0 } a { color: #43bc60 } a:focus, a:hover { color: #36964d } a.transition, a.transition:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .underline, .underline:hover { text-decoration: underline } .ellipsis, .text-overflow { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-80px) } to { opacity: 1; -moz-transform: translateX(0) } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-80px) } to { opacity: 1; -o-transform: translateX(0) } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(80px) } to { opacity: 1; -moz-transform: translateY(0) } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(80px) } to { opacity: 1; -o-transform: translateY(0) } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(80px) } to { opacity: 1; -moz-transform: translateX(0) } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(80px) } to { opacity: 1; -o-transform: translateX(0) } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-80px) } to { opacity: 1; -moz-transform: translateY(0) } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-80px) } to { opacity: 1; -o-transform: translateY(0) } } @keyframes rotate { 0% { transform: scale(1) } 50% { transform: scale(1.5) } to { transform: scale(1) } } @-moz-keyframes rotate { 0% { -moz-transform: scale(1) } 50% { -moz-transform: scale(1.5) } to { -moz-transform: scale(1) } } @-webkit-keyframes rotate { 0% { -webkit-transform: scale(1) } 50% { -webkit-transform: scale(1.5) } to { -webkit-transform: scale(1) } } @-o-keyframes rotate { 0% { -o-transform: scale(1) } 50% { -o-transform: scale(1.5) } to { -o-transform: scale(1) } } @-webkit-keyframes loader-scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 45% { -webkit-transform: scale(.1); transform: scale(.1); opacity: .7 } 80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes loader-scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 45% { -webkit-transform: scale(.1); transform: scale(.1); opacity: .7 } 80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .card-loader { color: #919191; line-height: 20px; text-align: center } .loader-inner>span { background-color: #43bc60; width: 5px; height: 5px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block } .loader-inner>span.nth-child(1) { -webkit-animation: loader-scale .75s .12s infinite cubic-bezier(.2, .68, .18, 1.08); animation: loader-scale .75s .12s infinite cubic-bezier(.2, .68, .18, 1.08) } .loader-inner>span:nth-child(2) { -webkit-animation: loader-scale .75s .24s infinite cubic-bezier(.2, .68, .18, 1.08); animation: loader-scale .75s .24s infinite cubic-bezier(.2, .68, .18, 1.08) } .loader-inner>span:nth-child(3) { -webkit-animation: loader-scale .75s .36s infinite cubic-bezier(.2, .68, .18, 1.08); animation: loader-scale .75s .36s infinite cubic-bezier(.2, .68, .18, 1.08) } @-webkit-keyframes nextshake { 0% { opacity: 1; -webkit-transform: translateY(-2px) } 50% { -webkit-transform: translateY(2px) } to { opacity: 1; -webkit-transform: translateY(-2px) } } @keyframes nextshake { 0% { opacity: 1; transform: translateY(-2px) } 50% { transform: translateY(2px) } to { opacity: 1; transform: translateY(-2px) } } .es-transup, .es-transup:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .es-transup:hover { transform: translateY(-6px); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3); -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3); -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3) } /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden /* */ .animated { -webkit-animation-duration: .75s; animation-duration: .75s; -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, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .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%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .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%, to { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(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%, to { -webkit-transform: translateZ(0); transform: translateZ(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 headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(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) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg) } to { -webkit-transform: none; transform: none } } @keyframes wobble { 0% { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg) } to { -webkit-transform: none; transform: none } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%, 11.1%, to { -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(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 0%, 11.1%, to { -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(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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) } to { -webkit-transform: none; transform: none } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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) } to { -webkit-transform: none; transform: none } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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) } to { -webkit-transform: none; transform: none } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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) } to { -webkit-transform: none; transform: none } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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) } to { -webkit-transform: none; transform: none } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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) } to { -webkit-transform: none; transform: none } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .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) } to { 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) } to { 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) } to { 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) } to { 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) } to { 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) } to { 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) } to { 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) } to { 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 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 1; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { 0% { opacity: 1; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownSmall { 0% { opacity: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDownSmall { 0% { opacity: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDownSmall { -webkit-animation-name: fadeInDownSmall; animation-name: fadeInDownSmall } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { 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) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { 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) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { 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) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { 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) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { 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) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes fadeOutDown { 0% { opacity: 1 } to { 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 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { 0% { opacity: 1 } to { 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 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { 0% { opacity: 1 } to { 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 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { 0% { opacity: 1 } to { 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 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes fadeOutRight { 0% { opacity: 1 } to { 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 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { 0% { opacity: 1 } to { 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 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes fadeOutUp { 0% { opacity: 1 } to { 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 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { 0% { opacity: 1 } to { 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) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -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) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -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) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -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) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -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) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(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) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(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 } to { -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 } to { -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 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { opacity: 1 } to { -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: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -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: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -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: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -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: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -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: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -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: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -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: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -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: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -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: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -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: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -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 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(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 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(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 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-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 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-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 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(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: rotate(80deg); transform: rotate(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: rotate(60deg); transform: rotate(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 } to { -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: rotate(80deg); transform: rotate(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: rotate(60deg); transform: rotate(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 } to { -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) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.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(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.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(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .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 } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(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 } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(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 } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(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 } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { 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: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { 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: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { 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: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .bg-gray { background-color: #919191 !important } .bg-gray-lighter { background-color: #f5f5f5 !important } .bg-color { background-color: #fafafa !important } .bg-border-color { background-color: #e4ecf3 !important } .bg-danger { background-color: #ed3e3e !important } .bg-primary, .bg-primary-hover:hover, .bg-success { background-color: #43bc60 !important } .bg-warning { background-color: #ffa51f !important } .border-gray { border-color: #e4ecf3 !important } .border-top-gray-lighter { border-top: 1px solid #f5f5f5 } .color-primary { color: #43bc60 !important } .color-warning { color: #ffa51f !important } .color-success { /* color: #43bc60!important */ color: #0081cc !important } /* .task-state-modal .color-success { color: #0081cc !important } */ .color-info { color: #278bf5 !important } .color-danger { color: #ed3e3e !important } .color-yellow { color: #fbc02d !important } .gray-darker { color: #313131 !important } .gray-dark { color: #616161 !important } .color-gray { color: #919191 !important } .color-white { color: #fff !important } .gray-medium { color: #c1c1c1 !important } .gray-light { color: #e1e1e1 !important } .gray-lighter { color: #f5f5f5 !important } .mt0 { margin-top: 0 !important } .mt5 { margin-top: 5px !important } .mt10 { margin-top: 10px !important } .mt20 { margin-top: 20px !important } .mr0 { margin-right: 0 !important } .mr5 { margin-right: 5px !important } .mr10 { margin-right: 10px !important } .mr20 { margin-right: 20px !important } .mb0 { margin-bottom: 0 !important } .mb5 { margin-bottom: 5px !important } .mb10 { margin-bottom: 10px !important } .mb15 { margin-bottom: 15px !important } .mb20 { margin-bottom: 20px !important } .mb12 { margin-bottom: 12px !important } .ml0 { margin-left: 0 !important } .ml5 { margin-left: 5px !important } .ml10 { margin-left: 10px !important } .ml20 { margin-left: 20px !important } .mh0 { margin-left: 0 !important; margin-right: 0 !important } .mh5 { margin-left: 5px !important; margin-right: 5px !important } .mh10 { margin-left: 10px !important; margin-right: 10px !important } .mh20 { margin-left: 20px !important; margin-right: 20px !important } .mv0 { margin-top: 0 !important; margin-bottom: 0 !important } .mv5 { margin-top: 5px !important; margin-bottom: 5px !important } .mv10 { margin-top: 10px !important; margin-bottom: 10px !important } .mv20 { margin-top: 20px !important; margin-bottom: 20px !important } .pt0 { padding-top: 0 !important } .pt5 { padding-top: 5px !important } .pt10 { padding-top: 10px !important } .pt20 { padding-top: 20px !important } .pt30 { padding-top: 30px !important } .pr0 { padding-right: 0 !important } .pr5 { padding-right: 5px !important } .pr10 { padding-right: 10px !important } .pr20 { padding-right: 20px !important } .pb0 { padding-bottom: 0 !important } .pb5 { padding-bottom: 5px !important } .pb10 { padding-bottom: 10px !important } .pb20 { padding-bottom: 20px !important } .pl0 { padding-left: 0 !important } .pl5 { padding-left: 5px !important } .pl10 { padding-left: 10px !important } .pl20 { padding-left: 20px !important } .ph0 { padding-left: 0 !important; padding-right: 0 !important } .ph5 { padding-left: 5px !important; padding-right: 5px !important } .ph10 { padding-left: 10px !important; padding-right: 10px !important } .ph20 { padding-left: 20px !important; padding-right: 20px !important } .pv0 { padding-top: 0 !important; padding-bottom: 0 !important } .pv5 { padding-top: 5px !important; padding-bottom: 5px !important } .pv10 { padding-top: 10px !important; padding-bottom: 10px !important } .pv20 { padding-top: 20px !important; padding-bottom: 20px !important } .mts { margin-top: 5px !important } .mtm { margin-top: 10px !important } .mtl { margin-top: 20px !important } .mrs { margin-right: 5px !important } .mrm { margin-right: 10px !important } .mrl { margin-right: 20px !important } .mbs { margin-bottom: 5px !important } .mbm { margin-bottom: 10px !important } .mbl { margin-bottom: 20px !important } .mb20 { margin-bottom: 30px !important } .mls { margin-left: 5px !important } .mlm { margin-left: 10px !important } .mll { margin-left: 20px !important } .mhs { margin-left: 5px !important; margin-right: 5px !important } .mhm { margin-left: 10px !important; margin-right: 10px !important } .mhl { margin-left: 20px !important; margin-right: 20px !important } .mvs { margin-top: 5px !important; margin-bottom: 5px !important } .mvm { margin-top: 10px !important; margin-bottom: 10px !important } .mvl { margin-top: 20px !important; margin-bottom: 20px !important } .pts { padding-top: 5px !important } .ptm { padding-top: 10px !important } .ptl { padding-top: 20px !important } .prs { padding-right: 5px !important } .prm { padding-right: 10px !important } .prl { padding-right: 20px !important } .pbs { padding-bottom: 5px !important } .pbm { padding-bottom: 10px !important } .pbl { padding-bottom: 20px !important } .pls { padding-left: 5px !important } .plm { padding-left: 10px !important } .pll { padding-left: 20px !important } .phs { padding-left: 5px !important; padding-right: 5px !important } .phm { padding-left: 10px !important; padding-right: 10px !important } .phl { padding-left: 20px !important; padding-right: 20px !important } .pvs { padding-top: 5px !important; padding-bottom: 5px !important } .pvm { padding-top: 10px !important; padding-bottom: 10px !important } .pvl { padding-top: 20px !important; padding-bottom: 20px !important } .text-normal { font-weight: 400 !important } .text-blod { font-weight: 700 !important } .text-left { text-align: left !important } .text-right { text-align: right !important } .text-center { text-align: center !important } .text-12 { font-size: 12px !important } .text-14 { font-size: 14px !important } .text-16 { font-size: 16px !important } .text-18 { font-size: 18px !important } .text-20 { font-size: 20px !important } .text-22 { font-size: 22px !important } .text-24 { font-size: 24px !important } .text-36 { font-size: 36px !important } .text-sm { font-size: 12px !important } .text-md { font-size: 14px !important } .text-lg { font-size: 16px !important } .text-xlg { font-size: 18px !important } .cursor-default { cursor: default } .cursor-pointer { cursor: pointer } .link-darker { color: #313131 !important; cursor: pointer } .link-darker, .link-darker:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .link-darker:hover { color: #43bc60 !important } .link-dark { cursor: pointer; color: #616161 !important } .link-dark, .link-dark:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .link-dark:hover { color: #43bc60 !important } .link-gray { cursor: pointer; color: #919191 !important } .link-gray, .link-gray:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .link-gray:hover { color: #43bc60 !important } .link-light { cursor: pointer; color: #e1e1e1 !important } .link-light, .link-light:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .link-light:hover { color: #43bc60 !important } .link-lighter { cursor: pointer; color: #f5f5f5 !important } .link-lighter, .link-lighter:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .link-lighter:hover { color: #43bc60 !important } .link-medium { cursor: pointer; color: #c1c1c1 !important } .link-medium, .link-medium:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .link-medium:hover { color: #43bc60 !important } .link-white { cursor: pointer; color: #fff !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .link-primary, .link-white:hover { color: #43bc60 !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .link-primary { cursor: pointer } .link-primary:hover { color: #36964d !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .inline-block { display: inline-block !important } .vertical-top { vertical-align: top !important } .vertical-middle { vertical-align: middle !important } .vertical-bottom { vertical-align: bottom !important } .select2-container { margin-left: 0; margin-right: 0; border: 0; padding: 0; float: none } .select2-container-multi .select2-choices { background-image: none; filter: none; height: 34px; min-height: 34px; line-height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #e1e1e1; -webkit-transition: border .2s linear, box-shadow .2s linear; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border .2s linear, box-shadow .2s linear } .select2-drop.select2-drop-above { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important } .select2-container-multi.select2-container-active .select2-choices { box-shadow: none !important } .select2-container-multi .select2-choices .select2-search-field input { min-height: 30px } .select2-container-multi .select2-choices .select2-search-choice { margin-top: 5px; background-image: none; background-color: #f1f1f1; border-color: #ddd } .form-group .select2-container .select2-choice { height: 34px; line-height: 34px } .form-group .select2-container .select2-choice .select2-arrow b, .form-group .select2-container .select2-choice abbr, .form-group .select2-search-choice-close, .form-group .select2-search input { background-size: 60px 40px !important } .select2-container .select2-choice .select2-arrow { top: 2px } .select2-offscreen { border-radius: 4px; padding: 6px; border: 1px solid #e1e1e1 } .select2-search-choice-close { top: 3px } .select2-container-active .select2-choice, .select2-container-active .select2-choices, .select2-drop-active { border-color: #43bc60 !important } .select2-results .select2-highlighted { background: #43bc60 !important } .select2-container-multi.select2-container-active .select2-choices, .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #43bc60 !important } .sortable-list li .sort-handle { color: #ccc; display: inline-block; float: left; cursor: pointer; margin-right: 5px } .sortable-list li .sort-handle:hover { color: #666 } .sortable-list li:hover .sort-handle { visibility: visible; color: #999 } .noUi-target { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none } .noUi-horizontal { width: 300px; height: 4px } .noUi-horizontal .noUi-handle { height: 14px; width: 14px; left: -7px; top: -5px; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .noUi-horizontal .noUi-handle:after, .noUi-horizontal .noUi-handle:before { display: none } .noUi-horizontal .noUi-handle:hover .score-tooltip .tooltip { opacity: 1; filter: alpha(opacity=100) } .noUi-horizontal .noUi-handle .score-tooltip { position: absolute; top: -34px; left: 0; width: 150px; margin-left: -75px; text-align: center } .noUi-horizontal .noUi-handle .score-tooltip .tooltip { position: relative; display: inline-block } .noUi-horizontal .noUi-tooltip { bottom: -33px; background-color: transparent; border-color: transparent; color: #43bc60 } .noUi-base { background-color: #e1e1e1; height: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none } .noUi-base, .noUi-connect { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .noUi-connect { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #43bc60 } .ckeditor-balloon-uploader .balloon-filelist ul { max-height: 200px !important } @media (max-width:767px) { .ckeditor-balloon-uploader .balloon-uploader-body .balloon-filelist .balloon-filelist-heading, .ckeditor-balloon-uploader .balloon-uploader-body .balloon-filelist ul li { overflow: hidden } .ckeditor-balloon-uploader .balloon-uploader-body .balloon-filelist .file-name, .ckeditor-balloon-uploader .balloon-uploader-body .balloon-filelist .file-remove, .ckeditor-balloon-uploader .balloon-uploader-body .balloon-filelist .file-size, .ckeditor-balloon-uploader .balloon-uploader-body .balloon-filelist .file-status { padding: 4px !important; float: left; margin-right: 0 } .ckeditor-balloon-uploader .balloon-uploader-body .balloon-filelist .file-name { width: 30% } .ckeditor-balloon-uploader .balloon-uploader-body .balloon-filelist .file-size { width: 30%; position: static } .ckeditor-balloon-uploader .balloon-uploader-body .balloon-filelist .file-status { width: 25%; position: static } .ckeditor-balloon-uploader .balloon-uploader-body .balloon-filelist .file-remove { width: 15% } } /* 新首页轮播 */ /* 新首页导航 */ .banner-img-wrap { /* position: relative;*/ padding-top: 20px; transition: all 3s ease-in; } .banner-img-wrap .swiper-container { max-width: 1140px; width: 96vw; } .banner-img-wrap .index-banner a { display: block; width: 100%; height: 100%; } .banner-img-wrap .index-banner img, .banner-img-wrap .mobile-banner img { width: 100%; border-radius: 6px; } .banner-img-wrap .swiper-pagination-bullet { margin: 0 4px; width: 9px; height: 9px; display: inline-block; border-radius: 50%; background: rgba(255, 255, 255, 0.50); border: 0 solid #fff; } .banner-img-wrap .swiper-pagination-white .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 0.80); border-radius: 5px; width: 18px; } .banner-img-wrap .swiper-pager { position: absolute; bottom: 20px; z-index: 100; width: calc(100% + 260px); text-align: center; } .banner-img-wrap .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .banner-img-wrap .swiper-button-next { right: 20px; width: 35px; height: 64px; background-color: rgba(0, 0, 0, 0); background-size: 14px 24px; opacity: 0.2; transition: all .3s ease; } .banner-img-wrap .swiper-button-prev { left: 20px; width: 35px; height: 64px; background-color: rgba(0, 0, 0, 0); background-size: 14px 24px; opacity: 0.2; transition: all .3s ease; } .banner-img-wrap .swiper-button-prev:hover, .banner-img-wrap .swiper-button-next:hover { opacity: 1; background-color: rgba(0, 0, 0, 0.5); transition: all .3s ease; } @media (max-width:1079px) { .banner-img-wrap { /* padding-top: 10px; */ background: none !important } .banner-img-wrap .swiper-button-next, .banner-img-wrap .swiper-button-prev, .banner-img-wrap .hot-classify-wrap { display: none; } .banner-img-wrap .swiper-pager { width: 100%; bottom: 12px; } .banner-img-wrap .swiper-container, .banner-img-wrap .index-banner img, .banner-img-wrap .mobile-banner img { width: 92vw; } } /* 新首页导航end */ /* .swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translateZ(0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translateZ(0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translateZ(0); -o-transition-timing-function: ease; -o-transform: translate(0); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translateZ(0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translateZ(0); transition-timing-function: ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .swiper-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .swiper-hidden { visibility: hidden!important; height: 0!important } .swiper-hidden:first-child { visibility: visible!important; height: 100%!important } .arrow-left, .arrow-right { position: absolute; top: 50%; margin-top: -25px; color: #dbdbdb; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .arrow-left>i, .arrow-right>i { font-size: 50px } .arrow-left:focus, .arrow-right:focus { color: #dbdbdb } .arrow-left:hover, .arrow-right:hover { color: #616161; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .arrow-left { left: -50px } .arrow-right { right: -50px } .swiper-wp8-horizontal { -ms-touch-action: pan-y } .swiper-wp8-vertical { -ms-touch-action: pan-x } */ .local-video-player .vjs-default-skin { color: #ccc } @font-face { font-family: VideoJS; src: url(/static-dist/app/fonts/vjs.eot); src: url(/static-dist/app/fonts/vjs.eot?#iefix) format("embedded-opentype"), url(/static-dist/app/fonts/vjs.woff) format("woff"), url(/static-dist/app/fonts/vjs.ttf) format("truetype"); font-weight: 400; font-style: normal } .local-video-player .vjs-default-skin .vjs-slider { outline: 0; position: relative; cursor: pointer; padding: 0; background-color: #333; background-color: rgba(51, 51, 51, .9) } .local-video-player .vjs-default-skin .vjs-slider:focus { -webkit-box-shadow: 0 0 2em #fff; -moz-box-shadow: 0 0 2em #fff; box-shadow: 0 0 2em #fff } .local-video-player .vjs-default-skin .vjs-slider-handle { position: absolute; left: 0; top: 0 } .local-video-player .vjs-default-skin .vjs-slider-handle:before { content: "\E009"; font-family: VideoJS; font-size: 1em; line-height: 1; text-align: center; text-shadow: 0 0 1em #fff; position: absolute; top: 0; left: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } .local-video-player .vjs-default-skin .vjs-control-bar { display: none; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #07141e; background-color: rgba(7, 20, 30, .7) } .local-video-player .vjs-default-skin.vjs-has-started .vjs-control-bar { display: block; visibility: visible; opacity: 1; -webkit-transition: visibility .1s, opacity .1s; -moz-transition: visibility .1s, opacity .1s; -o-transition: visibility .1s, opacity .1s; transition: visibility .1s, opacity .1s } .local-video-player .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { display: block; visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s } .local-video-player .vjs-default-skin.vjs-controls-disabled .vjs-control-bar, .local-video-player .vjs-default-skin.vjs-using-native-controls .vjs-control-bar { display: none } .local-video-player .vjs-default-skin .vjs-control { outline: none; position: relative; float: left; text-align: center; margin: 0; padding: 0; height: 3em; width: 4em } .local-video-player .vjs-default-skin .vjs-control:before { font-family: VideoJS; font-size: 1.5em; line-height: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5) } .local-video-player .vjs-default-skin .vjs-control:focus:before, .local-video-player .vjs-default-skin .vjs-control:hover:before { text-shadow: 0 0 1em #fff } .local-video-player .vjs-default-skin .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .local-video-player .vjs-default-skin .vjs-play-control { width: 5em; cursor: pointer } .local-video-player .vjs-default-skin .vjs-play-control:before { content: "\E001" } .local-video-player .vjs-default-skin.vjs-playing .vjs-play-control:before { content: "\E002" } .local-video-player .vjs-default-skin .vjs-mute-control, .local-video-player .vjs-default-skin .vjs-volume-menu-button { cursor: pointer; float: right } .local-video-player .vjs-default-skin .vjs-mute-control:before, .local-video-player .vjs-default-skin .vjs-volume-menu-button:before { content: "\E006" } .local-video-player .vjs-default-skin .vjs-mute-control.vjs-vol-0:before, .local-video-player .vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before { content: "\E003" } .local-video-player .vjs-default-skin .vjs-mute-control.vjs-vol-1:before, .local-video-player .vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before { content: "\E004" } .local-video-player .vjs-default-skin .vjs-mute-control.vjs-vol-2:before, .local-video-player .vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before { content: "\E005" } .local-video-player .vjs-default-skin .vjs-volume-control { width: 5em; float: right } .local-video-player .vjs-default-skin .vjs-volume-bar { width: 5em; height: .6em; margin: 1.1em auto 0 } .local-video-player .vjs-default-skin .vjs-volume-menu-button .vjs-menu-content { height: 2.9em } .local-video-player .vjs-default-skin .vjs-volume-level { position: absolute; top: 0; left: 0; height: .5em; background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat } .local-video-player .vjs-default-skin .vjs-volume-bar .vjs-volume-handle { width: .5em; height: .5em } .local-video-player .vjs-default-skin .vjs-volume-handle:before { font-size: .9em; top: -.2em; left: -.2em; width: 1em; height: 1em } .local-video-player .vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content { width: 6em; left: -4em } .local-video-player .vjs-default-skin .vjs-progress-control { position: absolute; left: 0; right: 0; width: auto; font-size: .3em; height: 1em; top: -1em; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s } .local-video-player .vjs-default-skin:hover .vjs-progress-control { font-size: .9em; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s } .local-video-player .vjs-default-skin .vjs-progress-holder { height: 100% } .local-video-player .vjs-default-skin .vjs-progress-holder .vjs-load-progress, .local-video-player .vjs-default-skin .vjs-progress-holder .vjs-play-progress { position: absolute; display: block; height: 100%; margin: 0; padding: 0; left: 0; top: 0 } .local-video-player .vjs-default-skin .vjs-play-progress { background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat } .local-video-player .vjs-default-skin .vjs-load-progress { background: #646464; background: hsla(0, 0%, 100%, .4) } .local-video-player .vjs-default-skin .vjs-seek-handle { width: 1.5em; height: 100% } .local-video-player .vjs-default-skin .vjs-seek-handle:before { padding-top: .1em } .local-video-player .vjs-default-skin .vjs-time-controls { font-size: 1em; line-height: 3em } .local-video-player .vjs-default-skin .vjs-current-time, .local-video-player .vjs-default-skin .vjs-duration { float: left } .local-video-player .vjs-default-skin .vjs-remaining-time { display: none; float: left } .local-video-player .vjs-time-divider { float: left; line-height: 3em } .local-video-player .vjs-default-skin .vjs-fullscreen-control { width: 3.8em; cursor: pointer; float: right } .local-video-player .vjs-default-skin .vjs-fullscreen-control:before { content: "\E000" } .local-video-player .vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before { content: "\E00B" } .local-video-player .vjs-default-skin .vjs-big-play-button { left: .5em; top: .5em; font-size: 3em; display: block; z-index: 2; position: absolute; width: 4em; height: 2.6em; text-align: center; vertical-align: middle; cursor: pointer; opacity: 1; background-color: #07141e; background-color: rgba(7, 20, 30, .7); border: .1em solid #3b4249; -webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em; -webkit-box-shadow: 0 0 1em hsla(0, 0%, 100%, .25); -moz-box-shadow: 0 0 1em hsla(0, 0%, 100%, .25); box-shadow: 0 0 1em hsla(0, 0%, 100%, .25); -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s } .local-video-player .vjs-default-skin.vjs-controls-disabled .vjs-big-play-button, .local-video-player .vjs-default-skin.vjs-has-started .vjs-big-play-button, .local-video-player .vjs-default-skin.vjs-using-native-controls .vjs-big-play-button { display: none } .local-video-player .vjs-default-skin .vjs-big-play-button:focus, .local-video-player .vjs-default-skin:hover .vjs-big-play-button { outline: 0; border-color: #fff; background-color: #505050; background-color: rgba(50, 50, 50, .75); -webkit-box-shadow: 0 0 3em #fff; -moz-box-shadow: 0 0 3em #fff; box-shadow: 0 0 3em #fff; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s } .local-video-player .vjs-default-skin .vjs-big-play-button:before { content: "\E001"; font-family: VideoJS; line-height: 2.6em; text-shadow: .05em .05em .1em #000; text-align: center; position: absolute; left: 0; width: 100%; height: 100% } .local-video-player .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; font-size: 5em; line-height: 1; width: 1em; height: 1em; margin-left: -.5em; margin-top: -.5em; opacity: .75; -webkit-animation: spin 1.5s infinite linear; -moz-animation: spin 1.5s infinite linear; -o-animation: spin 1.5s infinite linear; animation: spin 1.5s infinite linear } .local-video-player .vjs-default-skin .vjs-loading-spinner:before { content: "\E00A"; font-family: VideoJS; position: absolute; top: 0; left: 0; width: 1em; height: 1em; text-align: center; text-shadow: 0 0 .1em #000 } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg) } to { -moz-transform: rotate(359deg) } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(359deg) } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg) } to { -o-transform: rotate(359deg) } } @keyframes spin { 0% { transform: rotate(0deg) } to { transform: rotate(359deg) } } .local-video-player .vjs-default-skin .vjs-menu-button { float: right; cursor: pointer } .local-video-player .vjs-default-skin .vjs-menu { display: none; position: absolute; bottom: 0; left: 0; width: 0; height: 0; margin-bottom: 3em; border-left: 2em solid transparent; border-right: 2em solid transparent; border-top: 1.55em solid #000; border-top-color: rgba(7, 40, 50, .5) } .local-video-player .vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; position: absolute; width: 10em; bottom: 1.5em; max-height: 15em; overflow: auto; left: -5em; background-color: #07141e; background-color: rgba(7, 20, 30, .7); -webkit-box-shadow: -.2em -.2em .3em hsla(0, 0%, 100%, .2); -moz-box-shadow: -.2em -.2em .3em hsla(0, 0%, 100%, .2); box-shadow: -.2em -.2em .3em hsla(0, 0%, 100%, .2) } .local-video-player .vjs-default-skin .vjs-menu-button:hover .vjs-menu { display: block } .local-video-player .vjs-default-skin .vjs-menu-button ul li { list-style: none; margin: 0; padding: .3em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase } .local-video-player .vjs-default-skin .vjs-menu-button ul li.vjs-selected { background-color: #000 } .local-video-player .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus, .local-video-player .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover, .local-video-player .vjs-default-skin .vjs-menu-button ul li:focus, .local-video-player .vjs-default-skin .vjs-menu-button ul li:hover { outline: 0; color: #111; background-color: #fff; background-color: hsla(0, 0%, 100%, .75); -webkit-box-shadow: 0 0 1em #fff; -moz-box-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff } .local-video-player .vjs-default-skin .vjs-menu-button ul li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 .3em; font-weight: 700; cursor: default } .local-video-player .vjs-default-skin .vjs-subtitles-button:before { content: "\E00C" } .local-video-player .vjs-default-skin .vjs-captions-button:before { content: "\E008" } .local-video-player .vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before, .local-video-player .vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before { -webkit-box-shadow: 0 0 1em #fff; -moz-box-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff } .local-video-player .video-js { background-color: #000; position: relative; padding: 0; font-size: 10px; vertical-align: middle; font-weight: 400; font-style: normal; font-family: Arial, sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .local-video-player .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .local-video-player .video-js:-moz-full-screen { position: absolute } .local-video-player body.vjs-full-window { padding: 0; margin: 0; height: 100%; overflow-y: auto } .local-video-player .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; width: 100% !important; height: 100% !important; _position: absolute } .local-video-player .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important } .local-video-player .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none } .local-video-player .vjs-poster { background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; cursor: pointer; height: 100%; margin: 0; padding: 0; position: relative; width: 100% } .local-video-player .vjs-poster img { display: block; margin: 0 auto; max-height: 100%; padding: 0; width: 100% } .local-video-player .video-js.vjs-using-native-controls .vjs-poster { display: none } .local-video-player .video-js .vjs-text-track-display { text-align: center; position: absolute; bottom: 4em; left: 1em; right: 1em } .local-video-player .video-js .vjs-text-track { display: none; font-size: 1.4em; text-align: center; margin-bottom: .1em; background-color: #000; background-color: rgba(0, 0, 0, .5) } .local-video-player .video-js .vjs-subtitles { color: #fff } .local-video-player .video-js .vjs-captions { color: #fc6 } .local-video-player .vjs-tt-cue { display: block } .local-video-player .vjs-default-skin .vjs-hidden { display: none } .local-video-player .vjs-lock-showing { display: block !important; opacity: 1; visibility: visible } .local-video-player.local-audio-player .vjs-default-skin .vjs-control-bar { display: block; left: 10%; top: 50%; right: 10%; margin-top: -25px } .local-video-player.local-audio-player .video-js { background: #fff } .local-video-player.local-audio-player .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 1 } .local-video-player.local-audio-player .vjs-default-skin .vjs-big-play-button { display: none } .title-info { position: relative; padding: 50px 0; text-align: center } .title-info h5 { position: relative; margin-bottom: 20px; font-size: 32px; z-index: 1; color: #313131; } .title-info h5>.vip_title_left, .title-info h5>.vip_title_right { width: 104px; height: 20px; } .title-info.gray h5>span { background: #f5f8fa; } .title-info h5>span { background: #fff; padding: 0 12px; } .title-info .line { display: none; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #e1e1e1; margin-top: -1px; z-index: -1; } @media (max-width:767px) { .title-info { padding: 20px 0 !important; } .title-info h5 { font-size: 16px !important; } .title-info h5>.vip_title_left, .title-info h5>.vip_title_right { width: 90px; height: 15px; } .title-info.gray h5>span { padding: 0 6px; } .text-line { padding: 20px 0 !important; } .text-line h5 { font-size: 16px !important; } .text-line h5>.vip_title_left, .text-line h5>.vip_title_right { width: 90px; height: 15px; } .text-line.gray h5>span { padding: 0 6px; } .vip-wide-item .vip-content { display: block !important; width: 100% !important; text-align: center; background: #FBFCFD; border: 1px solid #EDEDED; border-radius: 10px; padding: 10px 20px 14px !important; } .vip_des_img { height: 8px; } .vip_description { font-size: 16px; color: #3D464D; font-style: normal; vertical-align: middle; padding: 0 6px; } } .text-line.gray h5>span { background: #f5f8fa } .text-line.small { padding: 10px 0 } .text-line.small h5 { font-size: 14px } .text-line.small h5>span { padding: 0 20px } .text-line .line { display: none; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #e1e1e1; margin-top: -1px; z-index: -1 } .text-line h5 { position: relative; margin-bottom: 20px; font-size: 32px; z-index: 1; color: #313131 } @media (max-width:767px) { .text-line h5 { font-size: 16px } } .text-line h5>i { padding-left: 20px; background: #fff } .text-line h5>span { background: #fff; padding: 0 12px } .text-line .subtitle { font-size: 16px; color: #919191 } @media (max-width:767px) { .text-line .subtitle { font-size: 14px } } .panel-default { padding: 0 15px; border-color: #e4ecf3 } @media (max-width:767px) { .panel-default { padding: 0 10px } } .panel-default>.panel-heading { position: relative; font-size: 16px; padding: 10px 0; line-height: 30px; background: #fff; border-bottom: 1px solid #f5f5f5 } .panel-default>.panel-heading .panel-title { padding: 5px 0; color: #313131 } .panel-default>.panel-heading .panel-title>i { display: none } .panel-default>.panel-heading .more { position: absolute; top: 8px; right: 0; display: block; color: #919191; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } @media (max-width:767px) { .panel-default>.panel-heading .more { top: 8px } } .panel-default>.panel-heading .more:hover { color: #616161; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .panel-default>.panel-heading .panel-bar { position: absolute; top: 7px; right: 0; display: block } .panel-default>.panel-footer { padding: 15px 0; background: none } .panel-default>.panel-body { position: relative; padding: 15px 0 } .panel-primary>.panel-heading { background-color: #43bc60; color: #fff } .panel-primary>.panel-body { background: #fafafa; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .panel-gray { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .08); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .08); box-shadow: 0 2px 4px rgba(0, 0, 0, .08) } .panel-gray>.panel-heading { background-color: #f5f5f5; color: #313131 } .panel-gray>.panel-body { background: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .panel-page { padding: 45px 50px 50px; min-height: 500px } @media (max-width:767px) { .panel-page { padding: 15px; min-height: 300px } } .panel-page .panel-heading { background: transparent; border-bottom: none; margin: 0 0 30px; padding: 0 } .panel-page .panel-heading h2 { font-size: 25px; margin-top: 0 } .es-section { background: #fff; padding: 15px; margin-bottom: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #e4ecf3 } .es-section.section-lg { min-height: 400px } .es-section .section-header { position: relative; margin-bottom: 20px; border-bottom: 1px solid #f5f5f5 } .es-section .section-header h1 { margin-top: 5px; margin-bottom: 20px; font-size: 20px } .es-section .section-header h3 { margin-top: 0; margin-bottom: 15px; font-size: 16px } .es-section .section-header .more { position: absolute; top: 0; right: 0; display: block; color: #919191 } .es-section .section-header .more, .es-section .section-header .more:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .es-section .section-header .more:hover { color: #616161 } .es-section .section-header .more>i { font-size: 24px } .nav.nav-tabs { position: relative; margin-bottom: 25px; border-color: #f5f5f5 } .nav.nav-tabs .highlight { position: absolute; bottom: -1px; border-bottom: 2px solid #43bc60 } @media (max-width:767px) { .nav.nav-tabs .highlight { display: none } } .nav.nav-tabs>li { margin-bottom: 0 } .nav.nav-tabs>li>a { border: none; margin-right: 0; color: #313131; font-size: 16px; font-weight: 500; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding: 5px 30px 15px } .nav.nav-tabs>li>a:focus, .nav.nav-tabs>li>a:hover { background: none } .nav.nav-tabs>li>a small { color: #919191 } .nav.nav-tabs>li.active>a, .nav.nav-tabs>li:hover>a { border: none; background: none; color: #43bc60; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .nav.nav-tabs>li.active>a small, .nav.nav-tabs>li:hover>a small { color: #43bc60 } .nav.nav-tabs>li.active>a .badge, .nav.nav-tabs>li:hover>a .badge { background-color: #43bc60 } .nav.nav-tabs .badge, .nav.nav-tabs>li.active>a .badge, .nav.nav-tabs>li:hover>a .badge { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .nav.nav-tabs .badge { margin-left: 5px; background-color: #919191 } .nav-btn-tab { position: relative; padding-right: 80px; border-bottom: 1px solid #f5f5f5; margin-bottom: 20px } /* 详情页悬浮 */ @font-face { font-family: 'detailFont'; src: url('/static-dist/app/fonts/DIN-Condensed-Bold-2.ttf'); } @font-face { font-family: favoriteIcon; src: url(/static-dist/app/fonts/fa_icomoon.eot?7rv65); src: url(/static-dist/app/fonts/fa_icomoon.eot?7rv65#iefix) format('embedded-opentype'), url(/static-dist/app/fonts/fa_icomoon.ttf?7rv65) format('truetype'), url(/static-dist/app/fonts/fa_icomoon.woff?7rv65) format('woff'), url(/static-dist/app/fonts/fa_icomoon.svg?7rv65#icomoon) format('svg'); font-weight: normal; font-style: normal; font-display: block; } .favorite_icon { font-family: favoriteIcon !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .favoriteOk:before { content: "\e900"; color: #f59423; } .favoriteNo:before { content: "\e901"; color: #666; } .navFixStyle { position: fixed; top: 0; left: 0; background: #fff; width: 100%; z-index: 999; height: 56px; padding: 0 !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); } .navFixStyle .price_show { display: none; } .navFixStyle .buy_button { height: 36px; line-height: 36px; font-family: PingFangSC-Semibold; font-size: 14px; color: #FFFFFF; text-align: center; border-radius: 2px; display: inline-block; padding: 0 22px; } .navFixStyle .stop_regis_buy { width: 100%; background: #BCBCBC; } .navFixStyle .navFlexBody { margin: 0 auto; width: 1140px; display: flex; justify-content: space-between; } .navFixStyle .navUl { padding: 0 15px; } .navFixStyle ul li>a, .navLine .nav.nav-tabs>li>a { font-size: 16px; padding: 17px 18px; } .navBtnGroups.hide { display: none !important; } .navBomFavorite, .buyGroups .navPrice .course-detail__label { display: none; } .navPrice { /* font-family: 'detailFont'; */ height: 56px; padding: 10px 0 0; } .navPrice .price-free { font-size: 20px; line-height: 32px; } .navPrice .price-nofree { font-size: 32px; line-height: 40px; } .navBomFavorite li>a { width: 30px; height: 30px; line-height: 30px !important; padding: 0 !important; background-color: #F5F5F5 !important; border-color: #F5F5F5 !important; border-radius: 50%; } .buyGroups { height: 56px; display: flex; justify-content: flex-end; align-items: center; } .navPriceFloat { float: right; margin-left: 10px; } .navOriginalPrice { text-decoration: line-through; height: 56px; line-height: 48px; } .navOriginalPrice .price { font-size: 17px; } .buyGroups .btnRight, .course-operation-btn .btnRight { /* float: right; */ /* margin-left: 10px !important; */ border-radius: 4px; color: #fff; text-align: center; line-height: 36px; height: 36px; width: 160px; display: block; background: #FC4946; } .details_float_nav .deatil_float_btn { width: 120px; height: 36px; line-height: 36px; background: #F59423; border-radius: 4px; } .details_float_nav .deatil_float_btn.ask-teacher { border: 1px solid #FC4946; color: #FC4946; background: #fff; } .priceBox { font-family: 'detailFont'; } .details_float_nav { display: flex; flex-direction: row-reverse; } /* 最新学员 */ .avatar_fontScroll { height: 320px; overflow: hidden; } .user-avatar-list { padding-left: 0; margin-bottom: 0; list-style: none } .user-avatar-list li { float: left; /* width: 20%; */ /* margin-bottom: 15px; */ text-align: center; width: 100%; text-align: left; display: flex; align-items: center; height: 61px; padding-bottom: 15px; } .user-avatar-list .acatar_right { padding-left: 10px; width: 100%; } .user-avatar-list .acatar_top { display: flex; justify-content: space-between; } .user-avatar-list .acatar_nickname { text-overflow: ellipsis; white-space: nowrap; height: 23px; width: 90px; font-size: 15px; color: #2F3C52; overflow: hidden; } .user-avatar-list .acatar_join { font-size: 12px; color: #666666; } .user-avatar-list .acatar_join>span { margin-right: 10px; } .user-avatar-list .acatar_bottom { overflow: hidden; text-overflow: ellipsis; height: 23px; font-size: 12px; color: #B5BCC2; } /* 最新学员end */ @media (min-width:767px) { .navBtn_a { width: 120px; height: 36px; /* line-height: 36px !important; */ padding: 0 !important; color: #fff; } .navBtn_b { /* width: 88px; height: 36px; line-height: 36px !important; */ padding: 0 !important; box-sizing: border-box; color: #fff; display: block; } .navBtn_b:hover { color: #fff !important; } } /* .container{ z-index: 9; } */ /* 班级课程 悬浮nav */ .classroom-btn-buy a { padding: 9px 12px !important; line-height: 1 !important; } /* 班级课程 悬浮nav end */ @media (max-width:1199px) { .navFixStyle .navFlexBody { width: 940px !important; } .navFixStyle .navFlexBody .navUl { padding: 0 15px; } .nav.nav-tabs>li>a, .navFixStyle .navFlexBody .nav.nav-tabs>li>a { /* padding: 17px 20px; */ } } @media (max-width:992px) { .navFixStyle ul li>a, .navLine .nav.nav-tabs>li>a, .nav.nav-tabs>li>a { font-size: 16px; padding: 17px 20px; } .navFixStyle .navFlexBody { padding: 0; width: 700px !important; } } @media (max-width:767px) { .navFixStyle ul li>a, .navLine .nav.nav-tabs>li>a, .nav.nav-tabs>li>a { padding: 17px 5px 17px 0; } .navFixStyle .navFlexBody { width: 100% !important; padding: 0 15px; } .navBtnGroups { position: fixed; bottom: 0; background: #fff; left: 0; width: 100%; margin: 0 auto; justify-content: flex-end; z-index: 999; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10); display: block !important; } .navBtnGroupsBody { margin: 0 auto; width: 100%; display: flex !important; justify-content: space-between; height: 54px; line-height: 54px; padding: 0 10px; } .vip_details { display: none !important; } .buyGroups { padding: 0 !important; height: 54px; width: 100%; } .buyGroups .stop_regis_buy { width: 100%; background: #BCBCBC; margin-left: 10px; } .buyGroups .buy_button { height: 36px; line-height: 36px; font-family: PingFangSC-Semibold; font-size: 14px; color: #FFFFFF; text-align: center; border-radius: 2px; display: inline-block; padding: 0 22px; } .buyGroups .btnRight { margin: 10px 0; width: 100%; } .navBomFavorite { display: block; } .buyGroups .navPrice { height: 54px; padding: 11px 0 0; } .navOriginalPrice { vertical-align: sub; } .navPriceFloat { line-height: 44px !important; } .details_float_nav { width: 100%; } .now_register_box { width: 100%; margin-left: 10px; } .details_float_nav .deatil_float_btn { margin: 10px 0 10px 10px; text-align: center; color: #fff; width: 100%; } .details_float_nav .deatil_float_btn.ask-teacher { width: 130px; padding: 0; } } @media (max-width:375px) { .navFixStyle ul li>a, .navLine .nav.nav-tabs>li>a, .nav.nav-tabs>li>a { padding: 18px 6px 17px 0; font-size: 15px; } } /* 详情页悬浮 end */ @media (max-width:767px) { .nav-btn-tab { padding-right: 0 } } .nav-btn-tab .nav.nav-tabs { border: none; margin-bottom: 0 } .nav-btn-tab .btnbar { position: absolute; top: 0; right: 0 } .pager>li>a { color: #616161; background-color: #f5f5f5; border-color: #dcdcdc } .pager>li>a.active, .pager>li>a:focus, .pager>li>a:hover { background-color: #e8e8e8 } .pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span { background-color: #fafafa; border-color: #f5f5f5; color: #c7c7c7 } .media-list .media { border-bottom: 1px solid #f5f5f5; padding-bottom: 15px } .media-list .media:last-child { border-bottom: none } .media-list .media-body .bullet { padding: 0 3px; font-size: 75%; color: #ccc; line-height: 1.4 } .media-list .empty-item { text-align: center; color: #999 } .media-body { word-break: break-all } .media-left { padding-right: 15px } .media .media-object-small img { width: 48px; height: 48px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .media-default .media-body>.title { margin-bottom: 10px } .media-default .media-body>.content, .media.media-number-o .media-body { color: #919191 } .media.media-number, .media.media-number-o { padding-bottom: 5px } .media.media-number-o .media-left, .media.media-number .media-left { position: relative; color: #919191 } .media.media-number-o .media-left .num, .media.media-number .media-left .num { display: block; width: 20px; height: 20px; line-height: 18px; text-align: center; border: 1px solid #919191; border-radius: 50% } .media.media-number-o:last-child, .media.media-number:last-child { border-bottom: none } .media-hot-comment .comments-info { margin-top: 5px; padding-left: 50px; font-size: 12px; color: #c1c1c1; min-height: 34px } .media-hot-comment .comments-content { padding: 10px; margin: 10px 0; background: #f5f5f5; color: #919191; line-height: 25px; border: 1px solid #f1f1f1 } .media-comment .media-left img, .media-subcomment .media-left img { width: 48px; height: 48px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .media-comment .media-body, .media-subcomment .media-body { position: relative; padding-bottom: 15px } .media-comment .reply-link, .media-subcomment .reply-link { position: absolute; top: 28px; right: 10px; font-size: 12px; color: #919191; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .media-comment .reply-link:hover, .media-subcomment .reply-link:hover { color: #43bc60; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .media-comment .title, .media-subcomment .title { color: #919191; margin-bottom: 5px } .media-comment .title a, .media-subcomment .title a { margin-right: 5px } .media-comment .title .date, .media-subcomment .title .date { margin-left: 5px } .media-comment .comment-sns i, .media-subcomment .comment-sns i { margin-right: 5px } .media-comment .comment-sns a, .media-subcomment .comment-sns a { color: #919191; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin-right: 10px } .media-comment .comment-sns a:hover, .media-subcomment .comment-sns a:hover { color: #43bc60; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .media-comment .media-body { border-bottom: 1px solid #f5f5f5 } .subcomments { margin-left: 20px; padding-left: 10px; background-color: #f5f5f5 } .media-evaluate .media-body { padding-bottom: 15px; border-bottom: 1px solid #f5f5f5 } .media-evaluate .title { color: #919191; margin-bottom: 5px } .media-evaluate .title a { margin-right: 5px } .media-evaluate .title .date { margin-left: 5px } .media-evaluate .actions { margin-top: 10px } .media-evaluate .actions .show-full-btn, .media-evaluate .actions .show-short-btn { visibility: hidden } .media-evaluate:hover .actions .show-full-btn, .media-evaluate:hover .actions .show-short-btn { visibility: visible } .media-group-list { margin-top: -20px } .media-group { margin-top: 20px } @media (max-width:767px) { .media-group { margin-top: 15px } } .media-group:first-child { margin-top: 20px } @media (max-width:767px) { .media-group:first-child { margin-top: 15px } } @media (max-width:767px) { .media-group .avatar-square-md { width: 40px !important; height: 40px !important } } .media-group .title { height: 20px; overflow: hidden; margin: 5px 0 } @media (max-width:767px) { .media-group .title { margin: 0 } } .media-group .metas { color: #c1c1c1 } .media-group .metas span { margin-right: 10px } .media-group .metas i { margin-right: 5px; font-size: 14px } .media-dynamic { margin-top: 8px } .media-dynamic:first-child { margin-top: 0 } .media-dynamic:last-child .media-body { border: none } .media-dynamic .media-body { position: relative; padding-right: 80px; padding-bottom: 8px } @media (max-width:767px) { .media-dynamic .media-body { padding-right: 0 } } .media-dynamic .media-body .title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; font-size: 12px } .media-dynamic .media-body .content { height: 20px; overflow: hidden; display: block; color: #919191 } .media-dynamic .date { position: absolute; right: 0; top: 9px; color: #c1c1c1 } @media (max-width:767px) { .media-dynamic .date { display: none } } .media-search .reply { background-color: #f5f5f5; color: #919191; width: 50px; height: 50px; text-align: center; padding: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .media-search .title { font-size: 16px; margin-bottom: 10px } @media (max-width:767px) { .media-search .title { font-size: 14px } } .breadcrumb { background-color: #f5f5f5 } .breadcrumb.breadcrumb-o { background: none; margin: 12px auto; padding: 8px 0 } .breadcrumb.breadcrumb-o>li, .breadcrumb>li { max-width: 100% } .breadcrumb li.active { color: #919191 } .breadcrumb a { color: #919191 } .breadcrumb a, .breadcrumb a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .breadcrumb a:hover { color: #43bc60 } textarea.form-control-o { background-color: #f5f5f5; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 20px } .badge-primary { background-color: #43bc60 } .es-share { position: relative; display: inline-block } .es-share.top .dropdown-menu { top: auto; bottom: 100%; left: 0; margin-left: -60px; margin-bottom: 10px } .es-share.top .dropdown-menu:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(64, 64, 64, 0); border-top-color: #fff; border-width: 8px; margin-left: -8px } .es-share.right .dropdown-menu { top: -5px; left: 40px } .es-share.right .dropdown-menu:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(64, 64, 64, 0); border-right-color: #404040; border-width: 8px; margin-top: -8px } .es-share .dropdown-menu { min-width: 145px !important; padding: 3px 10px !important; background-color: #fff !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; line-height: 30px !important; top: 33px; left: -60px; } .es-share .dropdown-menu a { margin: 3px 2px 2px 6px !important; color: #fff !important } .es-share .dropdown-menu i { font-size: 20px !important } .es-share i[class*=es-icon] { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .es-share .es-icon-weixin { color: #43bc60 } .es-share .es-icon-weibo { color: #ed3e3e } .es-share .es-icon-qzone { color: #ffa51f } .es-share .es-icon-qq { color: #278bf5 } /* .es-share .es-icon-weixin:hover { color: #43bc60 } .es-share .es-icon-weibo:hover { color: #ed3e3e } .es-share .es-icon-qzone:hover { color: #ffa51f } .es-share .es-icon-qq:hover { color: #278bf5 } */ .dropdown-menu { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none } .dropdown-menu .dropdown-header { padding: 5px 20px; margin-bottom: 10px; text-align: center; color: #616161; font-size: 14px; border-bottom: 1px solid #f5f5f5 } .dropdown-menu>li { position: relative } .dropdown-menu>li>a { color: #616161; padding: 10px 20px } .dropdown-menu>li>a, .dropdown-menu>li>a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .dropdown-menu>li>a:hover { background: #43bc60; color: #fff } .btn-group.open .dropdown-toggle { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none } .btn, .btn.active, .btn.focus, .btn:focus, .btn:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn.active, .btn.focus, .btn:focus, .btn:hover { text-decoration: none } .btn.btn-sm { padding: 5px } .btn.btn-sm, .btn.btn-sm>i { font-size: 12px } .btn.btn-lg { font-size: 16px; padding: 14px 35px; border-radius: 8px; } .vip-user .btn-danger:hover { background-color: #0081e6 !important; border-color: #0081e6 !important; } .vip-item-footer .btn-danger:hover { background-color: #0081e6 !important; border-color: #0081e6 !important; } .btn.btn-xlg { padding: 11px 35px } .btn.btn-xlg, .btn>i { font-size: 14px } .btn-ghost-white { color: #fff; border: 1px solid #fff; background-color: #c1c1c1; background-color: hsla(0, 0%, 100%, .3) } .btn-ghost-white.focus, .btn-ghost-white:focus, .btn-ghost-white:hover { color: #fff; background-color: #919191; background-color: hsla(0, 0%, 100%, .5) } .btn-link { color: #313131 } .btn-link.focus, .btn-link:focus, .btn-link:hover { text-decoration: none } .btn-gray { color: #919191 } .btn-gray.focus, .btn-gray:focus, .btn-gray:hover { color: #43bc60; text-decoration: none } .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover { color: #616161; background-color: #f5f5f5; border-color: #dcdcdc } .btn-default.active, .btn-default.focus, .btn-default:focus, .btn-default:hover { color: #616161; background-color: #e1e1e1 } .btn-primary { border-color: #36964d; background-color: #43bc60; color: #fff } .btn-primary.active, .btn-primary.focus, .btn-primary:focus, .btn-primary:hover { color: #fff; background-color: #389e51 } .btn-success { border-color: #36964d; background-color: #43bc60; color: #fff } .btn-success.active, .btn-success.focus, .btn-success:focus, .btn-success:hover { color: #fff; background-color: #389e51 } .btn-info { border-color: #0a71df; background-color: #278bf5; color: #fff } .btn-info.active, .btn-info.focus, .btn-info:focus, .btn-info:hover { color: #fff; background-color: #0b76e8 } .btn-warning { border-color: #eb8d00; background-color: #ffa51f; color: #fff } .btn-warning.active, .btn-warning.focus, .btn-warning:focus, .btn-warning:hover { color: #fff; background-color: #f59300 } .btn-danger { border-color: #1E6DE3; background-color: #3385FF; color: #fff } .btn-danger.active, .btn-danger.focus, .btn-danger:focus, .btn-danger:hover { color: #fff; background-color: #ea1919 } .btn-tag { display: inline-block; padding: 6px 10px; margin: 5px 5px 5px 0; color: #43bc60; font-size: 12px; background-color: #c7ebcf; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-tag.active, .btn-tag:hover { background-color: #43bc60 } .btn-ghost, .btn-tag.active, .btn-tag:hover { color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-ghost { border-color: #fff; border-radius: 20px } .btn-ghost:hover { color: #43bc60; background-color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-transparent { position: relative; border-color: #43bc60; color: #43bc60; background-color: transparent } .btn-transparent:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; background-color: #43bc60; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-transparent.active, .btn-transparent:hover { color: #fff } .btn-transparent.active:after, .btn-transparent:hover:after { z-index: -1; width: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .btn-fat { padding-left: 30px; padding-right: 30px } .es-tabs { background: #fff; margin-bottom: 30px; border: 1px solid #e4ecf3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .es-tabs .tab-header { background-color: #f5f5f5; border-top-left-radius: 4px; border-top-right-radius: 4px } .es-tabs .tab-header>ul { padding: 0; margin: 0; list-style-type: none } .es-tabs .tab-header>ul>li { float: left } .es-tabs .tab-header>ul>li>a { display: block; padding: 15px 30px; color: #616161; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } @media (max-width:767px) { .es-tabs .tab-header>ul>li>a { padding: 8px 10px } } .es-tabs .tab-header>ul>li>a:hover { color: #43bc60; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .es-tabs .tab-header>ul>li.active>a { background-color: #fff } .es-tabs .tab-body { padding: 5px 15px } .es-tabs .tab-body>ul { padding: 0; margin: 0; list-style-type: none } .es-tabs .tab-body>ul+ul { border-top: 1px dashed #e4ecf3 } .es-tabs .tab-body>ul>li { float: left } .es-tabs .tab-body>ul>li>a { display: block; padding: 12px 30px; color: #616161; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .es-tabs .tab-body>ul>li.active>a, .es-tabs .tab-body>ul>li>a:hover { color: #43bc60 } .es-tabs .tab-body>ul>li.active>a, .es-tabs .tab-body>ul>li>a:hover, .image-overlay { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .image-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: alpha(opacity=30); background: #000 \ 9; background-image: -webkit-linear-gradient(top, hsla(0, 0%, 88%, 0) 50%, rgba(0, 0, 0, .5)); background-image: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .5) 100%); background-image: linear, top, transparent 0, rgba(0, 0, 0, .5) 100% } .image-overlay:hover { opacity: .2; filter: alpha(opacity=20); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .image-overlay.image-overlay-o:hover { opacity: 1; filter: alpha(opacity=30) } .alert>i { margin-right: 10px } .alert.alert-lg { padding: 30px 20px } .alert.alert-xs { font-size: 12px; padding: 5px 10px; margin-bottom: 0 } .alert.alert-sm { padding: 8px 10px } .alert a { text-decoration: none } .alert-success { border-color: #cddfb4; background-color: #f2fae3; color: #659f13 } .alert-success .alert-link, .alert-success .close { color: #659f13 } .alert-success hr { border-top-color: #c1d7a2 } .alert-info { border-color: #d6ebfa; background-color: #edf6fd } .alert-info, .alert-info .alert-link, .alert-info .close { color: #54b3e8 } .alert-info hr { border-top-color: #bfe0f7 } .alert-warning { border-color: #ffd0b7; background-color: #fff9cd; color: #ff5e06 } .alert-warning .alert-link, .alert-warning .close { color: #ff5e06 } .alert-warning hr { border-top-color: #ffbf9e } .alert-danger { border-color: #f0c7bd; background-color: #fff1f0; color: #e74c3c } .alert-danger .alert-link, .alert-danger .close { color: #e74c3c } .alert-danger hr { border-top-color: #ebb5a8 } .alert-blank { color: #000; background-color: #fafafa } .alert-default { border-color: #e1e1e1; background-color: #f5f5f5 } .alert-default .alert-link, .alert-default .close { color: #919191 } .alert-default.alert-edit:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border-color: #ffd0b7; background-color: #fff9cd; color: #ff5e06 } .alert-default.alert-edit:hover .alert-link, .alert-default.alert-edit:hover .close { color: #ff5e06 } .alert-default.alert-edit:hover hr { border-top-color: #ffbf9e } .alert-default.alert-edit:hover .editor>a { color: #cc7200 } .alert-default.alert-edit:hover .details { border-color: #ffbe76 } .alert-default.alert-edit .alert-header { position: relative } .alert-default.alert-edit .alert-header:hover { cursor: pointer } .alert-default.alert-edit .icon-click { position: absolute; top: 0; left: 5px } .alert-default.alert-edit .title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; padding: 0 150px 0 30px } .alert-default.alert-edit .data, .alert-default.alert-edit .editor { position: absolute; top: 0; right: 5px } .alert-default.alert-edit .editor>a { color: #919191 } .alert-default.alert-edit .details { display: none; margin-top: 20px; padding-top: 20px; border-top: 1px solid #e1e1e1 } .set-email-alert { font-size: 12px; text-align: center; margin-bottom: 0; border-radius: 0; padding: 5px } .set-email-alert .close { font-size: 16px } input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0 100px #fafafa inset } textarea { resize: none } .help-block { margin-bottom: 0 } .width-150 { width: 150px !important; display: inline-block } .width-200 { width: 200px; display: inline-block } .input-sm { height: 30px } .width-input { display: inline-block !important; margin-right: 6px; width: 150px } .width-input-mini { width: 50px } .width-input-small { width: 100px } .width-input-large { width: 200px } .width-input-xlarge { width: 300px } .width-full { width: 100% } .checkboxs, .radios { padding-top: 7px; vertical-align: middle } .checkboxs label, .radios label { font-weight: 400; padding: 0 20px 0 0 } .form-control { color: #616161; border-radius: 8px; height: 50px; padding: 8px 12px; font-size: 14px; background: #FAFCFF; border: 1px solid rgba(219, 229, 253, 1); overflow: hidden; } .form-control.form-control-lg { height: 40px } .form-control::-webkit-input-placeholder { color: #919191 } .form-control:-moz-placeholder, .form-control::-moz-placeholder { color: #919191 } .form-control:-ms-input-placeholder { color: #919191 } .form-horizontal .form-group { margin-bottom: 30px } @media (max-width:767px) { .form-horizontal .form-group { margin-bottom: 15px } } @media (max-width:767px) { .form-horizontal .form-control { margin-bottom: 10px } } .has-error.form-group { margin-bottom: 10px } @media (max-width:767px) { .has-error.form-group { margin-bottom: -5px } } .has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label { color: #ed3e3e } .has-error .form-control { border-color: #ed3e3e } .has-error .form-control:focus { border-color: #e1e1e1 } .form-control-error { border-color: #ed3e3e !important } .form-error-message { height: 20px; line-height: 20px; margin-bottom: 0; color: #ed3e3e } .control-label-required { position: relative } .control-label-required:before { content: "*"; color: #ffa51f; position: absolute; top: 4px; left: -10px } .avatar-xxs { width: 20px !important; height: 20px !important } .avatar-xs, .avatar-xxs { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .avatar-xs { width: 30px !important; height: 30px !important } .avatar-sm, .avatar-small { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px !important; height: 40px !important } .avatar-sm.avatar-sm-square, .avatar-small.avatar-sm-square { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .avatar-md { width: 60px !important; height: 60px !important } .avatar-lg, .avatar-md, .avatar-medium { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .avatar-lg, .avatar-medium { width: 120px !important; height: 120px !important } .avatar-square-md { width: 60px; height: 60px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .progress { background-color: #f5f5f5; color: #fff; text-align: right; font-weight: 700; font-size: 14px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .progress.progress-xs { height: 5px } .progress.progress-sm { height: 10px } .progress.progress-md { height: 30px; line-height: 30px; margin-bottom: 15px } .progress.progress-md .progress-bar { line-height: 30px; font-size: 14px; font-weight: 700 } .progress.progress-radius { border-radius: 30px } .progress-bar { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #43bc60 } .progress-bar-left { text-align: left; padding-left: 15px } .label { padding: .2em .6em; font-weight: 400; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle } .label.label-md { font-size: 100% } .label.label-xs { font-size: 12px; padding: 2px } .label.label-primary, .label.label-success { background-color: #43bc60 } .score { margin-bottom: 10px } .score i { font-size: 14px; color: #919191 } .sidenav .list-group:last-child { margin-bottom: 0 } .sidenav .list-group .list-group-heading { list-style-type: none; color: #919191; margin-bottom: 10px; margin-left: 20px } .sidenav .list-group .list-group-item { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; padding: 0; border-left: 2px solid transparent } .sidenav .list-group .list-group-item:first-child, .sidenav .list-group .list-group-item:last-child { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .sidenav .list-group .list-group-item:hover { background-color: #f5f5f5 } .sidenav .list-group .list-group-item>a { display: block; color: #616161; padding: 10px 15px 10px 35px } .sidenav .list-group .list-group-item.active { border-left: 2px solid #43bc60; background: none } .sidenav .list-group .list-group-item.active>a { color: #43bc60 } .sidenav { padding: 20px 0 10px; margin-bottom: 20px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #e4ecf3 } .nav-pills>li { margin-right: 5px } .nav-pills>li+li { margin-left: 0 } .nav-pills>li>a { padding: 10px 15px; color: #616161 } .nav-pills>li>a, .nav-pills>li>a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .nav-pills>li>a:hover { background-color: #f5f5f5 } .nav-pills>li.active>a { color: #fff; background: #43bc60; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .nav-pills.nav-pills-sm>li>a { font-size: 12px; line-height: 1.5; padding: 4px 13px } .nav-pills.nav-pills-gray>li>a { background-color: #f8fbfd } .nav-pills.nav-pills-gray>li.active>a { background: #43bc60 } .nav-pills.nav-pills-transparent>li { margin-bottom: 10px } .nav-pills.nav-pills-transparent>li .done-icon { position: absolute; right: 0; bottom: 0; opacity: 0; filter: alpha(opacity=0); color: #fff; font-size: 12px } .nav-pills.nav-pills-transparent>li>a { background: transparent; border: 1px solid #e1e1e1; color: #616161; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .nav-pills.nav-pills-transparent>li>a:after { content: ""; position: absolute; width: 0; height: 0; right: 0; bottom: 0; border-color: transparent; border-style: solid; border-width: 0 0 15px 15px; border-bottom-color: #43bc60; opacity: 0; filter: alpha(opacity=0) } .nav-pills.nav-pills-transparent>li.active .done-icon, .nav-pills.nav-pills-transparent>li:hover .done-icon { opacity: 1; filter: alpha(opacity=100) } .nav-pills.nav-pills-transparent>li.active>a, .nav-pills.nav-pills-transparent>li:hover>a { border-color: #43bc60; background-color: transparent; color: #43bc60 } .nav-pills.nav-pills-transparent>li.active>a:after, .nav-pills.nav-pills-transparent>li:hover>a:after { opacity: 1; filter: alpha(opacity=100) } .es-tag { background: #fff; padding: 15px; margin-bottom: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #e4ecf3; border-left: 2px solid #43bc60 } .es-piece { margin-bottom: 30px } .es-piece .piece-header { position: relative; margin: 5px auto 20px; padding: 0 30px 0 15px; color: #313131; font-size: 16px } .es-piece .piece-header:after { content: ""; position: absolute; left: 0; top: 3px; width: 4px; height: 16px; background-color: #43bc60 } .es-piece .piece-header .more { position: absolute; right: 0; top: 5px } .es-piece .piece-body .piece-body-list { list-style-type: none; padding: 0; margin-bottom: 0 } .es-piece .piece-body .piece-body-list>li { padding: 15px 0; border-bottom: 1px solid #f5f5f5 } .user-avatar-list { padding-left: 0; margin-bottom: 0; list-style: none } .user-avatar-list li .avatar-sm-img { border-radius: 50%; width: 30px !important; height: 30px !important; } .avatar_fontScroll_auto { height: auto !important; } @media (max-width:991px) and (min-width:768px) { .user-avatar-list li { width: 10% } } .user-avatar-list .name { margin-top: 10px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; height: 20px } .popover { min-width: 200px; border-color: #e1e1e1 } .popover.top>.arrow { border-top-color: #e1e1e1 } .popover.right>.arrow { border-right-color: #e1e1e1 } .popover.bottom>.arrow { border-bottom-color: #e1e1e1 } .popover.left>.arrow { border-left-color: #e1e1e1 } .popover .popover-content { color: #616161 } .modal-title { word-break: break-all; color: #313131; font-size: 18px } .modal-header { padding: 15px 20px } .modal-body { word-wrap: break-word; overflow: hidden; padding-left: 20px; padding-right: 20px } .modal-body img { max-width: 100%; height: auto } .modal-backdrop.in { opacity: .8; filter: alpha(opacity=80) } @media (min-width:992px) { .modal-dialog.modal-lg { width: 900px; margin-top: 20px } } @media (min-width:992px) { .modal-md { width: 800px } } @media (min-width:992px) { .modal-sm { width: 520px } } .nav-mini>li>a { padding: 1px 10px } .table td { word-wrap: break-word; word-break: break-all } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 10px 15px } .table-hover>tbody>tr:hover { background-color: #f6f6f6 } .table-striped .sort-handle { padding: 5px; cursor: pointer; color: #ccc; display: inline-block; font-size: 18px } .table-striped .sort-handle:hover { color: #999 } .table .sort-operation { position: relative } .table .sort-operation .es-icon { font-size: 12px; position: absolute; left: -3px; color: #c1c1c1; cursor: pointer } .table .sort-operation .es-icon.active, .table .sort-operation .es-icon:hover { color: #43bc60 } .table .sort-operation .es-icon-arrowdropup { top: 1px } .table .sort-operation .es-icon-arrowdropdown { top: 6px } .es-qrcode { position: relative; text-align: center } @media (max-width:767px) { .es-qrcode { display: none } } .es-qrcode>i { font-size: 24px; color: #919191 } .es-qrcode .qrcode-popover { position: absolute; padding: 5px 10px; font-size: 12px; background: #fff; color: #313131; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index: 1 } .es-qrcode .qrcode-popover img { margin-bottom: 10px; width: 110px; height: 110px; display: block; } .es-qrcode.toolbar-qrcode { color: #ccc } .es-qrcode.toolbar-qrcode .qrcode-popover { top: 0; right: 100%; transform-origin: 100% 0; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -o-transform-origin: 100% 0 } .es-qrcode.top .qrcode-popover { /* top: 0; left: 0; */ top: 33px; left: -53px; transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0 } .es-qrcode.bottom .qrcode-popover { bottom: 0; right: 0; transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100% } .es-qrcode:hover { cursor: pointer } .es-qrcode.open .qrcode-popover { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100) } .qrcode-popover { position: relative } .qrcode-popover:hover .qrcode-content { display: block\9; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100) } .qrcode-popover.top .qrcode-content { left: -65px; top: -205px; transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .5); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .5); box-shadow: 0 2px 3px rgba(0, 0, 0, .5) } .qrcode-popover.top .qrcode-content:after { top: 100%; left: 50%; margin-left: -13px; border-top-color: #fff } .qrcode-popover.top .qrcode-content img { width: 180px; height: 180px } .qrcode-popover .qrcode-content { position: absolute; padding: 5px; z-index: 1; background: #fff; display: none\9; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .qrcode-popover .qrcode-content:after { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 13px } /* material */ .material-box { background: #F5FAFF; padding: 20px; margin-bottom: 20px; } .well { background-color: #F5FAFF; border: 1px solid #F5FAFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .icon-user-status { display: block; width: 20px; height: 20px; line-height: 15px; text-align: center; border: 2px solid #fff; background: #ed3e3e; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .icon-user-status>i { font-size: 12px; vertical-align: middle } .icon-user-status>img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 100%; height: 100% } .icon-user-status.icon-md { width: 30px; height: 30px; line-height: 25px } .icon-user-status.icon-md>i { font-size: 18px } .avatar-wrap { position: relative; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .avatar-wrap .icon-user-status { position: absolute; bottom: 0; right: 0 } .es-step { padding-left: 0; margin-bottom: 35px } .es-step.es-step-3 li { width: 33.33% } .es-step.es-step-2 li { width: 50% } .es-step li { float: left; padding: 15px; list-style-type: none; border-bottom: 2px solid #e1e1e1; color: #e1e1e1; font-size: 14px; text-align: center } .es-step li .number { width: 20px; height: 20px; line-height: 18px; display: inline-block; margin-right: 5px; border: 1px solid #e1e1e1; background-color: #e1e1e1; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .es-step li.doing, .es-step li.done { border-color: #43bc60 } .es-step li.doing .number, .es-step li.done .number { color: #fff; background-color: #43bc60; border-color: #43bc60 } .es-step li.done { color: #43bc60 } .es-step li.doing { color: #616161 } .search-with-btn { position: relative } .search-with-btn.search-sm .form-control { height: 34px } .search-with-btn.search-sm .btn { top: 2px } .search-with-btn .form-control { height: 40px; color: #616161 } .search-with-btn .btn { background: transparent; border: none; position: absolute; right: 0; top: 5px; color: #c1c1c1 } .tabs-wrapper { border: 1px solid #e4ecf3; border-radius: 4px; margin-bottom: 30px; background-color: #fff } .tabs-wrapper .tabs-mark-group { border-bottom: 1px dashed #e4ecf3 } .tabs-wrapper .tabs-mark-group .title { width: 90px; margin-top: 3px; float: left } .tabs-wrapper .tabs-mark-group .classify { margin-top: 3px } .tabs-wrapper .tabs-mark-group .classify a, .tabs-wrapper .tabs-mark-group .classify i { color: #919191 } .tabs-wrapper .tabs-mark-group .classify a:focus, .tabs-wrapper .tabs-mark-group .classify a:hover { color: #43bc60 } .tabs-wrapper .tabs-mark-group .content { margin-left: 100px } .tabs-wrapper .tabs-mark { margin: 0 4px } .tabs-wrapper .tabs-mark a { border: 1px solid #e4ecf3; padding: 2px 5px; color: #919191 } .tabs-wrapper .tabs-mark.active a, .tabs-wrapper .tabs-mark:focus a, .tabs-wrapper .tabs-mark:hover a { color: #43bc60; border: 1px solid #43bc60 } .tabs-wrapper .tabs-mark i { font-size: 10px; margin-left: 5px } .tabs-wrapper .tabs-group { padding: 0 60px 0 15px; position: relative; overflow-y: hidden } .tabs-wrapper .tabs-group .title { float: left; padding: 15px 0; width: 100px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .tabs-wrapper .tabs-group .content { list-style: none; padding: 0; margin: 0 0 0 100px } .tabs-wrapper .tabs-group .content>li { float: left; padding: 10px 12px } .tabs-wrapper .tabs-group .content>li>a { display: block; padding: 5px 10px; border: none; border-radius: 4px; color: #919191; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .tabs-wrapper .tabs-group .content>li.active>a, .tabs-wrapper .tabs-group .content>li:focus>a, .tabs-wrapper .tabs-group .content>li:hover>a { color: #43bc60 } .tabs-wrapper .tabs-group .tabs-toggle { position: absolute; right: 20px; top: 18px; font-size: 12px; line-height: 1; cursor: pointer } .tabs-wrapper .tabs-group+.tabs-group { border-top: 1px dashed #e4ecf3 } .uploader-btn-group { position: relative } .uploader-btn-group .file-input { position: absolute; top: 0; right: 0; width: 100%; height: 100%; opacity: 0; z-index: 2 } .uploader-btn-group .file-input:hover { cursor: pointer } .upload-picture-btn { position: relative } .upload-picture-btn div { width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important } .load-animation { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; background-size: 100% 100%; background-image: url("/static-dist/app/img/loading.gif") } .color-lump { position: relative; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff; background-color: #e1e1e1 } .color-lump.lump-sm { width: 20px; height: 20px; line-height: 20px; font-size: 12px } .color-lump.lump-md { width: 24px; height: 24px; line-height: 24px; font-size: 12px } .color-lump.lump-xs { width: 10px; height: 10px } .color-lump.lump-card { cursor: pointer; color: #616161; border: 1px solid #e4ecf3; background-color: #fff } .color-lump.lump-card.done { border: 1px solid #43bc60; background-color: #43bc60; color: #fff } .color-lump.lump-card.doing { border: 1px solid #43bc60; background-color: transparent; color: #616161 } .sortable-list li.dragged { position: absolute; opacity: .5; z-index: 2000 } .sortable-list li.placeholder { margin-bottom: 15px; width: 100%; height: 40px; background: #fcffc0; border: 1px dashed #ccc; list-style: none } .notify-content { text-align: center } .notify { background-color: #fff; border: 1px solid #dcdedf; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .25); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .25); box-shadow: 0 2px 4px rgba(0, 0, 0, .25); display: inline-block; padding: 10px 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #313131 } .infinite-loading:after { animation: circle 1s infinite linear; -webkit-animation: circle 1s infinite linear; font-family: es-icon; content: "\E688"; display: block; color: #919191; font-size: 20px; padding: 0 10px; text-align: center } @keyframes circle { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @-webkit-keyframes circle { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .class-serve>ul { padding: 20px 10px } .class-serve>ul>li { float: left; width: 20px; height: 20px; line-height: 20px; margin: 0 5px; color: #fff; background-color: #e1e1e1; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } @media (max-width:1199px) { .class-serve>ul>li { margin: 0 2px } } .class-serve>ul>li.active { background-color: #43bc60 } .class-serve>ul>li>a { display: block; color: #fff; font-size: 12px } .class-serve>ul>li>a:focus { box-shadow: none; border: none } .course-list.no-margin .course-item { margin-bottom: 0 } .course-list .course-item { position: relative; z-index: 1; margin-bottom: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #EBEBEB; background-color: #fff; padding: 20px 20px 15px; } @media (min-width:992px) { .course-list .course-item, .course-list .course-item:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .course-list .course-item:hover { transform: translateY(-6px); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3); -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3); -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3) } .course-list .course-item:hover .course_tag_til { background-image: linear-gradient(135deg, #6CBFFF 0%, #79A4FF 100%); } } @media (max-width:767px) { .course-list .course-item { margin-bottom: 20px; margin-left: -5px; margin-right: -5px } } .course-list .course-item.course-default { background-color: #f5f5f5; padding: 64px 20px 55.25px; border: 1px dashed #e1e1e1; color: #e1e1e1; text-align: center; font-size: 24px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .course-list .course-item.course-default:hover { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .course-list .course-item.course-default>i { font-size: 72px; display: inline-block; margin-bottom: 18px } .course-list .course-item .course-img { position: relative; overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px } .course-list .course-item .course-img .tag-discount { position: absolute; right: 0; top: 0; width: 68px; height: 68px; background: url("/static-dist/app/img/tag_discount.png") no-repeat; background-image: -webkit-image-set(url("/static-dist/app/img/tag_discount.png") 1x, url("/static-dist/app/img/tag_discount@2x.png") 2x) } .course-list .course-item .course-img .tag-discount.free { background: url("/static-dist/app/img/tag_limitfree.png"); background-image: -webkit-image-set(url("/static-dist/app/img/tag_limitfree.png") 1x, url("/static-dist/app/img/tag_limitfree@2x.png") 2x) } .course-list .course-item .course-img .img-responsive { width: 100%; padding: 10px } @media (max-width:767px) { .course-list .course-item .course-img .img-responsive { padding: 5px } } .course-list .course-item .tags { position: absolute; top: 0; left: 10px; z-index: 2 } .course-list .course-item .tags .tag-finished, .course-list .course-item .tags .tag-live, .course-list .course-item .tags .tag-reservation, .course-list .course-item .tags .tag-serialing { display: inline-block; width: 40px; height: 50px } .course-list .course-item .tags .tag-live { background: url("/static-dist/app/img/tag_live.png") no-repeat; background-image: -webkit-image-set(url("/static-dist/app/img/tag_live.png") 1x, url("/static-dist/app/img/tag_live@2x.png") 2x) } .course-list .course-item .tags .tag-reservation { background: url("/static-dist/app/img/tag_reservation.png") no-repeat; background-image: -webkit-image-set(url("/static-dist/app/img/tag_reservation.png") 1x, url("/static-dist/app/img/tag_reservation@2x.png") 2x) } .course-list .course-item .tags .tag-serialing { background: url("/static-dist/app/img/tag_serialing.png") no-repeat; background-image: -webkit-image-set(url("/static-dist/app/img/tag_serialing.png") 1x, url("/static-dist/app/img/tag_serialing@2x.png") 2x) } .course-list .course-item .tags .tag-finished { background: url("/static-dist/app/img/tag_finished.png") no-repeat; background-image: -webkit-image-set(url("/static-dist/app/img/tag_finished.png") 1x, url("/static-dist/app/img/tag_finished@2x.png") 2x) } .course-list .course-item .title { margin-top: 10px; padding: 0 10px; display: block; word-wrap: normal } @media (max-width:767px) { .course-list .course-item .title { margin-top: 5px; padding: 0 5px } } .course-list .course-item .metas { position: relative; padding: 10px; color: #c1c1c1 } @media (max-width:767px) { .course-list .course-item .metas { padding: 5px } } .course-list .course-item .metas i { margin-right: 5px } .course-list .course-item .metas .comment { margin-left: 10px } @media (max-width:767px) { .course-list .course-item .metas .comment { display: none } } .course-list .course-date { position: relative; padding: 20px 0; text-align: center; z-index: 1 } .course-list .course-date .date { margin-top: 20px; color: #919191 } .course-list .course-date:before { position: absolute; content: ""; left: -10px; right: -10px; top: 40px; height: 1px; background-color: #e1e1e1; z-index: -1 } .course-list .course-date .btn-circle { display: inline-block; width: 40px; height: 40px; line-height: 38px; z-index: 1; border-radius: 50%; background: #e1e1e1; color: #fff; text-align: center; text-shadow: 0 1px 1px rgba(73, 73, 73, .21); -webkit-box-shadow: inset 0 0 4px hsla(0, 0%, 44%, .3); -moz-box-shadow: inset 0 0 4px hsla(0, 0%, 44%, .3); box-shadow: inset 0 0 4px hsla(0, 0%, 44%, .3) } .course-list .course-date .btn-circle>i { font-size: 24px; line-height: 34px } .course-list .course-date .btn-circle.btn-live { background: #43bc60 } .course-list .course-price-widget { float: right } .course-price-widget .price { color: #ed3e3e; font-size: 18px; margin-right: 0 } .course-price-widget .discountPrice { color: #999999 !important; text-decoration: line-through; margin-right: 5px; } .course-price-widget .free { color: #43bc60 } .course-price-widget .discount { color: #ffa51f } .es-banner { position: relative; height: 80px; padding: 20px 0; background-color: #f5f5f5; letter-spacing: 1px } @media (max-width:767px) { .es-banner { height: 60px; padding: 15px 0 } } .es-banner .container { position: relative } .es-banner .title { text-transform: uppercase; padding: 6px 0; font-size: 20px } @media (max-width:767px) { .es-banner .title { font-size: 16px } } .es-banner .title>i { display: none; float: left; margin-right: 10px; margin-top: 3px; font-size: 20px } @media (max-width:767px) { .es-banner .title>i { font-size: 16px; margin-right: 5px } } .es-banner .more { position: absolute; top: 0; right: 10px } @media (max-width:767px) { .es-banner .more .btn { padding: 8px 20px } } .nav-filter { padding: 10px 0; border-bottom: 1px solid #f5f5f5 } .nav-filter .btn-group { float: right; margin-top: -5px } .nav-filter .nav-pills { float: left } .nav-filter .nav-pills>li { margin-right: 15px } .ask_questions { border: 1px solid #0081e6; padding: 5px 25px !important; color: #0081e6; background: #fff; } .ask_questions .ask_btn { display: block; color: #0081e6; } @media (max-width:767px) { .nav-filter .nav-pills>li { margin-right: 10px } } .nav-filter .nav-pills>li.dropdown>a { color: #616161; border: none; background: none; padding: 4px 0 } .nav-filter .nav-pills>li.dropdown>a:hover { color: #43bc60 } .topic-list .topic-item { position: relative; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #f5f5f5 } .topic-list .topic-item .title { margin-bottom: 10px } .topic-list .topic-item .title a { color: #616161 } .topic-list .topic-item .title a, .topic-list .topic-item .title a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .topic-list .topic-item .title a:hover { color: #43bc60 } .topic-list .topic-item .metas { color: #919191 } .topic-list .topic-item .metas>.name { color: #616161 } .topic-list .topic-item .metas>.name, .topic-list .topic-item .metas>.name:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .topic-list .topic-item .metas>.name:hover { color: #43bc60 } @media (min-width:768px) { .topic-list .topic-item .metas>span { margin: 0 5px } } .topic-list .topic-item .metas>.period { color: #43bc60 } @media (min-width:768px) { .topic-list .topic-item .metas>.period { margin: 0 5px } } @media (min-width:768px) { .topic-list .media-body { padding-right: 100px } } .topic-list .media-data { position: absolute; top: 5px; right: 0; text-align: center; color: #919191 } .topic-list .media-data span { padding: 0 10px; display: inline-block } .topic-list .media-data span+span { border-left: 1px solid #e1e1e1 } .note-filter .btn-group .dropdown-menu { max-height: 300px; overflow-y: auto } .note-list .note-item { position: relative; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #f5f5f5 } .note-list .note-item .content { margin-bottom: 20px; max-height: 90px; overflow: hidden } .note-list .note-item .content.active { max-height: none } .note-list .note-item .content p { line-height: 30px; margin-bottom: 0 } .note-list .note-item .more { display: none; margin-bottom: 20px } .note-list .note-item .metas { color: #919191 } .note-list .note-item .metas>.name { color: #616161 } .note-list .note-item .metas>.name, .note-list .note-item .metas>.name:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .note-list .note-item .metas>.name:hover { color: #43bc60 } @media (min-width:768px) { .note-list .note-item .metas>span { margin: 0 5px } } .note-list .note-item .metas>.period { color: #43bc60 } @media (min-width:768px) { .note-list .note-item .metas>.period { margin: 0 5px } } .note-list .note-item .metas .metas-sns { float: right } .note-list .note-item .metas .metas-sns>span { margin-left: 10px } .note-list .note-item .metas .metas-sns>span i { margin-right: 3px } .note-list .note-item .metas .metas-sns>span>a { color: #919191 } .note-list .note-item .metas .metas-sns>span>a, .note-list .note-item .metas .metas-sns>span>a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .note-list .note-item .metas .metas-sns>span>a:hover { color: #43bc60 } .note-list .note-item .metas .icon-favour.active>a>i { animation: rotate 2s; -moz-animation: rotate 2s; -webkit-animation: rotate 2s; -o-animation: rotate 2s } .es-bar { position: fixed; top: 0; bottom: 0; right: -230px; width: 265px; z-index: 888; background-color: #fff } .es-bar .go-top { visibility: hidden; opacity: 0; filter: alpha(opacity=0) } .es-bar .go-top, .es-bar .go-top.show { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .es-bar .go-top.show { visibility: visible; opacity: 1; filter: alpha(opacity=100) } .es-bar-menu { position: absolute; top: 0; left: 0; bottom: 0; width: 35px; background-color: #fff; -webkit-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, .1); -moz-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, .1); box-shadow: -1px 0 2px 0 rgba(0, 0, 0, .1) } .es-bar-menu>ul { position: absolute; left: 0; right: 0; padding: 0; text-align: center; list-style-type: none; margin-bottom: 0 } .es-bar-menu>ul>li { position: relative; margin: 10px auto; padding: 8px 0; display: block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .es-bar-menu>ul>li .popover { min-width: 250px; margin-right: 50px } .es-bar-menu>ul>li.bar-weixin-btn .popover { min-width: 120px; text-align: center } .es-bar-menu>ul>li.bar-weixin-btn .popover-content { padding: 5px } .es-bar-menu>ul>li.active, .es-bar-menu>ul>li:hover { background-color: #43bc60 } .es-bar-menu>ul>li.active, .es-bar-menu>ul>li.active>a, .es-bar-menu>ul>li:hover, .es-bar-menu>ul>li:hover>a { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .es-bar-menu>ul>li.active>a, .es-bar-menu>ul>li:hover>a { color: #fff } .es-bar-menu>ul>li>a { display: block; color: #616161; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .es-bar-menu>ul>li>a>i { display: block; font-size: 18px } .bar-menu-top { top: 100px; background-color: #fff; z-index: 2 } .bar-menu-top .bar-user { padding: 10px 0; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5 } .bar-menu-top .bar-user.active .badge, .bar-menu-top .bar-user:hover .badge { background-color: #fff; color: #43bc60; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .bar-menu-top>li { position: relative } .bar-menu-top>li .dot { position: absolute; top: 8px; right: 6px } .bar-menu-sns { bottom: 0; z-index: 1 } .bar-menu-sns .popover-content { max-height: 300px; overflow-x: hidden; overflow-y: auto } .es-bar-main { position: absolute; left: 35px; bottom: 0; width: 230px; z-index: 888; opacity: 0; filter: alpha(opacity=0); visibility: hidden; background-color: #fafafa; -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8) } .es-bar-main, .es-bar-main.active { top: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .es-bar-main.active { opacity: 1; filter: alpha(opacity=100); z-index: 999; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .es-bar-main .bar-main-header { position: relative; height: 40px; line-height: 40px; padding: 0 10px; font-size: 16px; text-align: center } .es-bar-main .bar-main-header>a { position: absolute; left: 10px } .es-bar-main .bar-main-body { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; overflow-x: hidden; font-size: 12px; margin-top: 60px; padding: 0 15px } .es-bar-main .bar-main-body .ps-scrollbar-x-rail { display: none !important } .es-bar-main .btn-action { margin-bottom: 20px; padding: 0 10px; text-align: center } .es-bar-main .btn-action span { position: relative } .es-bar-main .btn-action .dot-md { position: absolute; top: -4px; right: -4px } .es-bar-main .course-item { margin-bottom: 20px !important } .es-bar-main .course-item .title { margin: 0; padding: 5px 10px } .es-bar-main .progress { margin-bottom: 0 } .bar-message { list-style-type: none; padding-left: 0 } .bar-message>li { position: relative; margin-top: 0; padding: 15px 0; border-bottom: 1px dashed #e1e1e1 } .bar-message>li:last-child { border: none } .bar-message>li .notification-footer { margin-top: 5px; color: #919191 } .bar-message>li>i { position: absolute; top: 6px; left: -15px } .bar-message .notification-body { color: #919191 } .bar-message .notification-body strong { font-weight: 400 } .bar-message .notification-body a { color: #313131 } .bar-message .notification-body a:hover { color: #43bc60; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .bar-homework li { padding: 10px 0 } .bar-user-center { text-align: center } .bar-user-center p { font-size: 14px; margin-top: 20px } .bar-preview { padding-left: 0; list-style-type: none } .bar-preview>li { margin-bottom: 20px } .bar-preview>li i { margin-right: 5px } .bar-preview .date { color: #919191 } .bar-task { padding: 10px 0; margin-bottom: 10px; border-bottom: 1px dashed #e1e1e1 } .bar-task:last-child { border: none } .bar-task .bar-task-header { background-color: #43bc60; color: #fff; padding: 4px 10px; line-height: 16px; border-radius: 20px } .bar-task .bar-task-header .title { position: relative; padding-right: 45px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .bar-task .bar-task-header .title span { position: absolute; top: 0; right: 5px } .bar-task .bar-time-line { position: relative; padding-left: 0; list-style-type: none } .bar-task .bar-time-line>li { position: relative; padding: 20px 0 0 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .bar-task .bar-time-line>li:before { position: absolute; content: ""; top: 0; left: 10px; width: 2px; height: 100%; background-color: #43bc60 } .bar-task .bar-time-line>li .es-icon { position: absolute; top: 20px; left: 4px; display: inline-block; font-size: 14px; line-height: 17px; text-align: center; z-index: 1; color: #43bc60; background-color: #fafafa } .bar-history { position: relative; padding: 15px 0; z-index: 1 } .bar-history:before { position: absolute; content: ""; top: 0; left: 26px; width: 2px; height: 100%; background-color: #e1e1e1; z-index: -1 } .bar-history .date { display: inline-block; height: 24px; width: 54px; line-height: 24px; background-color: #e1e1e1; text-align: center; color: #fff } .bar-history ul { margin-bottom: 0 } .bar-history ul>li { position: relative; padding: 30px 0 0 45px } .bar-history ul>li .icon { position: absolute; top: 28px; left: 17px; display: inline-block; width: 20px; height: 20px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #43bc60 } .js-user-card { display: inline-block } .es-card { width: 330px; max-width: 330px; z-index: 999 } .es-card .popover-content { padding: 0 } .es-card .card-header { position: relative; padding: 15px; min-height: 95px; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #f5f5f5 } .es-card .media { padding-right: 70px } .es-card .media-left { position: relative } .es-card .avatar-md { border: 2px solid #fff } .es-card .user-avatar { position: relative } .es-card .icon-user-status { position: absolute; bottom: 0; right: 0 } .es-card .content { font-size: 12px; margin-top: 6px; color: #919191 } .es-card .metas { position: absolute; top: 15px; right: 15px; width: 70px; text-align: right } .es-card .metas .btn { margin-bottom: 12px } .es-card .metas .btn:last-child { margin-bottom: 0 } .es-card .card-body { line-height: 24px; padding: 20px; color: #919191 } .es-card .card-footer { border-top: 1px solid #f5f5f5 } .es-card .card-footer span { float: left; width: 33.33%; margin: 5px auto; text-align: center; line-height: 24px; border-right: 1px solid #f5f5f5 } .es-card .card-footer span:last-child { border: none } .sign_main { position: absolute; right: 0; width: 280px; background: #fbfefe; display: none; margin-top: 10px; z-index: 9999; border: 1px solid #ccc } .sign_main .disabled-next { cursor: not-allowed; color: #999 } .sign_main table { width: 278px; border: 1px solid #e3e3e3; border-width: 1px 0; background: #fff; color: #666 } .sign_main thead { color: #999 } .sign_main table tr td { border-bottom: 1px solid #e3e3e3 } .sign_main table tbody td { border-right: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3 } .sign_main .calendar_title_month { height: 40px } .sign_main .keep-days, .sign_main .signed-number, .sign_main .today-rank { color: #ff7f3e } .sign_main .calendar_title_month span:hover { cursor: pointer } .sign_main .title-month { font-size: 14px; color: #656565 } .sign_main .title-margin { margin: 10px } .sign_main .signed_anime_day, .sign_main .signed_day { background: url("/static-dist/app/img/sign_have_anime.gif") 50% no-repeat } .es-filter { position: relative; background-color: #fafafa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 30px } .es-filter .nav-sort>li { float: left } .es-filter .nav-sort>li>a { height: 40px; padding: 10px 15px; color: #616161 } .es-filter .nav-sort>li>a, .es-filter .nav-sort>li>a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .es-filter .nav-sort>li>a:hover { color: #43bc60 } .es-filter .nav-sort>li>a.active { color: #fff; background-color: #43bc60 } .es-filter .nav-sort>li>a.active:hover { color: #fff } .es-filter .btn-group.open .dropdown-toggle { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #43bc60 } .es-filter .filter { position: absolute; text-align: right; top: 0; right: 15px } .es-filter .filter .btn { background: none; padding: 10px 0 } .es-filter .filter .btn, .es-filter .filter .btn:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .es-filter .filter .btn:hover { color: #43bc60 } .es-filter .filter .btn>i { font-size: 18px } .es-filter .filter label { margin-left: 15px; margin-top: 11px; vertical-align: top } .es-filter .filter label, .es-filter .filter label:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .es-filter .filter label:hover { color: #43bc60 } .card-pack-list .card-pack-item { margin: 0 auto 30px } .card-pack-item { position: relative; width: 254px; height: 172px; margin: 0 auto; text-align: center; color: #fff; font-size: 12px } .card-pack-item h4 { position: absolute; font-size: 18px; left: 18px } .card-pack-item p { margin-bottom: 0 } .card-pack-item .title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .card-pack-item .price { margin-bottom: 18px; margin-top: 10px } .card-pack-item .price strong { font-size: 30px; font-weight: 400 } .card-pack-item .price a { color: #fff; padding-left: 8px } .card-pack-item .stamp { position: absolute; display: inline-block; width: 132px; height: 132px; bottom: 8px; left: 15px } .card-pack-item .stamp.stamp-outdate { background: url("/static-dist/app/img/card.png") no-repeat 0 -349px } .card-pack-item .stamp.stamp-cancel { background: url("/static-dist/app/img/card.png") no-repeat -410px -351px } .card-pack-item.coupon-item { background: url("/static-dist/app/img/card.png") no-repeat } .card-pack-item.coupon-item.useless { background: url("/static-dist/app/img/card.png") no-repeat 0 -174px } .card-pack-item.coupon-item .title { padding-top: 38px } .card-pack-item.coupon-item .stamp-used { background: url("/static-dist/app/img/card.png") no-repeat -140px -349px } .card-pack-item.card-item { background: url("/static-dist/app/img/card.png") no-repeat -260px 0 } .card-pack-item.card-item.useless { background: url("/static-dist/app/img/card.png") no-repeat -260px -174px } .card-pack-item.card-item .title { padding-top: 58px } .card-pack-item.card-item .stamp-used { background: url("/static-dist/app/img/card.png") no-repeat -275px -351px } .modal-card-pack.modal-logined .modal-content:after { position: absolute; width: 96px; height: 97px; top: 105px; right: 90px; content: ""; background: url("/static-dist/app/img/card_user.png") 50% no-repeat } @media (max-width:767px) { .modal-card-pack.modal-logined .modal-content:after { display: none } } .modal-card-pack .modal-content { position: relative; background: url("/static-dist/app/img/card_bg.png") #feba37 50% no-repeat; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px } .modal-card-pack .modal-body { padding: 30px } @media (max-width:767px) { .modal-card-pack .modal-body { padding: 15px } } .modal-card-pack .modal-body .modal-info { text-align: center; color: #fff; font-size: 22px; margin-bottom: 30px } @media (max-width:767px) { .modal-card-pack .modal-body .modal-info { margin-bottom: 20px; font-size: 18px } } .modal-card-pack .modal-body .modal-action { margin-top: 30px; text-align: center } @media (max-width:767px) { .modal-card-pack .modal-body .modal-action { margin-top: 20px } } .task-list { list-style: none; padding: 0; margin-bottom: 0 } .task-list .task-item { position: relative; background-color: transparent; margin-bottom: 10px } .task-list .task-item.task-content.active, .task-list .task-item.task-content:hover { background-color: #f3fee8 } .task-list .task-item.task-content .title { color: #616161 } .task-list .task-item .title { display: block; word-wrap: break-word; word-break: break-all; padding: 12px 90px 12px 50px } .task-list .task-item .left-menu { position: absolute; left: 20px; top: 14px } .task-list .task-item .right-menu { position: absolute; top: 12px; right: 20px } .task-list .task-item .btn-learn { margin-top: -6px } .task-list.task-list-gray .task-item { background-color: #f8f8f8 } .task-list.task-list-md .task-item { margin-bottom: 10px } .task-list.task-list-md .title { padding: 15px 100px 15px 35px } .task-list.task-list-md .left-menu { left: 10px; top: 17px } .task-list.task-list-md .right-menu { right: 20px; top: 20px; font-size: 12px; } .task-list.task-list-hover .task-item.task-content:hover { background-color: #f3fee8 } .task-list.task-show .task-item.active.task-content .left-menu, .task-list.task-show .task-item.active.task-content .title, .task-list.task-show .task-item:hover.task-content .left-menu, .task-list.task-show .task-item:hover.task-content .title { color: #43bc60 } .task-list.task-chart { margin-right: -18px } .task-list.task-chart .task-item { float: left; width: 33.2%; margin-bottom: 20px; background-color: #f8f8f8; border-right: 20px solid #fff } .task-list.task-chart .task-item.half { width: 50% } .task-list.task-chart .task-item .title { color: #616161; padding: 18px 80px 28px 45px } .task-list.task-chart .task-item .title .task-overflow { display: block; overflow: hidden; line-height: 20px; height: 40px } .task-list.task-chart .task-item .left-menu { top: 20px } .task-list.task-chart .task-item .right-menu { top: 18px } .task-list.task-chart .task-item .task-type-icon { font-size: 48px; margin-right: -5px; margin-top: -6px; color: #e9eaea } .task-manage-list .settings-list { padding: 0; display: none; list-style: none; background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .task-manage-list .settings-list .settings-item { float: left; width: 20%; text-align: center } .task-manage-list .settings-list .settings-item>a { color: #919191; line-height: 58px } .task-manage-list .settings-list .settings-item.active>a, .task-manage-list .settings-list .settings-item>a:hover { color: #43bc60 } .task-manage-list .settings-list .settings-item .after { line-height: 55px; color: #c1c1c1; float: right } .mouse-control>.mouse-leave { display: inline-block } .mouse-control:hover>.mouse-leave, .mouse-control>.mouse-enter { display: none } .mouse-control:hover>.mouse-enter { display: inline-block } .alert-notice { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; margin-bottom: 0 !important; padding: 0 !important; border: none !important } .alert-notice .swiper-container { position: relative; height: 38px; line-height: 38px; overflow: hidden } .alert-notice .swiper-wrapper { padding-right: 30px } .alert-notice .swiper-slide { float: none; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .alert-notice .close { float: none; position: absolute; top: 5px; right: 0; width: 30px } .aside-notice { padding: 0 } .aside-notice .swiper-container { position: relative; padding: 0 15px; height: 38px; line-height: 38px; overflow: hidden } .aside-notice .swiper-slide { float: none; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .es-poster { position: relative; background: #fff; margin: 0 auto; max-height: 340px; } .es-poster .swiper-slide { margin: 0 auto; width: 100%; height: 100%; visibility: visible } .es-poster .swiper-slide .container { position: relative; padding: 0; } .es-poster .swiper-slide .img-responsive { margin: 0 auto } .es-poster .swiper-slide .mask { position: absolute; top: 0; left: 10px; right: 10px; height: 100% } .es-poster .swiper-slide .mask .container { position: relative; height: 100% } .es-poster .swiper-slide .title { position: absolute; top: 130px; left: 50px; line-height: 80px; margin-bottom: 20px; font-size: 70px; color: #fff; opacity: 0 } .es-poster .swiper-slide .title span { display: block } @media (max-width:1199px) { .es-poster .swiper-slide .title { font-size: 60px } } @media (max-width:991px) { .es-poster .swiper-slide .title { font-size: 40px; line-height: 50px; top: 100px } } @media (max-width:767px) { .es-poster .swiper-slide .title { top: 20px; left: 0; right: 0; text-align: center; font-size: 26px } .es-poster .swiper-slide .title span { display: inline-block } } .es-poster .swiper-slide .subtitle { position: absolute; top: 320px; left: 50px; color: #43bc60; font-size: 22px; opacity: 0 } .es-poster .swiper-slide .subtitle span { margin-right: 20px } @media (max-width:991px) { .es-poster .swiper-slide .subtitle { top: 220px; font-size: 18px } } @media (max-width:767px) { .es-poster .swiper-slide .subtitle { left: 0; right: 0; text-align: center; top: 80px } .es-poster .swiper-slide .subtitle span { margin: 0 10px } } .es-poster .swiper-slide .item-mac { position: absolute; bottom: 50px; right: 0; max-width: 70%; opacity: 0 } @media (min-width:992px) and (max-width:1199px) { .es-poster .swiper-slide .item-mac { width: 550px } } @media (max-width:991px) { .es-poster .swiper-slide .item-mac { width: 400px } } @media (max-width:767px) { .es-poster .swiper-slide .item-mac { display: none } } .es-poster .swiper-slide.swiper-slide-active .title { -webkit-animation: fadeInUp 1s .2s ease both; -moz-animation: fadeInUp 1s .2s ease both; -o-animation: fadeInUp 1s .2s ease both; animation: fadeInUp 1s .2s ease both } .es-poster .swiper-slide.swiper-slide-active .subtitle { -webkit-animation: fadeInLeft 1s .8s ease both; -moz-animation: fadeInLeft 1s .8s ease both; -o-animation: fadeInLeft 1s .8s ease both; animation: fadeInLeft 1s .8s ease both } .es-poster .swiper-slide.swiper-slide-active .item-mac { -webkit-animation: fadeInRight 1s .2s ease both; -moz-animation: fadeInRight 1s .2s ease both; -o-animation: fadeInRight 1s .2s ease both; animation: fadeInRight 1s .2s ease both } .swiper-pager { position: absolute; bottom: 30px; z-index: 100; width: 100%; text-align: center } @media (max-width:767px) { .swiper-pager { display: none } } /* .swiper-pager span { font-size: 0; margin: 0 10px; width: 15px; height: 15px; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #fff } @media (max-width:767px) { .swiper-pager span { width: 10px; height: 10px; margin: 0 5px } } .swiper-pager span:hover { cursor: pointer } .swiper-pager span.swiper-active-switch, .swiper-pager span:hover { background: #fff; opacity: 1; filter: alpha(opacity=100) } */ .section-more-btn { text-align: center; margin: 20px auto } @media (max-width:767px) { .section-more-btn { margin: 10px auto } .section-more-btn .btn { padding: 6px 12px } } .course-filter { position: relative; min-height: 48px; margin: 0 0 20px; padding-right: 150px } @media (max-width:767px) { .course-filter { min-height: 30px } .course-filter .btn { padding: 3px 6px } } .course-filter .nav-pills>li { margin: 0 30px 10px 0 } .course-filter .course-sort { position: absolute; right: 0; top: 0 } .course-list-section { position: relative; padding-bottom: 20px; background: #fff } @media (max-width:767px) { .course-list-section { padding-bottom: 0 } } .live-course-section { padding-bottom: 20px; background: #fafafa } .introduction-section { position: relative; background-color: #43bc60 } .introduction-section h3 { margin-bottom: 20px } @media (max-width:767px) { .introduction-section h3 { font-size: 14px } } .introduction-section img { margin: 0 auto 30px } .introduction-section .introduction-item { margin: 90px 0; text-align: center; vertical-align: top; display: block; color: #fff } @media (max-width:991px) { .introduction-section .introduction-item { margin: 40px 0 } } .class-section { padding-bottom: 20px; background-color: #fff } .recommend-class-list .class-item { position: relative; margin: 0 auto 30px; z-index: 1; border: 1px solid #e4ecf3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } @media (max-width:767px) { .recommend-class-list .class-item { margin: 0 -5px 20px } } .recommend-class-list .class-item .class-img-wrap { position: relative; overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px } .recommend-class-list .class-item .class-img-wrap .mask { position: absolute; top: 0; bottom: 0; right: 0; left: 0; text-align: center; background-color: rgba(0, 0, 0, .8); opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border-top-left-radius: 4px; border-top-right-radius: 4px } .recommend-class-list .class-item .class-img-wrap .mask .btn { margin-top: 80%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .recommend-class-list .class-item .class-img { display: block } .recommend-class-list .class-item .img-responsive { width: 100% } .recommend-class-list .class-item h3 { margin: 15px 5px; font-size: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; text-align: center } @media (max-width:767px) { .recommend-class-list .class-item h3 { margin: 10px 5px; font-size: 14px } } .recommend-class-list .class-item .metas { margin: 15px 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; text-align: center } @media (max-width:767px) { .recommend-class-list .class-item .metas { margin: 10px 0; font-size: 12px } } .recommend-class-list .class-item .metas span { margin: 0 3px } .recommend-class-list .class-item:hover .mask { opacity: 1 } .recommend-class-list .class-item:hover .mask, .recommend-class-list .class-item:hover .mask .btn { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .recommend-class-list .class-item:hover .mask .btn { margin-top: 30% } .open-course-list-section .course-item .course-img .img-responsive { padding: 0 } .dynamic-section-main .panel { height: 300px } @media (max-width:767px) { .dynamic-section-main .panel { height: auto } } .dynamic-section { padding-bottom: 20px; background: #f5f8fa } .index-group { padding-bottom: 3px } .index-group .media-group-list .media-group { margin-top: 18.5px } .index-article .index-recommend-aricle { float: left; width: 35%; padding-left: 0; margin-bottom: 0 } @media (max-width:1199px) { .index-article .index-recommend-aricle { width: 43% } } @media (max-width:991px) { .index-article .index-recommend-aricle { width: 28% } } @media (max-width:767px) { .index-article .index-recommend-aricle { width: 100% } } .index-article .index-recommend-aricle li { position: relative; list-style-type: none; margin-bottom: 10px; overflow: hidden } @media (max-width:767px) { .index-article .index-recommend-aricle li { float: left; width: 50% } } .index-article .index-recommend-aricle li.last { margin-bottom: 0 } .index-article .index-recommend-aricle li img { width: 100%; height: 103px } @media (max-width:991px) { .index-article .index-recommend-aricle li img { height: auto } } .index-article .index-recommend-aricle .title { position: absolute; bottom: 5px; left: 10px; right: 10px; color: #fff; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .index-article .index-new-article { float: left; width: 65%; padding-left: 20px; margin-bottom: 0 } .index-article .index-new-article.full { width: 100% !important; padding-left: 0 } @media (max-width:1199px) { .index-article .index-new-article { width: 57% } } @media (max-width:991px) { .index-article .index-new-article { width: 72% } } @media (max-width:767px) { .index-article .index-new-article { width: 100%; padding-left: 0 } } .index-article .index-new-article .date { position: absolute; top: 0; right: 0; color: #c1c1c1 } .index-article .index-new-article li { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; margin-bottom: 27.5px; padding-right: 80px } @media (max-width:767px) { .index-article .index-new-article li { margin-bottom: 20px } } .index-article .index-new-article li.last { margin-bottom: 0 } .recommend-teacher { padding-bottom: 20px; background: #fff } .es-friend-link { border-top: 1px solid #e1e8ed; background-color: #f5f8fa; padding: 20px 0 } @media (max-width:767px) { .es-friend-link { padding: 10px 0 } } .es-friend-link .container { position: relative } .es-friend-link .container .title { position: absolute; top: 2px; left: 0; color: #919191; font-size: 18px } @media (max-width:767px) { .es-friend-link .container .title { display: none } } .es-friend-link .container ul { padding-left: 80px; margin-bottom: 0 } @media (max-width:767px) { .es-friend-link .container ul { padding-left: 0 } } .es-friend-link .container ul li { margin: 5px 30px; display: inline-block } @media (max-width:1199px) { .es-friend-link .container ul li { margin: 5px 15px } } @media (max-width:767px) { .es-friend-link .container ul li { margin: 5px } } .feature-banner img { margin: 0 auto } .aricle-carousel { overflow: hidden } .aricle-carousel .swiper-container { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .aricle-carousel .swiper-container, .aricle-carousel .swiper-slide { position: relative; width: 100%; height: 100% } .aricle-carousel .swiper-slide img { width: 100% } .aricle-carousel .swiper-slide .image-overlay, .aricle-carousel .swiper-slide img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .aricle-carousel .swiper-cat { position: absolute; bottom: 80px; left: 20px; right: 20px; opacity: .7; filter: alpha(opacity=70); color: #fff; z-index: 1 } .aricle-carousel .swiper-caption { position: absolute; font-size: 24px; left: 20px; right: 20px; bottom: 40px; color: #fff; z-index: 1; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } @media (max-width:1199px) { .aricle-carousel .swiper-caption { font-size: 20px } } @media (max-width:991px) { .aricle-carousel .swiper-caption { font-size: 18px } } @media (max-width:767px) { .aricle-carousel .swiper-caption { font-size: 16px; bottom: 10px } } .aricle-carousel .swiper-pager { position: absolute; bottom: 10px; z-index: 100; width: 100%; text-align: center } @media (max-width:767px) { .aricle-carousel .swiper-pager { display: none } } .aricle-carousel .swiper-pager span { font-size: 0; margin: 0 5px; width: 10px; height: 10px; display: inline-block; background: none; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .aricle-carousel .swiper-pager span.swiper-active-switch, .aricle-carousel .swiper-pager span:hover { background: #fff; color: #43bc60; opacity: 1; filter: alpha(opacity=100) } .aricle-carousel .swiper-pager span:hover { cursor: pointer } .topic-post-small { position: relative; border-collapse: collapse; display: block; color: #fff } .topic-post-small+.topic-post-small { margin-top: 12px } .topic-post-small:hover { color: #fff } .topic-post-small:hover, .topic-post-small:hover .image-overlay { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .topic-post-small:hover .image-overlay { opacity: .2; filter: alpha(opacity=20) } .topic-post-small img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .topic-post-small .content { position: absolute; left: 0; right: 0; bottom: 0; margin: 20px; z-index: 1 } .topic-post-small .content .title { margin: 0; line-height: 25px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .topic-post-small .content p { margin-bottom: 5px; font-size: 12px; opacity: .7; filter: alpha(opacity=70) } .article-list .article-item { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f5f5f5 } @media (max-width:767px) { .article-list .article-item .media-left { width: 100%; display: block; padding-right: 0; margin-bottom: 10px } .article-list .article-item .media .thumb-img { width: 100% } } .article-list .article-item .content { margin-top: 15px; color: #919191 } .article-list .media { color: #919191 } .article-list .media .media-body { padding-left: 10px; line-height: 25px } .article-list .media .thumb-img { width: 260px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .article-list .pager { margin: 40px 0 20px } .article-metas { overflow: hidden } .article-metas .date { height: 45px; width: 45px; text-align: center; color: #919191; background-color: #f5f5f5; border-radius: 50% } .article-metas .date .day { padding-top: 5px; font-size: 16px; line-height: 1.2 } .article-metas .date .month { font-size: 12px } .article-metas .metas-body { padding-left: 60px } .article-metas .metas-body p { margin-bottom: 0; font-size: 12px } .article-metas .metas-body .title { margin: 0; line-height: 32px } @media (max-width:1199px) { .article-metas .metas-body .title { font-size: 20px; line-height: 30px } } @media (max-width:767px) { .article-metas .metas-body .title { font-size: 16px; line-height: 20px } } .article-metas .metas-body .title a { color: #616161 } .article-metas .metas-body .title a, .article-metas .metas-body .title a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .article-metas .metas-body .title a:hover { color: #43bc60 } .article-metas .metas-body .sns { color: #919191; margin: 10px auto } .article-metas .metas-body .sns span { margin-right: 10px } .article-metas .metas-body .sns span i { margin-right: 5px } .article-text p { line-height: 30px; margin: 20px auto 30px } @media (max-width:767px) { .article-text p { margin: 10px auto 20px } } .article-text img { margin: 10px auto; display: block; max-width: 100%; height: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .article-sns { margin: 30px auto 10px; font-size: 16px } .article-sns .es-share>a, .article-sns a.love { margin-right: 20px; color: #919191 } .article-sns .es-share>a:hover, .article-sns a.love:hover { color: #43bc60 } .article-sns .es-share>a i, .article-sns a.love i { margin-right: 5px; font-size: 22px } .related-article { margin-top: 30px; padding: 15px 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1 } .related-article .row { margin: 0 -5px } .related-article .col-sm-4 { position: relative; display: block; padding: 0 5px; margin: 5px auto } .related-article .related-item { position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden } .related-article .related-item img { width: 100% } .related-article .title { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 20px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; color: #fff; z-index: 999 } .es-commet { margin: 30px auto } .es-commet .badge { margin-left: 5px } .es-commet textarea { margin: 20px auto } .es-commet>.form-group { line-height: 38px } .artcile-comments { padding-left: 0; border-top: 1px solid #f5f5f5 } .class-list .class-item { background-color: #fff; margin: 10px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) } .class-list .class-item .class-img { position: relative } .class-list .class-item .image-overlay { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .class-list .class-item h3 { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; font-size: 16px; color: #fff; z-index: 1; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .class-list .class-item .img-responsive { width: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px } .class-list .class-item .class-data { list-style-type: none; padding: 15px 0; margin-bottom: 0; background-color: #f5f5f5; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .class-list .class-item .class-data>li { float: left; width: 33.33%; text-align: center; color: #919191; line-height: 40px; border-right: 1px solid #e1e1e1 } .class-list .class-item .class-data>li:last-child { border: none } .class-list .class-item .class-data>li>i { margin-right: 5px } .class-list .class-item .class-serve { margin-bottom: 0; height: 70px } .class-bg-layer { position: absolute; top: 5px; left: 5px; right: 5px; height: 100%; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); z-index: -1 } @media (max-width:767px) { .class-bg-layer { top: 2px; left: 2px } } .class-header .class-bg-layer { top: 8px } .class-header .class-header-mian { position: relative } .class-header .class-header-bg { background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) } .class-header .class-img { float: left } .class-header .class-img img { display: block; max-width: 100%; height: auto; width: 100%; border-top-left-radius: 4px } @media (min-width:768px) { .class-header .class-img img { border-bottom-left-radius: 4px } } @media (max-width:767px) { .class-header .class-img img { border-top-right-radius: 4px } } .class-header .class-info { float: left } .class-header .class-info>.title { margin-top: 15px } @media (max-width:1199px) { .class-header .class-info>.title { font-size: 20px } } .class-header .class-info>.metas { min-height: 40px; margin-bottom: 20px; color: #919191 } @media (max-width:1199px) { .class-header .class-info>.metas { min-height: 30px; margin-bottom: 8px } } @media (max-width:991px) { .class-header .class-info>.metas { margin-bottom: 10px } } .class-header .class-info .price span { font-size: 24px; color: #1583E3; } @media (max-width:1199px) { .class-header .class-info .price span { font-size: 20px } } .class-header .class-serve { position: relative; height: 70px; border: 1px dashed #f5f5f5 } .class-header .class-serve .serve-frame { position: absolute; top: 0; bottom: 0; left: 0; width: 30px; padding: 5px; font-size: 12px; line-height: 15px; text-align: center; background-color: #f5f5f5 } .class-header .class-serve>ul { padding: 25px 10px 25px 40px } .class-header .class-data { list-style-type: none; padding: 11px 0; margin-bottom: 0; background-color: #fafafa } .class-header .class-data>li { float: left; margin: 10px 0; color: #919191; text-align: center; line-height: 30px; border-left: 1px solid #f5f5f5 } @media (max-width:1199px) { .class-header .class-data>li { padding: 8px 0; line-height: 25px; padding: 5px 0; line-height: 20px } } .class-header .class-data>li:first-child { border: none } .class-header .class-data>li p { margin-bottom: 0 } .class-header .class-data>li i { font-size: 26px } .class-header .class-data>li .dropdown-toggle { color: #919191 } .class-header .class-data>li .dropdown-toggle:hover { color: #43bc60 } .class-header .setting { position: absolute; top: 10px; right: 10px; padding: 0 3px } .class-header .setting+.setting { right: 35px } .class-header.before .class-img { position: relative; width: 50% } @media (max-width:991px) { .class-header.before .class-img { width: 40% } } @media (max-width:767px) { .class-header.before .class-img { width: 100% } } .class-header.before .class-img .label { position: absolute; top: 5px; left: 5px } .class-header.before .class-info { width: 50% } @media (max-width:991px) { .class-header.before .class-info { width: 60% } } @media (max-width:767px) { .class-header.before .class-info { width: 100% } } .class-header.before .class-info>.title { margin: 20px } @media (max-width:1199px) { .class-header.before .class-info>.title { margin: 20px 20px 15px } } .class-header.before .class-info>.metas { min-height: 60px; padding-left: 20px } @media (max-width:1199px) { .class-header.before .class-info>.metas { min-height: 50px; padding-left: 20px } } .class-header.before .bottom-metas { padding: 20px } @media (max-width:1199px) { .class-header.before .bottom-metas { padding: 10px } } @media (max-width:991px) { .class-header.before .bottom-metas { padding: 0 10px } } .class-header.before .bottom-metas .btn-buy { float: right; width: 50%; line-height: 70px; text-align: right } @media (max-width:991px) { .class-header.before .bottom-metas .btn-buy { width: 100%; height: 60px; line-height: 60px } } .class-header.before .bottom-metas .btn-buy .btn-link { color: #919191 } .class-header.before .bottom-metas .btn-buy .btn-link:hover { color: #43bc60; text-decoration: none } .zb-bg{ background: linear-gradient(90deg,#ff9c42 0%,#ff7224 100%) !important; border: none; } .class-header.before .bottom-metas .btn-buy .btn-lg { padding: 13px 40px; font-size: 14px } @media (max-width:1199px) { .class-header.before .bottom-metas .btn-buy .btn-lg { padding: 10px 25px } } .class-header.before .class-serve { float: left; width: 50% } @media (max-width:767px) { .class-header.before .class-serve { width: 100% } } .class-header.before .class-data>li { width: 33.33% } .class-header.before .class-data.active>li { width: 25% } .class-header.after .class-img { width: 300px } @media (max-width:991px) { .class-header.after .class-img { width: 240px } } @media (max-width:767px) { .class-header.after .class-img { width: 100% } .class-header.after .class-img:nth-of-type(1), .new-classroom-course-detail.new-course-detail .class-img:nth-of-type(1) { height: 100% } .class-header.after .class-info { width: 100%; } } .class-header.after .class-info { width: 410px; padding: 0 20px } @media (max-width:1199px) { .class-header.after .class-info { width: 340px } } @media (max-width:767px) { .class-header.after .class-info { width: 100% } } @media (min-width:992px) { .class-header.after .class-info { width: 55%; padding: 0 20px; position: relative; } } @media (max-width:470px) { .class-header .class-info>.title, .class-header.after .class-info { margin-top: 0 !important; } .class-header .graph { margin-bottom: 0 !important; } } @media (max-width:370px) { .class-header .graph { margin-left: 5px !important; } .question-box.card-report-top .num { font-size: 2.6rem !important; } } .class-header.after .class-info .price span { font-size: 16px } .class-header.after .class-operation { float: left; width: 430px; background-color: #f5f5f5; border-top-right-radius: 4px; border-bottom-right-radius: 4px } @media (max-width:1199px) { .class-header.after .class-operation { width: 300px } } @media (max-width:991px) { .class-header.after .class-operation { width: 140px } } @media (max-width:767px) { .class-header.after .class-operation { width: 100% } } .class-header.after .class-serve { display: inline-block } .class-header.after .class-data { border-top-right-radius: 4px; margin-bottom: 0 } @media (max-width:1199px) { .class-header.after .class-data { padding: 19px 0 } } @media (max-width:991px) { .class-header.after .class-data { padding: 0 } } @media (max-width:767px) { .class-header.after .class-data { border-bootom-left-radius: 4px; border-bootom-right-radius: 4px } } .class-header.after .class-data>li { width: 33.33%; padding: 48px 0 } @media (max-width:991px) and (min-width:768px) { .class-header.after .class-data>li { width: 100%; border: none; padding: 0; margin: 4px 0 } } @media (max-width:767px) { .class-header.after .class-data>li { padding: 10px 0 } } .class-header.after .class-data>li>a { display: block; color: #919191 } .class-header.after .class-data>li>a, .class-header.after .class-data>li>a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .class-header.after .class-data>li>a:hover { color: #43bc60 } .class-header.after .class-data.two-col>li { width: 50% } @media (max-width:991px) and (min-width:768px) { .class-header.after .class-data.two-col>li { width: 100%; margin: 17px 0 } } .class-header.after.auditor .class-data { padding: 0; border-bottom: 1px solid #f5f5f5 } @media (max-width:1199px) { .class-header.after.auditor .class-data { padding: 10px 0 } } @media (max-width:991px) { .class-header.after.auditor .class-data { padding: 0 } } .class-header.after.auditor .class-data>li { padding: 10px 0 } @media (max-width:991px) { .class-header.after.auditor .class-data>li { padding: 0 } } @media (max-width:767px) { .class-header.after.auditor .class-data>li { padding: 20px 0 } } .class-header.after.auditor .class-auditor { padding: 18px 40px; line-height: 30px; color: #919191; background-color: #fafafa } @media (max-width:1199px) { .class-header.after.auditor .class-auditor { padding: 18px 20px } } @media (max-width:991px) { .class-header.after.auditor .class-auditor { padding: 10px 0 0 } } @media (max-width:767px) { .class-header.after.auditor .class-auditor { padding: 10px 20px } } .class-course-list .course-item { margin-top: 30px; background-color: #fff; border: 1px solid #e1e1e1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .class-course-list .course-item .media { position: relative; background-color: #f5f5f5; padding: 10px } .class-course-list .course-item .media .media-left { padding-right: 35px } .class-course-list .course-item .media .media-left img { width: 160px; height: auto } @media (max-width:767px) { .class-course-list .course-item .media .media-left { display: block; padding-right: 0 } .class-course-list .course-item .media .media-left img { width: 100% } } .class-course-list .course-item .media .title { font-size: 18px; margin-bottom: 10px } @media (min-width:767px) { .class-course-list .course-item .media .title { margin-right: 210px } } .class-course-list .course-item .media .title>a { color: #313131 } .class-course-list .course-item .media .price { position: absolute; top: 35px; right: 80px } .class-course-list .course-item .media .price span { font-size: 24px; color: #313131 } @media (max-width:1199px) { .class-course-list .course-item .media .price { right: 60px } .class-course-list .course-item .media .price span { font-size: 20px } } .class-course-list .course-item .media .course-show { position: absolute; top: 40px; right: 30px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } @media (max-width:1199px) { .class-course-list .course-item .media .course-show { right: 20px } } @media (max-width:767px) { .class-course-list .course-item .media .course-show { top: auto; bottom: 30px } } .class-course-list .course-item .media .course-show i { font-size: 24px } .class-course-list .course-item .media .course-show:hover { cursor: pointer; color: #43bc60; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .class-detail-content { min-height: 300px } .class-detail-content .class-about p { line-height: 30px; margin-bottom: 30px } .class-detail-content .class-about img { max-width: 100%; height: auto } .topic-detail .topic-header { position: relative; margin-bottom: 30px } .topic-detail .topic-header .media-body { padding-right: 100px } .topic-detail .topic-header .title { font-size: 16px; margin-bottom: 10px } .topic-detail .topic-header .title>a { color: #616161 } .topic-detail .topic-header .title>a, .topic-detail .topic-header .title>a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .topic-detail .topic-header .title>a:hover { color: #43bc60 } .topic-detail .topic-header .metas { color: #919191 } .topic-detail .topic-header .metas>a { color: #616161; margin-right: 5px } .topic-detail .topic-header .metas>a, .topic-detail .topic-header .metas>a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .topic-detail .topic-header .metas>a:hover { color: #43bc60 } .topic-detail .topic-header .metas span { margin-left: 5px } .topic-detail .topic-header .media-data { position: absolute; top: 10px; right: 0; text-align: center; color: #919191 } .topic-detail .topic-header .media-data span { padding: 0 10px; display: inline-block } .topic-detail .topic-header .media-data span+span { border-left: 1px solid #e1e1e1 } .topic-detail .topic-body { position: relative; background-color: #f5f5f5; padding: 15px; margin-bottom: 30px; border: 1px solid #e1e1e1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .topic-detail .topic-body .media-left { padding-right: 30px } @media (max-width:1199px) { .topic-detail .topic-body .media-left { padding-right: 20px } } @media (max-width:767px) { .topic-detail .topic-body .media-left { display: block; padding-right: 0; margin-bottom: 20px } } .topic-detail .topic-body .media-left img { width: 200px; height: auto } @media (max-width:767px) { .topic-detail .topic-body .media-left img { width: 100% } } .topic-detail .topic-body .media-body { padding-right: 180px } @media (max-width:767px) { .topic-detail .topic-body .media-body { padding-right: 0 } } .topic-detail .topic-body .media-body p { color: #919191; margin-bottom: 18px; text-indent: 0 } @media (max-width:1199px) { .topic-detail .topic-body .media-body p { margin-bottom: 10px } } .topic-detail .topic-body .metas { position: absolute; top: 50%; margin-top: -20px; right: 20px } @media (max-width:1199px) { .topic-detail .topic-body .metas { right: 10px } } @media (max-width:767px) { .topic-detail .topic-body .metas { position: relative; margin-top: 10px } } .topic-detail .topic-body .metas .btn { margin-left: 10px } .topic-detail .topic-num .num-list { height: 50px; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .topic-detail .topic-num .num-list a { display: inline-block; margin: 5px 3px } .topic-detail .topic-num .num-list.active { height: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .topic-detail .topic-num .num-more { padding-top: 20px; text-align: center } .topic-detail .topic-num .num-more i { font-size: 24px; color: #616161 } .topic-detail .topic-num .num-more i, .topic-detail .topic-num .num-more i:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .topic-detail .topic-num .num-more i:hover { color: #43bc60; cursor: pointer } .topic-detail .topic-action { padding-bottom: 20px; border-bottom: 1px solid #f5f5f5; text-align: right } .topic-detail .topic-action a { margin: 0 10px } @media (max-width:767px) { .topic-detail .topic-action a { margin: 0 } } .topic-detail .topic-action i { margin-right: 5px } .comment-list { list-style-type: none; padding-left: 0 } .comment-list .comment .comment-delete-btn { visibility: hidden } .comment-list .comment-operated:hover .comment-delete-btn { visibility: visible } .class-signin { position: relative; padding: 0; color: #919191 } .class-signin .panel-body { padding: 23px 15px } .class-signin i { font-size: 24px; margin: 0 10px 0 0 } .class-signin .date { font-size: 22px } .class-signin .btn-signin { position: absolute; padding: 20px 10px; min-width: 110px; line-height: 40px; text-align: center; font-size: 16px; top: 0; bottom: 0; right: 0; color: #fff; background-color: #43bc60; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .class-signin .btn-signin.after { line-height: 20px } .lesson-question-plugin-pane-header { background: #f5f5f5; border-bottom: 1px solid #e9e9e9; padding: 10px; position: relative } .lesson-question-plugin-pane-header .back-to-list { float: left } .lesson-question-plugin-pane-header h4 { margin: 0; padding: 0 70px; font-size: 16px; font-weight: 700; text-align: center; line-height: 34px } .lesson-question-plugin-pane-header h4 i { font-weight: 400; color: #777; font-size: 14px } .lesson-question-plugin-pane-thread { padding: 10px; margin-bottom: 20px } .lesson-question-plugin-pane-thread h5 { margin: 0 0 10px; font-size: 14px; font-weight: 700 } .lesson-question-plugin-pane-posts .posts-header { margin: 10px; border-top: 1px solid #ddd; position: relative; height: 20px } .lesson-question-plugin-pane-posts .posts-header h5 { position: absolute; top: -18px; left: 10px; background: #fff; padding: 0 5px; font-size: 14px; font-weight: 700 } .lesson-question-plugin-pane .posts { list-style: none; margin: 10px; padding: 0 } .lesson-question-plugin-pane .post-item { margin-bottom: 20px } .lesson-question-plugin-pane .post-item-heading { border-bottom: 1px solid #e3e3e3; padding-bottom: 5px; margin-bottom: 5px } .lesson-question-plugin-pane .post-item-heading .avatar { float: left; width: 32px; height: 32px } .lesson-question-plugin-pane .post-item-heading .infos { margin-left: 42px } .lesson-question-plugin-pane .post-item-heading .infos .time { font-size: 12px; color: #999 } .lesson-question-plugin-pane .post-item-heading .infos .teacher-flag { background: #5cb85c; font-size: 12px; color: #fff; float: right; padding: 1px 5px; border-radius: 2px } .lesson-question-plugin-pane .post-item-body { color: #444 } .lesson-question-plugin-pane .post-form { margin: 10px } .toolbar-pane-list { font-size: 13px } .toolbar-pane-list .list-item-body { padding-left: 10px; padding-right: 10px } .toolbar-pane-list .meta, .toolbar-pane-list .summary { color: #999; font-size: 12px } .homework-pane, .material-pane { position: absolute; top: 0; bottom: 0; width: 100%; overflow: hidden } .homework-pane h5, .material-pane h5 { font-weight: 700; font-size: 13px; color: #999; margin: 10px } .homework-pane .lesson-about, .material-pane .lesson-about { color: #999; font-size: 12px; margin: 10px; margin-bottom: 30px } .course-item-list-in-toolbar-pane { position: absolute; top: 0; bottom: 0; width: 100%; overflow-y: hidden; overflow-x: hidden } .ppt-dashboard { width: 100%; position: fixed; top: 56px; bottom: 0; left: 0; right: 0; background: #e5e5e5 } .slide-player { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .slide-player-full-window { padding: 0; margin: 0; height: 100% } .slide-player-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; width: 100% !important; height: 100% !important } .modal-body .lesson-preview-ppt { position: relative; min-height: 500px } @media (min-width:768px) { .loading-background { background: #fff url("/static-dist/app/img/old/loader.gif") no-repeat 50% } } .slide-player-watermark { bottom: 50px; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; cursor: default } .slide-player-control, .slide-player-watermark { position: absolute; width: 100%; text-align: center; padding: 10px } .slide-player-control { bottom: 0; font-size: 20px; background: #fff; border-top: 1px solid #e2e2e2 } .slide-player-control a { color: #666 } .slide-player-control a:hover { color: #333 } .slide-player-control .fullscreen { float: right; margin-left: 15px } .slide-player-control .goto-first { margin-left: 100px } @media (max-width:480px) { .slide-player-control .goto-first { margin-left: 0 } } .slide-player-control .goto-index, .slide-player-control .goto-page { width: 50px; display: inline-block } @media (max-width:480px) { .slide-player-control .goto-index, .slide-player-control .goto-page { width: 35px; padding: 0 5px } } .slide-player-control .goto-index-input, .slide-player-control .goto-page-input { float: right; font-size: 16px } .slide-player-control .glyphicon { padding-left: 10px; padding-right: 10px } @media (max-width:480px) { .slide-player-control .glyphicon { padding-left: 0; padding-right: 5px } } .slide-player-body { position: absolute; text-align: center; width: 100%; top: 0; bottom: 50px } @media (max-width:480px) { .slide-player-body { top: 25% } } .slide-player-body .slide { display: none; position: relative; max-height: 100%; width: auto; max-width: 100%; margin: 0 auto } .slide-player-body .slide.active { display: inline-block } .slide-notice { display: none; border-bottom: 1px solid #e5e5e5; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; z-index: 1000; text-align: center; margin: 100px auto; position: relative; width: 300px } .slide-notice .header { padding: 15px; min-height: 16px } .course-filter.search-filter { padding-right: 0 } .course-filter.search-filter .nav-pills { float: right } .course-filter.search-filter .nav-pills>li { margin: 0 0 10px 20px } @media (max-width:480px) { .course-filter.search-filter .nav-pills>li a { padding-top: 6px; padding-bottom: 6px } } .course-filter.search-filter .btn-group>.btn-primary { float: right } .course-filter.search-filter .btn-group>.dropdown-menu { left: inherit; right: 0 } .course-filter.search-filter .btn-group>.dropdown-menu>li>a { text-align: center } .cloud-search-box { position: absolute; padding-left: 90px; height: 100%; width: 100%; left: 0; top: 0 } @media (max-width:991px) { .cloud-search-box { padding-left: 10%; padding-right: 10% } } .search-banner { background: url("/static-dist/app/img/banner_search.jpg") top no-repeat; height: 200px } .search-banner .search-input-group { margin: 75px 20%; height: 50px } @media (max-width:991px) { .search-banner .search-input-group { margin-left: 0; margin-right: 0 } } .search-banner .search-input-group .form-control { height: 50px; border: none; padding-right: 50px; font-size: 16px; color: #000; border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important } .search-banner .search-input-group .input-wrap { position: relative } .search-banner .search-input-group .es-icon { display: none; position: absolute; top: 15px; right: 15px; font-size: 20px; z-index: 3; color: #e1e1e1 } .search-banner .search-input-group .es-icon, .search-banner .search-input-group .es-icon:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .search-banner .search-input-group .es-icon:hover { cursor: pointer; color: #c1c1c1 } .search-banner .search-input-group .btn { height: 50px; width: 120px; border: none; border-top-left-radius: 0; border-bottom-left-radius: 0 } @media (max-width:991px) { .search-banner .search-input-group .btn { width: 80px } } .search-banner .search-input-group .btn:hover { z-index: 1 } .search-course-list { margin-top: -25px } .search-course-list .course-item { padding: 25px 0; border-bottom: 1px solid #f5f5f5 } .search-course-list .course-item .course-img { position: relative; float: left; width: 35% } @media (max-width:767px) { .search-course-list .course-item .course-img { width: 100%; float: none } } .search-course-list .course-item .course-img .tags-left { position: absolute; left: 0; top: 0 } .search-course-list .course-item .course-img .tags-left .tag-live { display: inline-block; width: 40px; height: 50px; background: url("/static-dist/app/img/tag_live.png") no-repeat; background-image: -webkit-image-set(url("/static-dist/app/img/tag_live.png") 1x, url("/static-dist/app/img/tag_live@2x.png") 2x) } .search-course-list .course-item .course-img .tags-right { position: absolute; right: 0; top: 0 } .search-course-list .course-item .course-img .tags-right .tag-public { display: inline-block; width: 68px; height: 68px; background: url("/static-dist/app/img/tag_public.png") no-repeat; background-image: -webkit-image-set(url("/static-dist/app/img/tag_public.png") 1x, url("/static-dist/app/img/tag_public@2x.png") 2x) } .search-course-list .course-item .course-info { float: left; width: 65%; padding-left: 15px } @media (max-width:767px) { .search-course-list .course-item .course-info { width: 100%; float: none; padding-left: 0; margin-top: 10px } } .search-course-list .course-item .content { color: #313131 } .search-course-list .course-item .title { margin-top: 0 } .search-course-list .course-item .title>a { color: #313131 } .search-course-list .course-item .title>a, .search-course-list .course-item .title>a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .search-course-list .course-item .title>a:hover { color: #43bc60 } .search-course-list .course-item .ul-lesson { margin-top: 10px; padding: 0 } .search-course-list .course-item .ul-lesson li { font-size: 12px; list-style-type: none; margin-bottom: 10px } .search-course-list .course-item .ul-lesson li i { font-size: 12px } .search-result em { color: #ed3e3e; font-style: inherit } .search-result .loading { padding: 50px; margin: 0 auto; text-align: center } .search-result .loading>i { font-size: 40px } .local-search-class-list .local-search-class-item .local-search-class-item__serve { height: 36px } .local-search-class-list .local-search-class-item .local-search-class-item__serve ul { padding-top: 8px; padding-bottom: 8px } .local-search-class-list .local-search-class-item .local-search-class-item__data { padding: 0 } .local-search-class-list .local-search-class-item .local-search-class-item__data li { line-height: 32px } .teacher-item { position: relative; margin-bottom: 20px; text-align: center; z-index: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #e4ecf3 } @media (max-width:767px) { .teacher-item { margin-left: -5px; margin-right: -5px } } @media (min-width:992px) { .teacher-item, .teacher-item:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .teacher-item:hover { transform: translateY(-6px); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3); -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3); -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3) } } .teacher-item:hover .metas { opacity: 1; filter: alpha(opacity=100) } .teacher-item:hover .about, .teacher-item:hover .metas { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .teacher-item:hover .about { opacity: 0; filter: alpha(opacity=0) } .teacher-item .teacher-top { position: relative; z-index: 1; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #f5f8fa; padding: 20px 10px } @media (max-width:767px) { .teacher-item .teacher-top { padding: 10px } } .teacher-item .avatar-lg { border: 4px solid #fff } @media (max-width:767px) { .teacher-item .avatar-lg { width: 80px !important; height: 80px !important } } .teacher-item .title { height: 22px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } @media (max-width:767px) { .teacher-item .title { margin-top: 10px } } .teacher-item .position { color: #c1c1c1; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } @media (max-width:767px) { .teacher-item .position { font-size: 12px } } .teacher-item .teacher-bottom { position: relative; height: 90px } @media (max-width:767px) { .teacher-item .teacher-bottom { height: 60px } } .teacher-item .about, .teacher-item .metas { position: absolute; right: 20px; bottom: 20px; left: 20px; z-index: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } @media (max-width:767px) { .teacher-item .about, .teacher-item .metas { left: 10px; bottom: 10px; right: 10px } } .teacher-item .about { top: 20px; line-height: 25px; overflow: hidden; color: #919191; opacity: 1; filter: alpha(opacity=100) } @media (max-width:767px) { .teacher-item .about { top: 10px; line-height: 20px; font-size: 12px } } .teacher-item .metas { top: 30px; bottom: 30px; opacity: 0; filter: alpha(opacity=0) } @media (max-width:767px) { .teacher-item .metas { top: 20px; bottom: 10px } } .teacher-item .metas .btn { margin: 0 15px } @media (min-width:992px) and (max-width:1199px) { .teacher-item .metas .btn { margin: 0 10px } } @media (max-width:767px) { .teacher-item .metas .btn { margin: 0 5px } } .error-panel { margin-top: 10% } .error-panel .panel-heading { text-align: center; font-size: 22px } @media (max-width:767px) { .error-panel .panel-heading { font-size: 16px } } .error-panel .panel-body { padding: 60px 0 } @media (max-width:767px) { .error-panel .panel-body { padding: 30px 0 } } .error-panel .well { position: relative; width: 60%; margin-left: 20% } @media (max-width:1199px) { .error-panel .well { width: 80%; margin-left: 10% } } @media (max-width:991px) { .error-panel .well { width: 90%; margin-left: 5%; width: 100%; margin-left: 0 } } .error-panel .well p { margin: 30px 20px } @media (max-width:767px) { .error-panel .well p { margin: 10px 0 } } .error-panel .well .error-404-icon { position: absolute; top: 20px; right: 30px; width: 191px; height: 241px; background: url("/static-dist/app/img/icon_search.png") no-repeat } .error-panel .well .error-403-icon { position: absolute; right: -44px; bottom: -28px; width: 245px; height: 248px; background: url("/static-dist/app/img/icon_lock.png") no-repeat } @media (max-width:1199px) { .error-panel .well .error-403-icon { right: -30px } } .error-panel .well .error-500-icon { position: absolute; top: 20px; right: -140px; width: 297px; height: 219px; background: url("/static-dist/app/img/icon_server.png") no-repeat } @media (max-width:1199px) { .error-panel .well .error-500-icon { right: -80px } } @media (max-width:991px) { .error-panel .well .error-500-icon { right: -20px } } .error-title { font-family: Phosphate; font-size: 200px; text-transform: uppercase; color: #9a9a9a; margin-right: 30px } @media (max-width:1199px) { .error-title { font-size: 180px } } @media (max-width:991px) { .error-title { height: 120px } } @media (max-width:767px) { .error-title { font-size: 40px } } .question-heading { padding-bottom: 10px; border-bottom: 1px dashed #ddd; margin-bottom: 10px; overflow: hidden; zoom: 1 } .question-choices { list-style: none; padding-left: 0 } .question-choices>li { padding: 6px } .question-choices>li:hover { background: #eee; cursor: pointer } .question-choices .choice-index { color: #999; margin-right: 20px; float: left } .social-login { position: relative; text-align: center; margin-top: 30px; z-index: 1 } .social-login>span { padding: 0 10px; z-index: 1; background-color: #fff } .social-login .line { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #f1f1f1; margin-top: -1px; z-index: -1 } .social-login .social-icon { display: inline-block; margin: 0 8px; border: 2px solid #919191; color: #919191; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 35px; height: 35px; line-height: 33px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .social-login .social-icon>i { font-size: 20px } .social-login .social-icon:hover { color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .social-login .social-icon.social-weibo:hover { background: #e6162d; border-color: #e6162d } .social-login .social-icon.social-qq:hover { background: #78c257; border-color: #78c257 } .social-login .social-icon.social-renren:hover { background: #3793f1; border-color: #3793f1 } .social-login .social-icon.social-weixin:hover { background: #1ec354; border-color: #1ec354 } .social-login .social-icon.social-yun:hover { background: #ff842e; border-color: #ff842e } .social-login .social-icon.social-more:hover { background: #43bc60; border-color: #43bc60 } .login-section { margin: 50px auto; width: 460px; min-height: 400px; padding: 40px; background: #FFFFFF; border: 1px solid rgba(228, 236, 243, 1); border-radius: 10px; } @media (max-width:767px) { .panel-page,.login-section { width: 100%; margin: 20px auto; padding: 0 15px; border: 0px solid rgba(228, 236, 243, 1) !important; } } .login-section.login-init-section .login-init-section__title { margin-bottom: 32px; font-size: 20px; text-align: center } .login-section.login-section-weixin { min-height: 315px } .logon-tab { display: flex; background: #F3F7FB; padding: 3px; border-radius: 8px; margin: 0 auto; margin-bottom: 33px; } @media (max-width:767px) { .logon-tab { margin-bottom: 20px; } /* .logon-tab-m a:first-of-type{ display: none; } */ } @media (max-width:767px) { .logon-tab-width70 { width: 100%; } .logon-tab-dis{ margin-bottom: 10px; } } .logon-tab>a { flex: 1; padding: 12px 0; font-size: 14px; text-align: center; color: #727C88; cursor: pointer; } .logon-tab>a, .logon-tab>a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .logon-tab>a:hover { /* background-color: #fafafa; */ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #233042; font-weight: 600; /* box-shadow: 0px 2px 4px 0px rgba(36,71,106,0.05); border-radius: 6px; */ } .logon-tab>.active { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background: #FFFFFF; color: #233042; font-weight: 600; box-shadow: 0px 2px 4px 0px rgba(36, 71, 106, 0.05); border-radius: 6px; } .login-section .login-main { /* padding: 40px 45px 20px */ } @media (max-width:767px) { .login-section .login-main { padding: 20px 0 0 } } .login-section .sms-send-btn { padding: 9px 10px; width: 100% } .drag-section-wrap { padding: 8px; border: 1px solid #e1e1e1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .drag-section-wrap+p { position: absolute; margin-top: 4px } .drag-section { position: relative; padding-top: 47% } .drag-bar { position: relative; margin-top: 8px; margin-bottom: 8px; height: 34px; background-color: #f1f1f1; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px } .drag-bar .drag-bar__btn { position: absolute; top: -3px; width: 40px; height: 40px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .23); -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .23); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .23); background-color: #fff; text-align: center; line-height: 40px; color: #fff; font-size: 16px } .drag-bar .drag-bar__btn:after { content: "\E68D"; font-family: es-icon; left: 0; right: 0; top: 9px; color: #43bc60; font-size: 24px } .drag-bar .drag-bar__btn:hover { cursor: pointer } .drag-bar .drag-bar__tip { position: absolute; left: 0; right: 0; text-align: center; font-size: 14px; line-height: 34px; color: #919191 } .drag-bar .drag-bar__mask { position: absolute; top: 0; height: 34px; background-color: #e1e1e1; border-top-left-radius: 20px; border-bottom-left-radius: 20px } .drag-img { position: absolute; top: 0; width: 100% } @media (min-width:480px) { .drag-img { min-height: 144px } } @media (min-width:321px) and (max-width:480px) { .drag-img { min-height: 74% } } @media (max-width:320px) { .drag-img { min-height: 70% } } .drag-img .drag-img__bg { width: 100%; height: 100% } .drag-img .drag-img__jigsaw { position: absolute; top: 0; left: 0; height: 100% } .drag-img .drag-img__mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #e1e1e1; opacity: .7 } .drag-img .drag-img__mask:after { margin-top: 17%; font-size: 48px; color: #fff } @media (min-width:768px) { .login-modal { width: 416px } .login-modal .modal-body { padding: 30px 40px; } .login-modal .modal-footer { padding: 30px; } } .mobile-page .mobile-first { background: url("/static-dist/app/img/mobile/mobile_bg.jpg") top no-repeat } .mobile-page .mobile-first .container { position: relative; height: 570px } @media (max-width:1199px) { .mobile-page .mobile-first .container { height: 500px } } @media (max-width:767px) { .mobile-page .mobile-first .container { height: 300px } } .mobile-page .mobile-first .img-one { position: absolute; bottom: -70px; left: 5%; opacity: 0; z-index: 1 } @media (max-width:991px) { .mobile-page .mobile-first .img-one { bottom: -60px; left: 1% } } .mobile-page .mobile-first .img-two { position: absolute; bottom: -100px; left: 13%; z-index: 2; opacity: 0 } @media (max-width:991px) { .mobile-page .mobile-first .img-two { bottom: -80px; left: 6% } } .mobile-page .mobile-first .img-two-content { position: absolute; left: 50px; top: 55px; width: 233px; height: 400px } .mobile-page .mobile-first .mobile-content { position: absolute; top: 30%; left: 52%; color: #fff } @media (max-width:991px) { .mobile-page .mobile-first .mobile-content { left: 50% } } @media (max-width:767px) { .mobile-page .mobile-first .mobile-content { top: 15%; left: 10%; right: 10%; text-align: center } } .mobile-page .mobile-first .title { font-size: 80px; opacity: 0; font-weight: 700 } .mobile-page .mobile-first .title img { display: inline-block; margin-top: -15px; width: 80px } @media (max-width:1199px) { .mobile-page .mobile-first .title img { width: 60px } } @media (max-width:767px) { .mobile-page .mobile-first .title img { width: 40px; margin-top: -5px } } @media (max-width:1199px) { .mobile-page .mobile-first .title { font-size: 48px; margin-bottom: 10px } } @media (max-width:767px) { .mobile-page .mobile-first .title { font-size: 28px } } .mobile-page .mobile-first .subtitle { font-size: 24px; margin-bottom: 40px; opacity: 0; letter-spacing: 3px } @media (max-width:1199px) { .mobile-page .mobile-first .subtitle { font-size: 16px } } @media (max-width:767px) { .mobile-page .mobile-first .subtitle { margin-bottom: 20px } } .mobile-page .mobile-first .btn-mobile { display: inline-block; border: 2px solid #fff; font-size: 16px; padding: 18px 28px; color: #fff; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } @media (max-width:1199px) { .mobile-page .mobile-first .btn-mobile { font-size: 14px; padding: 10px 15px } } .mobile-page .mobile-first .btn-mobile>i { font-size: 20px; margin-left: 10px; -webkit-animation: nextshake 1s infinite linear; animation: nextshake 1s infinite linear } .mobile-page .mobile-first .btn-mobile:hover { background: hsla(0, 0%, 100%, .2); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .mobile-page .mobile-first .btn-mobile+.btn-mobile { margin-left: 35px } @media (max-width:767px) { .mobile-page .mobile-first .btn-mobile+.btn-mobile { margin-left: 10px } } .mobile-page .mobile-first.active .img-one { opacity: 1\9\0; -webkit-animation: fadeInLeft .5s .2s ease both; -moz-animation: fadeInLeft .5s .2s ease both; -o-animation: fadeInLeft .5s .2s ease both; animation: fadeInLeft .5s .2s ease both } .mobile-page .mobile-first.active .img-two { opacity: 1\9\0; -webkit-animation: fadeInRight .5s .2s ease both; -moz-animation: fadeInRight .5s .2s ease both; -o-animation: fadeInRight .5s .2s ease both; animation: fadeInRight .5s .2s ease both } .mobile-page .mobile-first.active .title { opacity: 1\9\0; -webkit-animation: fadeInDown .5s .7s ease both; -moz-animation: fadeInDown .5s .7s ease both; -o-animation: fadeInDown .5s .7s ease both; animation: fadeInDown .5s .7s ease both } .mobile-page .mobile-first.active .btn-mobile, .mobile-page .mobile-first.active .subtitle { opacity: 1\9\0; -webkit-animation: fadeInUp .5s .7s ease both; -moz-animation: fadeInUp .5s .7s ease both; -o-animation: fadeInUp .5s .7s ease both; animation: fadeInUp .5s .7s ease both } .mobile-page .mobile-second { min-height: 200px; background: #fff } @media (max-width:767px) { .mobile-page .mobile-second { text-align: center } } .mobile-page .mobile-second .container { padding: 80px 40px } @media (max-width:767px) { .mobile-page .mobile-second .container { padding: 50px 10px } } .mobile-page .mobile-second .step { margin-bottom: 85px } @media (max-width:767px) { .mobile-page .mobile-second .step { margin-bottom: 30px } } .mobile-page .mobile-second .qrcode { display: inline-block; width: 220px; height: auto; max-width: 100% } @media (max-width:991px) { .mobile-page .mobile-second .qrcode { width: 200px } } .mobile-page .mobile-second .btn-android, .mobile-page .mobile-second .btn-apple { display: inline-block; color: #fff; margin-top: 70px; text-align: center; font-size: 20px; padding: 24px 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } @media (max-width:1199px) { .mobile-page .mobile-second .btn-android, .mobile-page .mobile-second .btn-apple { font-size: 18px; padding: 15px 10px; margin-top: 74px } } @media (max-width:991px) { .mobile-page .mobile-second .btn-android, .mobile-page .mobile-second .btn-apple { padding: 15px; margin-top: 28px } } .mobile-page .mobile-second .btn-android:hover, .mobile-page .mobile-second .btn-apple:hover { background-image: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .mobile-page .mobile-second .btn-android>i, .mobile-page .mobile-second .btn-apple>i { font-size: 30px; margin-right: 15px } @media (max-width:991px) { .mobile-page .mobile-second .btn-android>i, .mobile-page .mobile-second .btn-apple>i { font-size: 24px; margin-right: 10px } } .mobile-page .mobile-second .btn-android { background: #35d572; box-shadow: 0 16px 40px rgba(54, 214, 115, .4); background-image: -moz-linear-gradient(90deg, #35d572 0, #3fde7b 100%); background-image: -webkit-linear-gradient(90deg, #35d572, #3fde7b); background-image: -ms-linear-gradient(90deg, #35d572 0, #3fde7b 100%) } .mobile-page .mobile-second .btn-apple { background: #1f5dea; margin-left: 35px; box-shadow: 0 16px 40px rgba(31, 93, 234, .4); background-image: -moz-linear-gradient(90deg, #1f5dea 0, #2b67f1 100%); background-image: -webkit-linear-gradient(90deg, #1f5dea, #2b67f1); background-image: -ms-linear-gradient(90deg, #1f5dea 0, #2b67f1 100%) } @media (max-width:1199px) { .mobile-page .mobile-second .btn-apple { margin-left: 20px } } @media (max-width:991px) { .mobile-page .mobile-second .btn-apple { margin-left: 0 } } @media (max-width:767px) { .mobile-page .mobile-second .btn-apple { margin-top: 20px } } .mobile-page .mobile-third { position: relative; min-height: 200px; overflow: hidden; background: #f5f8fa url("/static-dist/app/img/mobile/mobile_texture.jpg") top } @media (max-width:767px) { .mobile-page .mobile-third { background: #f5f8fa; text-align: center } } .mobile-page .mobile-third>.container { position: relative; padding: 80px 40px 0 } @media (max-width:767px) { .mobile-page .mobile-third>.container { padding: 50px 10px } } .mobile-page .mobile-third .step { margin-bottom: 45px } @media (max-width:767px) { .mobile-page .mobile-third .step { margin-bottom: 30px } } .mobile-page .mobile-third .qrcode { margin: 30px auto 0; width: 220px; font-size: 18px; color: #313131 } @media (max-width:991px) { .mobile-page .mobile-third .qrcode { width: 200px } } .mobile-page .mobile-third .qrcode img { width: 100%; margin-bottom: 20px } .mobile-page .mobile-third .thumb { max-width: 100%; opacity: 0 } .mobile-page .mobile-third.active .thumb { opacity: 1\9\0; -webkit-animation: fadeInUp 1s ease both; -moz-animation: fadeInUp 1s ease both; -o-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both } .mobile-page .step { font-size: 24px; color: #313131 } @media (max-width:767px) { .mobile-page .step { font-size: 16px } } .mobile-page .step .member { display: inline-block; width: 48px; height: 48px; line-height: 48px; margin-right: 20px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #43bc60; box-shadow: 0 6px 20px rgba(67, 188, 96, .4); color: #fff } @media (max-width:767px) { .mobile-page .step .member { width: 30px; height: 30px; line-height: 30px; margin-right: 5px } } .es-share.top .ml30-o { margin-left: -30px } @-webkit-keyframes boxshow { 0% { box-shadow: 0 0 15px #2db7f5; width: 8px; margin-left: -4px; left: 4px } 25% { box-shadow: 0 0 10px #2db7f5; width: 7px; margin-left: -3.5px; left: 3.5px } 50% { box-shadow: 0 0 5px #2db7f5; width: 6px; margin-left: -3px; left: 3px } 75% { box-shadow: 0 0 10px #2db7f5; width: 7px; margin-left: -3.5px; left: 3.5px } to { box-shadow: 0 0 15px #2db7f5; width: 8px; margin-left: -4px; left: 4px } } @-moz-keyframes boxshow { 0% { box-shadow: 0 0 15px #2db7f5; width: 8px; margin-left: -4px; left: 4px } 25% { box-shadow: 0 0 10px #2db7f5; width: 7px; margin-left: -3.5px; left: 3.5px } 50% { box-shadow: 0 0 5px #2db7f5; width: 6px; margin-left: -3px; left: 3px } 75% { box-shadow: 0 0 10px #2db7f5; width: 7px; margin-left: -3.5px; left: 3.5px } to { box-shadow: 0 0 15px #2db7f5; width: 8px; margin-left: -4px; left: 4px } } @keyframes boxshow { 0% { box-shadow: 0 0 15px #2db7f5; width: 8px; margin-left: -4px; left: 4px } 25% { box-shadow: 0 0 10px #2db7f5; width: 7px; margin-left: -3.5px; left: 3.5px } 50% { box-shadow: 0 0 5px #2db7f5; width: 6px; margin-left: -3px; left: 3px } 75% { box-shadow: 0 0 10px #2db7f5; width: 7px; margin-left: -3.5px; left: 3.5px } to { box-shadow: 0 0 15px #2db7f5; width: 8px; margin-left: -4px; left: 4px } } .marker-manage { position: relative; min-width: 1200px; height: 100%; background-color: #313131; overflow: hidden } .marker-manage.slideing { -moz-user-select: none; -khtml-user-select: none; user-select: none; cursor: move !important } .marker-manage .nav.nav-tabs.nav-tabs-edit { margin-bottom: 0; border-bottom: none; background-color: #313131 } .marker-manage .nav.nav-tabs.nav-tabs-edit>li a { color: #919191; font-size: 14px; padding: 20px 15px } .marker-manage .nav.nav-tabs.nav-tabs-edit>li a i:hover { color: #ffa51f; cursor: pointer } .marker-manage .nav.nav-tabs.nav-tabs-edit>li.active>a, .marker-manage .nav.nav-tabs.nav-tabs-edit>li:hover>a { background-color: #414141; color: #f5f5f5; border-color: transparent } .marker-manage .nav.nav-tabs.nav-tabs-edit>li.static .border { border-left: 1px solid #919191; padding-left: 15px } .marker-manage .nav.nav-tabs.nav-tabs-edit>li.static:hover { background-color: transparent } .marker-manage .nav.nav-tabs.nav-tabs-edit>li.static:hover>a { background-color: transparent; color: #919191 } .marker-manage .nav.nav-tabs.nav-tabs-edit .highlight { border-bottom: none } .marker-manage .nav.nav-pills.nav-pills-difficulty { display: inline-block; vertical-align: middle } .marker-manage .nav.nav-pills.nav-pills-difficulty>li { margin-right: 10px } .marker-manage .nav.nav-pills.nav-pills-difficulty>li.active>a { background-color: #43bc60; color: #fff } .marker-manage .nav.nav-pills.nav-pills-difficulty>li>a { background-color: #262626; color: #ccc; font-size: 12px; padding: 0 15px } .marker-manage .breadcrumb li.active { color: #fff } .marker-manage .lesson-list { border: 0; margin: 0; overflow: auto; padding-right: 15px; padding: 0; list-style: none } .marker-manage .lesson-list .item-lesson { position: relative; background-color: transparent; border: none; line-height: 40px; margin-bottom: 0; margin-left: 0; cursor: move } .marker-manage .lesson-list .item-lesson:hover { background: #414141 } .marker-manage .lesson-list .item-lesson .btn-preview { top: 0; right: 0; color: #919191 } .marker-manage .lesson-list .item-lesson .btn-preview:hover { color: #43bc60 } .marker-manage .lesson-list .item-lesson .sqe-number { display: none } .marker-manage .lesson-list .item-lesson .icon-drag { vertical-align: middle; margin-right: 10px; font-size: 16px } .marker-manage .lesson-list .item-lesson .question-remove { position: absolute; top: 12px; right: 5px } .marker-manage .lesson-list .item-lesson .info { display: inline-block; max-width: 60%; vertical-align: middle } .marker-manage .lesson-list .item-lesson.dragged { border: 1px dashed #919191; position: absolute; width: 220px !important; padding-left: 15px } .marker-manage .lesson-list .item-lesson.dragged .btn-preview { display: none } .marker-manage .lesson-list .item-lesson.disdragg { opacity: .3; filter: alpha(opacity=30); cursor: default } .marker-manage .lesson-list .placeholder { position: relative } .marker-manage .lesson-list .more-questions { position: absolute; right: 0; bottom: -15px; left: 0; text-align: right; color: #919191; font-size: 12px } .marker-manage .lesson-list .more-questions .loading { display: none } .marker-manage .lesson-list .more-questions .loading img { height: 30px; margin-right: 10px } .marker-manage .lesson-list .more-questions.loading .loading { display: inline } .marker-manage .lesson-list .more-questions a { color: #919191 } .marker-manage .lesson-list .more-questions a:hover { color: #43bc60 } .marker-manage-content { height: 100%; padding-bottom: 160px } .marker-manage-content .manage-player-body { position: relative; padding-top: 60px; float: left; height: 100%; width: 70% } .marker-manage-content .manage-player-body .manage-player-header { position: absolute; left: 0; top: 0; width: 70%; height: 60px } .marker-manage-content .manage-player-body .manage-player-header .title-link { float: left; font-size: 16px; color: #fff; line-height: 60px; margin-right: 20px } .marker-manage-content .manage-player-body .manage-player-header .title-link i { font-size: 16px } .marker-manage-content .manage-player-body .manage-player-header .title-link:hover { color: #43bc60 } .marker-manage-content .manage-player-body .manage-player-content { height: 100% } .marker-manage-content .manage-player-body .mask { position: absolute; width: 100%; top: 0; bottom: 0; background-color: transparent } .marker-manage-content .manage-edit-body { position: relative; float: left; width: 30%; height: 100%; background-color: #414141; color: #f5f5f5 } .marker-manage-content .manage-edit-body .btn-preview { position: absolute; right: 15px; top: 12px } .marker-manage-content .manage-edit-body .tab-pane { padding: 30px 20px; position: relative } .marker-manage-content .manage-edit-body .btn-search { position: absolute; right: 10px; bottom: 0; padding: 9px; background-color: transparent; border: none; font-size: 16px; color: #616161 } .marker-manage-content .manage-edit-body .btn-search:focus { outline: none } .marker-manage-content .manage-edit-body .question-difficulty { padding-bottom: 30px } .marker-manage-content .manage-edit-body .question-remask { padding-top: 24px; border-top: 1px solid #616161; color: #919191; margin-bottom: 12px } .marker-manage-content .manage-edit-body .question-remask .remask-icon { color: #ffa51f; font-size: 16px; margin-right: 10px } .marker-manage-content .editbox { position: absolute; left: 0; right: 0; height: 160px; bottom: 0; background-color: #313131 } .marker-manage-content .editbox .lesson-list { height: 100%; background-color: #414141; padding: 0 160px 0 20px } .marker-manage-content .editbox .lesson-list.highlight { border: 1px dashed #278bf5; background-color: transparent; background-color: rgba(45, 183, 245, .3) } .marker-manage-content .editbox .lesson-list .btn-preview { display: none } .marker-manage-content .editbox .lesson-list .placeholder { border-color: transparent } .marker-manage-content .editbox .scale-content { height: 111px; padding-top: 10px; border-top: 1px solid #292929 } .marker-manage-content .editbox .scalebox { position: relative; height: 21px; border-bottom: 1px solid #404040 } .marker-manage-content .editbox .scalebox .lesson-list { height: auto; padding: 0; background-color: transparent; overflow: visible } .marker-manage-content .editbox .scalebox .lesson-list .item-lesson { padding: 0 10px; margin-bottom: 0; text-align: left; cursor: pointer } .marker-manage-content .editbox .scalebox .lesson-list .item-lesson:hover { background-color: #43bc60 } .marker-manage-content .editbox .scalebox .lesson-list .item-lesson .title { display: none } .marker-manage-content .editbox .scalebox .lesson-list .item-lesson .info { max-width: 150px } .marker-manage-content .editbox .scalebox .lesson-list .item-lesson .sqe-number { display: inline } .marker-manage-content .editbox .scalebox .lesson-list .placeholder { height: 10px } .marker-manage-content .editbox .scalebox .lesson-list .placeholder:after { content: ""; border: 5px solid; border-color: transparent transparent transparent #43bc60; position: absolute; top: 0; left: 0 } .marker-manage-content .editbox .scalebox .scale { position: absolute; top: 0; display: block; z-index: 1; padding-left: 5px; color: #fff; height: 20px; line-height: 20px } .marker-manage-content .editbox .scalebox .scale.scale-red .line { top: 0; height: 160px; border-color: #ed3e3e } .marker-manage-content .editbox .scalebox .scale.scale-red .scale-details { visibility: visible; font-size: 12px } .marker-manage-content .editbox .scalebox .scale.scale-blue { cursor: pointer; height: 100px; top: 32px } .marker-manage-content .editbox .scalebox .scale.scale-blue .line { height: 100px; border-color: #278bf5 } .marker-manage-content .editbox .scalebox .scale.scale-blue.highlight, .marker-manage-content .editbox .scalebox .scale.scale-blue:hover { width: 8px } .marker-manage-content .editbox .scalebox .scale.scale-blue.highlight .line, .marker-manage-content .editbox .scalebox .scale.scale-blue:hover .line { border-color: transparent; background-color: rgba(45, 183, 245, .5); -moz-animation: boxshow 1s ease infinite; -webkit-animation: boxshow 1s ease infinite; animation: boxshow 1s ease infinite } .marker-manage-content .editbox .scalebox .scale.scale-blue.highlight .scale-details, .marker-manage-content .editbox .scalebox .scale.scale-blue:hover .scale-details { width: 220px; margin-left: -110px; visibility: visible } .marker-manage-content .editbox .scalebox .scale.scale-blue.moveing .line { -moz-animation: boxshow 0 ease infinite; -webkit-animation: boxshow 0 ease infinite; animation: boxshow 0 ease infinite } .marker-manage-content .editbox .scalebox .scale.scale-blue.moveing .scale-details { width: 220px; margin-left: -110px; visibility: visible } .marker-manage-content .editbox .scalebox .scale.scale-white .line { height: 106px; top: 26px; border-color: #fff } .marker-manage-content .editbox .scalebox .scale.scale-white .line i { position: absolute; left: -8.5px; top: -13.5px } .marker-manage-content .editbox .scalebox .scale .scale-details { position: absolute; left: 0; bottom: 100%; visibility: hidden; min-width: 50px; margin-left: -25px; background-color: rgba(0, 0, 0, .8); text-align: center; color: #fff } .marker-manage-content .editbox .scalebox .scale .line { position: absolute; top: 0; left: 0; height: 25px; border-left: 1px solid #616161 } .marker-manage-content .editbox .scalebox .scale .line.line-dashed { top: 32px; height: 100px; border-left: 1px dashed #a3a3a3 } .marker-manage-content .editbox .scalebox .scale .scale-time { display: inline-block; font-size: 12px; -webkit-transform: scale(.83) } .marker-manage .introjs-button.introjs-skipbutton, .marker-manage .introjs-nextbutton.introjs-fullbutton { background: transparent; border-color: transparent; color: #919191; margin: 0; padding-right: 0; cursor: pointer } .marker-manage .introjs-button.introjs-skipbutton:focus, .marker-manage .introjs-button.introjs-skipbutton:hover, .marker-manage .introjs-nextbutton.introjs-fullbutton:focus, .marker-manage .introjs-nextbutton.introjs-fullbutton:hover { background: transparent; border-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: none } .marker-manage .introjs-overlay { opacity: .5; filter: alpha(opacity=50) } .marker-manage .introjs-fixedTooltip { background-color: transparent; border: none; box-shadow: none } .marker-manage .introjs-helperNumberLayer, .marker-manage .introjs-skipbutton { display: none } .marker-manage .introjs-helperLayer { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: transparent } .marker-manage .introjs-arrow.top-middle { margin-left: 0 } .marker-manage .introjs-tooltip { text-align: justify; font-size: 12px; color: #313131; padding: 15px } .marker-manage .introjs-tooltip .title { color: #919191; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #e6e6e6 } .marker-manage .introjs-tooltip .remask { font-size: 14px; margin-bottom: 6px } .marker-manage .intro-img { position: absolute; left: 0; top: 100%; color: #fff; font-size: 20px } .marker-manage .intro-img img { display: block; margin-left: 70px } .show-introhelp { position: relative } .show-introhelp .introhelp-icon-help { position: relative; color: #ffa51f; z-index: 9999999 !important } .show-introhelp .introhelp-icon-drag { position: relative; color: #fff; z-index: 9999999 !important } .show-introhelp .popover { display: none; font-size: 12px; color: #313131 } .show-introhelp .popover .title { color: #919191; padding-bottom: 5px; border-bottom: 1px solid #e6e6e6; margin-bottom: 10px } .show-introhelp .popover.bottom { top: 18px; left: -92px } .show-introhelp .popover.left { left: -230px; top: 90px } .show-introhelp .introhelp-img { position: absolute; top: 100%; left: 0; color: #fff; font-size: 14px } .show-introhelp .introhelp-img img { display: block; margin-left: 50px } .show-introhelp .close-introhelp { float: right; color: #919191; cursor: pointer } .show-introhelp.show .popover { display: block } .introhelp-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; opacity: .5; filter: alpha(opacity=50); background-color: #000 } .marker-preview { height: 100%; background-color: #f1f4f6 } .marker-preview .marker-preview-content { position: relative; height: 100%; padding-top: 20px; color: #313131; text-align: center } @media (max-width:1199px) { .marker-preview .marker-preview-content { padding-top: 10px } } .marker-preview .marker-preview-content .title { font-size: 20px; line-height: 1 } .marker-preview .marker-preview-content .marker-preview-player { position: absolute; left: 120px; right: 120px; top: 60px; bottom: 20px } @media (max-width:1199px) { .marker-preview .marker-preview-content .marker-preview-player { bottom: 10px; top: 40px } } .mark-questions-modal { width: 756px } .mark-questions-modal .modal-header { position: relative; padding: 20px 30px; color: #fff; border-color: #fff; border-bottom: 1px solid #f5f8fa } .mark-questions-modal .modal-header .close { margin-top: -25px; opacity: 1; filter: alpha(opacity=100); font-size: 26px; color: #616161 } .mark-questions-modal .modal-title { font-size: 18px; line-height: 18px; text-align: left; color: #313131 } .mark-questions-modal .modal-content { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px } .mark-questions-modal .modal-body { padding: 15px 30px } .mark-questions-modal .topic-bottom { padding-bottom: 20px; font-size: 14px; color: #fff; color: #616161; line-height: 40px; text-align: left; background-color: #f5f8fa; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px } .mark-questions-modal .topic-bottom .topic-bottom-info { line-height: 34px; padding: 20px 30px 0; color: #919191 } .mark-questions-modal .topic-bottom .topic-bottom-info .btn { float: right; margin-left: 20px } .mark-questions-modal .popup-topic { padding: 0; margin: 0; height: 300px; overflow: auto; list-style-type: none } .mark-questions-modal .popup-topic img { max-width: 100%; vertical-align: top } .mark-questions-modal .popup-topic p { margin-bottom: 0 } .mark-questions-modal .popup-topic .title { margin-bottom: 14px; line-height: 30px; font-size: 18px; color: #313131 } .mark-questions-modal .popup-topic .list { padding: 10px 0 10px 40px; line-height: 30px; cursor: pointer; cursor: default; position: relative } .mark-questions-modal .popup-topic .list .num { position: absolute; left: 0; top: 12px; display: inline-block; width: 24px; height: 24px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: 15px; border: 1px solid #c1c1c1; color: #c1c1c1; font-size: 14px; text-align: center; line-height: 22px } .mark-questions-modal .popup-topic.topic-resolve .list { min-height: 200px; padding: 20px; margin-bottom: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: default; background-color: #f5f8fa } .mark-questions-modal .question-stem-fill-blank { color: #313131 } .caption-uploader { height: 34px; background: transparent; display: inline-block } .caption-notify { line-height: 28px } .text-track-overview { overflow-y: auto; padding-top: 10px; padding-bottom: 10px } .text-track-overview p { font-size: 14px; line-height: 30px; color: #919191 } .text-track-overview p.active { color: #f5f5f5 } .text-track-select-form-group { margin-bottom: 0 !important } .track-select-parent { position: relative } .track-select-parent .track-select-show { width: 100%; background: #fff; border: 1px solid #ccc; color: #919191; font-size: 14px; line-height: 32px; padding-left: 10px; padding-right: 10px; border-radius: 2px; overflow: hidden } .track-select-parent .track-select-show.active { border-color: #43bc60 } .track-select-parent .track-select-show .data-show { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-height: 32px; padding-right: 20px } .track-select-parent .track-select-show .track-selcet-close-arrow, .track-select-parent .track-select-show .track-selcet-open-arrow { position: absolute; top: 0; right: 10px } .track-select-parent .track-selcet-list { padding-left: 0; position: absolute; top: 34px; width: 100%; background: #fff; border-radius: 2px; border: 1px solid #ccc } .track-select-parent .track-selcet-list li { position: relative; list-style: none; padding-left: 10px; padding-right: 10px; color: #919191; line-height: 34px } .track-select-parent .track-selcet-list li .value { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 110px } .track-select-parent .track-selcet-list li .convertStatus { position: absolute; line-height: 1.2; padding: 2px 10px; border-radius: 5px; right: 40px; top: 8px; color: #fff } .track-select-parent .track-selcet-list li .convertStatus.convert-success { background: #43bc60 } .track-select-parent .track-selcet-list li .convertStatus.convert-error { background: red } .track-select-parent .track-selcet-list li .convertStatus.convert-doing { background: blue } .track-select-parent .track-selcet-list li .convertStatus.convert-none, .track-select-parent .track-selcet-list li .convertStatus.convert-waiting { background: #aaa } .track-select-parent .track-selcet-list li:hover { background: #f5f5f5 } .track-select-parent .track-selcet-list li:hover .delete { display: inline } .track-select-parent .track-selcet-list li .delete { display: none; position: absolute; top: 8px; right: 10px } .track-select-parent .track-selcet-list li.active { color: #43bc60 } .subtitle-transcode-status { color: #fff; display: inline-block; padding: 3px 10px; border-radius: 3px; line-height: 1; text-align: center; min-width: 72px } .subtitle-transcode-status.none, .subtitle-transcode-status.waiting { background: #919191 } .subtitle-transcode-status.doing { background: #278bf5 } .subtitle-transcode-status.success { background: #43bc60 } .subtitle-transcode-status.error { background: #ed3e3e } .subtitle-name { width: 300px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .user-center-header { position: relative; height: 220px; padding: 40px 0; background-color: #313131; z-index: 1 } .user-center-header .mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .4); z-index: 0 !important } .user-center-header .blurr-bg { z-index: -1; filter: blur(260px) !important; } @media (max-width:767px) { .user-center-header { padding: 15px 0 } } .user-center-header .container { position: relative; z-index: 1; padding: 0 70px } @media (max-width:1199px) { .user-center-header .container { padding: 0 30px } } @media (max-width:767px) { .user-center-header .container { padding: 0 10px } } .user-center-header .user-avatar { position: relative; float: left; width: 66.67%; padding-left: 200px } @media (max-width:991px) { .user-center-header .user-avatar { width: 100%; float: none } } @media (max-width:767px) { .user-center-header .user-avatar { text-align: center; padding-left: 0 } .user-center-header .user-avatar .avatar-wrap { position: relative; margin-bottom: 10px; border: 3px solid hsla(0, 0%, 100%, .5) } .user-center-header .user-avatar .avatar-wrap .avatar-lg { width: 60px !important; height: 60px !important } .user-center-header .user-avatar .avatar-wrap .icon-md { width: 20px; height: 20px; line-height: 15px } .user-center-header .user-avatar .avatar-wrap .icon-md>i { font-size: 12px } } .user-center-header .avatar-wrap { position: absolute; top: 0; left: 0; border: 6px solid #585560; border: 6px solid hsla(0, 0%, 100%, .5) } .user-center-header .name { color: #fff; font-size: 18px; margin-bottom: 10px } @media (max-width:767px) { .user-center-header .name { font-size: 16px } } .user-center-header .position { margin-bottom: 10px; color: #919191; color: hsla(0, 0%, 100%, .5) } .user-center-header .position>a { color: #919191; color: hsla(0, 0%, 100%, .5) } .user-center-header .position>a, .user-center-header .position>a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .user-center-header .position>a:hover { color: #fff } .user-center-header .mates { font-size: 18px; margin-bottom: 15px; color: #fff } @media (max-width:767px) { .user-center-header .mates { font-size: 16px; margin-bottom: 5px; } } .user-center-header .user-about { float: left; width: 33.33%; padding: 15px 10px; background-color: #919191; background-color: hsla(0, 0%, 100%, .3); color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .user-center-header .user-about-content { height: 100px; overflow: hidden; line-height: 25px } .group-header { margin-bottom: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 150px; position: relative } .group-header .media { position: absolute; bottom: 20px; left: 20px; border-radius: 3px; min-width: 20%; z-index: 1 } .group-header .media-left { padding-right: 20px } .group-header .media-body { padding-top: 5px; width: auto } .group-header .media-heading { font-size: 18px; color: #fff; margin-bottom: 12px } .group-header .media-heading .btn { padding: 3px 15px 2px; vertical-align: text-top; margin-left: 12px; border: none } .group-header .media-metas { font-size: 12px; color: #fff } .group-user-info hr { margin: 15px 0; background: #e1e1e1 } .group-user-info .group-message { margin: 0 } .group-user-info .group-message span { float: left; width: 50%; text-align: center; font-size: 12px; color: #919191 } .group-user-info .group-message strong { display: block; color: #313131; font-size: 18px; font-weight: 400 } .thread-list .media-left { padding-right: 18px } .thread-list .media-heading { margin-bottom: 10px } .thread-list .reply-num { display: inline-block; width: 60px; height: 60px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #f1f1f1; color: #919191; text-align: center; font-size: 12px } .thread-list .reply-num strong { display: block; font-size: 20px; font-weight: 400; padding: 7px 0 0 } .group-page .grouplist { height: 120px; width: 81px; float: left; text-align: center } .group-page .post-delete-btn { visibility: hidden } .group-page .media:hover .post-delete-btn { visibility: visible } .es-live-poster { position: relative; background: #fff; margin: 0 auto; max-height: 450px } .es-live-poster .img-responsive { margin: 0 auto } .es-live-poster .swiper-slide { margin: 0 auto; width: 100% } .es-live-poster .swiper-pager { position: absolute; bottom: 20px; z-index: 100; width: 100%; text-align: center } .es-live-poster .swiper-pager span { cursor: pointer; font-size: 0; margin: 0 7px; width: 14px; height: 14px; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; background: hsla(0, 0%, 100%, .5) } .es-live-poster .swiper-pager span.swiper-active-switch { background: #f5f5f5; background: #fff } .es-live-poster .swiper-pager img.img-responsive { margin: 0 auto } .live-course-body .label { padding: .4em .8em !important } .live-course-body .es-live-list, .live-course-body .es-live-list .panel-body { padding: 0 } .live-course-body .es-live-list .panel-body>ul { margin: 0; padding: 0; background: #f5f5f5 } .live-course-body .es-live-list .panel-body>ul li { float: left; margin-bottom: -1px; list-style-type: none; padding: 12px 0; width: 25%; text-align: center; color: #313131; background-color: #f5f5f5; border-bottom: 1px solid #f5f5f5; border-right: 1px solid #e9e9e9 } .live-course-body .es-live-list .panel-body>ul li:last-child { border-right: none } .live-course-body .es-live-list .panel-body>ul li a { color: #313131; padding: 14px 17px } @media (max-width:1199px) { .live-course-body .es-live-list .panel-body>ul li a { padding: 14px 0 } } @media (max-width:991px) { .live-course-body .es-live-list .panel-body>ul li a { padding: 14px 60px } } @media (max-width:767px) { .live-course-body .es-live-list .panel-body>ul li a { padding: 14px 9px } } .live-course-body .es-live-list .panel-body>ul li.active { background-color: #fff; border-bottom: none } .live-course-body .es-live-list .es-live-item { position: relative; margin: 20px 15px } .live-course-body .es-live-list .es-live-item:before { content: ""; position: absolute; top: 0; left: 5px; height: 100%; width: 2px; background: #e1e1e1 } .live-course-body .es-live-list .es-live-item .live-content.live .time-icon, .live-course-body .es-live-list .es-live-item .live-content.living .time-icon { display: inline-block; width: 14px; height: 14px; background: #a8eb8b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; left: -1px } .live-course-body .es-live-list .es-live-item .live-content.live .time-icon em, .live-course-body .es-live-list .es-live-item .live-content.living .time-icon em { display: inline-block; width: 8px; height: 8px; background: #70d445; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 3px; left: 3px } .live-course-body .es-live-list .es-live-item .live-content.live .label, .live-course-body .es-live-list .es-live-item .live-content.living .label { margin-left: 24px } .live-course-body .es-live-list .es-live-item .live-content.live .time-icon { background: #6dcbf5 } .live-course-body .es-live-list .es-live-item .live-content.live .time-icon em { background: #2db7f5 } .live-course-body .es-live-list .es-live-item li, .live-course-body .es-live-list .es-live-item ul { list-style-type: none; padding: 0 } .live-course-body .es-live-list .es-live-item li { margin-top: 15px; padding-left: 24px } .live-course-body .es-live-list .es-live-item li a { color: #313131; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; font-size: 12px } .live-course-body .es-live-list .es-live-item li a span { color: #919191; padding-right: 15px } .live-course-body .es-live-recommend img { width: 110px; max-width: 110px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .live-course-body .es-live-recommend .title { margin-bottom: 10px; height: 20px; overflow: hidden } .live-course-body .es-live-recommend .price { color: #e83d2c; font-size: 12px } .live-course-body .es-live-back ul { padding: 0; margin: 0 } .live-course-body .es-live-back ul li { list-style-type: none; margin-top: 15px } .live-course-body .es-live-back ul li:first-child { margin-top: 0 } .live-course-body .es-live-back ul li:last-child { margin-bottom: 5px } .live-course-body .es-live-back ul li .dat { width: 4px; height: 4px; background: #43bc60; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; vertical-align: middle } .live-course-body .es-live-back ul li a { color: #313131; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .live-course-body .es-live-back ul li a:hover { color: #43bc60 } .live-course-body .es-live-back ul li a span { padding: 0 14px 0 8px } .live-course-body .es-live-all .media { padding-bottom: 15px; border-bottom: 1px solid #f5f5f5 !important } .live-course-body .es-live-all .media-left { position: relative } .live-course-body .es-live-all .media-left .re-live { position: absolute; left: 0; top: 0; display: inline-block; width: 68px; height: 68px; background: url("/static-dist/app/img/tag_recommend.png") no-repeat; background-image: -webkit-image-set(url("/static-dist/app/img/tag_recommend.png") 1x, url("/static-dist/app/img/tag_recommend@2x.png") 2x) } .live-course-body .es-live-all .media-left .re-report { position: absolute; bottom: 0; background-color: #000; background: rgba(0, 0, 0, .5); width: 302px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; height: 25px; font-size: 12px; text-align: center; line-height: 25px; color: #fff; font-weight: 700 } @media (max-width:1200px) { .live-course-body .es-live-all .media-left .re-report { width: 288px } } @media (max-width:767px) { .live-course-body .es-live-all .media-left { display: block; padding: 0 } } .live-course-body .es-live-all .media-left img { max-width: 302px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } @media (max-width:1199px) { .live-course-body .es-live-all .media-left img { max-width: 767px; width: 100% } } @media (max-width:1200px) { .live-course-body .es-live-all .media-left img { width: 288px } } .live-course-body .es-live-all .media-body { position: relative } .live-course-body .es-live-all .media-body .title { height: 20px; overflow: hidden; margin-top: 10px } .live-course-body .es-live-all .media-body .title a { font-size: 16px } .live-course-body .es-live-all .media-body .metas { margin: 15px 0 20px; color: #c1c1c1 } .live-course-body .es-live-all .media-body .user { min-height: 30px } .live-course-body .es-live-all .media-body .user a { color: #c1c1c1 !important } .live-course-body .es-live-all .media-body .other { position: absolute; right: 0; top: 50%; margin-top: -34px; text-align: center } @media (max-width:767px) { .live-course-body .es-live-all .media-body .other { margin-top: -14px } } .live-course-body .es-live-all .media-body .other span { display: block; margin-bottom: 8px; font-size: 18px } .live-course-body .es-live-all .media-body .other a { position: absolute; right: 0 } .embed-responsive-16by9.masks { z-index: 99 } .breadcrumb.open-course-breadcrumb { margin: -30px 0 0; background: transparent; padding: 25px 0 20px } .open-course-header { margin-bottom: 15px; position: relative; z-index: 0 } .open-course-header .black-mask { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #000 } .open-course-header>.row { margin: 0 } .open-course-detail-main { width: 45%; float: left } .open-course-detail-main img { width: 120px; max-width: 120px; height: 68px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .open-course-detail-main .title { font-size: 20px; color: #313131; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .open-course-detail-main .metas span { font-size: 15px; color: #919191 } .open-course-detail-main .metas span:first-child { margin-right: 30px } .open-course-detail-main .media-body { padding: 8px 0 } .open-course-detail-operation { float: left; width: 55%; padding: 20px 0 } @media (max-width:991px) { .open-course-detail-operation { width: 100% } } .open-course-detail-operation .operation-list { display: inline-block; width: 24%; text-align: center; border-right: 1px solid #f1f1f1 } .open-course-detail-operation .operation-list:last-child { border-right: none } @media (max-width:991px) { .open-course-detail-operation .operation-list { width: 32% } } @media (max-width:991px) { .open-course-detail-operation .operation-list.no-border { border-right: 1px solid transparent } } .open-course-detail-operation .operation-img.operation-share a { display: inline-block } .open-course-detail-operation .operation-img { display: inline-block; width: 36px; height: 36px; color: #fff; border-radius: 50%; text-align: center; margin-right: 8px; background: #919191; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .open-course-detail-operation .operation-img a { color: #fff; display: block } .open-course-detail-operation .operation-img i { font-size: 18px; line-height: 36px } .open-course-detail-operation .operation-img .qrcode-popover.top .qrcode-content { left: -77px; top: -247px } .open-course-detail-operation .operation-zan.active, .open-course-detail-operation .operation-zan:hover { background: #e85749; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .open-course-detail-operation .operation-share:hover { background: #83d460; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .open-course-detail-operation .operation-collection.active, .open-course-detail-operation .operation-collection:hover { background: #53c3f5; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .open-course-detail-operation .operation-code:hover { background: #ff8a0c; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .open-course-detail { position: relative } .open-course-detail .btn-setting { position: absolute; top: 10px; right: 10px; padding: 0 3px } .open-course-container { padding: 0 } .open-course-wechat-preview .open-course-container { max-width: 740px } .open-course-wechat-preview .open-course-container .open-course-wechat-qrcode { position: fixed; right: 50%; top: 100px; background: #fff; margin-right: -585px } .open-course-wechat-preview .open-course-container .open-course-wechat-qrcode img { width: 200px; height: 200px } .open-course-panel { margin: 15px 0; border-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .open-course-panel .panel-heading { border: none } .open-course-panel .panel-heading:before { content: ""; display: inline-block; width: 4px; height: 20px; background: #43bc60; vertical-align: sub; margin-right: 6px } .open-course-intro img { max-width: 100% } .open-course-recommend { margin-bottom: 15px } .open-course-recommend:last-child { margin-bottom: 0 } .open-course-recommend .open-course-img { float: left; width: 30%; margin-right: 20px } .open-course-recommend .open-course-content { float: left; width: 63% } .open-course-recommend .title { margin: 8px 0 5px } .open-course-recommend .title a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; color: #313131 } .open-course-recommend .metas { font-size: 12px; color: #919191 } .open-course-img { float: left; width: 15% } .open-course-comment { float: left; width: 84%; margin: 0 auto } .open-course-comment textarea { margin: 0 auto } .open-course-comment textarea.form-control-o { background-color: transparent; border: 1px solid #f5f5f5 } .es-open-course-list .course-item .title { max-width: 58%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; font-size: 16px; margin-top: 20px; padding: 0 15px } @media (max-width:767px) { .es-open-course-list .course-item .title a { font-size: 12px } } @media (max-width:767px) { .es-open-course-list .course-item .title { margin-top: 5px; display: block; max-width: 100% } } .es-open-course-list .course-item .course-img .img-responsive { padding: 0 } .es-open-course-list .course-item .course-img .mask { position: absolute; left: 0; right: 0; bottom: 0; background: #000; background: rgba(0, 0, 0, .5); color: #fff; padding: 10px } @media (max-width:767px) { .es-open-course-list .course-item .course-img .mask { font-size: 12px; padding: 6px } } .es-open-course-list .course-item .metas { padding: 22px 15px } @media (max-width:767px) { .es-open-course-list .course-item .metas { padding: 10px 15px; font-size: 12px; width: 100% } } .open-course-title { font-size: 18px; margin-bottom: 10px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .open-course-mobile-title { font-size: 20px; margin-bottom: 0; padding: 10px 10px 0; background: #fff; margin-top: 15px } .open-course-mobile-title p { font-size: 16px } .open-course-mask { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 9999; background: #000; background-color: rgba(0, 0, 0, .9) } .open-course-mask .mask-content { position: absolute; left: 50%; top: 50%; width: 330px; height: 160px; margin-top: -80px; margin-left: -165px; text-align: center } .open-course-mask .mask-content h2 { color: #fff; font-size: 20px; margin-bottom: 20px } .open-course-mask .mask-content .mask-btn { font-size: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .open-course-mask .mask-content .mask-btn .es-icon { font-size: 23px; padding-left: 10px } .open-course-mask .open-course-content { background: transparent; text-align: center } .open-course-mask .open-course-content img { position: absolute; right: 0; top: 0 } .open-course-mask .open-course-content .metas { position: absolute; left: 50%; margin-left: -142px; top: 156px } .open-course-mask .open-course-content p { font-size: 22px; color: #fff } .open-course-mask .open-course-content .open-course-btn { border: 1px solid #fff; color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-top: 10px } .open-course-views.open-course-wechat-views { padding-top: 40px } .open-course-views { position: relative; padding: 0; background-color: #000; height: 500px } @media (max-width:767px) { .open-course-views { height: 300px } } .open-course-views .mask-img { width: 100%; padding-top: 10px } @media (max-width:1199px) { .open-course-views .mask-img { padding-top: 50px } } @media (max-width:991px) { .open-course-views .mask-img { padding: 0 } } .open-course-views .lesson-content { height: 100% } .open-course-views .mask { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: #000; background-color: rgba(0, 0, 0, .9); z-index: 999 } .open-course-views .mask .mask-content { position: absolute; left: 50%; top: 50%; width: 330px; height: 160px; margin-top: -80px; margin-left: -165px; text-align: center } @media (max-width:991px) { .open-course-views .mask .mask-content { margin-top: -60px } } .open-course-views .mask .mask-content h2 { color: #fff; font-size: 20px; margin-bottom: 20px } .open-course-views .mask .mask-content .mask-content__tip { color: #fff } .open-course-views .mask .mask-content .mask-btn { font-size: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .open-course-views .mask .mask-content .mask-btn .es-icon { font-size: 23px; padding-left: 10px } .open-course-views .mask .open-course-content { background: transparent; text-align: center } .open-course-views .mask .open-course-content img { position: absolute; right: 0; top: 0 } .open-course-views .mask .open-course-content .metas { position: absolute; left: 50%; margin-left: -142px; top: 156px } .open-course-views .mask .open-course-content p { font-size: 22px; color: #fff } .open-course-views .mask .open-course-content .open-course-btn { border: 1px solid #fff; color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-top: 10px } .open-course-views .modal-dialog .modal-img { float: left; width: 33.3%; padding: 0 8px } .open-course-views .modal-dialog .modal-img img { margin-bottom: 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .open-course-views .modal-dialog .modal-img .title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; color: #313131 } .open-course-views .modal-dialog .modal-footer .es-share .dropdown-menu { left: 96px } .open-course-views .modal-dialog .modal-footer .es-share a { color: #fff; font-size: 14px } .open-course-views .modal-dialog .modal-footer .es-share .share-btn { background-color: #70d445; border-color: #70d445 } .open-course-views .modal-dialog .modal-footer .es-share .share-btn:hover { background-color: #56bb2b } .open-course-views .modal-dialog .modal-footer .es-share .next-btn { background-color: #ff8a0c; border-color: #ff8a0c } .open-course-views .modal-dialog .modal-footer .es-share .next-btn:hover { background-color: #d87000 } .open-course-mobile-views { background: #fff; padding: 0 10px 10px } .open-course-tab { height: 500px; background-color: #212121; color: #fff; padding: 0 } @media (max-width:991px) { .open-course-tab { height: auto } } .open-course-tab ul { padding: 0; margin-bottom: 0; list-style-type: none } .open-course-tab ul .tab-header { float: left; width: 50%; padding: 20px 0; font-size: 16px; text-align: center; cursor: pointer; background-color: #313131 } .open-course-tab ul .tab-header.active, .open-course-tab ul .tab-header:hover { background-color: #212121; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } @media (max-width:991px) { .open-course-tab ul .tab-header { padding: 15px 0; font-size: 14px } } .open-course-tab .tab-recommand { padding: 10px 20px 10px 15px } .open-course-tab .tab-recommand:first-child { padding: 15px 20px 10px 15px } .open-course-tab .tab-recommand img { float: left; width: 118px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } @media (max-width:1199px) { .open-course-tab .tab-recommand img { width: 100px } } .open-course-tab .tab-recommand .open-course-info { margin-left: 138px } @media (max-width:1199px) { .open-course-tab .tab-recommand .open-course-info { margin-left: 108px } } .open-course-tab .tab-recommand .open-course-info .title { display: inline-block; padding-bottom: 8px; max-height: 42px; line-height: 21px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; color: hsla(0, 0%, 100%, .8) } .open-course-tab .tab-recommand .open-course-info .title:hover { color: #43bc60; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .open-course-tab .tab-recommand .open-course-info .num { color: hsla(0, 0%, 100%, .5); overflow: hidden; height: 21px } .open-course-tab .tab-live a { display: block; padding: 14px 50px 14px 20px; color: hsla(0, 0%, 100%, .7); cursor: pointer; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis } .open-course-tab .tab-live a.active, .open-course-tab .tab-live a:active, .open-course-tab .tab-live a:hover { color: #fff; background-color: #43bc60 } .open-course-mobile-tab { background: #fff; margin-bottom: 20px } .open-course-mobile-tab ul .tab-header { background-color: #fff; border-bottom: 2px solid #616161; color: #616161; font-size: 13px } .open-course-mobile-tab ul .tab-header.active { background-color: #fff; border-bottom: 2px solid #43bc60; color: #43bc60 } .open-course-detail .intro-img { width: 186px; display: block; margin-top: 10px } .open-course-teacher img { margin: 0 auto } .open-course-teacher .intro { line-height: 20px; text-align: left; font-size: 12px; color: #313131; height: 70px; overflow: hidden } .course-comment { padding: 15px 20px } .course-comment .media { margin-bottom: 40px; margin-top: 20px } .course-comment .media:first-child { margin-bottom: 20px; border-bottom: 1px solid #f5f5f5 } .open-starttime { position: absolute; left: 0; right: 0; bottom: 0; color: #fff; height: 30px; line-height: 30px; padding-left: 10px; background-color: #000; background-color: rgba(0, 0, 0, .5) } @media (max-width:1199px) { .open-starttime { font-size: 12px } } .open-course-list .course-block { padding: 20px; border: 1px solid #e4ecf3; background-color: #fff; margin-bottom: 20px } @media (max-width:991px) { .open-course-list .course-block { width: 48%; float: left; margin: 0 1% 20px; padding: 0 } } .open-course-list .course-block .course-img { position: relative; float: left; width: 35% } .open-course-list .course-block .course-img img { width: 100% } @media (max-width:991px) { .open-course-list .course-block .course-img { float: none; width: 100% } } .open-course-list .course-block .open-course-content { float: left; width: 65%; padding-left: 20px } @media (max-width:991px) { .open-course-list .course-block .open-course-content { float: none; width: 100%; padding: 0 10px 10px } .open-course-list .course-block .open-course-content .title { padding-top: 10px } } @media (max-width:767px) { .open-course-list .course-block .open-course-content { padding: 0 5px 5px } } .open-course-list .course-block .open-course-content .title { margin-bottom: 10px } .open-course-list .course-block .open-course-content .title a { font-size: 22px; vertical-align: middle } @media (max-width:991px) { .open-course-list .course-block .open-course-content .title a { font-size: 14px } } .open-course-list .course-block .open-course-intro { margin-bottom: 20px; height: 80px; overflow: hidden; color: #919191 } @media (max-width:1199px) { .open-course-list .course-block .open-course-intro { height: 60px; margin-bottom: 10px } } .open-course-list .course-block .metas { line-height: 34px } @media (max-width:767px) { .open-course-list .course-block .metas { line-height: 20px } } @media (min-width:768px) and (max-width:1199px) { .open-course-list .course-block .metas .btn { font-size: 12px } } .open-course-list .course-block .metas span { margin-right: 15px; color: #c1c1c1; font-size: 12px } @media (max-width:991px) { .open-course-list .course-block .metas span { margin-right: 5px } } .open-course-list .course-block .metas span .es-icon { margin-right: 5px; font-size: 20px } @media (max-width:767px) { .open-course-list .course-block .metas span .es-icon { font-size: 16px } } .open-course-list .section-more-btn { margin: 40px 0 70px } .open-course-list .tags { position: absolute; top: 0; left: 10px } .open-course-list .tags .tag-open-live { display: inline-block; width: 40px; height: 50px } .open-course-sms-form .help-block { margin-top: 47px; margin-left: 200px } @media (max-width:991px) { .open-course-sms-form .help-block { margin: 0 } } @media (max-width:991px) { .open-course-form-control { width: 67%; display: inline-block } } @media (max-width:991px) { .open-course-form-btn { width: 30%; display: inline-block } } .materiallib-stats .stats-summary { padding: 15px } .stats-summary .piece { cursor: pointer; padding: 0; height: 100px; border: 2px solid #eee } .stats-summary .piece.active, .stats-summary .piece:hover { border: 2px solid #499ae6 } .materiallib-stats .chart { display: none } .materiallib-stats .chart.active { display: block } .material-body .page-header { display: none } .material-detail-widget .header { padding-bottom: 12px; margin: 0 0 20px; padding: 0; border-bottom-width: 2px; border-bottom: 1px solid #eee } .material-detail-widget .header h1 { display: inline; font-size: 18px; line-height: 32px; margin: 0 } .material-detail-widget .content .tab-panne { display: none } .material-detail-widget .content .tab-panne.active { display: block } .material-detail-widget .content .nav { margin-bottom: 20px } .materials-ul { margin-bottom: 24px; border: 1px solid #eee; padding-left: 0; background: #fafafa } .materials-ul.batch-hidden i { display: none !important } .materials-ul li { list-style-type: none } .materials-ul li img { width: 100% } .materials-ul li .op-btn { text-align: center; height: 40px; line-height: 40px; padding: 0; cursor: pointer; border-top: 1px solid #eee } .materials-ul li .op-btn:hover { background: #eee } .materials-ul li.op-li { margin: 0 } .materials-ul li .border-left { border-left: 1px solid #eee } .materials-ul li.img-li .reconvert-btn { position: absolute; left: 35%; top: 40% } .materials-ul li.caption { padding: 8px 10px; line-height: 1 } .materials-ul li.caption p.date, .materials-ul li.caption p.tags { font-size: 10px; margin-bottom: 0 } .materials-ul li.caption p.use-time { font-size: 10px; margin-top: 5px; margin-bottom: 5px } .material-list-container { margin-top: 20px } #material-search-form .source-btn { margin-bottom: 10px } .material-collection { color: #ffa51f } .batch-item { position: absolute; left: 8px; top: 4px; z-index: 101 } .materials-type { margin-bottom: 25px !important } .materials-type ul { padding: 0 } .materials-type li { list-style-type: none } .materials-type li.dropdown { padding: 5px 11px; border: 1px solid #ccc; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-color: #e1e1e1 } .materials-type li.dropdown a { color: #616161 } .materials-type .form-control { height: 32px; border-color: #e1e1e1; box-shadow: none; position: relative; left: -4px; width: 240px } .es-materials-manage .nav-tabs>li span { display: block; padding: 14px 15px 15px; color: #919191 } .es-materials-manage .nav-tabs>li>a { padding: 14px 15px 15px; color: #313131 } .es-materials-manage .nav-tabs>li>a, .es-materials-manage .nav-tabs>li>a:hover { border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent } .es-materials-manage .nav-tabs>li>a:hover { color: #43bc60; background: transparent } .es-materials-manage .nav-tabs>li.active>a { color: #43bc60; border-bottom-color: #ddd } .es-materials-manage .nav-tabs>li.active>a:hover { border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent } .es-materials-manage .es-materials-filter { padding-top: 8px } .es-materials-manage .es-materials-filter .form-control { width: 180px; border-bottom-left-radius: 4px; border-top-left-radius: 4px } .es-materials-manage .form-csearch-type { width: auto } .es-materillib-table a { color: #616161 } .es-materillib-table a:hover { color: #43bc60; text-decoration: none } .es-materials-manage .table>tbody>tr>td { vertical-align: middle; color: #313131 } .material-search-list { position: relative; padding-bottom: 15px; border-bottom: 1px solid #f5f5f5; margin-bottom: 0 } @media (max-width:767px) { .material-search-list .btn-group { margin-top: 10px } } .material-search-list .all { position: absolute; top: 13px; left: 15px; color: #919191 } .material-search-list .right-content { padding-left: 70px } .material-search-list.material-tabs { padding-top: 10px; padding-bottom: 10px } .material-search-list.material-tabs .all { top: 15px } .material-search-list.material-tabs .right-content { margin-bottom: 0 } .material-search-list.material-tabs .right-content li { float: left; list-style-type: none } .material-search-list.material-tabs .right-content li.active a, .material-search-list.material-tabs .right-content li:hover a { color: #43bc60 } .material-search-list.material-tabs .right-content li a { display: inline-block; padding: 5px 10px; color: #616161 } .material-search-list.material-tag { padding-top: 10px; padding-bottom: 10px } .material-search-list.material-tag .right-content .label { margin: 5px; display: inline-block; cursor: pointer } .material-search-list.bottom { padding-top: 15px; margin-bottom: 20px } .material-search-list.bottom .all { top: 22px } @media (max-width:767px) { .material-search-list.bottom { padding-bottom: 5px } .material-search-list.bottom .form-control { margin-bottom: 10px } } .material-search-list.bottom .input-time { display: inline-block; width: 48% } .material-search-list.bottom .input-space { display: inline-block; width: 4%; text-align: center } .materials-modal-body .nav.nav-tabs>li>a { border-bottom: 1px solid transparent } .materials-modal-body .nav.nav-tabs>li.active>a, .materials-modal-body .nav.nav-tabs>li:hover>a { border-bottom: 1px solid #43bc60 } .materials-ul .img-li { position: relative } @media (min-width:767px) { .materials-ul .img-li { height: 149px } } .materials-ul .img-li img { height: 100% } .materials-ul .img-li .mask { position: absolute; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; visibility: hidden; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, .5); color: #fff; text-align: right } .materials-ul .img-li .mask .icon-operation { position: relative; padding: 10px 0; height: 40px } .materials-ul .img-li .mask .icon-operation .dropdown-menu { left: auto; right: 0 } .materials-ul .img-li .mask .icon-operation i { cursor: pointer; font-size: 16px; margin-right: 10px; opacity: .8; filter: alpha(opacity=80) } .materials-ul .img-li .mask .icon-operation i:hover { opacity: 1; filter: alpha(opacity=100) } .materials-ul .img-li .mask .btn-operation { position: absolute; top: 40%; left: 35%; text-align: center; height: 35px } .materials-ul .img-li .mask .time { position: absolute; right: 0; bottom: 0; height: 22px; padding: 5px 2px; font-size: 12px } .materials-ul .img-li:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .materials-ul .img-li:hover .mask { opacity: 1; filter: alpha(opacity=100); visibility: visible } .materials-ul .capon .state { height: 20px } .materials-ul .status-parent { height: 19px; overflow: hidden } .tab-content-img .tab-pane-img { display: none } .tab-content-img .tab-pane-img.active { display: block } .material-detail-img { height: 150px } .material-detail-img .detail-img { height: 100%; width: auto; margin-right: 20px; overflow: hidden; text-align: center; background-color: #000; float: left } .material-detail-img .detail-img img { height: 100%; width: auto } .material-detail-img .btn { margin-top: 58px } .material-detail-img.video-detail-img { height: 250px } @media (max-width:767px) { .material-detail-img.video-detail-img { height: 200px } } .material-detail-img.video-detail-img .detail-img { width: 444px } .material-detail-img.video-detail-img .btn { margin-top: 100px } @media (max-width:767px) { .material-detail-img { height: auto } .material-detail-img .detail-img { float: none; height: 150px !important; width: 267px !important } .material-detail-img .btn { margin-top: 10px !important; display: block } } .material-detail-save { padding-top: 30px; margin-bottom: 20px; border-top: 1px solid #ddd } .media-preview .media-preview-content .title { padding-top: 35px; text-align: center; font-size: 30px } .media-preview .media-preview-content .media-preview-player { position: absolute; top: 120px; bottom: 60px; left: 120px; right: 120px } .classroom-manage-header { position: relative } .classroom-manage-header .picture { float: left; height: 60px; margin-right: 10px } .classroom-manage-header .title { margin: 5px 170px 10px 0; line-height: 1.2; font-size: 18px; font-weight: 700; word-break: break-all } @media (max-width:767px) { .classroom-manage-header .title { margin-right: 10px } } .classroom-manage-header .teachers { color: #919191; font-size: 13px } .classroom-manage-header .teachers a { margin-right: 10px; color: #616161 } .classroom-manage-header .toolbar { position: absolute; right: 15px; top: 50%; margin-top: -15px } .course-main-header { position: relative } .course-main-header__operation { position: absolute; top: 17px; right: 32px } .task-price-setting-group { position: relative; padding-bottom: 5px; max-height: 215px; overflow: hidden; border: 1px solid #c1c1c1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .task-price-setting-group .task-price-setting-group__item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border-top: 1px solid #ddd } .task-price-setting-group .task-price-setting-group__item:first-child { border-top: none } .task-price-setting-group .price { visibility: hidden } .task-price-setting-group .title { max-width: 80% } .task-price-setting-group li.open .price { visibility: visible } .study-process-item { position: relative; z-index: 1; overflow: hidden } .study-process-item i { position: absolute; bottom: -30px; right: 0; font-size: 100px; z-index: -1; color: #f1f1f1 } @media (max-width:1199px) { .study-process-item i { display: none } } .study-process-item.bg-danger .content, .study-process-item.bg-danger .title, .study-process-item.bg-success .content, .study-process-item.bg-success .title, .study-process-item.warning .content, .study-process-item.warning .title { color: #fff } .study-process-item.bg-danger i, .study-process-item.bg-success i, .study-process-item.warning i { opacity: .5; filter: alpha(opacity=50) } .study-process-item .title { color: #919191; margin-bottom: 20px } .study-process-item .content { color: #313131 } .study-process-item .current { font-size: 40px; margin-right: 10px } .study-process-item .total { font-size: 16px; margin-left: 10px } .process-table { padding: 15px } .process-table .reference { font-size: 12px; margin-bottom: 20px } .process-table .reference-item { display: inline-block; margin-right: 20px } .process-table .reference-item i { margin-right: 10px } .process-table .lump-list { margin: 0 -3px } .process-table .lump-list .color-lump { margin: 3px } .study-data .well { position: relative; text-align: center; z-index: 1; color: #919191; font-size: 16px; padding-top: 30px; margin-bottom: 20px; overflow: hidden } .study-data .well i { position: absolute; bottom: -20px; left: 0; font-size: 100px; z-index: -1; color: #f1f1f1 } @media (max-width:1199px) { .study-data .well i { display: none } } .study-data .well .number { font-size: 32px; color: #313131 } .process-popover { width: 300px; text-align: center } .process-popover .popover-content { padding: 10px } .process-popover .process-popover-title { background-color: #e1e1e1; color: #fff; margin-bottom: 30px; padding: 8px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .process-popover .process-popover-score { font-size: 34px; color: #313131; margin-bottom: 25px } .process-popover .process-popover-date { margin-bottom: 10px; color: #919191; font-size: 12px } .report-card { padding-bottom: 30px } .report-card+.report-card { padding-top: 40px; border-top: 1px solid #f5f5f5 } .report-card .report-card-header { position: relative; padding-right: 150px; margin-bottom: 20px; color: #919191 } @media (max-width:767px) { .report-card .report-card-header { padding-right: 0 } } .report-card .report-card-header .include { position: absolute; top: 0; right: 0 } @media (max-width:767px) { .report-card .report-card-header .include { display: none } } .report-card .card-main-title { position: relative; height: 40px; margin-bottom: 20px; line-height: 40px; padding: 0 200px 0 10px; background-color: #fafafa; color: #313131; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } @media (max-width:767px) { .report-card .card-main-title { padding: 0 10px } } .report-card .card-main-title .score { position: absolute; top: 0; right: 60px; margin-bottom: 0; color: #ed3e3e } .report-card .card-main-title .score span { font-size: 22px } .report-card .card-main-title .reviews { position: absolute; top: 0; right: 10px } .report-card .card-main-title .reviews:hover { cursor: pointer } .report-card .score-list { padding-left: 10px; margin-bottom: 20px } .report-card .score-list li { position: relative; line-height: 30px; height: 30px; color: #919191; list-style-type: none } .report-card .score-list li:after { position: absolute; content: ""; top: 50%; left: 180px; right: 110px; border-bottom: 1px dashed #919191 } @media (max-width:767px) { .report-card .score-list li:after { right: 50px } } .report-card .score-list .name { color: #313131; margin-right: 20px } .report-card .score-list .score { position: absolute; top: 0; right: 60px } @media (max-width:767px) { .report-card .score-list .score { right: 10px } } .task-create-editor { padding: 0 20px } .task-create-editor .task-create-type-list { padding: 0 55px; margin-bottom: 0; list-style: none } .task-create-editor .task-create-type-list .task-create-type-item { margin-bottom: 20px } .task-create-editor .task-create-type-list .task-create-type-item>a { height: 110px; background-color: #f4f6f8; display: block; text-align: center; color: #919191; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 3px solid #f4f6f8 } .task-create-editor .task-create-type-list .task-create-type-item:hover>a { background: #f4f6f8; border: 3px solid #43bc60; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .task-create-editor .task-create-type-list .task-create-type-item.active>a { background: #43bc60; color: #fff; border: 3px solid #43bc60; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .task-create-editor .task-create-type-list .task-create-type-item i { display: block; font-size: 35px; line-height: 1; padding-top: 18px; margin-bottom: 10px } .task-create-editor .task-create-content { min-height: 200px; position: relative } .task-create-editor .task-create-content .task-create-content-iframe { width: 100%; min-height: 200px; border: none } .task-iframe-body { background-color: #fff; padding: 0 20px; height: auto; } .file-chooser-main { border: 1px solid #e1e1e1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .file-chooser-main .file-chooser-nav { padding: 15px } .file-chooser-main .file-chooser-tab { padding: 15px; border-top: 1px solid #e1e1e1 } .download-list { list-style: none; padding-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #f8fbfd } .download-list li { padding: 10px 15px 0 } .download-list li:last-child { padding-bottom: 10px } .download-list li>a { color: #313131; font-weight: 700 } .download-list li .btn-delete { visibility: hidden; font-size: 16px; color: #919191 } .download-list li:hover>.btn-delete { visibility: visible } .download-list li:hover>.btn-delete:hover { color: #43bc60 } .chooser-content { margin: 0 15px 15px; padding: 15px } .chooser-content, .import-content { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #f8fbfd } .import-content { padding: 30px } .chooser-list-parent { border-top: 1px solid #e1e1e1 } .chooser-list { position: relative; height: 163px; overflow: auto; background-color: #fff } .chooser-list.border-top { border-top: 1px solid #e1e1e1 } .chooser-list .table-striped { margin-bottom: 0 } .chooser-list .table-striped>tbody>tr:nth-of-type(odd) { background-color: #fafafa } .chooser-list .table-striped>tbody>tr.active>td, .chooser-list .table-striped>tbody>tr:hover>td { color: #43bc60 } .chooser-list .table-striped>tbody>tr>td { border-top: 0; padding: 10px } .uploader-content { background-color: #f8fbfd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 30px 30px 15px } .uploader-content .uploader-container { border: 1px dashed #e4ecf3; padding: 5px 10px } .uploader-content .uploader-bottom { padding-top: 15px; line-height: 30px; border-top: 1px solid #eaf2f7; margin-top: 25px } .uploader-content .uploader-bottom .form-control { margin-bottom: 0; width: auto; display: inline-block; min-width: 85px; margin-left: 10px } .task-list-header { padding-top: 7px; padding-bottom: 10px; font-size: 16px; line-height: 30px; background-color: #fff; margin-bottom: 18px } .task-list-header .space { margin-right: 50px } .task-list-header.fixed { position: fixed; top: 0; width: 915px; bottom: auto; box-shadow: 0 3px 3px rgba(0, 0, 0, .08); z-index: 1000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .task-empty { margin-bottom: 96px } .task-empty .task-empty-icon { font-size: 50px; display: block; margin: 60px 0 20px } .upload-height { line-height: 25px } .lesson-list { margin: 0 10px 0 40px; padding: 0; list-style: none; border-left: 2px solid #ccc } .lesson-list .item-chapter, .lesson-list .item-lesson { border: 1px solid #ccc; background: #fff; line-height: 40px; margin-bottom: 15px } .lesson-list .item-chapter { position: relative; margin-left: -30px } .lesson-list .item-chapter-unit { margin-left: -15px } .lesson-list .item-lesson { margin-left: 20px; cursor: move } .lesson-list .item-line { border-bottom: 2px solid #ccc; vertical-align: top; display: inline-block; height: 20px; width: 20px; margin-left: -21px; float: left } .lesson-list .item-content { margin-left: 10px; overflow: hidden; height: 40px; line-height: 40px; float: left; width: 99% } .lesson-list .item-actions { visibility: hidden; background: #f3f3f3; border-left: 1px solid #ddd; position: absolute; right: 15px; padding-right: 35px } .lesson-manage-section .lesson-list .item-actions { right: 40px; background-color: transparent } .lesson-list .item-actions .btn, .lesson-list .item-actions .dropdown-menu>li>a { -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none } .lesson-list .item-actions .btn-link:hover, .lesson-list .item-actions a.dropdown-toggle:focus, .lesson-list .item-actions a.dropdown-toggle:hover { text-decoration: none } .lesson-list .item-chapter:hover .item-actions, .lesson-list .item-lesson:hover .item-actions { visibility: visible } .lesson-list .item-chapter:hover, .lesson-list .item-lesson:hover { background: #f3f3f3 } .lesson-form .for-audio-type, .lesson-form .for-document-type, .lesson-form .for-flash-type, .lesson-form .for-none-type, .lesson-form .for-ppt-type, .lesson-form .for-text-type, .lesson-form .for-video-type { display: none } .lesson-form-audio .for-audio-type, .lesson-form-document .for-document-type, .lesson-form-flash .for-flash-type, .lesson-form-ppt .for-ppt-type, .lesson-form-text .for-text-type, .lesson-form-video .for-video-type { display: block } .file-chooser-uploader { padding: 20px; background: #f9f9f9; border: 1px solid #e6e6e6 } .file-chooser-uploader-label { margin-bottom: 10px; font-weight: 700 } .file-chooser-uploader-control { margin-bottom: 10px } .file-chooser-uploader .alert-info { margin-bottom: 0 } .file-browser { padding: 10px; background: #f9f9f9; border: 1px solid #e6e6e6; height: 210px; overflow-y: auto; overflow-x: hidden } .file-browser-list-container { height: 110px; overflow-y: auto; overflow-x: auto } .file-browser-list { list-style: none; margin: 0; padding: 0 } .file-browser-list li { padding: 5px 10px } .file-browser-list li:hover { background: #eee } .file-browser-list .filename { float: left; width: 50%; cursor: default } .file-browser-list .filesize { float: left; width: 20%; color: #777; cursor: default } .file-browser-list .filetime { float: left; width: 30%; color: #777; cursor: default } .teacher-list-group .nickname { display: inline-block; width: 160px; margin-left: 6px } .teacher-list-group .visible-checkbox { font-weight: 400 } .teacher-list-group .delete-btn { margin-top: 12px } .teacher-list-group li .sort-handle { font-size: 18px; padding: 15px 10px 5px 5px; cursor: pointer } .course-statictics .dashboard { background: #fff; box-shadow: 0 0 30px 0 rgba(0, 0, 0, .03); border-radius: 4px; margin: 10px; text-align: center; margin-bottom: 20px } .course-statictics .dashboard .item { padding-top: 30px; height: 120px; border-right: 1px solid rgba(0, 0, 0, .06) } .course-statictics .dashboard .item.no-right-border { border-right: none } .course-statictics .dashboard .item.bottom-border { border-bottom: 1px solid rgba(0, 0, 0, .06) } .course-statictics .dashboard .item .number { position: relative; opacity: .88; font-size: 32px; color: #000; letter-spacing: 1px; line-height: 32px } @media (max-width:767px) { .course-statictics .dashboard .item .number { font-size: 22px } } .course-statictics .dashboard .item .number .incre { position: absolute; right: -60px; top: -3px; width: 60px; text-align: left; color: #43bc60; font-size: 12px } .course-statictics .dashboard .item .title { opacity: .56; font-size: 12px; color: #000; letter-spacing: 0; line-height: 12px; padding-top: 10px } .course-statictics .legend-icon { cursor: pointer; color: #999; position: relative; padding-left: 20px } .course-statictics .legend-icon:before { position: absolute; width: 8px; height: 8px; border-radius: 50%; left: 5px; top: 4px; content: "" } .course-statictics .legend-icon.learn:before { background-color: #d3d3d3 } .course-statictics .legend-icon.finish:before { background-color: #92d178 } .course-statictics .legend-icon.start:before { background-color: #fecf7d } .course-statictics .legend-icon.unpass:before { background-color: #fe7d81 } .course-statictics .legend-icon.active { color: #ccc } .course-statictics .legend-icon.active:before { background-color: #ccc !important } .course-statictics .legend { color: #333; margin-bottom: 20px } .course-statictics .col-10, .course-statictics .col-80 { float: left; padding: 0 10px } .course-statictics .col-80 { width: 80% } .course-statictics .col-10 { width: 10% } .course-statictics .student-detail { padding: 0 7px; margin-bottom: 0 } .course-statictics .student-detail.sm li { width: 4%; margin-bottom: 15px } .course-statictics .student-detail li { width: 5%; height: 16px; padding: 0 3px; float: left; list-style: none; cursor: pointer } .course-statictics .student-detail li i { display: block; height: 100%; border-radius: 3px } .course-statictics .chart-item { margin-bottom: 15px; position: relative } .course-statictics .chart-item .popover { min-width: 150px } .course-statictics .chart-item:hover .more { display: inline } .course-statictics .chart-item .progress { height: 18px; margin-bottom: 0; border-radius: 3px; cursor: pointer } .course-statictics .chart-item .more { position: absolute; right: 10px; color: #43bc60; display: none } .course-statictics .start-color { background-color: #fecf7d } .course-statictics .finish-color { background-color: #92d178 } .course-statictics .learn-color { background-color: #d3d3d3 } .course-statictics .unpass-color { background-color: #fe7d81 } .course-statictics .width-hide { width: 0 !important } .course-statictics .statictic-body { margin: 0 10px 20px } .course-statictics .statictic-body .select-content { display: inline-block; position: relative; margin-right: 20px } .course-statictics .statictic-body .select-content .select-time-input, .course-statictics .statictic-body .select-content .select-time-select { padding: 6px 12px; width: 189px; height: 34px; border: 0; opacity: .4; font-size: 14px; color: #000; letter-spacing: 0; line-height: 16px; background: #fff } .course-statictics .statictic-body .select-content .select-time-input:focus, .course-statictics .statictic-body .select-content .select-time-select:focus { outline: 0 } .course-statictics .statictic-body .select-content .select-time-input { border-bottom: 1px solid #ccc } .course-statictics .statictic-body .select-content .es-icon { position: absolute; right: 0; top: 8px; color: rgba(0, 0, 0, .3); background: #fff; font-size: 18px } .course-statictics .statictic-body .select-content.bottom-border { border-bottom: 1px solid rgba(0, 0, 0, .06) } .course-statictics .statictic-body .date-change { color: rgba(0, 0, 0, .3); padding-left: 15px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .course-statictics .statictic-body .date-change:focus, .course-statictics .statictic-body .date-change:hover { color: #000; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .course-statictics .statictic-body .chart-container { width: 100%; min-height: 250px } .course-statictics .statictic-body .nav.nav-tabs { border-bottom: 0; margin-bottom: 0 } .course-statictics .statictic-body .nav.nav-tabs>li { margin-right: 40px } .course-statictics .statictic-body .nav.nav-tabs>li.active>a { color: #616161 } .course-statictics .statictic-body .nav.nav-tabs>li>a { font-size: 14px; color: #999; padding: 0 0 10px } .course-statictics .statictic-header { font-size: 14px; letter-spacing: 0; line-height: 14px; padding: 40px 0 10px; font-weight: 500 } .panel-create-course .panel-heading h2 { color: #313131; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid #e1e1e1; font-size: 16px } .panel-create-course .course-piece { position: relative; text-align: left; padding-left: 12px; font-size: 16px; font-weight: 500; color: #919191 } .panel-create-course .course-piece:after { content: ""; position: absolute; left: 0; top: 3px; width: 4px; height: 16px; background-color: #43bc60 } .panel-create-course .course-piece.title:after { top: 8px } .panel-create-course .course-select { margin: 16px 5px; height: 250px; padding: 35px 15px; border: 2px solid transparent; text-align: center; border-radius: 10px; cursor: pointer; background-color: #f4f6f8 } .panel-create-course .course-select:hover { border: 2px solid #43bc60 } .panel-create-course .course-select.disabled { border: 0; color: #d9d7d7; cursor: help } .panel-create-course .course-select.active { background-color: #43bc60; color: #fff } .panel-create-course .course-select.active .course-type { border-bottom: 1px solid #fff } .panel-create-course .course-select .es-icon { font-size: 47px } .panel-create-course .course-select .course-type { padding: 20px 0; font-size: 16px; border-bottom: 1px solid #e1e1e1 } .panel-create-course .course-select .course-intro { padding-top: 20px; font-size: 12px } .panel-create-course .course-title { margin-bottom: 48px } .panel-create-course .course-title .controls-label { margin-right: 4px } @media (min-width:1200px) { .panel-create-course .course-title .course-title-input { width: 91%; padding-right: 1px } } .panel-create-course .course-cancel-btn { padding-left: 24px; padding-right: 24px; font-weight: 500 } @media (min-width:1200px) { .panel-create-course .course-five-types { padding-left: 10px; padding-right: 10px } .panel-create-course .course-five-types:last-child { padding-right: 0 } .panel-create-course .course-five-types .course-select { margin-left: 0; margin-right: 0 } } @media (min-width:992px) { .panel-create-course .course-five-types { width: 19.8% } } .topic-player-statistical .popup-topic { height: auto } .topic-player-statistical .popup-topic .list.right { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #d9f2df } .topic-player-statistical .popup-topic .list.right .num { border: 1px solid #43bc60; color: #fff; background-color: #43bc60 } .topic-player-statistical .popup-topic .list.right .badge { background-color: #43bc60 } .topic-player-statistical .popup-topic .list { padding: 10px 10px 10px 45px; line-height: 25px; margin: 10px 0 } .topic-player-statistical .popup-topic .list .info { display: inline-block; width: 80% } .topic-player-statistical .popup-topic .list .num { left: 10px } .topic-player-statistical .popup-topic.topic-resolve .list .tab-panel { padding-bottom: 20px; border-bottom: 1px solid #e1e1e1 } .topic-player-statistical .popup-topic.topic-resolve .list .tab-pane { padding: 10px 0 } .topic-player-statistical .modal-header .close { margin-top: -5px } .testpaper-mark-list { border-radius: 5px; padding-bottom: 0; border: 0; overflow: hidden; margin-bottom: 20px } .testpaper-mark-info { background-color: #fafafa; padding: 0 15px } .testpaper-mark-info__title { margin-top: 20px; margin-bottom: 10px; font-size: 18px; line-height: 1; font-weight: 500; color: #313131 } .testpaper-mark-info__name { height: 62px; color: #919191 } .testpaper-mark-operation { height: 140px; padding: 40px 11px 35px } .testpaper-mark-operation__link { font-size: 24px } .testpaper-mark-operation__link i { font-size: 24px; color: #616161 } .testpaper-mark-operation__link i:hover { cursor: pointer } .testpaper-mark-operation__link--disabled i:hover { cursor: not-allowed } .testpaper-mark-status { padding: 40px 11px 35px; height: 140px; background-color: #f4f4f4; border-left: 1px dashed #dcdcdc } .testpaper-mark-status__text { padding-bottom: 10px; border-bottom: 1px solid } .testpaper-mark-success-status { color: #43bc60 } .testpaper-mark-success-status, .testpaper-mark-success-status:focus, .testpaper-mark-success-status:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .testpaper-mark-success-status:focus, .testpaper-mark-success-status:hover { color: #7bd090 } .testpaper-mark-warning-status { color: #ffa51f } .testpaper-mark-warning-status, .testpaper-mark-warning-status:focus, .testpaper-mark-warning-status:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .testpaper-mark-warning-status:focus, .testpaper-mark-warning-status:hover { color: #ffc46c } .testpaper-mark-danger-status { color: #ed3e3e } .testpaper-mark-danger-status, .testpaper-mark-danger-status:focus, .testpaper-mark-danger-status:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .testpaper-mark-danger-status:focus, .testpaper-mark-danger-status:hover { color: #f48484 } .testpaper-mark-graph__data { margin-left: 10%; font-size: 16px; line-height: 1; color: #313131; font-weight: 500 } .testpaper-mark-graph__chart { width: 100%; height: 400px } .intro-fixed-group { position: fixed; right: 50px; bottom: 30px; z-index: 99; opacity: 1; filter: alpha(opacity=100) } .intro-fixed-group.transparent { opacity: 0; filter: alpha(opacity=0) } .intro-fixed-group .intro-btn { display: block; cursor: pointer; width: 50px; height: 50px; padding: 8px; line-height: 1.5; font-size: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; text-align: center; border: none; color: #43bc60; -webkit-box-shadow: 0 1px 7px 2px rgba(202, 241, 219, .35); -moz-box-shadow: 0 1px 7px 2px rgba(202, 241, 219, .35); box-shadow: 0 1px 7px 2px rgba(202, 241, 219, .35) } .intro-fixed-group .popover { min-width: 150px } .task-dashboard-page { position: fixed; left: 0; top: 0; width: 100%; background-color: #e5e5e5; height: 100% } .task-dashboard-page .dashboard-content { position: absolute; left: 26px; right: 395px; top: 0; padding-top: 54px; bottom: 70px } @media (max-width:767px) { .task-dashboard-page .dashboard-content { right: 15px !important; left: 15px } } .task-dashboard-page .dashboard-content .dashboard-header { position: absolute; top: 0; left: 0; right: 0; height: 54px; line-height: 54px; color: #919191; font-size: 16px; z-index: 1; overflow: hidden } .task-dashboard-page .dashboard-content .dashboard-header .back-link { color: #616161; padding-right: 20px; border-right: 1px solid #c1c1c1; margin-right: 20px } .task-dashboard-page .dashboard-content .dashboard-header .back-link i { font-size: 22px; line-height: 1 } .task-dashboard-page .dashboard-content .dashboard-header .back-link:hover { color: #43bc60 } @media (max-width:767px) { .task-dashboard-page .dashboard-content .dashboard-header { z-index: 0 } } .task-dashboard-page .dashboard-content .dashboard-footer { position: absolute; bottom: -70px; left: 0; right: 0; height: 70px; padding: 18px 0; color: #919191; z-index: 1; text-align: right } .task-dashboard-page .dashboard-content .dashboard-body { position: relative; background-color: #fff; height: 100%; overflow: hidden } .task-dashboard-page .dashboard-content .state-opration { position: relative; display: inline-block; height: 31px; text-align: right; vertical-align: middle; min-width: 300px } @media (max-width:767px) { .task-dashboard-page .dashboard-content .state-opration { min-width: 20px } } .task-dashboard-page .dashboard-content .state-opration>.btn { position: absolute; top: 60px; right: 0 } .task-dashboard-page .dashboard-content .state-opration>.btn.open { top: 0 } .task-dashboard-page .dashboard-content .state-opration>.btn.moveup { -webkit-animation: moveUp 1s; -moz-animation: moveUp 1s; animation: moveUp 1s; top: 0 } .task-dashboard-page .dashboard-content .btn-learn .doing { display: inline } .task-dashboard-page .dashboard-content .btn-learn.active .doing, .task-dashboard-page .dashboard-content .btn-learn .done { display: none } .task-dashboard-page .dashboard-content .btn-learn.active .done { display: inline } .task-dashboard-page .dashboard-sidebar { position: absolute; right: 0; top: 0; bottom: 0; width: 360px; background-color: #fff; -webkit-box-shadow: -1px 0 5px rgba(0, 0, 0, .1); -moz-box-shadow: -1px 0 5px rgba(0, 0, 0, .1); box-shadow: -1px 0 5px rgba(0, 0, 0, .1) } @media (max-width:767px) { .task-dashboard-page .dashboard-sidebar { z-index: 4 } } @media (max-width:767px) and (min-width:400px) { .task-dashboard-page .dashboard-sidebar { width: 300px; right: -300px } } @media (max-width:400px) { .task-dashboard-page .dashboard-sidebar { width: 260px; right: -260px } } .task-dashboard-page .dashboard-toolbar { position: absolute; top: 50%; left: -58px; margin-top: -112.5px } .task-dashboard-page .dashboard-toolbar .dashboard-toolbar-nav { margin-bottom: 0; vertical-align: middle; list-style: none; padding: 0; margin: 0; display: none; } .task-dashboard-page .dashboard-toolbar .dashboard-toolbar-nav>li { margin-bottom: 10px } .task-dashboard-page .dashboard-toolbar .dashboard-toolbar-nav>li>a { padding: 12px 15px; display: inline-block; background-color: #fff; color: #616161; text-align: center; -webkit-box-shadow: -1px 0 10px rgba(0, 0, 0, .1); -moz-box-shadow: -1px 0 10px rgba(0, 0, 0, .1); box-shadow: -1px 0 10px rgba(0, 0, 0, .1) } .task-dashboard-page .dashboard-toolbar .dashboard-toolbar-nav>li.active>a, .task-dashboard-page .dashboard-toolbar .dashboard-toolbar-nav>li:hover>a { background-color: #43bc60; color: #fff } .task-dashboard-page .dashboard-pane { overflow: hidden; height: 100% } .task-dashboard-page .task-list-pane { position: absolute; top: 0; bottom: 0; width: 100%; overflow-y: hidden; overflow-x: hidden } .task-dashboard-page .task-list-pane .task-list-pane-body { padding: 15px 0 } .task-dashboard-page .note-pane { height: 100%; overflow: hidden } .task-dashboard-page .note-pane .note-pane-body { padding: 15px } .task-dashboard-page .question-pane { height: 100%; overflow: hidden } .task-dashboard-page .question-pane .task-question-plugin-form { margin-bottom: 0; padding: 15px } .task-dashboard-page .question-pane .task-question-plugin-pane { padding: 15px } .task-dashboard-page .question-pane .media-list { margin-top: 0 } .task-dashboard-page .question-pane .media-list .media { border-bottom: 1px solid #e4ecf3 } .task-dashboard-page .task-question-plugin-pane-header { margin-bottom: 24px; padding-left: 14px } .task-dashboard-page .task-question-plugin-pane-header__btn { padding: 6px 9px; background: #f1f1f1; border: 1px solid #e1e1e1; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #b1b1b1; font-size: 12px; line-height: 1 } .task-dashboard-page .task-question-plugin-pane-thread { padding: 0 14px } .task-dashboard-page .task-question-plugin-pane-thread__title { font-size: 16px; font-weight: 500; line-height: 20px; color: #313131 } .task-dashboard-page .task-question-plugin-pane-thread__title .post-tag-success { color: #fff; background-color: #43bc60 } .task-dashboard-page .task-question-plugin-pane-thread__info { font-size: 12px; line-height: 1; color: #919191 } .task-dashboard-page .task-question-plugin-pane-thread__info .nickname { font-weight: 600 } .task-dashboard-page .task-question-plugin-pane-thread__content { font-size: 14px; line-height: 24px; max-height: 76px; letter-spacing: 1px; overflow: hidden } .task-dashboard-page .task-question-plugin-pane-thread__content.active { max-height: none } .task-dashboard-page .task-question-plugin-pane-thread__content p { margin: 0 } .task-dashboard-page .task-question-plugin-pane-thread__item { padding-bottom: 12px; border-bottom: 1px solid #f1f1f1 } .task-dashboard-page .task-question-plugin-pane-thread__item:last-child { border: none } .task-dashboard-page .task-question-plugin-pane-thread__item .more { display: none } .task-dashboard-page .task-question-plugin-pane-post-form { margin-top: 16px; padding: 8px 14px } .screen-full { position: fixed; left: 0; top: 0; z-index: 999 } .iframe-modal.modal { overflow-y: auto } .all-wrapper { height: 100% } /* @media (max-width:991px) { .all-wrapper.mobile-scroll-wrapper { -webkit-overflow-scrolling: touch; overflow-y: scroll } } */ @-webkit-keyframes moveUp { 0% { top: 100%; opacity: 0 } to { opacity: 1; top: 0 } } @-moz-keyframes moveUp { 0% { top: 100%; opacity: 0 } to { opacity: 1; top: 0 } } @keyframes moveUp { 0% { top: 100%; opacity: 0 } to { opacity: 1; top: 0 } } .iframe-parent-content { position: absolute; left: 0; right: 0; bottom: 0; top: 0; overflow: auto; height: 100%; background: #fff; } .iframe-parent-content img { max-width: 100% } .iframe-parent-content.iframe-parent-full { overflow: hidden } @media (max-width:767px) { .iframe-parent-content.iframe-parent-full { -webkit-overflow-scrolling: touch; overflow-y: scroll } } .iframe-parent-content .text-activity-content { padding-top: 20px; padding-bottom: 20px; text-align: justify } @media (min-width:1091px) { .iframe-parent-content .text-activity-content { width: 992px; margin: auto } } @media (max-width:1090px) { .iframe-parent-content .text-activity-content { padding-left: 20px; padding-right: 20px } } .task-preview-modal-content { position: relative; height: 400px } .download-activity-list { padding-left: 0; list-style: none; margin-top: 46px; } .download-activity-list>li:nth-of-type(odd) { background-color: #fafafa } .download-activity-list>li>a { display: block; padding: 20px } .download-activity-list>li>a .download-icon { float: right; color: #c1c1c1 } .download-activity-list>li>a:hover, .download-activity-list>li>a:hover .download-icon { color: #43bc60 } .testpaper-card .panel-card { position: relative; max-height: 290px; overflow: hidden } .testpaper-card .marking-card { position: absolute; right: 0; top: 0 } .testpaper-timer { position: relative; background-color: #fff; padding: 15px 44px 15px 20px; margin-bottom: 20px; line-height: 1 } .testpaper-timer .btn-pause { position: absolute; right: 0; top: 0; height: 44px; width: 44px; text-align: center; background-color: #43bc60; color: #fff } .testpaper-timer .btn-pause i { line-height: 44px } .testpaper-timer .btn-pause .pause { display: block } .testpaper-timer .btn-pause.open .pause, .testpaper-timer .btn-pause .play { display: none } .testpaper-timer .btn-pause.open .play { display: block } .testpaper-card-explain small { margin-right: 8px } .testpaper-card.affix { position: static; top: 0 } @media (max-width:767px) { .testpaper-card.affix, .testpaper-card.affix-bottom { position: relative !important; top: 0 !important } } @media (min-width:992px) { .testpaper-card.affix { position: fixed; top: 0; width: 220px } .testpaper-card.affix-bottom { position: absolute; width: 220px } } @media (min-width:1200px) { .testpaper-card.affix, .testpaper-card.affix-bottom { width: 270px } } .testpaper-card-panel { position: relative; z-index: 1; overflow: hidden; padding: 10px 20px !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); border: none } .testpaper-card-panel:after { position: absolute; content: ""; top: 0; right: -80px; width: 158px; height: 158px; z-index: -1; background: url("/static-dist/app/img/testpaper/icon_testpaper.png") no-repeat; background-image: -webkit-image-set(url("/static-dist/app/img/testpaper/icon_testpaper.png") 1x, url("/static-dist/app/img/testpaper/icon_testpaper@2x.png") 2x) } .homework-card-panel:after { background: url("/static-dist/app/img/testpaper/icon_homework.png") no-repeat; background-image: -webkit-image-set(url("/static-dist/app/img/testpaper/icon_homework.png") 1x, url("/static-dist/app/img/testpaper/icon_homework@2x.png") 2x) } .testpaper-card-info { margin-top: -5px; margin-bottom: 10px } .testpaper-card-info:first-child { margin-top: 10px } .testpaper-card-info__text { width: 100px; display: inline-block; color: #919191; text-align: right } .testpaper-card-info__number { display: inline-block; color: #313131; font-size: 22px } .testpaper-card-info__icon { color: #919191 } .testpaper-question-panel { -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .testpaper-question-body__label { position: relative; margin-bottom: 10px; height: 30px; line-height: 30px } .testpaper-question-body__label span { position: absolute; top: 0; right: 80px } .testpaper-question-body-item { position: relative } .testpaper-question-body-item__index { position: absolute; top: 6px; left: 6px } .testpaper-question-body-item__content { width: 82% } @media (min-width:768px) and (max-width:1199px) { .testpaper-question-body-item__content { width: 78% } } .testpaper-question-body-item__label { position: absolute; top: 6px; right: 80px; height: 16px; line-height: 100% } .testpaper-question-body-item__count { position: absolute; top: 5px; right: 0 } .testpaper-question-fill-item { padding: 6px 0 6px 125px; list-style-type: none; margin-bottom: 10px } .question-stem-fill-blank { padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #999; color: #aaa } .testpaper-question-determines { margin-left: 50px } .testpaper-question-determines label { padding: 8px 20px 8px 30px; display: inline-block } .testpaper-question-determines label.active, .testpaper-question-determines label:hover { background: #eee } .testpaper-question-choices { margin-left: 50px; padding-left: 0; list-style: none; border-bottom: 1px dashed #ddd; margin-bottom: 10px; padding-bottom: 10px } .testpaper-question-choices.client-m { margin: 16px 16px 0; border-bottom: 1px solid #EEEEEE; } .testpaper-question-choices img { max-width: 100% } .testpaper-question-choices li:hover { background: #eee } .testpaper-question-choices li p { margin-bottom: 0 } .testpaper-question-choices.client-m li:hover { background: none; } .testpaper-question-choice-item { padding: 6px 0 6px 36px } .testpaper-question-choice-item .testpaper-question-body-item__index { color: #919191 } .testpaper-question-choice-item.testpaper-question-choice-item--right, .testpaper-question-choice-item.testpaper-question-choice-item--right .testpaper-question-body-item__index { color: #3c763d } .testpaper-question-essay__answer { margin: 20px 0 20px 50px } .testpaper-question-essay__answer img { max-width: 100% } .modal .testpaper-question { border-top: none; padding-top: 0 } .testpaper-question { position: relative; margin-bottom: 50px; font-size: 14px; border-top: 1px solid #ccc; padding-top: 20px } .testpaper-question:first-child { border-top: none } .testpaper-question-seq { font-size: 20px; color: #3a87ad } .testpaper-question-seq-wrap { float: left; width: 40px; margin-right: 10px; text-align: center } .testpaper-question-stem { margin-bottom: 10px; border-bottom: 1px dashed #ddd; overflow: hidden; zoom: 1 } .testpaper-question-stem img { max-width: 100% } .testpaper-question-stem p { margin-bottom: 0 } .testpaper-question-stem-material img { max-width: 100% } .testpaper-question-score { font-size: 12px; color: #aaa; border: 1px solid #ccc; padding: 0 1px; border-radius: 5px; background: #f6f6f6; display: inline-block } .testpaper-question-footer { padding-left: 50px } .testpaper-question-footer__input label { padding: 8px 20px 8px 30px; display: inline-block } .testpaper-question-footer__input label.active, .testpaper-question-footer__input label:hover { background: #eee } @media (max-width:767px) { .testpaper-question-footer__input label { padding: 6px 5px 6px 25px } } @media (max-width:767px) { .testpaper-question-actions { width: 100%; text-align: right } } .testpaper-preview-answer { margin-left: 50px } .testpaper-heading-section { -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); border-radius: 2px !important; border: none !important } .testpaper-titlebar { border-bottom: 1px solid #ddd; margin-bottom: 20px } .testpaper-title { float: left; font-size: 24px; font-weight: 700; color: #444 } @media (min-width:1199px) { .testpaper-title { width: 85% } } @media (min-width:767px) and (max-width:1199px) { .testpaper-title { width: 80% } } @media (min-width:480px) and (max-width:767px) { .testpaper-title { width: 75% } } @media (max-width:480px) { .testpaper-title { margin-bottom: 0; max-width: 100% } } @media (min-width:480px) { .testpaper-title--overflow, .testpaper-title__content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } } .testpaper-status { margin-top: 20px; float: right } @media (max-width:480px) { .testpaper-status { margin-bottom: 20px } } .testpaper-status .label { padding: 5px 25px; border-radius: 3px; font-size: 100% } .testpaper-description { color: #444; font-size: 14px } .testpaper-description img { max-width: 100% } .testpaper-navbar.affix { position: static } @media (min-width:768px) { .testpaper-navbar.affix { z-index: 1030; position: fixed; margin-left: -11px; top: 0; width: 720px; background: #fff; border: 1px solid #ddd; box-shadow: 0 3px 3px rgba(0, 0, 0, .1) } } @media (min-width:992px) { .testpaper-navbar.affix { width: 940px } } @media (min-width:1200px) { .testpaper-navbar.affix { width: 1140px } } .testpaper-result-total { width: 160px; float: left; margin-right: 20px; text-align: center; color: #f60 } @media (max-width:767px) { .testpaper-result-total { float: none; width: 100% } } .testpaper-result-total .well { padding-top: 33px; padding-bottom: 34px } .testpaper-result-total-score { font-size: 40px; margin-bottom: 10px } .testpaper-result-total-score small { font-size: 16px } .testpaper-result-table td, .testpaper-result-table th { text-align: center; font-weight: 400 } .testpaper-result-table>thead>tr>th { border-bottom: 1px } .testpaper-result-table .text-score { color: #f60 } .testpaper-question-result { float: left } .testpaper-question-essay .testpaper-question-result { float: none } .testpaper-question-essay .testpaper-question-result img { max-width: 100% } .testpaper-question-fill .testpaper-question-result ul { list-style: none; margin: 0; padding: 0 } .testpaper-question-analysis { margin-left: 50px } .testpaper-question-analysis img { max-width: 100% } .task-testpaper-body-iframe { position: relative; height: 100%; overflow: auto } .task-state-modal .title { text-align: center; font-size: 22px; color: #313131; margin-bottom: 20px; line-height: 1 } /* 题型说明 start */ .task-state-modal .title-description { text-align: left !important; } .task-state-modal .title-description .titledes-icon { color: #22bfa7 !important; } .question-title { text-align: left; font-size: 14px; color: #333333; margin: 10px 0; font-weight: bold; } .question-cont { text-align: left; font-size: 12px; color: #999999; line-height: 20px; } /* end */ .task-state-modal .title i { font-size: 22px; margin-right: 10px } .task-state-modal .content { font-size: 12px; background-color: #fafafa; padding: 30px 70px; text-align: center } .task-state-modal .content .content-title { line-height: 1; font-size: 16px; color: #313131; margin-bottom: 40px } .task-state-modal .content .content-progress { margin-bottom: 15px } .task-state-modal.task-state-modal-xs { padding: 6px 0 } .task-state-modal.task-state-modal-xs .title { font-size: 12px; text-align: left } .task-state-modal.task-state-modal-xs .title i { font-size: 14px } .task-state-modal.task-state-modal-xs .content { padding: 0; background-color: transparent; text-align: left; margin-bottom: 13px; color: #919191 } .task-state-modal.task-state-modal-xs .content .content-title { font-size: 12px; color: #616161; padding-bottom: 10px; margin-bottom: 10px; font-weight: 400; border-bottom: 1px solid #e4ecf3 } .task-state-modal.task-state-modal-xs .content .content-progress { padding-bottom: 14px; border-bottom: 1px solid #e4ecf3; margin-bottom: 0 } .task-finish-modal .modal-header { border-bottom: 0; padding-bottom: 0; text-align: center } .task-finish-modal .modal-footer { border-top: 0; padding-top: 0 } .lesson-content-text-body { width: 80%; margin: 0 auto; padding-top: 50px } .lesson-content-text-body .live-show-item { text-align: center; padding-bottom: 45px } .lesson-content-text-body .live-show-item .title { margin-bottom: 12px; font-weight: 700; color: #313131 } .lesson-content-text-body .live-show-item .icon-live-end { font-size: 50px; display: block; margin-bottom: 30px } .common-line-height { line-height: 1 } .course-detail-section { position: relative; padding: 32px 0 32px 24px } @media (max-width:991px) { .course-detail-section { padding: 16px } } .course-detail-section .tags .tag-finished, .course-detail-section .tags .tag-serialing { display: inline-block; width: 40px; height: 50px } .course-detail-section .tags .tag-live { background: url("/static-dist/app/img/tag_live.png") no-repeat; background-image: -webkit-image-set(url("/static-dist/app/img/tag_live.png") 1x, url("/static-dist/app/img/tag_live@2x.png") 2x) } .course-detail-section .tags .tag-serialing { background: url("/static-dist/app/img/tag_serialing.png") no-repeat; background-image: -webkit-image-set(url("/static-dist/app/img/tag_serialing.png") 1x, url("/static-dist/app/img/tag_serialing@2x.png") 2x) } .course-detail-section .tags .tag-finished { background: url("/static-dist/app/img/tag_finished.png") no-repeat; background-image: -webkit-image-set(url("/static-dist/app/img/tag_finished.png") 1x, url("/static-dist/app/img/tag_finished@2x.png") 2x) } .course-detail-section .course-detail-top { padding-right: 130px } .course-detail-section .course-detail-top .tags { float: left } @media (max-width:991px) { .course-detail-section .course-detail-top { padding-right: 0 } } .course-detail-section .course-detail-top .course-detail-heading { vertical-align: top; display: inline-block; color: #313131; font-size: 24px; word-wrap: break-word; word-break: break-all } @media (max-width:991px) { .course-detail-section .course-detail-top .course-detail-heading { max-width: 100% } } .course-detail-section .course-detail-top .subtitle { padding-top: 5px; max-width: 50% } @media (max-width:991px) { .course-detail-section .course-detail-top .subtitle { max-width: 100% } } .course-detail-section .course-operation { position: absolute; list-style-type: none; padding-left: 0 } .course-detail-section .course-operation li { float: left; margin-right: 10px } .course-detail-section .course-operation li>.btn { font-size: 14px; color: #919191 } .course-detail-section .course-operation--market { position: static; float: left; line-height: 34px } .course-detail-section .course-operation--market .qrcode-popover { line-height: 22px } .course-detail-section .course-operation--normal { right: 10px; top: 20px } .course-detail-section .course-operation-btn { margin-right: 24px; line-height: 34px } .course-detail-section .course-detail-bottom .course-detail-img { position: relative; float: left; width: 480px } .course-detail-section .course-detail-bottom .course-detail-img .tags { position: absolute; top: 0; z-index: 2; } @media (max-width:991px) { .course-detail-section .course-detail-bottom .course-detail-img { width: 100%; float: none; margin-bottom: 20px } .course-detail-section .course-detail-bottom .course-detail-img img { width: 100% } } .course-detail-section .course-detail-bottom .course-detail-img .course-img-cover { position: absolute; display: block; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.50); /* background: #000; opacity: .4; */ filter: alpha(opacity=40); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .course-detail-section .course-detail-bottom .course-detail-img .course-img-cover:hover { opacity: .7; filter: alpha(opacity=70); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .course-detail-section .course-detail-bottom .course-detail-img .course-img-cover .es-icon { color: #fff; font-size: 100px; position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px } .course-detail-section .course-detail-bottom .course-detail-img .course-detail-remask { position: absolute; left: 0; right: 0; bottom: 0; color: #fff; padding: 10px } .course-detail-section .course-detail-bottom .course-detail-img .course-detail-remask .score i { color: #fff } .course-detail-section .course-detail-bottom .course-detail-info { position: relative; padding-left: 24px; margin-left: 480px; font-size: 12px; color: #919191 } @media (min-width:991px) { .course-detail-section .course-detail-bottom .course-detail-info { height: 270px } } @media (max-width:991px) { .course-detail-section .course-detail-bottom .course-detail-info { margin: 0; padding: 0 } } .course-detail-section .course-detail-bottom .course-detail-info .course-detail-title { margin-right: 12px; width: 74px; font-weight: 500; display: inline-block } @media (max-width:767px) { .course-detail-section .course-detail-bottom .course-detail-info .course-detail-title { display: none } } .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray { padding-left: 24px; margin-left: -24px; padding-bottom: 16px; background-color: #fafafa } .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray .course-detail-expiry { font-weight: 500 } .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray.course-detail-gray--market { margin: 0 24px 16px 0; padding: 16px 0 16px 16px; min-height: auto; } @media (min-width:767px) { .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray.course-detail-gray--market { background-color: #fafafa } } @media (max-width:991px) { .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray { padding-left: 15px; min-height: 158px; margin: 0 -15px 10px; padding-top: 0; background-color: transparent } } @media (max-width:991px) { .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray.not-activity { min-height: 158px } } @media (max-width:480px) { .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray.not-activity { min-height: auto } } .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray .course-detail-content { position: relative; padding-left: 88px } @media (max-width:767px) { .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray .course-detail-content { padding-left: 0; padding-right: 15px } } .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray .course-detail-content .course-detail-nav { display: inline-block } .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray .course-detail-content .course-detail-nav a { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 12px !important; line-height: 1 !important; padding: 7px 8px !important } @media (max-width:767px) { .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray .course-detail-content .course-detail-nav { display: block } .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray .course-detail-content .course-detail-nav>li { width: 100% } .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray .course-detail-content .course-detail-nav>li>a { text-align: center } } .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray .course-detail-content .course-detail-title { position: absolute; left: 0; line-height: 28px } .course-detail-section .course-detail-bottom .course-detail-info .pirce-num { font-size: 32px; } .course-detail-section .course-detail-bottom .course-detail-info .price-free { font-size: 24px; } @media (max-width:767px) { .course-detail-section .course-detail-bottom .course-detail-info .pirce-num { font-size: 29px } .course-detail-section .course-detail-bottom .course-detail-info .price-free { font-size: 14px; vertical-align: text-top; } } .course-detail-section .course-detail-bottom .course-detail-info .original-price { position: relative; margin-left: 4px } .course-detail-section .course-detail-bottom .course-detail-info .original-price .price { font-size: 17px; text-decoration: line-through; } .course-detail-section .course-detail-bottom .course-detail-info .original-price:after { content: ""; position: absolute; left: -2px; top: 50%; right: -2px; height: 1px; background-color: #919191 } .course-detail-section .course-detail-bottom .course-detail-info .tag-discount { position: relative; top: -3px; background: url("/static-dist/app/img/course2_tag_discount.png") no-repeat; display: inline-block; width: 62px; margin-left: 11px; height: 24px; color: #fff; line-height: 24px } @media (max-width:768px) { .course-detail-section .course-detail-bottom .course-detail-info .tag-discount { display: none } } .course-detail-section .course-detail-bottom .course-detail-info .tag-discount .discount-font { margin-left: 25px } .course-detail-section--normal { padding: 15px !important } .course-detail-info__title { margin-bottom: 12px; color: #313131; font-size: 20px; font-weight: 500; line-height: 22px } .course-detail-info__subtitle { line-height: 1 } .course-detail-info__subtitle:hover { cursor: pointer } .course-detail__label { margin-right: 12px; width: 48px; color: #919191; font-size: 12px; font-weight: 500; line-height: 1 } .course-detail-activity-title { padding-right: 16px; border-right: 1px solid #ffa51f } .course-detail-price-money { font-size: 24px; line-height: 1; color: red } .vertical-sub { vertical-align: sub } .course-detail-service { line-height: 20px } .course-detail-service .lump-sm { color: #616161 } .course-detail-service .lump-sm.bg-primary { color: #fff } .course-detail-listening { line-height: 1; margin-top: 16px } @media (max-width:480px) { .course-detail-listening { margin-top: 0 } } .course-freelearn-section { background-color: #fafafa; margin: 65px -15px 20px; padding: 33px 15px } @media (max-width:991px) { .course-freelearn-section { margin: 0; padding: 0; background-color: #fff } } .course-freelearn-section .course-learn-list { list-style: none } @media (min-width:768px) and (max-width:991px) { .course-freelearn-section .course-learn-list { padding-left: 20px } } .course-freelearn-section .course-learn-list>li { float: left; width: 33.33% } .course-freelearn-section .course-learn-list>li:first-child { width: 33.33% } .course-freelearn-section .course-progress { top: -50px; left: 75px } @media (max-width:991px) { .course-freelearn-section .course-progress { left: 0; top: 0 } } .course-freelearn-section .buy-btn-group { line-height: 33px; position: absolute; right: 10px; bottom: 15px } .course-orderlearn-section { min-height: 230px; padding-top: 40px } @media (max-width:991px) { .course-orderlearn-section { min-height: auto; padding-top: 0 } } .course-orderlearn-section .progress-info { list-style: none; margin-left: 190px; margin-top: 25px; font-size: 12px; padding-left: 0 } .course-orderlearn-section .progress-info .progress-learn-time { margin-left: 20px } .course-orderlearn-section .task-list-detail { margin-left: -48px } .course-progress { position: absolute; top: 0; left: 15px; width: 160px; height: 160px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; -webkit-box-shadow: 0 0 18px 2px rgba(41, 94, 64, .1); -moz-box-shadow: 0 0 18px 2px rgba(41, 94, 64, .1); box-shadow: 0 0 18px 2px rgba(41, 94, 64, .1) } @media (max-width:991px) { .course-progress { position: relative; margin: 20px auto 40px; left: 0 } } .course-progress .cricle-progress { position: absolute; left: 7.5px; top: 7.5px; width: 145px; height: 145px } .course-progress .cricle-progress .percent { position: absolute; top: 40px; left: 0; width: 100%; text-align: center; font-size: 12px; font-weight: 700; color: #919191 } .course-progress .cricle-progress .percent .num { display: inline-block; margin-top: 10px; font-size: 30px; line-height: 1; font-weight: 700; color: #43bc60 } .orderlearn-poster { height: 80px; position: relative } .orderlearn-poster .swiper-pager { bottom: -30px } .orderlearn-poster .arrow-left { left: 0 } .orderlearn-poster .arrow-left, .orderlearn-poster .arrow-right { position: absolute; top: 50%; z-index: 1; margin-top: -10px; font-size: 18px } .orderlearn-poster .arrow-right { right: 0 } .orderlearn-poster .swiper-container { height: 80px; margin: 25px 30px } .orderlearn-poster .swiper-pagination-switch { background-color: #f0f0f0; margin: 0 5px } .orderlearn-poster span.swiper-active-switch { background-color: #43bc60 } .course-detail-section-responsive { background-color: #fafafa; padding: 18px 10px 18px 0; margin: -15px } .course-detail-section-responsive ul { margin: 0; padding: 0 } .course-detail-section-responsive ul>li { float: left; width: 60px; list-style-type: none; text-align: center; color: #919191; font-size: 12px; border-right: 1px solid #e1e1e1 } @media (max-width:399px) and (min-width:330px) { .course-detail-section-responsive ul>li { width: 50px } } @media (max-width:329px) { .course-detail-section-responsive ul>li { width: 45px } } .course-detail-section-responsive ul>li:last-child { border-right: 1px solid transparent } .course-detail-section-responsive ul>li:hover, .course-detail-section-responsive ul>li:hover a { color: #43bc60 } .course-detail-section-responsive ul>li a { color: #919191 } .course-detail-section-responsive .es-share.top .dropdown-menu { left: 50%; margin-left: -70px } @media (max-width:991px) { .buy-btn-group { line-height: 33px; position: absolute; right: 10px; bottom: 15px } .course-detail-section-responsive .es-share.top .dropdown-menu { margin-left: -22px } .es-share.top .dropdown-menu:after { left: 15%; } } .buy-btn-group .btn-lg { padding: 10px 35px } @media (max-width:500px) and (min-width:400px) { .buy-btn-group .btn-lg { padding: 10px 20px } } @media (max-width:399px) and (min-width:330px) { .buy-btn-group .btn-lg { padding: 10px 13px } } @media (max-width:329px) { .buy-btn-group .btn-lg { padding: 10px } } .course-dashboard-page .breadcrumb.breadcrumb-o>li { max-width: 95.5%; vertical-align: top } @media (max-width:991px) { .course-dashboard-page .breadcrumb.breadcrumb-o>li { max-width: 90% } } .course-features .course-features-item { border-bottom: 1px dashed #e4ecf3; margin-top: 15px; padding-bottom: 15px } .course-features .course-features-item:last-child { border-color: transparent; padding-bottom: 0 } .course-features .media { float: left; width: 50%; margin: 0 } .belongs-class .media-left img { width: 100px; height: auto; border: 3px solid #e4ecf3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .belongs-class .media-body { vertical-align: middle } .belongs-class .media-body>a { color: #616161 } .belongs-class .media-body>a, .belongs-class .media-body>a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .belongs-class .media-body>a:hover { color: #43bc60 } .other-courses ul { margin: -5px 0 } .other-courses ul li { position: relative; padding-right: 48px } .other-courses .label { position: absolute; padding: 2px; right: 0 } .panel-class .arrow-next, .panel-class .arrow-prev { position: absolute; top: 35%; width: 30px; height: 30px; line-height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #7f7f7f; background-color: hsla(0, 0%, 50%, .5); color: #fff; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; visibility: hidden } .panel-class .arrow-next:hover, .panel-class .arrow-prev:hover { background-color: hsla(0, 0%, 50%, .8); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .panel-class .arrow-prev { left: 5px } .panel-class .arrow-next { right: 5px } .panel-class:hover .arrow-next, .panel-class:hover .arrow-prev { visibility: visible } .course-detail { margin-top: -10px } .course-detail-content .es-piece { margin-bottom: 50px } .course-detail-content .es-piece img { max-width: 100%; height: auto } .course-detail-content .es-piece .piece-body p { line-height: 30px; margin-bottom: 0; margin-left: 15px; margin-right: 15px } .o-reward-point-product-detail-wrap { margin-top: 10px; padding-bottom: 20px } .c-reward-point-product-detail__bd { margin-top: 30px } .c-reward-point-product-detail__img { width: 192px; height: 192px; border: none; border-radius: 2px; float: left } .c-reward-point-product-detail__info { margin-left: 222px } .c-reward-point-product-detail__title { font-size: 18px; font-weight: 700; color: #313131; line-height: 24px } .c-reward-point-product-detail__point { margin-top: 20px; font-size: 14px; color: #919191 } .c-reward-point-product-detail__point span { font-size: 36px; line-height: 42px; vertical-align: sub } .c-reward-point-product-detail__btn { margin-top: 20px; padding: 8px 20px; border-radius: 2px; border: none } .c-reward-point-product-detail-info:before { content: ""; display: inline-block; height: 14px; width: 4px; margin-top: 3px; margin-right: 10px; float: left } .c-reward-point-product-detail-info__bd { margin-top: 16px } .c-reward-point-product-detail-info__bd .empty { padding: 0 } .c-reward-point-product-detail-info__title, .reward-point-exchange-modal__detail { color: #313131; font-size: 14px; line-height: 20px } .reward-point-exchange-modal__detail { padding: 20px; background-color: #f5f5f5; text-align: center } .reward-point-exchange-modal__info+.reward-point-exchange-modal__info { margin-top: 10px } .reward-point-exchange-modal__form { margin-top: 24px } .reward-point-exchange-modal__form .form-group { margin-bottom: 24px } .reward-point-exchange-modal__form .control-label { padding-top: 6px; font-size: 12px } .reward-point-exchange-modal__form .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } .reward-point-exchange-modal__input-wrap { margin-left: 80px } .o-reward-point-market { margin-top: 30px; padding-bottom: 40px } .o-reward-point-market__bd { margin-top: 30px } .o-reward-point-market__row { margin-left: -8px; margin-right: -8px } .o-reward-point-market__col { padding-left: 8px; padding-right: 8px } .o-reward-point-list { margin-bottom: 20px } .o-reward-point-list:after, .o-reward-point-list:before { content: ""; display: table } .o-reward-point-list:after { clear: both } .c-reward-point-item { margin-bottom: 16px; background: #f5f5f5; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .c-reward-point-item:hover { -webkit-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, .1); box-shadow: 0 5px 6px 0 rgba(0, 0, 0, .1) } .c-reward-point-item:hover .c-reward-point-item__point, .c-reward-point-item:hover .c-reward-point-item__title { opacity: 0; filter: alpha(opacity=0) } .c-reward-point-item:hover .c-reward-point-item__btn-wrap { top: 50%; opacity: 1; filter: alpha(opacity=100) } .c-reward-point-item__bd { position: relative; left: 0; top: 0; padding: 16px 10px; overflow: hidden; height: 80px } .c-reward-point-item__img { width: 100%; max-width: 100%; height: auto } .c-reward-point-item__title { font-size: 14px; color: #313131 } .c-reward-point-item__point, .c-reward-point-item__title { line-height: 20px; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .c-reward-point-item__point { margin-top: 8px; font-size: 12px; color: #919191 } .c-reward-point-item__point span { font-size: 14px; line-height: 1 } .c-reward-point-item__btn-wrap { position: absolute; top: 50%; right: 0; left: 0; margin-top: -18px; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0; filter: alpha(opacity=0) } .c-reward-point-item__btn { padding: 8px 20px; border: none; line-height: 20px; border-radius: 2px } .o-reward-point-market__empty { padding-top: 70px; padding-bottom: 35px } .my-reward-point-balance { font-weight: 700; font-size: 14px; margin-top: 24px; margin-bottom: 34px } .my-reward-point-balance span { font-weight: 400; font-size: 28px } .panel-reward-point img { width: 40px } .section-wxpay .pay-qrcode-body { border: 1px solid #f5f5f5; margin-bottom: 50px; padding: 20px; text-align: center } .section-wxpay .qrcode-img { float: left; width: 19%; margin-left: 24% } @media (max-width:1199px) { .section-wxpay .qrcode-img { width: 23%; margin-left: 21% } } @media (max-width:991px) { .section-wxpay .qrcode-img { width: 30%; margin-left: 15% } } @media (max-width:767px) { .section-wxpay .qrcode-img { width: 100%; float: none; margin-left: 0 } } .section-wxpay .qrcode-img img { width: 100%; margin: 20px auto } .section-wxpay .qrcode-img-two { float: left; width: 40% } @media (max-width:1199px) { .section-wxpay .qrcode-img-two { width: 35% } } @media (max-width:991px) { .section-wxpay .qrcode-img-two { width: 40% } } .section-wxpay .qrcode-img-two img { margin: 0 auto } .section-wxpay .text-qrcode { color: #fff; padding: 5px 10px; background: #43bc60 } .section-wxpay .pay-qrcode-footer { padding-right: 30px; font-size: 16px; text-align: right } .section-wxpay .pay-qrcode-footer a { font-size: 14px } .section-wxpay .pay-qrcode-footer .pay-rmb { font-size: 24px; color: #ed3e3e } .order-detail-bg { margin-bottom: 20px; border: 1px solid #f5f5f5 } .order-detail-bg.checkout .order-info { padding-top: 30px; width: 70% } @media (max-width:767px) { .order-detail-bg.checkout .order-info { width: 100%; padding: 15px } } .order-detail-bg.checkout .order-info>p { margin-bottom: 15px; font-size: 14px } .order-detail-bg.checkout .order-info .pay-rmb { font-size: 18px } .order-detail-bg .order-detail { position: relative; height: 150px; width: auto; background-color: #fafafa } @media (max-width:767px) { .order-detail-bg .order-detail { height: auto } } .order-detail-bg .order-img { float: left; width: 30% } .order-detail-bg .order-img img { height: 150px } .order-detail-bg .order-info { float: left; width: 50%; padding: 60px 0 0 50px; font-size: 18px; color: #616161 } @media (max-width:767px) { .order-detail-bg .order-info { float: none; width: 100%; padding: 15px 15px 0 } } .order-detail-bg .order-price { float: right; font-size: 24px; width: 20%; text-align: right; padding: 60px 30px 0 0 } @media (max-width:767px) { .order-detail-bg .order-price { float: none; width: 100%; padding: 0 0 10px 15px; text-align: left } } .order-detail-item { line-height: 30px; padding: 15px 20px } .paid-courses .course-item { padding: 5px } .paid-courses .course-item:nth-child(odd) { background-color: #fafafa } .paid-courses .course-item .course-img { float: left } .paid-courses .course-item .course-img img { width: 112px; height: auto } .paid-courses .course-item .course-title { float: left; padding: 10px 20px; margin: 0 } .paid-courses .course-item .course-info { padding: 16px 20px; float: right } .paid-courses .course-item .more { position: relative } .paid-courses .course-item .more:hover { cursor: pointer } .paid-courses .course-item .more:hover .more-info { display: block } .paid-courses .course-item .more .more-info { position: absolute; display: none; z-index: 1; top: 100%; right: 0; background-color: #fef7ed; border: 1px solid #ffd183; padding: 5px 10px; white-space: nowrap; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .order-item { border-bottom: 0; padding: 50px 30px 50px 40px; line-height: 33px } @media (max-width:991px) { .order-item { padding: 15px } } .order-item .order-item-title { float: left; width: 36%; color: #919191 } @media (max-width:767px) { .order-item .order-item-title { width: 100% !important } } .order-item .order-item-title .title { font-size: 18px; color: #313131; margin: 0 15px } @media (max-width:1199px) { .order-item .order-item-title .title { margin: 0 } } .order-item .order-item-title .es-icon { font-size: 22px; color: #313131 } .order-item .order-item-detail { float: left; width: 45% } @media (max-width:767px) { .order-item .order-item-detail { width: 100% } } .order-item .order-item-detail .help-block { display: none } .order-item .order-item-detail .help-block .text-danger { display: inline-block; color: #d85030; width: 130px; margin-top: 10px; padding: 0 15px; line-height: 20px; font-size: 12px; background-color: #fff1f0; border: 1px solid #f0c7bd } .order-item .order-item-price { float: right; width: 19%; font-size: 14px; text-align: right; color: #616161 } @media (max-width:767px) { .order-item .order-item-price { width: 100% !important; text-align: left } } .order-item .form-control { background-color: #fafafa; border: 1px solid #f5f5f5 } .order-pay .total-price { text-align: right; margin-bottom: 20px; font-size: 16px } @media (max-width:767px) { .order-pay .total-price { margin-bottom: 15px } } .order-pay .pay-rmb { color: #ed3e3e; font-size: 24px } .form-paytype .order-detail-bg { padding: 50px } @media (max-width:767px) { .form-paytype .order-detail-bg { padding: 15px } } .form-paytype .pay-type-label { display: inline-block; margin-right: 10%; font-size: 18px } @media (max-width:1199px) { .form-paytype .pay-type-label { font-size: 16px } } @media (max-width:767px) { .form-paytype .pay-type-label { display: block; margin-bottom: 10px } } .form-paytype .check { cursor: pointer; width: 144px; height: 54px; border: 2px solid #f5f5f5; position: relative; text-align: center; font-size: 16px; display: inline-block; margin-right: 15px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } @media (max-width:1199px) { .form-paytype .check { margin-right: 5px; width: 100px; height: 40px; line-height: 32px; margin-bottom: 10px } .form-paytype .check img { width: 80%; height: auto } } .form-paytype .check:hover { border-color: #c1c1c1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .form-paytype .check.active { border: 2px solid #43bc60 } .form-paytype .check.active .icon { display: block } .form-paytype .check.disabled { opacity: .2; filter: alpha(opacity=20); cursor: default } .form-paytype .check.disabled:hover { border-color: #f5f5f5 } .form-paytype .check .icon { display: none; background: url("/static-dist/app/img/old/pay_check_status.png") no-repeat; top: -2px; right: -2px; width: 23px; height: 23px; background-position: 0 0; position: absolute; overflow: hidden } .pay-agreement-list { margin-top: 30px; padding-left: 0 } .pay-agreement-list li { list-style-type: none } .pay-agreement-list li.checked .pay-bank { border-color: #43bc60 } .pay-agreement-list li.checked .pay-bank:after { position: absolute; content: ""; background: url("/static-dist/app/img/old/pay_check_status.png") no-repeat; top: -2px; right: -2px; width: 23px; height: 23px; background-position: 0 0; z-index: -1 } .pay-agreement-list .pay-bank { position: relative; margin-bottom: 10px; padding: 18px; border: 2px solid #fafafa; z-index: 1; background-color: #fafafa; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #313131 } @media (max-width:1199px) { .pay-agreement-list .pay-bank { padding: 10px } } .pay-agreement-list .pay-bank:hover { border-color: #c1c1c1; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .pay-agreement-list .pay-bank:hover .closed { opacity: 1; filter: alpha(opacity=100) } .pay-agreement-list .pay-bank input { margin-top: 0 } .pay-agreement-list .pay-bank .closed { float: right; display: block; color: #c1c1c1; z-index: 1; opacity: 0; filter: alpha(opacity=0) } .pay-agreement-list .pay-bank .closed, .pay-agreement-list .pay-bank .closed:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .pay-agreement-list .pay-bank .closed:hover { color: #ed3e3e } .pay-agreement-list .pay-bank .name { display: inline-block; width: 200px } @media (max-width:767px) { .pay-agreement-list .pay-bank .name { width: 150px } } .pay-agreement-list .pay-bank .number { margin-right: 50px } @media (max-width:767px) { .pay-agreement-list .pay-bank .number { margin-right: 20px } } .order-pay-state { padding: 40px 0; margin-bottom: 15px; color: #659f13; border: 1px solid #cddfb4; background-color: #f2fae3; font-size: 22px; text-align: center } .order-pay-state .es-icon { font-size: 70px } .order-pay-state p { margin: 40px 0 60px } .order-pay-state.error { color: #ed3e3e; border: 1px solid #f0c7bd; background-color: #fff1f0 } .notification-list .notification-list__media.active { background-color: rgba(67, 188, 96, .08) } .notification-list .media { margin-top: 0 !important; padding-top: 15px } .notification-list .media .notification-body { margin-bottom: 0 } .es-en .table>tbody>tr>td, .es-en .table>tbody>tr>th, .es-en .table>tfoot>tr>td, .es-en .table>tfoot>tr>th, .es-en .table>thead>tr>td, .es-en .table>thead>tr>th { padding: 10px 5px } .es-en .nav.nav-tabs>li>a { padding: 5px 15px 15px } @media (max-width:1199px) { .es-en .nav.nav-tabs>li>a { padding: 5px 8px 10px; font-size: 14px } } @media (max-width:767px) { .es-en .nav.nav-tabs>li>a { padding: 8px } } @media (min-width:992px) { .es-en .modal-dialog.modal-lg { width: 950px; margin-top: 20px } } .es-en .es-bar { width: 275px } .es-en .es-bar-menu { width: 45px } .es-en .es-bar-main { left: 45px } .es-en #teachers-form-group .control-label { padding-left: 5px; padding-right: 5px } .es-en #approval-form .form-group .col-md-2, .es-en #user-profile-form .form-group .col-md-2 { padding-right: 0 } .es-en #approval-form .form-group .col-md-8, .es-en #user-profile-form .form-group .col-md-8 { padding-left: 15px } .es-en .testpaper-list .result-info { padding: 20px 0 } .es-en .testpaper-list .result-info .row { margin: 0 } .es-en .testpaper-list .result-info .col-md-4 { padding: 0 2px; height: 85px } .es-en .testpaper-list .result-info .count-info a { height: 100%; display: block } .es-en .testpaper-list .result-info .count-info a .testpaper-span { height: 22px; display: block; border-bottom: none } .es-en #task-num { margin-left: 10px } @media (min-width:992px) and (max-width:1199px) { .es-en .teacher-item .metas .btn { margin: 0 5px } } .es-en .task-dashboard-page .dashboard-toolbar .dashboard-toolbar-nav>li { width: 58px } .es-en .task-dashboard-page .dashboard-toolbar .dashboard-toolbar-nav>li>a { padding: 12px 4px; width: 100% } .es-en #bind-mobile-form .form-error-message { width: 220% } .es-en .class-signin i { font-size: 21px; margin: 0 } .es-en .class-signin .date { font-size: 16px } .es-en .class-signin .btn-signin { padding: 15px 10px } .es-en #classroom-set-form .form-error-message { width: 200% } .es-en .class-header .class-serve .serve-frame, .es-en .course-list .course-item .tags { display: none } .es-en .class-header .class-serve>ul { padding: 25px 10px } .es-en .uploader-content .uploader-bottom select.form-control { max-width: 140px; margin-left: 5px; margin-right: 10px } .es-en .task-manage-list .settings-list .settings-item>a .es-icon { margin-right: 5px !important } .pick-book { background: -webkit-linear-gradient(left top, #FF943F, #FF7425); background: -o-linear-gradient(left top, #FF943F, #FF7425); background: -moz-linear-gradient(left top, #FF943F, #FF7425); border: none; padding: 5px 7px !important; font-size: 12px !important; margin: 2px 0 0 10px; display: inline-block; font-weight: bold; } .pick-book:hover { background: -webkit-linear-gradient(left top, #FF943F, #FF7425) !important; background: -o-linear-gradient(left top, #FF943F, #FF7425) !important; background: -moz-linear-gradient(left top, #FF943F, #FF7425) !important; border-color: #fff !important; } .shuji-sty { font-size: 12px !important; } .pink-book-cont { background: #fff !important; padding: 20px; } .pink-book-title { padding-bottom: 10px; border-bottom: 1px solid #F5F5F5; color: #313131; font-size: 16px; } .pink-book-tip { padding: 14px 17px; color: #FFA51F; font-size: 14px; background: #FFF6E9; margin: 10px 0 20px; } .step-title { color: #666666; font-size: 14px; } .num-frount { background: #0091Ff; border-radius: 7px; font-size: 14px; width: 14px; height: 14px; display: inline-block; text-align: center; line-height: 14px; color: #fff; margin-right: 5px; } .book-wrap { padding: 20px 22px; background: #F5F8FB; margin: 20px 0; } .book-line, .ads-line { padding: 3px 0; color: #333333; } .ads-line { height: 24px; } .ads-line>label { margin: 0 !important; text-align: right; width: 70px; color: #999999; font-size: 12px; } .book-name { font-size: 12px; vertical-align: top; } .ads-line>span { color: #333333; font-size: 12px; } .address-box, .textarea-box { margin: 20px 0; } .add-adress-btn { color: #2280C8 !important; background: #fff !important; border: 1px solid #CCE2F6; padding: 12px 23px !important; } .textarea-inp { height: 108px !important; } .textarea-inp::-webkit-input-placeholder, .textarea-inp::-moz-input-placeholder, .textarea-inp::-o-input-placeholder { color: #C4C4C4 !important; } .submit-box { text-align: center; margin: 30px 0 10px; } .submit-ads-btn { padding: 5px 25px !important; } .ads-content { width: 492px !important; height: 423px !important; } .modal-input { margin-bottom: 20px !important; height: 40px !important; line-height: 40px !important; } .modal-inp-label { padding-left: 0 !important; width: 15% !important; font-weight: normal !important; } .input-ad { width: 250px !important; height: 40px !important; } .pad-left { padding-left: 0 !important; width: 85% !important; } .textarea-ads { width: 374px !important; height: 80px !important; } .ads-group { text-align: right; margin-top: 40px; } .mar-rignt { margin-right: 10px; } .btn-size { width: 80px; height: 30px; } .input-ads { width: 250px !important; height: 40px !important; } .modal-input-area { margin-bottom: 20px !important; height: 80px !important; line-height: 40px !important; } .adress-box { margin: 0 2px 0 0 !important; display: inline-block; width: 120px !important; height: 40px !important; } .adress-select { height: 39px !important; } .confirm-content { width: 492px !important; height: auto !important; } .books-box { background: #F5F8FB; padding: 20px; } .books-box>p { line-height: 22px; font-size: 12px; color: #333333; } .modal-tit { font-size: 16px; color: #313131 !important; } .sub-success { text-align: center; color: #22BFA7; font-size: 16px; line-height: 30px; } .need-look { padding: 30px 0 10px; text-align: center; font-size: 16px; color: #3D464D; } .link-my { color: #3D464D; text-align: center; font-size: 14px; margin-bottom: 100px; } .links, .links:hover { color: #0091FF; text-decoration: underline; } .icon-suc { text-align: center; font-size: 65px; margin: 100px 0 5px; } .wrap-margin { margin-bottom: 170px; } .area-i>i { font-style: normal; } .rel { position: relative; } .abs { position: absolute; } .wron-tel, .wron-receiver { top: 29px; left: 0; display: none; font-size: 12px; color: red; } .wron-ads { top: 70px; left: 0; display: none; font-size: 12px; color: red; } .ads-head { font-size: 14px; color: #333333; padding-bottom: 12px; border-bottom: 2px solid #0080E6; } .mar-botm { margin-bottom: 20px; } .courier-col { color: #333333; } .status-box { padding-top: 10px; border-top: 1px solid #DCE6F0; margin-top: 15px; } .status-box>div { display: inline-block; margin-right: 30px; } .bold-show { font-weight: bold; } .elivered-col { color: #FF6000 !important; } .stock-col { color: #22BFA7 !important; } .shipped-col { color: #0091FF !important; } .btn-co { background-color: #0081e6 !important; } /* 适配领取书籍页面 */ @media screen and (min-width:320px) and (max-width:1024px) { .ads-content, .confirm-content { width: 85% !important; margin: 30% auto; z-index: 9999 !important; } .modal-input { height: auto !important; overflow: hidden; } .modal-inp-label { width: 100% !important; line-height: 20px; display: block; } .pad-left { width: 100% !important; } .input-ads { width: 100% !important; } .adress-select { padding: 6px 2px; white-space: nowrap; } .textarea-ads { width: 100% !important; } .ads-group { text-align: center; } #distpicker { display: flex; justify-content: space-between; } .adress-box { width: 31% !important; } } /* 登录注册页面 */ .login-main .controls { position: relative; background: #FAFCFF; } .login-main .controls .pre-tel-box { width: 86px; position: absolute; left: 12px; top: 3px; height: 30px; } .select-tip-bg { border: 0; background: none; padding: 0 13px 0 0 !important; white-space: nowrap; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; background: url("/static-dist/app/img/select_arrow.png") no-repeat scroll right center transparent !important; background-size: 10px 6px !important; } .login-main .controls .no-password { position: absolute; top: 0; right: 0; font-size: 14px; color: #0080E6; line-height: 50px; padding: 0 10px; border: none !important; } .login-main .securitycode { width: 130px; height: 36px; position: absolute; top: 2px; right: 3px; background-color: #000; } .withoutPsdLog { background-color: #0081e6; border: none; } .disInline { display: inline-block; } .textCenter { text-align: center; } .telLog { color: #999999; } .findPsd:hover { color: #0081e6; } .telLog:hover { color: #999999; } .telLogImg { width: 9px; height: 15px; vertical-align: text-top; margin-right: 3px; } .panel-page-spec { min-height: auto !important; } /* 弹窗登录-验证码*/ .modal_code { width: 60%; display: inline-block; } .modal_imgCode { float: right; display: inline-block; border: 1px solid #ccc; border-radius: 3px; overflow: hidden; width: 35.5%; } .modal_msg { width: 60%; display: inline-block; } .modal_msgBtn { float: right; border-radius: 3px; overflow: hidden; width: 35.5%; padding: 9px 3px; background: #0080E6; color: #fff; font-size: 12px; } .code_btn { background: #F4F4F4; color: #AAAAAA; } .login-modal .modal-footer { display: none; } .btnStyle { padding: 16px 35px !important; } .psdLogin { text-align: center; color: #999999; padding: 10px 0; } .psdLoginImg { width: 11px; height: 13px; } .immedatelyBox { overflow: hidden; padding: 5px 0 11px; font-size: 14px !important; } .logBtnBox { display: inline-block; float: left; } .immediatelyRegBox { display: inline-block; float: right; } .logImmediately { color: #0080E6; cursor: pointer; } .code_btn:hover { background: #F4F4F4; color: #AAAAAA !important; } .titleChange { text-align: center; } .whitoutPsdBtn { border: none !important; outline: none !important; } .modal_logBox a:focus, .modal_logBox a:hover { color: #fff !important; } .tc-login-main .pre-tel-box { width: 80px; position: absolute; left: 27px; top: 33px; height: 30px; } @media (max-width:767px) { .tc-login-main .pre-tel-box { top: 20px; } } /* 填写资料*/ .logNameTitle { text-align: center; padding: 20px 0; border-bottom: 1px solid #F5F5F5; margin-bottom: 23px; font-size: 16px; } /* 拼团购买按钮 */ .buyTogether { /* border: 1px solid #1583E3 !important; */ } .scan-code-buy { top: 49px; left: 0px; } .discuss-wrap { position: absolute; top: 0px; left: 0; bottom: 0px; width: 100%; background: #fff; } .discuss-content { width: 100%; overflow-x: hidden; overflow-y: auto; position: absolute; top: 0; bottom: 2px; } .discuss-content .chat-msg-line { padding: 0 12px; } .discuss-content .chat-msg-wrap { overflow: hidden; color: #fff; text-align: left; padding: 15px 0 08px 0; } .discuss-content .chat-user-name { max-width: 45%; overflow: hidden; font-size: 12px; color: #BABABA; white-space: nowrap; text-overflow: ellipsis; } .discuss-content .chat-send-time { font-size: 12px; color: #BABABA; } .discuss-content .chat-content-p3 { max-width: 100%; margin-left: 7px; padding: 10px; position: relative; background: #F7F7F7; border: 1px solid #EEEEEE; border-radius: 4px; line-height: 17px; display: inline-block; color: #3D464D; } .discuss-content .chat-msg-line.self .chat-content-p3 { float: right; background: #0091FF; color: #fff; border: 0; } .discuss-content .chat-content-p3 img { vertical-align: middle !important; width: auto; height: auto; max-width: 160px; } /* 微信浏览器弹窗 */ .tip-weixin { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); color: #fff; text-align: center; z-index: -100; opacity: 0; } .tip-weixin .img { width: 54px; height: 54px; float: right; margin: 7% 5% 0 0; } .tip-weixin .text { color: #fff; text-align: center; font-size: 16px; font-weight: 500; margin-top: 35%; } .tip-weixin.show { opacity: 1; z-index: 100; } /* polyv视频不能播放时的显示 */ .mobil-polyv-tip { position: absolute; height: 100%; width: 100%; background: #212121; color: #fff; padding: 40% 20px 20px; text-align: center; z-index: 1001; } /* 考试-m */ .task-dashboard-page .dashboard-content-m { width: 100%; right: 0 !important; left: 0 !important; bottom: 50px !important; padding-top: 50px; } /* 准考证书查询 */ .candidate_entrance { padding: 0 15px 10px; } .candidate_entrance a { display: block; } /* 首页改版 */ .course_tag_til { background: #A7B0B8; border-radius: 2px; font-size: 12px; color: #FFFFFF; padding: 0 6px; display: inline-block; } .course_tag_til_empty { height: 23px; } .tag_change { background-image: linear-gradient(135deg, #6CBFFF 0%, #79A4FF 100%); } .course-list .course-item .title { font-size: 18px; color: #32404C; font-weight: bold; padding: 0; } .course-list .course-item .metas .course_times_member { float: left; font-size: 12px; color: #818A92; } .time_placeholder { height: 22px; } .course_closed { color: #A7B0B8; } .course-list .course-item .metas .course_times_member .discount_time { display: block; white-space: nowrap; } .course-list .course-item .metas .course_times_member .discount_time span i { font-style: normal !important; margin: 0; } .course-list .course-item .metas .course_times_member .discount_time span { color: #F59423; height: 22px; } .course-list .course-item .metas .course_times_member .number_purchasers { display: block; height: 22px; } .discount_time_m{ height: 22px; font-size: 12px; color: #818A92; } .discount_time_m span i{ font-style: normal !important; margin: 0; margin-right: 0 !important; } .discount_time_m span{ height: 22px; font-size: 12px; color: #F59423; } .course-list .course-item .metas .course_times_member .number_purchasers span { font-size: 12px; color: #47545F; } .course-list .course-item .course_class_time { display: flex; height: 22px; font-size: 12px; color: #818A92; margin: 5px 0 5px; } .course-list .course-item .course_class_time .course_class_line { margin: 0 10px; font-size: 15px; } .course-list .course-item .course_teachers { border-bottom: 1px solid #F5F5F5; padding-bottom: 9px; min-height: 78px; } .course-list .course-item .course_teachers .course_teachers_box { display: flex; align-items: center; } .course-list .course-item .course_teachers .course_teachers_box .course_more_point { width: 15px; height: 3px; background-size: 100% 100%; margin-left: 10px; } .course-list .course-item .course_teachers .course_teachers_box_more .course_teachers_item:nth-child(1) { z-index: 4; } .course-list .course-item .course_teachers .course_teachers_box_more .course_teachers_item:nth-child(2) { z-index: 3; margin-left: -22px; } .course_teachers .course_teachers_box_more .course_teachers_item:nth-child(3) { z-index: 2; margin-left: -22px; } .course_teachers .course_teachers_box_more .course_teachers_item:nth-child(4) { z-index: 1; margin-left: -22px; margin-right: 0 !important; } .course_teachers .course_teacher_name_more { font-size: 12px; color: #818A92; margin-top: 4px; } .course_teachers .course_teacher_name_more .teacheer_firstname { margin-right: 5px; } .course-list .course-item .course_teachers .course_teachers_box .course_teachers_item { /* width: 42px; */ text-align: center; margin-right: 10px; } .course-list .course-item .course_teachers .course_teachers_item img { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; } .course-list .course-item .course_teachers .course_teachers_item span { font-size: 12px; color: #818A92; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-width: 60px; } .course-list .course-item .metas { padding: 7px 0 0 !important; } .course-list .course-item .metas .price { font-size: 22px; color: #FC4946; display: flex; flex-direction: row-reverse; align-items: baseline; } .course-list .course-item .metas .course-price-widget { /* margin-top: 20px; */ } .course-list .course-item .metas .free { font-size: 22px !important; color: #FC4946 !important; display: flex; flex-direction: row-reverse; align-items: baseline; } .martop20 { margin-top: 22px; } .course_class_time_empty { height: 32px; } .course_banner_box { display: block; margin-bottom: 20px; } .course_banner_box .course_banner_img { background-size: 100% 100%; border-radius: 4px; width: 100%; max-height: 271px; } @media (max-width:767px) { .container { padding-left: 15px; padding-right: 15px; } .course-price-widget .price { display: flex; flex-direction: row-reverse; align-items: baseline; } .course_tag_til_m { background: #838D98; border-radius: 2px; font-size: 12px; color: #FFFFFF; padding: 0 3px; display: inline-block !important; position: relative; line-height: 22px; } .course_tag_til_m::before { position: absolute; content: ""; width: 8px; height: 8px; background-size: 100% 100%; bottom: -6px; left: 0; background-image: url("/static-dist/app/img/jiaobiao02_icon@2x.png"); } .course-list .course-item .course_teachers .course_teachers_box .course_teachers_item { /* width: 24px; */ max-width: 60px; } .course-list .course-item .course_teachers .course_teachers_item img { width: 24px; height: 24px; } .course-list .course-item .course_teachers .course_teachers_item span { /* width: 60px; */ /* text-align: left; */ } .course-list .course-item .course_teachers { border-bottom: none; padding: 0; min-height: auto; position: relative; } .course-list .course-item .course_teachers .course_teachers_box .course_more_point { margin-right: 5px; } .course_teacher_m { bottom: -10px; position: absolute; } .es-wrap, .course-list-section, .search_page { background-color: #fff !important; } .course-list-section .container:first-of-type { margin-top: 36px !important; } .hot-course-sec, .category-course-sec>.container { box-shadow: 0px 3px 6px 0px rgba(124, 141, 177, 0.10); } .text-line h5>.course-title { font-size: 20px; font-weight: bold; } .course-list .course-item { border: none; } .course-list .course-item .course-info { margin: 0 10px; border-bottom: 1px solid #EFEFEF; padding-bottom: 20px; } .course-list .row>div:last-child>.course-item>.course-info { border: none; } .course-list .course-item .title { color: #31363F; } .course_teachers_flex { display: flex; } .flex_between { justify-content: space-between; } .flex_end { justify-content: flex-end; } .visible_pri_box .course_pri_m { height: 30px; } .visible_pri_box .discount_time, .visible_pri_box .course_pri_time { font-size: 12px; color: #969696; } .visible_pri_box .course_pri_time .discount_time span { color: #F59423; } .visible_pri_box .course_pri_time .discount_time span i { font-style: normal !important; margin: 0; } .course-list .course-item .course_teachers .course_teachers_box .course_teachers_item { margin-right: 10px; } .course-list .course-item .course_teachers .course_teachers_box .course_teachers_item_else { margin-right: 20px !important; } .course-list .course-item .course_teachers .course_teachers_box .course_teachers_item_else:nth-child(4) { margin-right: 0 !important; } .course-list .course-item { padding: 0px 0px 15px; margin-bottom: 0 !important; } .course-list .course-item .title { /* max-height: 60px; */ height: auto !important; margin-bottom: 5px; line-height: 28px; } .teaching_course .course-item .title { font-size: 12px !important; line-height: 18px !important; margin-bottom: 0 !important; } .course-list .course-item .course_class_time { margin: 5px 0 12px; } .course-list .course-item .course_class_time .class_times { margin-left: 10px; } .course-price-widget .free { color: #FC4946 !important; font-size: 18px; display: flex; flex-direction: row-reverse; } .course-detail-img .image-overlay { border-radius: 0 !important; background-image: none; } } /* 首页改版 end */ /* 首页添加跳转英语小程序 */ .english-wechat { width: 92%; max-width: 1140px; display: flex; margin: 30px auto 0; height: 120px; } .english-wechat .item { position: relative; margin-right: 20px; flex: 1; font-size: 34px; color: #283A63; font-weight: 700; display: flex; z-index: 3; align-items: center; } .english-wechat .img-responsive { position: absolute; z-index: -1; cursor: pointer; } .english-wechat .text { margin-left: 30px; } .english-wechat .item.dakaying { margin-right: 0; } /* 弹窗 */ .english-dialog { background: rgba(0, 0, 0, 0.50); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } .english-dialog.hide { display: none; } .english-dialog .e-content { position: absolute; width: 270px; background: #FFFFFF; border: 1px solid #E4ECF3; border-radius: 10px; transform: translate(-50%, -50%); top: 50%; left: 50%; text-align: center; padding: 45px 0 35px; } .english-dialog .e-close { display: block; position: absolute; font-size: 0; top: 13px; right: 13px; width: 28px; height: 28px; background: url('/static-dist/app/img/wechat/close_icon@2x.png') no-repeat center; -o-background-size: 50%; background-size: 50%; } .english-dialog .e-content .e-img { width: 160px; height: 160px; } .english-dialog .e-content .e-text { font-size: 18px; color: #313131; padding-top: 22px; font-weight: 500; } @media (max-width:767px) { .english-wechat { height: 50px; margin: 30px auto 0; } .english-wechat .item { margin-right: 12px; font-size: 16px; } .english-wechat .text { margin-left: 10px; } } /* 首页添加跳转英语小程序 end */ /* 填写书籍收件地址弹窗 */ .fillin_adress_mask { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; overflow: hidden; background: rgba(0, 0, 0, .5); /* visibility: visible; */ -webkit-animation: fadeInDown .3s; animation: fadeInDown .3s; } .fillin_adress_mask.hide { /* visibility: hidden; */ -webkit-animation: fadeleftIn .4s; animation: fadeleftIn .4s; } .fillin_adress_body { position: absolute; left: 50%; top: 50%; width: 400px; height: 300px; background: #FFFFFF; border: 1px solid #E4ECF3; border-radius: 10px; text-align: center; transform: translate(-50%, -50%); } .fill_ads_box { width: 100%; height: 100%; text-align: center; } .ads_img_msg { width: 178px; height: 130px; margin: 30px 0 10px; } .ads_msg { font-size: 16px; color: #313131; } .ads_fill { font-size: 13px; color: #909EAB; margin: 6px 0 14px; } .go_fill_ads { background: #0080E6; border-radius: 4px; width: 148px; height: 42px; line-height: 42px; color: #fff; font-size: 14px; display: inline-block; } .go_fill_ads:hover { color: #fff; } .ads_cancle_msg { position: absolute; width: 46px; top: 0; right: 0; } @media (max-width:767px) { .fillin_adress_body { width: 290px; } } /* .fadeIn { -webkit-animation: fadeInDown .3s; animation: fadeInDown .3s; } */ @keyframes fadeInDown { /* 从上向下 */ 0% { -webkit-transform: translate3d(0, -20%, 0); -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes fadeInDown { 0% { -webkit-transform: translate3d(0, -20%, 0); opacity: 0; } 100% { -webkit-transform: none; opacity: 1; } } /* .fadeleftIn { -webkit-animation: fadeleftIn .4s; animation: fadeleftIn .4s; } */ @keyframes fadeleftIn { 0% { -webkit-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeleftIn { 0% { -webkit-transform: translate3d(100%, 0, 0); } 100% { -webkit-transform: none; } } /* 填写书籍收件地址弹窗end */ /* 试看预览视频改版 */ .details_page { position: relative; } .details_page .course_video_pc { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; visibility: hidden; } .details_page .course_video_pc.video_show, .course-detail-section .course-detail-bottom .course-detail-img .course_video_m.video_show { visibility: visible; } .details_page .course_video_pc i { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .6; filter: alpha(opacity=68); z-index: -1; } .details_page .course_video_pc .video_container { margin: 0 auto; width: 765px; position: relative; } .details_page .course_video_pc .video_container .v_box { height: 500px; } .details_page .course_video_pc .video_container .v_box b { position: absolute; right: 0; top: 0; color: #ccc; cursor: pointer; } .course-detail-section .course-detail-bottom .course-detail-img .course_video_m { position: absolute; display: block; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 1); z-index: 3; visibility: hidden; } .course-detail-section .course-detail-bottom .course-detail-img .course_video_m .v_box_m { position: relative; height: 100%; } body { height: 100%; } .pre_iframe>.es-nav-white { height: 100%; } .vip_rule_wrap table.vip_rule_content { font-size: 14px; color: #2F3C52; width: 100%; text-align: center; background: #fff; } .vip_rule_wrap table.vip_rule_content tr:nth-child(2n) { background: #FBF9F8; } .vip_rule_wrap tr { height: 57px; } .vip_rule_wrap .vip_rule_pc tr th { font-size: 18px; color: #333333; height: 64px; font-weight: 600; text-align: center; } .vip_rule_wrap tr th img { width: 21px; height: 19px; } .vip_rule_wrap tr td img { width: 20px; height: 20px; } .vip_rule_wrap .table_td_one { color: #2F3C52; font-weight: 600; padding: 0 20px; } .vip_rule_wrap table.vip_rule_content .bg_white { background: #fff; } .vip_rule_wrap table.vip_rule_content .vip_grade_price { color: #E83D2C; font-weight: 600; } .vip_rule_wrap table.vip_rule_content .td_left { padding-left: 20px; text-align: left; } .vip_rule_wrap table.vip_rule_content .td_price_pad { padding: 0 20px; } .vip_rule_wrap .vip_rule_m .vip_block_m { /* 会员规则——移动端 */ background: #FFFFFF; border: 1px solid #D3D1D0; border-radius: 8px; overflow: hidden; } .vip_rule_wrap .vip_rule_m .vip_title_ul { list-style: none; display: flex; justify-content: space-around; width: 100%; padding: 0; margin: 0; font-size: 15px; font-weight: 600; line-height: 57px; background: #FFFFFF; border-bottom: 1px solid #D3D1D0; } .vip_rule_wrap .vip_rule_m .vip_title_ul li { color: #CCCCCC; width: 33.3%; text-align: center; } .vip_rule_wrap .vip_rule_m .vip_title_ul li.active { color: #333333; position: relative; } .vip_rule_wrap .vip_rule_m .vip_title_ul li.active:before { content: " "; background: #E53F34; border-radius: 1.5px; height: 3px; width: 20px; position: absolute; bottom: 13px; left: 42%; } .vip_rule_wrap .vip_rule_m .vip_table_box { height: 400px; overflow-y: scroll; } .vip_rule_wrap .vip_rule_m table { text-align: center; } .vip_rule_wrap .vip_rule_m tr { border-bottom: 1px solid #D3D1D0; } .vip_rule_wrap .vip_rule_m tr:last-child { border-bottom: none; } .vip_rule_wrap .vip_rule_m tr th { font-size: 15px; color: #CCCCCC; font-weight: 600; } .vip_rule_wrap .vip_rule_m tr td { width: 65%; padding: 0 5px; border-right: 1px solid #D3D1D0; font-size: 12px; color: #2F3C52; } .vip_rule_wrap .vip_rule_m tr td:last-child { border-right: none; } .vip_rule_wrap .vip_rule_m tr td:nth-child(1) { text-align: left; } .vip_rule_wrap .vip_rule_m tr td:nth-child(3) { padding: 0 20px; } /* 试看预览视频改版end */ /* wechat-login */ .wechat-login { width: 180px; height: 212px; background: #FFFFFF; border: 1px solid rgba(228, 236, 243, 1); border-radius: 10px; margin: 0 auto; overflow: hidden; position: relative; } .wechat-login img { width: 100%; } .wechat-login p { font-family: PingFangSC-Regular; font-size: 16px; color: #2B3E54; text-align: center; font-weight: 400; } .wechat-login-res { width: 180px; height: 180px; position: absolute; top: 0; left: 0; z-index: 0; display: none; } .wechat-login-res::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } .wechat-login-res p { width: 100%; height: 20px; font-family: PingFang-SC-Heavy; font-size: 14px; color: #2E3C48; text-align: center; font-weight: 800; margin-top: 54px; } .wechat-login-res button { width: 74px; height: 28px; background: #0080E6; border-radius: 4px; font-family: MicrosoftYaHeiUI; font-size: 12px; color: #FFFFFF; text-align: center; font-weight: 400; outline: none; border: none; margin: 10px auto; display: block; } /* 服务协议 */ .login-agr { font-family: PingFang-SC-Regular; font-size: 12px; color: #B5C0CA; line-height: 16px; font-weight: 400; margin-top: 20px; } .login-agr a { cursor: pointer; color: #516577; } /* login-title */ .login-title { margin-bottom: 20px; } .login-title span { float: left; height: 28px; font-family: PingFangSCSemibold-; font-size: 24px; color: #233042; font-weight: 600; } .login-title a { float: right; height: 20px; font-family: PingFang-SC-Regular; font-size: 14px; color: #727C88; text-align: right; font-weight: 400; } /* */ .res-check { width: 14px; height: 14px; background: #FFFFFF; border: 1px solid rgba(181, 192, 202, 1); border-radius: 2px; position: relative; left: 0; top: 2px; cursor: pointer; box-sizing: border-box; margin-right: 4px; display: inline-block; } .res-check img { width: 14px !important; height: 14px !important; max-width: 14px !important; position: absolute; top: -1px; left: -1px; display: none; } .regRead-intro-parent.shakeslow { animation-name: shake-slow; animation-duration: 1.5s; animation-play-state: running; color: #516577; cursor: pointer; } .regRead-intro-parent span{ cursor: pointer; } .regRead-intro-parent a{ color: #727C88 !important; } .regRead-intro { left: -10px; display: none; width: 170px; position: relative; top: -24px; } .regRead-intro p { position: relative; background: rgba(0, 0, 0, 0.8); z-index: 10; color: #fff; padding: 5px 10px; font-size: 12px; border-radius: 3px; display: block; margin-top: 10px; } .regRead-intro p::before { position: absolute; content: ''; width: 0; height: 0; border-width: 0 7px 7px; border-style: solid; border-color: transparent transparent rgba(0, 0, 0, 0.8); top: -6px; left: 10px; } /* */ .panel-page{ background: #FFFFFF; border: 1px solid rgba(228,236,243,1); border-radius: 10px; } /* */ .wechat-login-btn{ width: 100%; height: 50px; background: #09BB07; border-radius: 8px; font-family: PingFangSCSemibold-; font-size: 14px; color: #FFFFFF; text-align: center; font-weight: 600; display: flex; justify-content: center; align-items: center; } .wechat-login-btn img{ width: 18px; margin-right: 4px; } .other-login-btn{ width: 100%; height: 50px; background: #FFFFFF; border: 1px solid rgba(228,236,243,1); border-radius: 8px; font-family: PingFangSCSemibold-; font-size: 14px; color: #233042; justify-content: center; align-items: center; font-weight: 600; display: flex; } /* 抖动特效 */ @keyframes shake-slow { 0% { transform: translate(0px, 0px); } 6% { transform: translate(-10px, 0); } 12% { transform: translate(0px, 0); } 14% { transform: translate(-10px, 0); } 20% { transform: translate(1px, 0); } 25% { transform: translate(-10px, 0); } 30% { transform: translate(5px, 0); } 35% { transform: translate(-10px, 0); } 40% { transform: translate(10px, 0); } 45% { transform: translate(0px, 0); } 50% { transform: translate(6px, 0); } 55% { transform: translate(0, 0); } 60% { transform: translate(10px, 0); } 65% { transform: translate(5px, 0); } 70% { transform: translate(0px, 0); } 75% { transform: translate(10px, 0); } 80% { transform: translate(-5px, 0); } 85% { transform: translate(6px, 0); } 90% { transform: translate(10px, 0); } 94% { transform: translate(0px, 0); } 98% { transform: translate(7px, 0); } } /* 抖动特效end */ /* 弹窗 */ .modal-content{ border-radius: 10px !important; } .login-section-dis{ margin: 0; width: auto; padding: 0; border: 0 !important; min-height: auto !important; } /* .modal-open .modal{ background: rgba(0,0,0,.7) !important; } */ .sent-html-img{ width: 100px; height: 100px; display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 16px; }